.timeline{padding-left:15px;position:relative}.timeline-item{padding-left:40px;position:relative}.timeline-item:before{background:var(--system-color1-hex);border-radius:50%;content:"";height:30px;left:-15px;position:absolute;top:4px;transition:background .2s linear;width:30px}.timeline-item:not(:last-child){margin-bottom:54px}.timeline-item:not(:last-child):after{background:var(--system-color1-hex);content:"";height:calc(100% + 54px);left:0;position:absolute;top:4px;transition:background .2s linear;width:2px}.timeline-item-content{opacity:.6}.timeline-item.is-active:before,.timeline-item.is-active:not(:last-child):after{background:var(--secondary-color-hex)}.timeline-item.is-active .timeline-item-content{opacity:1}