.notification{z-index:20001;opacity:0;pointer-events:none;position:fixed;top:20px;right:20px;transform:translate(400px)}.notification-visible{pointer-events:auto;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards notifSlideIn}@keyframes notifSlideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}.notification-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0f1419f2,#1a2332f2);border:1px solid #00e6764d;border-radius:4px;align-items:center;gap:.75rem;min-width:240px;max-width:320px;padding:.75rem 1rem;display:flex;box-shadow:0 8px 32px #0006,0 0 20px #00e67633}.notification-error .notification-content{border-color:#ef44444d}.notification-success .notification-content{border-color:#22c55e4d}.notification-icon{color:#00e676;background:linear-gradient(135deg,#00e67633,#00e6761a);border:1px solid #00e6764d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.notification-error .notification-icon{color:#ef4444;background:#ef444433;border-color:#ef44444d}.notification-success .notification-icon{color:#22c55e;background:#22c55e33;border-color:#22c55e4d}.notification-icon svg{width:14px;height:14px}.notification-message{font-family:var(--font-body);color:#e0e8f0;flex:1;min-width:0;margin:0;font-size:.8125rem;line-height:1.4}.notification-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:.25rem;display:flex}.notification-close:hover{color:#fff;background:#ffffff1a}.notification.notification-exiting{pointer-events:none;animation:.4s forwards notifSlideOut}@keyframes notifSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}