.sales-notif-container{position:fixed;bottom:20px;left:20px;z-index:9999;pointer-events:none;display:flex;flex-direction:column-reverse;gap:8px;max-width:400px;width:calc(100vw - 40px)}.sales-notif-toast{pointer-events:auto;display:flex;align-items:center;gap:10px;background:#fff;border-radius:10px;padding:8px 12px;box-shadow:0 4px 16px #0000001f,0 1px 4px #00000014;border-left:4px solid #22c55e;opacity:0;transform:translate(-24px) translateY(8px);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1);will-change:opacity,transform;cursor:default;user-select:none;-webkit-user-select:none}.sales-notif-toast.is-visible{opacity:1;transform:translate(0) translateY(0)}.sales-notif-toast.is-hiding{opacity:0;transform:translate(-16px) translateY(4px);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.sales-notif-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #e5e7eb;background:#f3f4f6}.sales-notif-avatar img{width:100%;height:100%;display:block;object-fit:cover}.sales-notif-body{flex:1;min-width:0}.sales-notif-name{font-size:13px;font-weight:600;color:#111827;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-notif-message{font-size:12px;color:#6b7280;line-height:1.4;margin-top:2px}.sales-notif-savings{font-weight:700;color:#16a34a}.sales-notif-time{font-size:11px;color:#9ca3af;margin-top:3px}.sales-notif-close{flex-shrink:0;background:none;border:none;padding:2px;cursor:pointer;color:#9ca3af;line-height:0;border-radius:4px;transition:color .15s,background .15s}.sales-notif-close:hover{color:#374151;background:#f3f4f6}.sales-notif-close svg{width:14px;height:14px}@media(max-width:480px){.sales-notif-container{bottom:12px;left:12px;max-width:calc(100vw - 24px);width:calc(100vw - 24px)}.sales-notif-toast{padding:7px 10px;gap:8px}.sales-notif-avatar{width:34px;height:34px}.sales-notif-name{font-size:12px}.sales-notif-message{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/sales-notifications.css.map */