cart-credit-tiers[hidden]{display:none}.cart-credit-tiers{--cct-percent: 0%;--cct-ease: cubic-bezier(.19, 1, .22, 1);padding:1rem 1.5rem 1.2rem;background:var(--cct-background);border-radius:.6rem;color:rgb(var(--color-foreground))}.cart-drawer__cart-credit-tiers{margin:0 1.5rem 1rem}.cart__cart-credit-tiers{margin-bottom:2rem}.cart-credit-tiers__message{min-height:1.6em;font-size:1.3rem;line-height:1.4}.cart-credit-tiers__message.is-changing{animation:cct-message-in .45s var(--cct-ease)}.cart-credit-tiers__track{margin-top:1rem;padding-bottom:3.2rem}.cart-credit-tiers__bar{height:.8rem;overflow:hidden;background:rgba(var(--color-foreground),.1);border-radius:1rem}.cart-credit-tiers__fill{position:absolute;inset:0 auto 0 0;width:var(--cct-percent);overflow:hidden;background:var(--cct-bar);border-radius:inherit;transition:width .9s var(--cct-ease),background-color .4s ease}.cart-credit-tiers.is-complete .cart-credit-tiers__fill{background:var(--cct-reached)}.cart-credit-tiers__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.55) 50%,transparent 80%);transform:translate(-100%)}.cart-credit-tiers.is-celebrating .cart-credit-tiers__fill:after{animation:cct-shimmer 1s ease-out 2}.cart-credit-tiers--instant .cart-credit-tiers__fill,.cart-credit-tiers--instant .cart-credit-tiers__dot{transition:none}.cart-credit-tiers__milestone{position:absolute;top:.4rem;left:var(--pos);transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.cart-credit-tiers__milestone--last{transform:translate(-100%);align-items:flex-end}.cart-credit-tiers__dot{position:relative;display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;margin-top:-.9rem;border:.2rem solid rgba(var(--color-foreground),.2);border-radius:50%;background:rgb(var(--color-background));color:transparent;transition:background-color .3s ease,border-color .3s ease,color .3s ease,transform .3s var(--cct-ease)}.cart-credit-tiers__milestone.is-reached .cart-credit-tiers__dot{border-color:var(--cct-reached);background:var(--cct-reached);color:#fff}.cart-credit-tiers__milestone.is-just-reached .cart-credit-tiers__dot{animation:cct-pop .6s var(--cct-ease),cct-ring .9s ease-out}.cart-credit-tiers__label{display:flex;flex-direction:column;align-items:inherit;margin-top:.3rem;font-size:1.1rem;line-height:1.25;white-space:nowrap}.cart-credit-tiers__label-spend{opacity:.7}.cart-credit-tiers__milestone.is-reached .cart-credit-tiers__label-credit{color:var(--cct-reached)}.cart-credit-tiers__milestone.is-just-reached .cart-credit-tiers__label{animation:cct-label .6s var(--cct-ease)}.cart-credit-tiers__head{display:flex;align-items:flex-start;gap:.8rem}.cart-credit-tiers__head .cart-credit-tiers__message{flex:1 1 auto}.cart-credit-tiers__info{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;margin:-.2rem -.4rem 0 0;padding:0;border:0;border-radius:50%;background:none;color:rgba(var(--color-foreground),.7);cursor:pointer}.cart-credit-tiers__info:hover,.cart-credit-tiers__info[aria-expanded=true]{color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.06)}.cart-credit-tiers__info:focus-visible{outline:.2rem solid var(--cct-bar);outline-offset:.1rem}.cart-credit-tiers{position:relative}.cart-credit-tiers__fine{position:absolute;z-index:3;top:3.6rem;right:.8rem;left:.8rem;padding:1rem 1.2rem;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.12);border-radius:.6rem;box-shadow:0 .6rem 2rem #0000001f;font-size:1.2rem;line-height:1.5;animation:cct-message-in .25s var(--cct-ease)}.cart-credit-tiers__fine[hidden]{display:none}.cart-credit-tiers__fine p{margin:0}.cart-credit-tiers__fine p+p{margin-top:.6rem}.cart-credit-tiers__confetti{position:absolute;inset:50% auto auto 50%;pointer-events:none}.cart-credit-tiers__confetti i{position:absolute;width:.5rem;height:.8rem;margin:-.4rem 0 0 -.25rem;border-radius:.1rem;background:var(--c);opacity:0;animation:cct-confetti .9s cubic-bezier(.15,.7,.3,1) forwards}@keyframes cct-confetti{0%{opacity:1;transform:translate(0) rotate(0) scale(.6)}70%{opacity:1}to{opacity:0;transform:translate(var(--x),calc(var(--y) + 18px)) rotate(var(--r)) scale(1)}}@keyframes cct-pop{0%{transform:scale(1)}40%{transform:scale(1.55)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes cct-ring{0%{box-shadow:0 0 0 0 var(--cct-reached)}to{box-shadow:0 0 0 1.2rem transparent}}@keyframes cct-label{0%{transform:translateY(-.3rem);opacity:.4}to{transform:none;opacity:1}}@keyframes cct-message-in{0%{transform:translateY(.4rem);opacity:0}to{transform:none;opacity:1}}@keyframes cct-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.cart-credit-tiers__fill,.cart-credit-tiers__dot{transition:none}.cart-credit-tiers__message.is-changing,.cart-credit-tiers.is-celebrating .cart-credit-tiers__fill:after,.cart-credit-tiers__milestone.is-just-reached .cart-credit-tiers__dot,.cart-credit-tiers__milestone.is-just-reached .cart-credit-tiers__label{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/component-cart-credit-tiers.css.map */