@property --sun-height{syntax:"<number>";inherits:true;initial-value:0}.valley{--v-sky-1-low:#f2d6d2;--v-sky-1-high:#fff8f3;--v-sky-2-low:#f0bfb1;--v-sky-2-high:#fce8dc;--v-sky-3-low:#f3aa86;--v-sky-3-high:#fad5b6;--v-sky-4-low:#f8cf9f;--v-sky-4-high:#fde6c6;--v-sun-low:#fff1d6;--v-sun-high:#f6cb6e;--v-glow-low:#fbd5a6;--v-glow-high:#fde3b4;--v-sky-1:color-mix(in oklab, var(--v-sky-1-low), var(--v-sky-1-high) calc(var(--sun-height) * 100%));--v-sky-2:color-mix(in oklab, var(--v-sky-2-low), var(--v-sky-2-high) calc(var(--sun-height) * 100%));--v-sky-3:color-mix(in oklab, var(--v-sky-3-low), var(--v-sky-3-high) calc(var(--sun-height) * 100%));--v-sky-4:color-mix(in oklab, var(--v-sky-4-low), var(--v-sky-4-high) calc(var(--sun-height) * 100%));--v-sun:color-mix(in oklab, var(--v-sun-low), var(--v-sun-high) calc(var(--sun-height) * 100%));--v-glow:color-mix(in oklab, var(--v-glow-low), var(--v-glow-high) calc(var(--sun-height) * 100%));--v-sun-low-y:0px;--v-sun-y:calc((1 - var(--sun-height)) * var(--v-sun-low-y) - var(--sun-height) * 430px);--v-glow-y:calc(var(--sun-height) * -430px);--v-cloud:#fbe7df;--v-ridge-1:#dcaeae;--v-ridge-2:#c3a39f;--v-ridge-3:#a7ab93;--v-ridge-4:#7f9677;--v-ridge-5:#5b7861;--v-bank:#3d5a48;--v-front:#2b4438;--v-river-1:#fbe1c8;--v-river-2:#f2b896;--v-river-3:#e3a4a0;--v-shine:#fff6e8;--v-leaf-1:#b8c7a1;--v-leaf-2:#8ea57c;--v-leaf-3:#5e7e62;--v-rock:#7d8a7c;--v-rock-top:#9aa596;--v-gull:#3d5a4899;--v-wake:#c470608c}.dark .valley{--v-sky-1-low:#5c4762;--v-sky-1-high:#7a6282;--v-sky-2-low:#704a66;--v-sky-2-high:#7a5274;--v-sky-3-low:#94566a;--v-sky-3-high:#96586c;--v-sky-4-low:#e98e5c;--v-sky-4-high:#f0a674;--v-sun-low:#f7b27a;--v-sun-high:#fbc994;--v-glow-low:#e98e5c;--v-glow-high:#f0a372;--v-sun-low-y:46px;--v-cloud:#82586f;--v-ridge-1:#7d5868;--v-ridge-2:#5e4d58;--v-ridge-3:#46504c;--v-ridge-4:#364b42;--v-ridge-5:#2b4037;--v-bank:#22362f;--v-front:#19291f;--v-river-1:#f0a272;--v-river-2:#c9787a;--v-river-3:#7c5a6a;--v-shine:#ffd2a8;--v-leaf-1:#6f8a66;--v-leaf-2:#557257;--v-leaf-3:#3e5a48;--v-rock:#4a5a4f;--v-rock-top:#5d6e61;--v-gull:#f5eee58c;--v-wake:#5a344699}.valley .v-sun{transform:translateY(var(--v-sun-y))}.valley .v-glow{transform:translateY(var(--v-glow-y))}.valley .v-river-warm{opacity:.55}.dark .valley .v-glow{opacity:calc(.6 - .3 * var(--sun-height))}@media (prefers-reduced-motion:no-preference){.valley{transition:--sun-height 1.2s ease-in-out}.valley .v-sun{animation:2.6s cubic-bezier(.2,.7,.2,1) backwards v-rise}.valley .v-glow{animation:2.6s ease-out backwards v-glow}.valley .v-river-warm{animation:3s ease-out .4s backwards v-warm}}@keyframes v-rise{0%{transform:translateY(calc(var(--v-sun-y) + 34px))}}@keyframes v-glow{0%{opacity:.45}}@keyframes v-warm{0%{opacity:0}}