/* @layer theme, base, components, utilities;
@import "tailwindcss/theme.css" layer(theme);
@import "tailwindcss/preflight.css" layer(base);
@import "tailwindcss/utilities.css";

@import 'tom-select/dist/css/tom-select';

.ts-control {
  @apply py-1 px-3 text-base sm:leading-6;
}

.ts-control>input {
  @apply bg-transparent;
}

.ts-control input {
  @apply !pr-5 text-base !m-0;
}

.ts-wrapper.single .ts-control {
  @apply bg-none;
}

.ts-wrapper.multi .ts-control > div {
  @apply p-0 m-0 pl-1;
}

.ts-wrapper.single .ts-control, .ts-dropdown.single {
  @apply border-gray-300;
}

.ts-dropdown.single.plugin-clear_button {
  @apply overflow-hidden
}

.ts-wrapper.plugin-remove_button .item .remove {
  @apply border-none text-lg leading-none py-1 rounded-r-lg;
}

.ts-dropdown {
  @apply border border-solid;
}

.ts-dropdown [data-selectable].option, .ts-dropdown .no-results {
  @apply py-1;
}

.ts-dropdown .spinner {
  @apply h-auto w-auto;
}

.ts-dropdown .spinner:after {
  @apply h-5 w-5 border-2 p-0 my-0 inline-block;
} */