.app-step-indicator{padding:var(--spacing-12,.75rem);padding-top:var(--spacing-24,1.5rem);justify-content:center;align-items:center;gap:var(--spacing-2,.125rem);display:flex}.app-step-indicator--on-image{background:linear-gradient(#0000,#0000002e)}.app-step-indicator__step{padding:var(--spacing-1,.0625rem);width:var(--spacing-8,.5rem);height:var(--spacing-8,.5rem);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.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)}}