.ca-filter-multi-tree-view {
  $block: &;
  $c-input-checkbox-bg: $c-white !default;
  $input-checkbox-border: $border-light !default;

  padding: 0 rem-calc(16px) rem-calc(12px) rem-calc(16px);

  &__list {
    width: 100%;
  }

  &__value {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: rem-calc(8px) 0 rem-calc(8px) $px32;
    position: relative;

    &::before {
      content: '';
      background-color: $c-input-checkbox-bg;
      border: $input-checkbox-border;
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      top: rem-calc(8px);
      left: 0;
      transition: all 200ms ease;
    }

    &--selected {
      font-weight: $font-weight-bold;

      &::before {
        background-color: var(--accent-color, $c-accent-color);
        border-color: var(--accent-color, $c-accent-color);
      }

      #{$block}__check {
        opacity: 1;
      }
    }

    &--disabled {
      opacity: 0.3;
      pointer-events: none;
    }

    &--hidden {
      display: none;
    }
  }

  &__check {
    color: $c-white;
    opacity: 0;
    position: absolute;
    top: 10px;
    left: 2px;
    transition: opacity 200ms ease;
  }

  &__count {
    margin-left: auto;
    color: $c-text-secondary;
  }

  &__toggle {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: rem-calc(10px);
  }
}