.layout-builder-configure-section .bg-light {
  background: inherit !important;
}

.container-layout-builder .layout-builder-form {
  padding: 0 1em;
}
.container-layout-builder .form-item-toggle-content-preview {
  margin-left: 1em;
}

.layout-builder.layout-builder--content-preview-disabled .layout-builder-block.h-100 {
  height: auto !important;
}
.layout-builder:not(.layout-builder--content-preview-disabled) .layout-builder-block.h-100:nth-last-child(1) {
  height: calc(100% - 80px) !important;
  margin-bottom: 80px;
}
.layout-builder:not(.layout-builder--content-preview-disabled) .layout-builder-block.h-100 + .layout-builder__add-block {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}

.claro-toolbar a {
  font-family: unset;
  font-style: unset;
  font-size: unset;
}

/**
 * Set the min-height equal to configuration value for the number of rows.
 *
 * The `--ck-min-height` value is set on the parent `.ck-editor` element by
 * JavaScript. We add that there because the `.ck-editor__editable` element's
 * inline styles are cleared on focus.
 */
.ck-editor__main > :is(.ck-editor__editable, .ck-source-editing-area) {
  min-height: var(--ck-min-height);
}

.ck-editor__main .ck-source-editing-area textarea {
  /* Set the min-height equal to configuration value for the number of rows.
   * The `--ck-min-height` value is set on the parent `.ck-editor` element by
   * JavaScript. We add that there because the `.ck-editor__editable` element's
   * inline styles are cleared on focus. */
  min-height: var(--ck-min-height);
}

#bs_ui .blb_gutter_type {
  display: none;
}
#bs_ui details > summary {
  padding-left: 2em !important;
}
#bs_ui details > summary:after {
  display: none !important;
}

.dialog-off-canvas-main-canvas #bs_ui * textarea {
  height: 100%;
}