/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/editor/utility-classes.scss ***!
  \**************************************************************************************************************************/
/**
 * These are utility classes that can be used in the editor to adjust the layout of blocks.
 *
 * These are specific for overriding utility classes in the editor
 */
/** Stacked: for use inside groups. Follows size of first child */
.editor-styles-wrapper .block-editor-block-list__block.interact-stacked,
.editor-styles-wrapper .block-editor-block-list__block.wpi-stacked {
  position: relative;
}
.editor-styles-wrapper .block-editor-block-list__block.interact-stacked > *:not(:first-child),
.editor-styles-wrapper .block-editor-block-list__block.wpi-stacked > *:not(:first-child) {
  position: absolute;
  inset: 0;
}
.editor-styles-wrapper .block-editor-block-list__block.interact-stacked > *,
.editor-styles-wrapper .block-editor-block-list__block.wpi-stacked > * {
  margin: 0;
}
.editor-styles-wrapper .block-editor-block-list__block.interact-stacked > figure > .components-resizable-box__container,
.editor-styles-wrapper .block-editor-block-list__block.wpi-stacked > figure > .components-resizable-box__container {
  object-fit: cover;
  object-position: center;
  height: 100% !important;
  width: 100% !important;
}
