.has-motto-styler {
  box-sizing: border-box;
}

:where(.motto-has-border-radius) {
  overflow: hidden;
}

:where(.motto-has-aspect-ratio) {
  width: 100%;
  height: auto;
}

:where(img, video) {
  max-width: 100%;
  height: auto;
}

/*--------------------------------------------------------------
## Base Layout
--------------------------------------------------------------*/
.motto-base-layout-grid {
  display: grid;
}

.motto-base-layout-inline-grid {
  display: inline-grid;
}

.motto-base-layout-flex {
  display: flex;
}

.motto-base-layout-inline-flex {
  display: inline-flex;
}

.motto-base-layout-flow {
  display: block;
}

:is(.motto-base-layout-grid,
.motto-base-layout-inline-grid,
.motto-base-layout-flex,
.motto-base-layout-inline-flex) {
  gap: var(--wp--style--block-gap, 1em);
}

:is(.motto-base-layout-flow) > * {
  margin-block: 0;
}
:is(.motto-base-layout-flow) > * + * {
  margin-block-start: var(--wp--style--block-gap, 1em);
}