/* формы */
.phone-dropdown {
    --height: 20px;
    --phones: 10;
    display: none;
    position: absolute;
    left: 10px;
    right: 10px;
    top: 100%;
    margin-top: 7px;
    overflow-y: scroll;
    overscroll-behavior: none;
    max-height: calc(var(--height) * var(--phones));
    z-index: 9999999;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 7px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    padding: 5px 0;
  }
  .phone-dropdown li {
    padding: 7px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    font: 400 14px/1.2 sans-serif !important;
    color: #000 !important;
  }
  .phone-dropdown li.is-active,
  .phone-dropdown li:hover {
    background: #eee;
  }
  .phone-dropdown__code {
    margin-left: auto;
    margin-right: 5px;
    flex-shrink: 0;
  }
  
  .phone-input {
    position: relative;
  }
  .phone-input__current {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 32px;
    position: absolute;
    left: 5px;
    top: -6px;
    padding: 0 5px;
    cursor: pointer;
  }
  .phone-input__current::after {
    content: "";
    display: block;
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: #9a9a9a transparent transparent;
    width: 0;
  }
  .phone-input__input {
    padding-left: 60px !important;
  }
  
  .phone-flag {
    background: url(./flags.png) no-repeat;
    flex: 18px 0 0;
    width: 18px;
    height: 13px;
    display: inline-flex;
    background-color: #c5c5c5;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  }
  .phone-flag_ad {
    background-position: -5px -5px;
  }
  .phone-flag_ae {
    background-position: -33px -5px;
  }
  .phone-flag_af {
    background-position: -61px -5px;
  }
  .phone-flag_ag {
    background-position: -89px -5px;
  }
  .phone-flag_al {
    background-position: -117px -5px;
  }
  .phone-flag_am {
    background-position: -145px -5px;
  }
  .phone-flag_ao {
    background-position: -173px -5px;
  }
  .phone-flag_ar {
    background-position: -201px -5px;
  }
  .phone-flag_at {
    background-position: -229px -5px;
  }
  .phone-flag_au {
    background-position: -257px -5px;
  }
  .phone-flag_az {
    background-position: -285px -5px;
  }
  .phone-flag_ba {
    background-position: -313px -5px;
  }
  .phone-flag_bb {
    background-position: -5px -28px;
  }
  .phone-flag_bd {
    background-position: -33px -28px;
  }
  .phone-flag_be {
    background-position: -61px -28px;
  }
  .phone-flag_bf {
    background-position: -89px -28px;
  }
  .phone-flag_bg {
    background-position: -117px -28px;
  }
  .phone-flag_bh {
    background-position: -145px -28px;
  }
  .phone-flag_bi {
    background-position: -173px -28px;
  }
  .phone-flag_bj {
    background-position: -201px -28px;
  }
  .phone-flag_bm {
    background-position: -229px -28px;
  }
  .phone-flag_bn {
    background-position: -257px -28px;
  }
  .phone-flag_bo {
    background-position: -285px -28px;
  }
  .phone-flag_bq {
    background-position: -89px -258px;
  }
  .phone-flag_br {
    background-position: -313px -28px;
  }
  .phone-flag_bs {
    background-position: -5px -51px;
  }
  .phone-flag_bt {
    background-position: -33px -51px;
  }
  .phone-flag_bw {
    background-position: -61px -51px;
  }
  .phone-flag_by {
    background-position: -89px -51px;
  }
  .phone-flag_bz {
    background-position: -117px -51px;
  }
  .phone-flag_ca {
    background-position: -145px -51px;
  }
  .phone-flag_cd {
    background-position: -173px -51px;
  }
  .phone-flag_cf {
    background-position: -201px -51px;
  }
  .phone-flag_cg {
    background-position: -229px -51px;
  }
  .phone-flag_ch {
    background-position: -257px -51px;
  }
  .phone-flag_ci {
    background-position: -285px -51px;
  }
  .phone-flag_ck {
    background-position: -313px -51px;
  }
  .phone-flag_cl {
    background-position: -5px -74px;
  }
  .phone-flag_cm {
    background-position: -33px -74px;
  }
  .phone-flag_cn {
    background-position: -61px -74px;
  }
  .phone-flag_co {
    background-position: -89px -74px;
  }
  .phone-flag_cr {
    background-position: -117px -74px;
  }
  .phone-flag_cu {
    background-position: -145px -74px;
  }
  .phone-flag_cv {
    background-position: -173px -74px;
  }
  .phone-flag_cz {
    background-position: -229px -74px;
  }
  .phone-flag_cy {
    background-position: -201px -74px;
  }
  .phone-flag_de {
    background-position: -257px -74px;
  }
  .phone-flag_dj {
    background-position: -285px -74px;
  }
  .phone-flag_dk {
    background-position: -313px -74px;
  }
  .phone-flag_dm {
    background-position: -5px -97px;
  }
  .phone-flag_do {
    background-position: -33px -97px;
  }
  .phone-flag_dz {
    background-position: -61px -97px;
  }
  .phone-flag_ec {
    background-position: -89px -97px;
  }
  .phone-flag_ee {
    background-position: -117px -97px;
  }
  .phone-flag_eg {
    background-position: -145px -97px;
  }
  .phone-flag_eh {
    background-position: -173px -97px;
  }
  .phone-flag_er {
    background-position: -201px -97px;
  }
  .phone-flag_es {
    background-position: -229px -97px;
  }
  .phone-flag_et {
    background-position: -257px -97px;
  }
  .phone-flag_fi {
    background-position: -285px -97px;
  }
  .phone-flag_fj {
    background-position: -313px -97px;
  }
  .phone-flag_fm {
    background-position: -5px -120px;
  }
  .phone-flag_fr {
    background-position: -33px -120px;
  }
  .phone-flag_ga {
    background-position: -61px -120px;
  }
  .phone-flag_gb {
    background-position: -89px -120px;
  }
  .phone-flag_gd {
    background-position: -117px -120px;
  }
  .phone-flag_ge {
    background-position: -145px -120px;
  }
  .phone-flag_gh {
    background-position: -173px -120px;
  }
  .phone-flag_gm {
    background-position: -201px -120px;
  }
  .phone-flag_gn {
    background-position: -229px -120px;
  }
  .phone-flag_gq {
    background-position: -257px -120px;
  }
  .phone-flag_gr {
    background-position: -285px -120px;
  }
  .phone-flag_gt {
    background-position: -313px -120px;
  }
  .phone-flag_gw {
    background-position: -5px -143px;
  }
  .phone-flag_gy {
    background-position: -33px -143px;
  }
  .phone-flag_hk {
    background-position: -61px -143px;
  }
  .phone-flag_hn {
    background-position: -89px -143px;
  }
  .phone-flag_hr {
    background-position: -117px -143px;
  }
  .phone-flag_ht {
    background-position: -145px -143px;
  }
  .phone-flag_hu {
    background-position: -173px -143px;
  }
  .phone-flag_id {
    background-position: -201px -143px;
  }
  .phone-flag_ie {
    background-position: -229px -143px;
  }
  .phone-flag_il {
    background-position: -257px -143px;
  }
  .phone-flag_in {
    background-position: -285px -143px;
  }
  .phone-flag_iq {
    background-position: -313px -143px;
  }
  .phone-flag_ir {
    background-position: -5px -166px;
  }
  .phone-flag_is {
    background-position: -33px -166px;
  }
  .phone-flag_it {
    background-position: -61px -166px;
  }
  .phone-flag_jm {
    background-position: -89px -166px;
  }
  .phone-flag_jo {
    background-position: -117px -166px;
  }
  .phone-flag_jp {
    background-position: -145px -166px;
  }
  .phone-flag_ke {
    background-position: -173px -166px;
  }
  .phone-flag_kg {
    background-position: -201px -166px;
  }
  .phone-flag_kh {
    background-position: -229px -166px;
  }
  .phone-flag_ki {
    background-position: -257px -166px;
  }
  .phone-flag_km {
    background-position: -285px -166px;
  }
  .phone-flag_kn {
    background-position: -313px -166px;
  }
  .phone-flag_kp {
    background-position: -5px -189px;
  }
  .phone-flag_kr {
    background-position: -33px -189px;
  }
  .phone-flag_ks {
    background-position: -61px -189px;
  }
  .phone-flag_kw {
    background-position: -89px -189px;
  }
  .phone-flag_kz {
    background-position: -117px -189px;
  }
  .phone-flag_la {
    background-position: -145px -189px;
  }
  .phone-flag_lb {
    background-position: -173px -189px;
  }
  .phone-flag_lc {
    background-position: -201px -189px;
  }
  .phone-flag_li {
    background-position: -229px -189px;
  }
  .phone-flag_lk {
    background-position: -257px -189px;
  }
  .phone-flag_lr {
    background-position: -285px -189px;
  }
  .phone-flag_ls {
    background-position: -313px -189px;
  }
  .phone-flag_lt {
    background-position: -5px -212px;
  }
  .phone-flag_lu {
    background-position: -33px -212px;
  }
  .phone-flag_lv {
    background-position: -61px -212px;
  }
  .phone-flag_ly {
    background-position: -89px -212px;
  }
  .phone-flag_ma {
    background-position: -117px -212px;
  }
  .phone-flag_mc {
    background-position: -145px -212px;
  }
  .phone-flag_md {
    background-position: -173px -212px;
  }
  .phone-flag_me {
    background-position: -201px -212px;
  }
  .phone-flag_mg {
    background-position: -229px -212px;
  }
  .phone-flag_mh {
    background-position: -257px -212px;
  }
  .phone-flag_mk {
    background-position: -285px -212px;
  }
  .phone-flag_ml {
    background-position: -313px -212px;
  }
  .phone-flag_mm {
    background-position: -5px -235px;
  }
  .phone-flag_mn {
    background-position: -33px -235px;
  }
  .phone-flag_mo {
    background-position: -61px -235px;
  }
  .phone-flag_mr {
    background-position: -89px -235px;
  }
  .phone-flag_mt {
    background-position: -117px -235px;
  }
  .phone-flag_mu {
    background-position: -145px -235px;
  }
  .phone-flag_mv {
    background-position: -173px -235px;
  }
  .phone-flag_mw {
    background-position: -201px -235px;
  }
  .phone-flag_mb {
    background-position: -229px -235px;
  }
  .phone-flag_mx {
    background-position: -229px -235px;
  }
  .phone-flag_my {
    background-position: -257px -235px;
  }
  .phone-flag_mz {
    background-position: -285px -235px;
  }
  .phone-flag_na {
    background-position: -313px -235px;
  }
  .phone-flag_ne {
    background-position: -5px -258px;
  }
  .phone-flag_ng {
    background-position: -33px -258px;
  }
  .phone-flag_ni {
    background-position: -61px -258px;
  }
  .phone-flag_nl {
    background-position: -89px -258px;
  }
  .phone-flag_no {
    background-position: -117px -258px;
  }
  .phone-flag_np {
    background-position: -341px -5px;
  }
  .phone-flag_nr {
    background-position: -145px -258px;
  }
  .phone-flag_nu {
    background-position: -173px -258px;
  }
  .phone-flag_nc {
    background-position: -229px -350px;
  }
  .phone-flag_nz {
    background-position: -201px -258px;
  }
  .phone-flag_om {
    background-position: -229px -258px;
  }
  .phone-flag_pa {
    background-position: -257px -258px;
  }
  .phone-flag_pe {
    background-position: -285px -258px;
  }
  .phone-flag_pg {
    background-position: -313px -258px;
  }
  .phone-flag_ph {
    background-position: -5px -281px;
  }
  .phone-flag_pk {
    background-position: -33px -281px;
  }
  .phone-flag_pl {
    background-position: -61px -281px;
  }
  .phone-flag_ps {
    background-position: -89px -281px;
  }
  .phone-flag_pt {
    background-position: -117px -281px;
  }
  .phone-flag_pw {
    background-position: -145px -281px;
  }
  .phone-flag_py {
    background-position: -173px -281px;
  }
  .phone-flag_qa {
    background-position: -201px -281px;
  }
  .phone-flag_ro {
    background-position: -229px -281px;
  }
  .phone-flag_rs {
    background-position: -257px -281px;
  }
  .phone-flag_ru {
    background-position: -285px -281px;
  }
  .phone-flag_rw {
    background-position: -313px -281px;
  }
  .phone-flag_sa {
    background-position: -5px -304px;
  }
  .phone-flag_sb {
    background-position: -33px -304px;
  }
  .phone-flag_sc {
    background-position: -61px -304px;
  }
  .phone-flag_sd {
    background-position: -89px -304px;
  }
  .phone-flag_se {
    background-position: -117px -304px;
  }
  .phone-flag_sg {
    background-position: -145px -304px;
  }
  .phone-flag_si {
    background-position: -173px -304px;
  }
  .phone-flag_sk {
    background-position: -201px -304px;
  }
  .phone-flag_sl {
    background-position: -229px -304px;
  }
  .phone-flag_sm {
    background-position: -257px -304px;
  }
  .phone-flag_sn {
    background-position: -285px -304px;
  }
  .phone-flag_so {
    background-position: -313px -304px;
  }
  .phone-flag_sr {
    background-position: -5px -327px;
  }
  .phone-flag_ss {
    background-position: -33px -327px;
  }
  .phone-flag_st {
    background-position: -61px -327px;
  }
  .phone-flag_sv {
    background-position: -89px -327px;
  }
  .phone-flag_sy {
    background-position: -117px -327px;
  }
  .phone-flag_sz {
    background-position: -145px -327px;
  }
  .phone-flag_td {
    background-position: -173px -327px;
  }
  .phone-flag_tg {
    background-position: -201px -327px;
  }
  .phone-flag_th {
    background-position: -229px -327px;
  }
  .phone-flag_tj {
    background-position: -257px -327px;
  }
  .phone-flag_tl {
    background-position: -285px -327px;
  }
  .phone-flag_tm {
    background-position: -313px -327px;
  }
  .phone-flag_ky {
    background-position: -285px -350px;
  }
  .phone-flag_tn {
    background-position: -257px -350px;
  }
  .phone-flag_to {
    background-position: -341px -28px;
  }
  .phone-flag_tr {
    background-position: -341px -51px;
  }
  .phone-flag_tt {
    background-position: -341px -74px;
  }
  .phone-flag_tv {
    background-position: -341px -97px;
  }
  .phone-flag_tw {
    background-position: -341px -120px;
  }
  .phone-flag_tz {
    background-position: -341px -143px;
  }
  .phone-flag_ua {
    background-position: -341px -166px;
  }
  .phone-flag_ug {
    background-position: -341px -189px;
  }
  .phone-flag_us {
    background-position: -341px -212px;
  }
  .phone-flag_uy {
    background-position: -341px -235px;
  }
  .phone-flag_uz {
    background-position: -341px -258px;
  }
  .phone-flag_va {
    background-position: -341px -281px;
  }
  .phone-flag_vc {
    background-position: -341px -304px;
  }
  .phone-flag_ve {
    background-position: -341px -327px;
  }
  .phone-flag_vn {
    background-position: -5px -350px;
  }
  .phone-flag_vu {
    background-position: -33px -350px;
  }
  .phone-flag_ws {
    background-position: -61px -350px;
  }
  .phone-flag_xk {
    background-position: -89px -350px;
  }
  .phone-flag_ye {
    background-position: -117px -350px;
  }
  .phone-flag_za {
    background-position: -145px -350px;
  }
  .phone-flag_zm {
    background-position: -173px -350px;
  }
  .phone-flag_zw {
    background-position: -201px -350px;
  }
  