.how-to__intro{display:flex;flex-direction:column;gap:var(--space-2xs)}.how-to__controls{display:flex;align-items:center;gap:var(--space-md)}.how-to__counter{font-size:var(--text-sm);color:var(--scheme-muted, var(--color-muted));font-variant-numeric:tabular-nums}.how-to__viewport{display:block}.how-to__scroller{grid-auto-columns:var(--step-width-mobile, 76%)}.how-to__grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.how-to-step{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.how-to-step__media{position:relative;overflow:hidden;border-radius:var(--radius-card);background-color:var(--scheme-surface, var(--color-surface))}.how-to-step__image{inline-size:100%;block-size:100%;object-fit:cover}.how-to-step__number{position:absolute;z-index:var(--z-base);inset-block-start:var(--space-2xs);inset-inline-start:var(--space-2xs);display:grid;place-items:center;inline-size:34px;block-size:34px;border-radius:999px;background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-heading--family);font-size:var(--text-sm);font-weight:var(--font-heading--weight);line-height:1}.how-to-step__body{display:flex;flex-direction:column;gap:var(--space-3xs)}.how-to-step__label{font-family:var(--font-display--family);font-size:var(--text-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent)}.how-to-step__title{font-family:var(--font-heading--family);font-size:var(--text-lg);font-weight:var(--font-heading--weight);letter-spacing:var(--heading-tracking);line-height:var(--leading-snug)}.how-to-step__text{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--scheme-muted, var(--color-muted))}@media screen and (min-width:750px){.how-to__scroller{grid-auto-columns:var(--step-width, 30%)}.how-to__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg) var(--space-md)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/how-to-steps.css.map */