.cssexy-top-nav{position:fixed;top:0;inset-inline:0;z-index:20;height:calc(var(--spacing) * 14);margin-right:calc(100% - 100vw);padding-inline:calc(var(--spacing) * 4);display:flex;align-items:center;justify-content:space-between;background-color:var(--theme-nav-bg);border-bottom:1px solid var(--theme-border)}@media (min-width:40rem){.cssexy-top-nav{padding-inline:calc(var(--spacing) * 6)}}.cssexy-top-nav a{display:inline-flex;align-items:center;text-decoration:none;color:var(--theme-text);font-size:var(--text-sm);line-height:calc(var(--spacing) * 6)}.cssexy-top-nav a.active{color:var(--blue-500)}.cssexy-top-nav-dialog{border:0;background-color:var(--theme-surface);color:var(--theme-text)}.cssexy-top-nav-dialog::backdrop{background:rgba(4,9,15,.5)}.cssexy-top-nav .main-sm{display:flex;gap:calc(var(--spacing) * 5)}.cssexy-top-nav .main-xs{display:none}@media (max-width:40rem){.cssexy-top-nav .main-sm{display:none}.cssexy-top-nav .main-xs{display:flex}}@media (min-width:64rem){.cssexy-top-nav .main-sm{gap:calc(var(--spacing) * 5)}}.ColorPicker_swatch__30pgW{border-radius:.375rem;border:none;outline:1px solid rgba(0,0,0,.15);outline-offset:-1px;cursor:pointer}.ColorPicker_swatchLarge__1tmgm,.ColorPicker_swatch__30pgW{width:1.25rem;height:1.25rem}.ColorPicker_swatch__30pgW.ColorPicker_disabled__0Zbmr{cursor:not-allowed;opacity:.5}.ColorPicker_continuum__g5GMF{width:100%;position:relative;height:25px;border-radius:.25rem}.ColorPicker_continuumHue__1iUz1{height:40px}.ColorPicker_indicator__F1E5e{position:absolute;cursor:grab;top:50%;width:16px;height:16px;border:4px solid #fff;border-radius:50%;background-color:transparent;transform:translate(-50%,-50%);box-shadow:0 1px 4px rgba(0,0,0,.35)}