.hm{padding:var(--hm-padding-top) var(--hm-padding-inline) var(--hm-padding-bottom);background-color:var(--hm-bg);color:var(--hm-text)}.hm__inner{max-width:var(--hm-max-width);margin:0 auto}.hm__head{display:flex;flex-direction:column;gap:var(--hm-head-gap);align-items:center;margin-bottom:var(--hm-head-margin);text-align:center}.hm__heading{max-width:var(--hm-heading-width);margin:0;color:var(--hm-heading-color);font-family:var(--font-display-family);font-size:var(--hm-heading-size);font-weight:700;line-height:var(--hm-heading-line-height);letter-spacing:-.1rem;text-transform:uppercase}.hm__subheading{max-width:var(--hm-subheading-width);margin:0;color:var(--hm-text);font-family:var(--font-brand-family);font-size:var(--hm-subheading-size);font-weight:400;line-height:2.4rem;letter-spacing:-.05rem}.hm__body{position:relative}.hm__card{position:relative;padding:var(--hm-card-padding-top) var(--hm-card-padding-inline) var(--hm-card-padding-bottom);border-radius:var(--hm-border-radius);box-shadow:inset 0 0 0 var(--hm-border-width) var(--hm-border-color)}.hm__steps{display:flex;flex-direction:column;gap:var(--hm-step-gap);margin:0;padding:0;list-style:none}.hm__step{display:flex;gap:var(--hm-step-inner-gap);align-items:center}.hm__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--hm-icon-size);height:var(--hm-icon-size);color:var(--hm-icon-color)}.hm__icon svg,.hm__icon img{display:block;width:100%;height:100%;object-fit:contain}.hm__text{display:flex;flex-direction:column;gap:.8rem;min-width:0}.hm__step-title{margin:0;color:var(--hm-text);font-family:var(--font-display-family);font-size:var(--hm-step-title-size);font-weight:700;line-height:var(--hm-step-title-size);letter-spacing:-.1rem;text-transform:uppercase}.hm__step-body{margin:0;font-family:var(--font-brand-family);font-size:var(--hm-step-body-size);font-weight:400;line-height:var(--hm-step-body-line-height);letter-spacing:-.05rem}.hm__mascot{display:block;width:var(--hm-mascot-width);margin-top:var(--hm-mascot-overlap);transform:translate(var(--hm-mascot-shift))}.hm__mascot img{display:block;width:100%;height:auto}.hm__notch{position:absolute;background-color:var(--hm-bg);pointer-events:none}.hm__notch{bottom:-.3rem;left:var(--hm-break-offset);width:var(--hm-break-length);height:calc(var(--hm-border-width) + .6rem)}.hm__steps{position:relative;z-index:1}.hm__notch{z-index:2}.hm__mascot{position:relative;z-index:3}@media screen and (min-width:990px){.hm__body{padding-left:var(--hm-card-offset);padding-bottom:var(--hm-mascot-overhang)}.hm__steps{flex-direction:row;justify-content:space-between;gap:var(--hm-step-gap)}.hm__step{flex-direction:column;gap:var(--hm-step-inner-gap);justify-content:center;width:var(--hm-step-width);text-align:center}.hm__text{align-items:center;width:100%}.hm__mascot{position:absolute;top:var(--hm-mascot-top);left:0;margin-top:0;transform:none}.hm__notch{top:var(--hm-break-offset);bottom:auto;left:-.3rem;width:calc(var(--hm-border-width) + .6rem);height:var(--hm-break-length)}}@media screen and (max-width:989px){.hm__step:not(:last-child){padding-bottom:calc(var(--hm-step-divider-gap) - var(--hm-border-width));border-bottom:var(--hm-border-width) solid var(--hm-border-color)}.hm__mascot{margin-right:auto;margin-left:auto}}
/*# sourceMappingURL=/cdn/shop/t/168/assets/section-how-its-made.css.map */