.el-notification{display:-webkit-box;display:-ms-flexbox;display:flex;width:400px;padding:14px 26px 14px 13px;border-radius:var(--border-radius-1);-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;background-color:var(--color-white);-webkit-box-shadow:var(--shadow-2);box-shadow:var(--shadow-2);-webkit-transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;overflow:hidden}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:8px;margin-right:8px}.el-notification__title{font-weight:700;font-size:var(--font-size-1);line-height:20px;color:var(--font-color-primary);margin:0}.el-notification__content{font-size:var(--font-size-2);line-height:16px;margin:8px 0 0;color:var(--font-color-secondary);text-align:justify}.el-notification__closeBtn,.el-notification__closeBtn:hover{color:var(--font-color-regular)}.el-notification__content p{margin:0}.el-notification__icon{height:16px;width:16px;font-size:16px;line-height:var(--font-line-height-1)}.el-notification__closeBtn{position:absolute;top:18px;right:15px;cursor:pointer;font-size:12px}.el-notification .el-icon-success{color:var(--color-success)}.el-notification .el-icon-error{color:var(--color-danger)}.el-notification .el-icon-info{color:var(--color-info)}.el-notification .el-icon-warning{color:var(--color-warning)}.el-notification-fade-enter.right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.el-notification-fade-enter.left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.el-notification-fade-leave-active{opacity:0}