.timeline{padding:0;list-style:none;position:relative}.timeline:before{content:"";background:#ffffff26;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline>li{opacity:0;margin-bottom:3rem;animation:.8s forwards timelineFadeIn;position:relative;transform:translateY(40px)}.timeline>li:nth-child(2){animation-delay:.15s}.timeline>li:nth-child(3){animation-delay:.3s}.timeline>li:nth-child(4){animation-delay:.45s}.timeline>li:nth-child(5){animation-delay:.6s}@keyframes timelineFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.timeline>li .timeline-panel{background:var(--card-bg);text-align:left;opacity:0;border:1px solid #ffffff0d;border-radius:.75rem;width:46%;padding:1.25rem;animation:.8s forwards panelSlide;position:relative;box-shadow:0 4px 20px #0003}.timeline>li:not(.timeline-inverted) .timeline-panel{float:left;transform:translate(-60px)}.timeline>li.timeline-inverted .timeline-panel{float:right;transform:translate(60px)}@keyframes panelSlide{to{opacity:1;transform:translate(0)}}.timeline-badge{background:var(--primary);z-index:10;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #ffffff14}.timeline-title{margin-bottom:.25rem;font-size:1.125rem}.timeline p{margin-bottom:.5rem;line-height:1.6}.timeline>li:after{content:"";clear:both;display:block}@media (max-width:900px){.timeline:before,.timeline-badge{left:20px}.timeline>li .timeline-panel,.timeline>li.timeline-inverted .timeline-panel{float:none;width:calc(100% - 60px);margin-left:60px;transform:translate(0)!important}}