.milestones .ms{list-style:none;margin:0 auto;padding:0;position:relative;max-width:900px;display:grid;gap:28px}.milestones .ms:before{content:"";position:absolute;top:0;bottom:0;left:15px;width:2px;background:rgb(var(--c-border))}.milestones .ms__item{position:relative;padding-left:52px}.milestones .ms__marker{position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgb(var(--c-bg));border:2px solid rgb(var(--c-accent));color:rgb(var(--c-accent));font-weight:700;font-size:.85rem;z-index:1}.milestones .ms--dot .ms__marker{width:18px;height:18px;left:7px;top:4px;background:rgb(var(--c-accent))}.milestones .is-highlight .ms__marker{background:rgb(var(--c-accent));color:rgb(var(--c-bg))}.milestones .ms__card{display:flex;flex-direction:column;gap:8px}.milestones .ms__card>*{margin:0}.milestones .is-highlight .ms__card{padding:18px;border-radius:var(--card-radius);background:rgba(var(--c-accent),.08)}.milestones .ms__date{font-weight:700;color:rgb(var(--c-accent));letter-spacing:.04em}.milestones .ms__media{aspect-ratio:1.6;max-width:420px}.milestones .ms__btns{margin-top:32px}@media(min-width:750px){.milestones .ms--alt:before{left:50%;transform:translate(-1px)}.milestones .ms--alt .ms__item{width:50%;padding-left:40px}.milestones .ms--alt .ms__marker{left:-16px}.milestones .ms--alt.ms--dot .ms__marker{left:-9px}.milestones .ms--alt .ms__item:nth-child(odd){margin-left:0;padding-left:0;padding-right:40px;text-align:right}.milestones .ms--alt .ms__item:nth-child(odd) .ms__marker{left:auto;right:-16px}.milestones .ms--alt.ms--dot .ms__item:nth-child(odd) .ms__marker{right:-9px}.milestones .ms--alt .ms__item:nth-child(odd) .ms__media{margin-left:auto}.milestones .ms--alt .ms__item:nth-child(2n){margin-left:50%}}.milestones .ms--horizontal{max-width:none;display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:8px}.milestones .ms--horizontal:before{left:0;right:0;top:15px;bottom:auto;width:auto;height:2px}.milestones .ms--horizontal .ms__item{flex:0 0 min(80%,300px);padding:52px 20px 0 0;scroll-snap-align:start}.milestones .ms--horizontal .ms__marker{top:0;left:0}.milestones .ms--horizontal.ms--dot .ms__marker{top:7px}@media(min-width:990px){.milestones .ms--horizontal .ms__item{flex:1 1 0;min-width:200px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-milestones.css.map */