.multicolumn-timeline .timeline-wrap{position:relative;--rail-y:62%;--gap-top:16px;--gap-bottom:10px}.multicolumn-timeline .timeline-list{position:relative;margin:0}.multicolumn-timeline .timeline-rail{position:absolute;left:0;right:0;top:var(--rail-y);height:2px;background:currentColor;opacity:.9;pointer-events:none;z-index:0}.multicolumn-timeline .timeline-rail:after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}.multicolumn-timeline .timeline-item{list-style:none;position:relative}.multicolumn-timeline .timeline-card{padding:0 10px;min-height:200px;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.multicolumn-timeline .timeline-text{margin:0 0 var(--gap-top)}.multicolumn-timeline .timeline-title{margin:var(--gap-bottom) 0 0;font-weight:700}.multicolumn-timeline .timeline-dot{position:absolute;left:50%;top:var(--rail-y);transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #0000000d;z-index:1}@media (max-width:749px){.multicolumn-timeline .timeline-rail{display:none}.multicolumn-timeline .timeline-wrap{position:relative;padding:0}.multicolumn-timeline .timeline-wrap:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:24px;bottom:10px;width:2px;background:currentColor;z-index:0}.multicolumn-timeline .timeline-wrap:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid currentColor;z-index:0}.multicolumn-timeline .timeline-item{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;margin:22px 0;position:relative}.multicolumn-timeline .timeline-card{display:contents}.multicolumn-timeline .timeline-title{grid-column:1;text-align:right;margin:0;font-weight:700;padding-right:16px}.multicolumn-timeline .timeline-title:after{content:none!important}.multicolumn-timeline .timeline-text{grid-column:2;text-align:left;margin:0;padding-left:16px}.multicolumn-timeline .timeline-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:currentColor;box-shadow:none;z-index:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-multicolumn-timeline.css.map */