@-webkit-keyframes point{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(20px);transform:translateY(20px)}to{-webkit-transform:translateY(0px);transform:translateY(0)}}@keyframes point{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(20px);transform:translateY(20px)}to{-webkit-transform:translateY(0px);transform:translateY(0)}}@-webkit-keyframes textspin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes textspin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@-webkit-keyframes wiggle-left{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}15%{-webkit-transform:rotate(-5deg) scale(1.01);transform:rotate(-5deg) scale(1.01)}30%{-webkit-transform:rotate(0deg);transform:rotate(0)}}@keyframes wiggle-left{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}15%{-webkit-transform:rotate(-5deg) scale(1.01);transform:rotate(-5deg) scale(1.01)}30%{-webkit-transform:rotate(0deg);transform:rotate(0)}}@-webkit-keyframes wiggle-right{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}15%{-webkit-transform:rotate(5deg) scale(1.01);transform:rotate(5deg) scale(1.01)}30%{-webkit-transform:rotate(0deg);transform:rotate(0)}}@keyframes wiggle-right{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}15%{-webkit-transform:rotate(5deg) scale(1.01);transform:rotate(5deg) scale(1.01)}30%{-webkit-transform:rotate(0deg);transform:rotate(0)}}stepped-walkthrough{display:block;position:relative;background:var(--bgCustom, transparent);color:var(--txtColor, inherit)}@media (min-width: 768px){stepped-walkthrough[mobile]{display:none}}@media (max-width: 767px){stepped-walkthrough[desktop]{display:none}}stepped-walkthrough .stepped-walkthrough__container{display:grid;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto;max-width:1280px;grid-template-columns:minmax(0,1fr);position:relative;z-index:1;padding-top:var(--mTopMargin);padding-bottom:var(--mBottomMargin)}@media (min-width: 768px){stepped-walkthrough .stepped-walkthrough__container{-webkit-column-gap:24px;-moz-column-gap:24px;column-gap:24px;padding-left:24px;padding-right:24px}}@media (min-width: 992px){stepped-walkthrough .stepped-walkthrough__container{-webkit-column-gap:32px;-moz-column-gap:32px;column-gap:32px;padding-left:32px;padding-right:32px}}@media (max-width: 767px){stepped-walkthrough .stepped-walkthrough__container{overflow:hidden}}@media (min-width: 768px){stepped-walkthrough .stepped-walkthrough__container{grid-template-columns:minmax(0,1fr) minmax(0,2fr);padding-top:var(--dTopMargin);padding-bottom:var(--dBottomMargin)}}stepped-walkthrough .stepped-walkthrough__steps{margin-top:32px}stepped-walkthrough .stepped-walkthrough__m-step{max-width:288px}stepped-walkthrough .stepped-walkthrough__m-image{aspect-ratio:4/5;width:288px;display:grid;grid-template-areas:"imgstack"}stepped-walkthrough .stepped-walkthrough__m-image img,stepped-walkthrough .stepped-walkthrough__m-image video{grid-area:imgstack;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}stepped-walkthrough .stepped-walkthrough__m-image img{z-index:0}stepped-walkthrough .stepped-walkthrough__m-image video{z-index:1}stepped-walkthrough .stepped-walkthrough__m-step-number{width:24px;height:24px;text-indent:-200vw;background:var(--stepBGColor, #231F20);border-radius:12px;position:relative;display:inline-block;margin-top:24px}stepped-walkthrough .stepped-walkthrough__m-step-number:before{content:attr(data-step-number);font-family:FuturaPT-Heavy,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--stepTxtColor, #FFFFFF);font-size:20px;line-height:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-indent:0}stepped-walkthrough .stepped-walkthrough__m-step-text{margin-top:4px}stepped-walkthrough .stepped-walkthrough__m-step-text p{font-family:FuturaPT-Book,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:130%;color:inherit;font-size:20px}@media (min-width: 768px){stepped-walkthrough .stepped-walkthrough__left-track{container:texttrack/inline-size}}stepped-walkthrough .stepped-walkthrough__text-track{font-size:6cqw}stepped-walkthrough .stepped-walkthrough__headline h2{font-family:FuturaPT-Heavy,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit;font-size:30px;line-height:42px}@media (min-width: 992px){stepped-walkthrough .stepped-walkthrough__headline h2{font-size:40px;line-height:52px}}stepped-walkthrough .stepped-walkthrough__subheadline{margin-top:8px}@media (min-width: 992px){stepped-walkthrough .stepped-walkthrough__subheadline{margin-top:16px}}stepped-walkthrough .stepped-walkthrough__subheadline p{font-family:FuturaPT-Book,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:24px;line-height:130%;color:inherit}@media (min-width: 992px){stepped-walkthrough .stepped-walkthrough__subheadline p{font-size:1em}}stepped-walkthrough .stepped-walkthrough__text-box{margin-top:75cqw}stepped-walkthrough .stepped-walkthrough__cta-box[data-view=mobile]{flex:0 0 auto}@media (min-width: 576px){stepped-walkthrough .stepped-walkthrough__cta-box[data-view=mobile]{display:none}}stepped-walkthrough .stepped-walkthrough__cta-box[data-view=desktop]{margin-top:16px}@media (max-width: 575px){stepped-walkthrough .stepped-walkthrough__cta-box[data-view=desktop]{display:none}}stepped-walkthrough .stepped-walkthrough__cta-box a{font-family:FuturaPT-Heavy,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-size:14px;line-height:14px;background-color:#231f20;height:48px;padding:0 48px;display:inline-flex;width:auto;align-items:center;justify-content:center;border:1px solid #231f20;border-radius:24px;transition:all .32s ease;cursor:pointer;outline:none}stepped-walkthrough .stepped-walkthrough__cta-box a:hover,stepped-walkthrough .stepped-walkthrough__cta-box a:focus-visible{color:#fff;background-color:#42403a;border-color:#42403a}@media (max-width: 575px){stepped-walkthrough .stepped-walkthrough__cta-box a{width:100%}}@media (max-width: 575px){stepped-walkthrough .stepped-walkthrough__texts,stepped-walkthrough .stepped-walkthrough__images{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-areas:"stack";text-align:center}}@media (max-width: 575px){stepped-walkthrough .stepped-walkthrough__text,stepped-walkthrough .stepped-walkthrough__image{grid-area:stack}}@media (max-width: 575px){stepped-walkthrough .stepped-walkthrough__texts{z-index:1;padding-top:88px}}@media (min-width: 768px){stepped-walkthrough .stepped-walkthrough__texts>*+*{margin-top:160cqw}}@media (max-width: 575px){stepped-walkthrough .stepped-walkthrough__text{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .24s ease}stepped-walkthrough .stepped-walkthrough__text[active]{opacity:1}}stepped-walkthrough .stepped-walkthrough__step{width:32px;height:32px;text-indent:-200vw;background:var(--stepBGColor, #231F20);border-radius:16px;position:relative;display:inline-block}stepped-walkthrough .stepped-walkthrough__step:before{content:attr(data-step-number);font-family:FuturaPT-Heavy,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--stepTxtColor, #FFFFFF);font-size:25px;line-height:25px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-indent:0}stepped-walkthrough .stepped-walkthrough__step-text{margin-top:8px}@media (min-width: 768px){stepped-walkthrough .stepped-walkthrough__step-text{margin-top:16px}}stepped-walkthrough .stepped-walkthrough__step-text p{font-family:FuturaPT-Book,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:130%;color:inherit;font-size:1em}stepped-walkthrough .stepped-walkthrough__images{aspect-ratio:4/3;position:sticky;top:calc(50% - var(--topOffset));background-color:#fff;transition:top .24s ease}body[scrollingUp] stepped-walkthrough .stepped-walkthrough__images{top:calc(50% - var(--topOffset)48px)}stepped-walkthrough .stepped-walkthrough__image{grid-area:stack;opacity:0;transition:opacity .24s ease;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:grid;grid-template-areas:"imgstack"}@media (min-width: 576px){stepped-walkthrough .stepped-walkthrough__image:first-child{opacity:.75}}@media (min-width: 576px){stepped-walkthrough .stepped-walkthrough__image:first-child img{transition:-webkit-transform .16s ease-out .08s;transition:transform .16s ease-out .08s;transition:transform .16s ease-out .08s,-webkit-transform .16s ease-out .08s}}@media (min-width: 576px){stepped-walkthrough .stepped-walkthrough__image[started]:first-child{opacity:1}}stepped-walkthrough .stepped-walkthrough__image[active]{opacity:1}@media (min-width: 576px){stepped-walkthrough .stepped-walkthrough__image[active]:first-child img{-webkit-transform:translateY(0);transform:translateY(0)}}stepped-walkthrough .stepped-walkthrough__image img,stepped-walkthrough .stepped-walkthrough__image video{grid-area:imgstack;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;isolation:isolate}stepped-walkthrough .stepped-walkthrough__image img{z-index:0}stepped-walkthrough .stepped-walkthrough__image video{z-index:1}.shopify-section[data-shopify-editor-section] stepped-walkthrough:before,.shopify-section[data-shopify-editor-section] stepped-walkthrough:after{font-family:FuturaPT-Book,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit;font-size:14px;line-height:21px;display:flex;align-items:center;justify-content:center;position:absolute;background-size:10px 10px;background-image:repeating-linear-gradient(-45deg,#e4e2deb3 0 1px,#f5f4f080 0 50%);overflow:hidden;right:0;left:0;opacity:.65}@media (min-width: 768px){.shopify-section[data-shopify-editor-section] stepped-walkthrough:before,.shopify-section[data-shopify-editor-section] stepped-walkthrough:after{font-size:16px;line-height:24px}}.shopify-section[data-shopify-editor-section] stepped-walkthrough:before{content:"Top Margin: " attr(data-m-top-space);height:var(--mTopMargin);top:0}@media (min-width: 768px){.shopify-section[data-shopify-editor-section] stepped-walkthrough:before{content:"Top Margin: " attr(data-d-top-space);height:var(--dTopMargin)}}.shopify-section[data-shopify-editor-section] stepped-walkthrough:after{content:"Bottom Margin: " attr(data-m-bottom-space);height:var(--mBottomMargin);bottom:0}@media (min-width: 768px){.shopify-section[data-shopify-editor-section] stepped-walkthrough:after{content:"Bottom Margin: " attr(data-d-bottom-space);height:var(--dBottomMargin)}}
/*# sourceMappingURL=/cdn/shop/t/383/assets/s-stepped-walkthrough.css.map */