@import "../../assets/scss/main.scss";

.perPageSelector {
  margin-left: 12px;
  &::v-deep {
    .input {
      &__wrapper {
        max-width: 64px;
        font-size: $textSize-mobile;
        line-height: $textLine-mobile;

        .vs {
          &__selected-options, &__selected {
            font-size: $textSize-mobile;
            line-height: $textLine-mobile;
          }

          &__dropdown-option {
            font-size: $textSize-mobile;
            line-height: $textLine-mobile;
            display: flex;
          }
        }
      }

      &__option {
        &__icon {
          display: none;
        }
      }
    }
  }

  &__text {
    @include text;
    font-weight: $medium;
    margin-left: 12px;
  }

  &__autocomplete {
    display: flex;
    align-items: center;
  }
}