.ecabs-phone {
  .ecabs-tel-input-container {
    position: relative;
    border-radius: $border-radius-base;
    border: 1px solid var(--color-gray-300);

    .ecabs-tel-input-input {
      padding: calc-rem(8px 8px 8px 105px) !important;
    }

    .country-selector {
      opacity: 1 !important;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDcuNDEwMTZMMCAxLjQxMDE2TDEuNDEgMC4wMDAxNTY0MDNMNiA0LjU4MDE2TDEwLjU5IDAuMDAwMTU2NDAzTDEyIDEuNDEwMTZMNiA3LjQxMDE2WiIgZmlsbD0iIzZCNkQ3MyIvPgo8L3N2Zz4K");
      background-size: calc-rem(12px 7.41px);
      padding-right: .36rem;
    }

    .country-selector-flag.flag {
      filter: unset;
    }
  }

  .error {
    .ecabs-tel-input-container {
      border: 1px solid var(--color-error);
    }
  }

  .disabled-field {
    background-color: var(--color-white-opacity-05) !important;
  }
}