.timeline__inner{--element-width:65%;-webkit-overflow-scrolling:touch;display:flex;margin:auto;margin-left:var(--contianer-max-width-diff-wv);overflow-x:scroll;overflow-y:hidden;position:relative;scroll-snap-type:x mandatory;width:calc(100% - var(--contianer-max-width-diff-wv))}@media only screen and (min-width:601px){.timeline__inner{--element-width:24%}}.timeline__inner:after{background-color:var(--secondary-500);content:"";height:2px;left:calc(var(--element-width)/2);position:absolute;top:calc(var(--baseline-7) + 15px);width:calc(var(--length)*var(--element-width) + var(--baseline-2)*(var(--length) + 1) - var(--element-width)/2)}.timeline__element{flex:0 0 auto;flex-direction:column;margin-right:var(--baseline-2);padding:var(--baseline-2);position:relative;scroll-snap-align:start;scroll-snap-stop:normal;width:var(--element-width)}.timeline__element:after{background-color:var(--secondary-500);border-radius:50%;content:"";height:30px;left:50%;position:absolute;top:var(--baseline-7);transform:translate(-50%);width:30px}.timeline__year{margin-bottom:var(--baseline-6);text-align:center}.timeline__year span{font-size:3rem}.timeline__content{max-width:100%;text-align:center}.timeline__content p{line-height:1;width:100%}