@keyframes grow-progress2{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(30px)}30%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes activateStep{0%{--active:0}0.0001%{--active:1}99.9999%{--active:1}to{--active:0}}.section-wrapper{height:600vh;position:relative;view-timeline-name:--section-scroll;view-timeline-axis:block}.scroll-step{position:absolute;left:20%;width:100%;opacity:0;transform:translateY(30px);animation:fadeInOut linear both;animation-timeline:--section-scroll;animation-range:calc(var(--i) * 25%) calc((var(--i) + 1) * 25%)}.text-line-wrapper{display:flex;left:10%;align-items:center;gap:1rem;margin-left:2.5rem}.line{position:relative;border-radius:9999px;background-color:#c8c8c8;overflow:hidden}.line:after{--tw-bg-opacity:1;background-color:rgb(244 114 182/var(--tw-bg-opacity));content:"";position:absolute;top:0;left:0;height:100%;width:100%;transform-origin:top;transform:scaleY(0);animation:grow-progress2 linear both;animation-timeline:--section-scroll;animation-range:calc(var(--i) * 25%) calc((var(--i) + 1) * 25%)}.label{--active:0;animation:activateStep linear both;animation-timeline:--section-scroll;animation-range:calc(var(--i) * 25%) calc((var(--i) + 1) * 25%);color:color-mix(in srgb,#a19c9c calc(100% - var(--active) * 100%),#f472b6);transition:color .3s}@keyframes slideInFromLeft{0%{transform:translateX(-50px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes shrinkIn{0%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleFadeIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.maindiv{transform:translateX(-50px);animation:slideInFromLeft 1s ease-out forwards;animation-delay:.1s}.maindiv,.maintext{display:inline-block;opacity:0}.maintext{animation:fadeIn 1.4s ease-out forwards;animation-delay:.6s}