.day-night{--day-night-t:var(--dn-speed,1);--day-night-gold:#F5CC5B;--day-night-mint:#B8DCCA;--day-night-cream:#F8F5EA;--day-night-night:#142F34;--day-night-night-deep:#0E2328;--day-night-hair:max(1px,0.0625em);--day-night-travel:2em;position:relative;isolation:isolate;display:inline-block;vertical-align:middle;flex-shrink:0;box-sizing:border-box;width:4em;height:2em;margin:0;padding:0;border:0;border-radius:1em;background:transparent;color:inherit;font-size:16px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.day-night[data-size=sm]{font-size:14px}.day-night:before{content:"";position:absolute;inset:calc((2em - 44px) / 2) 0}.day-night__art,.day-night__art>*{position:absolute;display:block;box-sizing:border-box;pointer-events:none}.day-night__art{inset:0;border-radius:inherit;overflow:hidden;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black)}.day-night__sky{inset:0;background:linear-gradient(160deg,#EDF2E5,#DCE7D3 50%,#CFDDC7)}.day-night__warm{left:-.6em;top:-.6em;width:3.2em;height:3.2em;border-radius:50%;background:radial-gradient(circle,rgb(245 204 91/.5) 0,rgb(245 204 91/.2) 32%,rgb(245 204 91/0) 62%);opacity:1;transition:opacity calc(.3s * var(--day-night-t)) ease-out calc(.34s * var(--day-night-t))}.day-night[data-state=checked] .day-night__warm{opacity:0;transition:opacity calc(.32s * var(--day-night-t)) ease-in 0s}.day-night__dusk{left:-.25em;right:-.25em;bottom:0;height:1.4em;background:linear-gradient(0deg,rgb(244 184 96/.5) 0,rgb(245 204 91/.3) 40%,rgb(245 204 91/0));opacity:1;transform:translateY(100%);transition:opacity calc(.26s * var(--day-night-t)) ease-out 0s,transform calc(.34s * var(--day-night-t)) cubic-bezier(.4,0,.6,1) calc(.24s * var(--day-night-t))}.day-night[data-state=checked] .day-night__dusk{opacity:.35;transform:translateY(26%);transition:opacity calc(.3s * var(--day-night-t)) ease-in calc(.22s * var(--day-night-t)),transform calc(.38s * var(--day-night-t)) cubic-bezier(.3,0,.5,1) 0s}.day-night__night{inset:0;background:linear-gradient(160deg,#1F474D 0,var(--day-night-night) 48%,var(--day-night-night-deep) 100%);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 42%,rgb(0 0 0/0) 68%,rgb(0 0 0/0));mask-image:linear-gradient(180deg,#000 0,#000 42%,rgb(0 0 0/0) 68%,rgb(0 0 0/0));-webkit-mask-size:100% 300%;mask-size:100% 300%;-webkit-mask-position:0 100%;mask-position:0 100%}.day-night[data-state=checked] .day-night__night,.day-night__night{transition:-webkit-mask-position calc(.52s * var(--day-night-t)) cubic-bezier(.45,0,.3,1) calc(40ms * var(--day-night-t)),mask-position calc(.52s * var(--day-night-t)) cubic-bezier(.45,0,.3,1) calc(40ms * var(--day-night-t))}.day-night[data-state=checked] .day-night__night{-webkit-mask-position:0 0;mask-position:0 0}.day-night__cool{right:-.6em;top:-.6em;width:3.2em;height:3.2em;border-radius:50%;background:radial-gradient(circle,rgb(184 220 202/.3) 0,rgb(184 220 202/.1) 34%,rgb(184 220 202/0) 62%);opacity:0;transition:opacity calc(.24s * var(--day-night-t)) ease-in 0s}.day-night[data-state=checked] .day-night__cool{opacity:1;transition:opacity calc(.32s * var(--day-night-t)) ease-out calc(.34s * var(--day-night-t))}.day-night__cloud{--day-night-puff:radial-gradient(closest-side,rgb(252 250 243/0.96) 52%,rgb(252 250 243/0.55) 80%,rgb(252 250 243/0) 100%);height:.6em;background-repeat:no-repeat;background-image:var(--day-night-puff),var(--day-night-puff),var(--day-night-puff),var(--day-night-puff);filter:drop-shadow(0 .03em .05em rgb(31 85 71/.1));opacity:1;transition:opacity calc(.3s * var(--day-night-t)) ease-out calc(.3s * var(--day-night-t)),transform calc(.36s * var(--day-night-t)) cubic-bezier(.2,.8,.3,1) calc(.26s * var(--day-night-t))}.day-night__cloud--near{left:2.4em;top:1em;width:1.5em;background-size:.62em .42em,.78em .56em,.6em .4em,1.4em .3em;background-position:.05em .16em,.4em .02em,.86em .14em,.05em .3em;transform:translateX(0)}.day-night__cloud--far{left:2.3em;top:.42em;width:1.1em;height:.42em;opacity:.72;background-size:.44em .3em,.56em .4em,.42em .28em,1em .22em;background-position:.04em .1em,.3em 0,.62em .09em,.04em .2em;transform:translateX(0)}.day-night[data-state=checked] .day-night__cloud{opacity:0;transform:translateX(.75em);transition:opacity calc(.2s * var(--day-night-t)) ease-in 0s,transform calc(.36s * var(--day-night-t)) cubic-bezier(.5,0,.8,.6) 0s}.day-night[data-state=checked] .day-night__cloud--far{transform:translateX(.45em);transition-delay:calc(.1s * var(--day-night-t)),calc(40ms * var(--day-night-t))}.day-night__star{width:.125em;height:.125em;border-radius:50%;background:var(--day-night-cream);box-shadow:0 0 .1em rgb(248 245 234/.8);opacity:0;transform:scale(.3);transition:opacity calc(.14s * var(--day-night-t)) ease-in,transform calc(.14s * var(--day-night-t)) ease-in}.day-night__star--1{left:.62em;top:.52em;width:.15em;height:.15em}.day-night__star--2{left:1.4em;top:1.32em;width:.1em;height:.1em;background:var(--day-night-mint);box-shadow:0 0 .08em rgb(184 220 202/.8)}.day-night__star--3{left:1.78em;top:.38em;width:.12em;height:.12em}.day-night__star--4{left:1.02em;top:1em;width:.08em;height:.08em}.day-night__star--5{left:2.16em;top:1.3em;width:.09em;height:.09em;background:var(--day-night-mint);box-shadow:0 0 .08em rgb(184 220 202/.7)}.day-night__star--1{transition-delay:calc(60ms * var(--day-night-t))}.day-night__star--2{transition-delay:calc(.12s * var(--day-night-t))}.day-night__star--3{transition-delay:0s}.day-night__star--4{transition-delay:calc(90ms * var(--day-night-t))}.day-night__star--5{transition-delay:calc(30ms * var(--day-night-t))}.day-night[data-state=checked] .day-night__star{opacity:1;transform:scale(1);transition:opacity calc(.22s * var(--day-night-t)) cubic-bezier(.2,.7,.3,1),transform calc(.26s * var(--day-night-t)) cubic-bezier(.2,.9,.3,1.1)}.day-night[data-state=checked] .day-night__star--4{opacity:.6}.day-night[data-state=checked] .day-night__star--1{transition-delay:calc(.36s * var(--day-night-t))}.day-night[data-state=checked] .day-night__star--2{transition-delay:calc(.44s * var(--day-night-t))}.day-night[data-state=checked] .day-night__star--3{transition-delay:calc(.3s * var(--day-night-t))}.day-night[data-state=checked] .day-night__star--4{transition-delay:calc(.5s * var(--day-night-t))}.day-night[data-state=checked] .day-night__star--5{transition-delay:calc(.4s * var(--day-night-t))}.day-night__orb{left:.3em;top:.3em;width:1.4em;height:1.4em;border-radius:50%;background:none;transform:translateX(0);transition:transform calc(.58s * var(--day-night-t)) cubic-bezier(.45,.02,.2,1)}.day-night[data-state=checked] .day-night__orb{transform:translateX(var(--day-night-travel))}.day-night__orb>*{position:absolute;inset:0;border-radius:50%;display:block}.day-night__sun{background:radial-gradient(circle at 38% 34%,#FFF8DC 0,#FDE696 26%,var(--day-night-gold) 58%,#F0BE44 86%,#E2AC30 100%);box-shadow:inset .03em .04em .06em rgb(255 255 255/.5),inset -.04em -.06em .1em rgb(200 150 30/.28),0 0 .18em rgb(245 204 91/.75),0 0 .5em rgb(245 204 91/.42),0 0 1.1em rgb(245 204 91/.24);opacity:1;transition:opacity 0s linear,box-shadow calc(.42s * var(--day-night-t)) ease}.day-night[data-state=checked] .day-night__sun{opacity:0;box-shadow:inset .03em .04em .06em rgb(255 255 255/.5),inset -.04em -.06em .1em rgb(200 150 30/.28),0 0 .18em rgb(184 220 202/.5),0 0 .5em rgb(184 220 202/.3),0 0 1.1em rgb(184 220 202/.16);transition:opacity 0s linear calc(.52s * var(--day-night-t)),box-shadow calc(.42s * var(--day-night-t)) ease}.day-night__moon{background:radial-gradient(ellipse .34em .26em at 60% 64%,rgb(96 142 122/.3) 0,rgb(96 142 122/.16) 45%,rgb(96 142 122/0) 100%),radial-gradient(ellipse .22em .3em at 36% 56%,rgb(96 142 122/.24) 0,rgb(96 142 122/0) 100%),radial-gradient(ellipse .2em .14em at 58% 30%,rgb(96 142 122/.2) 0,rgb(96 142 122/0) 100%),radial-gradient(ellipse .14em .1em at 30% 80%,rgb(96 142 122/.18) 0,rgb(96 142 122/0) 100%),radial-gradient(circle at 36% 30%,#F4FBF6 0,#DCEFE3 24%,var(--day-night-mint) 54%,#9BC5B1 86%,#83AE9B 100%);box-shadow:inset .03em .05em .07em rgb(255 255 255/.5),inset -.07em -.1em .16em rgb(31 85 71/.38),0 0 .18em rgb(184 220 202/.5),0 0 .5em rgb(184 220 202/.3),0 0 1.1em rgb(184 220 202/.16);opacity:0;transition:opacity calc(.24s * var(--day-night-t)) ease-in 0s}.day-night[data-state=checked] .day-night__moon{opacity:1;transition:opacity calc(.3s * var(--day-night-t)) ease-out calc(.22s * var(--day-night-t))}.day-night__lens{padding:var(--day-night-hair);background:linear-gradient(145deg,rgb(255 255 255/.9),rgb(255 255 255/.15) 40%,rgb(255 255 255/0) 58%,rgb(255 255 255/.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.day-night__lens:after{left:24%;top:12%;width:22%;height:10%;background:rgb(255 255 255/.5);filter:blur(.03em)}.day-night__lens:after,.day-night__lens:before{content:"";position:absolute;border-radius:50%;transform:rotate(-30deg)}.day-night__lens:before{left:58%;top:76%;width:20%;height:9%;background:rgb(255 255 255/.4);filter:blur(.02em)}@media (prefers-reduced-motion:reduce){.day-night,.day-night *,.day-night :after,.day-night :before{transition:none!important}}