.ui-stepper{display:flex;justify-content:center;align-items:center;gap:var(--space-2)}.ui-stepper-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--clr-surface-3);border:1px solid var(--clr-border);transition:background var(--duration-base) var(--ease-out),width var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.ui-stepper-dot-active{background:var(--clr-accent);border-color:transparent;width:24px}.ui-stepper-dot-done{background:var(--clr-accent-dark);border-color:transparent}