section:has([data-combobox="retailers-country"]) > div {
  min-width: 0;
}

section:has([data-combobox="retailers-country"]) [data-combobox-trigger],
section:has([data-combobox="retailers-country"]) > div:nth-child(3) input,
section:has([data-combobox="retailers-country"]) > div:nth-child(4) > span > button,
section:has([data-combobox="retailers-country"]) > div:nth-child(5) > button {
  height: 44px;
  white-space: nowrap;
}

section:has([data-combobox="retailers-country"]) [data-combobox-trigger],
section:has([data-combobox="retailers-country"]) > div:nth-child(3) input,
section:has([data-combobox="retailers-country"]) > div:nth-child(4) > span > button {
  overflow: hidden;
  text-overflow: ellipsis;
}

section:has([data-combobox="retailers-country"]) [data-combobox-trigger] > span:first-child {
  display: block;
  min-width: 0;
  flex: 1 1 0%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

section:has([data-combobox="retailers-country"]) > div:nth-child(4) > span > button {
  position: relative;
  display: block;
  padding-right: 32px;
  text-align: left;
}

section:has([data-combobox="retailers-country"]) > div:nth-child(4) > span > button > svg {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

@media (min-width: 768px) {
  section:has([data-combobox="retailers-country"]) > div:nth-child(5) {
    align-self: end;
  }
}