.how-it-works{position:relative}.how-it-works__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--color-background);pointer-events:none}.how-it-works__container{position:relative;z-index:1;padding-block-start:0;padding-block-end:clamp(32px,18.67px + 3.704vw,72px)}.how-it-works__layout{display:flex;flex-direction:column}.how-it-works__media{overflow:hidden;aspect-ratio:4 / 3;background:color-mix(in srgb,var(--color-foreground) 8%,transparent);margin-inline:calc(-1 * var(--oc-margin-mobile));margin-block-end:clamp(24px,16px + 2.222vw,48px)}.how-it-works__image{display:block;width:100%;height:100%;object-fit:cover}.how-it-works__content{display:flex;flex-direction:column;gap:clamp(24px,16px + 2.222vw,48px)}.how-it-works__heading{margin:0;font-family:var(--font-heading--family);font-size:clamp(35px,28.33px + 1.852vw,55px);line-height:1.2;text-align:center;color:var(--color-foreground)}.how-it-works__steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:32px;counter-reset:how-it-works-step}.instruction-step{display:flex;flex-direction:column;gap:clamp(8px,5.33px + .741vw,16px);counter-increment:how-it-works-step;color:var(--color-foreground)}.how-it-works__steps>*:not(:first-child){padding-block-start:32px;border-block-start:1px solid rgb(var(--color-foreground-rgb) / .2)}.instruction-step__title{margin:0;font-family:var(--font-heading--family);font-size:clamp(24px,22.67px + .37vw,28px);line-height:1.2}.instruction-step__title:before{content:counter(how-it-works-step) ". "}.instruction-step__description{font-family:var(--font-body--family);font-size:clamp(16px,15.33px + .185vw,18px);line-height:1.5;color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text, .7))}.instruction-step__description>:where(p,ul,ol){margin:0}.instruction-step__description>*+*{margin-block-start:.5em}.instruction-step__description a{color:inherit;text-decoration:underline}@media(min-width:750px){.how-it-works__container{padding-block-start:clamp(32px,18.67px + 3.704vw,72px)}.how-it-works__layout{flex-direction:row;align-items:stretch;gap:clamp(32px,-11.48px + 5.797vw,72px)}.how-it-works__media{flex:1 1 0;margin-inline:0;margin-block-end:0;aspect-ratio:auto;border-radius:16px}.how-it-works__content{flex:1 1 0;justify-content:center;padding-block:clamp(24px,-2.09px + 3.478vw,48px);padding-inline-end:clamp(0px,-52.17px + 6.957vw,48px)}.how-it-works__heading{text-align:start;line-height:1.1}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/section-pdp-how-it-works.css.map */