/* CHOICE JS */

.choices__inner {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--nsw-white);
  border: 1px solid var(--nsw-grey-01);
  border-radius: var(--nsw-border-radius);
  color: var(--nsw-text-dark);
  font-size: var(--nsw-font-size-sm-mobile);
  line-height: var(--nsw-line-height-sm-mobile);
  padding: 0.6875rem 1rem;
  vertical-align: middle;
  width: 100%;
}

.choices:focus,
.choices.is-focused,
.choices:focus {
  outline: solid 3px var(--nsw-focus);
  outline-offset: 0;
  outline-offset: 3px;
  border-radius: var(--nsw-border-radius);
}

.select2.select2-container {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--nsw-white);
  border: 1px solid var(--nsw-grey-01);
  border-radius: var(--nsw-border-radius);
  color: var(--nsw-text-dark);
  font-size: var(--nsw-font-size-sm-mobile);
  line-height: var(--nsw-line-height-sm-mobile);
  padding: 0.6875rem 1rem;
  vertical-align: middle;
  width: 100%;
}
.select2.select2-container:focus {
  outline: solid 3px var(--nsw-focus);
  outline-offset: 0;
  outline-offset: 3px;
}

.select2-container--default .select2-selection--single {
  border: none !important;
}

/* Hide the default arrow */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none !important;
}

/* Style the arrow container */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 30px !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Add Material Icons arrow */
.select2-container--default .select2-selection--single .select2-selection__arrow::after {
  font-family: "Material Icons" !important;
  content: "keyboard_arrow_down" !important;
  font-size: 30px !important;
  line-height: 1 !important;
  display: block !important;
  color: #000000 !important;
}

/* Rotate arrow when dropdown is open */
.select2-container--open .select2-selection--single .select2-selection__arrow::after {
  transform: rotate(180deg) !important;
}

/* Style the dropdown items */
.select2-results__option {
  padding-left: 16px !important;
  font-size: var(--nsw-font-size-xs) !important;
}

/* Style the dropdown menu */
.select2-dropdown {
  border-radius: var(--nsw-border-radius) !important;
  border-color: var(--nsw-grey-01) !important;
}

/* Style the selected text size */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: var(--nsw-font-size-sm-desktop) !important;
}

/* Style the clear (cross) icon */
.select2-container--default .select2-selection--single .select2-selection__clear {
  font-size: 24px !important;
  color: #000000 !important;
  margin-right: 8px !important;
  font-weight: normal !important;
  height: 24px !important;
  width: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative;
  top: 2px;
  right: 5px;
}

/* Increase hover area for clear button */
.select2-container--default .select2-selection--single .select2-selection__clear:hover {
  color: #666666 !important;
  cursor: pointer !important;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 325px !important;
}