/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */

.wp-block-mfb-meta-field-block {
  &,
  * {
    box-sizing: border-box;
  }
  &.is-layout-flow {
    > .value,
    > .prefix,
    > .suffix {
      margin-block-start: 0;
      margin-block-end: 0;
    }
  }
  &.is-display-inline-block {
    > * {
      display: inline-block;
    }
    .prefix {
      margin-inline-end: var(--mfb--gap, 0.5em);
    }
    .suffix {
      margin-inline-start: var(--mfb--gap, 0.5em);
    }
  }

  .value {
    video,
    img {
      max-width: 100%;
      height: auto;
    }
  }
}

.is-wysiwyg-field:not(.is-display-inline-block) > .value {
  display: flow-root;
}