.agorape-component-library-0-x-b-step-dot{display:flex;justify-content:center;align-items:center;flex:0 0 var(--step-width)}.agorape-component-library-0-x-b-step-dot:last-child{flex-basis:0}.agorape-component-library-0-x-b-step-dot__element{position:relative}.agorape-component-library-0-x-b-step-dot__graph{width:24px;height:24px;border-radius:50%;background-color:#e7e8e9;color:#9799a1;font-size:14px;display:flex;justify-content:center;align-items:center;transition:all .2s}.agorape-component-library-0-x-b-step-dot__graph--active,.agorape-component-library-0-x-b-step-dot__graph--fill{background-color:var(--color);color:#fff}.agorape-component-library-0-x-b-step-dot__graph--fill path{stroke:#fff}.agorape-component-library-0-x-b-step-dot__graph--active+.agorape-component-library-0-x-b-step-dot__label,.agorape-component-library-0-x-b-step-dot__graph--fill+.agorape-component-library-0-x-b-step-dot__label{color:var(--color)}.agorape-component-library-0-x-b-step-dot__separator{background-color:#e7e8e9;width:100%;height:1px}.agorape-component-library-0-x-b-step-dot__separator--fill{background-color:var(--color)}.agorape-component-library-0-x-b-step-dot__label{font-size:12px;font-weight:700;margin-top:.5rem;position:absolute;left:50%;transform:translateX(-50%);text-align:center;width:110px}.agorape-component-library-0-x-b-step-summary{display:flex;justify-content:center}