.how-to__list{display:grid;grid-template-columns:repeat(var(--how-to-columns-m, 1),minmax(0,1fr));gap:var(--space-xl);margin:0;padding:0;list-style:none}@media(min-width:48rem){.how-to__list{grid-template-columns:repeat(var(--how-to-columns-t, 2),minmax(0,1fr))}}@media(min-width:64rem){.how-to__list{grid-template-columns:repeat(var(--how-to-columns, 3),minmax(0,1fr))}}.how-to__item{display:flex;flex-direction:column;gap:var(--space-md)}.how-to--heading-size .section__header h2{font-size:calc(var(--how-to-heading-size) * var(--heading-scale))}.how-to.blocks-align-center .section__header{margin-inline:auto}.how-to.blocks-align-end .section__header{margin-inline-start:auto}.how-to--card .how-to__item{padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.section--alt.how-to--card .how-to__item{border-color:var(--color-border)}.blocks-bg-tint.how-to--card .how-to__item,.blocks-bg-dark.how-to--card .how-to__item{background:color-mix(in srgb,var(--color-text) 6%,transparent);border-color:var(--color-border)}.how-to__image{inline-size:100%;block-size:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius)}.how-to--image-square .how-to__image{aspect-ratio:1 / 1}.how-to--image-portrait .how-to__image{aspect-ratio:4 / 5}.how-to--image-wide .how-to__image{aspect-ratio:16 / 9}.how-to__body{display:flex;flex-direction:column;gap:var(--space-xs)}.how-to__number{display:grid;place-items:center;inline-size:2.5rem;block-size:2.5rem;margin:0;font-family:var(--font-heading);font-size:var(--text-md);font-weight:700;line-height:1;color:var(--color-primary-900);background:var(--color-primary-50);border-radius:50%}.how-to--icon-sm .how-to__number{inline-size:1.75rem;block-size:1.75rem;font-size:var(--text-sm)}.how-to--icon-lg .how-to__number{inline-size:3.5rem;block-size:3.5rem;font-size:var(--text-xl)}.how-to__title{margin:0;font-size:var(--text-md)}.how-to__text{color:var(--color-text-body)}.how-to__tip{margin:0;padding-inline-start:var(--space-md);font-size:var(--text-sm);color:var(--color-text-muted);border-inline-start:3px solid var(--color-primary)}.how-to__tip-label{font-weight:700;color:var(--color-text)}.how-to__actions{margin-block-start:var(--space-xl)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/how-to-steps.css.map */