.progress{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.progress li{color:#bdbdbd;background:#fff;flex:1 1 0;align-items:center;padding:16px 0 16px 32px;font-size:1.1rem;transition:background .2s,color .2s;display:flex;position:relative}.progress li.active{color:#fff;background:#4e5eff}.progress li .circle{color:#bdbdbd;background:#fff;border:2.5px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;min-height:38px;margin-right:16px;font-size:1.1rem;transition:background .2s,color .2s,border .2s;display:flex}.progress li.active .circle{color:#fff;background:#4e5eff;border:1px solid #fff}.progress li.before .circle{color:#fff;background:#4e5eff;border:1px solid #e5e7eb}.progress li .label{z-index:2;font-size:max(.9rem,.9vw);position:relative}.progress li.active .label{color:#fff}.progress li .chevron{z-index:1;clipPath:polygon(0 -45%,100% 50%,51% 100%);background:#fff;align-items:center;width:32px;height:100%;display:flex;position:absolute;top:50%;right:-16px;transform:translateY(-50%)}.progress li.active .chevron{clipPath:polygon(0 -45%,100% 50%,51% 100%);background:#4e5eff}