.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}.btn.loading>span{opacity:0}.loading-overlay{position:absolute;z-index:1;width:1.8rem;width:100%;height:100%;display:grid;place-content:center}.loading-overlay__spinner{width:22px;height:22px;display:grid;place-content:center}.spinner{animation:rotator 1.4s linear infinite;height:18px;width:100%;width:18px}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}.path{stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:currentColor;animation:dash 1.4s ease-in-out infinite}@keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}}
/*# sourceMappingURL=/cdn/shop/t/51/compiled_assets/styles.css.map?subset=AAAAAAAAAAAAAAAIAAAAAAAAAAAAAABA */