.scroll-hight.svelte-1u31dvc{position:relative;display:block;min-height:400vh}.container.svelte-1u31dvc{position:sticky;top:calc(100vh - 50vmin - 25%);display:flex;align-items:center;justify-content:center}.ball.svelte-1u31dvc{width:50vmin;height:50vmin;background:radial-gradient(circle at 65% 25%,#c8e6cf,#fff 45%,#fff 60%,#b478c6,#e3694e 80%);border-radius:50%}body{view-timeline-name:--rotate-gradient}@keyframes svelte-1u31dvc-rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ball[data-animation-variant=rotate].svelte-1u31dvc{animation:svelte-1u31dvc-rotate-gradient linear forwards;animation-range:100vh calc(100% - 100vh);animation-timeline:--rotate-gradient}@keyframes svelte-1u31dvc-change-colors{0%{background:radial-gradient(circle at 65% 25%,#c8e6cf,#fff 45%,#fff 60%,#b478c6,#e3694e 80%)}to{background:radial-gradient(circle at 65% 25%,#e3694e,#b478c6 45%,#fff 60%,#fff,#c8e6cf 80%)}}.ball[data-animation-variant=change-colors].svelte-1u31dvc{animation:svelte-1u31dvc-change-colors linear forwards;animation-range:100vh calc(100% - 100vh);animation-timeline:--rotate-gradient}