/*!
 * International Telephone Input v29.1.2  customized build for Click to Chat - repackaged/minified; may include integration changes
 */
/* packages/core/src/css/flag-offsets.css */
.ctc_intl_container {
  --iti-flag-width: 20px;
  --iti-flag-count: 244;
}
.ctc_intl_container .iti__ac {
  --iti-flag-offset: 0;
}
.ctc_intl_container .iti__ad {
  --iti-flag-offset: -1;
}
.ctc_intl_container .iti__ae {
  --iti-flag-offset: -2;
}
.ctc_intl_container .iti__af {
  --iti-flag-offset: -3;
}
.ctc_intl_container .iti__ag {
  --iti-flag-offset: -4;
}
.ctc_intl_container .iti__ai {
  --iti-flag-offset: -5;
}
.ctc_intl_container .iti__al {
  --iti-flag-offset: -6;
}
.ctc_intl_container .iti__am {
  --iti-flag-offset: -7;
}
.ctc_intl_container .iti__ao {
  --iti-flag-offset: -8;
}
.ctc_intl_container .iti__ar {
  --iti-flag-offset: -9;
}
.ctc_intl_container .iti__as {
  --iti-flag-offset: -10;
}
.ctc_intl_container .iti__at {
  --iti-flag-offset: -11;
}
.ctc_intl_container .iti__au {
  --iti-flag-offset: -12;
}
.ctc_intl_container .iti__aw {
  --iti-flag-offset: -13;
}
.ctc_intl_container .iti__ax {
  --iti-flag-offset: -14;
}
.ctc_intl_container .iti__az {
  --iti-flag-offset: -15;
}
.ctc_intl_container .iti__ba {
  --iti-flag-offset: -16;
}
.ctc_intl_container .iti__bb {
  --iti-flag-offset: -17;
}
.ctc_intl_container .iti__bd {
  --iti-flag-offset: -18;
}
.ctc_intl_container .iti__be {
  --iti-flag-offset: -19;
}
.ctc_intl_container .iti__bf {
  --iti-flag-offset: -20;
}
.ctc_intl_container .iti__bg {
  --iti-flag-offset: -21;
}
.ctc_intl_container .iti__bh {
  --iti-flag-offset: -22;
}
.ctc_intl_container .iti__bi {
  --iti-flag-offset: -23;
}
.ctc_intl_container .iti__bj {
  --iti-flag-offset: -24;
}
.ctc_intl_container .iti__bl {
  --iti-flag-offset: -25;
}
.ctc_intl_container .iti__bm {
  --iti-flag-offset: -26;
}
.ctc_intl_container .iti__bn {
  --iti-flag-offset: -27;
}
.ctc_intl_container .iti__bo {
  --iti-flag-offset: -28;
}
.ctc_intl_container .iti__bq {
  --iti-flag-offset: -29;
}
.ctc_intl_container .iti__br {
  --iti-flag-offset: -30;
}
.ctc_intl_container .iti__bs {
  --iti-flag-offset: -31;
}
.ctc_intl_container .iti__bt {
  --iti-flag-offset: -32;
}
.ctc_intl_container .iti__bw {
  --iti-flag-offset: -33;
}
.ctc_intl_container .iti__by {
  --iti-flag-offset: -34;
}
.ctc_intl_container .iti__bz {
  --iti-flag-offset: -35;
}
.ctc_intl_container .iti__ca {
  --iti-flag-offset: -36;
}
.ctc_intl_container .iti__cc {
  --iti-flag-offset: -37;
}
.ctc_intl_container .iti__cd {
  --iti-flag-offset: -38;
}
.ctc_intl_container .iti__cf {
  --iti-flag-offset: -39;
}
.ctc_intl_container .iti__cg {
  --iti-flag-offset: -40;
}
.ctc_intl_container .iti__ch {
  --iti-flag-offset: -41;
}
.ctc_intl_container .iti__ci {
  --iti-flag-offset: -42;
}
.ctc_intl_container .iti__ck {
  --iti-flag-offset: -43;
}
.ctc_intl_container .iti__cl {
  --iti-flag-offset: -44;
}
.ctc_intl_container .iti__cm {
  --iti-flag-offset: -45;
}
.ctc_intl_container .iti__cn {
  --iti-flag-offset: -46;
}
.ctc_intl_container .iti__co {
  --iti-flag-offset: -47;
}
.ctc_intl_container .iti__cr {
  --iti-flag-offset: -48;
}
.ctc_intl_container .iti__cu {
  --iti-flag-offset: -49;
}
.ctc_intl_container .iti__cv {
  --iti-flag-offset: -50;
}
.ctc_intl_container .iti__cw {
  --iti-flag-offset: -51;
}
.ctc_intl_container .iti__cx {
  --iti-flag-offset: -52;
}
.ctc_intl_container .iti__cy {
  --iti-flag-offset: -53;
}
.ctc_intl_container .iti__cz {
  --iti-flag-offset: -54;
}
.ctc_intl_container .iti__de {
  --iti-flag-offset: -55;
}
.ctc_intl_container .iti__dj {
  --iti-flag-offset: -56;
}
.ctc_intl_container .iti__dk {
  --iti-flag-offset: -57;
}
.ctc_intl_container .iti__dm {
  --iti-flag-offset: -58;
}
.ctc_intl_container .iti__do {
  --iti-flag-offset: -59;
}
.ctc_intl_container .iti__dz {
  --iti-flag-offset: -60;
}
.ctc_intl_container .iti__ec {
  --iti-flag-offset: -61;
}
.ctc_intl_container .iti__ee {
  --iti-flag-offset: -62;
}
.ctc_intl_container .iti__eg {
  --iti-flag-offset: -63;
}
.ctc_intl_container .iti__eh {
  --iti-flag-offset: -64;
}
.ctc_intl_container .iti__er {
  --iti-flag-offset: -65;
}
.ctc_intl_container .iti__es {
  --iti-flag-offset: -66;
}
.ctc_intl_container .iti__et {
  --iti-flag-offset: -67;
}
.ctc_intl_container .iti__fi {
  --iti-flag-offset: -68;
}
.ctc_intl_container .iti__fj {
  --iti-flag-offset: -69;
}
.ctc_intl_container .iti__fk {
  --iti-flag-offset: -70;
}
.ctc_intl_container .iti__fm {
  --iti-flag-offset: -71;
}
.ctc_intl_container .iti__fo {
  --iti-flag-offset: -72;
}
.ctc_intl_container .iti__fr {
  --iti-flag-offset: -73;
}
.ctc_intl_container .iti__ga {
  --iti-flag-offset: -74;
}
.ctc_intl_container .iti__gb {
  --iti-flag-offset: -75;
}
.ctc_intl_container .iti__gd {
  --iti-flag-offset: -76;
}
.ctc_intl_container .iti__ge {
  --iti-flag-offset: -77;
}
.ctc_intl_container .iti__gf {
  --iti-flag-offset: -78;
}
.ctc_intl_container .iti__gg {
  --iti-flag-offset: -79;
}
.ctc_intl_container .iti__gh {
  --iti-flag-offset: -80;
}
.ctc_intl_container .iti__gi {
  --iti-flag-offset: -81;
}
.ctc_intl_container .iti__gl {
  --iti-flag-offset: -82;
}
.ctc_intl_container .iti__gm {
  --iti-flag-offset: -83;
}
.ctc_intl_container .iti__gn {
  --iti-flag-offset: -84;
}
.ctc_intl_container .iti__gp {
  --iti-flag-offset: -85;
}
.ctc_intl_container .iti__gq {
  --iti-flag-offset: -86;
}
.ctc_intl_container .iti__gr {
  --iti-flag-offset: -87;
}
.ctc_intl_container .iti__gt {
  --iti-flag-offset: -88;
}
.ctc_intl_container .iti__gu {
  --iti-flag-offset: -89;
}
.ctc_intl_container .iti__gw {
  --iti-flag-offset: -90;
}
.ctc_intl_container .iti__gy {
  --iti-flag-offset: -91;
}
.ctc_intl_container .iti__hk {
  --iti-flag-offset: -92;
}
.ctc_intl_container .iti__hn {
  --iti-flag-offset: -93;
}
.ctc_intl_container .iti__hr {
  --iti-flag-offset: -94;
}
.ctc_intl_container .iti__ht {
  --iti-flag-offset: -95;
}
.ctc_intl_container .iti__hu {
  --iti-flag-offset: -96;
}
.ctc_intl_container .iti__id {
  --iti-flag-offset: -97;
}
.ctc_intl_container .iti__ie {
  --iti-flag-offset: -98;
}
.ctc_intl_container .iti__il {
  --iti-flag-offset: -99;
}
.ctc_intl_container .iti__im {
  --iti-flag-offset: -100;
}
.ctc_intl_container .iti__in {
  --iti-flag-offset: -101;
}
.ctc_intl_container .iti__io {
  --iti-flag-offset: -102;
}
.ctc_intl_container .iti__iq {
  --iti-flag-offset: -103;
}
.ctc_intl_container .iti__ir {
  --iti-flag-offset: -104;
}
.ctc_intl_container .iti__is {
  --iti-flag-offset: -105;
}
.ctc_intl_container .iti__it {
  --iti-flag-offset: -106;
}
.ctc_intl_container .iti__je {
  --iti-flag-offset: -107;
}
.ctc_intl_container .iti__jm {
  --iti-flag-offset: -108;
}
.ctc_intl_container .iti__jo {
  --iti-flag-offset: -109;
}
.ctc_intl_container .iti__jp {
  --iti-flag-offset: -110;
}
.ctc_intl_container .iti__ke {
  --iti-flag-offset: -111;
}
.ctc_intl_container .iti__kg {
  --iti-flag-offset: -112;
}
.ctc_intl_container .iti__kh {
  --iti-flag-offset: -113;
}
.ctc_intl_container .iti__ki {
  --iti-flag-offset: -114;
}
.ctc_intl_container .iti__km {
  --iti-flag-offset: -115;
}
.ctc_intl_container .iti__kn {
  --iti-flag-offset: -116;
}
.ctc_intl_container .iti__kp {
  --iti-flag-offset: -117;
}
.ctc_intl_container .iti__kr {
  --iti-flag-offset: -118;
}
.ctc_intl_container .iti__kw {
  --iti-flag-offset: -119;
}
.ctc_intl_container .iti__ky {
  --iti-flag-offset: -120;
}
.ctc_intl_container .iti__kz {
  --iti-flag-offset: -121;
}
.ctc_intl_container .iti__la {
  --iti-flag-offset: -122;
}
.ctc_intl_container .iti__lb {
  --iti-flag-offset: -123;
}
.ctc_intl_container .iti__lc {
  --iti-flag-offset: -124;
}
.ctc_intl_container .iti__li {
  --iti-flag-offset: -125;
}
.ctc_intl_container .iti__lk {
  --iti-flag-offset: -126;
}
.ctc_intl_container .iti__lr {
  --iti-flag-offset: -127;
}
.ctc_intl_container .iti__ls {
  --iti-flag-offset: -128;
}
.ctc_intl_container .iti__lt {
  --iti-flag-offset: -129;
}
.ctc_intl_container .iti__lu {
  --iti-flag-offset: -130;
}
.ctc_intl_container .iti__lv {
  --iti-flag-offset: -131;
}
.ctc_intl_container .iti__ly {
  --iti-flag-offset: -132;
}
.ctc_intl_container .iti__ma {
  --iti-flag-offset: -133;
}
.ctc_intl_container .iti__mc {
  --iti-flag-offset: -134;
}
.ctc_intl_container .iti__md {
  --iti-flag-offset: -135;
}
.ctc_intl_container .iti__me {
  --iti-flag-offset: -136;
}
.ctc_intl_container .iti__mf {
  --iti-flag-offset: -137;
}
.ctc_intl_container .iti__mg {
  --iti-flag-offset: -138;
}
.ctc_intl_container .iti__mh {
  --iti-flag-offset: -139;
}
.ctc_intl_container .iti__mk {
  --iti-flag-offset: -140;
}
.ctc_intl_container .iti__ml {
  --iti-flag-offset: -141;
}
.ctc_intl_container .iti__mm {
  --iti-flag-offset: -142;
}
.ctc_intl_container .iti__mn {
  --iti-flag-offset: -143;
}
.ctc_intl_container .iti__mo {
  --iti-flag-offset: -144;
}
.ctc_intl_container .iti__mp {
  --iti-flag-offset: -145;
}
.ctc_intl_container .iti__mq {
  --iti-flag-offset: -146;
}
.ctc_intl_container .iti__mr {
  --iti-flag-offset: -147;
}
.ctc_intl_container .iti__ms {
  --iti-flag-offset: -148;
}
.ctc_intl_container .iti__mt {
  --iti-flag-offset: -149;
}
.ctc_intl_container .iti__mu {
  --iti-flag-offset: -150;
}
.ctc_intl_container .iti__mv {
  --iti-flag-offset: -151;
}
.ctc_intl_container .iti__mw {
  --iti-flag-offset: -152;
}
.ctc_intl_container .iti__mx {
  --iti-flag-offset: -153;
}
.ctc_intl_container .iti__my {
  --iti-flag-offset: -154;
}
.ctc_intl_container .iti__mz {
  --iti-flag-offset: -155;
}
.ctc_intl_container .iti__na {
  --iti-flag-offset: -156;
}
.ctc_intl_container .iti__nc {
  --iti-flag-offset: -157;
}
.ctc_intl_container .iti__ne {
  --iti-flag-offset: -158;
}
.ctc_intl_container .iti__nf {
  --iti-flag-offset: -159;
}
.ctc_intl_container .iti__ng {
  --iti-flag-offset: -160;
}
.ctc_intl_container .iti__ni {
  --iti-flag-offset: -161;
}
.ctc_intl_container .iti__nl {
  --iti-flag-offset: -162;
}
.ctc_intl_container .iti__no {
  --iti-flag-offset: -163;
}
.ctc_intl_container .iti__np {
  --iti-flag-offset: -164;
}
.ctc_intl_container .iti__nr {
  --iti-flag-offset: -165;
}
.ctc_intl_container .iti__nu {
  --iti-flag-offset: -166;
}
.ctc_intl_container .iti__nz {
  --iti-flag-offset: -167;
}
.ctc_intl_container .iti__om {
  --iti-flag-offset: -168;
}
.ctc_intl_container .iti__pa {
  --iti-flag-offset: -169;
}
.ctc_intl_container .iti__pe {
  --iti-flag-offset: -170;
}
.ctc_intl_container .iti__pf {
  --iti-flag-offset: -171;
}
.ctc_intl_container .iti__pg {
  --iti-flag-offset: -172;
}
.ctc_intl_container .iti__ph {
  --iti-flag-offset: -173;
}
.ctc_intl_container .iti__pk {
  --iti-flag-offset: -174;
}
.ctc_intl_container .iti__pl {
  --iti-flag-offset: -175;
}
.ctc_intl_container .iti__pm {
  --iti-flag-offset: -176;
}
.ctc_intl_container .iti__pr {
  --iti-flag-offset: -177;
}
.ctc_intl_container .iti__ps {
  --iti-flag-offset: -178;
}
.ctc_intl_container .iti__pt {
  --iti-flag-offset: -179;
}
.ctc_intl_container .iti__pw {
  --iti-flag-offset: -180;
}
.ctc_intl_container .iti__py {
  --iti-flag-offset: -181;
}
.ctc_intl_container .iti__qa {
  --iti-flag-offset: -182;
}
.ctc_intl_container .iti__re {
  --iti-flag-offset: -183;
}
.ctc_intl_container .iti__ro {
  --iti-flag-offset: -184;
}
.ctc_intl_container .iti__rs {
  --iti-flag-offset: -185;
}
.ctc_intl_container .iti__ru {
  --iti-flag-offset: -186;
}
.ctc_intl_container .iti__rw {
  --iti-flag-offset: -187;
}
.ctc_intl_container .iti__sa {
  --iti-flag-offset: -188;
}
.ctc_intl_container .iti__sb {
  --iti-flag-offset: -189;
}
.ctc_intl_container .iti__sc {
  --iti-flag-offset: -190;
}
.ctc_intl_container .iti__sd {
  --iti-flag-offset: -191;
}
.ctc_intl_container .iti__se {
  --iti-flag-offset: -192;
}
.ctc_intl_container .iti__sg {
  --iti-flag-offset: -193;
}
.ctc_intl_container .iti__sh {
  --iti-flag-offset: -194;
}
.ctc_intl_container .iti__si {
  --iti-flag-offset: -195;
}
.ctc_intl_container .iti__sj {
  --iti-flag-offset: -196;
}
.ctc_intl_container .iti__sk {
  --iti-flag-offset: -197;
}
.ctc_intl_container .iti__sl {
  --iti-flag-offset: -198;
}
.ctc_intl_container .iti__sm {
  --iti-flag-offset: -199;
}
.ctc_intl_container .iti__sn {
  --iti-flag-offset: -200;
}
.ctc_intl_container .iti__so {
  --iti-flag-offset: -201;
}
.ctc_intl_container .iti__sr {
  --iti-flag-offset: -202;
}
.ctc_intl_container .iti__ss {
  --iti-flag-offset: -203;
}
.ctc_intl_container .iti__st {
  --iti-flag-offset: -204;
}
.ctc_intl_container .iti__sv {
  --iti-flag-offset: -205;
}
.ctc_intl_container .iti__sx {
  --iti-flag-offset: -206;
}
.ctc_intl_container .iti__sy {
  --iti-flag-offset: -207;
}
.ctc_intl_container .iti__sz {
  --iti-flag-offset: -208;
}
.ctc_intl_container .iti__tc {
  --iti-flag-offset: -209;
}
.ctc_intl_container .iti__td {
  --iti-flag-offset: -210;
}
.ctc_intl_container .iti__tg {
  --iti-flag-offset: -211;
}
.ctc_intl_container .iti__th {
  --iti-flag-offset: -212;
}
.ctc_intl_container .iti__tj {
  --iti-flag-offset: -213;
}
.ctc_intl_container .iti__tk {
  --iti-flag-offset: -214;
}
.ctc_intl_container .iti__tl {
  --iti-flag-offset: -215;
}
.ctc_intl_container .iti__tm {
  --iti-flag-offset: -216;
}
.ctc_intl_container .iti__tn {
  --iti-flag-offset: -217;
}
.ctc_intl_container .iti__to {
  --iti-flag-offset: -218;
}
.ctc_intl_container .iti__tr {
  --iti-flag-offset: -219;
}
.ctc_intl_container .iti__tt {
  --iti-flag-offset: -220;
}
.ctc_intl_container .iti__tv {
  --iti-flag-offset: -221;
}
.ctc_intl_container .iti__tw {
  --iti-flag-offset: -222;
}
.ctc_intl_container .iti__tz {
  --iti-flag-offset: -223;
}
.ctc_intl_container .iti__ua {
  --iti-flag-offset: -224;
}
.ctc_intl_container .iti__ug {
  --iti-flag-offset: -225;
}
.ctc_intl_container .iti__us {
  --iti-flag-offset: -226;
}
.ctc_intl_container .iti__uy {
  --iti-flag-offset: -227;
}
.ctc_intl_container .iti__uz {
  --iti-flag-offset: -228;
}
.ctc_intl_container .iti__va {
  --iti-flag-offset: -229;
}
.ctc_intl_container .iti__vc {
  --iti-flag-offset: -230;
}
.ctc_intl_container .iti__ve {
  --iti-flag-offset: -231;
}
.ctc_intl_container .iti__vg {
  --iti-flag-offset: -232;
}
.ctc_intl_container .iti__vi {
  --iti-flag-offset: -233;
}
.ctc_intl_container .iti__vn {
  --iti-flag-offset: -234;
}
.ctc_intl_container .iti__vu {
  --iti-flag-offset: -235;
}
.ctc_intl_container .iti__wf {
  --iti-flag-offset: -236;
}
.ctc_intl_container .iti__ws {
  --iti-flag-offset: -237;
}
.ctc_intl_container .iti__xk {
  --iti-flag-offset: -238;
}
.ctc_intl_container .iti__ye {
  --iti-flag-offset: -239;
}
.ctc_intl_container .iti__yt {
  --iti-flag-offset: -240;
}
.ctc_intl_container .iti__za {
  --iti-flag-offset: -241;
}
.ctc_intl_container .iti__zm {
  --iti-flag-offset: -242;
}
.ctc_intl_container .iti__zw {
  --iti-flag-offset: -243;
}

