.sun-and-moon>:is(.moon,.sun,.sun-beams){transform-origin:center}.sun-and-moon>:is(.moon,.sun){fill:var(--icon-fill,hsl(210 10% 30%))}.theme-toggle:is(:hover,:focus-visible) .sun-and-moon>:is(.moon,.sun){fill:var(--icon-fill-hover,hsl(210 10% 15%))}.sun-and-moon>.sun-beams{stroke:var(--icon-fill,hsl(210 10% 30%));stroke-width:2px}.theme-toggle:is(:hover,:focus-visible) .sun-and-moon>.sun-beams{stroke:var(--icon-fill-hover,hsl(210 10% 15%))}.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:1px){.dark .sun-and-moon>.moon>circle{transform:translateX(0);cx:17px}}@media (prefers-reduced-motion:no-preference){.sun-and-moon>.sun{transition:transform .5s cubic-bezier(.68,-.55,.265,1.55)}.sun-and-moon>.sun-beams{transition:transform .5s cubic-bezier(.76,0,.24,1),opacity .5s ease}.sun-and-moon .moon>circle{transition:transform .25s cubic-bezier(.25,.46,.45,.94)}@supports (cx:1px){.sun-and-moon .moon>circle{transition:cx .25s cubic-bezier(.25,.46,.45,.94)}}.dark .sun-and-moon>.sun{transform:scale(1.75);transition-timing-function:ease;transition-duration:.25s}.dark .sun-and-moon>.sun-beams{transform:rotate(-25deg);transition-duration:.15s}.dark .sun-and-moon>.moon>circle{transition-delay:.25s;transition-duration:.5s}}.theme-toggle{--size:2rem;--icon-fill:hsl(210 10% 30%);--icon-fill-hover:hsl(210 10% 15%);inline-size:var(--size);block-size:var(--size);aspect-ratio:1/1;border-radius:9999px}.dark .theme-toggle{--icon-fill:hsl(210 10% 70%);--icon-fill-hover:hsl(210 15% 90%)}@media (hover:none){.theme-toggle{--size:48px}}