.ootb-how__inner{max-width:92rem;margin:0 auto;padding-left:2rem;padding-right:2rem}.ootb-how__intro{max-width:56rem;margin:0 auto 2rem;text-align:center}.ootb-how__label{font-family:var(--font-body-family);font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--color-foreground),.55);margin:0 0 .8rem}.ootb-how__heading{font-family:var(--font-heading-family);font-size:3.4rem;line-height:1.1;margin:0 0 1.2rem}.ootb-how__subtitle{font-family:var(--font-body-family);font-size:1.6rem;line-height:1.6;color:rgba(var(--color-foreground),.7);margin:0}.ootb-how__lottie{width:100%;max-width:320px;aspect-ratio:1 / 1;margin:0 auto 1rem}.ootb-how__lottie svg{display:block}@media screen and (max-width:600px){.ootb-how__lottie{max-width:240px}}.ootb-how__steps{list-style:none;margin:0 auto;padding:0;max-width:76rem;display:flex;flex-direction:column;gap:1.6rem}.ootb-how__step{display:flex;align-items:flex-start;gap:1.8rem;padding:2rem 2.2rem;border-radius:1.4rem;background:rgba(var(--color-foreground),.025);border:1px solid rgba(var(--color-foreground),.08);opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease,box-shadow .3s ease,border-color .3s ease;will-change:transform}.ootb-how__step.is-visible{opacity:1;transform:translateY(0)}.ootb-how__step:hover{box-shadow:0 22px 44px -20px #00000038;border-color:rgba(var(--color-foreground),.18)}.ootb-how__step-num{font-family:var(--font-heading-family);font-size:2.2rem;font-weight:700;color:rgba(var(--color-foreground),.16);min-width:4rem;line-height:1;flex-shrink:0}.ootb-how__step-icon{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;background:#121212;color:#fff;flex-shrink:0}.ootb-how__step-icon svg{width:2rem;height:2rem}.ootb-how__step-body h3{font-family:var(--font-heading-family);font-size:1.9rem;margin:0 0 .4rem}.ootb-how__step-body p{font-family:var(--font-body-family);font-size:1.4rem;line-height:1.6;color:rgba(var(--color-foreground),.7);margin:0}@media screen and (max-width:600px){.ootb-how__heading{font-size:2.6rem}.ootb-how__step{flex-wrap:wrap}}.ootb-how__cta{text-align:center;margin-top:4.4rem}@media(prefers-reduced-motion:reduce){.ootb-how__step{transition:opacity .3s ease}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/how-it-works.css.map */