.timeline-container{position:relative;margin:50px auto}.timeline-line{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#aaa;transform:translateX(-50%)}.timeline-item{position:relative;width:50%;margin:40px 0}.timeline-item.left{left:0;text-align:right}.timeline-item.right{left:50%;text-align:left}.timeline-circle{width:14px;height:14px;border-radius:50%;background:#aaa;position:absolute;top:30px;transform:translateY(-50%);transition:background .3s ease}.timeline-item.left .timeline-circle{right:-7px}.timeline-item.right .timeline-circle{left:-7px}.timeline-item.active .timeline-circle{background:var(--color-primary)}.timeline-content{border-radius:6px;display:inline-block}