:root{--tm-message-success-color:#3DAF30;--tm-message-success-bgc:#F0F9EB;--tm-message-warning-color:#FFAB00;--tm-message-warning-bgc:#FFF6E3;--tm-message-error-color:#f67172;--tm-message-error-bgc:#FEF1F0;--tm-message-info-color:#3470ff;--tm-message-info-bgc:#EDF2FD}.tm-message{position:fixed;left:50%;transform:translateX(-50%);min-width:400px;display:flex;align-items:center;min-height:45px;padding:0 15px;border-radius:5px;transition:opacity .3s,transform .4s,top .4s;overflow:hidden;box-sizing:border-box}.tm-message--success{color:var(--tm-message-success-color);background-color:var(--tm-message-success-bgc)}.tm-message--warning{color:var(--tm-message-warning-color);background-color:var(--tm-message-warning-bgc)}.tm-message--error{color:var(--tm-message-error-color);background-color:var(--tm-message-error-bgc)}.tm-message--info{color:var(--tm-message-info-color);background-color:var(--tm-message-info-bgc)}.tm-message__icon{font-size:16px}.tm-message__content{width:0;flex:1;font-weight:550;font-size:14px;line-height:16px;word-wrap:break-word;padding:10px 0 10px 12px}.tm-message-fade-enter,.tm-message-fade-leave-active{opacity:0;transform:translate(-50%,-100%)}