.how-it-works-banner{background:var(--hiwb-bg, #f7f7f7);border-radius:var(--hiwb-radius, 12px)}.how-it-works-banner__inner{display:flex;flex-direction:column;justify-content:center;gap:2.4rem;padding:0 2.4rem;min-height:var(--hiwb-min-height-mobile, 0px)}@media screen and (min-width:750px){.how-it-works-banner__inner{flex-direction:row;align-items:center;gap:2rem;padding:0 4rem;min-height:var(--hiwb-min-height-desktop, 0px)}}.how-it-works-banner__heading{font-size:var(--hiwb-heading-size-mobile, 2.4rem);color:var(--hiwb-heading-color, #121212);margin:0}.how-it-works-banner__heading--center{text-align:center}@media screen and (min-width:750px){.how-it-works-banner__heading{font-size:var(--hiwb-heading-size-desktop, 2.8rem);flex:0 0 var(--hiwb-heading-width-desktop, 18%);max-width:var(--hiwb-heading-width-desktop, 18%)}.how-it-works-banner__heading--center{text-align:left}}.how-it-works-banner__steps{display:flex;flex-direction:column;gap:var(--hiwb-step-gap-mobile, 2.4rem)}@media screen and (min-width:750px){.how-it-works-banner__steps{flex:1;flex-direction:row;justify-content:space-between;gap:var(--hiwb-step-gap-desktop, 3.2rem)}}.how-it-works-banner__step{display:flex;align-items:center;gap:var(--hiwb-image-gap, 1.6rem);flex:1;min-width:0}.how-it-works-banner__step-image{flex-shrink:0;width:var(--hiwb-image-size-mobile, 5.6rem);height:var(--hiwb-image-size-mobile, 5.6rem);border-radius:50%;overflow:hidden;border:var(--hiwb-image-border-width, 0px) solid var(--hiwb-image-border-color, #fff);box-sizing:content-box}@media screen and (min-width:750px){.how-it-works-banner__step-image{width:var(--hiwb-image-size-desktop, 7.2rem);height:var(--hiwb-image-size-desktop, 7.2rem)}}.how-it-works-banner__step-image img,.how-it-works-banner__placeholder{width:100%;height:100%;object-fit:cover;display:block}.how-it-works-banner__step-content{min-width:0;display:flex;flex-direction:column;gap:var(--hiwb-content-gap-mobile, .3rem)}@media screen and (min-width:750px){.how-it-works-banner__step-content{gap:var(--hiwb-content-gap-desktop, .3rem)}}.how-it-works-banner__title{font-size:var(--hiwb-title-size-mobile, 1.5rem);color:var(--hiwb-title-color, #121212);margin:0;overflow-wrap:anywhere}@media screen and (min-width:750px){.how-it-works-banner__title{font-size:var(--hiwb-title-size-desktop, 1.6rem)}}.how-it-works-banner__text{font-size:var(--hiwb-text-size-mobile, 1.3rem);color:var(--hiwb-text-color, #555);line-height:1.3;margin:0;overflow-wrap:anywhere}@media screen and (min-width:750px){.how-it-works-banner__text{font-size:var(--hiwb-text-size-desktop, 1.3rem)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-how-it-works-banner.css.map */