.dusk[data-v-03b24dce]{background:var(--color-night);--horizon:var(--horizon-sm)}@media (width>=1024px){.dusk[data-v-03b24dce]{--horizon:var(--horizon-lg)}}.dusk__sky[data-v-03b24dce]{height:var(--horizon);background:radial-gradient(ellipse 42% 42% at var(--sun-x) 100%,#ffb5248c,transparent 70%),radial-gradient(ellipse 60% 22% at var(--sun-x) 100%,#f59e5b66,transparent 75%),linear-gradient(to bottom,#0c1a2b 0,#112842 35%,#17384a 65%,#22495a 90%,#33585f 100%)}.dusk__stars[data-v-03b24dce]{background-image:radial-gradient(1.2px 1.2px at 12% 18%,#ffffffb3,#0000),radial-gradient(1px 1px at 27% 8%,#ffffff80,#0000),radial-gradient(1.4px 1.4px at 41% 26%,#ffffff8c,#0000),radial-gradient(1px 1px at 58% 12%,#ffffff73,#0000),radial-gradient(1.2px 1.2px at 83% 21%,#fff9,#0000),radial-gradient(1px 1px at 93% 6%,#fff6,#0000);-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000)}.dusk__sun[data-v-03b24dce]{left:var(--sun-x);aspect-ratio:1;background:radial-gradient(circle at 50% 45%,#fff1c4,#ffd56b 32%,#ffb524 62%,#f59e5b);border-radius:50%;width:calc(clamp(150px,19vw,280px));bottom:calc(clamp(150px,19vw,280px)/-2.38095);transform:translate(-50%);box-shadow:0 0 120px 30px #ffb52459}.dusk__sun--animate[data-v-03b24dce]{animation:sun-settle 2.4s var(--ease-out-soft) both}.dusk__sea[data-v-03b24dce]{top:var(--horizon);background:linear-gradient(#2d4f57,#17384a 28%,#0f2436 70%,#0c1a2b)}.dusk__reflection[data-v-03b24dce]{top:var(--horizon);left:var(--sun-x);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in,xor;opacity:.8;background:repeating-linear-gradient(#ffcd6ebf 0 2px,#0000 0 9px);width:calc(clamp(150px,19vw,280px));transform:translate(-50%);-webkit-mask-image:linear-gradient(#000,#0000 85%),radial-gradient(50% 100% at 50% 0,#000,#0000 70%);mask-image:linear-gradient(#000,#0000 85%),radial-gradient(50% 100% at 50% 0,#000,#0000 70%);-webkit-mask-composite:source-in;mask-composite:intersect}.dusk__horizon[data-v-03b24dce]{top:var(--horizon);background:linear-gradient(90deg,#0000,#ffdeaaa6 35% 85%,#0000);height:1px}
