.theme-toggle{view-transition-name:none}::view-transition-group(root){animation-timing-function:ease-out}::view-transition-new(root){clip-path:inset(0 0 100% 0);animation:reveal-top-down .6s ease-out;animation-fill-mode:both}.dark::view-transition-old(root),::view-transition-old(root){clip-path:inset(0 0 0 0);animation:reveal-top-down .6s ease-out reverse;animation-fill-mode:both;z-index:-1}@keyframes reveal-top-down{to{clip-path:inset(0 0 0 0)}}.sun-and-moon>:is(.moon,.sun,.sun-beams){transform-origin:center}.sun-and-moon>:is(.moon,.sun){fill:currentColor}.theme-toggle:is(:hover,:focus-visible)>.sun-and-moon>:is(.moon,.sun){fill:currentColor}.sun-and-moon>.sun-beams{stroke:currentColor;stroke-width:2px}.theme-toggle:is(:hover,:focus-visible) .sun-and-moon>.sun-beams{stroke:currentColor}.dark .sun-and-moon>.sun{transform:scale(1.75)}.dark .sun-and-moon>.sun-beams{opacity:0}.dark .sun-and-moon>.moon>circle{transform:translateX(-7px)}@supports (cx:1){.dark .sun-and-moon>.moon>circle{cx:17;transform:translateX(0)}}@media (prefers-reduced-motion:no-preference){.sun-and-moon>.sun{transition:transform .5s var(--ease-elastic-3)}.sun-and-moon>.sun-beams{transition:transform .5s var(--ease-elastic-4),opacity .5s var(--ease-3)}.sun-and-moon .moon>circle{transition:transform .25s var(--ease-out-5)}@supports (cx:1){.sun-and-moon .moon>circle{transition:cx .25s var(--ease-out-5)}}.dark .sun-and-moon>.sun{transition-timing-function:var(--ease-3);transition-duration:.25s;transform:scale(1.75)}.dark .sun-and-moon>.sun-beams{transition-duration:.15s;transform:rotate(-25deg)}.dark .sun-and-moon>.moon>circle{transition-duration:.5s;transition-delay:.25s}}