&.icon-select {
  &__items {
    @include display(flex);
    @include align-items(flex-start);
    @include flex-direction(row);
    @include justify-content(flex-start);
    @include flex-wrap(wrap);
    @include user-select(none);
    padding-bottom: $base-padding-h;
    &--custom {
      padding-top: $base-padding-h;
      @include th { border-top: 1px solid light-border-color(); }
    }
  }
  &__icon {
    @include area-selectable(bottom);
    width: 26px;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    &.icon-select__icon--active {
      @include area-selected(bottom);
    }
    &-btn {
      padding: 5px 10px;
      >img {
        width: 16px;
        height: 16px;
      }
    }
    &--custom-selected {
      >i { display: none; }
    }
    &--download-error>i:before {
      content: $fa-var-ban;
    }
  }
}
