/*-- scss:defaults --*/

:root {
  --viewer-pages-spacing: 12px;
  --viewer-background-color: #dcdcdc;
  --viewer-shadow-color: #313131;
}

section.level3 {
  break-inside: avoid;
}

h2.section + section.level3 {
  break-before: avoid;
}

@media screen {
  body {
    background-color: var(--viewer-background-color) !important;
  }

  .pagedjs_pages {
    max-width: var(--pagedjs-width);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transform-origin: 0 0;
    margin: 0 auto;
  }

  .pagedjs_page {
    background-color: #fdfdfd;
    margin: calc(var(--viewer-pages-spacing) / 2)
      calc(var(--viewer-pages-spacing) / 3);
    flex: none;
    box-shadow: 0 0 7px 1px var(--viewer-shadow-color);
  }

  .pagedjs_first_page {
    margin: var(--viewer-pages-spacing) calc(var(--viewer-pages-spacing) / 3);
  }
}