.pt-section{--pt-dot: 1.2rem;--pt-dot-offset: 1rem;--pt-step-gap: 2rem;--pt-badge-size: 10.3rem}@media(min-width:768px){.pt-section{--pt-step-gap: 4rem;--pt-badge-size: 12.9rem}}.pt-header{display:flex;flex-direction:column;padding-bottom:2.4rem}@media(min-width:768px){.pt-header{padding-bottom:clamp(2.4rem,calc(5.21vw - 1.6rem),6rem)}}.pt-header--center{align-items:center;text-align:center}.pt-header__subheading{padding-bottom:1.6rem}@media(min-width:1024px){.pt-header__subheading{padding-bottom:2rem}}.pt-header__heading{max-width:80rem}.pt-header__text{margin-top:2rem;max-width:56rem}progress-timeline.pt-timeline{display:grid;grid-template-columns:minmax(0,1fr);gap:3.2rem}.pt-timeline__media{order:-1;padding:calc(var(--pt-badge-size) / 2) 1.2rem 0}@media(min-width:768px){.pt-section{--pt-pad-media: clamp(0rem, calc(26.37vw - 20.25rem) , 13.5rem);--pt-pad-far: clamp(0rem, calc(29.3vw - 22.5rem) , 15rem);--pt-pad-near: clamp(0rem, calc(19.53vw - 15rem) , 10rem)}progress-timeline.pt-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;align-items:start}.pt-timeline__media{order:0;padding:calc(var(--pt-badge-size) / 2) var(--pt-pad-media) 0 0;position:sticky;top:calc(var(--header-height, 7rem) + 2rem)}.pt-timeline__steps{padding:0 var(--pt-pad-far) 0 var(--pt-pad-near)}.pt-timeline--media-left .pt-timeline__media{order:-1;padding:calc(var(--pt-badge-size) / 2) 0 0 var(--pt-pad-media)}.pt-timeline--media-left .pt-timeline__steps{padding:0 var(--pt-pad-near) 0 var(--pt-pad-far)}}.pt-steps{position:relative;display:grid;grid-template-columns:minmax(0,1fr)}.pt-steps__track{grid-column:1;position:relative;z-index:0;align-self:stretch;justify-self:start;width:var(--pt-dot);margin-top:calc(var(--pt-dot-offset) + var(--pt-dot) / 2);margin-bottom:calc(-1 * (var(--pt-dot-offset) + var(--pt-dot) / 2));background:linear-gradient(rgb(var(--color-foreground-rgb) / .2),rgb(var(--color-foreground-rgb) / .2)) center / 1px 100% no-repeat;pointer-events:none}.pt-steps__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--pt-line-color, currentColor),var(--pt-line-color, currentColor)) center / 1px 100% no-repeat;transform:scaleY(0);transform-origin:top center;transition:transform .15s linear;will-change:transform}.pt-steps__track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0 2px,var(--color-background) 2px 4px) center / 1px 100% no-repeat}.pt-step{grid-column:1;position:relative;z-index:1;display:flex;gap:var(--pt-step-gap);transition:opacity .5s cubic-bezier(.3,1,.3,1)}.pt-step__dot{flex:none;width:var(--pt-dot);height:var(--pt-dot);margin-top:var(--pt-dot-offset);border-radius:50%;background:var(--pt-line-color, currentColor)}.pt-step__content{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;min-width:0;padding-bottom:3.2rem}@media(min-width:768px){.pt-step__content{padding-bottom:6rem}}.pt-step:last-child .pt-step__content{padding-bottom:0}.pt-step__badge{background:var(--pt-step-badge-bg, var(--color-background-secondary));color:#000;border-radius:6rem;text-transform:capitalize}.pt-step__title{margin:0}.pt-timeline--dim .pt-step:not(.is-active){opacity:.4}.pt-media{position:relative;width:100%;padding-bottom:12%}.pt-media__main{position:relative;width:75%;aspect-ratio:401 / 522}.pt-media__image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;opacity:0;transition:opacity .6s cubic-bezier(.3,1,.3,1)}.pt-media__image.is-active{opacity:1}.pt-media__image img{transform:scale(1.04);transition:transform 1.2s cubic-bezier(.3,1,.3,1)}.pt-media__image.is-active img{transform:none}.pt-media__secondary{position:absolute;right:0;bottom:0;z-index:1;width:48%;aspect-ratio:257 / 336}.pt-media--single{padding-bottom:0}.pt-media--single .pt-media__main{width:100%}.pt-badge{position:absolute;z-index:2;top:0;right:0;width:var(--pt-badge-size);height:var(--pt-badge-size);transform:translate(50%,-50%);border-radius:50%;background:var(--pt-badge-bg, #ededed);color:#000;display:grid;place-items:center}.pt-badge__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;animation:pt-spin 18s linear infinite}.pt-badge__text{font-family:var(--font-body-family);font-size:7.6px;letter-spacing:.08em;text-transform:uppercase;fill:currentColor}.pt-badge__icon{position:relative;display:flex}.pt-badge__icon svg{width:calc(var(--pt-badge-size) * .39);height:calc(var(--pt-badge-size) * .39);stroke-width:1.2}@keyframes pt-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pt-badge__ring{animation:none}.pt-steps__fill,.pt-media__image,.pt-media__image img{transition:none}}.pt-footer{display:flex;justify-content:center;margin-top:clamp(3.2rem,calc(4.505vw + 1.443rem),8rem)}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-progress-timeline.css.map */
