.ctl-switch{--sw-h:28px;--sw-w:46px;--sw-inset:2px;--sw-off:rgb(var(--noctvm-midnight-700-rgb));--sw-ring:rgb(var(--noctvm-midnight-500-rgb));--sw-on:rgb(var(--noctvm-violet-rgb));--sw-pebble:rgb(var(--noctvm-pebble-rgb));position:relative;display:inline-block;flex-shrink:0;width:var(--sw-w);height:var(--sw-h);padding:0;border:0;border-radius:999px;cursor:pointer;background-color:var(--sw-off);background-image:linear-gradient(var(--sw-on),var(--sw-on));background-repeat:no-repeat;background-size:0 100%;box-shadow:inset 0 0 0 1px var(--sw-ring);-webkit-tap-highlight-color:transparent;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-size .42s var(--ease-out),box-shadow .2s var(--ease-out)}:root[data-theme=light] .ctl-switch{--sw-on:rgb(var(--noctvm-violet-400-rgb))}.ctl-switch[aria-checked=true]{background-size:100% 100%;box-shadow:none}.ctl-switch:before{content:"";position:absolute;inset:-8px -4px}.ctl-switch:not([data-live]):after{content:"";position:absolute;top:var(--sw-inset);left:var(--sw-inset);width:calc(var(--sw-h) - 2 * var(--sw-inset));height:calc(var(--sw-h) - 2 * var(--sw-inset));border-radius:999px;background:rgb(var(--noctvm-pebble-rgb)/.62);backdrop-filter:blur(var(--noctvm-lg-surface-blur)) saturate(var(--noctvm-lg-surface-sat));-webkit-backdrop-filter:blur(var(--noctvm-lg-surface-blur)) saturate(var(--noctvm-lg-surface-sat));box-shadow:0 2px 5px rgb(var(--noctvm-black-rgb)/.35),inset 0 0 0 1px rgb(var(--noctvm-pebble-rgb)/.55),inset 0 1px 0 rgb(var(--noctvm-pebble-rgb)/.8);transition:transform .42s var(--ease-out)}.ctl-switch[aria-checked=true]:not([data-live]):after{transform:translateX(calc(var(--sw-w) - var(--sw-h)))}.ctl-switch:not([data-live]):not(:disabled):active:after{transform:scale(1.18);transition-duration:.16s}.ctl-switch[aria-checked=true]:not([data-live]):not(:disabled):active:after{transform:translateX(calc(var(--sw-w) - var(--sw-h))) scale(1.18)}.ctl-switch:focus-visible{outline:2px solid rgb(var(--noctvm-violet-400-rgb));outline-offset:3px}.ctl-switch:disabled{cursor:not-allowed;opacity:.5}.ctl-switch[data-live]{background:none;box-shadow:none;transition:none}.ctl-switch .lgsw-track{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:var(--sw-off);box-shadow:inset 0 0 0 1px var(--sw-ring)}.ctl-switch .lgsw-fill{position:absolute;left:0;top:0;bottom:0;background:var(--sw-on)}.ctl-switch[aria-checked=true] .lgsw-track{box-shadow:none}.ctl-switch .lgsw-knob{position:absolute;border-radius:999px;box-shadow:0 2px 5px rgb(var(--noctvm-black-rgb)/.35),var(--lg-rim,inset 0 1px 0 rgb(var(--noctvm-pebble-rgb)/.45))}.ctl-seg{--seg-pad:4px;--seg-gap:4px;position:relative;display:flex;gap:var(--seg-gap);padding:var(--seg-pad);border-radius:var(--radius-card);background:rgb(var(--noctvm-midnight-900-rgb)/.6)}.ctl-seg-thumb{position:absolute;top:var(--seg-pad);bottom:var(--seg-pad);left:var(--seg-pad);width:calc((100% - 2 * var(--seg-pad) - (var(--n) - 1) * var(--seg-gap)) / var(--n));transform:translateX(calc(var(--i) * (100% + var(--seg-gap))));border-radius:calc(var(--radius-card) - var(--seg-pad));pointer-events:none;background:rgb(var(--noctvm-violet-rgb)/.72);backdrop-filter:blur(var(--noctvm-lg-surface-blur)) saturate(var(--noctvm-lg-surface-sat));-webkit-backdrop-filter:blur(var(--noctvm-lg-surface-blur)) saturate(var(--noctvm-lg-surface-sat));box-shadow:0 2px 6px rgb(var(--noctvm-black-rgb)/.25),inset 0 1px 0 rgb(var(--noctvm-pebble-rgb)/.22);will-change:transform,width}:root[data-theme=light] .ctl-seg-thumb{box-shadow:0 2px 6px rgb(60 40 62/.18),inset 0 1px 0 rgb(var(--noctvm-pebble-rgb))}.ctl-seg-tab{position:relative;z-index:1;display:flex;flex:1 1 0;min-width:0;min-height:44px;align-items:center;justify-content:center;gap:.5rem;padding:0 .5rem;border:0;border-radius:calc(var(--radius-card) - var(--seg-pad));background:none;color:rgb(var(--noctvm-silver-400-rgb));font-size:.875rem;font-weight:590;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s var(--ease-out)}.ctl-seg-tab[aria-selected=true]{color:rgb(var(--noctvm-silver-50-rgb))}.ctl-seg-tab:focus-visible{outline:2px solid rgb(var(--noctvm-violet-400-rgb));outline-offset:-2px}@media (prefers-reduced-motion:reduce){.ctl-seg-tab,.ctl-switch,.ctl-switch:not([data-live]):after{transition:none}}.ctl-seg-thumb:has(>.lg){background:none;backdrop-filter:none;-webkit-backdrop-filter:none}