/* Tom Select overrides to match .form-select caret and spacing */
.ts-wrapper {
  --x-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231e293b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.ts-wrapper.form-select {
  background: none;
  background-image: none;
  border: none;
  box-shadow: none;
}

.ts-wrapper.single .ts-control {
  color: var(--x-body-color);
  background-color: var(--x-body-bg);
  background-image: var(--x-form-select-bg-img), var(--x-form-select-bg-icon, none);
  border: var(--x-border-width) solid var(--x-border-color);
  border-radius: var(--x-border-radius);
  box-shadow: var(--x-box-shadow-inset);
  background-position: right 1rem center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  padding: .5rem 3rem .5rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.ts-wrapper .ts-control input::placeholder {
  color: var(--x-body-color);
  opacity: 1;
}

.ts-wrapper.single.input-active .ts-control,
.ts-wrapper.single.dropdown-active .ts-control {
  background-color: var(--x-body-bg);
  background-image: var(--x-form-select-bg-img), var(--x-form-select-bg-icon, none);
  background-position: right 1rem center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
}

.ts-wrapper.single .ts-control::after {
  content: none;
}

.ts-wrapper.focus .ts-control {
  border-color: var(--x-primary);
  box-shadow: var(--x-box-shadow-inset), 0 0 0 2px rgba(56, 182, 255, .25);
}

.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .create,
.ts-dropdown .no-results {
  padding: 0.65rem 0.75rem;
  line-height: 1.5;
}

[data-bs-theme="dark"] .ts-wrapper {
  --x-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f8fafc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}