.appsw{align-items:center;gap:12px;display:inline-flex}.appsw--stacked{flex-direction:column;gap:8px}.appsw-label{color:inherit;font-size:1rem;font-weight:600}.appsw-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sky-switch{--stop:48px;--inset:4px;--spring:cubic-bezier(.34, 1.56, .64, 1);--ease:cubic-bezier(.4, 0, .2, 1);--dur:.62s;--switch-ring:var(--sky-ring,#3949ab);isolation:isolate;width:calc(var(--stop) * 3 + var(--inset) * 2);height:calc(var(--stop) + var(--inset) * 2);border-radius:9999px;flex-shrink:0;display:inline-block;position:relative}.appsw--compact .sky-switch{--stop:36px;--inset:3px}.sky-switch:before{content:"";border:1px solid var(--sky-edge,#64748b73);border-radius:inherit;pointer-events:none;position:absolute;inset:-1px}.sky-switch-band{--switch-ring:var(--sky-ring-band,#f2b400)}.sky-switch-band:before{border-color:#ffffff4d}.sky-switch:has(input:focus-visible){outline:3px solid var(--switch-ring);outline-offset:2px}.sk-track{border-radius:inherit;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 2px 5px #050a1e33,inset 0 -1px #ffffff2e}.sk-sky{opacity:0;transition:opacity var(--dur) var(--ease);position:absolute;inset:0}.sk-day{background:linear-gradient(#5fb2f2 0%,#a9d8fb 70%,#d6eefe 100%)}.sk-dusk{background:linear-gradient(#474d66 0%,#646a82 42%,#8f8e9e 76%,#b3aaa9 100%)}.sk-night{background:radial-gradient(120% 140% at 20% 0,#26306a 0%,#121836 55%,#0a0f22 100%)}.sk-haze,.sk-pixels{opacity:0;transition:opacity var(--dur) var(--ease);position:absolute}.sk-haze{background:linear-gradient(#0000,#e1cdc359);height:45%;inset:auto 0 0}.sk-pixels{background-image:radial-gradient(#ffffff8c .6px,#0000 .9px);background-size:4px 4px;inset:0}.sk-clouds,.sk-stars{transition:transform var(--dur) var(--spring), opacity var(--dur) var(--ease);position:absolute}.sk-clouds{width:62%;height:80%;bottom:-6%;right:2%}.sk-stars{width:60%;height:86%;top:6%;left:4%}.sk-clouds svg,.sk-stars svg{width:100%;height:100%;display:block;overflow:visible}.sk-c{fill:#fff;transition:fill var(--dur) var(--ease)}.sk-back{opacity:.75}.sk-drift{animation:9s ease-in-out infinite alternate sk-drift}.sk-slow{animation-duration:13s}.sk-s{fill:#fff;transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite sk-twinkle}.sk-s:nth-child(2n){animation-duration:2.6s;animation-delay:-1.1s}.sk-s:nth-child(3n){animation-duration:4s;animation-delay:-2s}.sk-dh{transition:opacity var(--dur) var(--ease)}@keyframes sk-drift{0%{transform:translate(-3%)}to{transform:translate(4%)}}@keyframes sk-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.6)}}.sk-knob{top:var(--inset);left:var(--inset);z-index:2;width:var(--stop);height:var(--stop);pointer-events:none;transform:translateX(calc(var(--pos,1) * var(--stop)));transition:transform var(--dur) var(--spring);position:absolute}.sk-glow{z-index:-1;background:radial-gradient(circle, var(--glow,#cdd4e866) 0%, transparent 62%);transition:background var(--dur) var(--ease);border-radius:50%;position:absolute;inset:-35%}.sk-body{transition:transform .22s var(--spring);border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:0 3px 8px #050a1e59,inset 0 -3px 6px #0000001f,inset 0 2px 3px #ffffff8c}.sk-sun,.sk-moon,.sk-screen{position:absolute;inset:0}.sk-sun{transition:opacity .32s var(--ease);background:radial-gradient(circle at 35% 30%,#fff2a8 0%,#ffcf3f 45%,#f59e1b 100%)}.sk-moon{transform:translateX(var(--moon,50%));transition:transform var(--dur) var(--spring), opacity .32s var(--ease);background:radial-gradient(circle at 35% 30%,#f1f2f7 0%,#c9cdda 55%,#9ea4b8 100%);border-radius:50%;box-shadow:-2px 0 6px #14183259}.sk-screen{opacity:0;transition:opacity .32s var(--ease), transform var(--dur) var(--spring);background:radial-gradient(circle at 35% 30%,#f6f7fb 0%,#cdd2de 55%,#a2a9bc 100%);border-radius:50%;place-items:center;display:grid;transform:scale(.6)rotate(-20deg)}.sk-screen svg{width:64%;height:64%;display:block}.sk-crater{background:#a3a9bc;border-radius:50%;position:absolute;box-shadow:inset 1px 1px 2px #3c425c73}.sk-ca{width:26%;height:26%;top:46%;left:20%}.sk-cb{width:16%;height:16%;top:22%;left:52%}.sk-cc{width:12%;height:12%;top:62%;left:62%}.sk-stops{inset:var(--inset);z-index:3;grid-template-columns:repeat(3, var(--stop));display:grid;position:absolute}.sk-stops label{cursor:pointer;width:var(--stop);height:var(--stop);border-radius:50%;position:relative}.sk-stops input{cursor:pointer;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.sk-stops input:focus-visible{outline:none}.sky-switch:has(.sk-stops label:active) .sk-body{transform:scale(1.12,.88)}.sky-switch:has(input[value=light]:checked){--pos:0;--moon:104%;--glow:#ffc44099}.sky-switch:has(input[value=light]:checked) .sk-day{opacity:1}.sky-switch:has(input[value=light]:checked) .sk-stars{opacity:0;transform:translateY(-70%)}.sky-switch:has(input[value=system]:checked){--pos:1;--moon:50%;--glow:#cdd4e866}:is(.sky-switch:has(input[value=system]:checked) .sk-dusk,.sky-switch:has(input[value=system]:checked) .sk-haze){opacity:1}.sky-switch:has(input[value=system]:checked) .sk-pixels{opacity:.14}.sky-switch:has(input[value=system]:checked) .sk-clouds{transform:translate(18%,42%)}.sky-switch:has(input[value=system]:checked) .sk-c{fill:#d3d6e0}.sky-switch:has(input[value=system]:checked) .sk-stars{opacity:.55;transform:translate(-22%,-14%)}.sky-switch:has(input[value=system]:checked) .sk-dh{opacity:0}.sky-switch:has(input[value=system]:checked) .sk-screen{opacity:1;transform:none}:is(.sky-switch:has(input[value=system]:checked) .sk-sun,.sky-switch:has(input[value=system]:checked) .sk-moon){opacity:0}.sky-switch:has(input[value=dark]:checked){--pos:2;--moon:0%;--glow:#96aaff73}.sky-switch:has(input[value=dark]:checked) .sk-night{opacity:1}.sky-switch:has(input[value=dark]:checked) .sk-clouds{opacity:0;transform:translateY(110%)}@media (prefers-reduced-motion:reduce){.sky-switch *,.sky-switch{transition-duration:0s!important;animation:none!important}}.appsw--calm .sky-switch *,.appsw--calm .sky-switch{transition-duration:0s!important;animation:none!important}@media (forced-colors:active){.sk-sky,.sk-clouds,.sk-stars,.sk-haze,.sk-pixels,.sk-glow,.sk-sun,.sk-moon,.sk-screen{display:none}.sk-track{border:2px solid canvastext}.sk-body{box-shadow:none;background:highlight}}