.steps__list{position:relative;display:grid;gap:var(--space-5);margin:0;padding:0;list-style:none}.steps__item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-4);align-items:start}.steps__image{grid-column:1 / -1;margin-block-end:var(--space-3)}.steps__item:not(:last-child):before{content:"";position:absolute;inset-block:48px calc(var(--space-5) * -1);inset-inline-start:23px;inline-size:0;border-inline-start:2px solid var(--color-tint-border)}.steps__list--images .steps__item:not(:last-child):before{display:none}.steps__marker{position:relative;z-index:1;justify-self:start;inline-size:max-content}.steps__badge{display:grid;place-items:center;inline-size:48px;block-size:48px;border-radius:var(--radius-icon);background:var(--color-tint);color:var(--color-link-on-tint);font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:var(--fs-h5)}.steps__badge .icon{inline-size:22px;block-size:22px}.steps__num{position:absolute;inset-block-start:-6px;inset-inline-end:-6px;display:grid;place-items:center;min-inline-size:20px;block-size:20px;padding-inline:4px;border-radius:var(--radius-badge);background:var(--color-mark);color:var(--color-on-mark);font-size:.6875rem;font-weight:var(--font-body-weight-bold)}.steps__body{display:grid;gap:2px;padding-block-start:2px}.steps__number{color:var(--color-link)}.steps__title{color:var(--color-heading);font-family:var(--font-heading);font-size:var(--fs-h6);font-weight:var(--font-heading-weight);letter-spacing:var(--heading-tracking);line-height:1.25}.steps__text{color:var(--color-fg);font-size:var(--fs-sm);line-height:1.45}@media(min-width:750px){.steps__list{grid-template-columns:repeat(var(--count, 4),minmax(0,1fr));gap:var(--space-5)}.steps__item{grid-template-columns:1fr;row-gap:var(--space-3)}.steps__item:not(:last-child):before{inset-block:24px auto;inset-inline:60px calc(var(--space-5) * -1 + 8px);inline-size:auto;block-size:0;border-inline-start:0;border-block-start:2px solid var(--color-tint-border)}.steps__list--images .steps__item:not(:last-child):before{display:none}}.steps__footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-block-start:var(--space-6)}.steps__note{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-card);background:var(--color-tint);color:var(--color-heading);font-size:var(--fs-sm);font-weight:var(--font-body-weight-bold)}.steps__note .icon{color:var(--color-link-on-tint)}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-steps.css.map */
