.timeline-container{margin:50px auto;position:relative}.timeline-line{background:#aaa;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{width:50%;margin:40px 0;position:relative}.timeline-item.left{text-align:right;left:0}.timeline-item.right{text-align:left;left:50%}.timeline-circle{background:#aaa;border-radius:50%;width:14px;height:14px;transition:background .3s;position:absolute;top:30px;transform:translateY(-50%)}.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}