.ts-control {
  border: 1px solid var(--ds-gray-300);
  padding: 8px 8px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
}
.ts-control,
.ts-wrapper.single.input-active .ts-control {
  background:var(--bs-white-bg-subtle);
  cursor: text;
}
.ts-dropdown,
.ts-control,
.ts-control input {
  color:var(--bs-dark-bg-subtle);;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
}

.ts-dropdown {
 --ds-dropdown-zindex:1000;
  --ds-dropdown-min-width:10rem;
  --ds-dropdown-padding-x:0.5rem;
  --ds-dropdown-padding-y:0.5rem;
  --ds-dropdown-spacer:0.125rem;
  --ds-dropdown-font-size:0.875rem;
  --ds-dropdown-color:var(--ds-gray-600);
  --ds-dropdown-bg:var(--ds-white);
  --ds-dropdown-border-color:transparent;
  --ds-dropdown-border-radius:0.75rem;
  --ds-dropdown-border-width:1px;
  --ds-dropdown-inner-border-radius:calc(0.75rem - 1px);
  --ds-dropdown-divider-bg:var(--ds-gray-300);
  --ds-dropdown-divider-margin-y:0.5rem;
  --ds-dropdown-box-shadow:0 12px 24px -4px rgba(145,158,171,.16);
  --ds-dropdown-link-color:#637381;
  --ds-dropdown-link-hover-color:#454f5b;
  --ds-dropdown-link-hover-bg:#f9fafb;
  --ds-dropdown-link-active-color:#fff;
  --ds-dropdown-link-active-bg:#00a76f;
  --ds-dropdown-link-disabled-color:#919eab;
  --ds-dropdown-item-padding-x:0.75rem;
  --ds-dropdown-item-padding-y:0.25rem;
  --ds-dropdown-header-color:#637381;
  --ds-dropdown-header-padding-x:0.75rem;
  --ds-dropdown-header-padding-y:0.5rem;
  background-clip:padding-box;
  background-color:var(--ds-body-bg);
  border:var(--ds-dropdown-border-width) solid var(--ds-gray-300);
  border-radius:var(--ds-dropdown-border-radius);
  color:var(--ds-dropdown-color);
  display:none;
  font-size:var(--ds-dropdown-font-size);
  list-style:none;
  margin:0;
  min-width:var(--ds-dropdown-min-width);
  padding:var(--ds-dropdown-padding-y) var(--ds-dropdown-padding-x);
  position:absolute;
  text-align:left;
  z-index:var(--ds-dropdown-zindex)
}

.ts-dropdown .optgroup-header {
  color: #303030;
  background: var(--ds-body-bg);
  cursor: default;
}
.ts-dropdown .active {
  background-color: var(--ds-body-bg);
  color: var(--ds-gray-800);
}
.ts-dropdown .spinner::after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid var(--ds-gray-300);
  border-color: var(--ds-gray-300) transparent var(--ds-gray-300) transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-clip:padding-box;
  background-color:var(--ds-white);
  border:1px solid var(--ds-gray-300);
  border-radius:.5rem;
  color:var(--ds-gray-500);
  display:block;
  font-size:.875rem;
  font-weight:500;
  line-height:1.571;
  padding:.5rem .75rem;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  width:100%
}

.ts-wrapper.focus .ts-control {
  background-color:var(--ds-white);
  border-color:#80d3b7;
  box-shadow:0 0 0 .25rem rgba(0,167,111,.25);
  color:var(--ds-gray-500);
  outline:0;
}