.scroll-to-sunrise{background:linear-gradient(to bottom,var(--current-color)0%,var(--next-color)100%);min-height:1200vh;position:relative;overflow:hidden}.scroll-to-sunrise__sky{background:linear-gradient(to bottom,var(--current-color)0%,var(--next-color)100%);width:100%;height:100vh;position:fixed;top:0;left:0}.scroll-to-sunrise__sun{top:var(--sun-y);left:var(--sun-x);width:80px;height:80px;transform:translate(-50%,-50%)scale(var(--sun-scale));opacity:var(--sun-opacity);box-shadow:0 0 40px rgba(255,210,63,calc(var(--sun-opacity)*.6));z-index:5;will-change:transform,opacity;background:radial-gradient(circle,#fff5d3 0%,#fad5c7 100%);border-radius:50%;position:absolute}.scroll-to-sunrise__horizon{width:100%;height:20%;opacity:calc(1 - var(--scroll-progress)*.8);will-change:opacity;background:linear-gradient(#001233 0%,rgba(0,0,0,.3) 100%);position:absolute;bottom:0;left:0}.scroll-to-sunrise__ground{background:linear-gradient(to top,var(--current-color)0%,transparent 100%);width:100%;height:30vh;position:fixed;bottom:0;left:0}.scroll-to-sunrise__reflection{background:linear-gradient(to top,rgba(255,210,63,calc(var(--scroll-progress)*.3))0%,transparent 90%);width:100%;height:100%;opacity:calc(var(--scroll-progress)*.5 + .1);will-change:opacity;position:absolute;top:0;left:0}.scroll-to-sunrise__scroll-text{width:100%;position:absolute;bottom:2vh;left:0}@media (min-width:768px){.scroll-to-sunrise__scroll-text{bottom:5vh}}.scroll-to-sunrise__scroll-text-inner{letter-spacing:.1em;text-align:center;max-width:400px;margin:0 auto;font-size:.8rem;font-weight:300}.scroll-to-sunrise__scroll-text--fade-out{animation:.8s ease-out forwards scrollTextFadeOut}@keyframes scrollTextFadeOut{0%{opacity:1}to{opacity:0}}.scroll-to-sunrise__scroll-text--fade-in{animation:.8s ease-in forwards scrollTextFadeIn}@keyframes scrollTextFadeIn{0%{opacity:0}to{opacity:1}}.scroll-to-sunrise__scroll-text-inner p{color:#e1e1e1}