.day-night-cycle{contain:layout paint style;isolation:isolate;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(circle at 50% 167%,#0000 0%,#000 25%);mask-image:radial-gradient(circle at 50% 167%,#0000 0%,#000 25%)}.dnc-sky{position:absolute;inset:0}.dnc-sun,.dnc-moon{transform-origin:-45vw 7vw;border-radius:50%;width:15vw;min-width:80px;max-width:150px;height:15vw;min-height:80px;max-height:150px;position:absolute;bottom:-7vw;right:7vw}.day-night-cycle[data-animation-state=running] .dnc-sun,.day-night-cycle[data-animation-state=running] .dnc-moon{will-change:transform}.dnc-sun:after,.dnc-moon:after{content:"";animation:2s ease-in-out infinite alternate dnc-orb-glow;animation-play-state:var(--dnc-animation-state,running);pointer-events:none;border-radius:50%;position:absolute;inset:-70%}.dnc-sun{animation:dnc-sun-track var(--dnc-cycle-duration,32s)infinite linear;animation-play-state:var(--dnc-animation-state,running);background:radial-gradient(#f90 0%,#fc0 60%,#ff0 100%)}.dnc-sun:after{background:radial-gradient(circle,#ffee00b3 0%,#ffee0040 32%,#0000 70%)}@keyframes dnc-sun-track{0%{transform:rotate(-.25turn)}to{transform:rotate(.75turn)}}@keyframes dnc-orb-glow{0%{opacity:.65;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.dnc-moon{opacity:.9;animation:dnc-moon-track var(--dnc-cycle-duration,32s)infinite linear;animation-play-state:var(--dnc-animation-state,running);background:radial-gradient(#fff 0%,#eec 60%,#ffe 100%)}.dnc-moon:after{background:radial-gradient(circle,#eeeeffb3 0%,#eeeeff38 34%,#0000 70%)}@keyframes dnc-moon-track{0%{transform:rotate(-.75turn)}to{transform:rotate(.25turn)}}.dnc-stars{opacity:0;animation:dnc-stars-visibility calc(var(--dnc-cycle-duration,32s)/2)linear infinite alternate;animation-play-state:var(--dnc-animation-state,running);position:absolute;inset:0}.dnc-star-field{animation:dnc-field-twinkle var(--dnc-field-duration,2.5s)ease-in-out infinite alternate;animation-delay:var(--dnc-field-delay,0s);animation-play-state:var(--dnc-animation-state,running);position:absolute;inset:0}@keyframes dnc-stars-visibility{0%{opacity:0}70%{opacity:0}85%{opacity:1}to{opacity:1}}.dnc-star{background:#fff;border-radius:50%;display:block;position:absolute;box-shadow:0 0 3px #fff9}@keyframes dnc-field-twinkle{0%{opacity:.58}to{opacity:1}}.hero-sky-layer{z-index:-1;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.dnc-sun,.dnc-moon,.dnc-sun:after,.dnc-moon:after,.dnc-stars,.dnc-star-field{animation-play-state:paused}}