.el-notification{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:400px;padding:16px 12px 16px 16px;border-radius:var(--border-radius-medium);-webkit-box-sizing:border-box;box-sizing:border-box;border:var(--border-1) solid rgb(var(--color-border-3));position:fixed;background-color:#fff;-webkit-box-shadow:var(--shadow2-center);box-shadow:var(--shadow2-center);overflow:hidden;-webkit-transition:.3s;transition:.3s}.el-notification.right{right:24px}.el-notification.left{left:24px}.el-notification__group{width:100%}.el-notification__title{font-weight:var(--font-weight-500);font-size:var(--font-size-title-1);color:rgb(var(--color-text-1));margin:0;line-height:24px}.el-notification__content{font-size:var(--font-size-body-3);font-weight:var(--font-weight-400);line-height:21px;margin:4px 0 0;color:rgb(var(--color-text-2));text-align:justify;padding-right:4px}.el-notification__content p{margin:0;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical}.el-notification__icon{height:16px;width:16px;font-size:var(--font-size-title-1);margin-right:8px;line-height:16px;margin-top:4px}.el-notification__closeBtn{position:absolute;top:12px;right:12px;cursor:pointer;color:rgb(var(--color-text-3));padding:2px;font-size:var(--font-size-title-1);font-weight:var(--font-weight-400)}.el-notification__closeBtn:hover{color:rgb(var(--color-text-3));background:rgb(var(--color-fill-3));border-radius:var(--border-radius-circle)}.el-notification__footer{margin-top:16px;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.el-notification__footer .el-button+.el-button{margin-left:12px}.el-notification .el-icon-success{color:rgb(var(--success-6))}.el-notification .el-icon-error{color:rgb(var(--danger-6))}.el-notification .el-icon-info{color:rgb(var(--primary-6))}.el-notification .el-icon-warning{color:rgb(var(--warning-6))}.el-notification-fade-enter,.el-notification-fade-leave-active{opacity:0}.el-notification-fade-enter.right,.el-notification-fade-leave-active.right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.el-notification-fade-enter.left,.el-notification-fade-leave-active.left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.el-notification-fade-enter-active,.el-notification-fade-leave-active{-webkit-transition:.3s;transition:.3s}