html body .rd-select {
  position: relative;
  padding: 0;
  margin: 0;
  border: 0;
  text-transform: none;
  width: 100%;
  max-width: 250px;
}

html body .rd-select__icon {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  width: 20px;
  aspect-ratio: 1;
  color: var(--color-black-txt);
}

html body .rd-select__input {
  padding: 11px 20px;
  border-radius: 50px;
  border: 1px solid var(--color-med-grey);
  background: transparent;
  text-transform: none;
  color: var(--color-black-txt);
  text-indent: 0;
  width: 100%;
  @media (min-width: 1280px) {
    padding: 13px 20px;
  }
}

html body .rd-select__input_with-icon {
  padding: 11px 20px 11px 50px;
  @media (min-width: 1280px) {
    padding: 13px 20px 13px 50px;
  }
}

html body .rd-select__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 16px;
  aspect-ratio: 1;
  pointer-events: none;
  color: var(--color-black-txt);
}