.stepper{position:relative}
.stepper-list{position:relative}
.stepper-list__item{text-align:center;flex:1;position:relative}
.stepper-list__item--button{transition:var(--transition);background:0 0;border:0;outline:none;margin:0;padding:0}
.stepper-list__item--button:focus,.stepper-list__item--button:active{outline:none}
.stepper-list__item--button p.text{color:var(--bdtoowm);transition:var(--transition)}
.stepper-list__item--button.active p.text{color:var(--bdtoow0);transition:var(--transition)}
.stepper-list__item--button.done{cursor:pointer}
.stepper-list__item--button.done p.text{color:var(--bdtoow0);transition:var(--transition)}
.stepper-list__item--icon{border-style:solid;border-width:3px;border-color:var(--bdtoowm);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 8px;display:flex}
.stepper-list__item--icon.active{border-color:var(--bdtoow0)}
.stepper-list__item+.stepper-list__item:before,.stepper-list__item+.stepper-list__item:after{content:"";width:calc(100% - 68px);height:2px;display:block;position:absolute;top:24px;right:calc(50% + 34px)}
.stepper-list__item+.stepper-list__item:before{border-bottom:2px dotted var(--bdtoowm)}
.stepper-list__item.active:after{background:var(--bdtoow0)}