.steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-block)}.steps__item{display:flex;align-items:stretch;gap:var(--spacing-lg);position:relative}.steps__marker{flex:none;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.steps__number{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-pill);background:var(--color-surface-raised);border:1.5px solid var(--color-teal-outline);color:var(--color-teal-dark);font-size:var(--fs-body);font-weight:var(--font-weight-bold);line-height:1;box-shadow:var(--shadow-step-marker)}.steps__item--active .steps__number{background:var(--color-teal-dark);border-color:var(--color-teal-dark);color:var(--color-text-on-dark);box-shadow:var(--shadow-step-marker-active)}.steps__icon{font-size:20px;line-height:1;display:none}@media(min-width:750px){.steps__icon{display:block}}.steps__title{font-family:var(--font-family-body);font-size:var(--fs-body-lg);font-weight:var(--font-weight-heading);color:var(--color-text-strong);letter-spacing:-.02em;margin:0 0 var(--spacing-xs)}.steps__text{font-size:var(--fs-body);color:var(--color-ink-mid);line-height:var(--line-height-relaxed);margin:0;text-wrap:pretty}.steps__meta{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);white-space:normal;max-width:100%;font-size:var(--fs-2xs);font-weight:var(--font-weight-heading);color:var(--color-success-text-strong);background:var(--color-success-surface);border:1px solid var(--color-success-border);border-radius:var(--radius-pill)}.steps__item:not(:last-child):after{content:"";position:absolute;left:16px;top:42px;bottom:calc(-1 * var(--space-block));width:1.5px;background:linear-gradient(180deg,var(--color-teal-line-strong),var(--color-teal-line-soft));border-radius:var(--radius-pill)}@media(min-width:750px){.steps--row{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--spacing-xl)}.steps--row .steps__item{flex-direction:column;align-items:flex-start;padding-bottom:0;gap:var(--spacing-md)}.steps--row .steps__marker{flex-direction:row;align-items:center;gap:var(--spacing-sm)}.steps--row .steps__item:not(:last-child):after{left:42px;right:calc(-1 * var(--spacing-xl));top:16px;bottom:auto;width:auto;height:1.5px;background:linear-gradient(90deg,var(--color-teal-line-strong),var(--color-teal-line-soft))}.steps--row .steps__title{margin-top:var(--spacing-xs)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-steps.css.map */