.how-it-works{font-family:Barlow,sans-serif;font-weight:400;color:var(--hiw-text, #0f0f0f)}.how-it-works__inner{padding-left:20px;padding-right:20px}@media screen and (min-width:768px){.how-it-works__inner{padding-left:50px;padding-right:50px}}.how-it-works__header{max-width:50rem;margin:0 auto clamp(2rem,5vw,3rem);text-align:center}.how-it-works__eyebrow{font-size:16px;text-transform:uppercase;margin:0 0 .75rem;color:#282e5e}.how-it-works__heading{font-size:36px;font-weight:600;line-height:1.05;letter-spacing:.02em;text-transform:uppercase;margin:0 0 1rem;color:#1a1a1a}.how-it-works__subheading{font-size:18px;line-height:28px;margin:0 auto;color:#47423e}.how-it-works__stack{display:grid;gap:1.5rem;grid-template-columns:1fr;grid-template-areas:"media" "steps";align-items:start}.how-it-works__media-slot{grid-area:media;border-radius:var(--hiw-media-radius, 16px);overflow:hidden;background:var(--hiw-media-bg, #faf8f4)}.how-it-works__media{display:none;width:100%}.how-it-works__media.is-active{display:block}.how-it-works__media img{display:block;width:100%;object-fit:cover}.how-it-works__steps{grid-area:steps;display:flex;flex-direction:column}.how-it-works__step{display:flex;align-items:flex-start;gap:1rem;width:100%;margin:0;padding:2rem 0 1.25rem;border:none;border-bottom:1px solid var(--hiw-divider, rgba(15, 15, 15, .2));border-radius:0;background:transparent;text-align:left;cursor:pointer;transition:opacity .2s ease}.how-it-works__step:hover{opacity:.85}.how-it-works__step.is-active{opacity:1}.how-it-works__step-icon{flex-shrink:0;width:var(--hiw-icon-size, 4.5rem);height:var(--hiw-icon-size, 4.5rem);border-radius:50%;overflow:hidden;background:var(--hiw-icon-bg, #fdced4);display:flex;align-items:center;justify-content:center}.how-it-works__step-icon img{object-fit:contain;display:block}.how-it-works__step-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.7rem;padding-top:.15rem}.how-it-works__step-title{line-height:1.15;text-transform:uppercase}.how-it-works__step.is-active .how-it-works__step-title{color:#1a1a1a}.how-it-works__step:first-child .how-it-works__step-title{text-transform:none}.how-it-works__step-text{font-size:17px;line-height:24px;color:#47423e;margin:0;max-width:40rem}@media screen and (min-width:768px){.how-it-works__stack{grid-template-columns:1fr 1fr;grid-template-areas:"steps media";gap:var(--hiw-column-gap, 3rem)}.how-it-works__media-slot{position:sticky;top:1rem}.how-it-works__step-title{font-size:24px}.how-it-works__step-icon{width:var(--hiw-icon-size, 5.5rem);height:var(--hiw-icon-size, 5.5rem)}}.how-it-works__header{margin-bottom:5rem}.how-it-works__step-title{font-weight:500}@media screen and (max-width:767px){.how-it-works__eyebrow{font-size:14px}.how-it-works__heading{font-size:28px;line-height:32px}.how-it-works__subheading{font-size:16px;line-height:24px}.how-it-works__step-title{font-size:20px}.how-it-works__step-text{font-size:15px;line-height:22px}.how-it-works__step-icon{width:5rem;height:5rem}.how-it-works__header{margin-bottom:2.5rem}.how-it-works__step-content{gap:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/229/assets/component-how-it-works.css.map */