.m-volume-discount-bar{position:relative;margin:4px 4px 20px;padding:16px 16px 26px;border-radius:14px;background:#fafafa;border:1px solid rgba(0,0,0,.08);border-top:2px solid var(--color-primary);overflow:hidden}.m-volume-discount-bar__header{display:flex;align-items:center;gap:8px;margin-bottom:36px}.m-volume-discount-bar__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;background:var(--color-primary);color:#fff;font-size:13px;font-weight:800;line-height:1;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.m-volume-discount-bar--pulse .m-volume-discount-bar__icon{animation:mVolumeDiscountIconPop .5s cubic-bezier(.34,1.56,.64,1)}.m-volume-discount-bar__message{margin:0;font-size:13px;font-weight:600;line-height:1.4;color:#2a2a2a}.m-volume-discount-bar__track-wrap{position:relative;padding-top:2px}.m-volume-discount-bar__track{position:relative;width:100%;height:8px;border-radius:999px;background:#00000014;overflow:visible}.m-volume-discount-bar__fill{position:relative;height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--color-primary),#ff8a65);transition:width .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.m-volume-discount-bar__shine{position:absolute;top:0;left:0;height:100%;width:60%;background:linear-gradient(100deg,#fff0 20%,#ffffffa6,#fff0 80%);animation:mVolumeDiscountShine 2.2s ease-in-out infinite}.m-volume-discount-bar__badge{position:absolute;top:-30px;left:0%;transform:translate(-50%);min-width:34px;padding:2px 7px;border-radius:999px;background:var(--color-primary);color:#fff;font-size:11px;font-weight:700;text-align:center;white-space:nowrap;box-shadow:0 2px 6px #0000002e;transition:left .5s cubic-bezier(.34,1.56,.64,1)}.m-volume-discount-bar__badge:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);border-width:4px 4px 0;border-style:solid;border-color:var(--color-primary) transparent transparent}.m-volume-discount-bar__markers{position:relative;height:30px;margin-top:2px}.m-volume-discount-bar__marker{position:absolute;top:4px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.m-volume-discount-bar__marker-dot{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;color:transparent;transition:border-color .3s ease,background .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.m-volume-discount-bar__marker-check{width:9px;height:9px}.m-volume-discount-bar__marker-label{font-size:10px;font-weight:700;color:#0006;transition:color .3s ease}.m-volume-discount-bar__marker--active .m-volume-discount-bar__marker-dot{background:var(--color-primary);border-color:var(--color-primary);color:#fff;animation:mVolumeDiscountMarkerPop .4s cubic-bezier(.34,1.56,.64,1)}.m-volume-discount-bar__marker--active .m-volume-discount-bar__marker-label{color:var(--color-primary)}.m-volume-discount-bar--complete{border-color:var(--color-primary)}.m-volume-discount-bar--complete .m-volume-discount-bar__message{color:var(--color-primary)}.m-volume-discount-bar__confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.m-volume-discount-bar__confetti span{position:absolute;top:-10px;width:6px;height:6px;border-radius:2px;opacity:.9;animation:mVolumeDiscountConfettiFall 1.1s ease-in forwards}@keyframes mVolumeDiscountShine{0%{transform:translate(-120%)}60%,to{transform:translate(220%)}}@keyframes mVolumeDiscountIconPop{0%{transform:scale(1) rotate(0)}40%{transform:scale(1.35) rotate(-8deg)}70%{transform:scale(.95) rotate(4deg)}to{transform:scale(1) rotate(0)}}@keyframes mVolumeDiscountMarkerPop{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes mVolumeDiscountConfettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(70px) rotate(280deg);opacity:0}}@media(prefers-reduced-motion:reduce){.m-volume-discount-bar__shine,.m-volume-discount-bar__icon,.m-volume-discount-bar__marker-dot,.m-volume-discount-bar__confetti span{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/volume-discount-bar.css.map */