.preview[data-v-bf8e27d8] {
  display: grid;
  margin: 1em;
  padding: 1em;
  border-radius: var(--border-radius-md);
  background-color: var(--faded-color);
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 0.25em 0.5em;
}
.preview span[data-v-bf8e27d8] {
  position: relative;
  height: 0.5em;
  margin: 0.125em;
  border-radius: var(--border-radius-md);
  background-color: var(--cms-preview-bg);
}
.preview .span1[data-v-bf8e27d8],
.preview .span2[data-v-bf8e27d8],
.preview .span3[data-v-bf8e27d8],
.preview .span4[data-v-bf8e27d8],
.preview .span5[data-v-bf8e27d8] {
  height: 1em;
}
.preview .span4[data-v-bf8e27d8] {
  grid-column: 6;
}
.preview .span6[data-v-bf8e27d8] {
  grid-column: 7;
}