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