.v-mdu-chapter-container {
  --gradient-start: var( --current-heading-color );
  --gradient-end: var( --current-heading-color );
}
.v-mdu-chapter-container .col-counter {
  position: relative;
}
.v-mdu-chapter-container .col-counter:before {
  display: none;
  content: "";
  width: 100%;
  height: calc(100% + var(--default-padding-top, var(--spacing-lg)) + var(--default-padding-bottom, var(--spacing-lg)));
  top: calc(var(--default-padding-top) * -1);
  background: linear-gradient(180deg, var(--gradient-start), var(--current-heading-color) 50%, var(--gradient-end) 100%);
  background-size: 1px 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 0;
}
.v-mdu-chapter-container .chapter-counter-wrap {
  aspect-ratio: 1/1;
  height: 70px;
  text-align: center;
  border: 1px solid var(--current-heading-color, var(--color-blue-night-100));
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.v-mdu-chapter-container.start-item {
  --gradient-start: transparent;
}
.v-mdu-chapter-container.end-item {
  --gradient-end: transparent;
}

@media (min-width: 992px) {
  .v-mdu-chapter-container .col-counter:before {
    display: block;
  }
}
.acf-block-preview .v-mdu-chapter-container .chapter-counter-wrap > span {
  opacity: 0;
  position: absolute;
}
.acf-block-preview .v-mdu-chapter-container .chapter-counter-wrap:after {
  content: "#";
  font-size: var(--font-size-h3);
  font-family: var(--v-font-family-headings);
}