@layer base {
  .dbv-kit-select__empty {
    padding: 0.5rem;
    color: var(--tw-color-gray-500);
    text-align: center;
  }

  .dbv-kit-select-field {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }

  .dbv-kit-select__label--required {
    &:after {
      content: '*';
      color: var(--dbv-kit-color-control-required);
      margin-left: 0.125rem;
    }
  }

  .dbv-kit-select__description {
    padding-inline-start: var(--dbv-kit-select-padding-inline);
    color: var(--tw-color-gray-500);
    font-size: var(--dbv-kit-select-font-size);
  }

  .dbv-kit-select[aria-disabled='true'] .dbv-kit-select__arrow-icon {
    color: var(--dbv-kit-select-disabled-foreground);
  }
}