.qa-snack{position:fixed;z-index:50;left:16px;right:16px;bottom:calc(16px + max(var(--qa-nav-h, 0px), env(safe-area-inset-bottom, 0px)));box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:14px 16px;border-radius:12px;background:#e53935;color:#fff;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);animation:qa-snack-grow .25s cubic-bezier(.76,0,.24,1) backwards,qa-snack-fade-in .25s linear backwards}:root:has(.qa-cartbars[data-count="1"]) .qa-snack{bottom:calc(16px + var(--qa-nav-h, 0px) + (78px + max(0px, env(safe-area-inset-bottom, 0px) - var(--qa-nav-h, 0px))))}:root:has(.qa-cartbars[data-count="2"]) .qa-snack{bottom:calc(16px + var(--qa-nav-h, 0px) + 2 * (78px + max(0px, env(safe-area-inset-bottom, 0px) - var(--qa-nav-h, 0px))))}:root:has(.qa-cartbars[data-count="3"]) .qa-snack{bottom:calc(16px + var(--qa-nav-h, 0px) + 3 * (78px + max(0px, env(safe-area-inset-bottom, 0px) - var(--qa-nav-h, 0px))))}@media (min-width:768px){.qa-snack{max-width:448px;margin-inline:auto}}.qa-snack__icon{flex:0 0 auto}.qa-snack__text{flex:1 1 auto;min-width:0;font-size:14px;font-weight:700;line-height:1.3}@keyframes qa-snack-grow{0%{clip-path:inset(100% -24px -24px -24px)}to{clip-path:inset(-24px -24px -24px -24px)}}@keyframes qa-snack-fade-in{0%{opacity:0}40%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45)}60%{opacity:1}to{opacity:1}}.qa-snack--leave{animation:qa-snack-fade-out .25s linear forwards}@keyframes qa-snack-fade-out{0%{opacity:1}40%{opacity:1;animation-timing-function:cubic-bezier(0,.55,.45,1)}60%{opacity:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.qa-snack,.qa-snack--leave{animation:none}}