.scrolling-timeline{padding:1rem 0 1rem 20px;position:relative}@media (min-width:767px){.scrolling-timeline{padding:2rem 0}}.timeline-line{background-color:#ddd;bottom:0;left:16px;position:absolute;top:0;width:4px;z-index:1}@media (min-width:768px){.timeline-line{left:50%;transform:translateX(-50%)}}.timeline-item{display:flex;flex-direction:column;margin:2rem 0;padding-left:24px;position:relative;transition:opacity .6s ease,transform .6s ease;width:100%}.timeline-item.first{margin-top:0}.timeline-item.last{margin-bottom:0}@media (min-width:768px){.timeline-item{align-items:center;flex-direction:row;justify-content:space-between;margin:3rem 0;padding-left:0}.timeline-item.left{flex-direction:row-reverse}}.timeline-dot{background-color:#fff;border:4px solid #00a0d1;border-radius:50%;height:20px;left:-2px;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;z-index:2}@media (min-width:768px){.timeline-dot{left:50%;transform:translate(-50%,-50%)}}.timeline-item.visible{opacity:1;transform:translateX(0)}.timeline-image{width:100%}.timeline-image img{height:auto;width:100%}@media (max-width:767px){.timeline-image:has(img){margin-bottom:1rem}}.timeline-content{position:relative;width:100%}.timeline-text *{margin-bottom:0}.timeline-text :not(li)+*{margin-top:1rem}@media (min-width:768px){.timeline-content,.timeline-image{flex:calc(50% - 32px) 0 0}}.timeline-content,.timeline-content.is-hidden,.timeline-dot,.timeline-dot.is-hidden,.timeline-image,.timeline-image.is-hidden{visibility:hidden}.timeline-content.enter,.timeline-dot.enter,.timeline-image.enter{visibility:visible}.timeline-dot.enter{animation:fade .75s}.timeline-content.enter,.timeline-image.enter{animation:slide-1 .5s}@media (min-width:768px){.timeline-item.left .timeline-content.enter{animation:slide-1-inverse .5s}.timeline-item.left .timeline-image.enter,.timeline-item.right .timeline-content.enter{animation:slide-1 .5s}.timeline-item.right .timeline-image.enter{animation:slide-1-inverse .5s}}@keyframes slide-1{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-1-inverse{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}