chapters-list {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  align-items: start;
  background-color: #313131;
}
chapters-list a.chapter-link.active title1,
chapters-list a.chapter-link.active title2 {
  color: #FFC000;
}
chapters-list a.chapter-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
}
chapters-list a.chapter-link title1,
chapters-list a.chapter-link title2 {
  color: #A8A8A8;
}
chapter-metadata {
  background-color: #3E3E3E;
}
chapter-metadata title1,
chapter-metadata title2 {
  width: 100%;
  color: #A8A8A8;
  font-size: 2.5em;
  font-weight: bold;
  font-family: 'FiraSansMedium', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
chapter-metadata description {
  font-size: 1.5em;
  color: #A8A8A8;
}
chapter-metadata pdf-download a.pdf-download-link {
  text-decoration: none;
  width: 100%;
  background-color: #FFC000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #3E3E3E;
  font-size: 1.5em;
  font-weight: bold;
  font-family: 'FiraSansMedium', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
chapter-metadata pdf-download a.pdf-download-link div {
  text-align: center;
}
chapter-metadata share {
  display: flex;
  flex-direction: column;
  color: #A8A8A8;
  font-size: 2.5vh;
  font-weight: bold;
  font-family: 'FiraSansMedium', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
chapter-metadata share share-label {
  text-align: center;
  margin-bottom: 2vh;
}
chapter-metadata share share-buttons {
  display: flex;
  justify-content: center;
}
chapter-metadata share share-buttons a.share-button {
  display: block;
  cursor: pointer;
  margin: 0 1.5vh;
}
chapter-metadata share share-buttons a.share-button img {
  width: 5vh;
  height: 5vh;
}
chapter-pages,
.chapter-pages {
  background-color: #3E3E3E;
}
@media (min-width: 800.001px) and (orientation: landscape) {
  chapters-list {
    height: 24vh;
    align-items: center;
  }
  chapters-list.chapters-count-5-or-more .chapter-link:first-child {
    margin-left: auto;
  }
  chapters-list.chapters-count-5-or-more .chapter-link:last-child {
    margin-right: auto;
  }
  chapters-list.chapters-count-4-or-less {
    justify-content: center;
  }
  chapters-list .chapter-link {
    min-width: 13vh;
    flex-shrink: 0;
    flex-grow: 0;
  }
  chapters-list .chapter-link img {
    width: 13vh;
    height: 13vh;
    padding: 0 3.7vh;
  }
  chapters-list .chapter-link title1,
  chapters-list .chapter-link title2 {
    font-size: 2vh;
    font-weight: bold;
    font-family: 'FiraSansMedium', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }
  midsection {
    flex: 1;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
  }
  midsection chapter-metadata {
    width: 30vh;
    display: flex;
    flex-direction: column;
    padding-top: 3vh;
    padding-left: 3vh;
    padding-right: 5vh;
    overflow-y: hidden;
    font-size: 1.2vh;
  }
  midsection chapter-metadata description {
    margin-top: 3vh;
  }
  midsection chapter-metadata pdf-download {
    margin-top: 3vh;
  }
  midsection chapter-metadata pdf-download a.pdf-download-link {
    text-decoration: none;
    height: 4.5vh;
    cursor: pointer;
  }
  midsection chapter-metadata share {
    margin-top: 3vh;
  }
  midsection chapter-pages,
  midsection .chapter-pages {
    flex: 1;
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
    padding-top: 1.5vh;
    padding-bottom: 1.5vh;
  }
  midsection chapter-pages .chapter-page,
  midsection .chapter-pages .chapter-page,
  midsection chapter-pages picture,
  midsection .chapter-pages picture {
    height: 100%;
    width: auto;
    margin-left: 1vh;
    margin-right: 1vh;
    flex-shrink: 0;
    flex-grow: 0;
    text-align: right;
  }
  .safari midsection chapter-pages .chapter-page,
  .safari midsection .chapter-pages .chapter-page,
  .safari midsection chapter-pages picture,
  .safari midsection .chapter-pages picture {
    width: var(--safari-width-fix);
  }
  midsection chapter-pages .chapter-page .page-image,
  midsection .chapter-pages .chapter-page .page-image,
  midsection chapter-pages picture .page-image,
  midsection .chapter-pages picture .page-image {
    height: 100%;
    width: auto;
    cursor: pointer;
    cursor: zoom-in;
    background-color: #313131;
    background-image: url("placeholder.gif");
    background-repeat: no-repeat;
    background-position: center center;
  }
  midsection chapter-pages chapter-pages-scroll-topper,
  midsection .chapter-pages chapter-pages-scroll-topper {
    display: none;
  }
}
*::-webkit-scrollbar-track {
  border: 0px solid black;
  background-color: #3E3E3E;
}
*::-webkit-scrollbar {
  height: 5px;
  width: 5px;
  background-color: #3E3E3E;
}
*::-webkit-scrollbar-thumb {
  background-color: #535353;
  border-radius: 5px;
}
@media (max-width: 800px), (orientation: portrait) {
  chapters-list {
    width: 100%;
    height: 170px;
    align-content: flex-start;
  }
  chapters-list .chapter-link {
    padding: 10px 10px 0 10px;
    min-width: 120px;
    flex-shrink: 0;
    flex-grow: 0;
    margin: auto;
  }
  chapters-list .chapter-link img {
    width: 90px;
    height: 90px;
  }
  chapters-list .chapter-link title1,
  chapters-list .chapter-link title2 {
    font-size: 1em;
    font-weight: bold;
    font-family: 'FiraSansMedium', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }
  chapter-metadata {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
  }
  chapter-metadata title1,
  chapter-metadata title2 {
    font-size: 2em;
    font-weight: bold;
    font-family: 'FiraSansMedium', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    justify-self: flex-start;
  }
  chapter-metadata description {
    font-size: 1.1em;
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 350px;
  }
  chapter-metadata pdf-download a.pdf-download-link {
    height: 60px;
  }
  chapter-metadata pdf-download a.pdf-download-link div {
    margin-left: auto;
    margin-right: auto;
  }
  chapter-metadata share {
    display: none;
  }
  chapter-pages,
  .chapter-pages {
    display: block;
    width: 100%;
  }
  chapter-pages picture,
  .chapter-pages picture {
    display: block;
  }
  chapter-pages picture:not(:nth-last-child(2)),
  .chapter-pages picture:not(:nth-last-child(2)) {
    margin-bottom: 25px;
  }
  chapter-pages picture:nth-last-child(2),
  .chapter-pages picture:nth-last-child(2) {
    padding-bottom: 25px;
  }
  chapter-pages picture .page-image,
  .chapter-pages picture .page-image {
    width: 100%;
    height: auto;
    background-color: #313131;
    background-image: url("placeholder.gif");
    background-repeat: no-repeat;
    background-position: center center;
  }
  chapter-pages chapter-pages-scroll-topper,
  .chapter-pages chapter-pages-scroll-topper {
    display: none;
  }
}
chapter-pages .chapter-page,
.chapter-pages .chapter-page,
chapter-pages picture,
.chapter-pages picture {
  position: relative;
}
chapter-pages .chapter-page page-header,
.chapter-pages .chapter-page page-header,
chapter-pages picture page-header,
.chapter-pages picture page-header {
  position: absolute;
  top: 0;
  right: 2%;
  width: 2.4vh;
  height: 3.2vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFC000;
  font-weight: bold;
}
chapter-pages .chapter-page page-header.page-header-for-spread-left,
.chapter-pages .chapter-page page-header.page-header-for-spread-left,
chapter-pages picture page-header.page-header-for-spread-left,
.chapter-pages picture page-header.page-header-for-spread-left {
  right: 51%;
}
chapter-pages .chapter-page page-header.page-header-for-spread-right,
.chapter-pages .chapter-page page-header.page-header-for-spread-right,
chapter-pages picture page-header.page-header-for-spread-right,
.chapter-pages picture page-header.page-header-for-spread-right {
  right: 1%;
}
chapter-pages .chapter-page page-header page-number,
.chapter-pages .chapter-page page-header page-number,
chapter-pages picture page-header page-number,
.chapter-pages picture page-header page-number {
  font-size: 1.6vh;
}