@keyframes notification-fade-out{0%{opacity:1}to{opacity:0}}.notification-container{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.notification-pill{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-radius:9999px;background:#fff;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid rgba(0,0,0,.05);pointer-events:auto;max-width:90vw;width:max-content}.notification-pill.fade-out{animation:notification-fade-out .3s ease-out forwards}.notification-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:9999px;flex-shrink:0}.notification-message{font-size:.875rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-pill.success{border-color:#d1fae5;background-color:#f0fdf4}.notification-pill.success .notification-icon{background-color:#22c55e;color:#fff}.notification-pill.success .notification-message{color:#166534}.notification-pill.error{border-color:#fecaca;background-color:#fef2f2}.notification-pill.error .notification-icon{background-color:#ef4444;color:#fff}.notification-pill.error .notification-message{color:#b91c1c}.notification-pill.warning{border-color:#fed7aa;background-color:#fffaf5}.notification-pill.warning .notification-icon{background-color:#f97316;color:#fff}.notification-pill.warning .notification-message{color:#c2410c}.notification-pill.info{border-color:#e0e7ff;background-color:#eef2ff}.notification-pill.info .notification-icon{background-color:#6366f1;color:#fff}.notification-pill.info .notification-message{color:#3730a3}