.ts-wrapper.single .ts-control {
  @apply px-4 py-2 border border-gray-300 rounded-lg bg-white;
}

.ts-wrapper.single.input-active .ts-control {
  @apply border-se-green ring-2 ring-se-green;
}

.ts-control {
  @apply min-h-[42px] shadow-none;
}

.ts-dropdown {
  @apply mt-1 border border-gray-300 rounded-lg shadow-lg;
}

.ts-dropdown .option {
  @apply px-4 py-2 cursor-pointer hover:bg-gray-100;
}

.ts-dropdown .active {
  @apply bg-gray-50;
}

.ts-dropdown .option.active {
  @apply bg-gray-100;
}

.ts-wrapper.single .ts-control .item {
  @apply bg-gray-100 rounded px-2 py-1 mr-2;
}

.ts-wrapper.single .ts-control input {
  @apply flex-grow px-2;
}

.ts-wrapper .clear-button {
  @apply right-2 text-gray-400 hover:text-gray-600;
}

.ts-wrapper.focus .ts-control {
  @apply border-se-green shadow-none;
}

/* Remove default box-shadow */
.ts-wrapper.single .ts-control, 
.ts-wrapper.single.input-active .ts-control {
  background-image: none;
  box-shadow: none;
}