@keyframes alert-slide{0%{transform:translateX(calc(100% + 24px));opacity:0}10%{transform:translateX(0);opacity:1}70%{transform:translateX(0);opacity:1}to{transform:translateX(calc(100% + 24px));opacity:0}}.notifi-alert{position:fixed;top:32px;right:24px;display:flex;align-items:center;gap:12px;padding:12px;border-radius:4px;border:1px solid transparent;font-size:14px;font-weight:500;line-height:20px;transform:translateX(calc(100% + 24px));opacity:0}.notifi-alert--success{background-color:#edf9ef;border-color:#ade5b7;color:#212529}.notifi-alert--warning{background-color:#fff4e5;border-color:#ffc107;color:#663c00}.notifi-alert__icon{display:flex;align-items:center;width:20px;height:20px}.notifi-alert__icon img,.notifi-alert__icon svg{width:100%;height:100%}.notifi-alert__message{margin:0}.notifi-alert--animation{animation:alert-slide 3s ease-in-out forwards}