.how-it-works__grid{display:flex;flex-direction:column}.how-it-works__media{order:-1;position:relative;overflow:hidden;width:100%;height:var(--hiw-media-height-mobile)}.how-it-works__media-image{height:100%;width:100%}.how-it-works__media-image img{object-position:var(--hiw-image-position-mobile)}.how-it-works__text{background-color:var(--hiw-panel-bg);padding:32px 24px 40px;text-align:center}.how-it-works__kicker{font-family:var(--font-body-family);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--hiw-accent);margin:0 0 8px}.how-it-works__heading{font-family:var(--font-body-family);font-size:26px;font-weight:500;color:var(--hiw-heading);line-height:1.2;margin:0 0 8px}.how-it-works__subtitle{font-family:var(--font-body-family);font-size:14px;font-style:italic;color:var(--hiw-subtext);margin:0 0 28px}.how-it-works__steps{display:flex;flex-direction:row;justify-content:center;gap:12px;padding:0;margin:0;list-style:none}.how-it-works__step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.how-it-works__step-circle{width:44px;height:44px;border-radius:50%;background-color:var(--hiw-circle-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0 auto 8px;font-family:var(--font-body-family);font-size:17px;font-style:italic;color:var(--hiw-accent)}.how-it-works__step-title{margin:0 0 3px;font-family:var(--font-body-family);font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--hiw-heading)}.how-it-works__step-description{margin:0;font-family:var(--font-body-family);font-size:11.5px;color:var(--hiw-description)}@media screen and (min-width:768px){.how-it-works__grid{display:flex;flex-direction:row;align-items:stretch;min-height:var(--hiw-media-height-desktop)}.how-it-works--image-left .how-it-works__media{order:-1}.how-it-works--image-left .how-it-works__text{order:1}.how-it-works__media{order:1;flex:1 1 50%;height:auto}.how-it-works__media-image img{object-position:var(--hiw-image-position-desktop)}.how-it-works__text{flex:1 1 50%;display:flex;flex-direction:column;justify-content:center;padding:56px 88px 56px 140px;text-align:left}.how-it-works__kicker{font-size:12px}.how-it-works__heading{font-size:40px;line-height:1.15;margin-bottom:16px}.how-it-works__subtitle{font-size:17px;margin-bottom:44px}.how-it-works__steps{flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:90px}.how-it-works__step{flex:none}.how-it-works__step-circle{width:60px;height:60px;font-size:22px;margin:0 auto 10px}.how-it-works__step-title{font-size:15px;letter-spacing:2px;margin-bottom:4px}.how-it-works__step-description{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-how-it-works.css.map */