.sd-thm{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-thm[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-thm :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-thm :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-thm .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-thm{display:inline-flex}.sd-thm__btn{width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;place-items:center;transition:background-color .2s,transform .14s;display:grid}.sd-thm__btn:hover{background:var(--soft)!important}.sd-thm__btn:active{transform:scale(.92)}.sd-thm__svg{width:22px;height:22px;overflow:visible}.sd-thm__core{fill:currentColor;transition:r .4s cubic-bezier(.3,1.4,.4,1)}.sd-thm__bite{transition:cx .45s cubic-bezier(.3,1.1,.4,1),cy .45s cubic-bezier(.3,1.1,.4,1)}.sd-thm__rays{stroke:currentColor;stroke-width:2px;stroke-linecap:round;transform-origin:12px 12px;transition:transform .45s cubic-bezier(.3,1.4,.4,1),opacity .3s}[data-mode=dark] .sd-thm__rays{opacity:0;transform:rotate(-90deg)scale(.4)}.sd-thm__seg{background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:3px;display:inline-flex;position:relative}.sd-thm__pill{background:var(--bg);width:40px;height:34px;box-shadow:0 1px 3px #0000004d, inset 0 0 0 1px var(--line);border-radius:999px;transition:transform .34s cubic-bezier(.3,1.3,.4,1);position:absolute;top:3px;left:3px}.sd-thm__opt{z-index:1;width:40px;height:34px;color:var(--mute);border-radius:999px;place-items:center;transition:color .2s;display:grid;position:relative}.sd-thm__opt[aria-checked=true]{color:var(--fg)}.sd-thm__opt svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}@media (prefers-reduced-motion:reduce){.sd-thm *,.sd-thm :before,.sd-thm :after{transition:none!important;animation:none!important}}
