@use "sass:map";.zm-notification{display:flex;width:20.625rem;padding:.875rem 1.625rem .875rem .8125rem;border-radius:8px;box-sizing:border-box;position:fixed;background-color:#f7f9fa;color:#232333;box-shadow:0 .75rem 1.5rem rgba(19,22,25,.1);transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;overflow:hidden}.zm-notification.right{right:1rem}.zm-notification.left{left:1rem}.zm-notification__group{margin-left:.75rem}.zm-notification__title{font-weight:700;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:2rem;height:2rem;padding:0;background-color:transparent;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}