.tiered-discount-progress{background:rgba(var(--color-background),.95);border:.1rem solid rgba(var(--color-border),.08);border-radius:.6rem;padding:1.2rem;margin-bottom:1rem;box-shadow:0 .1rem .2rem rgba(var(--color-foreground),.02)}.tiered-discount-progress__bar-container{position:relative}.tiered-discount-progress__bar{height:2.4rem;background:rgba(var(--color-border),.15);border-radius:.6rem;overflow:hidden;margin-bottom:1.5rem;position:relative;border:.1rem solid rgba(var(--color-border),.2);box-shadow:inset 0 .1rem .2rem rgba(var(--color-foreground),.05)}.tiered-discount-progress__bar-fill{height:100%;background:linear-gradient(90deg,rgb(var(--color-foreground)),rgba(var(--color-foreground),.95),rgb(var(--color-foreground)));border-radius:.5rem;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;min-width:.6rem;box-shadow:0 .1rem .3rem rgba(var(--color-foreground),.2)}.tiered-discount-progress__bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 30%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.4) 70%,transparent 100%);animation:pipeShimmer 3s infinite;border-radius:.5rem}@keyframes pipeShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tiered-discount-progress__bar-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.6rem;font-weight:700;color:rgb(var(--color-foreground));text-align:center;z-index:3;text-shadow:0 .1rem .2rem rgba(255,255,255,.9);white-space:nowrap;pointer-events:none;line-height:1;background:transparent;border:none;border-radius:0;padding:0;width:100%;padding:0 1rem;box-sizing:border-box}.tiered-discount-progress__tiers{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem;position:relative;padding:0 .3rem}.tiered-discount-progress__tier{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:1;text-align:center;position:relative;transition:all .3s ease}.tiered-discount-progress__tier-marker{width:3.2rem;height:3.2rem;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;z-index:2}.tiered-discount-progress__tier--active .tiered-discount-progress__tier-marker{background:transparent;border:none;color:rgb(var(--color-foreground));transform:scale(1.15)}.tiered-discount-progress__tier--next .tiered-discount-progress__tier-marker{background:transparent;border:none;color:rgb(var(--color-foreground));transform:scale(1.08)}.tiered-discount-progress__tier-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.tiered-discount-progress__tier-icon svg{width:100%;height:100%}.tiered-discount-progress__tier-icon path{fill:currentColor;stroke:none}.tiered-discount-progress__tier-info{display:flex;flex-direction:column;gap:.3rem;min-width:0;transition:all .3s ease;align-items:center}.tiered-discount-progress__tier-label{font-size:1.4rem;font-weight:700;color:rgb(var(--color-foreground));line-height:1;white-space:nowrap;letter-spacing:.01em;margin-bottom:.1rem;text-align:center}.tiered-discount-progress__tier-offer{font-size:1.2rem;font-weight:600;color:rgba(var(--color-foreground),.85);line-height:1;white-space:nowrap;letter-spacing:.02em;margin-top:.1rem;text-align:center}.tiered-discount-progress__tier--active .tiered-discount-progress__tier-label,.tiered-discount-progress__tier--active .tiered-discount-progress__tier-offer{color:rgb(var(--color-foreground));font-weight:800}.tiered-discount-progress__tier--next .tiered-discount-progress__tier-label,.tiered-discount-progress__tier--next .tiered-discount-progress__tier-offer{color:rgb(var(--color-foreground));font-weight:700}.tiered-discount-progress__tiers:before{content:"";position:absolute;top:1.6rem;left:1.6rem;right:1.6rem;height:.1rem;background:rgba(var(--color-border),.15);border-radius:.05rem;z-index:1}.tiered-discount-progress__tier:hover .tiered-discount-progress__tier-marker{transform:scale(1.08)}.tiered-discount-progress__tier--active:hover .tiered-discount-progress__tier-marker{transform:scale(1.2)}.tiered-discount-progress__tier--next:hover .tiered-discount-progress__tier-marker{transform:scale(1.12)}@media (max-width: 767.98px){.tiered-discount-progress{padding:1rem;margin-bottom:.8rem}.tiered-discount-progress__bar{height:2rem;margin-bottom:1.2rem}.tiered-discount-progress__bar-title{font-size:1.4rem;padding:0 .8rem}.tiered-discount-progress__tiers{gap:.4rem;padding:0 .2rem}.tiered-discount-progress__tier-marker{width:2.8rem;height:2.8rem}.tiered-discount-progress__tier-icon{width:1.8rem;height:1.8rem}.tiered-discount-progress__tier-label{font-size:1.3rem}.tiered-discount-progress__tier-offer{font-size:1.1rem}}@media (max-width: 479.98px){.tiered-discount-progress{padding:.8rem}.tiered-discount-progress__bar{height:1.8rem;margin-bottom:1rem}.tiered-discount-progress__bar-title{font-size:1.2rem;padding:0 .6rem}.tiered-discount-progress__tiers{gap:.3rem}.tiered-discount-progress__tier-marker{width:2.6rem;height:2.6rem}.tiered-discount-progress__tier-icon{width:1.6rem;height:1.6rem}.tiered-discount-progress__tier-label{font-size:1.2rem}.tiered-discount-progress__tier-offer{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/130/assets/component-tiered-discount-progress.css.map */
