.steps{display:grid;gap:calc(var(--ud-spacing) * 6);counter-reset:step;list-style:none;padding:0}.steps>li{counter-increment:step;position:relative}.steps>li:before{content:counter(step);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--ud-font-weight-bold);font-variant-numeric:tabular-nums;color:var(--ud-color-accent-strong);border-radius:9999px}.step-title{font-size:var(--ud-text-xl);line-height:var(--ud-text-xl--line-height);letter-spacing:var(--ud-text-xl--letter-spacing)}.steps p{margin-top:calc(var(--ud-spacing) * 1.5);color:var(--ud-color-ink-muted)}.steps-row>li:before{width:calc(var(--ud-spacing) * 10);height:calc(var(--ud-spacing) * 10);margin-bottom:calc(var(--ud-spacing) * 4);border:2px solid var(--ud-color-accent)}@media(min-width:48rem){.steps-row{grid-template-columns:repeat(var(--steps, 3),minmax(0,1fr));gap:calc(var(--ud-spacing) * 8)}.steps-row.is-connected>li:not(:last-child):after{content:"";position:absolute;top:calc(var(--ud-spacing) * 5);left:calc(var(--ud-spacing) * 13);right:calc(var(--ud-spacing) * -5);border-top:2px solid var(--ud-color-rule)}}.steps-column{gap:calc(var(--ud-spacing) * 5)}.steps-column>li{display:grid;grid-template-columns:auto 1fr;gap:0 calc(var(--ud-spacing) * 4);align-content:start}.steps-column>li:before{grid-row:span 2;width:calc(var(--ud-spacing) * 9);height:calc(var(--ud-spacing) * 9);background:var(--ud-color-accent-soft)}.steps-column .step-title{padding-top:calc(var(--ud-spacing) * 1)}.steps-column p{margin-top:calc(var(--ud-spacing) * 1)}