:root{--typeface: "Inter"}.notification-container{position:fixed;top:24px;right:24px;width:360px}.notification{font-family:var(--typeface);position:absolute;width:100%;border-radius:14px;padding:14px 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border:none;box-shadow:0 2px 4px #00000014,0 12px 32px #0000001f,0 32px 64px #00000014;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease,box-shadow .25s ease}.notification:hover{box-shadow:0 4px 8px #0000001a,0 20px 48px #00000029,0 40px 80px #0000001a}.notification-left{display:flex;align-items:start;gap:12px}.notification-icon{display:flex;align-items:center;justify-content:center;font-size:16px}.notification-text{display:flex;flex-direction:column;gap:2px}.notification-message{font-size:12px;font-weight:400;line-height:1;letter-spacing:-.01em;text-overflow:ellipsis}.notification-tag{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;line-height:1}.notification-close{border:none;background:transparent;cursor:pointer;display:flex;align-items:center;flex-shrink:0;transition:opacity .15s ease;opacity:.45}.notification-close:hover{opacity:1}.notification-success{background:#d4f7e0}.notification-icon-success{color:#00a846}.notification-tag-success{color:#00873a}.notification-success .notification-message{color:#052e16}.notification-success .notification-close{color:#00a846}.notification-error{background:#ffe4e4}.notification-icon-error{color:#e8000d}.notification-tag-error{color:#c40009}.notification-error .notification-message{color:#2d0304}.notification-error .notification-close{color:#e8000d}.notification-warning{background:#fff3c4}.notification-icon-warning{color:#d08000}.notification-tag-warning{color:#a86500}.notification-warning .notification-message{color:#2e1a00}.notification-warning .notification-close{color:#d08000}.notification-info{background:#dceeff}.notification-icon-info{color:#006ce0}.notification-tag-info{color:#0056b8}.notification-info .notification-message{color:#021428}.notification-info .notification-close{color:#006ce0}