.timeline-block{overflow:hidden}.timeline-block__image img{border-radius:16px;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.timeline-block__wrapper{position:relative}.timeline-block__line{position:absolute;left:0;top:0;bottom:0;width:2px;background-color:rgba(24,30,37,.12);overflow:hidden}.timeline-block__line-fill{position:absolute;left:0;top:0;width:100%;height:0;background-color:#5d4193}.timeline-block__list{position:relative;z-index:1}.timeline-block__item{position:relative}.timeline-block__item.active .timeline-block__content{opacity:1}.timeline-block__item.active .timeline-block__dot{background-color:#5d4193;border-color:#5d4193}.timeline-block__item.active .timeline-block__dot::before{width:28px;height:28px}.timeline-block__item:first-child .timeline-block__dot::after{content:"";position:absolute;left:50%;bottom:calc(100% + 2px);transform:translateX(-50%);width:4px;height:100vh;background-color:#fff}.timeline-block__item:last-child .timeline-block__dot::after{content:"";position:absolute;left:50%;top:calc(100% + 2px);transform:translateX(-50%);width:4px;height:100vh;background-color:#fff}.timeline-block__dot{position:absolute;left:0;top:4px;width:14px;height:14px;border-radius:999px;background-color:#fff;border:2px solid rgba(24,30,37,.16);transform:translateX(calc(-50% + 1px));transition:background-color .3s ease,border-color .3s ease}.timeline-block__dot::before{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:0;height:0;transition:width .3s ease,height .3s ease;border-radius:999px;background-color:rgba(93,65,147,.2);z-index:2}.timeline-block__content{display:flex;flex-direction:column;opacity:.2;transition:opacity .3s ease}