.timeline{position:relative;max-width:1068px;margin:0 auto}.timeline::after{content:"";position:absolute;width:6px;background-color:#baece3;top:0;bottom:0;left:50%;margin-left:-3px}.container{padding:10px 40px;position:relative;background-color:inherit;width:50%}.container.emphasise::before{border-color:rgba(0,0,0,0) #7d43e0 rgba(0,0,0,0) rgba(0,0,0,0)}.container.emphasise::after{border-color:#7d43e0}.container::after{content:"";position:absolute;width:25px;height:25px;right:-17px;background-color:#fff;border:4px solid #51ccbc;top:2.15rem;border-radius:50%;z-index:1}.timeline-item-left{left:-25.4%}.timeline-item-right{left:25.35%}.timeline-item-left::before{content:" ";height:0;position:absolute;top:2.5rem;width:0;z-index:1;right:30px;border:medium solid #fff;border-width:10px 0 10px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff}.timeline-item-right::before{content:" ";height:0;position:absolute;top:2.5rem;width:0;z-index:1;left:30px;border:medium solid #fff;border-width:10px 10px 10px 0;border-color:rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0)}.timeline-item-right::after{left:-16px}.content{padding:2rem;background-color:#fff;position:relative;border-radius:1rem;box-shadow:0 2px 10px 0 rgba(173,173,180,.16)}.content.emphasise{background-color:#7d43e0;color:#fff}@media screen and (width <= 600px){.timeline::after{left:31px}.container{width:100%;padding-left:70px;padding-right:25px}.container::before{left:60px;border:medium solid #fff;border-width:10px 10px 10px 0;border-color:rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0)}.timeline-item-left{left:3px}.timeline-item-left::after{left:15px}.timeline-item-right{left:0}.timeline-item-right::after{left:15px}}.calendar-timeline{position:relative;max-width:1068px;margin:0 auto}.calendar-timeline .container{width:100%;padding-left:70px;padding-right:25px}.calendar-timeline .container::before{left:60px;border:medium solid #f0f3f7;border-width:10px 10px 10px 0;border-color:rgba(0,0,0,0) #f0f3f7 rgba(0,0,0,0) rgba(0,0,0,0)}.calendar-timeline .timeline-item-right{left:4px}.calendar-timeline .timeline-item-right::after{left:15px}.calendar-timeline .content{background-color:#f0f3f7}.calendar-timeline::after{content:"";position:absolute;width:6px;background-color:#baece3;top:0;bottom:0;left:31px;margin-left:-3px}.calendar-item-header-row{display:flex;align-items:baseline}
