.supplier-field-select.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.supplier-field-select:not(.select2-hidden-accessible),
.select2-container--supplier .select2-selection--single {
  width: 100%;
  height: var(--input-height, 6rem);
  padding: 0 4rem 0 2rem;
  border: var(--border-width, 1px) solid var(--border-color);
  border-radius: var(--border-radius, 1rem);
  font: inherit;
  color: inherit;
  background-color: var(--bg-color);
}

.select2-container--supplier {
  position: relative;
  display: inline-block;
  border-radius: 1rem;
  vertical-align: middle;
  transition: box-shadow var(--transition-short-cubic);
}

.select2-container--supplier .selection {
  display: block;
}

.select2-container--supplier .select2-selection--single {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  transition: background-color var(--transition-medium-cubic), border-color var(--transition-medium-cubic);
}

.select2-container--supplier .select2-selection__arrow {
  position: absolute;
  top: 50%;
  right: 1.9rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url('../svg/ui/caret-down.svg') center / contain no-repeat;
  transform: translateY(-50%);
  transition: transform var(--transition-short-cubic);
}

.select2-container--supplier.select2-container--open .select2-selection__arrow {
  transform: translateY(-50%) rotate(180deg);
}

.select2-container--supplier .select2-selection__arrow b {
  display: none;
}

.select2-container--supplier .select2-selection--single:hover,
.select2-container--supplier.select2-container--focus .select2-selection--single,
.select2-container--supplier.select2-container--open .select2-selection--single {
  border-color: var(--border-color-focus);
  background-color: var(--bg-color-hover);
}

.select2-container--supplier.select2-container--open .select2-selection--single {
  border-radius: var(--border-radius, 1rem) var(--border-radius, 1rem) 0 0;
}

.seagm-field__control--with-icon > .select2-container--supplier .select2-selection--single,
.moogold-field__control--with-icon > .select2-container--supplier .select2-selection--single {
  padding-left: 5.3rem;
}

.supplier-field-select.just-validate-error-field + .select2-container--supplier .select2-selection--single {
  border-color: var(--color-red-1);
}

.select2-container--supplier.select2-container--disabled {
  opacity: 0.5;
  pointer-events: none;
}

.seagm-field__control:has(> .select2-container--supplier.select2-container--open),
.moogold-field__control:has(> .select2-container--supplier.select2-container--open) {
  z-index: 5;
}

.select2-container--supplier.select2-container--open {
  box-shadow: var(--shadow-dialog);
}

.select2-container--supplier .select2-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  width: 100%;
  overflow: hidden;
  border: 0;
}

.select2-container--supplier.select2-container--open .select2-dropdown {
  display: block;
  max-height: 24rem;
  overflow: hidden;
}

.select2-container--supplier .select2-search__field {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  text-overflow: ellipsis;
  cursor: text;
  user-select: text;
}

.select2-container--supplier .select2-search__field::placeholder {
  color: var(--color-grey-1);
}

.select2-container--supplier .select2-results {
  display: block;
}

.select2-container--supplier .select2-results__options {
  max-height: 24rem;
  overflow-y: auto;
  list-style: none;
  padding: 0;
  margin: 0;
  overscroll-behavior: contain;
}

.select2-container--supplier .custom-select-option {
  padding-left: 2rem;
  overflow-wrap: anywhere;
}

.select2-container--supplier .custom-select-option::before {
  display: none;
}

.select2-container--supplier .select2-results__message {
  display: flex;
  align-items: center;
  min-height: 6rem;
  padding: 1rem 2rem;
  font-size: 1.6rem;
  background-color: var(--bg-color-hover);
}

.select2-container--supplier .select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--supplier .select2-results__option--highlighted {
  color: var(--color-white);
  background-color: var(--color-primary);
}

.select2-container--supplier .select2-results__option--disabled {
  color: var(--color-grey-1);
}