/* packages/core/src/css/flag-offsets.css */
:root {
    --iti-flag-width: 20px;
    --iti-flag-count: 244;
  }
  .iti__ac {
    --iti-flag-offset: 0;
  }
  .iti__ad {
    --iti-flag-offset: -1;
  }
  .iti__ae {
    --iti-flag-offset: -2;
  }
  .iti__af {
    --iti-flag-offset: -3;
  }
  .iti__ag {
    --iti-flag-offset: -4;
  }
  .iti__ai {
    --iti-flag-offset: -5;
  }
  .iti__al {
    --iti-flag-offset: -6;
  }
  .iti__am {
    --iti-flag-offset: -7;
  }
  .iti__ao {
    --iti-flag-offset: -8;
  }
  .iti__ar {
    --iti-flag-offset: -9;
  }
  .iti__as {
    --iti-flag-offset: -10;
  }
  .iti__at {
    --iti-flag-offset: -11;
  }
  .iti__au {
    --iti-flag-offset: -12;
  }
  .iti__aw {
    --iti-flag-offset: -13;
  }
  .iti__ax {
    --iti-flag-offset: -14;
  }
  .iti__az {
    --iti-flag-offset: -15;
  }
  .iti__ba {
    --iti-flag-offset: -16;
  }
  .iti__bb {
    --iti-flag-offset: -17;
  }
  .iti__bd {
    --iti-flag-offset: -18;
  }
  .iti__be {
    --iti-flag-offset: -19;
  }
  .iti__bf {
    --iti-flag-offset: -20;
  }
  .iti__bg {
    --iti-flag-offset: -21;
  }
  .iti__bh {
    --iti-flag-offset: -22;
  }
  .iti__bi {
    --iti-flag-offset: -23;
  }
  .iti__bj {
    --iti-flag-offset: -24;
  }
  .iti__bl {
    --iti-flag-offset: -25;
  }
  .iti__bm {
    --iti-flag-offset: -26;
  }
  .iti__bn {
    --iti-flag-offset: -27;
  }
  .iti__bo {
    --iti-flag-offset: -28;
  }
  .iti__bq {
    --iti-flag-offset: -29;
  }
  .iti__br {
    --iti-flag-offset: -30;
  }
  .iti__bs {
    --iti-flag-offset: -31;
  }
  .iti__bt {
    --iti-flag-offset: -32;
  }
  .iti__bw {
    --iti-flag-offset: -33;
  }
  .iti__by {
    --iti-flag-offset: -34;
  }
  .iti__bz {
    --iti-flag-offset: -35;
  }
  .iti__ca {
    --iti-flag-offset: -36;
  }
  .iti__cc {
    --iti-flag-offset: -37;
  }
  .iti__cd {
    --iti-flag-offset: -38;
  }
  .iti__cf {
    --iti-flag-offset: -39;
  }
  .iti__cg {
    --iti-flag-offset: -40;
  }
  .iti__ch {
    --iti-flag-offset: -41;
  }
  .iti__ci {
    --iti-flag-offset: -42;
  }
  .iti__ck {
    --iti-flag-offset: -43;
  }
  .iti__cl {
    --iti-flag-offset: -44;
  }
  .iti__cm {
    --iti-flag-offset: -45;
  }
  .iti__cn {
    --iti-flag-offset: -46;
  }
  .iti__co {
    --iti-flag-offset: -47;
  }
  .iti__cr {
    --iti-flag-offset: -48;
  }
  .iti__cu {
    --iti-flag-offset: -49;
  }
  .iti__cv {
    --iti-flag-offset: -50;
  }
  .iti__cw {
    --iti-flag-offset: -51;
  }
  .iti__cx {
    --iti-flag-offset: -52;
  }
  .iti__cy {
    --iti-flag-offset: -53;
  }
  .iti__cz {
    --iti-flag-offset: -54;
  }
  .iti__de {
    --iti-flag-offset: -55;
  }
  .iti__dj {
    --iti-flag-offset: -56;
  }
  .iti__dk {
    --iti-flag-offset: -57;
  }
  .iti__dm {
    --iti-flag-offset: -58;
  }
  .iti__do {
    --iti-flag-offset: -59;
  }
  .iti__dz {
    --iti-flag-offset: -60;
  }
  .iti__ec {
    --iti-flag-offset: -61;
  }
  .iti__ee {
    --iti-flag-offset: -62;
  }
  .iti__eg {
    --iti-flag-offset: -63;
  }
  .iti__eh {
    --iti-flag-offset: -64;
  }
  .iti__er {
    --iti-flag-offset: -65;
  }
  .iti__es {
    --iti-flag-offset: -66;
  }
  .iti__et {
    --iti-flag-offset: -67;
  }
  .iti__fi {
    --iti-flag-offset: -68;
  }
  .iti__fj {
    --iti-flag-offset: -69;
  }
  .iti__fk {
    --iti-flag-offset: -70;
  }
  .iti__fm {
    --iti-flag-offset: -71;
  }
  .iti__fo {
    --iti-flag-offset: -72;
  }
  .iti__fr {
    --iti-flag-offset: -73;
  }
  .iti__ga {
    --iti-flag-offset: -74;
  }
  .iti__gb {
    --iti-flag-offset: -75;
  }
  .iti__gd {
    --iti-flag-offset: -76;
  }
  .iti__ge {
    --iti-flag-offset: -77;
  }
  .iti__gf {
    --iti-flag-offset: -78;
  }
  .iti__gg {
    --iti-flag-offset: -79;
  }
  .iti__gh {
    --iti-flag-offset: -80;
  }
  .iti__gi {
    --iti-flag-offset: -81;
  }
  .iti__gl {
    --iti-flag-offset: -82;
  }
  .iti__gm {
    --iti-flag-offset: -83;
  }
  .iti__gn {
    --iti-flag-offset: -84;
  }
  .iti__gp {
    --iti-flag-offset: -85;
  }
  .iti__gq {
    --iti-flag-offset: -86;
  }
  .iti__gr {
    --iti-flag-offset: -87;
  }
  .iti__gt {
    --iti-flag-offset: -88;
  }
  .iti__gu {
    --iti-flag-offset: -89;
  }
  .iti__gw {
    --iti-flag-offset: -90;
  }
  .iti__gy {
    --iti-flag-offset: -91;
  }
  .iti__hk {
    --iti-flag-offset: -92;
  }
  .iti__hn {
    --iti-flag-offset: -93;
  }
  .iti__hr {
    --iti-flag-offset: -94;
  }
  .iti__ht {
    --iti-flag-offset: -95;
  }
  .iti__hu {
    --iti-flag-offset: -96;
  }
  .iti__id {
    --iti-flag-offset: -97;
  }
  .iti__ie {
    --iti-flag-offset: -98;
  }
  .iti__il {
    --iti-flag-offset: -99;
  }
  .iti__im {
    --iti-flag-offset: -100;
  }
  .iti__in {
    --iti-flag-offset: -101;
  }
  .iti__io {
    --iti-flag-offset: -102;
  }
  .iti__iq {
    --iti-flag-offset: -103;
  }
  .iti__ir {
    --iti-flag-offset: -104;
  }
  .iti__is {
    --iti-flag-offset: -105;
  }
  .iti__it {
    --iti-flag-offset: -106;
  }
  .iti__je {
    --iti-flag-offset: -107;
  }
  .iti__jm {
    --iti-flag-offset: -108;
  }
  .iti__jo {
    --iti-flag-offset: -109;
  }
  .iti__jp {
    --iti-flag-offset: -110;
  }
  .iti__ke {
    --iti-flag-offset: -111;
  }
  .iti__kg {
    --iti-flag-offset: -112;
  }
  .iti__kh {
    --iti-flag-offset: -113;
  }
  .iti__ki {
    --iti-flag-offset: -114;
  }
  .iti__km {
    --iti-flag-offset: -115;
  }
  .iti__kn {
    --iti-flag-offset: -116;
  }
  .iti__kp {
    --iti-flag-offset: -117;
  }
  .iti__kr {
    --iti-flag-offset: -118;
  }
  .iti__kw {
    --iti-flag-offset: -119;
  }
  .iti__ky {
    --iti-flag-offset: -120;
  }
  .iti__kz {
    --iti-flag-offset: -121;
  }
  .iti__la {
    --iti-flag-offset: -122;
  }
  .iti__lb {
    --iti-flag-offset: -123;
  }
  .iti__lc {
    --iti-flag-offset: -124;
  }
  .iti__li {
    --iti-flag-offset: -125;
  }
  .iti__lk {
    --iti-flag-offset: -126;
  }
  .iti__lr {
    --iti-flag-offset: -127;
  }
  .iti__ls {
    --iti-flag-offset: -128;
  }
  .iti__lt {
    --iti-flag-offset: -129;
  }
  .iti__lu {
    --iti-flag-offset: -130;
  }
  .iti__lv {
    --iti-flag-offset: -131;
  }
  .iti__ly {
    --iti-flag-offset: -132;
  }
  .iti__ma {
    --iti-flag-offset: -133;
  }
  .iti__mc {
    --iti-flag-offset: -134;
  }
  .iti__md {
    --iti-flag-offset: -135;
  }
  .iti__me {
    --iti-flag-offset: -136;
  }
  .iti__mf {
    --iti-flag-offset: -137;
  }
  .iti__mg {
    --iti-flag-offset: -138;
  }
  .iti__mh {
    --iti-flag-offset: -139;
  }
  .iti__mk {
    --iti-flag-offset: -140;
  }
  .iti__ml {
    --iti-flag-offset: -141;
  }
  .iti__mm {
    --iti-flag-offset: -142;
  }
  .iti__mn {
    --iti-flag-offset: -143;
  }
  .iti__mo {
    --iti-flag-offset: -144;
  }
  .iti__mp {
    --iti-flag-offset: -145;
  }
  .iti__mq {
    --iti-flag-offset: -146;
  }
  .iti__mr {
    --iti-flag-offset: -147;
  }
  .iti__ms {
    --iti-flag-offset: -148;
  }
  .iti__mt {
    --iti-flag-offset: -149;
  }
  .iti__mu {
    --iti-flag-offset: -150;
  }
  .iti__mv {
    --iti-flag-offset: -151;
  }
  .iti__mw {
    --iti-flag-offset: -152;
  }
  .iti__mx {
    --iti-flag-offset: -153;
  }
  .iti__my {
    --iti-flag-offset: -154;
  }
  .iti__mz {
    --iti-flag-offset: -155;
  }
  .iti__na {
    --iti-flag-offset: -156;
  }
  .iti__nc {
    --iti-flag-offset: -157;
  }
  .iti__ne {
    --iti-flag-offset: -158;
  }
  .iti__nf {
    --iti-flag-offset: -159;
  }
  .iti__ng {
    --iti-flag-offset: -160;
  }
  .iti__ni {
    --iti-flag-offset: -161;
  }
  .iti__nl {
    --iti-flag-offset: -162;
  }
  .iti__no {
    --iti-flag-offset: -163;
  }
  .iti__np {
    --iti-flag-offset: -164;
  }
  .iti__nr {
    --iti-flag-offset: -165;
  }
  .iti__nu {
    --iti-flag-offset: -166;
  }
  .iti__nz {
    --iti-flag-offset: -167;
  }
  .iti__om {
    --iti-flag-offset: -168;
  }
  .iti__pa {
    --iti-flag-offset: -169;
  }
  .iti__pe {
    --iti-flag-offset: -170;
  }
  .iti__pf {
    --iti-flag-offset: -171;
  }
  .iti__pg {
    --iti-flag-offset: -172;
  }
  .iti__ph {
    --iti-flag-offset: -173;
  }
  .iti__pk {
    --iti-flag-offset: -174;
  }
  .iti__pl {
    --iti-flag-offset: -175;
  }
  .iti__pm {
    --iti-flag-offset: -176;
  }
  .iti__pr {
    --iti-flag-offset: -177;
  }
  .iti__ps {
    --iti-flag-offset: -178;
  }
  .iti__pt {
    --iti-flag-offset: -179;
  }
  .iti__pw {
    --iti-flag-offset: -180;
  }
  .iti__py {
    --iti-flag-offset: -181;
  }
  .iti__qa {
    --iti-flag-offset: -182;
  }
  .iti__re {
    --iti-flag-offset: -183;
  }
  .iti__ro {
    --iti-flag-offset: -184;
  }
  .iti__rs {
    --iti-flag-offset: -185;
  }
  .iti__ru {
    --iti-flag-offset: -186;
  }
  .iti__rw {
    --iti-flag-offset: -187;
  }
  .iti__sa {
    --iti-flag-offset: -188;
  }
  .iti__sb {
    --iti-flag-offset: -189;
  }
  .iti__sc {
    --iti-flag-offset: -190;
  }
  .iti__sd {
    --iti-flag-offset: -191;
  }
  .iti__se {
    --iti-flag-offset: -192;
  }
  .iti__sg {
    --iti-flag-offset: -193;
  }
  .iti__sh {
    --iti-flag-offset: -194;
  }
  .iti__si {
    --iti-flag-offset: -195;
  }
  .iti__sj {
    --iti-flag-offset: -196;
  }
  .iti__sk {
    --iti-flag-offset: -197;
  }
  .iti__sl {
    --iti-flag-offset: -198;
  }
  .iti__sm {
    --iti-flag-offset: -199;
  }
  .iti__sn {
    --iti-flag-offset: -200;
  }
  .iti__so {
    --iti-flag-offset: -201;
  }
  .iti__sr {
    --iti-flag-offset: -202;
  }
  .iti__ss {
    --iti-flag-offset: -203;
  }
  .iti__st {
    --iti-flag-offset: -204;
  }
  .iti__sv {
    --iti-flag-offset: -205;
  }
  .iti__sx {
    --iti-flag-offset: -206;
  }
  .iti__sy {
    --iti-flag-offset: -207;
  }
  .iti__sz {
    --iti-flag-offset: -208;
  }
  .iti__tc {
    --iti-flag-offset: -209;
  }
  .iti__td {
    --iti-flag-offset: -210;
  }
  .iti__tg {
    --iti-flag-offset: -211;
  }
  .iti__th {
    --iti-flag-offset: -212;
  }
  .iti__tj {
    --iti-flag-offset: -213;
  }
  .iti__tk {
    --iti-flag-offset: -214;
  }
  .iti__tl {
    --iti-flag-offset: -215;
  }
  .iti__tm {
    --iti-flag-offset: -216;
  }
  .iti__tn {
    --iti-flag-offset: -217;
  }
  .iti__to {
    --iti-flag-offset: -218;
  }
  .iti__tr {
    --iti-flag-offset: -219;
  }
  .iti__tt {
    --iti-flag-offset: -220;
  }
  .iti__tv {
    --iti-flag-offset: -221;
  }
  .iti__tw {
    --iti-flag-offset: -222;
  }
  .iti__tz {
    --iti-flag-offset: -223;
  }
  .iti__ua {
    --iti-flag-offset: -224;
  }
  .iti__ug {
    --iti-flag-offset: -225;
  }
  .iti__us {
    --iti-flag-offset: -226;
  }
  .iti__uy {
    --iti-flag-offset: -227;
  }
  .iti__uz {
    --iti-flag-offset: -228;
  }
  .iti__va {
    --iti-flag-offset: -229;
  }
  .iti__vc {
    --iti-flag-offset: -230;
  }
  .iti__ve {
    --iti-flag-offset: -231;
  }
  .iti__vg {
    --iti-flag-offset: -232;
  }
  .iti__vi {
    --iti-flag-offset: -233;
  }
  .iti__vn {
    --iti-flag-offset: -234;
  }
  .iti__vu {
    --iti-flag-offset: -235;
  }
  .iti__wf {
    --iti-flag-offset: -236;
  }
  .iti__ws {
    --iti-flag-offset: -237;
  }
  .iti__xk {
    --iti-flag-offset: -238;
  }
  .iti__ye {
    --iti-flag-offset: -239;
  }
  .iti__yt {
    --iti-flag-offset: -240;
  }
  .iti__za {
    --iti-flag-offset: -241;
  }
  .iti__zm {
    --iti-flag-offset: -242;
  }
  .iti__zw {
    --iti-flag-offset: -243;
  }
  
  /* packages/core/src/css/intlTelInput.css */
  :root {
    --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 {
    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;
    }
  }
  .iti__a11y-text {
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute;
  }
  .iti__country-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: var(--iti-border-width);
  }
  .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;
  }
  .iti__selected-country-primary {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
  }
  .iti__selected-dial-code {
    margin-left: 4px;
  }
  .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);
  }
  .iti__arrow--up {
    margin-top: 4px;
    transform: rotate(-135deg);
  }
  .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;
    }
  }
  .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;
    }
  }
  .iti__search-input,
  .iti__country {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .iti__search-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--iti-border-color);
  }
  .iti__search-icon {
    position: absolute;
    left: var(--iti-spacer-horizontal);
    display: flex;
    pointer-events: none;
    [dir=rtl] & {
      left: auto;
      right: var(--iti-spacer-horizontal);
    }
  }
  .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;
  }
  .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;
    }
  }
  .iti__search-clear-svg {
    width: var(--iti-clear-icon-size);
    height: var(--iti-clear-icon-size);
    display: block;
  }
  .iti__no-results {
    text-align: center;
    padding: 30px 0;
  }
  .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 .iti__country-list {
    white-space: nowrap;
    @media (max-width: 500px) {
      white-space: normal;
    }
  }
  .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);
    }
  }
  .iti__country-name {
    flex-grow: 1;
  }
  .iti__country-check {
    margin-left: var(--iti-spacer-horizontal);
    display: flex;
    align-items: center;
    color: var(--iti-icon-color);
  }
  .iti__country-check-svg {
    width: var(--iti-clear-icon-size);
    height: var(--iti-clear-icon-size);
    display: block;
  }
  .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 {
    .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[aria-expanded=true] .iti__selected-country-primary {
        background-color: var(--iti-hover-color);
      }
    }
  }
  .iti--detached-country-selector {
    position: fixed;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    &:hover {
      cursor: pointer;
    }
  }
  .iti--detached-country-selector {
    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);
  }
  .iti__hide {
    display: none;
  }
  .iti__v-hide {
    visibility: hidden;
  }
  .iti--fullscreen-popup {
    &.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;
    }
  }
  .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);
  }
  .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);
    }
  }
  .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);
    }
  }
  .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))) {
    .iti__tel-input:focus {
      outline-offset: 1px;
    }
  }
  
  /* packages/core/src/css/intlTelInputWithAssets.css */
  :root {
    --iti-path-flags-1x: url("https://cdn.jsdelivr.net/npm/intl-tel-input@29.2.3/dist/img/flags.webp");
    --iti-path-flags-2x: url("https://cdn.jsdelivr.net/npm/intl-tel-input@29.2.3/dist/img/flags@2x.webp");
  }

.iti {
  width: 100%;
  display: block;
}
.iti .input {
  padding-right: 0.75rem;
}
.iti__country-selector {
  z-index: 40;
}