.gib{--gib-blue: #2a5bd8;--gib-blue-soft: #a9c0f2;--gib-rail: #d9dbe1;--gib-text: #1d2025;--gib-muted: #8a8f99;--gib-bg: #f7f7f7;--gib-circle: 30px;position:relative;box-sizing:border-box;width:100%;margin:0 0 14px;padding:8px 8px 6px;font-family:Proxima Nova,sans-serif;background:var(--gib-bg);border-radius:12px;overflow:hidden}.gib--cart{margin:0 0 10px}.gib__head{margin:0 0 4px;color:var(--gib-text);font-size:12px;font-weight:400;line-height:1.2;text-align:center}.gib__head strong{font-weight:700}.gib__goal-name{color:var(--gib-blue);font-weight:600}.gib.is-complete .gib__head{font-weight:700}.gib__track{position:relative;height:52px;margin:0}.gib__rail,.gib__fill{position:absolute;top:15px;left:0;height:6px;border-radius:999px}.gib__rail{right:0;background:var(--gib-rail)}.gib__fill{width:0;min-width:5px;max-width:100%;background:linear-gradient(90deg,var(--gib-blue-soft) 0%,var(--gib-blue) 100%);transition:width .7s cubic-bezier(.22,1,.36,1)}.gib__dot{position:absolute;top:50%;right:-5px;width:10px;height:10px;background:var(--gib-blue);border-radius:50%;transform:translateY(-50%)}.gib.is-complete .gib__fill{width:100%!important}.gib.is-complete .gib__dot{right:0}.gib__goal{position:absolute;top:3px;left:var(--gib-pos, 50%);display:flex;flex-direction:column;align-items:center;width:0;overflow:visible}.gib__pill{position:absolute;top:9px;right:6px;z-index:1;box-sizing:border-box;width:36px;height:12px;padding:0 0 0 7px;color:#fff;font-size:8px;font-weight:700;line-height:12px;text-align:left;white-space:nowrap;background:var(--gib-blue);border-radius:6px;transition:opacity .3s ease}.gib__goal.is-unlocked .gib__pill{opacity:0}.gib__circle{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:var(--gib-circle);height:var(--gib-circle);color:#b9bcc6;background:#fff;border:2px solid var(--gib-blue);border-radius:50%;box-shadow:0 0 0 2px var(--gib-bg);transition:background .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}.gib__goal.is-next .gib__circle{box-shadow:0 0 0 2px var(--gib-bg),0 0 0 4px #2a5bd840}.gib__icon{display:block;width:16px;height:16px}.gib__goal.is-unlocked .gib__circle{color:#fff;background:var(--gib-blue);border-color:var(--gib-blue)}.gib__circle--image{width:52px;height:42px;margin-top:-6px;background:transparent;border:0;border-radius:0;box-shadow:none}.gib__goal.is-next .gib__circle--image{box-shadow:none}.gib__image{display:block;width:52px;height:42px;object-fit:contain;transition:width .3s ease,height .3s ease}.gib__goal.is-unlocked .gib__circle--image{width:var(--gib-circle);height:var(--gib-circle);margin-top:0;overflow:visible;background:var(--gib-blue);border-radius:50%;box-shadow:0 0 0 2px var(--gib-bg)}.gib__goal.is-unlocked .gib__image{width:24px;height:22px}.gib__check{position:absolute;right:-3px;bottom:-2px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:12px;height:12px;color:#fff;background:var(--gib-blue);border:1.5px solid var(--gib-bg);border-radius:50%;transform:scale(0);transition:transform .25s ease}.gib__check svg{width:7px;height:6px}.gib__goal.is-unlocked .gib__check{transform:scale(1)}.gib__label{position:absolute;top:37px;color:var(--gib-muted);font-size:10px;font-weight:500;line-height:1.2;white-space:nowrap;text-align:center}.gib__goal.is-next .gib__label{color:var(--gib-text)}.gib__goal.is-next .gib__circle:before,.gib__goal.is-next .gib__circle:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--gib-blue);border-radius:50%;opacity:0;pointer-events:none;animation:gib-ripple 2.4s ease-out infinite}.gib__goal.is-next .gib__circle:after{animation-delay:1.2s}.gib__goal.is-next .gib__circle--image:before,.gib__goal.is-next .gib__circle--image:after{top:-2px;right:3px;bottom:-2px;left:3px}@keyframes gib-ripple{0%{transform:scale(1);opacity:.55}70%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}.gib__goal.is-popping .gib__circle{animation:gib-pop .6s cubic-bezier(.34,1.56,.64,1)}.gib__goal.is-popping .gib__check{animation:gib-spring .5s cubic-bezier(.34,1.8,.64,1) .2s both}@keyframes gib-pop{0%{transform:scale(1)}45%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes gib-spring{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}.gib__confetti{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.gib__confetti i{position:absolute;display:block;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.gib__fill,.gib__circle,.gib__check,.gib__pill,.gib__image{transition:none}.gib__goal.is-next .gib__circle:before,.gib__goal.is-next .gib__circle:after,.gib__goal.is-popping .gib__circle,.gib__goal.is-popping .gib__check{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/gift-incentive-bar.css.map */