.theme-toggle{--toggle-width: 4.75rem;--toggle-height: 2.25rem;--toggle-padding: .1875rem;--thumb-size: calc(var(--toggle-height) - (var(--toggle-padding) * 2));--thumb-travel: calc(var(--toggle-width) - var(--toggle-height));position:relative;display:inline-flex;flex:0 0 auto;width:var(--toggle-width);height:var(--toggle-height);align-items:center;justify-content:center;padding:0;border:0;border-radius:999px;color:inherit;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.theme-toggle:focus-visible{outline:2px solid rgb(99 102 241 / .85);outline-offset:3px}.theme-toggle[data-theme-animating=true]{pointer-events:none}.theme-toggle__track{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:radial-gradient(circle at 26% 28%,rgb(255 255 255 / .95) 0 8%,transparent 15%),linear-gradient(135deg,#dbeafe,#fef3c7 58%,#fed7aa);box-shadow:inset 0 0 0 1px #1010101a,inset 0 -.55rem 1.1rem #ffffff57,0 .55rem 1.2rem #1010101f;transition:transform .24s ease,background .56s cubic-bezier(.22,1,.36,1),box-shadow .56s cubic-bezier(.22,1,.36,1)}.theme-toggle__track:before,.theme-toggle__track:after{position:absolute;content:"";pointer-events:none}.theme-toggle__track:before{z-index:0;inset:-42% -30%;background:radial-gradient(circle at 25% 36%,rgb(255 255 255 / .6),transparent 24%),radial-gradient(circle at 78% 47%,rgb(255 255 255 / .34),transparent 28%);opacity:1;transform:translate(0) rotate(0);transition:opacity .52s ease,transform .72s cubic-bezier(.22,1,.36,1)}.theme-toggle__track:after{z-index:1;inset:0;background:radial-gradient(circle at 78% 49%,rgb(56 189 248 / .5) 0 14%,rgb(14 165 233 / .18) 28%,transparent 48%),linear-gradient(135deg,#263343,#172233 48%,#0f172a);opacity:0;transform:scaleX(.94);transform-origin:right center;transition:opacity .68s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1)}.theme-toggle:hover .theme-toggle__track{transform:translateY(-1px)}.theme-toggle__thumb{position:absolute;z-index:3;top:var(--toggle-padding);left:var(--toggle-padding);width:var(--thumb-size);height:var(--thumb-size);overflow:hidden;border-radius:999px;background:transparent;box-shadow:0 0 1rem #f59e0b80,0 .28rem .72rem #10101038,inset 0 0 0 1px #ffffff75;transform:translate(0) rotate(-18deg);transition:transform .82s cubic-bezier(.22,1.35,.28,1),box-shadow .64s cubic-bezier(.22,1,.36,1),filter .64s cubic-bezier(.22,1,.36,1);will-change:transform}.theme-toggle__sun,.theme-toggle__moon{position:absolute;inset:0;z-index:1;border-radius:inherit;transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .82s cubic-bezier(.22,1.18,.36,1)}.theme-toggle__sun{background:radial-gradient(circle at 34% 28%,#fff8b0 0 18%,transparent 19%),radial-gradient(circle at 36% 32%,#fde68a 0 34%,#f59e0b 76%);opacity:1;transform:scale(1) rotate(0)}.theme-toggle__moon{background:radial-gradient(circle at 34% 34%,#ffffff 0 34%,transparent 35%),linear-gradient(145deg,#fff,#e0f2fe 62%,#bae6fd);opacity:0;transform:scale(.72) rotate(-28deg)}.theme-toggle__thumb:before,.theme-toggle__thumb:after{position:absolute;border-radius:999px;content:"";pointer-events:none}.theme-toggle__thumb:before{z-index:2;inset:-42%;background:conic-gradient(from 18deg,transparent 0deg 24deg,rgb(255 255 255 / .34) 25deg 34deg,transparent 35deg 64deg,rgb(255 255 255 / .3) 65deg 74deg,transparent 75deg 360deg);opacity:.48;animation:theme-toggle-rays 9s linear infinite}.theme-toggle__thumb:after{z-index:3;top:-.28rem;right:-.16rem;width:1.48rem;height:1.48rem;background:linear-gradient(135deg,#67e8f9,#0284c7 76%);box-shadow:0 0 1.45rem #38bdf8e0;opacity:0;transform:translate(.45rem,-.45rem) scale(.72);transition:opacity .42s ease,transform .66s cubic-bezier(.22,1,.36,1)}.theme-toggle__stars,.theme-toggle__star,.theme-toggle__dot,.theme-toggle__cloud,.theme-toggle__crater{position:absolute;pointer-events:none}.theme-toggle__stars{inset:0;z-index:2}.theme-toggle__star{background:#fffffff2;clip-path:polygon(50% 0,61% 36%,100% 50%,61% 64%,50% 100%,39% 64%,0 50%,39% 36%);filter:drop-shadow(0 0 .22rem rgb(255 255 255 / .78));opacity:0;transform:translateY(.35rem) scale(.45) rotate(-18deg);transition:opacity .34s ease,transform .62s cubic-bezier(.22,1,.36,1)}.theme-toggle__star--one{top:.52rem;left:1rem;width:.52rem;height:.52rem}.theme-toggle__star--two{top:.93rem;left:2.06rem;width:.27rem;height:.27rem;transition-delay:70ms}.theme-toggle__star--three{top:1.46rem;left:.82rem;width:.3rem;height:.3rem;transition-delay:.12s}.theme-toggle__dot{width:.21rem;height:.21rem;border-radius:999px;background:#e2e8f0c7;opacity:0;transform:translateY(.35rem) scale(.5);transition:opacity .34s ease,transform .62s cubic-bezier(.22,1,.36,1)}.theme-toggle__dot--one{top:.72rem;left:1.75rem}.theme-toggle__dot--two{top:1.58rem;left:1.42rem;width:.26rem;height:.26rem;transition-delay:90ms}.theme-toggle__dot--three{top:1.43rem;left:2.48rem;transition-delay:.15s}.theme-toggle__cloud{z-index:2;border-radius:999px;background:#ffffffdb;box-shadow:.32rem -.18rem 0 .08rem #ffffffc2,.72rem 0 0 -.02rem #ffffffb8;opacity:.9;transition:opacity .32s ease,transform .56s cubic-bezier(.22,1,.36,1)}.theme-toggle__cloud--one{right:.78rem;bottom:.58rem;width:.8rem;height:.28rem}.theme-toggle__cloud--two{right:1.38rem;bottom:1.16rem;width:.54rem;height:.2rem;opacity:.58;transform:scale(.82)}.theme-toggle__crater{z-index:4;border-radius:999px;background:#cbd5e1c7;box-shadow:inset 0 .08rem .12rem #64748b38;opacity:0;transform:scale(.45);transition:opacity .36s ease,transform .54s cubic-bezier(.22,1,.36,1)}.theme-toggle__crater--one{right:.63rem;bottom:.63rem;width:.35rem;height:.35rem}.theme-toggle__crater--two{right:.28rem;bottom:.92rem;width:.24rem;height:.24rem}.theme-toggle__crater--three{right:.62rem;top:.48rem;width:.18rem;height:.18rem}.theme-toggle[data-theme-state=dark] .theme-toggle__track,.dark .theme-toggle:not([data-theme-state=light]) .theme-toggle__track{box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -.7rem 1.2rem #02061761,0 .65rem 1.65rem #0f172a42}.theme-toggle[data-theme-state=dark] .theme-toggle__track:after,.dark .theme-toggle:not([data-theme-state=light]) .theme-toggle__track:after{opacity:1;transform:scaleX(1)}.theme-toggle[data-theme-state=dark] .theme-toggle__track:before,.dark .theme-toggle:not([data-theme-state=light]) .theme-toggle__track:before{opacity:.18;transform:translate(-.7rem) rotate(-8deg)}.theme-toggle[data-theme-state=dark] .theme-toggle__thumb,.dark .theme-toggle:not([data-theme-state=light]) .theme-toggle__thumb{filter:saturate(1.04);box-shadow:0 0 1.35rem #38bdf894,0 .32rem .82rem #0206175c,inset 0 0 0 1px #ffffffb3;transform:translate(var(--thumb-travel)) rotate(14deg)}.theme-toggle[data-theme-state=dark] .theme-toggle__sun,.dark .theme-toggle:not([data-theme-state=light]) .theme-toggle__sun{opacity:0;transform:scale(.64) rotate(42deg)}.theme-toggle[data-theme-state=dark] .theme-toggle__moon,.dark .theme-toggle:not([data-theme-state=light]) .theme-toggle__moon{opacity:1;transform:scale(1) rotate(0)}.theme-toggle[data-theme-state=dark] .theme-toggle__thumb:before,.dark .theme-toggle:not([data-theme-state=light]) .theme-toggle__thumb:before{opacity:0;animation-play-state:paused}.theme-toggle[data-theme-state=dark] .theme-toggle__thumb:after,.dark .theme-toggle:not([data-theme-state=light]) .theme-toggle__thumb:after,.theme-toggle[data-theme-state=dark] .theme-toggle__crater,.dark .theme-toggle:not([data-theme-state=light]) .theme-toggle__crater,.theme-toggle[data-theme-state=dark] .theme-toggle__star,.dark .theme-toggle:not([data-theme-state=light]) .theme-toggle__star,.theme-toggle[data-theme-state=dark] .theme-toggle__dot,.dark .theme-toggle:not([data-theme-state=light]) .theme-toggle__dot{opacity:1;transform:translateY(0) scale(1) rotate(0)}.theme-toggle[data-theme-state=dark] .theme-toggle__thumb:after,.dark .theme-toggle:not([data-theme-state=light]) .theme-toggle__thumb:after{transform:translate(0) scale(1)}.theme-toggle[data-theme-state=dark] .theme-toggle__star--one,.dark .theme-toggle:not([data-theme-state=light]) .theme-toggle__star--one{animation:theme-toggle-twinkle 2.6s ease-in-out infinite}.theme-toggle[data-theme-state=dark] .theme-toggle__star--two,.dark .theme-toggle:not([data-theme-state=light]) .theme-toggle__star--two{animation:theme-toggle-twinkle 2.9s .35s ease-in-out infinite}.theme-toggle[data-theme-state=dark] .theme-toggle__cloud,.dark .theme-toggle:not([data-theme-state=light]) .theme-toggle__cloud{opacity:0;transform:translate(.9rem) scale(.72)}.theme-toggle[data-theme-animating=true] .theme-toggle__thumb{animation:theme-toggle-pop .62s cubic-bezier(.22,1,.36,1)}.theme-toggle[data-theme-direction=to-dark] .theme-toggle__thumb{animation:theme-toggle-thumb-to-dark .9s cubic-bezier(.2,1.35,.28,1),theme-toggle-pop .62s cubic-bezier(.22,1,.36,1)}.theme-toggle[data-theme-direction=to-light] .theme-toggle__thumb{animation:theme-toggle-thumb-to-light .9s cubic-bezier(.2,1.35,.28,1),theme-toggle-pop .62s cubic-bezier(.22,1,.36,1)}.theme-toggle[data-theme-direction=to-dark] .theme-toggle__sun{animation:theme-toggle-sun-to-moon .9s cubic-bezier(.22,1,.36,1)}.theme-toggle[data-theme-direction=to-dark] .theme-toggle__moon{animation:theme-toggle-moon-in .9s cubic-bezier(.22,1,.36,1)}.theme-toggle[data-theme-direction=to-light] .theme-toggle__sun{animation:theme-toggle-sun-in .9s cubic-bezier(.22,1,.36,1)}.theme-toggle[data-theme-direction=to-light] .theme-toggle__moon{animation:theme-toggle-moon-to-sun .9s cubic-bezier(.22,1,.36,1)}.theme-toggle[data-theme-direction=to-dark] .theme-toggle__crater,.theme-toggle[data-theme-direction=to-dark] .theme-toggle__thumb:after{animation:theme-toggle-moon-detail-in .9s cubic-bezier(.22,1,.36,1)}.theme-toggle[data-theme-direction=to-light] .theme-toggle__crater,.theme-toggle[data-theme-direction=to-light] .theme-toggle__thumb:after{animation:theme-toggle-moon-detail-out .9s cubic-bezier(.22,1,.36,1)}@keyframes theme-toggle-thumb-to-dark{0%{transform:translate(0) rotate(-18deg)}42%{transform:translate(1.1rem) rotate(1deg)}68%{transform:translate(1.86rem) rotate(22deg)}to{transform:translate(var(--thumb-travel)) rotate(14deg)}}@keyframes theme-toggle-thumb-to-light{0%{transform:translate(var(--thumb-travel)) rotate(14deg)}42%{transform:translate(1.38rem) rotate(-4deg)}68%{transform:translate(.64rem) rotate(-24deg)}to{transform:translate(0) rotate(-18deg)}}@keyframes theme-toggle-sun-to-moon{0%{opacity:1;transform:scale(1) rotate(0)}38%{opacity:.9;transform:scale(.96) rotate(14deg)}62%{opacity:.18;transform:scale(.78) rotate(34deg)}to{opacity:0;transform:scale(.64) rotate(42deg)}}@keyframes theme-toggle-moon-in{0%,34%{opacity:0;transform:scale(.68) rotate(-32deg)}62%{opacity:.52;transform:scale(.88) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes theme-toggle-sun-in{0%,32%{opacity:0;transform:scale(.64) rotate(42deg)}62%{opacity:.82;transform:scale(.94) rotate(12deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes theme-toggle-moon-to-sun{0%{opacity:1;transform:scale(1) rotate(0)}38%{opacity:.62;transform:scale(.9) rotate(-12deg)}66%,to{opacity:0;transform:scale(.72) rotate(-28deg)}}@keyframes theme-toggle-moon-detail-in{0%,42%{opacity:0;transform:translate(.32rem,-.32rem) scale(.55)}72%{opacity:.8}to{opacity:1;transform:translate(0) scale(1)}}@keyframes theme-toggle-moon-detail-out{0%{opacity:1;transform:translate(0) scale(1)}36%{opacity:.28}to{opacity:0;transform:translate(.32rem,-.32rem) scale(.55)}}@keyframes theme-toggle-rays{to{transform:rotate(1turn)}}@keyframes theme-toggle-twinkle{0%,to{opacity:.76;transform:translateY(0) scale(.92) rotate(0)}50%{opacity:1;transform:translateY(-.03rem) scale(1.12) rotate(8deg)}}@keyframes theme-toggle-pop{0%{scale:1}42%{scale:1.08 .94}72%{scale:.98 1.04}to{scale:1}}