.process-steps{--ps-radius: 2px;--ps-dot-size: 26px;--ps-timeline-width: 40px;--ps-line-height: 104px;--ps-heading-size: clamp(2rem, 4vw + 1rem, 3.125rem);--ps-mobile-slide-width: 84%;--ps-image-ratio: 3 / 4;--ps-transition: color .4s ease, background-color .4s ease, border-color .4s ease;--ps-reveal-duration: .65s;--ps-reveal-ease: cubic-bezier(.16, 1, .3, 1);--ps-header-offset: calc(var(--announcement-bar-height, 0px) + var(--header-height, 0px));--ps-sticky-top: var(--ps-header-offset);--ps-content-pad-top: clamp(1rem, 2.5vh, 1.75rem)}.process-steps{overflow:visible;padding-top:var(--ps-padding-top, 60px);padding-bottom:var(--ps-padding-bottom, 60px)}.process-steps__wrapper{overflow:visible}.process-steps__header{max-width:60ch;margin-bottom:clamp(2rem,4vw,3.5rem);padding-inline:var(--container-gutter, 1.25rem)}.process-steps__heading{margin:0 0 1rem;font-family:var(--heading-font-family, inherit);font-size:var(--ps-heading-size);font-weight:700;line-height:1.15;color:#000}.process-steps__description{font-family:var(--text-font-family, inherit);font-size:inherit;line-height:1.6;color:inherit}.process-steps__description>*:first-child{margin-top:0}.process-steps__description>*:last-child{margin-bottom:0}.process-steps__scroll-zone,.process-steps__desktop{display:none}.process-steps__mobile{display:block}@media screen and (min-width:1000px){.process-steps__scroll-zone{display:block;position:relative}.process-steps__desktop{display:block;position:sticky;top:var(--ps-sticky-top, 0);--ps-scroll-height: calc(100svh - var(--ps-sticky-top, 0px));min-height:var(--ps-scroll-height);height:auto;max-height:none;overflow:visible}.process-steps__scroll-zone.is-pinned .process-steps__desktop{z-index:2}.process-steps__content-viewport{height:auto;overflow:visible}.process-steps__steps{transform:none;will-change:auto}.process-steps__scrollbar{position:absolute;top:0;right:0;width:0;height:100%;overflow:hidden;pointer-events:none;z-index:-1;opacity:0;visibility:hidden}.process-steps__scrollbar-thumb{position:absolute;width:0;height:0;overflow:hidden;opacity:0;visibility:hidden}.process-steps__mobile{display:none}.process-steps__grid{align-items:start;min-height:var(--ps-scroll-height);height:auto}.process-steps__media-col{position:relative;top:0;height:var(--ps-scroll-height);max-height:var(--ps-scroll-height);align-self:start;z-index:1;margin:0;padding:0;box-sizing:border-box}.process-steps__sticky{position:relative;top:0;height:100%;max-height:none;margin:0}}.process-steps__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:0;width:100%}.process-steps__content-col{padding-inline-start:var(--container-gutter, 1.25rem);padding-inline-end:clamp(1rem,2vw,1.5rem);box-sizing:border-box}@media screen and (min-width:1000px){.shopify-section--process-steps{overflow-x:clip;overflow-y:visible}.process-steps__content-col{position:relative;height:auto;max-height:none;overflow:visible;padding-block-start:var(--ps-content-pad-top);padding-block-end:clamp(1rem,2.5vh,1.75rem);padding-inline-end:clamp(1rem,2vw,1.5rem);box-sizing:border-box}.process-steps__step-content{padding-bottom:clamp(.85rem,2vh,1.35rem)}.process-steps__title{font-size:clamp(1.05rem,1.1vw + .75rem,1.35rem);margin-bottom:.4rem}.process-steps__text{font-size:.95em;line-height:1.45}.process-steps__label{margin-bottom:.25rem}}.process-steps__steps{display:flex;flex-direction:column}.process-steps__step{display:grid;grid-template-columns:var(--ps-timeline-width) minmax(0,1fr);gap:0 1.25rem;align-items:start}.process-steps__step-marker{display:flex;flex-direction:column;align-items:center;align-self:stretch;flex-shrink:0;overflow:visible}.process-steps__line{position:relative;width:2px;flex:1 1 auto;min-height:2rem;margin:0;padding:0;background-color:var(--ps-inactive, #8c8d8e);overflow:hidden}.process-steps__line-fill{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--ps-active, #000);transform:scaleY(var(--progress, 0));transform-origin:top center}.process-steps__timeline-item.is-past .process-steps__line-fill,.process-steps__step.is-past .process-steps__line-fill{transform:scaleY(1)}.process-steps__dot-wrapper{position:relative;width:var(--ps-dot-size);height:var(--ps-dot-size);flex-shrink:0;border-radius:0;background-color:var(--ps-inactive, #8c8d8e);transition:var(--ps-transition);z-index:1;box-shadow:0 0 0 7px #bbbbbd}.process-steps__dot-wrapper:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:7px solid #bbbbbd;border-radius:0;pointer-events:none;opacity:0;transform:scale(1);z-index:0}.process-steps__dot-wrapper:hover:before,.process-steps__dot-wrapper:focus-within:before,.process-steps__mobile-dot-btn:hover .process-steps__dot-wrapper:before,.process-steps__mobile-dot-btn:focus-visible .process-steps__dot-wrapper:before{animation:ps-dot-fade-out 1.4s ease-out forwards}@keyframes ps-dot-fade-out{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}.process-steps__dot{position:absolute;top:4px;right:4px;bottom:4px;left:4px;z-index:2;border-radius:0;background-color:var(--ps-active, #000);transform:scale(0);opacity:0;transition:transform .4s ease,opacity .4s ease;pointer-events:none}.process-steps__timeline-item.is-active .process-steps__dot-wrapper,.process-steps__timeline-item.is-past .process-steps__dot-wrapper,.process-steps__step.is-active .process-steps__dot-wrapper,.process-steps__step.is-past .process-steps__dot-wrapper{background-color:var(--ps-active, #000)}.process-steps__timeline-item.is-past .process-steps__dot,.process-steps__timeline-item.is-active .process-steps__dot,.process-steps__step.is-past .process-steps__dot,.process-steps__step.is-active .process-steps__dot{transform:scale(1);opacity:1;top:0;right:0;bottom:0;left:0}.process-steps__dot-btn{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;padding:0;margin:0;border:none;background:transparent;cursor:pointer;border-radius:0}.process-steps__dot-btn:focus-visible{outline:2px solid var(--ps-active, #000);outline-offset:3px;border-radius:0}.process-steps__step-content{min-width:0;max-width:36rem;padding-bottom:clamp(2.5rem,5vh,4rem)}@media screen and (min-width:1000px){.process-steps__step-content{padding-bottom:clamp(1.5rem,3.5vh,2.75rem)}}.process-steps__step:last-child .process-steps__step-content{padding-bottom:0}.process-steps__label{display:flex;align-items:center;margin:0 0 .5rem;min-height:var(--ps-dot-size);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ps-inactive, #8c8d8e);transition:var(--ps-transition);line-height:1}.process-steps__title{margin:0 0 .75rem;font-family:var(--heading-font-family, inherit);font-size:24px;font-weight:700;line-height:1.25;text-transform:uppercase;color:var(--ps-inactive, #8c8d8e);transition:var(--ps-transition)}.process-steps__text{font-family:var(--text-font-family, inherit);font-size:inherit;line-height:1.6;color:var(--ps-inactive, #8c8d8e);transition:var(--ps-transition)}.process-steps__text>*:first-child{margin-top:0}.process-steps__text>*:last-child{margin-bottom:0}.process-steps__step.is-active .process-steps__label,.process-steps__step.is-active .process-steps__title,.process-steps__step.is-active .process-steps__text,.process-steps__step.is-past .process-steps__label,.process-steps__step.is-past .process-steps__title,.process-steps__step.is-past .process-steps__text{color:var(--ps-active, #000)}.process-steps__step:not(.is-active):not(.is-past) .process-steps__label,.process-steps__step:not(.is-active):not(.is-past) .process-steps__title,.process-steps__step:not(.is-active):not(.is-past) .process-steps__text{color:var(--ps-inactive, #8c8d8e)}.process-steps__media-col{position:relative;align-self:stretch;min-width:0;max-width:100%;overflow:hidden}.process-steps__sticky{position:sticky;top:var(--ps-sticky-top, 0);height:calc(100vh - var(--ps-sticky-top, 0px));height:calc(100svh - var(--ps-sticky-top, 0px));width:100%;max-width:100%;margin:0;overflow:hidden;background-color:#ebebeb;box-sizing:border-box}@media screen and (min-width:1000px){.process-steps__media-col .process-steps__sticky{position:relative;top:0;height:100%;width:100%;max-width:100%;margin:0}.process-steps__media-col{margin-inline-end:0}.process-steps__desktop,.process-steps__grid{max-width:100%;overflow-x:clip}}.process-steps__image-stack{position:relative;width:100%;height:100%}.process-steps__image-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:0;visibility:hidden;z-index:0;pointer-events:none}.process-steps__image-layer.is-visible{opacity:1;visibility:visible;z-index:1}.process-steps__image-layer.is-entering{opacity:1;visibility:visible;z-index:2}.process-steps__image-inner,.process-steps__image-main,.process-steps__image-alt{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.process-steps__image-alt[hidden]{display:none!important}.process-steps__image-layer.is-entering .process-steps__image-inner{animation:ps-reveal-up var(--ps-reveal-duration) var(--ps-reveal-ease) forwards}.process-steps__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}@keyframes ps-reveal-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.process-steps__mobile{padding-inline:var(--container-gutter, 1.25rem);overflow:visible}.process-steps__mobile-timeline{display:flex;align-items:center;margin-bottom:1.25rem;overflow:visible}.process-steps__mobile-timeline-item{display:flex;align-items:center;flex:1;min-width:0}.process-steps__mobile-timeline-item:last-child{flex:0 0 auto}.process-steps__mobile-dot-btn{display:block;padding:0;margin:0;border:none;background:transparent;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.process-steps__mobile-dot-btn .process-steps__dot-wrapper{display:block}.process-steps__mobile-dot-btn .process-steps__dot{transform:scale(1);opacity:1}.process-steps__mobile-timeline-item:not(.is-active):not(.is-past) .process-steps__dot{transform:scale(0);opacity:0}.process-steps__mobile-timeline-item.is-active .process-steps__dot,.process-steps__mobile-timeline-item.is-past .process-steps__dot{transform:scale(1);opacity:1}.process-steps__mobile-line{position:relative;flex:1;height:2px;min-width:1rem;margin-inline:.25rem;background-color:var(--ps-inactive, #8c8d8e);overflow:hidden}.process-steps__mobile-line-fill{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--ps-active, #000);transform:scaleX(var(--progress, 0));transform-origin:left center}.process-steps__mobile-timeline-item.is-past .process-steps__mobile-line-fill{transform:scaleX(1)}.process-steps__slider{display:flex;flex-wrap:nowrap;gap:.875rem;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:calc(-1 * var(--container-gutter, 1.25rem));padding-inline:var(--container-gutter, 1.25rem);padding-inline-end:calc(var(--container-gutter, 1.25rem) + 12vw);padding-bottom:.5rem;width:calc(100% + 2 * var(--container-gutter, 1.25rem));max-width:none}.process-steps__slider::-webkit-scrollbar{display:none}.process-steps__slide{flex:0 0 var(--ps-mobile-slide-width);scroll-snap-align:center;scroll-snap-stop:normal;min-width:0;opacity:1;filter:none;transform:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}.process-steps__slide-image{position:relative;width:100%;aspect-ratio:var(--ps-image-ratio);overflow:hidden;margin-bottom:1.25rem;background:#ebebeb}.process-steps__slide-image .process-steps__img{display:block;width:100%;height:100%;object-fit:cover}.process-steps__slide-content .process-steps__label{font-size:13px}.process-steps__slide-content .process-steps__title{font-size:24px}.process-steps__slide.is-active .process-steps__label,.process-steps__slide.is-active .process-steps__title,.process-steps__slide.is-active .process-steps__text{color:var(--ps-active, #000)}.process-steps__slide:not(.is-active) .process-steps__label,.process-steps__slide:not(.is-active) .process-steps__title,.process-steps__slide:not(.is-active) .process-steps__text{color:var(--ps-inactive, #8c8d8e);opacity:1}@media(prefers-reduced-motion:reduce){.process-steps,.process-steps *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.process-steps__image-layer.is-entering .process-steps__image-inner{animation:none;transform:none}.process-steps__line-fill,.process-steps__mobile-line-fill{will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-process-steps.css.map */