.form-betta {
  .acf-fields {
    .acf-field {
      @apply border-0;

      .acf-input {
        input {
          @apply text-base text-black rounded-lg border-2 border-gray p-3;

          &::placeholder {
            @apply text-gray-600 text-base;
          }

          &:focus {
            @apply outline-none border-primary;
          }
        }

        textarea {
          @apply text-base text-black rounded-lg border-2 border-gray p-3;

          &::placeholder {
            @apply text-gray-600 text-base;
          }

          &:focus {
            @apply outline-none border-primary;
          }
        }

        .acf-checkbox-list {
          li {
            label {
              @apply text-black font-primary;
            }
          }
        }

        .acf-notice {
          @apply m-0;

          &.acf-error-message {
            @apply p-0 bg-transparent border-0;
          }
        }
      }
    }
  }

  .select2-container {
    @apply border border-gray rounded;

    .select2-selection {
      @apply flex items-center font-primary;
      @apply border-gray !important;
    }

    &.select2-container--default {
      .select2-selection--single {
        .select2-selection__arrow {
          @apply h-12;
        }

        .select2-selection__rendered {
          @apply text-primary;
        }

        .select2-selection__placeholder {
          @apply text-gray-600;
        }
      }
    }
  }

  #message {
    &.updated {
      @apply p-5 bg-primary rounded;

      p {
        @apply text-white;
      }
    }
  }

  .acf-notice-error {
    @apply m-0 p-0 bg-transparent;

    p {
      @apply font-primary text-base;
    }
  }

  .acf-form-submit {
    @apply text-center;
  }


  form {
    .select2 {
      @apply border-0 h-12;

      &:focus {
        @apply outline-none border-secondary;
      }
    }

    .selection {
      .select2-selection {
        @apply h-12;
        @apply rounded-lg !important;

        &:focus {
          @apply outline-none border-secondary;

        }

        &__rendered {
          @apply pl-5 text-base;
        }

        &__clear {
          @apply hidden;
        }
      }
    }
  }

  &~ {
    &.select2-container {
      .select2-dropdown {
        @apply border-2 border-secondary;

        .select2-search {
          @apply hidden !important;
        }

        .select2-results {
          @apply font-primary;

          &__options {
            li.select2-results__option--highlighted {
              @apply bg-secondary text-white;
            }
          }
        }
      }
    }
  }
}