.localization-banner {
  text-align: center;
  margin-block-start: var(--space-1);

  .select-input {
    margin-block: 0;
  }
}

.localization-banner[data-localization-content] .select-input {
  position: relative;

  select {
    padding-inline-start: var(--space-36);
  }
}

.localization-banner[data-localization-content] .select-input::after {
  content: '';
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: var(--space-12);
  transform: translateY(calc(-50% + var(--space-2)));
  inline-size: var(--space-16);
  block-size: var(--space-16);
  background: var(--country-flag);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 1;
}

.localization-banner [data-localization-content] .select-input select {
  padding-inline-start: var(--space-40);
}