.progress-bar{display:flex;align-items:center;position:relative}.progress-bar:before,.progress-bar:after{content:"";position:absolute;left:0;bottom:11px;height:10px;border-radius:20px;z-index:0}.progress-bar:before{width:100%;background:#e5e5e6}.progress-bar:after{width:100%;background:var(--background);clip-path:polygon(0 0,var(--progress) 0,var(--progress) 100%,0 100%);transition:clip-path 1s}.progress-bar li{width:100%;display:flex;flex-direction:column;align-items:flex-end;gap:5px;color:#000;font-size:10px;text-transform:uppercase;transition:color 1s}.progress-bar li:nth-child(2)>span{transform:translate(50%)}.progress-bar li:first-child{position:relative;align-items:flex-start;left:-1px}.progress-bar li:last-child{align-items:flex-end}.progress-bar li:before{content:attr(data-text);line-height:1.3em;font-size:13px;text-transform:math-auto;font-weight:600;white-space:nowrap;letter-spacing:.3px}.progress-bar li:nth-child(2):before{transform:translate(50%)}.progress-bar li:first-child:before{padding-left:5px}.progress-bar li:last-child:before{padding-right:5px}.progress-bar li span{flex:none;display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid #6a6a6a;transition:border 1s;z-index:1}.progress-bar li span svg{fill:currentcolor}.progress-bar li.completed{color:var(--progress-color)}.progress-bar li.completed span{border-color:var(--progress-color)}.v-progress li{display:flex;align-items:flex-start;margin:8px 0}.v-progress .circle{width:15px;height:100%;position:relative}.v-progress .circle svg{width:15px;height:15px;margin:1px;object-fit:contain}.v-progress .circle:before{content:"\2713";position:absolute;line-height:8px;font-size:14px;font-weight:700;color:#006e52;display:none}.v-progress .circle.completed{border-color:transparent}.v-progress .circle.completed:before{display:block}.v-progress p{font-size:14px;padding-left:8px;margin:0}.form-control{height:30px;border-radius:4px;border:1px solid #6a6a6a;padding:0 10px;outline:none}@media (max-width: 767px){.progress-bar:before,.progress-bar:after{bottom:10px}.progress-bar li{font-size:9px}.progress-bar li span{width:30px;height:30px}.progress-bar li span svg{width:19px;height:19px}.progress-bar li:first-child span svg{width:18px;height:18px}.progress-bar li:last-child span svg{width:16px;height:16px;transform:translateY(-1px)}}
/*# sourceMappingURL=/cdn/shop/t/707/assets/progress-test.css.map */