.steps__list{gap:var(--space-2) var(--gutter);margin:0;padding:0;list-style:none;display:grid}@media (width>=600px){.steps__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.steps__list:not([data-count="4"]){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1100px){.steps__list[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}.step{column-gap:var(--space-3);padding-block:var(--space-4) var(--space-3);border-top:1px solid var(--color-border);grid-template-columns:max-content minmax(0,1fr);align-content:start;display:grid}.step__icon{width:2rem;height:2rem;margin-bottom:var(--space-3);color:var(--color-brand-ink);grid-column:1/-1;display:block}.step__title{grid-column:1/-1;grid-template-columns:subgrid;margin:0 0 var(--space-2);font-size:var(--step-1);align-items:baseline;display:grid}.step__number{color:var(--color-brand-ink);font-size:var(--step-2);font-variant-numeric:tabular-nums;line-height:1}.step__text{max-width:var(--measure);grid-column:2;margin:0}.steps__note{gap:var(--space-3);max-width:var(--measure);margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);border-radius:var(--photo-radius);background:var(--color-surface-alt);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.steps__note-icon{width:1.5rem;height:1.5rem;color:var(--color-brand-ink)}