.m-message { position: fixed; left: 0; top: 0; width: 100vw; min-height: 100vh; color: #fff; pointer-events: none;}.m-message-fade-enter,.m-message-fade-leave-to { opacity: 0; transform: translateY(-30px);}.m-message-fade-enter-active,.m-message-fade-leave-active { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.m-message-fade-move { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.m-message__list { position: absolute; width: 100%; display: flex; flex-direction: column; align-items: center; padding: 0;}.m-message__item { display: flex; justify-content: center; width: 100vw;}.m-message__message-item { display: flex; align-items: center; max-width: 80vw; padding: 14px 18px; border-radius: 4px; font-size: 14px; pointer-events: visible; margin-bottom: 10px;}.m-message__close-button[message-cover] { flex-shrink: 0; background: transparent; opacity: 0.8; margin: 0 -10px 0 0;}.m-message__close-button[message-cover]:hover { opacity: 1; transform: none; background: transparent;}.m-message__close-icon[message-cover] { font-size: 18px;}.m-message__main { display: flex; align-items: center;}.m-message__icon[message-cover] { width: 20px; height: 20px;}.m-message__content { margin: 0 16px;}.m-message__loading[message-cover] svg { color: #fff; width: 20px; height: 20px;}.m-message--loading { background-color: #3f4d67;}.m-message--info { background-color: #11cdef;}.m-message--warning { background-color: #fb6340;}.m-message--success { background-color: #2fcf8a;}.m-message--error { background-color: #f5365c;}.m-message--top { top: 30px;}.m-message--bottom { bottom: 30px;}.m-message--forbid-click { pointer-events: visible;}