.message{border-radius:1rem;color:#fff;display:none;font-size:1.8rem;left:50%;margin-top:1rem;padding:2rem;position:fixed;text-align:center;top:2rem;transform:translate(-50%);z-index:99999999}.message.active{animation:fadeIn .2s linear forwards;display:block}@keyframes fadeIn{0%{display:block;opacity:0;transform:translateY(-2rem)}to{display:block;opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{display:block;opacity:1;transform:translateY(-2rem)}to{display:none;opacity:0;transform:translate(0)}}.success{background-color:#4caf50}.warning{background-color:#ff9800}.error{background-color:#f44336}