.kd-message{width:400px;font-size:12px;padding:6px 14px 6px 20px;border-radius:4px;border:1px solid #373f57;background:#373f57;color:#fff;box-sizing:border-box;position:relative;overflow:hidden}.kd-message-fixed{position:fixed;top:0;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);transition:all .25s ease-in-out}.kd-message-success{border-color:#274e4d;background:#274e4d;color:#38c482}.kd-message-warning{border-color:#654526;background:#654526;color:#ff9a42}.kd-message-error{border-color:#552b39;background:#552b39;color:#ed3351}.kd-message-info{border-color:#2e3a5f;background:#2e3a5f;color:#5399ff}.kd-message-icon{margin-right:6px}.kd-message-wrap{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding-right:20px}.kd-message-content{line-height:1.5;word-wrap:break-word;word-break:break-all;white-space:pre-wrap}.kd-message-center .kd-message-wrap{-ms-flex-pack:center;justify-content:center}.kd-message-close{position:absolute;top:50%;right:14px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);font-size:12px;cursor:pointer}.kd-message-fade-enter,.kd-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}