.progress-step{width:100%}.progress-step__header{position:relative}.progress-step__header-container{align-items:center;display:flex;justify-content:space-between}.progress-step__header-item{align-items:center;background:#d3d3d3;border:1px solid transparent;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:all .3s ease;width:30px}.progress-step__header-item.done{background:#000;border:1px solid #000;color:#fff}.progress-step__header-item.selected{background:#d3d3d3;border:1px solid #000;color:#000}.progress-step__header-item__text{color:#000;font-size:12px;left:50%;margin-top:4px;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap}.progress-step__header-item:first-child .progress-step__header-item__text{left:0;transform:translateX(0)}.progress-step__header-item:last-child .progress-step__header-item__text{left:unset;right:0;transform:translateX(0)}.progress-step__header__line{background:#d3d3d3;height:4px;left:0;margin-left:1px;margin-right:1px;position:absolute;top:50%;width:calc(100% - 2px);z-index:-1}.progress-step__header__line-fill{background:#000;height:100%;transform-origin:left;transition:all .3s linear;width:100%}.progress-step__body{margin-top:25px}.progress-step__body-item{display:none}.progress-step__body-item.selected{display:block}