@alfalab/core-components-intl-phone-input 9.1.2 → 9.2.0

package/components/flag-icon/index.css

@@ -1,1564 +1,30 @@
-/* hash: 17z1g */
-.intl-phone-input__flagIcon_3u7cp {
-    display: inline-flex;
-    background-position: center;
-    background-repeat: no-repeat;
-    box-shadow: 0 0 2px 0 rgba(11, 31, 53, 0.25);
-    background-image: url('./images/sprites/flag-icon_size_l@1x.png');
-    background-size: 300px 275px
+/* hash: 18d6c */
+:root {
+    --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
 }
+:root {
 
-@media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
+    /* Hard */
 
-.intl-phone-input__flagIcon_3u7cp {
-        background-image: url('./images/sprites/flag-icon_size_l@2x.png')
-}
-    }
-
-.intl-phone-input__ac_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -242px -143px;
-}
-
-.intl-phone-input__ad_3u7cp {
-    width: 22px;
-    height: 16px;
-    background-position: 0 -34px;
-}
-
-.intl-phone-input__ae_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -242px -231px;
-}
-
-.intl-phone-input__af_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -176px 0;
-}
-
-.intl-phone-input__ag_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -154px -143px;
-}
-
-.intl-phone-input__ai_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -88px -242px;
-}
-
-.intl-phone-input__al_3u7cp {
-    width: 22px;
-    height: 16px;
-    background-position: 0 -50px;
-}
-
-.intl-phone-input__am_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -88px -231px;
-}
-
-.intl-phone-input__ao_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -88px -15px;
-}
-
-.intl-phone-input__aq_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -88px -45px;
-}
-
-.intl-phone-input__ar_3u7cp {
-    width: 22px;
-    height: 14px;
-    background-position: -132px -203px;
-}
-
-.intl-phone-input__as_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -242px -209px;
-}
-
-.intl-phone-input__at_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -22px -113px;
-}
-
-.intl-phone-input__au_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -154px -231px;
-}
-
-.intl-phone-input__aw_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -132px -90px;
-}
-
-.intl-phone-input__ax_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: 0 -128px;
-}
-
-.intl-phone-input__az_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -88px -253px;
-}
-
-.intl-phone-input__ba_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -187px;
-}
-
-.intl-phone-input__bb_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -66px -143px;
-}
-
-.intl-phone-input__bd_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -242px -13px;
-}
-
-.intl-phone-input__be_3u7cp {
-    width: 20px;
-    height: 17px;
-    background-position: -20px -66px;
-}
-
-.intl-phone-input__bf_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -176px -120px;
-}
-
-.intl-phone-input__bg_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -242px 0;
-}
-
-.intl-phone-input__bh_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -198px -218px;
-}
-
-.intl-phone-input__bi_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -176px -218px;
-}
-
-.intl-phone-input__bj_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -198px -135px;
-}
-
-.intl-phone-input__bl_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -44px -188px;
-}
-
-.intl-phone-input__bm_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -242px -154px;
-}
-
-.intl-phone-input__bn_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -242px -176px;
-}
-
-.intl-phone-input__bo_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -62px -66px;
-}
-
-.intl-phone-input__bq_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -88px 0;
-}
-
-.intl-phone-input__br_3u7cp {
-    width: 22px;
-    height: 16px;
-    background-position: -66px 0;
-}
-
-.intl-phone-input__bs_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -198px -231px;
-}
-
-.intl-phone-input__bt_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -88px -30px;
-}
-
-.intl-phone-input__bv_3u7cp {
-    width: 22px;
-    height: 16px;
-    background-position: -22px -34px;
-}
-
-.intl-phone-input__bw_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -88px -60px;
-}
-
-.intl-phone-input__by_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -66px;
-}
-
-.intl-phone-input__bz_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: 0 -83px;
-}
-
-.intl-phone-input__ca_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -198px;
-}
-
-.intl-phone-input__cc_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -22px -264px;
-}
-
-.intl-phone-input__cd_3u7cp {
-    width: 22px;
-    height: 17px;
-    background-position: -44px -17px;
-}
-
-.intl-phone-input__cf_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -44px -83px;
-}
-
-.intl-phone-input__cg_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -66px -83px;
-}
-
-.intl-phone-input__ch_3u7cp {
-    width: 17px;
-    height: 17px;
-    background-position: -220px -73px;
-}
-
-.intl-phone-input__ci_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -110px 0;
-}
-
-.intl-phone-input__ck_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -132px -231px;
-}
-
-.intl-phone-input__cl_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -110px -15px;
-}
-
-.intl-phone-input__cm_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -110px -30px;
-}
-
-.intl-phone-input__cn_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -110px -45px;
-}
-
-.intl-phone-input__co_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -110px -60px;
-}
-
-.intl-phone-input__cp_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -110px -75px;
-}
-
-.intl-phone-input__cr_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -132px -218px;
-}
-
-.intl-phone-input__cu_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -88px;
-}
-
-.intl-phone-input__cv_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -88px -218px;
-}
-
-.intl-phone-input__cw_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -44px -98px;
-}
-
-.intl-phone-input__cx_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -231px;
-}
-
-.intl-phone-input__cy_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -66px -98px;
-}
-
-.intl-phone-input__cz_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -88px -98px;
-}
-
-.intl-phone-input__de_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -66px -218px;
-}
-
-.intl-phone-input__dg_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -242px -165px;
-}
-
-.intl-phone-input__dj_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: 0 -113px;
-}
-
-.intl-phone-input__dk_3u7cp {
-    width: 22px;
-    height: 17px;
-    background-position: -44px 0;
-}
-
-.intl-phone-input__dm_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -44px -231px;
-}
-
-.intl-phone-input__do_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -44px -113px;
-}
-
-.intl-phone-input__dz_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -66px -113px;
-}
-
-.intl-phone-input__ea_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -88px -113px;
-}
-
-.intl-phone-input__ec_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -110px -113px;
-}
-
-.intl-phone-input__ee_3u7cp {
-    width: 22px;
-    height: 14px;
-    background-position: -176px -203px;
-}
-
-.intl-phone-input__eg_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -132px -15px;
-}
-
-.intl-phone-input__eh_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -154px -242px;
-}
-
-.intl-phone-input__er_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -242px -242px;
-}
-
-.intl-phone-input__es_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -132px -30px;
-}
-
-.intl-phone-input__et_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -242px -253px;
-}
-
-.intl-phone-input__eu_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -132px -45px;
-}
-
-.intl-phone-input__fi_3u7cp {
-    width: 22px;
-    height: 14px;
-    background-position: -198px -203px;
-}
-
-.intl-phone-input__fj_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -132px;
-}
-
-.intl-phone-input__fk_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -154px;
-}
-
-.intl-phone-input__fm_3u7cp {
-    width: 22px;
-    height: 12px;
-    background-position: -242px -62px;
-}
-
-.intl-phone-input__fo_3u7cp {
-    width: 22px;
-    height: 16px;
-    background-position: -44px -34px;
-}
-
-.intl-phone-input__fr_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -132px -105px;
-}
-
-.intl-phone-input__ga_3u7cp {
-    width: 22px;
-    height: 17px;
-    background-position: 0 0;
-}
-
-.intl-phone-input__gb_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -44px -264px;
-}
-
-.intl-phone-input__gd_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: 0 -218px;
-}
-
-.intl-phone-input__ge_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -44px -128px;
-}
-
-.intl-phone-input__gf_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -66px -128px;
-}
-
-.intl-phone-input__gg_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -88px -128px;
-}
-
-.intl-phone-input__gh_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -110px -128px;
-}
-
-.intl-phone-input__gi_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -242px -220px;
-}
-
-.intl-phone-input__gl_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -132px -128px;
-}
-
-.intl-phone-input__gm_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -154px 0;
-}
-
-.intl-phone-input__gn_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -154px -15px;
-}
-
-.intl-phone-input__gp_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -154px -30px;
-}
-
-.intl-phone-input__gq_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -154px -45px;
-}
-
-.intl-phone-input__gr_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -154px -60px;
-}
-
-.intl-phone-input__gs_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -66px -242px;
-}
-
-.intl-phone-input__gt_3u7cp {
-    width: 22px;
-    height: 14px;
-    background-position: -220px 0;
-}
-
-.intl-phone-input__gu_3u7cp {
-    width: 22px;
-    height: 12px;
-    background-position: -242px -26px;
-}
-
-.intl-phone-input__gw_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -220px -242px;
-}
-
-.intl-phone-input__gy_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -220px -155px;
-}
-
-.intl-phone-input__hk_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -154px -120px;
-}
-
-.intl-phone-input__hm_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -110px -253px;
-}
-
-.intl-phone-input__hn_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -132px -253px;
-}
-
-.intl-phone-input__hr_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -220px -253px;
-}
-
-.intl-phone-input__ht_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -220px -142px;
-}
-
-.intl-phone-input__hu_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -11px;
-}
-
-.intl-phone-input__ic_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -22px -143px;
-}
-
-.intl-phone-input__id_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -44px -143px;
-}
-
-.intl-phone-input__ie_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -121px;
-}
-
-.intl-phone-input__il_3u7cp {
-    width: 22px;
-    height: 16px;
-    background-position: -22px -50px;
-}
-
-.intl-phone-input__im_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -143px;
-}
-
-.intl-phone-input__in_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -88px -143px;
-}
-
-.intl-phone-input__io_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -165px;
-}
-
-.intl-phone-input__iq_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -110px -143px;
-}
-
-.intl-phone-input__ir_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -220px -116px;
-}
-
-.intl-phone-input__is_3u7cp {
-    width: 22px;
-    height: 16px;
-    background-position: -44px -50px;
-}
-
-.intl-phone-input__it_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: 0 -158px;
-}
-
-.intl-phone-input__je_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -220px -103px;
-}
-
-.intl-phone-input__jm_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -66px -264px;
-}
-
-.intl-phone-input__jo_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -110px -264px;
-}
-
-.intl-phone-input__jp_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -44px -158px;
-}
-
-.intl-phone-input__ke_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -66px -158px;
-}
-
-.intl-phone-input__kg_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -154px -218px;
-}
-
-.intl-phone-input__kh_3u7cp {
-    width: 22px;
-    height: 14px;
-    background-position: -220px -42px;
-}
-
-.intl-phone-input__ki_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -242px -198px;
-}
-
-.intl-phone-input__km_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -110px -218px;
-}
-
-.intl-phone-input__kn_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -154px -158px;
-}
-
-.intl-phone-input__kp_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: 0 -231px;
-}
-
-.intl-phone-input__kr_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -40px -66px;
-}
+    /* Up */
 
