.chosen-react {
  position: relative;
  width: 100%;
  min-width: min(12rem, 100%);
  box-sizing: border-box;
  font: var(--chosen-font-size, 14px) var(--chosen-font-family, sans-serif);
  color: var(--chosen-text-color, #444);
}

.chosen-react__native,
.chosen-react__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.chosen-react__control {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .25rem;
  min-height: var(--chosen-control-height, 2.25rem);
  padding-block: var(--chosen-control-padding-block, .25rem);
  padding-inline: var(--chosen-control-padding-inline-start, .5rem) var(--chosen-control-padding-inline-end, .5rem);
  border: var(--chosen-border-width, 1px) var(--chosen-border-style, solid) var(--chosen-border-color, #aaa);
  border-radius: var(--chosen-border-radius, 4px);
  background: var(--chosen-control-background, var(--chosen-background, #fff));
  box-shadow: var(--chosen-control-shadow, none);
  cursor: text;
}

.chosen-react:not(.chosen-react--multiple) .chosen-react__control {
  flex-wrap: nowrap;
}

.chosen-react:not(.chosen-react--disabled) .chosen-react__control:hover {
  border-color: var(--chosen-hover-border-color, var(--chosen-border-color, #aaa));
}

.chosen-react--open:not(.chosen-react--disabled) .chosen-react__control {
  border-color: var(--chosen-active-border-color, #5897fb);
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}

.chosen-react:not(.chosen-react--open):focus-within .chosen-react__control {
  outline: var(--chosen-focus-outline, var(--chosen-focus-ring-width, 2px) solid var(--chosen-focus-ring-color, #5897fb));
  outline-offset: var(--chosen-focus-outline-offset, 1px);
}

.chosen-react.chosen-react--invalid:not(.chosen-react--disabled) .chosen-react__control,
.chosen-react.chosen-react--invalid:not(.chosen-react--disabled) .chosen-react__popup {
  border-color: var(--chosen-invalid-border-color, #dc2626);
}

.chosen-react__input {
  appearance: none;
  flex: 1 1 5rem;
  min-width: 4rem;
  width: 100%;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: inherit;
  font: inherit;
}
.chosen-react__input::-webkit-search-cancel-button,
.chosen-react__input::-webkit-search-decoration { display: none; }

@media (any-pointer: coarse) {
  .chosen-react__input {
    font-size: 16px;
    font-size: max(16px, 1em);
  }
}

.chosen-react__input--has-value {
  flex-basis: 1rem;
  min-width: 1rem;
}

.chosen-react__value {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--chosen-text-color, #444);
}
.chosen-react__group-name { color: var(--chosen-group-color, #666); }

.chosen-react__input::placeholder {
  color: var(--chosen-placeholder-color, #666);
  opacity: 1;
}
.chosen-react--no-search .chosen-react__input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.chosen-react--no-search .chosen-react__value { flex: 1 1 auto; }
.chosen-react__value--placeholder { color: var(--chosen-placeholder-color, #666); }
.chosen-react--no-search .chosen-react__clear { position: relative; z-index: 1; }

.chosen-react__chip {
  display: inline-flex;
  align-items: center;
  gap: .15rem;
  max-width: 100%;
  padding: .2rem .35rem;
  border: var(--chosen-border-width, 1px) var(--chosen-border-style, solid) var(--chosen-choice-border-color, var(--chosen-border-color, #aaa));
  border-radius: var(--chosen-choice-border-radius, 3px);
  background: var(--chosen-choice-background, #eee);
  color: var(--chosen-choice-color, #333);
  font-size: .9em;
  line-height: 1.25rem;
}

.chosen-react__chip > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-react__chip--pending { outline: var(--chosen-focus-outline, 2px solid var(--chosen-focus-ring-color, #5897fb)); }
.chosen-react__chip[hidden] { display: none; }
.chosen-react__summary {
  align-self: center;
  padding: .2rem .35rem;
  border: var(--chosen-border-width, 1px) var(--chosen-border-style, solid) var(--chosen-choice-border-color, var(--chosen-border-color, #aaa));
  border-radius: var(--chosen-choice-border-radius, 3px);
  background: var(--chosen-choice-background, #eee);
  color: var(--chosen-choice-color, #333);
  font: inherit;
  font-size: .9em;
  line-height: 1.25rem;
  cursor: pointer;
}

.chosen-react__remove,
.chosen-react__clear {
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.chosen-react__remove {
  display: inline-grid;
  place-items: center;
  flex: none;
  inline-size: 18px;
  block-size: 1.25rem;
  padding: 0;
  background: var(--chosen-icon-clear, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23888'/%3E%3Cpath d='m5.5 5.5 5 5m0-5-5 5' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")) no-repeat center / var(--chosen-icon-size, 15px);
  font-size: 0;
}

.chosen-react__remove:hover { filter: brightness(.7); }
.chosen-react__clear:hover { color: var(--chosen-hover-color, #3875d7); }

.chosen-react__chevron {
  width: .5rem;
  height: .5rem;
  margin-inline: .25rem;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg) translateY(-.15rem);
  pointer-events: none;
}

.chosen-react__popup {
  position: absolute;
  z-index: var(--chosen-dropdown-z-index, 1000);
  inset-inline: 0;
  margin-top: var(--chosen-dropdown-offset, .125rem);
  border: var(--chosen-border-width, 1px) var(--chosen-border-style, solid) var(--chosen-dropdown-border-color, var(--chosen-border-color, #aaa));
  border-radius: var(--chosen-border-radius, 4px);
  overflow: hidden;
  background: var(--chosen-dropdown-background, var(--chosen-background, #fff));
  box-shadow: var(--chosen-dropdown-shadow, 0 .3rem .6rem rgba(0, 0, 0, .18));
}
.chosen-react--open .chosen-react__popup {
  margin-top: -1px;
  border-color: var(--chosen-active-border-color, #5897fb);
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
.chosen-react--floating.chosen-react--open .chosen-react__control {
  border-end-start-radius: var(--chosen-border-radius, 4px);
  border-end-end-radius: var(--chosen-border-radius, 4px);
}
.chosen-react--floating .chosen-react__popup {
  margin-top: var(--chosen-dropdown-offset, .125rem);
  border-radius: var(--chosen-border-radius, 4px);
}
.chosen-react--floating .chosen-react__popup--above {
  margin-top: 0;
  margin-bottom: var(--chosen-dropdown-offset, .125rem);
}

.chosen-react__list {
  max-height: var(--chosen-results-max-height, 15rem);
  overflow-y: auto;
  padding: .25rem;
}
.chosen-react__mobile-close { display: none; }
.chosen-react--mobile-fullscreen.chosen-react--open {
  position: fixed !important;
  inset: auto !important;
  top: var(--chosen-mobile-top, 0px) !important;
  left: var(--chosen-mobile-left, 0px) !important;
  width: var(--chosen-mobile-width, 100vw) !important;
  height: var(--chosen-mobile-height, 100dvh) !important;
  min-width: 0 !important;
  z-index: var(--chosen-mobile-z-index, 10000);
  display: flex;
  flex-direction: column;
  padding-block: env(safe-area-inset-top) env(safe-area-inset-bottom);
  background: var(--chosen-control-background, #fff);
}
.chosen-react--mobile-fullscreen.chosen-react--open .chosen-react__control {
  flex: none;
  max-height: 30%;
  overflow-y: auto;
  padding-inline-end: 4.5rem;
  border-radius: 0;
}
.chosen-react--mobile-fullscreen.chosen-react--open .chosen-react__popup {
  position: relative !important;
  inset: auto !important;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0;
  box-shadow: none;
}
.chosen-react--mobile-fullscreen.chosen-react--open .chosen-react__list {
  flex: 1;
  min-height: 0;
  max-height: none;
  overscroll-behavior: contain;
}
.chosen-react--mobile-fullscreen.chosen-react--open .chosen-react__mobile-close {
  position: absolute;
  top: calc(env(safe-area-inset-top) + .15rem);
  right: .5rem;
  z-index: 2;
  display: block;
  padding: .15rem .45rem;
  border: 1px solid currentColor;
  border-radius: .25rem;
  background: var(--chosen-control-background, #fff);
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.chosen-react__bulk-actions { display: flex; flex-wrap: wrap; gap: .25rem; padding: .35rem .5rem .45rem; border-bottom: 1px solid var(--chosen-border-color, #aaa); }
.chosen-react__bulk-action { padding: .2rem .35rem; border: 0; border-radius: var(--chosen-result-border-radius, 4px); background: transparent; color: var(--chosen-bulk-action-color, var(--chosen-text-color, #444)); font: inherit; cursor: pointer; }
.chosen-react__bulk-action:hover,
.chosen-react__bulk-action:focus-visible { background: var(--chosen-highlight-background, #3269c6); color: var(--chosen-highlight-text-color, #fff); }

.chosen-react__group,
.chosen-react__option,
.chosen-react__empty {
  padding: var(--chosen-result-padding-block, .4rem) var(--chosen-result-padding-inline, .65rem);
}

.chosen-react__group {
  color: var(--chosen-group-color, #666);
  font-weight: 600;
}
.chosen-react__group--selectable { display: block; box-sizing: border-box; width: 100%; border: 0; border-radius: var(--chosen-result-border-radius, 4px); background: transparent; font: inherit; text-align: start; cursor: pointer; }
.chosen-react__group--selectable:hover { background: var(--chosen-selected-background, #eef4ff); }

.chosen-react__option {
  border-radius: var(--chosen-result-border-radius, 4px);
  cursor: pointer;
}
.chosen-react__option--create { font-style: italic; }

.chosen-react__option--selected {
  position: relative;
  padding-inline-end: calc(var(--chosen-result-padding-inline, .65rem) + 1rem);
  background: var(--chosen-selected-background, #eef4ff);
}

.chosen-react__option--selected::after {
  position: absolute;
  inset-inline-end: var(--chosen-result-padding-inline, .65rem);
  content: "✓";
  font-weight: 700;
}
.chosen-react__option--deselectable::after { content: "×"; font-size: 1.2em; line-height: 1; }
.chosen-react--multiple .chosen-react__option--selected:not(.chosen-react__option--deselectable) { cursor: default; }

.chosen-react__list [role="group"] > .chosen-react__option {
  padding-inline-start: var(--chosen-group-option-indent, calc(var(--chosen-result-padding-inline, .65rem) + .75rem));
}

.chosen-react__option--active {
  background: var(--chosen-highlight-background, #3269c6);
  color: var(--chosen-highlight-text-color, #fff);
}

.chosen-react__option--disabled,
.chosen-react--disabled {
  opacity: var(--chosen-disabled-opacity, .55);
  cursor: not-allowed;
}

.chosen-react__empty {
  color: var(--chosen-muted-color, #777);
}