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