.how-to-use-steps{background-color:var(--how-to-use-steps-bg, #FFFFFF);padding-block:var(--how-to-use-steps-pt, 56px) var(--how-to-use-steps-pb, 56px);padding-inline:var(--how-to-use-steps-px, 24px)}.how-to-use-steps__inner{max-width:var(--how-to-use-steps-content-width, 1120px);margin-inline:auto;display:flex;flex-direction:column;gap:24px}.how-to-use-steps__heading{color:var(--how-to-use-steps-heading-color, #111111);font-family:var(--font-heading-family, "Inter", sans-serif);font-size:clamp(22px,6vw,var(--how-to-use-steps-heading-size, 28px));font-weight:var(--how-to-use-steps-heading-weight, 700);text-transform:var(--how-to-use-steps-heading-case, none);line-height:calc(var(--how-to-use-steps-heading-lh, 115) / 100);letter-spacing:calc(var(--how-to-use-steps-heading-ls, 0) * .05em);text-align:center;margin:0}.how-to-use-steps__sub{color:var(--how-to-use-steps-sub-color, #555555);font-family:var(--font-body-family, "Inter", sans-serif);font-size:var(--how-to-use-steps-sub-size, 15px);line-height:calc(var(--how-to-use-steps-sub-lh, 150) / 100);text-align:center;margin:0}.how-to-use-steps__list{counter-reset:how-to-use-steps;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--how-to-use-steps-cols-mobile, 1),1fr);gap:var(--how-to-use-steps-gap, 24px)}.how-to-use-steps__item{counter-increment:how-to-use-steps;position:relative;display:flex;flex-direction:column;gap:12px}.how-to-use-steps__item:before{content:counter(how-to-use-steps);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--how-to-use-steps-number-size, 32px);height:var(--how-to-use-steps-number-size, 32px);border-radius:50%;background-color:var(--how-to-use-steps-number-bg, #111111);color:var(--how-to-use-steps-number-color, #FFFFFF);font-family:var(--font-heading-family, "Inter", sans-serif);font-size:calc(var(--how-to-use-steps-number-size, 32px) * .45);font-weight:700;line-height:1}.how-to-use-steps__list--no-numbers{counter-reset:none}.how-to-use-steps__list--no-numbers .how-to-use-steps__item:before{display:none}.how-to-use-steps__list--connected .how-to-use-steps__item:after{content:"";position:absolute;left:calc(var(--how-to-use-steps-number-size, 32px) / 2);top:var(--how-to-use-steps-number-size, 32px);width:2px;height:calc(100% - var(--how-to-use-steps-number-size, 32px) + var(--how-to-use-steps-gap, 24px));background-color:var(--how-to-use-steps-connector-color, #E2E0DA);z-index:0}.how-to-use-steps__list--connected.how-to-use-steps__list--no-numbers .how-to-use-steps__item:after,.how-to-use-steps__list--connected .how-to-use-steps__item:last-child:after{display:none}.how-to-use-steps__media{position:relative;z-index:1}.how-to-use-steps__img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;border-radius:var(--how-to-use-steps-image-radius, 8px)}.how-to-use-steps__text{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px}.how-to-use-steps__tag{align-self:flex-start;background-color:var(--how-to-use-steps-tag-bg, #F0EEE8);color:var(--how-to-use-steps-tag-color, #111111);font-family:var(--font-heading-family, "Inter", sans-serif);font-size:var(--how-to-use-steps-tag-size, 11px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding-block:4px;padding-inline:8px;border-radius:4px}.how-to-use-steps__title{color:var(--how-to-use-steps-title-color, #111111);font-family:var(--font-heading-family, "Inter", sans-serif);font-size:var(--how-to-use-steps-title-size, 17px);font-weight:var(--how-to-use-steps-title-weight, 700);line-height:1.25;margin:0}.how-to-use-steps__instruction{color:var(--how-to-use-steps-instruction-color, #555555);font-family:var(--font-body-family, "Inter", sans-serif);font-size:var(--how-to-use-steps-instruction-size, 14px);line-height:calc(var(--how-to-use-steps-instruction-lh, 150) / 100);margin:0}@media(min-width:768px){.how-to-use-steps{padding-block:72px;padding-inline:40px}.how-to-use-steps__inner{gap:32px}.how-to-use-steps__list{grid-template-columns:repeat(var(--how-to-use-steps-cols-desktop, 3),1fr);align-items:start}.how-to-use-steps__list--connected .how-to-use-steps__item:after{left:calc(50% + var(--how-to-use-steps-number-size, 32px) / 2);top:calc(var(--how-to-use-steps-number-size, 32px) / 2);width:calc(100% - var(--how-to-use-steps-number-size, 32px) + var(--how-to-use-steps-gap, 24px));height:2px}}@media(min-width:1024px){.how-to-use-steps{padding-block:96px}}@media(prefers-reduced-motion:reduce){.how-to-use-steps,.how-to-use-steps *,.how-to-use-steps *:before,.how-to-use-steps *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-how_to_use_steps.css.map */