.section--scroll-progress .scroll-progress--heading,.section--scroll-progress .scroll__block-heading{margin-block:0;font-weight:var(--font-weight-500)}.section--scroll-progress .scroll__block-image img{width:100%;height:auto;max-width:100%;vertical-align:middle}.scroll-progress--desktop{--scroll-sticky-space: 0px;--scroll-sticky-position: 0px;--scroll-sticky-centered: 100vh;--content-transition-duration: 1s;--content-transition-timing-function: cubic-bezier(.4, 0, .2, 1);display:block}.scroll-progress--desktop .scroll-progress--grid{display:flex;flex-wrap:wrap}.scroll-progress--desktop .scroll-progress--grid__item{width:50%;max-width:50%}.scroll-progress--desktop .scroll-progress--grid__item:where(.scroll-progress--right){flex-grow:1}.scroll-progress--desktop .scroll-progress--box,.scroll-progress--desktop .scroll-progress-image--box{position:sticky;transition:all .15s ease-out;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;-ms-transition:all .15s ease-out;-o-transition:all .15s ease-out}.scroll-progress--desktop .scroll-progress--box,.scroll-progress--desktop .scroll-progress-image--box{overflow-y:auto;top:calc(var(--scroll-sticky-position) + var(--scroll-sticky-space));height:auto}.scroll-progress--desktop .scroll-progress--box,.scroll-progress--desktop .scroll-progress-image--box{display:flex;flex-flow:column nowrap;justify-content:center}.scroll-progress--desktop .scroll-progress--header>*+*{margin-top:1.5rem}.scroll-progress--desktop .scroll__block-content{text-align:var(--scroll-card-align)}.scroll-progress--desktop .scroll-progress-style--card{--scroll-card-align: center;--scroll-card-padding: 1rem;--scroll-card-radius: 1.5rem;--scroll-card-color-background: 244, 242, 237}.scroll-progress--desktop .scroll-progress-style--card .scroll__block-content{padding:var(--scroll-card-padding);background-color:rgb(var(--scroll-card-color-background));border-radius:var(--scroll-card-radius);-webkit-border-radius:var(--scroll-card-radius);-moz-border-radius:var(--scroll-card-radius);-ms-border-radius:var(--scroll-card-radius);-o-border-radius:var(--scroll-card-radius)}.scroll-progress--desktop .scroll__block-content>*+*{margin-top:1rem}.scroll-progress--desktop .scroll-progress--box{--scroll-progressbar-space: 2.3rem;padding-block:2rem;padding-left:4rem}.scroll-progress--desktop .scroll-progress--blocks:not(:first-child){margin-top:1rem}.scroll-progress--desktop .scroll--block{position:relative;padding-left:var(--scroll-progressbar-space)}.scroll-progress--desktop .scroll--block:not(:last-child){padding-bottom:4rem}.scroll-progress--desktop .scroll--block:not(:has(.scroll-progress-active)) .scroll__block-heading{color:rgb(var(--color-foreground))}.scroll-progress--desktop .scroll--block .scroll--block-progress,.scroll-progress--desktop .scroll--block .scroll--block-progress--track{--scrol-track-width: .2rem;--scrol-track-dot-width: 1rem;--scrol-track-color: rgba(var(--color-badge-background), 1);position:absolute;top:0;left:0;height:100%;width:var(--scrol-track-dot-width);isolation:isolate}:is(.scroll-progress--desktop .scroll--block .scroll--block-progress,.scroll-progress--desktop .scroll--block .scroll--block-progress--track):empty{display:block}:is(.scroll-progress--desktop .scroll--block .scroll--block-progress,.scroll-progress--desktop .scroll--block .scroll--block-progress--track) .scroll-progress-bar{position:absolute;left:calc(50% - (var(--scrol-track-width) / 2));height:100%;width:var(--scrol-track-width);background-color:var(--scrol-track-color);z-index:1}:is(.scroll-progress--desktop .scroll--block .scroll--block-progress,.scroll-progress--desktop .scroll--block .scroll--block-progress--track) .scroll-progress-dot{content:"";position:absolute;top:13px;left:calc(50% - (var(--scrol-track-dot-width) / 2));width:var(--scrol-track-dot-width);height:var(--scrol-track-dot-width);background-color:var(--scrol-track-color);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;z-index:2}.scroll-progress--desktop .scroll--block .scroll--block-progress--track{--scrol-track-color: rgba(var(--color-heading), 1);--scrol-clip-default: inset(0% 0% 100% 0%);clip-path:var(--scrol-clip-default)}.scroll-progress--desktop .scroll--block .scroll--block-progress--track.scroll-progress--finished{height:calc(100% + 1px)}.scroll-progress--desktop .scroll__block-description{--scroll-block-description: 48.5rem;max-width:var(--scroll-block-description)}@media screen and (width >=1920px){.scroll-progress--desktop .scroll__block-description{--scroll-block-description: 53.5rem}}.scroll-progress--desktop .scroll-progress--content br{display:none}@media screen and (width >=1025){.scroll-progress--desktop .scroll__block-heading{--font-heading-5-size: 3rem}}.scroll-progress--desktop .scroll-progress--images{--scroll-progress-image-width: 450px;display:grid;grid-template-rows:1fr;grid-template-columns:1fr}.scroll-progress--desktop .scroll-progress--images>*{grid-row:1;grid-column:1}.scroll-progress--desktop .scroll-progress-image{--content-transition-duration: .3s;--content-transition-timing-function: cubic-bezier(.4, 0, .2, 1);position:relative;opacity:0;z-index:-1;will-change:opacity;transition-duration:var(--content-transition-duration);-webkit-transition-duration:var(--content-transition-duration);transition-timing-function:var(--content-transition-timing-function);-webkit-transition-timing-function:var(--content-transition-timing-function)}.scroll-progress--desktop .scroll-progress-image:first-of-type,.scroll-progress--desktop .scroll-progress-image:where(.scroll-progress-active){opacity:1}.shopify-section-header-sticky~.content-for-layout>.section--scroll-progress .scroll-progress--desktop{--scroll-sticky-position: var(--header-height)}.shopify-section-header-sticky:where(.shopify-section-header-hidden)~.content-for-layout>.section--scroll-progress .scroll-progress--desktop{--scroll-sticky-position: 0px}.scroll-progress--mobile{--content-transition-duration: 1s;--content-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--scroll-progress-image-width: 27.5rem;display:block}.scroll-progress--mobile .scroll-progress--blocks:not(:first-child){margin-top:1.7rem}.scroll-progress--mobile .scroll__block-progress-wrap{position:relative;padding-block:1.3rem 3.3rem;isolation:isolate}.scroll-progress--mobile .scroll--block-progress{position:absolute;top:0;left:50%;bottom:0;height:100%;width:.2rem;background-color:rgb(var(--color-heading));transform:translate(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);z-index:-1}.scroll-progress--mobile .scroll--block-progress:empty{display:block}.scroll-progress--mobile .scroll--block-progress:after{content:"";position:absolute;left:50%;bottom:0;width:1rem;height:1rem;background-color:rgb(var(--color-heading));transform:translate(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.scroll-progress--mobile .scroll__block-image{margin:0 auto;max-width:var(--scroll-progress-image-width)}.scroll-progress--mobile .scroll__block-heading{--font-heading-5-size: 1.6rem}.scroll-progress--mobile .scroll__block-content{padding-block:1.3rem}.scroll-progress--mobile .scroll-progress--button{--scroll-progress-line: 3rem;padding-top:var(--scroll-progress-line);position:relative;isolation:isolate}.scroll-progress--mobile .scroll-progress--button:before{content:"";position:absolute;top:0;left:50%;height:var(--scroll-progress-line);width:.2rem;background-color:rgb(var(--color-heading));transform:translate(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.scroll-progress--mobile .scroll-progress-content{opacity:0;transition-duration:var(--content-transition-duration);-webkit-transition-duration:var(--content-transition-duration);transition-timing-function:var(--content-transition-timing-function);-webkit-transition-timing-function:var(--content-transition-timing-function)}.scroll-progress--mobile .scroll-progress-content:where(.active-progress-content){opacity:1}.scroll-progress--mobile .scroll-progress-image img{opacity:.85;transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-scroll-progress.css.map */