.theme-toggle{--tt-bg:#fff;--tt-border:#e3e3e3;--tt-pill:#fff;--tt-active:#000;--tt-idle:rgba(0,0,0,.4);position:relative;display:inline-flex;align-items:center;direction:ltr;padding:4px;border-radius:14px;background:var(--tt-bg);border:1px solid var(--tt-border);font-family:var(--font-sans)}.theme-toggle__thumb{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);border-radius:10px;background:var(--tt-pill);transition:transform .3s;will-change:transform}.theme-toggle__thumb.is-dark{transform:translate(100%)}.theme-toggle__opt{outline:none}.theme-toggle__opt:focus-visible{outline:var(--ring-w) solid var(--ring);outline-offset:var(--ring-offset)}.theme-toggle__opt{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:none;background:transparent;border-radius:10px;color:var(--tt-idle);font-family:inherit;font-size:15px;font-weight:500;line-height:19px;white-space:nowrap;cursor:pointer;transition:color .3s}.theme-toggle__opt svg{width:16px;height:16px;transition:transform var(--dur-base) var(--ease-spring)}.theme-toggle__opt.is-active,.theme-toggle__opt:not(.is-active):hover{color:var(--tt-active)}.theme-toggle__opt.is-active svg{transform:scale(1.1)}.theme-toggle__opt:active svg{transform:scale(.85)}.theme-toggle--compact .theme-toggle__opt{padding:10px;width:40px}[data-theme=light] .theme-toggle__thumb{box-shadow:0 0 0 1px #1018280a,0 6px 16px -4px #10182824,0 2px 5px -2px #10182814}[data-theme=dark] .theme-toggle{--tt-bg:#000;--tt-border:#1b1b1b;--tt-pill:#1b1b1b;--tt-active:#fff;--tt-idle:hsla(0,0%,100%,.4)}