.vertical-milestones-section{overflow:clip}.vertical-milestones{display:block;height:var(--vm-scroll-height);min-height:760px}.vertical-milestones__sticky{position:sticky;top:0;height:max(100vh,calc(var(--vm-stage-height) + 260px));min-height:640px;display:block;padding-top:clamp(24px,4vh,56px)}.vertical-milestones__header{margin-bottom:clamp(72px,7vh,104px)}.vertical-milestones__header .section__header{margin-bottom:0}.vertical-milestones__stage{position:relative;height:var(--vm-stage-height);min-height:560px}.vertical-milestones__mobile-nav{display:none}.vertical-milestones__rail{position:absolute;z-index:2;top:8%;bottom:8%;left:50%;width:1px;background:rgb(var(--color-border));transform:translate(-50%)}.vertical-milestones__rail-progress{position:absolute;inset:0 0 auto;width:1px;height:var(--vm-progress, 0%);background:var(--vm-accent);transition:height .18s linear}.vertical-milestones__active-dot{position:absolute;top:var(--vm-dot, 0%);left:50%;width:24px;height:24px;border-radius:50%;background:var(--vm-accent);border:4px solid rgb(var(--color-background));transform:translate(-50%,-50%);transition:top .42s cubic-bezier(.22,1,.36,1)}.vertical-milestones__active-dot:before{content:"";position:absolute;z-index:-1;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:inherit;background:color-mix(in srgb,var(--vm-accent) 22%,transparent);animation:vertical-milestone-breathe 1.8s cubic-bezier(.4,0,.2,1) infinite}.vertical-milestones__list{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none}.vertical-milestones__item{position:absolute;top:var(--vm-item-top);left:0;width:100%;transform:translateY(-50%)}.vertical-milestones__node{position:absolute;z-index:3;top:50%;left:50%;width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#c9cdd2;transform:translate(-50%,-50%);cursor:pointer;transition:background .35s,transform .35s,opacity .35s}.vertical-milestones__item.is-passed .vertical-milestones__node{background:var(--vm-accent)}.vertical-milestones__item.is-active .vertical-milestones__node{opacity:0}.vertical-milestones__card{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,32%);gap:clamp(14px,2vw,30px);align-items:center;width:calc(50% - clamp(38px,5vw,76px));height:var(--vm-card-height, clamp(170px, 14vw, 220px));min-height:116px;padding:clamp(18px,2vw,30px);border-radius:8px;background:rgb(var(--color-background));opacity:.35;transform:scale(.97);transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1),background .5s,box-shadow .5s;cursor:pointer}.vertical-milestones__item.is-left .vertical-milestones__card{margin-right:auto}.vertical-milestones__item.is-right .vertical-milestones__card{margin-left:auto}.vertical-milestones__item.is-passed .vertical-milestones__card{opacity:1;transform:scale(1);background:#fafafa}.vertical-milestones__item.is-active .vertical-milestones__card{opacity:1;transform:scale(1);background:#f3f8ff;box-shadow:0 16px 42px #0000000f}.vertical-milestones__year{margin:0;color:#000;line-height:1;transition:color .4s}.vertical-milestones__item.is-active .vertical-milestones__year,.vertical-milestones__item.is-active .vertical-milestones__title{color:#1877f2}.vertical-milestones__title{margin:10px 0 0;font-size:20px;line-height:1.2}.vertical-milestones__description{margin-top:10px;font-size:14px;line-height:1.5;color:rgb(var(--color-foreground-secondary))}.vertical-milestones__description>:first-child{margin-top:0}.vertical-milestones__description>:last-child{margin-bottom:0}.vertical-milestones__media img{display:block;width:100%;height:auto;max-height:110px;object-fit:contain}@media(max-width:767px){.vertical-milestones{height:auto;min-height:0}.vertical-milestones__sticky{position:relative;top:auto;height:auto;min-height:0;padding-top:0}.vertical-milestones__header{margin-bottom:18px}.vertical-milestones__stage{height:auto;min-height:0}.vertical-milestones__rail{display:none}.vertical-milestones__mobile-nav{position:relative;display:grid;grid-template-columns:repeat(var(--vm-mobile-count),minmax(28px,1fr));align-items:center;height:42px;margin:0 4px 14px}.vertical-milestones__mobile-line{position:absolute;z-index:0;left:calc(50% / var(--vm-mobile-count));right:calc(50% / var(--vm-mobile-count));top:calc(50% - .5px);height:1px;background:rgb(var(--color-border))}.vertical-milestones__mobile-line i{display:block;width:var(--vm-mobile-progress, 0%);height:100%;background:var(--vm-accent);transition:width .4s cubic-bezier(.22,1,.36,1)}.vertical-milestones__mobile-step{position:relative;z-index:1;display:block;align-self:stretch;padding:0;border:0;background:transparent;color:#8b8e93;font:inherit;cursor:pointer}.vertical-milestones__mobile-step span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.vertical-milestones__mobile-step i{position:absolute;top:50%;left:50%;display:block;width:7px;height:7px;border-radius:50%;background:#c6c9cd;transform:translate(-50%,-50%);transform-origin:center;transition:background .35s,transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s}.vertical-milestones__mobile-step.is-passed i{background:var(--vm-accent)}.vertical-milestones__mobile-step.is-active i{transform:translate(-50%,-50%) scale(1.8);background:var(--vm-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--vm-accent) 15%,transparent)}.vertical-milestones__mobile-step.is-active i:before{content:"";position:absolute;z-index:-1;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;background:color-mix(in srgb,var(--vm-accent) 22%,transparent);animation:vertical-milestone-breathe 1.8s cubic-bezier(.4,0,.2,1) infinite}.vertical-milestones__list{position:relative;display:flex;align-items:stretch;gap:12px;width:100vw;margin-inline:calc(50% - 50vw);padding-inline:18vw;overflow-x:auto;overflow-y:hidden;scroll-padding-inline:18vw;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}.vertical-milestones__list::-webkit-scrollbar{display:none}.vertical-milestones__item{position:relative;top:auto;display:flex;flex:0 0 250px;width:250px;transform:none;scroll-snap-align:center}.vertical-milestones__node{display:none}.vertical-milestones__card{width:100%;height:100%;min-height:min(58vw,280px);padding:16px;opacity:.32;transform:scale(.96);text-align:center;grid-template-columns:1fr;grid-template-rows:auto 1fr;align-content:start;gap:8px}.vertical-milestones__item.is-active .vertical-milestones__card{transform:none}.vertical-milestones__copy{max-width:32rem;margin-inline:auto}.vertical-milestones__year{font-size:20px}.vertical-milestones__title{margin:8px 0 0;font-size:14px;line-height:1.2}.vertical-milestones__description{margin-top:8px;font-size:14px;line-height:1.6}.vertical-milestones__media{align-self:end}.vertical-milestones__media img{width:min(28vw,130px);max-height:100px;margin:6px auto 0}.vertical-milestones__mobile-step.is-active i,.vertical-milestones__card,.vertical-milestones__item.is-active .vertical-milestones__card{box-shadow:none}}@media(prefers-reduced-motion:reduce){.vertical-milestones__card,.vertical-milestones__active-dot,.vertical-milestones__node,.vertical-milestones__rail-progress{transition:none}.vertical-milestones__active-dot:before,.vertical-milestones__mobile-step.is-active i:before{animation:none}}@keyframes vertical-milestone-breathe{0%,to{opacity:.72;transform:scale(.82)}50%{opacity:.2;transform:scale(1.18)}}
/*# sourceMappingURL=/cdn/shop/t/129/assets/section-vertical-scroll-milestones.css.map */