.sun-and-moon>:-webkit-any(.moon,.sun,.sun-beams){transform-origin:50%}.sun-and-moon>:-moz-any(.moon,.sun,.sun-beams){transform-origin:50%}.sun-and-moon>:is(.moon,.sun,.sun-beams){transform-origin:50%}.sun-and-moon>:-webkit-any(.moon,.sun){fill:currentColor}.sun-and-moon>:-moz-any(.moon,.sun){fill:currentColor}.sun-and-moon>:is(.moon,.sun){fill:currentColor}.sun-and-moon>.sun-beams{stroke:currentColor;stroke-width:2px}[data-theme=dark] .sun-and-moon>.sun{transform:scale(1.75)}[data-theme=dark] .sun-and-moon>.sun-beams{opacity:0}[data-theme=dark] .sun-and-moon>.moon>circle{transform:translate(-7px)}@supports (cx:1){[data-theme=dark] .sun-and-moon>.moon>circle{cx:17;transform:translate(0)}}@media (prefers-reduced-motion:no-preference){.sun-and-moon>.sun{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.sun-and-moon>.sun-beams{transition:transform .5s cubic-bezier(.5,1.6,.4,.8),opacity .5s cubic-bezier(.3,0,.7,1)}.sun-and-moon .moon>circle{transition:transform .25s cubic-bezier(.4,0,.2,1)}@supports (cx:1){.sun-and-moon .moon>circle{transition:cx .25s cubic-bezier(.4,0,.2,1)}}[data-theme=dark] .sun-and-moon>.sun{transition-duration:.25s;transition-timing-function:cubic-bezier(.3,0,.7,1);transform:scale(1.75)}[data-theme=dark] .sun-and-moon>.sun-beams{transition-duration:.15s;transform:rotate(-25deg)}[data-theme=dark] .sun-and-moon>.moon>circle{transition-duration:.5s;transition-delay:.25s}}