cart-drawer.cbb .cbb-bagmark{position:relative;display:block;flex:none;width:3.6rem;margin-right:.8rem;transform:translateY(-.2rem);transform-origin:50% 15%}cart-drawer.cbb .cbb-bagmark__svg{display:block;width:100%;height:auto;overflow:visible}cart-drawer.cbb .cbb-bagmark .cbb-bagsym__shadow{display:none}cart-drawer.cbb .cbb-bagmark__n{position:absolute;top:1.2rem;right:-1rem;display:grid;place-items:center;min-width:2.1rem;height:2.1rem;padding:0 .5rem;border-radius:99px;background:var(--cbb-ruby);color:#fff;box-shadow:0 0 0 .2rem #fff;font-family:var(--font-body-family);font-size:1.1rem;font-weight:500;font-style:normal;letter-spacing:0;line-height:1}cart-drawer.cbb .cbb-bagmark.is-hop{animation:cbbBagHop .8s var(--cbb-spring) both;animation-delay:calc(var(--hop, .9s) - var(--el, 0s))}@keyframes cbbBagHop{0%{transform:translateY(-.2rem)}30%{transform:translateY(-.9rem) rotate(-7deg) scale(1.08)}60%{transform:translateY(0) rotate(4deg)}to{transform:translateY(-.2rem)}}cart-drawer.cbb .cbb-bagsym__handle{transform-box:view-box;transform-origin:60px 58px}cart-drawer.cbb .cbb-empty__bag{width:13rem;margin:0 auto 3rem}cart-drawer.cbb .cbb-empty__svg{display:block;width:100%;height:auto;overflow:visible}cart-drawer.cbb.active .cbb-empty__bag{animation:cbbBagLand .9s .2s var(--cbb-spring) both}cart-drawer.cbb.active .cbb-empty__svg .cbb-bagsym__handle{animation:cbbHandle 1.8s .6s var(--cbb-ease) both}@keyframes cbbBagLand{0%{opacity:0;transform:translateY(-2.4rem) rotate(-4deg)}60%{opacity:1;transform:translateY(.3rem) rotate(1deg)}to{opacity:1;transform:none}}@keyframes cbbHandle{0%{transform:none}20%{transform:rotate(-10deg)}45%{transform:rotate(7deg)}70%{transform:rotate(-3deg)}to{transform:none}}#cart-icon-bubble{position:relative}#cart-icon-bubble .svg-wrapper{width:4.4rem;height:4.4rem}#cart-icon-bubble .svg-wrapper>svg{width:100%;height:100%;transform-origin:50% 22%}@media(hover:hover){#cart-icon-bubble:hover .svg-wrapper>svg{animation:cbbBagSwing 1s cubic-bezier(.2,.7,.2,1)}}#cart-icon-bubble .cart-count-bubble{top:.3rem;right:-.4rem;bottom:auto;left:auto;width:1.7rem;height:1.7rem;background:#af0e33;color:#fff;box-shadow:0 0 0 .2rem #fff;font-size:1rem;font-weight:500}@keyframes cbbBagSwing{0%{transform:none}25%{transform:rotate(-8deg)}55%{transform:rotate(5deg)}80%{transform:rotate(-2deg)}to{transform:none}}@media(prefers-reduced-motion:reduce){cart-drawer.cbb .cbb-bagmark,cart-drawer.cbb .cbb-empty__bag,cart-drawer.cbb .cbb-bagsym__handle,#cart-icon-bubble .svg-wrapper>svg{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/cbc-bag-symbol.css.map */
