.notifier-container{z-index:1000;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}@keyframes slideInLeft{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notifier{color:#fff;background:#444;border:none;border-left:4px solid;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;min-width:300px;max-width:500px;padding:15px;font-size:16px;animation:.5s ease-out slideInLeft;display:flex}.notifier-success{border-color:#2e7d32}.notifier-error{border-color:#b71c1c}.notifier-warning{border-color:#ff8f00}.notifier-close{color:#fff;cursor:pointer;background:0 0;border:none;margin-left:10px;font-size:20px;transition:color .3s}.notifier-close:hover{color:#ccc}