.sugar-floating-cart--section{position:sticky;top:var(--header-height, 0px);z-index:4;height:0}.sugar-floating-cart{display:block;position:relative;height:0;background:none}.sugar-floating-cart__button{--fc-hidden: scale(.3);position:absolute;top:10px;right:max(12px,env(safe-area-inset-right,0px));display:flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:var(--font-body-family);font-size:23px;line-height:1;text-decoration:none;background:var(--fc-bg, rgb(var(--color-background)));color:var(--fc-icon, rgb(var(--color-foreground)));-webkit-tap-highlight-color:transparent;visibility:hidden;opacity:0;pointer-events:none;transform:var(--fc-hidden);transition:transform .25s ease-in,opacity .2s,visibility 0s .25s}body:not(.sugar-cart-drawer-open) .sugar-floating-cart:has(>.sugar-floating-cart__button>.sugar-floating-cart__count>.cart-count-bubble)>.sugar-floating-cart__button,body:not(.sugar-cart-drawer-open) .sugar-floating-cart[data-empty=icon][data-fc-seen]>.sugar-floating-cart__button,.sugar-floating-cart[data-fc-editing]>.sugar-floating-cart__button{visibility:visible;opacity:1;pointer-events:auto;transform:none;transition:transform .55s cubic-bezier(.34,1.8,.5,1),opacity .2s,visibility 0s}.sugar-floating-cart__button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.sugar-floating-cart__button .sugar-icon{flex:none}.sugar-floating-cart__count .cart-count-bubble{box-sizing:border-box;min-width:21px;height:21px;width:auto;padding:0 5px;border-radius:999px;background:var(--fc-icon, rgb(var(--color-foreground)));color:var(--fc-bg, rgb(var(--color-background)));font-family:var(--font-body-family);font-size:12px;font-weight:800;line-height:1}.sugar-floating-cart--chip .sugar-floating-cart__button,.sugar-floating-cart--glow .sugar-floating-cart__button{width:50px;height:50px;border-radius:50%}.sugar-floating-cart--chip .sugar-floating-cart__count .cart-count-bubble,.sugar-floating-cart--glow .sugar-floating-cart__count .cart-count-bubble{position:absolute;top:-3px;right:-3px;box-shadow:0 0 0 2px var(--fc-bg, rgb(var(--color-background)))}.sugar-floating-cart--chip .sugar-floating-cart__button,.sugar-floating-cart--pill .sugar-floating-cart__button{box-shadow:0 0 0 1px #182f4f1a,0 10px 28px -6px #08172b4d,0 2px 6px #08172b1a}.sugar-floating-cart--glow .sugar-floating-cart__button{--fc-glow: var(--fc-bg, rgb(var(--color-accent)));color:var(--fc-icon, rgb(var(--color-background)));background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--fc-glow),#fff 32%),var(--fc-glow) 58%,color-mix(in srgb,var(--fc-glow),#000 12%));box-shadow:0 0 0 5px color-mix(in srgb,var(--fc-glow) 18%,transparent),0 12px 26px -6px color-mix(in srgb,var(--fc-glow) 70%,transparent),inset 0 1px #ffffff59}.sugar-floating-cart--glow .sugar-floating-cart__count .cart-count-bubble{background:var(--fc-icon, rgb(var(--color-background)));color:var(--fc-glow);box-shadow:0 2px 6px #08172b47}.sugar-floating-cart--pill .sugar-floating-cart__button{--fc-hidden: translateY(-26px) scale(.9);gap:8px;height:44px;padding:0 6px 0 14px;border-radius:999px;font-size:22px}body:not(.sugar-cart-drawer-open) .sugar-floating-cart--pill:has(>.sugar-floating-cart__button>.sugar-floating-cart__count>.cart-count-bubble)>.sugar-floating-cart__button,body:not(.sugar-cart-drawer-open) .sugar-floating-cart--pill[data-empty=icon][data-fc-seen]>.sugar-floating-cart__button{transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .25s,visibility 0s}.sugar-floating-cart--pill .sugar-floating-cart__count .cart-count-bubble{position:static;min-width:32px;height:32px;padding:0 9px;font-size:15px}@media screen and (min-width:750px){.sugar-floating-cart__button{top:14px;right:max(24px,env(safe-area-inset-right,0px));font-size:25px}.sugar-floating-cart--chip .sugar-floating-cart__button,.sugar-floating-cart--glow .sugar-floating-cart__button{width:54px;height:54px}.sugar-floating-cart--pill .sugar-floating-cart__button{gap:10px;height:48px;padding:0 7px 0 16px;font-size:23px}.sugar-floating-cart--pill .sugar-floating-cart__count .cart-count-bubble{min-width:34px;height:34px}}@media(prefers-reduced-motion:reduce){.sugar-floating-cart__button,body:not(.sugar-cart-drawer-open) .sugar-floating-cart:has(>.sugar-floating-cart__button>.sugar-floating-cart__count>.cart-count-bubble)>.sugar-floating-cart__button,body:not(.sugar-cart-drawer-open) .sugar-floating-cart[data-empty=icon][data-fc-seen]>.sugar-floating-cart__button,.sugar-floating-cart[data-fc-editing]>.sugar-floating-cart__button{transform:none;transition:opacity .2s,visibility 0s}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-floating-cart.css.map */
