.progressbar{border-bottom:2px solid #ccc;display:flex;justify-content:space-between;margin:0;padding:20px 0}.progressbar li{color:#999;flex-direction:column;height:36px;list-style:none;text-align:center;width:calc(100%/var(--step-count));z-index:0}.progressbar li,.step-circle{align-items:center;display:flex;position:relative}.step-circle{height:2px;justify-content:center;margin:8px;width:100%;z-index:1}.step-label{color:#ccc;font-size:clamp(9px,1.6vw,12px);font-weight:700;height:20px}.step-label--text{font-size:clamp(8px,1.4vw,10px)}.progressbar li.active .step-label,.progressbar li.active .step-label--text{color:#333}.progressbar li:before{height:2px;left:48%;top:78%;width:100%;z-index:0}.progressbar li:after,.progressbar li:before{background-color:#ccc;content:"";position:absolute}.progressbar li:after{border-radius:50%;height:8px;left:45%;margin:0 auto;top:70%;width:8px}.progressbar li.active:after,.progressbar li:last-child:before{background-color:transparent}.icon-wrap{height:20px;position:relative}svg{display:block;margin:0 auto;position:absolute;top:12%}.svg-icon{position:relative;z-index:1}