.LabeledCheckbox {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  line-height: calc(var(--gap-s) * 2 + var(--Text-height));

  .Checkbox {
    margin-left: var(--gap-s);
    order: 1;
  }
}

.DashboardWidget-filters {
  .LabeledCheckbox {
    line-height: calc(var(--gap-l) + var(--Text-height));
    padding: 0 var(--gap-s);
    position: relative;

    &:hover {
      background: var(--color-gray2);
    }

    &:hover::before {
      border-color: var(--Input-focusColor);
      border-style: solid;
      border-width: 0 0 1px;
      bottom: 0;
      content: '';
      left: 0;
      pointer-events: none;
      position: absolute;
      right: 0;
    }
  }
}
