.form-select__container {
  position: relative;
  inline-size: 100%;
}

.form-select__control {
  display: flex;
  align-items: center;
  inline-size: 100%;
  block-size: var(--input-height-1);
  min-block-size: var(--input-height-1);
  padding: 0;
  padding-inline-start: 0.6em;
  border: var(--border-width-1) solid;
  cursor: default;
}

.form-select__value-container {
  display: grid;
  flex: 1 1 auto;
  align-items: center;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 1fr;
  min-inline-size: 0;
  padding: 0;
}

.form-select__input-container,
.form-select__single-value {
  grid-area: 1 / 1 / 2 / 2;
}

.form-select__input-container {
  padding: 0;
}

.form-select__input {
  padding: 0;
  border: none;
  outline: none;
  min-block-size: 0;
  block-size: auto;
  inline-size: 100%;
}

.form-select__single-value,
.form-select__placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.form-select__indicators {
  display: flex;
  flex-shrink: 0;
  align-self: stretch;
  align-items: center;
  padding-inline-end: 0.45em;
}

.form-select__dropdown-indicator,
.form-select__clear-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  min-inline-size: 1.1em;
  padding: 0;
}

.form-select__chevron {
  display: block;
  inline-size: 0.7em;
  block-size: auto;
}

.form-select__menu {
  position: absolute;
  z-index: var(--z-dropdown);
  margin-block-start: 0.2em;
  overflow: hidden;
}

.form-select__menu-portal {
  z-index: var(--z-dropdown);
}

.form-select__menu-list {
  padding: 0;
}

.form-select__option {
  display: block;
}

.form-select--locale .form-select__control {
  inline-size: auto;
  min-inline-size: 4.5em;
}

header .form-select--locale {
  inline-size: auto;
}
