@layer components{.steps{--color-steps-line: #cfcfcf}.steps__list{display:grid;grid-template-columns:repeat(var(--steps-n, 5),minmax(0,1fr));grid-template-rows:auto auto auto;column-gap:var(--spacing-1);margin:0;padding:0;list-style:none}.step{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}.step__head{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:28px}.step__n{flex:none;display:grid;place-items:center;width:var(--spacing-10);height:var(--spacing-10);border-radius:var(--radius-full);background:var(--color-graphite);color:var(--color-white);font-stretch:var(--font-stretch-mega);font-weight:700;font-size:var(--text-control);line-height:var(--text-control--line-height)}.step--last .step__n{background:var(--color-green);color:var(--color-ink)}.step__line{flex:1 1 auto;height:1px;background:var(--color-steps-line)}.step__t{margin-bottom:10px;padding-right:var(--spacing-6);color:var(--color-ink)}.step__d{padding-right:var(--spacing-6)}@media not (min-width:1200px){.steps__list{grid-template-columns:minmax(0,1fr);grid-template-rows:none}.step{grid-row:auto;grid-template-rows:auto 1fr;grid-template-columns:var(--spacing-10) minmax(0,1fr);column-gap:var(--spacing-4)}.step__head{grid-row:1 / span 2;grid-column:1;flex-direction:column;gap:6px;margin-bottom:0;padding-bottom:6px}.step__line{width:1px;height:auto}.step__t{grid-column:2;max-width:560px;margin-bottom:var(--spacing-2);padding:7px 0 0}.step__d{grid-column:2;max-width:560px;padding:0 0 28px}.step--last .step__head,.step--last .step__d{padding-bottom:0}}@media not (min-width:768px){.step{grid-template-columns:36px minmax(0,1fr)}.step__n{width:36px;height:36px}.step__t{padding-top:6px}}}