@import "./vars.pcss";

.checkerGroup {
  width: var(--checkerGroupWidth);
  display: var(--checkerGroupDisplay);

  &__label {
    font-weight: var(--checkerGroupLabelFontWeight);
    color: var(--checkerGroupLabelColor);
    user-select: var(--checkerGroupLabelUserSelect);

    @mixin nlc {
      margin-bottom: var(--checkerGroupLabelMb);
    }
  }

  &__list {
    max-height: var(--checkerGroupMaxHeight);
    overflow-y: var(--checkerGroupListOverflowY);
    padding-left: var(--checkerGroupPl);
    @mixin resetList;
    @mixin customScrollbar;

    &--isInner {
      --checkerGroupMaxHeight: unset;
      --checkerGroupListOverflowY: unset;
    }
  }

  &__item {
    @mixin nlc {
      margin-bottom: var(--checkerGroupItemsMb);
    }
  }
}