@import '../../../../styles/common.scss';

.multiFilterContainer {
  padding: 0;
  .Checkbox {
    padding-left: 20px;
    padding-right: 20px;
    grid-template-columns: auto 30px;
    label {
      color: var(--multi-option-label-colorr, $multi-option-label-color);
      font-weight: normal;
    }
    input {
      border-color: var(
        --multi-option-checbox-border,
        $multi-option-checkbox-border
      );
    }
    &:hover {
      background-color: var(
        --filter-background-selected-color,
        $filter-background-selected-color
      );
    }
    &.selected {
      background-color: var(
        --filter-background-selected-color,
        $filter-background-selected-color
      );
    }
  }
}

.applyButtonContainer {
  display: grid;

  .applyButton {
    height: 50px;
  }
}
