.day-night-cycle{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{transform-origin:-45vw 7vw;width:15vw;min-width:80px;max-width:150px;height:15vw;min-height:80px;max-height:150px;animation:dnc-sun-track var(--dnc-cycle-duration,32s)infinite linear,dnc-sun-pulse 2s alternate infinite;animation-play-state:var(--dnc-animation-state,running);background:radial-gradient(#f90 0%,#fc0 60%,#ff0 100%);border-radius:50%;position:absolute;bottom:-7vw;right:7vw}@keyframes dnc-sun-track{0%{transform:rotate(-.25turn)}to{transform:rotate(.75turn)}}@keyframes dnc-sun-pulse{0%{box-shadow:0 0 100px #ff0,0 0 100px #ff0}to{box-shadow:0 0 50px #ff0,0 0 75px #ff0}}.dnc-moon{transform-origin:-45vw 7vw;opacity:.9;width:15vw;min-width:80px;max-width:150px;height:15vw;min-height:80px;max-height:150px;animation:dnc-moon-track var(--dnc-cycle-duration,32s)infinite linear,dnc-moon-pulse 2s alternate infinite;animation-play-state:var(--dnc-animation-state,running);background:radial-gradient(#fff 0%,#eec 60%,#ffe 100%);border-radius:50%;position:absolute;bottom:-7vw;right:7vw}@keyframes dnc-moon-track{0%{transform:rotate(-.75turn)}to{transform:rotate(.25turn)}}@keyframes dnc-moon-pulse{0%{box-shadow:0 0 100px #eee,0 0 100px #eee}to{box-shadow:0 0 50px #eee,0 0 75px #eee}}.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}@keyframes dnc-stars-visibility{0%{opacity:0}70%{opacity:0}85%{opacity:1}to{opacity:1}}.dnc-star{animation:dnc-twinkle var(--twinkle-duration,2s)ease-in-out infinite;animation-delay:var(--twinkle-delay,0s);animation-play-state:var(--dnc-animation-state,running);background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 3px #fff9}@keyframes dnc-twinkle{0%,to{opacity:var(--base-opacity,.5);transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}}.hero-sky-layer{z-index:-1;position:absolute;inset:0}