.page-break {
  page-break-inside: avoid;
  height: 3em;
  margin: 2em 0;
  display: block;
  text-indent: 0;
}

.page-break--between-p {
  margin: 0;
}

.page-break--initial {
  page-break-before: auto;
  margin-top: -1px;
}

.content-top + .page-break--initial > .page-break__wrap {
  border-top: none;
}

.page-break__left {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: -.1em; /* to prevent croping of the descender */
}

.page-break__right {
  padding-left: 1em;
}

.page-break__wrap {
  display: block;
  font-size: .875em;
  color: #878790;
  height: 1em;
  line-height: 1em;
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

@media (min-width:651px) {
  .content-top + .page-break--initial {
    margin: -30px -30px 0;
    padding: 0 30px;
  }

  .page-break__wrap {
    padding: .75em var(--gutter, 30px);
  }
}

@media(max-width:650px) {
  .content-top + .page-break--initial {
    margin: -25px -25px 0;
    padding: 0 25px;
  }

  .page-break__wrap {
    padding: .75em 25px;
  }
}

@media not print {
  .page-break__wrap {
    margin-left: calc(var(--gutter, 30px) * -1);
    margin-right: calc(var(--gutter, 30px) * -1);
  }
}

.page-break__page_number {
  font-weight: 700;
  color: #000;
}

.page-break__page_number:hover {
  color: var(--primary);
}

.page-break__label {
  display: none;
}

.page-break__date,.page-break__work-name {
  font-style: normal;
}

.page-break__top {
  padding-left: 1em;
  margin-left: 1em;
  border-left: 1px solid #000;
  line-height: 12px;
}

.page-break--initial .page-break__top {
  visibility: hidden;
}