.zm-notification{display:flex;width:330px;padding:14px 26px 14px 13px;border-radius:8px;box-sizing:border-box;position:fixed;background-color:#fff;box-shadow:0 2px 12px 0 rgba(35,35,51,0.5);transition:opacity .3s, transform .3s, left .3s, right .3s, top 0.4s, bottom .3s;overflow:hidden}.zm-notification.right{right:16px}.zm-notification.left{left:16px}.zm-notification__group{margin-left:13px}.zm-notification__title{font-weight:bold;font-size:16px;color:#232333;margin:0}.zm-notification__content{font-size:14px;line-height:21px;margin:6px 0 0 0;color:#232333}.zm-notification__content p{margin:0}.zm-notification__icon{height:24px;width:24px;font-size:24px}.zm-notification__closeBtn{position:absolute;top:10px;right:5px;cursor:pointer;color:#747487;font-size:16px;background-color:transparent;border:none}.zm-notification__closeBtn:hover{color:#232333}.zm-notification .zm-icon-success{color:#1C7E41}.zm-notification .zm-icon-error{color:#B22424}.zm-notification .zm-icon-info{color:#232333}.zm-notification .zm-icon-warning{color:#775111}.zm-notification-fade-enter.right{right:0;transform:translateX(100%)}.zm-notification-fade-enter.left{left:0;transform:translateX(-100%)}.zm-notification-fade-leave-active{opacity:0}