@import “../vars.scss”;

.filter-item {

}

@mixin filter-option {

position:relative;
cursor:pointer;
padding:0px 0;
line-height:22px;
display:flex;
font-weight: $sk-light-weight;

&__checkbox {
  margin: 5px 5px 0 1px;
}

&.is-active &__text {
  font-weight:$sk-bold-weight;
  color: $sk-action-active-color;
}

&.is-selected &__text {
  font-weight:$sk-bold-weight;
  color: $sk-action-active-color;
}

&__text {
  flex:auto;
  font-size:$sk-list-font-size;
  color:$sk-list-text-color;
}

&__count {
  font-size: $sk-list-secondary-font-size;
  text-align: right;
  color: $sk-list-secondary-text-color;
}

}