.cart-rewards{--cart-rewards-dot: 44px;--cart-rewards-line: 4px;--cart-rewards-ease: cubic-bezier(.16, 1, .3, 1);--cart-rewards-duration: .9s;--cart-rewards-ok: #33af58;--cart-rewards-ray-a: #f5b700;--cart-rewards-ray-b: #33af58;display:block;width:100%;padding:4px 4px 0}.drawer__scrollable>.cart-rewards{margin-bottom:-12px}.cart-rewards__row{position:relative;display:flex;align-items:flex-end;min-height:calc(var(--cart-rewards-dot) + 2.6rem)}.cart-rewards__line{position:absolute;left:0;right:0;bottom:calc(var(--cart-rewards-dot) / 2);height:var(--cart-rewards-line);transform:translateY(50%);border-radius:999px;background:var(--cart-rewards-track);overflow:hidden;z-index:0}.cart-rewards--single .cart-rewards__line{left:0;right:0}.cart-rewards__fill{display:block;height:100%;border-radius:inherit;background:var(--cart-rewards-fill);transition:width var(--cart-rewards-duration) var(--cart-rewards-ease)}.cart-rewards__step{position:relative;z-index:1;display:flex;flex:1 1 0;flex-direction:column;align-items:center;gap:2px;min-width:0;text-align:center}.cart-rewards__name{max-width:100%;color:var(--color-foreground-heading);font-size:.8125rem;font-weight:650;line-height:1.2}.cart-rewards__amount{color:var(--color-foreground);font-size:.75rem;font-weight:500;line-height:1.2}.cart-rewards__dot{position:relative;display:flex;align-items:center;justify-content:center;width:var(--cart-rewards-dot);height:var(--cart-rewards-dot);margin-top:8px;border-radius:50%;border:3px solid rgb(var(--color-background));box-sizing:border-box;background:var(--cart-rewards-idle);color:#fff;transition:background-color .4s ease,color .4s ease}.cart-rewards__dot.is-reached{background:var(--cart-rewards-ok);color:#fff;animation:cart-rewards-glow 2.4s ease-in-out 1.2s 2}.cart-rewards__idle{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.cart-rewards__dot.is-reached .cart-rewards__idle{display:none}.cart-rewards__done{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center}.cart-rewards__dot.is-reached .cart-rewards__done{display:flex}.cart-rewards__ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid var(--cart-rewards-ok);pointer-events:none}.cart-rewards__dot.is-reached .cart-rewards__ring{animation:cart-rewards-ring .8s ease-out .1s both}.cart-rewards__rays{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cart-rewards__ray{position:absolute;left:50%;top:50%;width:3px;height:9px;margin:-4.5px 0 0 -1.5px}.cart-rewards__ray i{display:block;width:100%;height:100%;border-radius:3px;opacity:0}.cart-rewards__dot.is-reached .cart-rewards__ray i{animation:cart-rewards-ray .75s cubic-bezier(.2,.8,.3,1) .18s both}.cart-rewards__ray:nth-child(odd) i{background:var(--cart-rewards-ray-a)}.cart-rewards__ray:nth-child(2n) i{background:var(--cart-rewards-ray-b)}.cart-rewards__ok{position:relative;z-index:1;width:20px;height:20px}.cart-rewards__dot.is-reached .cart-rewards__ok{animation:cart-rewards-pop .55s cubic-bezier(.3,1.4,.5,1) both}.cart-rewards__ok path{stroke-dasharray:22;stroke-dashoffset:22}.cart-rewards__dot.is-reached .cart-rewards__ok path{animation:cart-rewards-draw .45s ease .22s both}.cart-rewards__icon{width:46%;height:46%}.cart-rewards__number{font-size:.875rem;font-weight:650;line-height:1}.cart-rewards__message:empty{display:none}.cart-rewards__message{margin:14px 0 0;padding:10px 16px;border-radius:999px;background:rgb(var(--color-foreground) / .06);color:var(--color-foreground);font-size:.875rem;line-height:1.35;text-align:center;animation:cart-rewards-msg .4s ease}.cart-rewards__message strong{color:var(--color-foreground-heading);font-weight:650}.cart-free-line .cart-quantity,.cart-free-line .quantity__buttons,.cart-prize-line .quantity__buttons,.cart-prize-line [is=cart-remove-button]{display:none}.cart-prize-line__price{color:var(--color-foreground-heading);font-weight:650}@keyframes cart-rewards-pop{0%{transform:scale(.2)}55%{transform:scale(1.25)}80%{transform:scale(.94)}to{transform:scale(1)}}@keyframes cart-rewards-draw{0%{stroke-dashoffset:22}to{stroke-dashoffset:0}}@keyframes cart-rewards-ray{0%{opacity:0;transform:translateY(-16px) scaleY(.3)}25%{opacity:1}to{opacity:0;transform:translateY(-36px) scaleY(1)}}@keyframes cart-rewards-ring{0%{transform:scale(.8);opacity:.7}to{transform:scale(1.9);opacity:0}}@keyframes cart-rewards-glow{0%,to{box-shadow:0 0 #33af5800}50%{box-shadow:0 0 0 6px #33af5829}}@keyframes cart-rewards-msg{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:749px){.cart-rewards{--cart-rewards-dot: 40px}.cart-rewards__name{font-size:.6875rem}}@media(prefers-reduced-motion:reduce){.cart-rewards__fill,.cart-rewards__dot{transition:none}.cart-rewards__dot.is-reached,.cart-rewards__dot.is-reached .cart-rewards__ring,.cart-rewards__dot.is-reached .cart-rewards__ray i,.cart-rewards__dot.is-reached .cart-rewards__ok,.cart-rewards__dot.is-reached .cart-rewards__ok path,.cart-rewards__message{animation:none}.cart-rewards__dot.is-reached .cart-rewards__ok path{stroke-dashoffset:0}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/cart-rewards.css.map */