.cib-progress-block{display:flex;flex-direction:column;gap:12px;margin:0;font-family:var(--body-font-family, inherit)}.cib-progress-block.is-empty{display:none}main [data-cib-progress]{margin-bottom:18px}#cart-drawer [data-cib-progress]{padding:0 24px 8px}.cib-progress-bar{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box;padding:12px;border:1px solid #f3f4f6;border-radius:12px;background:#fff;box-shadow:0 6px 9px #0000000a;color:#6b7280;line-height:normal;transition:background-color .3s}.cib-progress-header{display:flex;align-items:center;gap:12px}.cib-progress-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#fff1f2;color:#ff2d7a;transition:background-color .3s,color .3s}.cib-progress-icon .icon{display:block;width:20px;height:20px}.cib-progress-title{flex:1 1 auto;min-width:0;color:#111827;font-size:15px;font-weight:700}.cib-progress-pct{flex-shrink:0;color:#ff2d7a;font-size:13px;font-weight:600}.cib-progress-progress{display:flex;flex-direction:column;gap:6px}.cib-progress-track{height:8px;overflow:hidden;border-radius:999px;background:#f3f4f6}.cib-progress-fill{width:0%;height:100%;border-radius:999px;background:#ff2d7a;transition:width .3s ease-out,background-color .3s}.cib-progress-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;color:#6b7280;font-size:10px;font-weight:600}.cib-progress-meta-right{flex-shrink:0;white-space:nowrap}.cib-progress-unlocked{display:none;color:#16a34a;font-size:11px;font-weight:600;text-align:center}.cib-progress-text{flex:1 1 auto;min-width:0;color:#374151;font-size:10px;font-weight:500;line-height:1.4}.cib-inline-link{color:inherit;font-weight:600;text-decoration:underline;white-space:nowrap}.cib-progress-bar.is-unlocked{background:#fff}.cib-progress-bar.is-unlocked .cib-progress-icon{background:#fff1f2;color:#ff2d7a}.cib-progress-bar.is-unlocked .cib-progress-pct{color:#ff2d7a}.cib-progress-bar.is-unlocked .cib-progress-fill{background-color:#ff2d7a}.cib-progress-bar.is-unlocked .cib-progress-text{color:#111827;font-weight:600}.cib-progress-unlocked,.cib-progress-meta-right{display:none}.cib-progress-bar.is-celebrating{animation:cib-reward-pop .6s ease-out,cib-reward-ring 1.2s ease-out}.cib-progress-bar.is-celebrating .cib-progress-icon{animation:cib-reward-icon .7s ease-out .1s}.cib-progress-bar.is-celebrating .cib-progress-track{position:relative}.cib-progress-bar.is-celebrating .cib-progress-track:before{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.85) 50%,transparent 80%);background-size:50% 100%;background-repeat:no-repeat;animation:cib-bar-shine .9s ease-out .2s both}.cib-progress-bar.is-celebrating .cib-progress-text{animation:cib-reward-text .5s ease-out .25s both}@keyframes cib-reward-pop{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes cib-reward-ring{0%{box-shadow:0 0 #ff2d7a73}to{box-shadow:0 0 0 14px #ff2d7a00}}@keyframes cib-reward-icon{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.25) rotate(-10deg)}60%{transform:scale(.95) rotate(6deg)}to{transform:scale(1) rotate(0)}}@keyframes cib-bar-shine{0%{background-position:-60% 0}to{background-position:160% 0}}@keyframes cib-reward-text{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.cib-progress-block.cib-is-loading .cib-progress-track{position:relative}.cib-progress-block.cib-is-loading .cib-progress-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent 0%,rgba(255,45,122,.35) 50%,transparent 100%);background-size:40% 100%;background-repeat:no-repeat;animation:cib-bar-loading 1.1s ease-in-out infinite}.cib-progress-block.cib-is-loading .cib-progress-fill{background-image:linear-gradient(135deg,rgba(255,255,255,.28) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.28) 75%,transparent 75%,transparent);background-size:16px 16px;animation:cib-bar-stripes .6s linear infinite}@keyframes cib-bar-loading{0%{background-position:-40% 0}to{background-position:140% 0}}@keyframes cib-bar-stripes{0%{background-position:16px 0}to{background-position:0 0}}@media(max-width:767px){.cib-progress-bar{gap:10px}}.cib-progress-block--compact{flex-direction:row;align-items:stretch;gap:8px}.cib-progress-block--compact .cib-progress-bar{flex:1 1 0;min-width:0;gap:8px;padding:10px}a.cib-progress-bar{color:inherit;text-decoration:none;cursor:pointer;transition:background-color .3s,border-color .15s}a.cib-progress-bar:hover{border-color:#ff2d7a}a.cib-progress-bar:focus-visible{outline:2px solid #ff2d7a;outline-offset:2px}.cib-progress-block--compact .cib-progress-header{gap:4px}.cib-progress-block--compact .cib-progress-icon{width:24px;height:24px;border-radius:6px}.cib-progress-block--compact .cib-progress-icon .icon{width:14px;height:14px}.cib-progress-block--compact .cib-progress-title{overflow:hidden;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.cib-progress-block--compact .cib-progress-pct{font-size:11px}.cib-progress-block--compact .cib-progress-progress{gap:6px}.cib-progress-block--compact .cib-progress-track{height:6px}.cib-progress-block--compact .cib-progress-text{color:#6b7280;font-size:10px;font-weight:400;line-height:1.4}.cib-progress-block--compact .cib-progress-bar.is-unlocked .cib-progress-text{color:#111827;font-weight:600}@media(max-width:767px){.cib-progress-block--compact .cib-progress-bar{padding:10px 8px}.cib-progress-block--compact .cib-progress-title{letter-spacing:-.2px}}@media(prefers-reduced-motion:reduce){.cib-progress-block.cib-is-loading .cib-progress-track:after,.cib-progress-block.cib-is-loading .cib-progress-fill,.cib-progress-bar.is-celebrating,.cib-progress-bar.is-celebrating *,.cib-progress-bar.is-celebrating .cib-progress-track:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/246/assets/progress-bar.css.map */