.cy-el-message-box_max-content-width {
  --el-messagebox-width: max-content;

  .el-message-box__content {
    width: max-content;
  }
}

.cy-el-message-box_cancel-center {
  .el-message-box__title {
    justify-content: left;
  }

  .el-message-box__container {
    justify-content: left;
  }

  .el-message-box__btns {
    justify-content: flex-end;
  }
}

.cy-el-message-box_js {
  width: 100%;
  padding: 10px 17px;
  border-radius: 12px;
  font-size: 18px;

  .el-message-box__title {
    font-size: 20px;
  }

  .el-message-box__headerbtn .el-message-box__close {
    color: #99a1b7 !important;
    top: 7px !important;
    right: 7px !important;
    padding: 7px !important;
    border-radius: 5px !important;
    transition: all 0.3s !important;
  }

  .el-message-box__headerbtn .el-message-box__close:hover,
  .el-dialog__headerbtn .el-dialog__close:hover {
    background-color: #f1f1f4 !important;
    color: #252f4a !important;
  }

  .el-button--small {
    padding: 12px 19px;
    height: 38px;
    font-size: var(--el-font-size-base);
    border-radius: var(--el-border-radius-base);
  }

  .el-message-box__errormsg {
    padding-top: 12px;
    text-align: right;
  }
}

.hide-el-message-box-input {
  .el-message-box__input {
    .el-input {
      display: none;
    }
  }

  .el-message-box__errormsg {
    padding-top: 0;
  }

  .el-message-box__message {
    width: 100%;
  }
}