.iti {
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  width: 100%;
}

@media screen and (max-width: 479px) {
  .iti {
    margin-bottom: 10px;
  }
}

.iti__country-list {
  background-color: #0d0d0d;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 4px;
}

.iti__country.iti__standard:hover {
  background-color: #fff;
  color: #0d0d0d;
}

.iti__country.iti__standard.iti__active {
  background-color: #fff;
  color: #0d0d0d;
}

.iti__flag {
  background-image: url("/images/tel-input/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("/images/tel-input/flags@2x.png");
  }
}