| 1 | .step-indicators {
|
| 2 | position: relative;
|
| 3 | display: -webkit-box;
|
| 4 | display: -ms-flexbox;
|
| 5 | display: flex;
|
| 6 | -webkit-box-pack: justify;
|
| 7 | -ms-flex-pack: justify;
|
| 8 | justify-content: space-between;
|
| 9 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial,
|
| 10 | sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
| 11 | }
|
| 12 |
|
| 13 | .step-indicator {
|
| 14 | border: 2px solid;
|
| 15 | border-radius: 50%;
|
| 16 | height: 32px;
|
| 17 | width: 32px;
|
| 18 | display: -webkit-box;
|
| 19 | display: -ms-flexbox;
|
| 20 | display: flex;
|
| 21 | -webkit-box-pack: center;
|
| 22 | -ms-flex-pack: center;
|
| 23 | justify-content: center;
|
| 24 | -webkit-box-align: center;
|
| 25 | -ms-flex-align: center;
|
| 26 | align-items: center;
|
| 27 | font-weight: 700;
|
| 28 | z-index: 2;
|
| 29 | background-color: white;
|
| 30 | -webkit-box-sizing: border-box;
|
| 31 | box-sizing: border-box;
|
| 32 | }
|
| 33 |
|
| 34 | .step-indicators-line {
|
| 35 | position: absolute;
|
| 36 | height: 2px;
|
| 37 | top: 50%;
|
| 38 | left: 24px;
|
| 39 | right: 24px;
|
| 40 | -webkit-transform: translateY(-50%);
|
| 41 | transform: translateY(-50%);
|
| 42 | z-index: 1;
|
| 43 | background: rgb(223, 231, 239);
|
| 44 | }
|