#notification-container{display:flex;flex-direction:column;gap:.6rem;pointer-events:none;position:fixed;right:1.25rem;top:1.25rem;z-index:9999}.notification-container{display:flex;flex-direction:column;gap:.5rem}.notification{align-items:center;animation:slideIn .3s ease both;background:#fff;border-left:4px solid var(--greyscale-200);border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.12);display:flex;gap:.65rem;max-width:380px;min-width:280px;opacity:0;padding:.75rem 1rem;pointer-events:auto;transform:translateX(30px);transition:opacity .3s,transform .3s}.notification.success{border-color:#22c55e}.notification.error{border-color:#ef4444}.notification.warning{border-color:#f59e0b}@keyframes slideIn{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{to{opacity:0;transform:translateX(24px)}}.notification.show{opacity:1;transform:translateX(0)}.notification.hiding{animation:slideOut .3s ease forwards}.notif-icon{flex-shrink:0;height:20px;margin-top:1px;width:20px}.notif-msg{color:var(--grayscale-700);font-size:.875rem;line-height:1.4}.spinner{animation:spin .6s linear infinite;border:2px solid hsla(0,0%,100%,.4);border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:.4rem;vertical-align:middle;width:16px}dialog .notification-container{pointer-events:none;position:fixed;right:20px;top:20px;z-index:1}@keyframes spin{to{transform:rotate(1turn)}}