.timeline{gap:var(--spacing-8);grid-template-columns:minmax(0,1fr);display:grid}.timeline__slider{align-items:start;display:grid}.timeline__slider>*{grid-area:1 / -1}.timeline__slide{gap:var(--spacing-6);text-align:center;grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.timeline__image{width:100%;max-width:410px;margin-inline-start:auto;margin-inline-end:auto;position:relative}.timeline__controls{--timeline-dot-size: var(--spacing-4);--timeline-dot-padding-inline-end: var(--spacing-4);padding-block-start:calc((var(--timeline-dot-size) / 2))}.timeline__nav{grid:auto / repeat(var(--timeline-nav-item-count),minmax(0,1fr));width:max-content;min-width:100%;display:grid}.timeline__nav-bar{background-color:rgb(var(--text-color) / .12);width:100%;height:2px;position:absolute;top:-1px}.timeline__nav-bar:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.timeline__nav-bar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.timeline__nav-item{gap:var(--spacing-3);align-content:flex-start;min-width:100px;max-width:200px;padding-inline-end:var(--timeline-dot-padding-inline-end);display:grid;position:relative}.timeline__nav-item:before{content:"";width:var(--timeline-dot-size);height:var(--timeline-dot-size);border-radius:var(--rounded-full);background-color:rgb(var(--background));border-width:2px;margin-block-start:calc((var(--timeline-dot-size) / 2) * -1);transition:border-color .2s ease-in-out,background-color .2s ease-in-out}.timeline__nav-item[aria-current=true]:before{border-color:rgb(var(--text-color));background-color:rgb(var(--text-color))}.timeline__nav-label{opacity:.5;transition:opacity .2s ease-in-out}.timeline__nav-item[aria-current=true] .timeline__nav-label{opacity:1}@media screen and (min-width:700px){.timeline__slide{gap:var(--spacing-8)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-timeline.css.map */