.app-step-indicator{display:flex;align-items:center;justify-content:center;padding:var(--spacing-12,.75rem);padding-top:var(--spacing-24,1.5rem);gap:var(--spacing-2,.125rem)}.app-step-indicator--on-image{background:linear-gradient(180deg,#0000,#0000002e)}.app-step-indicator__step{display:flex;align-items:center;justify-content:center;position:relative;padding:var(--spacing-1,.0625rem);width:var(--spacing-8,.5rem);height:var(--spacing-8,.5rem);cursor:pointer}.app-step-indicator__step--current{width:var(--spacing-16,1rem)}.app-step-indicator__indicator{border-radius:var(--radius-full,999px);transition:all .2s ease-in-out}.app-step-indicator--on-image .app-step-indicator__indicator--selected{background-color:var(--content-on-secondary)}.app-step-indicator--on-image .app-step-indicator__indicator--unselected{background-color:var(--border-secondary)}.app-step-indicator--default .app-step-indicator__indicator--selected{background-color:var(--content-primary)}.app-step-indicator--default .app-step-indicator__indicator--unselected{background-color:var(--border-secondary)}.app-step-indicator__indicator--selected{width:14px;height:6px}.app-step-indicator__indicator--unselected{width:6px;height:6px}.app-step-indicator:focus-visible{outline:2px solid var(--border-focus,#06c);outline-offset:2px}@media(prefers-reduced-motion:reduce){.app-step-indicator__indicator{transition:none}}@media(prefers-contrast:more){.app-step-indicator__indicator--selected{background-color:var(--content-primary,#000);border:1px solid var(--content-primary,#000)}.app-step-indicator__indicator--unselected{background-color:var(--border-secondary,#e1e3e3);border:1px solid var(--border-primary,#000)}}