:root {
  --iti-path-flags-1x: url("/static/vendor/intl-tel-input/img/flags.webp");
  --iti-path-flags-2x: url("/static/vendor/intl-tel-input/img/flags@2x.webp");
  --iti-path-globe-1x: url("/static/vendor/intl-tel-input/img/globe.webp");
  --iti-path-globe-2x: url("/static/vendor/intl-tel-input/img/globe@2x.webp");
}

.iti {
  width: 100%;
  position: relative;
  z-index: 0;
  isolation: isolate;
}

.iti__flag {
  background-image: var(--iti-path-flags-1x);
}

@media (min-resolution: 2dppx) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
}

.iti__country-container {
  z-index: 1 !important;
}

.iti__dropdown-content,
.iti__country-list {
  background-color: #fff;
}

.iti:has(.iti__country-selector:not(.iti__hide)) {
  z-index: 20;
}

body.modal-open .iti {
  z-index: 0 !important;
}

body.modal-open .modal .iti {
  z-index: 2 !important;
}

body.modal-open .modal .iti:has(.iti__country-selector:not(.iti__hide)) {
  z-index: 20 !important;
}