.progress-bar{--progress-bar-color-primary: #BFA87D;--progress-bar-color-primary-light: #D4AF37;--progress-bar-color-inactive: #d3d3d3;--progress-bar-color-text: #000;--progress-bar-color-text-light: #666;--progress-bar-color-bg: #D9D9D9;--progress-bar-color-bg-light: #f5f5f5}.progress-bar{position:relative}.progress-bar *:empty{display:block!important}.progress-bar__container{padding:18px 16px}.progress-bar__header{text-align:center;margin-bottom:2rem}.progress-bar__title{font-size:17px;color:var(--progress-bar-color-text);line-height:1.4;display:none;margin:0}.progress-bar__title:first-child{display:block}.progress-bar__title p{margin:0}.progress-bar__title span{color:var(--progress-bar-color-primary);font-weight:700}.progress-bar__steps{position:relative;display:flex;justify-content:space-between;align-items:flex-start;margin-top:24px}.progress-bar__line{position:absolute;top:22px;left:40px;right:40px;height:4px;transform:translateY(-50%);background:#d9d9d9;z-index:0;display:block!important;overflow:hidden}.progress-bar__line-progress{display:block!important;height:100%;background:linear-gradient(90deg,#bfa87d 64.9%,#d9d9d9);transition:width 1.5s cubic-bezier(.4,0,.2,1);width:0%}.progress-bar__step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;flex:1;max-width:25%}.progress-bar__step-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:var(--progress-bar-color-bg);border:2px solid var(--progress-bar-color-bg);transition:all .3s ease}.progress-bar__step--completed .progress-bar__step-icon{background:var(--progress-bar-color-primary);border:2px solid var(--progress-bar-color-primary);color:#fff}.progress-bar__step--active .progress-bar__step-icon{background:#fff;border:2px solid var(--progress-bar-color-primary);color:#fff}.progress-bar__step--inactive .progress-bar__step-icon{background:var(--progress-bar-color-bg);border:2px solid var(--progress-bar-color-inactive);color:var(--progress-bar-color-inactive)}.progress-bar__step-icon-diamond-active{width:24px}.progress-bar__step-icon-diamond-active,.progress-bar__step-icon-checkmark,.progress-bar__step-icon-diamond{display:none}.progress-bar__step--completed .progress-bar__step-icon-checkmark{display:block;animation:checkmark .5s ease}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}.progress-bar__step--active .progress-bar__step-icon-diamond-active,.progress-bar__step--inactive .progress-bar__step-icon-diamond{display:block}.progress-bar__step--active .progress-bar__step-icon{animation:bounce .6s cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite;animation-direction:alternate-reverse}@keyframes bounce{0%,to{transform:translateY(0) scale(1);animation-timing-function:ease-in}50%{transform:translateY(-8px) scale(1.1);animation-timing-function:ease-out}}.progress-bar__step-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.progress-bar__step-price{font-size:10px;font-weight:700;color:var(--progress-bar-color-text);margin:10px 0 0;line-height:1.2}.progress-bar__step--active .progress-bar__step-price{color:var(--progress-bar-color-primary);font-size:17px;margin-top:2px}.progress-bar__step--completed .progress-bar__step-price{color:var(--progress-bar-color-primary)}.progress-bar__step-savings{font-size:8px;font-weight:500;padding:2px 8px;background:#f5f5f5;color:#000;border-radius:4px;margin:0}.progress-bar__step--completed .progress-bar__step-savings{background:var(--progress-bar-color-primary);color:#fff}.progress-bar__step--active .progress-bar__step-savings{font-size:12px;background:#f5f5f5;color:#000}.progress-bar__step--active .progress-bar__step-savings--highlight{background:var(--progress-bar-color-bg);border:1px solid var(--progress-bar-color-inactive);color:var(--progress-bar-color-text)}.progress-bar__cta{text-align:center;margin-top:24px}.progress-bar__cta-text{color:#000;font-size:12px;font-weight:700;margin:0}.progress-bar__cta-highlight{color:var(--progress-bar-color-primary)}.offer-banner{background:#181b22;color:#fff;font-size:12px;font-weight:400;padding:40px 16px 12px;text-align:center}.offer-banner img{width:16px;background:transparent;margin-top:-2px}.firework{position:absolute;pointer-events:none;z-index:1000}.firework-particle{position:absolute;width:6px;height:6px;border-radius:50%;animation:explode 1.5s ease-out forwards}@keyframes explode{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-progress-bar.css.map */