.wp-block-acf-quote.quote-wrap .inner {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: var(--spacing-tiny);
}
@media (min-width: 890px) {
  .wp-block-acf-quote.quote-wrap .inner {
    gap: var(--spacing-small);
    grid-template-columns: 300px 1fr;
  }
}
.wp-block-acf-quote.quote-wrap .quote-icon {
  padding-block: 0;
  aspect-ratio: initial;
  align-content: center;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  gap: 0;
  grid-column: 1;
  grid-row: 1;
  z-index: 3;
  opacity: 0.3;
}
@media (min-width: 890px) {
  .wp-block-acf-quote.quote-wrap .quote-icon {
    opacity: 0.4;
  }
}
.wp-block-acf-quote.quote-wrap .quote-icon svg {
  width: 100%;
  height: auto;
  align-self: center;
  z-index: 2;
  position: relative;
  grid-column: 1;
  grid-row: 1;
}
.wp-block-acf-quote.quote-wrap blockquote {
  margin: 0;
  position: relative;
  z-index: 2;
  align-self: center;
  grid-column: 1/span 2;
  grid-row: 1;
  z-index: 3;
  padding-block-start: var(--spacing-small);
}
@media (min-width: 890px) {
  .wp-block-acf-quote.quote-wrap blockquote {
    padding-block-start: 0;
  }
}
.wp-block-acf-quote.quote-wrap blockquote p {
  font-weight: var(--font-weight-600);
  font-family: var(--font-fancy);
  line-height: var(--line-height-headings);
  letter-spacing: 3px;
}
.wp-block-acf-quote.quote-wrap blockquote p:not([class]) {
  font-size: var(--font-size-h3);
}
.wp-block-acf-quote.quote-wrap blockquote p + p {
  margin-top: 1lh;
}
@media (min-width: 890px) {
  .wp-block-acf-quote.quote-wrap blockquote {
    text-wrap: pretty;
  }
}
.wp-block-acf-quote.quote-wrap p.is-style-quote-citation,
.wp-block-acf-quote.quote-wrap cite,
.wp-block-acf-quote.quote-wrap .cite {
  display: inline-block;
  margin-top: 20px;
  font-size: var(--font-size-base-small);
  line-height: 1.2;
  font-style: normal;
}
.wp-block-acf-quote.quote-wrap p.is-style-quote-citation strong,
.wp-block-acf-quote.quote-wrap p.is-style-quote-citation span,
.wp-block-acf-quote.quote-wrap cite strong,
.wp-block-acf-quote.quote-wrap cite span,
.wp-block-acf-quote.quote-wrap .cite strong,
.wp-block-acf-quote.quote-wrap .cite span {
  font-weight: var(--font-weight-semi);
}
.wp-block-acf-quote.quote-wrap p.is-style-quote-citation + p,
.wp-block-acf-quote.quote-wrap cite + p,
.wp-block-acf-quote.quote-wrap .cite + p {
  font-size: var(--font-size-base-small);
}

main > div.quote-wrap {
  display: grid;
  grid-template-columns: var(--base-grid-single);
}
main > div.quote-wrap .inner {
  grid-column: content;
  grid-template-columns: var(--grid-12);
}
main > div.quote-wrap .quote-icon {
  grid-column: 2;
}
main > div.quote-wrap blockquote {
  grid-column: 3/span 8;
}

body.admin .acf-block-preview {
  border: 2px solid red;
}
body.admin .acf-block-preview.wp-block-acf-split {
  border-color: green;
}
body.admin .acf-block-preview.wp-block-acf-split .split-block.layout-full .wp-block-acf-image {
  grid-row: 1;
}
body.admin .acf-block-preview.wp-block-acf-split .split-block.layout-full .wp-block-acf-quote {
  grid-column: 1/-1;
  grid-row: 1;
}
body.admin .acf-block-preview.wp-block-acf-split .split-block.layout-full:has(.wp-block-acf-image + .wp-block-acf-quote) > .wp-block-acf-quote {
  padding-block: var(--spacing-large);
}
body.admin .acf-block-preview.wp-block-acf-split .split-block.layout-full:has(.wp-block-acf-image + .wp-block-acf-quote) > .wp-block-acf-quote.acf-block-preview {
  grid-column: 2/span 12;
}
@media (min-width: 1024px) {
  body.admin .acf-block-preview.wp-block-acf-split .split-block.layout-full:has(.wp-block-acf-image + .wp-block-acf-quote) > .wp-block-acf-quote.acf-block-preview {
    grid-column: 8/span 6;
  }
}
body.admin .acf-block-preview.wp-block-acf-split .split-block.layout-full:has(.wp-block-acf-image + .wp-block-acf-quote) > .wp-block-acf-quote .inner {
  padding-left: minmax(0, calc(var(--base-maxwidth) / 12));
  display: grid;
  grid-template-columns: var(--base-grid);
  column-gap: 0;
}
body.admin .acf-block-preview.wp-block-acf-split .split-block.layout-full:has(.wp-block-acf-image + .wp-block-acf-quote) > .wp-block-acf-quote .quote-icon {
  grid-column: 6/span 2;
  aspect-ratio: 1/1;
  padding: var(--spacing-tiny);
  align-self: center;
  justify-self: center;
  background-color: var(--section-background-hover);
  border-radius: 100%;
  display: grid;
  opacity: 1;
}
body.admin .acf-block-preview.wp-block-acf-split .split-block.layout-full:has(.wp-block-acf-image + .wp-block-acf-quote) > .wp-block-acf-quote .quote-icon svg {
  max-width: 50px;
  opacity: 1;
}
body.admin .acf-block-preview.wp-block-acf-split .split-block.layout-full:has(.wp-block-acf-image + .wp-block-acf-quote) > .wp-block-acf-quote blockquote {
  grid-column: 8/span 5;
}