.dark{--background-hsl:220 15% 10%;--foreground-hsl:210 40% 98%;--card-hsl:220 15% 12%;--primary-hsl:217 89% 61%;--primary-foreground-hsl:0 0% 100%;--secondary-hsl:220 15% 15%;--muted-hsl:220 15% 15%;--muted-foreground-hsl:215 20% 65%;--accent-hsl:142 58% 55%;--border-hsl:220 15% 20%;--secondary:#021018}.theme-toggle{width:48px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:transform .3s var(--ease-out-cubic),background-color .3s;position:relative;border:none;background-color:transparent}.theme-toggle.is-pressed,.theme-toggle:hover{transform:scale(1.1);background-color:rgba(100,100,100,.1)}.theme-toggle img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;pointer-events:none}@media (min-width:1024px){.theme-toggle img{width:28px;height:28px}}.theme-toggle.is-pressed img,.theme-toggle:hover img{filter:none}.theme-toggle .icon-sun{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scale(.5)}.theme-toggle .icon-moon,html:not(.dark) .theme-toggle .icon-sun{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}html:not(.dark) .theme-toggle .icon-moon{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scale(.5)}@keyframes scale-out{from{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) rotate(360deg) scale(0);opacity:0}}@keyframes scale-in{from{transform:translate(-50%,-50%) rotate(-360deg) scale(0);opacity:0}to{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:1}}.animating-out{animation:.3s ease-in-out forwards scale-out}.animating-in{animation:.3s ease-in-out forwards scale-in}@keyframes ulGlow{0%,100%{box-shadow:rgba(67,183,255,.2) 0 0 24px,inset rgba(67,183,255,.2) 0 0 69px,inset rgba(67,183,255,.2) 0 0 60px,rgba(67,183,255,.2) 0 0 74px}50%{box-shadow:rgba(67,183,255,.2) 0 0 24px,inset rgba(67,183,255,.2) 0 0 39px,inset rgba(67,183,255,.2) 0 0 24px,rgba(67,183,255,.2) 0 0 74px}51%,53%,92%,94%{box-shadow:none}52%,64%{box-shadow:rgba(67,183,255,.2) 0 0 24px,inset rgba(67,183,255,.2) 0 0 69px,inset rgba(67,183,255,.2) 0 0 24px,rgba(67,183,255,.2) 0 0 74px}78%,93%{box-shadow:rgba(67,183,255,.2) 0 0 14px,inset rgba(67,183,255,.2) 0 0 49px,inset rgba(67,183,255,.2) 0 0 14px,rgba(67,183,255,.2) 0 0 54px}95%{box-shadow:rgba(67,183,255,.2) 0 0 14px,inset rgba(67,183,255,.2) 0 0 49px,inset rgba(67,183,255,.2) 0 0 24px,rgba(67,183,255,.2) 0 0 54px}}