.ra-step-guide{gap:var(--space-4);counter-reset:ra-step-guide;margin:0;padding:0;list-style:none;display:grid}.ra-step-guide__item{counter-increment:ra-step-guide;min-height:32px;padding-left:44px;position:relative}.ra-step-guide__item:before{content:counter(ra-step-guide);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-primary) 14%, transparent);width:32px;height:32px;color:var(--color-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;place-items:center;font-weight:700;display:grid;position:absolute;top:0;left:0}.ra-step-guide__content,.ra-step-guide__heading{min-width:0}.ra-step-guide__title{color:var(--color-text);font-size:var(--text-base);line-height:1.4}.ra-step-guide__title-end{white-space:nowrap}.ra-step-guide__visible-state{margin-left:var(--space-1);padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-xs);vertical-align:middle;white-space:nowrap;font-weight:700;line-height:1.6;display:inline-flex}.ra-step-guide__body{margin-top:var(--space-1);max-width:62ch;color:var(--color-text-secondary);font-size:var(--text-sm);overflow-wrap:break-word;line-height:1.6}.ra-step-guide__body>:first-child{margin-top:0}.ra-step-guide__body>:last-child{margin-bottom:0}.ra-step-guide__action{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.ra-step-guide__action>*{max-width:100%}.ra-step-guide__action>a:not(.ra-button){min-height:32px;color:var(--color-accent);font-size:var(--text-sm);text-underline-offset:3px;align-items:center;font-weight:600;line-height:1.5;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.ra-step-guide__action>a:not(.ra-button):hover{color:var(--color-primary)}.ra-step-guide__action>a:not(.ra-button):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.ra-step-guide[data-stepper]{gap:var(--space-3)}.ra-step-guide[data-stepper] .ra-step-guide__item{min-height:32px}.ra-step-guide[data-stepper] .ra-step-guide__item:before{content:none}.ra-step-guide__state{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-2);width:32px;height:32px;color:var(--color-text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;place-items:center;font-weight:700;display:grid;position:absolute;top:0;left:0}.ra-step-guide[data-stepper] .ra-step-guide__item[data-state=done] .ra-step-guide__state{border-color:color-mix(in srgb, var(--color-success) 45%, var(--color-border));background:color-mix(in srgb, var(--color-success) 14%, var(--color-surface-2));color:var(--color-success)}.ra-step-guide[data-stepper] .ra-step-guide__item[data-state=current] .ra-step-guide__state{border-color:color-mix(in srgb, var(--color-primary) 55%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 16%, var(--color-surface-2));color:var(--color-primary)}.ra-step-guide[data-stepper] .ra-step-guide__item[data-state=current] .ra-step-guide__title{color:var(--color-primary)}.ra-step-guide[data-stepper] .ra-step-guide__item[data-state=current] .ra-step-guide__visible-state{border-color:var(--color-primary);color:var(--color-primary)}.ra-step-guide[data-current-tone=warning] .ra-step-guide__item[data-state=current] .ra-step-guide__state{border-color:color-mix(in srgb, var(--color-warning) 60%, var(--color-border));background:color-mix(in srgb, var(--color-warning) 16%, var(--color-surface-2));color:var(--color-warning)}.ra-step-guide[data-current-tone=warning] .ra-step-guide__item[data-state=current] .ra-step-guide__title,.ra-step-guide[data-current-tone=warning] .ra-step-guide__item[data-state=current] .ra-step-guide__visible-state{color:var(--color-warning)}.ra-step-guide[data-current-tone=warning] .ra-step-guide__item[data-state=current] .ra-step-guide__visible-state{border-color:var(--color-warning)}.ra-step-guide[data-current-tone=warning] .ra-step-guide__item[data-state=current] .ra-button[data-variant=primary]{background:var(--color-warning);color:var(--color-bg)}.ra-step-guide[data-current-tone=warning] .ra-step-guide__item[data-state=current] .ra-button[data-variant=primary]:hover:not(:disabled){background:color-mix(in srgb, var(--color-warning) 88%, white)}.ra-step-guide[data-stepper] .ra-step-guide__item[data-state=todo] .ra-step-guide__title{color:var(--color-text-secondary)}.ra-step-guide[data-compact]{gap:var(--space-2)}.ra-step-guide[data-compact] .ra-step-guide__body{line-height:1.5}.ra-step-guide__sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:480px){.ra-step-guide__item{min-height:28px;padding-left:40px}.ra-step-guide__item:before,.ra-step-guide__state{width:28px;height:28px}}
