.theme-toggle{--tt-track:rgba(255,255,255,0.06);--tt-border:rgba(255,255,255,0.16);--tt-thumb:rgba(255,255,255,0.13);--tt-fg:rgba(255,255,255,0.5);--tt-fg-active:#ffffff;flex:none}.theme-toggle,.theme-toggle *{box-sizing:border-box}html.light .theme-toggle{--tt-track:rgba(15,40,90,0.05);--tt-border:rgba(15,40,90,0.14);--tt-thumb:#ffffff;--tt-fg:#66748f;--tt-fg-active:#0f1729}.theme-toggle--pill{position:relative;display:inline-flex;align-items:center;gap:0;padding:3px;height:34px;border-radius:999px;background:var(--tt-track);border:1px solid var(--tt-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle--pill.is-placeholder{width:66px;display:inline-block}.theme-toggle__thumb{position:absolute;top:3px;left:3px;width:30px;height:26px;border-radius:999px;background:var(--tt-thumb);box-shadow:0 1px 2px rgba(8,15,35,.18);transform:translateX(30px);transition:transform .26s cubic-bezier(.16,1,.3,1)}html.light .theme-toggle__thumb{transform:translateX(0)}.theme-toggle__seg{position:relative;z-index:1;width:30px;height:26px;display:inline-grid;place-items:center;padding:0;border:none;background:none;color:var(--tt-fg);cursor:pointer;border-radius:999px;transition:color .2s ease}.theme-toggle__seg:hover,.theme-toggle__seg[aria-checked=true]{color:var(--tt-fg-active)}.theme-toggle__seg svg{display:block}.theme-toggle--icon{width:40px;height:40px;display:inline-grid;place-items:center;padding:0;border:none;background:none;border-radius:8px;color:var(--tt-fg);cursor:pointer;transition:background .2s ease,color .2s ease}.theme-toggle--icon.is-placeholder{display:inline-block}.theme-toggle--icon:hover{color:var(--tt-fg-active);background:var(--tt-track)}.theme-toggle__icons{position:relative;display:grid;place-items:center;width:20px;height:20px}.theme-toggle__icons svg{grid-area:1/1;transition:opacity .24s ease,transform .34s cubic-bezier(.16,1,.3,1)}.theme-toggle__sun{opacity:1;transform:rotate(0deg) scale(1)}.theme-toggle__moon{opacity:0;transform:rotate(-70deg) scale(.6)}html.light .theme-toggle__sun{opacity:0;transform:rotate(70deg) scale(.6)}html.light .theme-toggle__moon{opacity:1;transform:rotate(0deg) scale(1)}@media (prefers-reduced-motion:reduce){.theme-toggle__icons svg,.theme-toggle__seg,.theme-toggle__thumb{transition:none!important}}