-.intl-phone-input__kw_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -66px -231px;
+    /* Hard up */
 }
-
-.intl-phone-input__ky_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -242px -110px;
-}
-
-.intl-phone-input__kz_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -110px -231px;
-}
-
-.intl-phone-input__la_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -176px -30px;
-}
-
-.intl-phone-input__lb_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -176px -45px;
-}
-
-.intl-phone-input__lc_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -176px -231px;
-}
-
-.intl-phone-input__li_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -220px -129px;
-}
-
-.intl-phone-input__lk_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -220px -231px;
-}
-
-.intl-phone-input__lr_3u7cp {
-    width: 22px;
-    height: 12px;
-    background-position: -242px -74px;
-}
-
-.intl-phone-input__ls_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -176px -90px;
-}
-
-.intl-phone-input__lt_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -220px -168px;
-}
-
-.intl-phone-input__lu_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -220px -181px;
-}
-
-.intl-phone-input__lv_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -176px -242px;
-}
-
-.intl-phone-input__ly_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -198px -242px;
-}
-
-.intl-phone-input__ma_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -176px -135px;
-}
-
-.intl-phone-input__mc_3u7cp {
-    width: 22px;
-    height: 17px;
-    background-position: 0 -17px;
-}
-
-.intl-phone-input__md_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: 0 -253px;
-}
-
-.intl-phone-input__me_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -22px -253px;
-}
-
-.intl-phone-input__mf_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: 0 -173px;
-}
-
-.intl-phone-input__mg_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -22px -173px;
-}
-
-.intl-phone-input__mh_3u7cp {
-    width: 22px;
-    height: 12px;
-    background-position: -242px -38px;
-}
-
-.intl-phone-input__mk_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -154px -253px;
-}
-
-.intl-phone-input__ml_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -66px -173px;
-}
-
-.intl-phone-input__mm_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -88px -173px;
-}
-
-.intl-phone-input__mn_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px 0;
-}
-
-.intl-phone-input__mo_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -110px -173px;
-}
-
-.intl-phone-input__mp_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -55px;
-}
-
-.intl-phone-input__mq_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -132px -173px;
-}
-
-.intl-phone-input__mr_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -154px -173px;
-}
-
-.intl-phone-input__ms_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -99px;
-}
-
-.intl-phone-input__mt_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -176px -173px;
-}
-
-.intl-phone-input__mu_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -198px 0;
-}
-
-.intl-phone-input__mv_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -198px -15px;
-}
-
-.intl-phone-input__mw_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -198px -30px;
-}
-
-.intl-phone-input__mx_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -220px -90px;
-}
-
-.intl-phone-input__my_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -176px;
-}
-
-.intl-phone-input__mz_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -198px -60px;
-}
-
-.intl-phone-input__na_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -198px -75px;
-}
-
-.intl-phone-input__nc_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -220px;
-}
-
-.intl-phone-input__ne_3u7cp {
-    width: 20px;
-    height: 17px;
-    background-position: 0 -66px;
-}
-
-.intl-phone-input__nf_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -242px;
-}
-
-.intl-phone-input__ng_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: 0 -264px;
-}
-
-.intl-phone-input__ni_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -44px -218px;
-}
-
-.intl-phone-input__nl_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -198px -120px;
-}
-
-.intl-phone-input__no_3u7cp {
-    width: 22px;
-    height: 16px;
-    background-position: -66px -16px;
-}
-
-.intl-phone-input__np_3u7cp {
-    width: 14px;
-    height: 17px;
-    background-position: -286px 0;
-}
-
-.intl-phone-input__nr_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -132px -264px;
-}
-
-.intl-phone-input__nu_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -154px -264px;
-}
-
-.intl-phone-input__nz_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -242px -121px;
-}
-
-.intl-phone-input__om_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -242px -132px;
-}
-
-.intl-phone-input__pa_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -198px -165px;
-}
-
-.intl-phone-input__pe_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: 0 -188px;
-}
-
-.intl-phone-input__pf_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -22px -188px;
-}
-
-.intl-phone-input__pg_3u7cp {
-    width: 22px;
-    height: 17px;
-    background-position: -22px 0;
-}
-
-.intl-phone-input__ph_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -242px -187px;
-}
-
-.intl-phone-input__pk_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -66px -188px;
-}
-
-.intl-phone-input__pl_3u7cp {
-    width: 22px;
-    height: 14px;
-    background-position: -154px -203px;
-}
-
-.intl-phone-input__pm_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -110px -188px;
-}
-
-.intl-phone-input__pn_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -220px -207px;
-}
-
-.intl-phone-input__pr_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -132px -188px;
-}
-
-.intl-phone-input__ps_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -22px -231px;
-}
-
-.intl-phone-input__pt_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -154px -188px;
-}
-
-.intl-phone-input__pw_3u7cp {
-    width: 22px;
-    height: 14px;
-    background-position: -110px -203px;
-}
-
-.intl-phone-input__py_3u7cp {
-    width: 22px;
-    height: 12px;
-    background-position: -242px -86px;
-}
-
-.intl-phone-input__qa_3u7cp {
-    width: 22px;
-    height: 9px;
-    background-position: -198px -264px;
+:root {
+    --gap-3xs: 2px;
 }
-
-.intl-phone-input__re_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -22px -203px;
-}
-
-.intl-phone-input__ro_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -44px -203px;
-}
-
-.intl-phone-input__rs_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -66px -203px;
-}
-
-.intl-phone-input__ru_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -88px -203px;
-}
-
-.intl-phone-input__rw_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -198px -188px;
-}
-
-.intl-phone-input__sa_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -176px -188px;
-}
-
-.intl-phone-input__sb_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: 0 -242px;
-}
-
-.intl-phone-input__sc_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -22px -242px;
-}
-
-.intl-phone-input__sd_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -44px -242px;
-}
-
-.intl-phone-input__se_3u7cp {
-    width: 22px;
-    height: 14px;
-    background-position: -220px -14px;
-}
-
-.intl-phone-input__sg_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -88px -188px;
-}
-
-.intl-phone-input__sh_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -110px -242px;
-}
-
-.intl-phone-input__si_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -132px -242px;
-}
-
-.intl-phone-input__sj_3u7cp {
-    width: 22px;
-    height: 16px;
-    background-position: -66px -48px;
-}
-
-.intl-phone-input__sk_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -198px -45px;
-}
-
-.intl-phone-input__sl_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -44px -173px;
-}
-
-.intl-phone-input__sm_3u7cp {
-    width: 22px;
-    height: 17px;
-    background-position: -22px -17px;
-}
-
-.intl-phone-input__sn_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -176px -105px;
-}
-
-.intl-phone-input__so_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -176px -75px;
-}
-
-.intl-phone-input__sr_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -176px -60px;
-}
-
-.intl-phone-input__ss_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -44px -253px;
-}
-
-.intl-phone-input__st_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -66px -253px;
-}
-
-.intl-phone-input__sv_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -22px -218px;
-}
-
-.intl-phone-input__sx_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -132px -158px;
-}
-
-.intl-phone-input__sy_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -110px -158px;
-}
-
-.intl-phone-input__sz_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -88px -158px;
-}
-
-.intl-phone-input__ta_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -176px -253px;
-}
-
-.intl-phone-input__tc_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -198px -253px;
-}
-
-.intl-phone-input__td_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -22px -158px;
-}
-
-.intl-phone-input__tf_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -132px -143px;
-}
-
-.intl-phone-input__tg_3u7cp {
-    width: 22px;
-    height: 14px;
-    background-position: -220px -28px;
-}
-
-.intl-phone-input__th_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: 0 -143px;
+:root {
+    --border-radius-xs: 2px;
 }
