.new-form-modal {
  font-family: 'PingFangSC-Medium';

  // reset browser autofill style
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover,
  textarea:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
    border: none;
    -webkit-text-fill-color: $white;
    -webkit-box-shadow: 0 0 0px 1000px rgb(71, 64, 90) inset;
  }

  .ant-modal-content {
    .ant-modal-header,
    .ant-modal-body,
    .ant-modal-footer {
      background: rgba(48, 38, 71);
      padding-left: 16px;
      padding-right: 16px;
    }

    .ant-modal-header {
      height: 48px;
      display: flex;
      align-items: center;
    }

    .ant-modal-body {
      padding-top: 0;
      padding-bottom: 0;
      min-height: 64px;
    }

    .ant-modal-footer {
      height: 56px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }

    .ant-modal-title {
      color: $white;
    }

    .ant-form-item {
      margin-bottom: 16px;

      &:last-child {
        margin-bottom: 0;
      }
    }

    .ant-form-item-label label {
      color: $color-white-6;
    }

    .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input {
      background: rgba($white, 0.08);
    }

    .ant-modal-close-x {
      font-size: 20px;
      font-weight: bold;
      color: $color-white-6;
    }

    .ant-input {
      border-color: transparent;
      color: rgba($white, 0.6);
      background: rgba($white, 0.08);

      &:hover,
      &:focus {
        border: 1px solid $color-purple-highlight;
      }

      &::placeholder {
        color: rgba($white, 0.3);
      }
    }

    .ant-btn {
      color: $white;
      // background: rgba($color-default, 0.2);
      // TODO: cancel button background
      &:first-child {
        background: $color-white-2;
        border: 0;
        margin-right: 8px;
      }
      &:last-child {
        background: $color-purple-deep;
        margin-left: 0;
      }
    }
  }
}
