.f-message{--message-font-size: 15px}.f-message__default{--message-color: #333}.f-message__primary{--message-color: #2d5af1}.f-message__success{--message-color: #52b35e}.f-message__danger{--message-color: #ff0200}.f-message__warning{--message-color: #fcc202}.f-message{position:fixed;padding:10px 18px;font-size:14px;overflow:hidden;display:flex;justify-content:space-between;box-shadow:0 4px 10px #0003;align-items:center;max-width:500px;transition:all .4s ease-out;z-index:4000;z-index:var(--message-z-index, 4000);background:#fff;background:var(--message-background, #fff);color:var(--message-color)}.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__before_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%)}