@property --sky-top{syntax:"<color>";inherits:true;initial-value:#f7efe6}@property --sky-bottom{syntax:"<color>";inherits:true;initial-value:#efd9cf}@property --sky-glow{syntax:"<color>";inherits:true;initial-value:#fffaf4}.sky[data-palette=dawn]{--sky-top:#f7efe6;--sky-bottom:#efd9cf;--sky-glow:#fffaf4}.sky[data-palette=day]{--sky-top:#e9f0f4;--sky-bottom:#dbe6ec;--sky-glow:#fff}.sky[data-palette=dusk]{--sky-top:#f0e6ea;--sky-bottom:#d9ccd8;--sky-glow:#fdf5f7}.sky[data-palette=overcast]{--sky-top:#e4e7e6;--sky-bottom:#cfd5d4;--sky-glow:#f6f8f7}.sky[data-palette=night]{--sky-top:#dde3e7;--sky-bottom:#c6cfd6;--sky-glow:#eef3f6}.sky{z-index:-1;pointer-events:none;--sky-speed:1;--sky-shift:9s;background:linear-gradient(165deg, var(--sky-top) 0%, var(--sky-bottom) 100%);transition:--sky-top var(--sky-shift) ease-in-out, --sky-bottom var(--sky-shift) ease-in-out, --sky-glow var(--sky-shift) ease-in-out;position:fixed;inset:0;overflow:hidden}.sky__layer{will-change:transform;background-repeat:repeat-x;background-size:50% 100%;width:200%;animation-name:sky-drift;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-15%;bottom:-15%;left:0}.sky__layer--a{opacity:.6;animation-duration:calc(300s * var(--sky-speed));background-position:0 0;background-image: radial-gradient(28% 26% at 20% 26%, color-mix(in oklab, var(--sky-glow) 90%, transparent), transparent 70%),  radial-gradient(24% 20% at 52% 14%, color-mix(in oklab, var(--sky-glow) 72%, transparent), transparent 72%),  radial-gradient(26% 28% at 81% 32%, color-mix(in oklab, var(--sky-glow) 80%, transparent), transparent 70%)}.sky__layer--b{opacity:.4;animation-duration:calc(190s * var(--sky-speed));background-position:37vw 0;background-image: radial-gradient(26% 22% at 32% 58%, color-mix(in oklab, var(--sky-glow) 85%, transparent), transparent 72%),  radial-gradient(28% 24% at 70% 66%, color-mix(in oklab, var(--sky-glow) 70%, transparent), transparent 74%)}.sky__layer--c{opacity:.26;animation-duration:calc(460s * var(--sky-speed));background-position:63vw 0;background-image: radial-gradient(30% 34% at 26% 84%, color-mix(in oklab, var(--sky-glow) 90%, transparent), transparent 76%),  radial-gradient(30% 30% at 75% 92%, color-mix(in oklab, var(--sky-glow) 75%, transparent), transparent 76%)}@keyframes sky-drift{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.sky[data-paused=true] .sky__layer{animation-play-state:paused}.sky-enter{animation:.52s cubic-bezier(.22,.61,.36,1) both sky-enter}@keyframes sky-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sky__layer{animation:none}.sky{--sky-shift:1.2s}.sky-enter{animation-name:sky-enter-fade;animation-duration:.22s}}@keyframes sky-enter-fade{0%{opacity:0}to{opacity:1}}body{background-color:#0000}