/* packages/core/src/css/intlTelInput.css */
.ctc_intl_container {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-border-color: #ccc;
  --iti-country-selector-bg: white;
  --iti-icon-color: #555;
  --iti-spacer-horizontal: 10px;
  --iti-flag-height: calc(var(--iti-flag-width) * 3 / 4);
  --iti-globe-icon-size: 17px;
  --iti-clear-icon-size: 15px;
  --iti-border-width: 1px;
  --iti-arrow-size: 5px;
  --iti-arrow-width: 1.5px;
  --iti-arrow-padding: 7px;
  --iti-mobile-popup-margin: 30px;
  --iti-strict-reject-flash-color: rgba(255, 0, 0, 0.12);
}
.iti.ctc_intl_container {
  position: relative;
  display: inline-block;
  * {
    box-sizing: border-box;
  }
  input.iti__tel-input,
  input.iti__tel-input[type=text],
  input.iti__tel-input[type=tel] {
    position: relative;
    z-index: 0;
    display: block;
    min-width: 100%;
    margin: 0 !important;
  }
}
.ctc_intl_container .iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}
.ctc_intl_container .iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: var(--iti-border-width);
}
.ctc_intl_container .iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.ctc_intl_container .iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}
.ctc_intl_container .iti__selected-dial-code {
  margin-left: 4px;
}
.ctc_intl_container .iti__arrow {
  margin-left: var(--iti-arrow-padding);
  margin-top: -2px;
  width: var(--iti-arrow-size);
  height: var(--iti-arrow-size);
  box-sizing: border-box;
  border-right: var(--iti-arrow-width) solid var(--iti-icon-color);
  border-bottom: var(--iti-arrow-width) solid var(--iti-icon-color);
  transform: rotate(45deg);
}
.ctc_intl_container .iti__arrow--up {
  margin-top: 4px;
  transform: rotate(-135deg);
}
.ctc_intl_container .iti__country-selector {
  border-radius: 3px;
  background-color: var(--iti-country-selector-bg);
  .iti--inline-country-selector & {
    border: var(--iti-border-width) solid var(--iti-border-color);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  }
  .iti--inline-country-selector:not(.iti--detached-country-selector) & {
    position: absolute;
    z-index: 2;
    left: 0;
  }
}
.ctc_intl_container .iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding-left: calc(var(--iti-spacer-horizontal) + var(--iti-globe-icon-size) + var(--iti-spacer-horizontal));
  padding-right: calc(var(--iti-spacer-horizontal) + var(--iti-clear-icon-size) + var(--iti-spacer-horizontal));
  [dir=rtl] & {
    padding-left: inherit;
    padding-right: 30px;
    background-position: right 8px center;
  }
  &::-webkit-search-cancel-button {
    appearance: none;
  }
}
.ctc_intl_container .iti__search-input,
.ctc_intl_container .iti__country {
  padding-top: 8px;
  padding-bottom: 8px;
}
.ctc_intl_container .iti__search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--iti-border-color);
}
.ctc_intl_container .iti__search-icon {
  position: absolute;
  left: var(--iti-spacer-horizontal);
  display: flex;
  pointer-events: none;
  [dir=rtl] & {
    left: auto;
    right: var(--iti-spacer-horizontal);
  }
}
.ctc_intl_container .iti__search-icon-svg {
  width: var(--iti-globe-icon-size);
  height: var(--iti-globe-icon-size);
  display: block;
  stroke: var(--iti-icon-color);
  fill: none;
  stroke-width: 3;
}
.ctc_intl_container .iti__search-clear {
  position: absolute;
  right: calc(var(--iti-spacer-horizontal) / 2);
  background: transparent;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  padding: calc(var(--iti-spacer-horizontal) / 2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.15s ease;
  .iti__search-clear-x {
    stroke-width: 2;
  }
  .iti__search-clear-bg {
    fill: var(--iti-icon-color);
  }
  [dir=rtl] & {
    right: auto;
    left: var(--iti-spacer-horizontal);
  }
  &:hover,
  &:focus-visible {
    background: var(--iti-hover-color);
    outline: none;
  }
}
.ctc_intl_container .iti__search-clear-svg {
  width: var(--iti-clear-icon-size);
  height: var(--iti-clear-icon-size);
  display: block;
}
.ctc_intl_container .iti__no-results {
  text-align: center;
  padding: 30px 0;
}
.ctc_intl_container .iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  .iti--inline-country-selector & {
    max-height: 185px;
  }
}
.iti--flexible-dropdown-width.ctc_intl_container .iti__country-list {
  white-space: nowrap;
  @media (max-width: 500px) {
    white-space: normal;
  }
}
.ctc_intl_container .iti__country {
  display: flex;
  align-items: center;
  padding-left: var(--iti-spacer-horizontal);
  padding-right: var(--iti-spacer-horizontal);
  outline: none;
  &.iti__highlight {
    background-color: var(--iti-hover-color);
  }
}
.ctc_intl_container .iti__country-name {
  flex-grow: 1;
}
.ctc_intl_container .iti__country-check {
  margin-left: var(--iti-spacer-horizontal);
  display: flex;
  align-items: center;
  color: var(--iti-icon-color);
}
.ctc_intl_container .iti__country-check-svg {
  width: var(--iti-clear-icon-size);
  height: var(--iti-clear-icon-size);
  display: block;
}
.ctc_intl_container .iti__country-list .iti__flag {
  margin-right: var(--iti-spacer-horizontal);
  flex-shrink: 0;
  [dir=rtl] & {
    margin-right: 0;
    margin-left: var(--iti-spacer-horizontal);
  }
}
.iti--has-country-selector.ctc_intl_container {
  .iti__country-container:has(+ input[disabled]),
  .iti__country-container:has(+ input[readonly]) {
    button.iti__selected-country {
      cursor: not-allowed;
      .iti__arrow {
        visibility: hidden;
      }
    }
  }
  .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) {
    .iti__selected-country-primary:hover,
    .iti__selected-country:has(+ .iti__country-selector:hover) .iti__selected-country-primary {
      background-color: var(--iti-hover-color);
    }
  }
}
.iti--detached-country-selector.ctc_intl_container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  &:hover {
    cursor: pointer;
  }
}
.iti--detached-country-selector.ctc_intl_container {
  top: calc(anchor(bottom) + 3px);
  left: anchor(left);
  position-try-fallbacks: --iti-flip-above;
}
@position-try --iti-flip-above {
  top: auto;
  bottom: calc(anchor(top) + 3px);
}
.ctc_intl_container .iti__hide {
  display: none;
}
.ctc_intl_container .iti__v-hide {
  visibility: hidden;
}
.iti--fullscreen-popup.ctc_intl_container {
  &.iti--detached-country-selector {
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    padding: var(--iti-mobile-popup-margin);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .iti__country-selector {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    position: relative;
  }
  .iti__country,
  .iti__search-input {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .iti__country {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.5em;
  }
}
.ctc_intl_container .iti__flag {
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  border-radius: 1px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: image-set(var(--iti-path-flags-1x) 1x, var(--iti-path-flags-2x) 2x);
  background-repeat: no-repeat;
  background-position: calc(var(--iti-flag-offset, 100) * var(--iti-flag-width)) 0;
  background-size: calc(var(--iti-flag-count) * var(--iti-flag-width)) var(--iti-flag-height);
}
.ctc_intl_container .iti__loading {
  position: relative;
  background: none;
  box-shadow: none;
  &::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: var(--iti-flag-height);
    height: var(--iti-flag-height);
    box-sizing: border-box;
    border: 2px solid var(--iti-icon-color);
    border-right-color: transparent;
    border-radius: 50%;
    animation: iti-spinner 1s linear infinite;
  }
}
@keyframes iti-spinner {
  to {
    transform: rotate(360deg);
  }
}
.ctc_intl_container .iti__strict-reject-animation {
  .iti__tel-input,
  .iti__selected-country {
    animation: iti-strict-reject-shake 0.3s cubic-bezier(0.36, 0.07, 0.19, 0.97);
  }
  @media (prefers-reduced-motion: reduce) {
    .iti__tel-input {
      animation: iti-strict-reject-flash 0.3s ease-out both;
    }
    .iti__selected-country {
      animation: none;
    }
  }
}
@keyframes iti-strict-reject-shake {
  10%, 90% {
    transform: translateX(-1px);
  }
  20%, 80% {
    transform: translateX(2px);
  }
  30%, 50%, 70% {
    transform: translateX(-3px);
  }
  40%, 60% {
    transform: translateX(3px);
  }
}
@keyframes iti-strict-reject-flash {
  40% {
    background-color: var(--iti-strict-reject-flash-color);
  }
}
.ctc_intl_container .iti__globe {
  background: none;
  box-shadow: none;
  height: var(--iti-globe-icon-size);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  .iti__globe-svg {
    width: 100%;
    height: 100%;
    fill: var(--iti-icon-color);
  }
}
@supports (-webkit-appearance: none) and (not (background: -webkit-canvas(foo))) {
  .ctc_intl_container .iti__tel-input:focus {
    outline-offset: 1px;
  }
}

/* packages/core/src/css/intlTelInputWithAssets.css */
.ctc_intl_container {
  --iti-path-flags-1x: url(../img/flags.webp);
  /* --iti-path-flags-2x: url(../img/flags@2x.webp); */
  --iti-path-flags-2x: url(../img/flags2x.webp);
}
