.theme-toggle{--tt-size:24;--tt-h:calc(var(--tt-size) * 1px);--tt-k:calc(var(--tt-size) / 30);--tt-w:calc(58px * var(--tt-k));--tt-pad:calc(3px * var(--tt-k));--tt-knob:calc(var(--tt-h) - var(--tt-pad) * 2);--tt-travel:calc(var(--tt-w) - var(--tt-knob) - var(--tt-pad) * 2);--tt-ring:#e9ecf5eb;--tt-ease:cubic-bezier(.34, 1.4, .64, 1);width:var(--tt-w);height:var(--tt-h);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:none;padding:0;position:relative}.theme-toggle:after{content:"";height:max(var(--tt-h), 44px);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.tt-pill{isolation:isolate;box-shadow:0 0 0 calc(2px * var(--tt-k)) var(--tt-ring), inset 0 calc(2px * var(--tt-k)) calc(5px * var(--tt-k)) #00000052;border-radius:999px;transition:box-shadow .35s,transform .18s;position:absolute;inset:0;overflow:hidden}.theme-toggle.is-light .tt-pill{--tt-ring:rgb(var(--border));box-shadow:0 0 0 calc(2px * var(--tt-k)) var(--tt-ring), 0 1px 4px #0f1e3224, inset 0 calc(2px * var(--tt-k)) calc(5px * var(--tt-k)) #0a3c5a38}.theme-toggle:hover .tt-pill{transform:translateY(-1px)}.theme-toggle:active .tt-pill{transform:scale(.955)}.theme-toggle:focus-visible{outline:none}.theme-toggle:focus-visible .tt-pill{box-shadow:0 0 0 calc(2px * var(--tt-k)) var(--tt-ring), 0 0 0 calc(4px * var(--tt-k)) rgb(var(--accent)), inset 0 calc(2px * var(--tt-k)) calc(5px * var(--tt-k)) #00000052}.tt-sky{border-radius:inherit;transition:opacity .45s;position:absolute;inset:0}.tt-sky-day{opacity:1;background:linear-gradient(140deg,#0f8ed4 0%,#39bdf0 48%,#8ddcfb 100%)}.tt-sky-night{opacity:0;background:linear-gradient(140deg,#1c0a4c 0%,#3a1583 55%,#5a1ba4 100%)}.theme-toggle.is-dark .tt-sky-day{opacity:0}.theme-toggle.is-dark .tt-sky-night{opacity:1}.tt-star{width:calc(2px * var(--tt-k));height:calc(2px * var(--tt-k));opacity:0;transition:opacity .4s ease, transform .45s var(--tt-ease);background:#fff;border-radius:50%;position:absolute;transform:scale(.4)}.theme-toggle.is-dark .tt-star{opacity:.9;animation:3.2s ease-in-out infinite tt-twinkle;transform:scale(1)}.tt-star.tt-star-lg{width:calc(3px * var(--tt-k));height:calc(3px * var(--tt-k));box-shadow:0 0 calc(2.5px * var(--tt-k)) #ffffffd9}@keyframes tt-twinkle{0%,to{opacity:.35}50%{opacity:1}}.tt-cloud{width:calc(17px * var(--tt-k));height:calc(6px * var(--tt-k));opacity:0;transform:translateX(calc(9px * var(--tt-k))) scale(var(--tt-cloud-s,1));transform-origin:0 100%;transition:opacity .4s ease, transform .5s var(--tt-ease);filter:drop-shadow(0 calc(1px * var(--tt-k)) calc(1px * var(--tt-k)) #0c5a8c2e);background:#fff;border-radius:999px;position:absolute}.tt-cloud:before,.tt-cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.tt-cloud:before{width:calc(10px * var(--tt-k));height:calc(10px * var(--tt-k));left:calc(2px * var(--tt-k));top:calc(-6px * var(--tt-k))}.tt-cloud:after{width:calc(7px * var(--tt-k));height:calc(7px * var(--tt-k));left:calc(9px * var(--tt-k));top:calc(-4px * var(--tt-k))}.tt-cloud-2{--tt-cloud-s:.62}.theme-toggle.is-light .tt-cloud{opacity:.96;transform:translateX(0) scale(var(--tt-cloud-s,1))}.theme-toggle.is-light .tt-cloud-2{transition-delay:60ms}.tt-knob{top:var(--tt-pad);left:var(--tt-pad);width:var(--tt-knob);height:var(--tt-knob);transition:transform .5s var(--tt-ease);position:absolute}.theme-toggle.is-dark .tt-knob{transform:translateX(var(--tt-travel))}.tt-face{transition:opacity .35s ease, transform .5s var(--tt-ease);border-radius:50%;position:absolute;inset:0}.tt-sun{filter:drop-shadow(0 0 calc(3px * var(--tt-k)) #ffb02080) drop-shadow(0 calc(1px * var(--tt-k)) calc(2px * var(--tt-k)) #00000038);background:radial-gradient(circle at 34% 30%,#fff6c2 0%,#ffd233 45%,#f79c1e 100%)}.tt-moon{-webkit-mask-image:radial-gradient(circle calc(var(--tt-knob) * .48) at 26% 20%, transparent 99%, #000 100%);-webkit-mask-image:radial-gradient(circle calc(var(--tt-knob) * .48) at 26% 20%, transparent 99%, #000 100%);mask-image:radial-gradient(circle calc(var(--tt-knob) * .48) at 26% 20%, transparent 99%, #000 100%);filter:drop-shadow(0 0 calc(5px * var(--tt-k)) #ce82e999);background:linear-gradient(145deg,#fce6fa 0%,#efb2ea 42%,#c56ed9 100%)}.theme-toggle.is-light .tt-sun{opacity:1;transform:rotate(0)scale(1)}.theme-toggle.is-light .tt-moon{opacity:0;transform:rotate(-75deg)scale(.5)}.theme-toggle.is-dark .tt-sun{opacity:0;transform:rotate(75deg)scale(.5)}.theme-toggle.is-dark .tt-moon{opacity:1;transform:rotate(0)scale(1)}@media (prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle *{transition-duration:.01ms!important;animation:none!important}.theme-toggle:hover .tt-pill{transform:none}}