.progress-bar-container{margin:20px 0;font-family:var(--font-body-family);overflow:hidden}.progress-bar-title{font-size:16px;font-weight:600;margin-bottom:15px;text-align:center}.progress-bar-wrapper{position:relative;height:15px;background:#f0f0f0;border-radius:8px;overflow:hidden}.progress-bar-background{position:relative;height:100%;display:flex;align-items:stretch}.progress-bar-step{position:relative;flex-grow:1}.progress-bar-marker{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background-color:#fff;border:2px solid #f0f0f0;z-index:2;transition:all .3s ease}.progress-bar-step.step-1,.progress-bar-step.step-2,.progress-bar-step.step-3{flex-basis:33.33%}.progress-bar-container[data-steps="2"] .progress-bar-step.step-1,.progress-bar-container[data-steps="2"] .progress-bar-step.step-2{flex-basis:50%}.progress-bar-container[data-steps="1"] .progress-bar-step.step-1{flex-basis:100%}.progress-bar-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:8px;will-change:width;transition:width 1s ease-in-out}.progress-bar-rewards{display:flex;margin-top:8px;font-size:12px;color:#666}.progress-bar-reward{flex-grow:1;text-align:center;padding:0 5px}.progress-bar-container[data-steps="1"] .progress-bar-reward.reward-1{flex-basis:100%}.progress-bar-container[data-steps="2"] .progress-bar-reward.reward-1,.progress-bar-container[data-steps="2"] .progress-bar-reward.reward-2{flex-basis:50%}.progress-bar-container[data-steps="3"] .progress-bar-reward.reward-1,.progress-bar-container[data-steps="3"] .progress-bar-reward.reward-2,.progress-bar-container[data-steps="3"] .progress-bar-reward.reward-3{flex-basis:33.33%}.progress-bar-message{margin-top:15px;text-align:center;font-size:14px;color:#fff;font-weight:600;background:#f27692;border-radius:10px;font-size:15px}.progress-bar-step.achieved .progress-bar-marker{background-color:#4caf50;border-color:#4caf50;box-shadow:0 0 0 2px #4caf504d}.progress-bar-notification{position:fixed;top:20px;left:20px;z-index:9999;max-width:300px;background-color:#fff;box-shadow:0 2px 10px #00000026;border-radius:8px;padding:15px;transform:translate(-120%);transition:transform .5s cubic-bezier(.68,-.55,.27,1.55);opacity:0;visibility:hidden}.progress-bar-notification.active{transform:translate(0);opacity:1;visibility:visible}@media screen and (max-width:767px){.progress-bar-notification{left:10px;right:10px;max-width:calc(100% - 20px)}.progress-bar-message{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/progress-bar.css.map */