.zm-notification{display:flex;width:330px;padding:14px 26px 14px 13px;border-radius:8px;box-sizing:border-box;position:fixed;background-color:#f7f9fa;color:#131619;box-shadow:0 12px 24px rgba(19,22,25,.1);transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;overflow:hidden}.zm-notification.right{right:16px}.zm-notification.left{left:16px}.zm-notification__group{margin-left:12px}.zm-notification__title{font-weight:bold;font-size:14px;line-height:20px;margin:0}.zm-notification__content{font-size:14px;line-height:21px;margin:6px 0 0 0}.zm-notification__content p{color:inherit;margin:0}.zm-notification__icon{font-size:20px;line-height:20px;color:#6e7680}.zm-notification__closeBtn{position:absolute;top:10px;right:5px;width:32px;height:32px;padding:0;background-color:rgba(0,0,0,0);border:none;border-radius:8px;font-size:16px;color:inherit}.zm-notification__closeBtn:hover{background-color:#f7f9fa}.zm-notification__closeBtn:active{background-color:#f1f4f6}.zm-notification--success{background-color:#f2fff6}.zm-notification--success .zm-notification__icon{color:#268543}.zm-notification--info{background-color:#f7f9fa}.zm-notification--info .zm-notification__icon{color:#6e7680}.zm-notification--warning{background-color:#fff9f2}.zm-notification--warning .zm-notification__icon{color:#b36200}.zm-notification--error{background-color:#fff2f5}.zm-notification--error .zm-notification__icon{color:#e8173d}.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}.zm-theme--dark .zm-notification{background-color:#252a30;color:#f7f9fa}.zm-theme--dark .zm-notification .zm-notification__content p{margin:0}.zm-theme--dark .zm-notification .zm-notification__closeBtn:hover{background-color:#252a30}.zm-theme--dark .zm-notification .zm-notification__closeBtn:active{background-color:#090b0d}.zm-theme--dark .zm-notification--success{background-color:#022b0f}.zm-theme--dark .zm-notification--success .zm-notification__icon{color:#4b9d64}.zm-theme--dark .zm-notification--info{background-color:#252a30}.zm-theme--dark .zm-notification--info .zm-notification__icon{color:#98a0a9}.zm-theme--dark .zm-notification--warning{background-color:#361e00}.zm-theme--dark .zm-notification--warning .zm-notification__icon{color:#c28030}.zm-theme--dark .zm-notification--error{background-color:#44010d}.zm-theme--dark .zm-notification--error .zm-notification__icon{color:#ed4d6a}