.scroll-animation-container{position:relative;width:100%;background:#050505}.scroll-animation-sticky{position:sticky;top:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.scroll-animation-canvas{width:100%;height:100%;object-fit:cover;display:block}.scroll-animation-loader{position:fixed;top:0;left:0;width:100%;height:100vh;background:#050505;display:flex;align-items:center;justify-content:center;z-index:100}.loader-ring{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.loader-ring svg{width:100%;height:100%;transform:rotate(-90deg);position:absolute;top:0;right:0;bottom:0;left:0}.loader-percentage{font-family:Space Grotesk,sans-serif;font-size:1.4rem;font-weight:600;background:linear-gradient(135deg,#2dd4bf,#f472b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:2}