.message-notification{position:fixed;top:0;right:0;padding:10px 25px 10px 20px;border:1px solid var(--blue);border-radius:5px;color:#fff;background-color:#4f74e4;margin:20px;box-shadow:0 0 14px rgba(0,0,0,.05);opacity:0;z-index:60;transition-property:opacity,transform;transition-duration:1s;transform:translateY(-100%)}.message-notification.active{opacity:1;transform:translateY(0%)}.message-notification.preload{transition:none}