/* Axion dark theme for intl-tel-input v29.x */
.ax-phone .iti,
.iti--container{
  --iti-border-color:var(--ax-line2,#34164f);
  --iti-country-selector-bg:#140820;
  --iti-hover-color:rgba(255,91,224,.12);
  --iti-icon-color:#d8c9e9;
  --iti-strict-reject-flash-color:rgba(255,65,111,.16);
  --iti-path-flags-1x:url('https://cdn.jsdelivr.net/npm/intl-tel-input@29.1.2/dist/img/flags.webp');
  --iti-path-flags-2x:url('https://cdn.jsdelivr.net/npm/intl-tel-input@29.1.2/dist/img/flags@2x.webp');
  --iti-path-globe-1x:url('https://cdn.jsdelivr.net/npm/intl-tel-input@29.1.2/dist/img/globe.webp');
  --iti-path-globe-2x:url('https://cdn.jsdelivr.net/npm/intl-tel-input@29.1.2/dist/img/globe@2x.webp');
}

.ax-phone .iti{display:block;width:100%}
.ax-phone .iti input.ax-input{width:100%;padding-left:122px!important}
.ax-phone .iti__selected-country{
  min-width:110px;
  padding:0 13px 0 10px!important;
  border-radius:11px 0 0 11px;
  background:rgba(255,255,255,.025)!important;
}
.ax-phone .iti__selected-country-primary{
  display:flex;
  align-items:center;
  gap:7px;
  padding:0!important;
}
.ax-phone .iti__selected-dial-code{
  margin:0 0 0 6px!important;
  padding-right:3px;
  white-space:nowrap;
  line-height:1;
}
.ax-phone .iti__selected-country:hover,
.ax-phone .iti__selected-country:focus{
  background:rgba(255,91,224,.10)!important;
}

/* The dropdown can be rendered outside .ax-phone, so these selectors are intentionally global. */
.iti__dropdown-content,
.iti__country-list{
  background:#140820!important;
  color:#f7efff!important;
  border:1px solid var(--ax-line2,#34164f)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.58)!important;
}
.iti__country-list{
  scrollbar-color:#a226c7 #140820;
  scrollbar-width:thin;
}
.iti__country-list::-webkit-scrollbar{width:9px}
.iti__country-list::-webkit-scrollbar-track{background:#140820}
.iti__country-list::-webkit-scrollbar-thumb{
  background:#8f25b8;
  border:2px solid #140820;
  border-radius:999px;
}
.iti__country{
  background:#140820!important;
  color:#f7efff!important;
}
.iti__country.iti__highlight,
.iti__country:hover,
.iti__country:focus{
  background:#2a123b!important;
  color:#fff!important;
}
.iti__country-name{
  color:#f7efff!important;
  font-weight:600;
}
.iti__dial-code{
  color:#bda9d0!important;
}
.iti__country.iti__highlight .iti__country-name,
.iti__country:hover .iti__country-name,
.iti__country.iti__highlight .iti__dial-code,
.iti__country:hover .iti__dial-code{
  color:#fff!important;
}
.iti__search-input{
  background:#0d0618!important;
  color:#f7efff!important;
  border:1px solid var(--ax-line2,#34164f)!important;
  border-radius:9px!important;
  padding:9px 11px!important;
  caret-color:#ff4fd8;
}
.iti__search-input::placeholder{color:#8f7ba5!important;opacity:1}
.iti__search-input:focus{
  border-color:#d62bd4!important;
  box-shadow:0 0 0 3px rgba(214,43,212,.14)!important;
  outline:0!important;
}
.iti__search-icon,
.iti__search-icon-svg,
.iti__close-button,
.iti__selected-country-primary,
.iti__arrow{color:#d8c9e9!important}

.ax-phone.phone-invalid label{color:#ff789b}
.ax-phone.phone-invalid .iti input.ax-input{
  border-color:#ff416f!important;
  box-shadow:0 0 0 3px rgba(255,65,111,.12),0 10px 24px rgba(255,35,99,.07)
}
.ax-phone-error{
  display:none;
  margin-top:6px;
  color:#ff8cab;
  font-size:11.5px;
  line-height:1.45
}
.ax-phone.phone-invalid .ax-phone-error{display:block}
