.progress-bar-container{--background: #f5f5f5;display:flex;flex-direction:column;align-items:center;padding:1rem 0 3rem;background-color:var(--background);border-bottom:1px solid #dddddd}.progress-bar-message{font-size:1.5rem;margin-bottom:20px;margin-left:25px;margin-right:25px}.progress-bar{--height: 6px;--border-radius: 30px;--step-background: #dedede;--active-step-background: var(--active-step-background);--gradient: var(--gradient);width:80%;display:flex;height:var(--height);background:var(--step-background);border-radius:var(--border-radius);margin-inline:auto;position:relative;padding-right:10px}.progress-bar:after{content:"";position:absolute;left:0;right:0;z-index:1;width:var(--percentage);background:var(--gradient);transition:all 1s;height:var(--height);border-radius:var(--border-radius)}.progress-bar-step{width:33%;margin-top:8px;font-size:1.5rem;position:relative;left:8px}.progress-bar-step:before{content:attr(data-percentage);position:absolute;right:-8px;top:5px}.progress-bar-step.active:after{background-color:var(--active-step-background);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 512 457.57'%3E%3Cpath fill='white' d='M0,220.57c100.43-1.33,121-5.2,191.79,81.5,54.29-90,114.62-167.9,179.92-235.86C436-.72,436.5-.89,512,.24,383.54,143,278.71,295.74,194.87,457.57,150,361.45,87.33,280.53,0,220.57Z'/%3E%3C/svg%3E");background-size:8px;background-repeat:no-repeat;background-position:center}.progress-bar-step:after{content:"";width:20px;height:20px;border-radius:50%;background-color:var(--step-background);position:absolute;top:-16px;right:-5px;z-index:2}
/*# sourceMappingURL=/cdn/shop/t/63/compiled_assets/styles.css.map?subset=AAAAAAAAAAAAAAAI */