.cart-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--fluid-32-48);height:var(--fluid-32-48);padding:0;background:transparent;border:0;color:#fff;text-decoration:none;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.cart-icon:hover,.cart-icon:focus-visible{opacity:.8}.cart-icon:focus-visible{outline:2px solid yellow;outline-offset:2px}.cart-icon__svg{width:var(--fluid-20-24);height:var(--fluid-20-24);display:block}.cart-icon__count{position:absolute;top:0;right:0;min-width:var(--fluid-16-20);height:var(--fluid-16-20);padding:0 var(--fluid-4-4);display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:#000;font-family:var(--font-body-family);font-size:var(--fluid-10-12);font-weight:var(--font-body-weight-bold);line-height:1;border-radius:var(--radius-pill);pointer-events:none;transform-origin:center center;will-change:transform}.cart-icon__count[hidden]{display:none}.cart-icon__count.is-bouncing{animation:cart-bubble-bounce .62s cubic-bezier(.34,1.56,.64,1) both}@keyframes cart-bubble-bounce{0%{transform:scale(1)}18%{transform:scale(1.55)}42%{transform:scale(.82)}64%{transform:scale(1.18)}82%{transform:scale(.94)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.cart-icon__count.is-bouncing{animation:none}}.floating-cart{position:fixed;bottom:var(--fluid-16-24);z-index:90;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--color-foreground);border:1px solid var(--color-foreground);box-shadow:0 8px 24px #0000002e;transition:transform .2s ease,opacity .2s ease}.floating-cart--right{right:var(--fluid-16-24)}.floating-cart--left{left:var(--fluid-16-24)}.floating-cart:hover{transform:translateY(calc(-1 * var(--fluid-2-2)))}a.cart-icon--floating:hover{opacity:1;color:#fff}.floating-cart .cart-icon__svg{width:100%;height:100%}.floating-cart .cart-icon__count{top:calc(-1 * var(--fluid-4-6));right:calc(-1 * var(--fluid-4-6))}@media(prefers-reduced-motion:reduce){.floating-cart{transition:none}.floating-cart:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-cart-icon.css.map */