/* Make sure the thickness of the line never exceeds the height. */
.block-inline-blockseparator .block-inline-block {
  overflow: hidden;
}
.block-inline-blockseparator .content {
  padding: 0;
  margin: 0;
  box-sizing: content-box;
  height: calc(50% - (var(--separator-width) / 2));
  border: none;
  border-bottom-style: var(--separator-style);
  border-bottom-color: var(--separator-color);
  border-bottom-width: var(--separator-width);
}

/* In layout builder, if the block doesn't have a line, give it an outline so
the user can see it. */
#layout-builder .block-inline-blockseparator .block-inline-block.separator-none {
  border: 2px dashed #00000019;
}

/* In the widget form, reduce the width of the separator number fields. */
#drupal-off-canvas input[name="settings[block_form][field_separator_height][0][value]"],
#drupal-off-canvas input[name="settings[block_form][field_separator_width][0][value]"] {
  width: 80px;
}