@layer ed-utilities {
  :host([density='compact']) {
    --ed-form-control-padding-block: round(down, calc(0.65em * 0.75), 1px);
    --ed-form-control-padding-inline: round(down, calc(0.65em * 0.75), 1px);
    --ed-form-control-height: round(
      down,
      calc(2 * var(--ed-form-control-padding-block) + calc(1em * var(--ed-line-height-normal))),
      1px
    );
  }

  :host([density='spacious']) {
    --ed-form-control-padding-block: round(down, calc(0.65em * 1.25), 1px);
    --ed-form-control-padding-inline: round(down, calc(0.65em * 1.25), 1px);
    --ed-form-control-height: round(
      down,
      calc(2 * var(--ed-form-control-padding-block) + calc(1em * var(--ed-line-height-normal))),
      1px
    );
  }
}