.f-notification{--notification-font-size: 15px}.f-notification__default{--notification-color: #333}.f-notification__primary{--notification-color: #2d5af1}.f-notification__success{--notification-color: #52b35e}.f-notification__danger{--notification-color: #ff0200}.f-notification__warning{--notification-color: #fcc202}.f-notification{position:fixed;padding:13px 20px;font-size:14px;min-width:300px;max-width:500px;box-sizing:border-box;overflow:hidden;display:flex;align-items:flex-start;box-shadow:0 4px 10px #0003;transition:all .4s ease-out;z-index:4000;z-index:var(--notification-z-index, 4000);background:#fff;background:var(--notification-background, #fff);color:var(--notification-color)}.f-notification.f-notification__round{border-radius:10px}.f-notification.f-notification__top{left:50%;transform:translate(-50%)}.f-notification.f-notification__top-left{left:20px}.f-notification.f-notification__top-right{right:20px}.f-notification.f-notification__bottom{left:50%;bottom:0;transform:translate(-50%)}.f-notification.f-notification__bottom-left{left:20px;bottom:0}.f-notification.f-notification__bottom-right{right:20px;bottom:0}.f-notification__icon{margin-right:10px}.f-notification__content{padding-right:21px}.f-notification__content .f-notification__title{margin:0 0 10px;color:#19191a;font-weight:500;font-size:18px}.f-notification__content .f-notification__message{font-size:15px;color:#4a4a4d;font-weight:500}.f-notification__close{cursor:pointer;position:absolute;top:12px;right:12px}.f-notification-fade-right-enter-active,.f-notification-fade-right-leave-active,.f-notification-fade-left-enter-active,.f-notification-fade-left-leave-active{transition:all .3s ease-out}.f-notification-fade-right-enter-from,.f-notification-fade-right-leave-to{transform:translate(100%);opacity:0}.f-notification-fade-left-enter-from,.f-notification-fade-left-leave-to{transform:translate(-100%);opacity:0}