.timeline__nav-item:before{content:"";width:var(--timeline-dot-size);height:var(--timeline-dot-size);border-radius:var(--rounded-full);background-color:#eff2e0;border-width:2px;margin-block-start:calc((var(--timeline-dot-size) / 2) * -1);border-color:rgb(var(--text-color));transition:border-color .2s ease-in-out,background-color .2s ease-in-out;position:absolute;right:48%;top:0;z-index:2}.timeline__nav-item{gap:var(--spacing-3);align-content:flex-start;display:grid;position:relative;padding-top:20px;text-align:center}@media screen and (min-width: 700px){.timeline__nav-item{min-width:160px}}@media screen and (min-width: 1000px){.timeline__nav-item{min-width:auto}}.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);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:auto;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:after{content:"";position:absolute;z-index:1;width:2px;height:100%;right:unset;left:9px;top:20px}.timeline__nav-item:last-child:after{width:50%;left:0}.timeline__nav-item:first-child:after{width:50%;right:0;left:auto}.timeline__nav-item{gap:var(--spacing-3);align-content:flex-start;min-width:100px;padding-block-start:20px;display:grid;position:relative}.timeline_content>*{color:rgb(var(--text-primary))}.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{color:#c3c3c3;font-weight:400;font-size:24px}.timeline__nav-item[aria-current=true] .timeline__nav-label{opacity:1;color:#9aac56;position:relative}.timeline__nav-item[aria-current=true] .timeline__nav-label:before{content:"";position:absolute;width:30px;height:2px;background-color:rgb(var(--text-color));bottom:0;left:50%;transition:width .2s ease-in-out;transform:translate(-50%)}@media screen and (min-width: 700px){.timeline{gap:var(--spacing-14)}.timeline__slide{gap:var(--spacing-8)}.timeline__slide>.prose{padding-inline-start:var(--spacing-14);padding-inline-end:var(--spacing-14)}.timeline__slide.text-align-bottom{align-items:end}.timeline__content{gap:var(--spacing-6)}.timeline__controls{--timeline-dot-size: var(--spacing-5);--timeline-dot-padding-inline-end: var(--spacing-5)}.timeline__nav-item{min-width:160px}}@media screen and (min-width: 1000px){.timeline__slide{text-align:left;grid-template-columns:calc(45% - 30px) 55%}.timeline__slide>.prose{z-index:1;padding-inline-start:0;padding-inline-end:0;position:relative}.timeline__image{max-width:initial}.timeline__image-wrapper{position:relative}.timeline__controls{align-items:flex-start;gap:var(--spacing-10);display:flex}.timeline__controls.scroll-area{overflow:visible}.timeline__buttons{gap:var(--spacing-4);margin-block-start:calc(var(--spacing-6) * -1);display:flex}.timeline__nav{width:100%;min-width:auto;padding-block-start:0}.timeline__nav-item{min-width:auto}}@media screen and (min-width: 1150px){.timeline__slide>.prose{padding-inline-end:16.5%}.timeline__content{gap:var(--spacing-8)}}@media screen and (min-width: 1400px){.timeline__slide>.prose{max-width:85%}}@media screen and (max-width: 768px){.timeline__nav-label{font-size:18px}.timeline__nav-item{min-width:unset}}
/*# sourceMappingURL=/cdn/shop/t/212/assets/timeline.css.map */
