.sk-themesw{--slot:var(--tap);position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:var(--slot);padding:3px;border-radius:var(--r-pill);background:var(--surface-band);box-shadow:inset 0 1px 3px var(--line-strong),inset 0 -1px 0 var(--line)}.sk-themesw__opt{position:relative;z-index:1;display:grid;place-items:center;height:var(--slot);padding:0;border:0;border-radius:var(--r-pill);background:transparent;color:var(--fg-faint);cursor:pointer;transition:color var(--dur-fast) var(--ease-out)}.sk-themesw__opt:hover{color:var(--fg-strong)}.sk-themesw__opt[aria-checked=true]{color:transparent}.sk-themesw__opt:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.sk-themesw__opt:disabled{cursor:default}.sk-themesw__knob{position:absolute;z-index:0;top:3px;left:3px;display:grid;place-items:center;width:var(--slot);height:var(--slot);border-radius:var(--r-pill);background:var(--accent-fill);color:var(--accent-fg);box-shadow:var(--elev-2);pointer-events:none;opacity:0;transform:translateX(calc(var(--i) * 100%));transition:transform var(--dur-slow) var(--ease-spring),background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.sk-themesw[data-ready] .sk-themesw__knob{opacity:1}.sk-themesw[data-mode=light] .sk-themesw__knob{background:var(--saffron-fill);color:var(--saffron-on-fill);box-shadow:var(--elev-2),0 4px 14px -4px var(--saffron-glow)}.sk-themesw[data-mode=dark] .sk-themesw__knob{background:var(--fg-muted);color:var(--page)}.sk-themesw__k{grid-area:1/1;opacity:0;transform:rotate(-90deg) scale(.6);transition:opacity var(--dur) var(--ease-out),transform var(--dur-slow) var(--ease-spring)}.sk-themesw[data-mode=dark] .sk-themesw__k[data-for=dark],.sk-themesw[data-mode=light] .sk-themesw__k[data-for=light],.sk-themesw[data-mode=system] .sk-themesw__k[data-for=system]{opacity:1;transform:none}