.how-it-works-section{padding-top:var(--hiw-pt-mobile, 40px);padding-bottom:var(--hiw-pb-mobile, 40px)}.how-it-works__container{max-width:var(--hiw-container-max, 1400px);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;box-sizing:border-box}.how-it-works__header{text-align:center}.how-it-works__heading{font-family:var(--heading-font-family);font-size:var(--hiw-heading-size-mobile, 32px);font-weight:var(--hiw-heading-weight, 700);color:var(--hiw-heading-color, currentColor);line-height:1.15;margin:0 0 var(--hiw-heading-mb, 12px)}.how-it-works__subheading{font-family:var(--body-font-family);font-size:var(--hiw-subheading-size-mobile, 16px);color:var(--hiw-subheading-color, currentColor);line-height:1.6;margin:0 0 var(--hiw-subheading-mb, 48px)}.how-it-works__steps{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:var(--hiw-step-gap, 16px);flex-wrap:nowrap}.how-it-works__step{flex:0 1 var(--hiw-step-max, 280px);max-width:var(--hiw-step-max, 280px);min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center}.how-it-works__image-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-shrink:0}.how-it-works__circles{position:relative;width:var(--hiw-circle-size-mobile, 150px);height:var(--hiw-circle-size-mobile, 150px);flex-shrink:0}.how-it-works__outer-circle{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--hiw-outer-circle-bg, #F8F0FF);opacity:var(--hiw-outer-opacity, 1)}.how-it-works__inner-circle{position:absolute;width:var(--hiw-inner-size-mobile, 110px);height:var(--hiw-inner-size-mobile, 110px);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--hiw-inner-circle-bg, #FBEAFF);opacity:var(--hiw-inner-opacity, .9)}.how-it-works__img{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + var(--hiw-img-offset, 0px)));width:var(--hiw-img-size-mobile, 120px);height:var(--hiw-img-size-mobile, 120px);object-fit:contain;border-radius:var(--hiw-img-radius, 0%);filter:var(--hiw-img-filter, none);display:block}.how-it-works__placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + var(--hiw-img-offset, 0px)));width:var(--hiw-img-size-mobile, 120px);height:var(--hiw-img-size-mobile, 120px);display:flex;align-items:center;justify-content:center;opacity:.3}.how-it-works__placeholder svg{width:100%;height:100%}.how-it-works__img--bare{position:static;transform:none;filter:var(--hiw-img-filter, none)}.how-it-works__placeholder--bare{position:static;transform:none}.how-it-works__step-label{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:.2em;margin-bottom:8px;line-height:1.3}.how-it-works__step-number{font-family:var(--heading-font-family);font-size:var(--hiw-number-size, 18px);font-weight:var(--hiw-number-weight, 700);color:var(--hiw-number-color, var(--hiw-text-color, currentColor));white-space:nowrap}.how-it-works__step-title{font-family:var(--heading-font-family);font-size:var(--hiw-title-size, 18px);font-weight:var(--hiw-title-weight, 700);color:var(--hiw-text-color, currentColor);line-height:1.3}.how-it-works__step-title p,.how-it-works__step-title h1,.how-it-works__step-title h2,.how-it-works__step-title h3,.how-it-works__step-title h4{margin:0;font-size:inherit;font-weight:inherit;color:inherit;display:inline}.how-it-works__step-desc{font-family:var(--body-font-family);font-size:var(--hiw-desc-size, 14px);font-weight:var(--hiw-desc-weight, 400);color:var(--hiw-desc-color, currentColor);line-height:1.65}.how-it-works__step-desc p{margin:0}.how-it-works__connector{flex:0 0 var(--hiw-connector-width, 80px);min-width:var(--hiw-connector-width, 80px);display:flex;align-items:center;justify-content:center;margin-top:calc(var(--hiw-circle-size-mobile, 150px) / 2 - 12px);opacity:var(--hiw-conn-opacity, .8);box-sizing:border-box}.how-it-works__connector svg{display:block;overflow:visible;width:100%;height:auto}.how-it-works__connector:not(.how-it-works__connector--chevron) svg{-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 28%,black 58%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 28%,black 58%)}.how-it-works__connector--chevron{flex:0 0 auto;min-width:auto}.how-it-works__connector--chevron svg{width:24px;height:40px}.how-it-works__dots{display:none;justify-content:center;align-items:center;gap:8px;margin-top:24px}.how-it-works__dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;cursor:pointer;background:#ccc;transition:background .25s ease,transform .25s ease;flex-shrink:0}.how-it-works__dot.is-active{background:currentColor;transform:scale(1.35)}@media(min-width:768px){.how-it-works-section{padding-top:var(--hiw-pt, 60px);padding-bottom:var(--hiw-pb, 60px)}.how-it-works__heading{font-size:var(--hiw-heading-size-desktop, 48px)}.how-it-works__subheading{font-size:var(--hiw-subheading-size-desktop, 18px)}.how-it-works__circles{width:var(--hiw-circle-size-desktop, 200px);height:var(--hiw-circle-size-desktop, 200px)}.how-it-works__inner-circle{width:var(--hiw-inner-size-desktop, 150px);height:var(--hiw-inner-size-desktop, 150px)}.how-it-works__img,.how-it-works__placeholder{width:var(--hiw-img-size-desktop, 160px);height:var(--hiw-img-size-desktop, 160px)}.how-it-works__connector{margin-top:calc(var(--hiw-circle-size-desktop, 200px) / 2 - 12px)}}@media(max-width:767px){.how-it-works__steps[data-mobile-layout=slider]{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;gap:0}.how-it-works__steps[data-mobile-layout=slider]::-webkit-scrollbar{display:none}.how-it-works__steps[data-mobile-layout=slider] .how-it-works__step{flex:0 0 100%;max-width:100%;scroll-snap-align:center;padding-left:16px;padding-right:16px}.how-it-works__steps[data-mobile-layout=slider] .how-it-works__connector{display:none}.how-it-works__dots{display:flex}.how-it-works__steps[data-mobile-layout=stacked]{flex-direction:column;align-items:center;flex-wrap:wrap;gap:32px}.how-it-works__steps[data-mobile-layout=stacked] .how-it-works__step{flex:0 0 auto;max-width:100%;width:100%}.how-it-works__steps[data-mobile-layout=stacked] .how-it-works__connector{display:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/how-it-works.css.map */