-
-.intl-phone-input__tj_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -22px;
-}
-
-.intl-phone-input__tk_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -33px;
-}
-
-.intl-phone-input__tl_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -44px;
-}
-
-.intl-phone-input__tm_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -154px -105px;
-}
-
-.intl-phone-input__tn_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -154px -90px;
-}
-
-.intl-phone-input__to_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -77px;
-}
-
-.intl-phone-input__tr_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -154px -75px;
-}
-
-.intl-phone-input__tt_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -220px -194px;
-}
-
-.intl-phone-input__tv_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -110px;
-}
-
-.intl-phone-input__tw_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -22px -128px;
-}
-
-.intl-phone-input__tz_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -132px -75px;
-}
-
-.intl-phone-input__ua_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -132px -60px;
-}
-
-.intl-phone-input__ug_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -132px 0;
-}
-
-.intl-phone-input__um_3u7cp {
-    width: 22px;
-    height: 12px;
-    background-position: -242px -98px;
-}
-
-.intl-phone-input__un_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -110px -98px;
-}
-
-.intl-phone-input__us_3u7cp {
-    width: 22px;
-    height: 12px;
-    background-position: -242px -50px;
-}
-
-.intl-phone-input__uy_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -22px -98px;
-}
-
-.intl-phone-input__uz_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -209px;
-}
-
-.intl-phone-input__va_3u7cp {
-    width: 17px;
-    height: 17px;
-    background-position: -220px -56px;
-}
-
-.intl-phone-input__vc_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: 0 -98px;
-}
-
-.intl-phone-input__ve_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -88px -83px;
-}
-
-.intl-phone-input__vg_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -264px -253px;
-}
-
-.intl-phone-input__vi_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -198px -105px;
-}
-
-.intl-phone-input__vn_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -198px -90px;
-}
-
-.intl-phone-input__vu_3u7cp {
-    width: 22px;
-    height: 13px;
-    background-position: -220px -218px;
-}
-
-.intl-phone-input__wf_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -176px -150px;
-}
-
-.intl-phone-input__ws_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -88px -264px;
+.intl-phone-input__flagIcon_aad6g {
+    max-width: 24px;
+    max-height: 24px;
 }
-
-.intl-phone-input__xk_3u7cp {
-    width: 22px;
+.intl-phone-input__flagPlaceholder_aad6g {
+    width: 24px;
     height: 16px;
-    background-position: -66px -32px;
-}
-
-.intl-phone-input__ye_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -22px -83px;
-}
-
-.intl-phone-input__yt_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -176px -15px;
-}
-
-.intl-phone-input__za_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: 0 -203px;
-}
-
-.intl-phone-input__zm_3u7cp {
-    width: 22px;
-    height: 15px;
-    background-position: -198px -150px;
-}
-
-.intl-phone-input__zw_3u7cp {
-    width: 22px;
-    height: 11px;
-    background-position: -176px -264px;
+    max-height: 16px;
+    border-radius: var(--border-radius-xs);
+    margin-top: var(--gap-3xs);
+    background-color: var(--color-light-specialbg-tertiary-transparent);
 }