.alert{position:fixed;top:20px;right:-400px;padding:15px 25px;border-radius:10px;font-size:16px;color:white;box-shadow:0 4px 12px rgba(0,0,0,.15);opacity:0;transition:all .6s ease;z-index:9999}.alert.show{right:20px;opacity:1}.alert.success{background:var(--color)}.alert.error{background:#e74c3c}.alert.warning{background:#f39c12}.alert .loader{height:4px;background:rgba(255,255,255,.8);border-radius:2px;margin-top:8px;border:none;animation:shrink linear forwards}@keyframes shrink{0%{width:100%}to{width:0}}