@use "../mixins" as *

.ra-control-wrapper

  &.type-select
    @apply items-start lg:items-center

.ra-settings-control

  select
    @apply w-full min-w-0 sm:min-w-[400px] max-w-[400px]
    @apply rounded-md min-h-9
    @apply bg-transparent
    @apply border border-wp-gray-10 dark:border-wp-gray-50
    @apply text-wp-gray-70 dark:text-wp-gray-10

    @apply placeholder:text-wp-gray-30

    @apply hover:border-wp-blue-30

    @include onFocus

    &:disabled
      @apply cursor-not-allowed
      @apply bg-transparent opacity-50 filter grayscale
      @apply animate-pulse