.timeline{border-left:3px solid var(--color-body-reverse);display:grid;gap:40px 0;grid-template-columns:1fr;margin:0 0 0 10px;padding:0 0 0 30px}.timeline__item{position:relative}.timeline__arrow:before{background:var(--color-body-reverse);bottom:-5px;left:-41.5px;position:absolute;transform:rotate(90deg)}.timeline__item>div{width:100%}.timeline-columns-2{grid-template-columns:repeat(2,1fr)}.timeline-columns-3{grid-template-columns:repeat(3,1fr)}.timeline-columns-4{grid-template-columns:repeat(4,1fr)}@media screen and (min-width:500px){.timeline:not(.timeline-columns-1){border-left:none;margin:0;padding:0}.timeline:not(.timeline-columns-1) .timeline__item{border-bottom:3px solid var(--color-body-reverse);padding:0 40px 40px 0}.timeline:not(.timeline-columns-1) .timeline__arrow:before{background:var(--color-body-reverse);bottom:0;left:auto;position:absolute;right:-5px;transform:translateY(calc(50% + 1.5px))}}@media screen and (max-width:1000px){.timeline-columns-4{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:800px){.timeline-columns-3,.timeline-columns-4{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:500px){.timeline-columns-2,.timeline-columns-3,.timeline-columns-4{grid-template-columns:1fr}}