.sky{--sky-w:440px;--sky-u:calc(var(--sky-w) / 100);--sky-rim:calc(var(--sky-u) * 2.6);--sky-knob:calc(var(--sky-u) * 31.4);--sky-pad:calc(var(--sky-u) * 3.92);--sky-travel:calc(var(--sky-u) * 55.56);--sky-focus:#7c3aed;--sky-ease-out:cubic-bezier(.2,.9,.3,1);--sky-ease-in:cubic-bezier(.6,.04,.78,.32);--sky-soft:cubic-bezier(.32,1.28,.62,1);--sky-pop:cubic-bezier(.3,1.62,.52,1);position:relative;display:inline-block;flex:none;width:var(--sky-w);aspect-ratio:9/4;container-type:inline-size;margin:0;padding:0;border:0;border-radius:999px;background:none;color:inherit;font:inherit;vertical-align:middle;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .32s var(--sky-pop)}@supports (transition-timing-function:linear(0,1)){.sky{--sky-soft:linear(0,.0315,.1107,.218,.3381,.46,.5759,.6808,.7718,.8479,.9093,.9569,.9922,1.0169,1.0329,1.0419,1.0457,1.0455,1.0427,1.0382,1.0329,1.0273,1.0218,1.0167,1.0123,1.0084,1.0053,1.0029,1.001,.9997,.9988,.9982,.998,.9979,.998,1);--sky-pop:linear(0,.0572,.2005,.3902,.5926,.7823,.9423,1.0636,1.1439,1.1861,1.1962,1.1822,1.1524,1.1145,1.0748,1.0381,1.0077,.9849,.9702,.9629,.9616,.9649,.971,.9786,.9863,.9934,.9992,1.0034,1.0061,1.0074,1.0075,1.0068,1.0055,1.004,1.0025,1)}}.sky--xl{--sky-w:440px}.sky--lg{--sky-w:160px}.sky--md{--sky-w:96px}.sky--sm{--sky-w:76px}.sky__hit{position:absolute;inset:0;border-radius:999px}.sky--md .sky__hit,.sky--sm .sky__hit{inset:-6px -4px}@media (hover:hover){.sky:hover{transform:translateY(-1px)}}.sky:active{transform:scale(.97);transition-duration:.12s}.sky:focus-visible{outline:2px solid var(--sky-focus);outline-offset:3px}.sky__rim{position:absolute;inset:0;display:block;border-radius:inherit;transition:opacity .9s var(--sky-ease-out)}.sky__rim--day{background:linear-gradient(180deg,#fdfdff,#eef0f6 52%,#e0e4ee);box-shadow:0 calc(var(--sky-u) * 1.5) calc(var(--sky-u) * 3.6) calc(var(--sky-u) * -.6) rgba(22,30,66,.3),0 calc(var(--sky-u) * .35) calc(var(--sky-u) * .8) rgba(22,30,66,.12),inset 0 calc(var(--sky-u) * .35) calc(var(--sky-u) * .5) hsla(0,0%,100%,.95),inset 0 calc(var(--sky-u) * -.45) calc(var(--sky-u) * .8) rgba(22,30,66,.1)}.sky__rim--night{opacity:0;background:linear-gradient(180deg,#2e2a4a,#1e1b35 55%,#141227);box-shadow:0 calc(var(--sky-u) * 1.5) calc(var(--sky-u) * 3.8) calc(var(--sky-u) * -.4) rgba(0,0,0,.55),0 calc(var(--sky-u) * .35) calc(var(--sky-u) * .8) rgba(0,0,0,.35),inset 0 calc(var(--sky-u) * .35) calc(var(--sky-u) * .5) hsla(0,0%,100%,.08),inset 0 calc(var(--sky-u) * -.45) calc(var(--sky-u) * .8) rgba(0,0,0,.45)}.sky[aria-checked=true] .sky__rim--night{opacity:1}.sky__window{position:absolute;inset:var(--sky-rim);display:block;border-radius:999px;overflow:hidden;isolation:isolate;background:#2b69c8;transition:background-color .82s var(--sky-ease-out)}.sky[aria-checked=true] .sky__window{background:#0b0e2a}.sky__scene{position:absolute;inset:0;display:block}[dir=rtl] .sky__scene{transform:scaleX(-1)}.sky__layer{width:100%;height:100%}.sky__glass,.sky__layer{position:absolute;inset:0;display:block;pointer-events:none}.sky__glass{z-index:30;border-radius:inherit;background:linear-gradient(180deg,hsla(0,0%,100%,.17),hsla(0,0%,100%,.05) 22%,hsla(0,0%,100%,0) 38%);box-shadow:inset 0 calc(var(--sky-u) * 1.5) calc(var(--sky-u) * 2.2) rgba(6,10,36,.32),inset 0 calc(var(--sky-u) * .3) calc(var(--sky-u) * .45) rgba(6,10,36,.24),inset 0 calc(var(--sky-u) * -.6) calc(var(--sky-u) * 1.1) hsla(0,0%,100%,.2)}.sky__day{z-index:0;background:radial-gradient(circle at 20% 50%,rgba(255,238,196,.32),rgba(255,238,196,0) 46%),linear-gradient(180deg,#2b69c8,#4c8fdf 46%,#8ec8f4)}.sky__night{z-index:1;opacity:0;background:linear-gradient(180deg,#070a1f,#131746 50%,#281f63);transition:opacity .82s var(--sky-ease-out)}.sky[aria-checked=true] .sky__night{opacity:1}.sky__galaxy{z-index:2;opacity:0;background:radial-gradient(64% 86% at 15% 120%,rgba(146,98,255,.52),rgba(146,98,255,0) 70%),linear-gradient(112deg,rgba(190,175,255,0) 20%,rgba(190,175,255,.09) 36%,rgba(222,212,255,.16) 44%,rgba(190,175,255,.07) 53%,rgba(190,175,255,0) 66%);transition:opacity 1.2s var(--sky-ease-out) .16s}.sky[aria-checked=true] .sky__galaxy{opacity:1}.sky__twilight{z-index:3;opacity:0}.sky[aria-checked=true] .sky__twilight{background:linear-gradient(180deg,rgba(90,40,160,0),rgba(214,82,140,.5) 56%,rgba(255,152,92,.88));animation:sky-dusk 1.2s var(--sky-ease-out)}.sky[aria-checked=false] .sky__twilight{background:linear-gradient(180deg,rgba(110,90,200,0),rgba(255,142,172,.44) 52%,rgba(255,206,142,.84));animation:sky-dawn 1.2s var(--sky-ease-out)}@keyframes sky-dusk{0%{opacity:0;transform:translateY(16%)}36%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes sky-dawn{0%{opacity:0;transform:translateY(16%)}34%{opacity:.92;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.sky__stars{z-index:4;overflow:visible}.sky__stars--few{display:none}.sky__star{transform-box:fill-box;transform-origin:center;opacity:0;transform:translateY(-4px) scale(.15) rotate(-60deg);transition:transform .38s var(--sky-ease-in),opacity .24s var(--sky-ease-in);transition-delay:calc(var(--i, 0) * 10ms)}.sky[aria-checked=true] .sky__star{opacity:1;transform:none;transition:transform .95s var(--sky-pop),opacity .52s var(--sky-ease-out);transition-delay:calc(.24s + var(--i, 0) * 42ms)}.sky__star>*{fill:#fff;transform-box:fill-box;transform-origin:center;animation:sky-twinkle var(--tw,3s) ease-in-out infinite;animation-delay:calc(var(--i, 0) * -.41s)}.sky__stars>g:first-child{--i:0;--tw:3.2s}.sky__stars>g:nth-child(2){--i:1;--tw:2.6s}.sky__stars>g:nth-child(3){--i:2;--tw:3.8s}.sky__stars>g:nth-child(4){--i:3;--tw:3.0s}.sky__stars>g:nth-child(5){--i:4;--tw:2.8s}.sky__stars>g:nth-child(6){--i:5;--tw:3.5s}.sky__stars>g:nth-child(7){--i:6;--tw:2.4s}.sky__stars>g:nth-child(8){--i:7;--tw:3.3s}.sky__stars>g:nth-child(9){--i:8;--tw:2.9s}.sky__stars>g:nth-child(10){--i:9;--tw:3.6s}.sky__stars>g:nth-child(11){--i:10;--tw:2.7s}.sky__stars>g:nth-child(12){--i:11;--tw:3.1s}.sky__stars>g:nth-child(13){--i:12;--tw:3.4s}.sky__stars>g:nth-child(14){--i:13;--tw:2.5s}.sky__stars>g:nth-child(15){--i:14;--tw:3.9s}.sky__stars>g:nth-child(16){--i:15;--tw:3.0s}.sky__star.is-warm>*{fill:#ffe6a8}.sky__star.is-lilac>*{fill:#dcd2ff}.sky[aria-checked=false] .sky__star>*{animation-play-state:paused}@keyframes sky-twinkle{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.38;transform:scale(.62) rotate(30deg)}}.sky__meteor{position:absolute;z-index:5;top:9%;left:13%;width:calc(var(--sky-u) * 14);height:calc(var(--sky-u) * .5);display:block;border-radius:999px;background:linear-gradient(90deg,hsla(0,0%,100%,0),rgba(236,232,255,.95));opacity:0;pointer-events:none}.sky[aria-checked=true] .sky__meteor{animation:sky-meteor 10s linear 1.6s infinite}@keyframes sky-meteor{0%{opacity:0;transform:rotate(16deg) translateX(calc(var(--sky-u) * -6)) scaleX(.25)}2.5%{opacity:1}9%{opacity:0;transform:rotate(16deg) translateX(calc(var(--sky-u) * 34)) scaleX(1)}to{opacity:0;transform:rotate(16deg) translateX(calc(var(--sky-u) * 34)) scaleX(1)}}.sky__bird{position:absolute;z-index:5;top:25%;left:0;width:calc(var(--sky-u) * 7.6);aspect-ratio:40/24;display:block;opacity:0;pointer-events:none}.sky[aria-checked=false] .sky__bird{animation:sky-bird-cross 13s linear 2.4s infinite}@keyframes sky-bird-cross{0%{opacity:0;transform:translate(calc(var(--sky-u) * -10))}1%{opacity:1}27%{opacity:1;transform:translate(calc(var(--sky-u) * 98),calc(var(--sky-u) * -4))}28%{opacity:0;transform:translate(calc(var(--sky-u) * 98),calc(var(--sky-u) * -4))}to{opacity:0;transform:translate(calc(var(--sky-u) * 98),calc(var(--sky-u) * -4))}}.sky__bird-bob{position:absolute;inset:0;display:block;animation:sky-bird-bob 1.5s ease-in-out infinite}@keyframes sky-bird-bob{0%,to{transform:translateY(0)}45%{transform:translateY(calc(var(--sky-u) * -.9))}}.sky__bird-art{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}.sky__bird-art>*{fill:#22324f;fill-opacity:.8}.sky__wing{transform-box:view-box;transform-origin:20px 14.4px}.sky__wing--l{animation:sky-flap-l 1.2s ease-in-out infinite}.sky__wing--r{animation:sky-flap-r 1.2s ease-in-out infinite}@keyframes sky-flap-l{0%{transform:rotate(24deg)}12%{transform:rotate(-18deg)}24%{transform:rotate(24deg)}36%{transform:rotate(-18deg)}50%,to{transform:rotate(6deg)}}@keyframes sky-flap-r{0%{transform:rotate(-24deg)}12%{transform:rotate(18deg)}24%{transform:rotate(-24deg)}36%{transform:rotate(18deg)}50%,to{transform:rotate(-6deg)}}.sky__orbit{position:absolute;z-index:6;top:var(--sky-pad);left:var(--sky-pad);width:var(--sky-knob);height:var(--sky-knob);display:block;transition:transform .92s var(--sky-soft)}.sky[aria-checked=true] .sky__orbit{transform:translateX(var(--sky-travel))}.sky__hop{position:absolute;inset:0;display:block}.sky[aria-checked=true] .sky__hop{animation:sky-hop-n .88s var(--sky-ease-out)}.sky[aria-checked=false] .sky__hop{animation:sky-hop-d .88s var(--sky-ease-out)}@keyframes sky-hop-n{0%{transform:translateY(0)}42%{transform:translateY(calc(var(--sky-u) * -2.6))}to{transform:translateY(0)}}@keyframes sky-hop-d{0%{transform:translateY(0)}42%{transform:translateY(calc(var(--sky-u) * -2.6))}to{transform:translateY(0)}}.sky__halo{position:absolute;top:calc(var(--sky-u) * -36);left:calc(var(--sky-u) * -36);width:calc(var(--sky-knob) + calc(var(--sky-u) * 72));height:calc(var(--sky-knob) + calc(var(--sky-u) * 72));display:block;border-radius:50%;pointer-events:none;transition:opacity .9s var(--sky-ease-out)}.sky__halo--day{background:radial-gradient(circle closest-side,rgba(255,247,226,.22) 0 40%,rgba(255,247,226,.15) 40.6% 51.6%,rgba(255,247,226,.1) 52.2% 65.2%,rgba(255,247,226,.065) 65.8% 80.7%,rgba(255,247,226,.035) 81.3% 97.4%,rgba(255,247,226,0) 98%)}.sky__halo--night{opacity:0;background:radial-gradient(circle closest-side,rgba(205,196,255,.19) 0 40%,rgba(205,196,255,.13) 40.6% 51.6%,rgba(205,196,255,.085) 52.2% 65.2%,rgba(205,196,255,.055) 65.8% 80.7%,rgba(205,196,255,.03) 81.3% 97.4%,rgba(205,196,255,0) 98%)}.sky[aria-checked=true] .sky__halo--day{opacity:0}.sky[aria-checked=true] .sky__halo--night{opacity:1}.sky[aria-checked=true] .sky__halo{animation:sky-spread-n 1.1s var(--sky-ease-out) .12s both}.sky[aria-checked=false] .sky__halo{animation:sky-spread-d 1.1s var(--sky-ease-out) .12s both}@keyframes sky-spread-n{0%{transform:scale(.76)}to{transform:scale(1)}}@keyframes sky-spread-d{0%{transform:scale(.76)}to{transform:scale(1)}}.sky__glow{position:absolute;inset:0;display:block;border-radius:50%;box-shadow:0 0 calc(var(--sky-u) * 4.6) calc(var(--sky-u) * 1.3) rgba(255,198,70,.5);transition:box-shadow .9s var(--sky-ease-out);animation:sky-breathe 6s ease-in-out infinite}.sky[aria-checked=true] .sky__glow{box-shadow:0 0 calc(var(--sky-u) * 4.6) calc(var(--sky-u) * 1.3) rgba(196,186,255,.36)}@media (hover:hover){.sky:hover .sky__glow{box-shadow:0 0 calc(var(--sky-u) * 6.6) calc(var(--sky-u) * 2.2) rgba(255,198,70,.62)}.sky[aria-checked=true]:hover .sky__glow{box-shadow:0 0 calc(var(--sky-u) * 6.6) calc(var(--sky-u) * 2.2) rgba(196,186,255,.48)}}@keyframes sky-breathe{0%,to{opacity:.8}50%{opacity:1}}.sky__flare{position:absolute;inset:-13%;display:block;border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(circle closest-side,rgba(255,220,120,0) 74%,rgba(255,238,178,.95) 79.5%,rgba(255,190,96,.4) 87%,rgba(255,190,96,0) 100%)}.sky__flare:before{inset:-12%;background:repeating-conic-gradient(from 8deg,rgba(255,232,170,.55) 0deg 2deg,rgba(255,232,170,0) 2deg 15deg);-webkit-mask:radial-gradient(circle closest-side,transparent 66%,#000 72%,rgba(0,0,0,.35) 86%,transparent 100%);mask:radial-gradient(circle closest-side,transparent 66%,#000 72%,rgba(0,0,0,.35) 86%,transparent 100%)}.sky__flare:after,.sky__flare:before{content:"";position:absolute;border-radius:50%}.sky__flare:after{top:17%;left:7%;width:18%;height:18%;background:radial-gradient(circle closest-side,#fff 0,rgba(255,246,214,.9) 34%,rgba(255,246,214,0) 100%)}.sky[aria-checked=true] .sky__flare{animation:sky-eclipse 1.08s var(--sky-ease-out) .15s}@keyframes sky-eclipse{0%{opacity:0;transform:scale(.9) rotate(0deg)}44%{opacity:1;transform:scale(1.03) rotate(10deg)}to{opacity:0;transform:scale(1.14) rotate(22deg)}}.sky__disc{position:absolute;inset:0;display:block;border-radius:50%;overflow:hidden;box-shadow:0 calc(var(--sky-u) * .9) calc(var(--sky-u) * 1.8) rgba(12,8,40,.34),0 calc(var(--sky-u) * .25) calc(var(--sky-u) * .5) rgba(12,8,40,.22)}.sky[aria-checked=true] .sky__disc{animation:sky-squash-n .84s ease-out}.sky[aria-checked=false] .sky__disc{animation:sky-squash-d .84s ease-out}@keyframes sky-squash-n{0%{transform:scale(1)}18%{transform:scale(1.1,.92)}42%{transform:scale(.96,1.04)}64%{transform:scale(1.015,.99)}to{transform:scale(1)}}@keyframes sky-squash-d{0%{transform:scale(1)}18%{transform:scale(1.1,.92)}42%{transform:scale(.96,1.04)}64%{transform:scale(1.015,.99)}to{transform:scale(1)}}.sky__moon,.sky__sun{position:absolute;inset:0;display:block;border-radius:50%}.sky__sun{background:radial-gradient(circle at 35% 30%,#fff6cf 0,#ffd24a 38%,#f5a623 80%,#e8891a 100%);box-shadow:inset 0 0 0 calc(var(--sky-u) * .3) rgba(190,110,10,.18),inset calc(var(--sky-u) * -.9) calc(var(--sky-u) * -1.3) calc(var(--sky-u) * 2) rgba(200,100,0,.34),inset calc(var(--sky-u) * .7) calc(var(--sky-u) * .9) calc(var(--sky-u) * 1.4) rgba(255,250,215,.6);transition:transform .92s var(--sky-soft)}.sky__sun:after{content:"";position:absolute;top:11%;left:17%;width:36%;height:22%;border-radius:50%;background:radial-gradient(closest-side,hsla(0,0%,100%,.7),hsla(0,0%,100%,0));transform:rotate(-24deg)}.sky[aria-checked=true] .sky__sun{opacity:0;transform:rotate(110deg);transition:transform .92s var(--sky-soft),opacity 0s 1s}.sky__moon{background:radial-gradient(circle at 34% 30%,#fff 0,#eeecf6 32%,#cfcbe4 72%,#aba6cb 100%);box-shadow:inset 0 0 0 calc(var(--sky-u) * .3) rgba(40,32,84,.12),inset calc(var(--sky-u) * -1.2) calc(var(--sky-u) * -1.6) calc(var(--sky-u) * 2.4) rgba(60,52,110,.36),inset calc(var(--sky-u) * .6) calc(var(--sky-u) * .8) calc(var(--sky-u) * 1.2) hsla(0,0%,100%,.62);transform:translateX(110%) rotate(80deg);transition:transform .68s var(--sky-ease-in)}.sky[aria-checked=true] .sky__moon{transform:none;transition:transform 1s var(--sky-soft) 80ms}.sky__sea{position:absolute;display:block;border-radius:50%;background:radial-gradient(closest-side,rgba(146,138,190,.55) 55%,rgba(146,138,190,0))}.sky__sea.s-a{left:16%;top:50%;width:36%;height:27%;transform:rotate(-18deg)}.sky__sea.s-b{left:50%;top:20%;width:28%;height:21%;transform:rotate(14deg)}.sky__sea.s-c{left:56%;top:60%;width:21%;height:16%;transform:rotate(-6deg)}.sky__crater{position:absolute;display:block;border-radius:50%;background:radial-gradient(circle at 62% 66%,#d5d0ea 0,#b9b2d8 62%,#a79fca 100%);box-shadow:inset calc(var(--sky-u) * .45) calc(var(--sky-u) * .6) calc(var(--sky-u) * .8) rgba(48,40,98,.34),0 calc(var(--sky-u) * .14) calc(var(--sky-u) * .2) hsla(0,0%,100%,.55)}.sky__crater.k-a{left:31%;top:21%;width:12%;height:12%}.sky__crater.k-b{left:70%;top:44%;width:9%;height:9%}.sky__crater.k-c{left:40%;top:77%;width:7.5%;height:7.5%}.sky__cloud{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.sky__cloud path{transform-box:fill-box}.sky__cloud--back{z-index:7;transition:transform 1.05s var(--sky-pop) 60ms}.sky__cloud--mid{z-index:8;filter:drop-shadow(0 calc(var(--sky-u) * -.55) calc(var(--sky-u) * .9) rgba(24,70,150,.17));transition:transform 1.05s var(--sky-pop) .14s}.sky__cloud--front{z-index:9;filter:drop-shadow(0 calc(var(--sky-u) * -.55) calc(var(--sky-u) * .9) rgba(24,70,150,.15));transition:transform 1.05s var(--sky-pop) .22s}.sky[aria-checked=true] .sky__cloud--front{transform:translate(calc(var(--sky-u) * 4),calc(var(--sky-u) * 47));transition:transform .56s var(--sky-ease-in) 0ms}.sky[aria-checked=true] .sky__cloud--mid{transform:translate(calc(var(--sky-u) * 7),calc(var(--sky-u) * 52));transition:transform .62s var(--sky-ease-in) 70ms}.sky[aria-checked=true] .sky__cloud--back{transform:translate(calc(var(--sky-u) * 10),calc(var(--sky-u) * 58));transition:transform .68s var(--sky-ease-in) .14s}.sky__cloud--back path{fill:#afcbee;animation:sky-drift 13s ease-in-out infinite;animation-delay:-5s}.sky__cloud--mid path{fill:#d4e4f7;animation:sky-drift 11s ease-in-out infinite reverse;animation-delay:-3s}.sky__cloud--front path{fill:#f5f9ff;animation:sky-drift 9s ease-in-out infinite}.sky[aria-checked=true] .sky__cloud path{animation-play-state:paused}@keyframes sky-drift{0%,to{transform:translateX(0)}50%{transform:translateX(-1.4%)}}@container (max-width: 140px){.sky__bird,.sky__crater.k-b,.sky__crater.k-c,.sky__meteor,.sky__stars--full{display:none}.sky__stars--few{display:block}}.sky--md .sky__bird,.sky--md .sky__crater.k-b,.sky--md .sky__crater.k-c,.sky--md .sky__meteor,.sky--md .sky__stars--full,.sky--sm .sky__bird,.sky--sm .sky__crater.k-b,.sky--sm .sky__crater.k-c,.sky--sm .sky__meteor,.sky--sm .sky__stars--full{display:none}.sky--md .sky__stars--few,.sky--sm .sky__stars--few{display:block}.sky--idle .sky__disc,.sky--idle .sky__flare,.sky--idle .sky__halo,.sky--idle .sky__hop,.sky--idle .sky__twilight{animation:none}@media (prefers-reduced-motion:reduce){.sky,.sky *,.sky :after,.sky :before{animation:none!important;transition-duration:.2s!important;transition-delay:0ms!important;transition-timing-function:ease!important}}