.f-message{z-index:4000;position:fixed;padding:10px 20px;font-size:14px;overflow:hidden;display:flex;justify-content:space-between;align-items:center;box-shadow:#ededed 1px 1px 7px,#ededed -1px -1px 7px;max-width:500px;transition:all .4s ease-out}.f-message.f-message__default{background:#fff;color:#333}.f-message.f-message__primary{background:#fff;color:#2d5af1}.f-message.f-message__success{background:#fff;color:#52b35e}.f-message.f-message__danger{background:#fff;color:#ff0200}.f-message.f-message__warning{background:#fff;color:#fcc202}.f-message.f-message__round{border-radius:20px}.f-message.f-message__top{left:50%;transform:translate(-50%)}.f-message.f-message__top-left{left:20px}.f-message.f-message__top-right{right:20px}.f-message.f-message__bottom{left:50%;bottom:0;transform:translate(-50%)}.f-message.f-message__bottom-left{left:20px;bottom:0}.f-message.f-message__bottom-right{right:20px;bottom:0}.f-message__close{margin-left:10px;display:flex;justify-content:center;align-items:center;cursor:pointer}.f-message__icon{margin-right:10px}.f-message-fade-top-enter-active,.f-message-fade-bottom-enter-active{transition:all .15s ease-out}.f-message-fade-top-leave-active,.f-message-fade-bottom-leave-active{transition:all .15s cubic-bezier(1,.5,.8,1)}.f-message-fade-top-enter-from,.f-message-fade-top-leave-to{opacity:0;transform:translateY(-100%)}.f-message__top.f-message-fade-top-enter-from,.f-message__top.f-message-fade-top-leave-to{opacity:0;transform:translate(-50%,-100%)}.f-message-fade-bottom-enter-from,.f-message-fade-bottom-leave-to{opacity:0;transform:translateY(100%)}.f-message__bottom.f-message-fade-bottom-enter-from,.f-message__bottom.f-message-fade-bottom-leave-to{opacity:0;transform:translate(-50%,100%)}