.how-custom{display:block;--how-custom-stage-h: 83.1rem;--how-custom-bg: #ffffff;--how-custom-text: #000000;--how-custom-muted: rgba(0, 0, 0, .25);--how-custom-inactive: .25;--how-custom-blue: #006fcf;--how-custom-pad-x: 2rem;--how-custom-gap: 2.4rem;--how-custom-intro-gap: .8rem;--how-custom-eyebrow-size: 1.2rem;--how-custom-eyebrow-line: 1.4rem;--how-custom-eyebrow-tracking: .2rem;--how-custom-heading-size: 3.6rem;--how-custom-heading-line: 3.2rem;--how-custom-heading-tracking: -.15rem;--how-custom-text-size: 1.4rem;--how-custom-text-line: 1.6rem;--how-custom-step-title-size: 1.6rem;--how-custom-step-body-size: 1.4rem;--how-custom-dot-size: 4rem;--how-custom-dot-font: 1.4rem;--how-custom-step-gap: 2rem;--how-custom-media-radius: 1.2rem;--how-custom-content-gap: 2.4rem;color:var(--how-custom-text);background:var(--how-custom-bg);overflow-x:clip}.how-custom,.how-custom h2,.how-custom h3,.how-custom p{color:var(--how-custom-text);font-family:var(--font-body-family)}.how-custom__pin{position:relative}.how-custom__pin:after{content:none}.how-custom__sticky{position:relative;display:flex;flex-direction:column;justify-content:flex-start;min-height:var(--how-custom-stage-h);padding:4.5rem var(--how-custom-pad-x) .4rem;box-sizing:border-box}.how-custom__layout{display:flex;flex-direction:column;gap:var(--how-custom-gap);width:100%;max-width:144rem;margin:0 auto}.how-custom__intro{display:flex;flex-direction:column;align-items:flex-start;gap:var(--how-custom-intro-gap);width:100%;text-align:left}.how-custom__eyebrow{margin:0;color:var(--how-custom-text);font-size:var(--how-custom-eyebrow-size);font-weight:400;letter-spacing:var(--how-custom-eyebrow-tracking);line-height:var(--how-custom-eyebrow-line);text-transform:uppercase}.how-custom__heading{margin:0;max-width:36rem;font-size:var(--how-custom-heading-size);font-weight:400;letter-spacing:var(--how-custom-heading-tracking);line-height:var(--how-custom-heading-line);text-wrap:balance}.how-custom__text{margin:0;max-width:36rem;font-size:var(--how-custom-text-size);font-weight:400;line-height:var(--how-custom-text-line)}.how-custom__media{width:100%;overflow:hidden;border-radius:var(--how-custom-media-radius);background:#f5f5f5;line-height:0}.how-custom__image{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.how-custom__placeholder{display:flex;align-items:center;justify-content:center;width:100%;min-height:24rem;background:#f5f5f5;color:#00000059}.how-custom__placeholder .placeholder-svg{width:100%;height:auto;max-height:28rem}.how-custom__steps{display:flex;flex-direction:column;gap:var(--how-custom-step-gap);width:100%;margin:0;padding:0;list-style:none}.how-custom__step{display:grid;grid-template-columns:var(--how-custom-dot-size) minmax(0,1fr);gap:1.2rem;align-items:start;opacity:var(--how-custom-inactive);transition:opacity .3s ease}.how-custom__step.is-active{opacity:1}.how-custom__dot{display:flex;align-items:center;justify-content:center;width:var(--how-custom-dot-size);height:var(--how-custom-dot-size);border:.1rem solid var(--how-custom-muted);border-radius:999px;background:transparent;color:var(--how-custom-text);font-size:var(--how-custom-dot-font);font-weight:500;line-height:1;transition:border-color .25s ease}.how-custom__step.is-active .how-custom__dot{border-color:#000}.how-custom__step-copy{display:flex;flex-direction:column;gap:.6rem;min-width:0;padding-top:calc((var(--how-custom-dot-size) - 1.2em) / 2)}.how-custom__step-title{margin:0;font-size:var(--how-custom-step-title-size);font-weight:700;line-height:1.2}.how-custom__step-text{display:none;margin:0;max-height:0;overflow:hidden;font-size:var(--how-custom-step-body-size);font-weight:400;line-height:1.4;opacity:.7}.how-custom__step.is-active .how-custom__step-text{display:block;max-height:none;overflow:visible}.how-custom.is-static .how-custom__pin{height:auto;min-height:0}.how-custom.is-static .how-custom__pin:after{content:none}.how-custom.is-static .how-custom__sticky{position:relative;min-height:0}@media screen and (min-width:750px){.how-custom{--how-custom-pad-x: 4rem;--how-custom-eyebrow-size: 1.4rem;--how-custom-heading-size: 5.6rem;--how-custom-heading-line: 5.2rem;--how-custom-text-size: 1.6rem;--how-custom-text-line: 2rem;--how-custom-step-title-size: 1.8rem;--how-custom-step-body-size: 1.6rem;--how-custom-dot-size: 6.1rem;--how-custom-dot-font: 2rem;--how-custom-step-gap: 2rem}.how-custom__heading,.how-custom__text{max-width:48rem}.how-custom__image{aspect-ratio:610 / 639}.how-custom__pin:after{content:"";display:block;height:calc((var(--how-custom-steps, 4) - 1) * 250px)}.how-custom__sticky{position:sticky;top:0}.how-custom.is-static .how-custom__pin:after{content:none}.how-custom.is-static .how-custom__sticky{position:relative}}@media screen and (min-width:990px){.how-custom{--how-custom-stage-h: 75.7rem;--how-custom-heading-size: 7.2rem;--how-custom-heading-line: 6rem;--how-custom-gap: 4.2rem;--how-custom-content-gap: 3.9rem}.how-custom__sticky{justify-content:flex-start;padding:5.9rem 10rem}.how-custom__layout{display:grid;grid-template-columns:minmax(0,61rem) minmax(0,54.8rem);grid-template-rows:auto auto;grid-template-areas:"media intro" "media steps";column-gap:var(--how-custom-gap);row-gap:var(--how-custom-content-gap);justify-content:center;align-content:start;align-items:start}.how-custom__media{grid-area:media;align-self:center}.how-custom__intro{grid-area:intro;margin-top:3rem}.how-custom__steps{grid-area:steps}.how-custom__heading,.how-custom__text{max-width:52rem}}@media(prefers-reduced-motion:reduce){.how-custom__step,.how-custom__dot{transition:none}}@media screen and (max-width:749px){.how-custom{--how-custom-pad-x: 1rem;--how-custom-intro-gap: 1.5rem;--how-custom-eyebrow-tracking: .5rem;--how-custom-eyebrow-line: 1.6rem;--how-custom-media-radius: 2.5rem;--how-custom-gap: 1.5rem;--how-custom-step-gap: 1rem}.how-custom__intro{align-items:center;text-align:center}.how-custom__heading{max-width:29.8rem}.how-custom__text{max-width:23rem}.how-custom__image{aspect-ratio:323 / 339;max-height:none}.how-custom__step[role=button]{cursor:pointer}.how-custom__step[role=button]:focus-visible{outline:.2rem solid var(--how-custom-blue);outline-offset:.4rem;border-radius:.4rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-how-custom-works.css.map */