@import '~styles/mixins';

.phone-input {
  input {
    display: inline-block;
    -moz-appearance: textfield;
    &::-webkit-outer-spin-button,
    &::-webkit-inner-spin-button {
      appearance: none;
    }
  }
  .container {
    width: 100%;
    .input {
      width: 100%;
      border: none;
    }
    .button {
      border: none;
      border-right: $border_width solid $color_border;
    }
    .dropdown {
      border: $border_width solid $color_border;
      margin: 0;
      left: -1px;
      margin-top: 1px;
      border-top: $border_width solid transparent;
      border-radius: 4px;
      padding: 5px 0;
      box-shadow: none;

      > li {
        padding: 7px;
        > span {
          font-family: $font;
          font-size: $font_size_form;
        }
      }
    }
  }
}
