/* Frontend / Editor Rendering*/
.ai-background-wrapper {
  position: relative;
  width: 100%;
}

.ai-background-wrapper.full-width {
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
}

.ai-background-wrapper .ai-background-wrapper__background,
.ai-background-wrapper .ai_background-wrapper__overlay {
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.ai-background-wrapper__contents {
  width: 100%;
  z-index: 10;
  position: relative;
  padding: 1rem;
}

/* Editor Only Rendering */
.editor-styles-wrapper .wp-block-acf-acf-background-wrapper {
  max-width: unset;
  margin-left: -8px;
  margin-right: -8px;
}

.editor-styles-wrapper .ai-background-wrapper {
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
}

.editor-styles-wrapper .ai-background-wrapper.full-width {
  max-width: unset;
}

.editor-styles-wrapper
  .ai-background-wrapper
  .ai-background-wrapper__background {
  background-position: cover;
  border: 2px inset #ddd;
}