$compact-item-offset-left: 10px;
$compact-item-offset: 5px;
$compact-rulegroup-offset-left: 10px;
$compact-rulegroup-offset: 5px;
$compact-rule-padding: 5px;
$compact-rule-parts-distance: 5px;
$compact-drag-offset-right: 5px;
$compact-rule-group-actions-offset-left: 5px;

.qb-compact {
  --item-offset-left: #{$compact-item-offset-left};
  --item-offset: #{$compact-item-offset};
  --rulegroup-offset-left: #{$compact-rulegroup-offset-left};
  --rulegroup-offset: #{$compact-rulegroup-offset};
  --rule-padding: #{$compact-rule-padding};
  --rule-parts-distance: #{$compact-rule-parts-distance};
  --drag-offset-right: #{$compact-drag-offset-right};
  --rule-group-actions-offset-left: #{$compact-rule-group-actions-offset-left};
}