/* node_modules/react-pdf/dist/esm/Page/AnnotationLayer.css */
.annotationLayer section {
  position: absolute;
}
.annotationLayer .linkAnnotation > a,
.annotationLayer .buttonWidgetAnnotation.pushButton > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.annotationLayer .linkAnnotation > a:hover,
.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
  opacity: 0.2;
  background: #ff0;
  box-shadow: 0px 2px 10px #ff0;
}
.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
}
.annotationLayer .textWidgetAnnotation input,
.annotationLayer .textWidgetAnnotation textarea,
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  background-color: rgba(0, 54, 255, 0.13);
  border: 1px solid transparent;
  box-sizing: border-box;
  font-size: 9px;
  height: 100%;
  margin: 0;
  padding: 0 3px;
  vertical-align: top;
  width: 100%;
}
.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}
.annotationLayer .textWidgetAnnotation textarea {
  font: message-box;
  font-size: 9px;
  resize: none;
}
.annotationLayer .textWidgetAnnotation input[disabled],
.annotationLayer .textWidgetAnnotation textarea[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
  background: none;
  border: 1px solid transparent;
  cursor: not-allowed;
}
.annotationLayer .textWidgetAnnotation input:hover,
.annotationLayer .textWidgetAnnotation textarea:hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
  border: 1px solid #000;
}
.annotationLayer .textWidgetAnnotation input:focus,
.annotationLayer .textWidgetAnnotation textarea:focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 1px solid transparent;
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  background-color: #000;
  content: "";
  display: block;
  position: absolute;
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  height: 80%;
  left: 45%;
  width: 1px;
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
  transform: rotate(45deg);
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  transform: rotate(-45deg);
}
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}
.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}
.annotationLayer .textWidgetAnnotation input.comb:focus {
  width: 115%;
}
.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  appearance: none;
  padding: 0;
}
.annotationLayer .popupWrapper {
  position: absolute;
  width: 20em;
}
.annotationLayer .popup {
  position: absolute;
  z-index: 200;
  max-width: 20em;
  background-color: #FFFF99;
  box-shadow: 0px 2px 5px #888;
  border-radius: 2px;
  padding: 6px;
  margin-left: 5px;
  cursor: pointer;
  font: message-box;
  font-size: 9px;
  word-wrap: break-word;
}
.annotationLayer .popup > * {
  font-size: 9px;
}
.annotationLayer .popup h1 {
  display: inline-block;
}
.annotationLayer .popup span {
  display: inline-block;
  margin-left: 5px;
}
.annotationLayer .popup p {
  border-top: 1px solid #333;
  margin-top: 2px;
  padding-top: 2px;
}
.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .freeTextAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .squareAnnotation svg rect,
.annotationLayer .circleAnnotation svg ellipse,
.annotationLayer .polylineAnnotation svg polyline,
.annotationLayer .polygonAnnotation svg polygon,
.annotationLayer .caretAnnotation,
.annotationLayer .inkAnnotation svg polyline,
.annotationLayer .stampAnnotation,
.annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

/* node_modules/@d-i-t-a/reader/dist/reader.css */
:root {
  -webkit-text-size-adjust: 100%;
  zoom: reset;
}
body {
  margin: 0 auto;
}
ul li,
ol li {
  list-style: none;
}
button {
  background: #fff;
  border: 0;
  color: #5B5852;
  padding: 0.35rem 0.35rem 0.2rem;
  margin: 0;
  -webkit-appearance: none;
}
a {
  color: #5B5852;
  text-decoration: none;
}
.inactive {
  opacity: 0;
  z-index: -3000;
}
.active {
  opacity: 1;
  z-index: 3000;
}
#viewer {
  padding: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left);
  box-sizing: border-box;
}
#reader-info-bottom-flex {
  bottom: 0px;
  position: fixed;
  width: 100%;
  display: flex;
}
#reader-info-bottom {
  bottom: 0px;
  position: fixed;
  width: 100%;
}
.info {
  color: #5B5852;
  margin: 0;
  padding: 0 1.5rem;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.info.top {
  line-height: 3;
  padding-top: env(safe-area-inset-top);
  min-height: 3.6rem;
}
.info.bottom {
  line-height: 2;
  padding-bottom: env(safe-area-inset-bottom);
}
.info .chapter-position,
.info .chapter-title,
.info .remaining-positions {
  font-size: 0.85rem;
  font-variant-numeric: lining-nums tabular-nums;
}
#iframe-wrapper iframe {
  border: none;
  overflow: overlay;
  opacity: 0;
}
[data-viewer-theme=day] {
  background-color: #fff;
}
[data-viewer-theme=sepia] {
  background-color: #faf4e8;
}
[data-viewer-theme=sepia] button {
  background: #faf4e8;
  color: #5B5852;
}
[data-viewer-theme=sepia] a {
  color: #5B5852;
}
[data-viewer-theme=sepia] .info {
  color: #5B5852;
}
[data-viewer-theme=night] {
  background-color: #000000;
  color: #fff;
}
[data-viewer-theme=night] button {
  background: #000000;
  color: #DADADA;
}
[data-viewer-theme=night] a {
  color: #DADADA;
}
[data-viewer-theme=night] .info {
  color: #DADADA;
}
@-webkit-keyframes load {
  0% {
    transform: translate(-2.5rem, -2.5rem) rotate(0deg);
  }
  100% {
    transform: translate(-2.5rem, -2.5rem) rotate(360deg);
  }
}
@keyframes load {
  0% {
    transform: translate(-2.5rem, -2.5rem) rotate(0deg);
  }
  100% {
    transform: translate(-2.5rem, -2.5rem) rotate(360deg);
  }
}
.loading.is-loading .icon {
  animation: load 1s ease-in-out infinite;
}
.loading {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.9);
  color: #5B5852;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.loading .icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3rem;
  height: 3rem;
  transform: translate(-50%, -50%);
  fill: #9e9e9e;
}
[data-viewer-theme=sepia] .loading {
  background-color: rgba(250, 244, 232, 0.9);
}
[data-viewer-theme=night] .loading {
  background-color: #1a1a1a;
  color: #DADADA;
}
[data-viewer-theme=night] .loading .icon {
  fill: #DADADA;
}
.error {
  z-index: 20;
  background-color: rgba(255, 255, 255, 0.875);
  color: #d0343a;
  height: 100%;
  top: 0;
  padding-top: 40vh;
  position: fixed;
  text-align: center;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.error .reader-icon {
  display: block;
  width: 3rem;
  height: 3rem;
  fill: #d0343a;
  margin: 0 auto;
}
.error span {
  display: block;
  margin-bottom: 0.75rem;
  font-size: 1.2rem;
}
.error button {
  color: #d0343a;
  border: 1px solid #d0343a;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.75rem 1rem;
}
.error button + button {
  margin-left: 1rem;
}
[data-viewer-theme=sepia] .error {
  background-color: rgba(250, 244, 232, 0.875);
}
[data-viewer-theme=sepia] .error button {
  background-color: #fff;
  color: #d0343a;
  border: 1px solid #d0343a;
}
[data-viewer-theme=night] .error {
  background-color: rgba(0, 0, 0, 0.875);
}
[data-viewer-theme=night] .error button {
  background-color: #1a1a1a;
  color: #d0343a;
  border: 1px solid #d0343a;
}
.sidenav-toc .chapter-link {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidenav-toc .chapter-title {
  padding: 0 16px;
  font-size: 14px;
  color: lightgray;
}
.contents-view,
.pageList-view,
.landmarks-view {
  background-color: #fff;
  overflow: scroll;
  top: 3.5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.contents-view ol li,
.contents-view ul li,
.pageList-view ol li,
.pageList-view ul li,
.landmarks-view ol li,
.landmarks-view ul li {
  margin-top: 0;
}
.contents-view ol li a,
.contents-view ul li a,
.pageList-view ol li a,
.pageList-view ul li a,
.landmarks-view ol li a,
.landmarks-view ul li a {
  color: #5B5852;
  border-bottom: 1px solid #cccccc;
  display: block;
  padding: 1rem;
  text-decoration: none;
  width: 100%;
}
@media screen and (min-width: 60rem) {
  .contents-view ol li a:hover,
  .contents-view ul li a:hover,
  .pageList-view ol li a:hover,
  .pageList-view ul li a:hover,
  .landmarks-view ol li a:hover,
  .landmarks-view ul li a:hover {
    background: #5B5852;
    color: #111;
  }
}
.contents-view ol li a.active,
.contents-view ul li a.active,
.pageList-view ol li a.active,
.pageList-view ul li a.active,
.landmarks-view ol li a.active,
.landmarks-view ul li a.active {
  background: #DADADA;
  color: #111;
}
.contents-view ol li a.active:hover,
.contents-view ul li a.active:hover,
.pageList-view ol li a.active:hover,
.pageList-view ul li a.active:hover,
.landmarks-view ol li a.active:hover,
.landmarks-view ul li a.active:hover {
  background: #111;
  color: #DADADA;
}
.contents-view ol li span,
.contents-view ul li span,
.pageList-view ol li span,
.pageList-view ul li span,
.landmarks-view ol li span,
.landmarks-view ul li span {
  color: #5B5852;
  border-bottom: 1px solid #cccccc;
  display: block;
  padding: 1rem;
  text-decoration: none;
  width: 100%;
}
[data-viewer-theme=sepia] .contents-view,
[data-viewer-theme=sepia] .pageList-view,
[data-viewer-theme=sepia] .landmarks-view {
  background-color: #faf4e8;
}
[data-viewer-theme=sepia] .contents-view ol li a,
[data-viewer-theme=sepia] .contents-view ul li a,
[data-viewer-theme=sepia] .pageList-view ol li a,
[data-viewer-theme=sepia] .pageList-view ul li a,
[data-viewer-theme=sepia] .landmarks-view ol li a,
[data-viewer-theme=sepia] .landmarks-view ul li a {
  color: #5B5852;
  border-bottom: 1px solid #e8cc94;
}
@media screen and (min-width: 60rem) {
  [data-viewer-theme=sepia] .contents-view ol li a:hover,
  [data-viewer-theme=sepia] .contents-view ul li a:hover,
  [data-viewer-theme=sepia] .pageList-view ol li a:hover,
  [data-viewer-theme=sepia] .pageList-view ul li a:hover,
  [data-viewer-theme=sepia] .landmarks-view ol li a:hover,
  [data-viewer-theme=sepia] .landmarks-view ul li a:hover {
    background: #5B5852;
    color: #faf4e8;
  }
}
[data-viewer-theme=sepia] .contents-view ol li a.active,
[data-viewer-theme=sepia] .contents-view ul li a.active,
[data-viewer-theme=sepia] .pageList-view ol li a.active,
[data-viewer-theme=sepia] .pageList-view ul li a.active,
[data-viewer-theme=sepia] .landmarks-view ol li a.active,
[data-viewer-theme=sepia] .landmarks-view ul li a.active {
  background: #DADADA;
  color: #111;
}
[data-viewer-theme=sepia] .contents-view ol li a.active:hover,
[data-viewer-theme=sepia] .contents-view ul li a.active:hover,
[data-viewer-theme=sepia] .pageList-view ol li a.active:hover,
[data-viewer-theme=sepia] .pageList-view ul li a.active:hover,
[data-viewer-theme=sepia] .landmarks-view ol li a.active:hover,
[data-viewer-theme=sepia] .landmarks-view ul li a.active:hover {
  background: #111;
  color: #DADADA;
}
[data-viewer-theme=sepia] .contents-view ol li span,
[data-viewer-theme=sepia] .contents-view ul li span,
[data-viewer-theme=sepia] .pageList-view ol li span,
[data-viewer-theme=sepia] .pageList-view ul li span,
[data-viewer-theme=sepia] .landmarks-view ol li span,
[data-viewer-theme=sepia] .landmarks-view ul li span {
  color: #5B5852;
  border-bottom: 1px solid #e8cc94;
}
[data-viewer-theme=night] .contents-view,
[data-viewer-theme=night] .pageList-view,
[data-viewer-theme=night] .landmarks-view {
  background-color: #000000;
}
[data-viewer-theme=night] .contents-view ol li a,
[data-viewer-theme=night] .contents-view ul li a,
[data-viewer-theme=night] .pageList-view ol li a,
[data-viewer-theme=night] .pageList-view ul li a,
[data-viewer-theme=night] .landmarks-view ol li a,
[data-viewer-theme=night] .landmarks-view ul li a {
  color: #5B5852;
  border-bottom: 1px solid #cccccc;
}
@media screen and (min-width: 60rem) {
  [data-viewer-theme=night] .contents-view ol li a:hover,
  [data-viewer-theme=night] .contents-view ul li a:hover,
  [data-viewer-theme=night] .pageList-view ol li a:hover,
  [data-viewer-theme=night] .pageList-view ul li a:hover,
  [data-viewer-theme=night] .landmarks-view ol li a:hover,
  [data-viewer-theme=night] .landmarks-view ul li a:hover {
    background: #5B5852;
    color: #fff;
  }
}
[data-viewer-theme=night] .contents-view ol li a.active,
[data-viewer-theme=night] .contents-view ul li a.active,
[data-viewer-theme=night] .pageList-view ol li a.active,
[data-viewer-theme=night] .pageList-view ul li a.active,
[data-viewer-theme=night] .landmarks-view ol li a.active,
[data-viewer-theme=night] .landmarks-view ul li a.active {
  background: #DADADA;
  color: #000000;
}
[data-viewer-theme=night] .contents-view ol li a.active:hover,
[data-viewer-theme=night] .contents-view ul li a.active:hover,
[data-viewer-theme=night] .pageList-view ol li a.active:hover,
[data-viewer-theme=night] .pageList-view ul li a.active:hover,
[data-viewer-theme=night] .landmarks-view ol li a.active:hover,
[data-viewer-theme=night] .landmarks-view ul li a.active:hover {
  background: #000000;
  color: #DADADA;
}
[data-viewer-theme=night] .contents-view ol li span,
[data-viewer-theme=night] .contents-view ul li span,
[data-viewer-theme=night] .pageList-view ol li span,
[data-viewer-theme=night] .pageList-view ul li span,
[data-viewer-theme=night] .landmarks-view ol li span,
[data-viewer-theme=night] .landmarks-view ul li span {
  color: #DADADA;
  border-bottom: 1px solid #333333;
}
.settings-view > .settings-menu {
  outline: none;
}
.settings-view > .settings-menu button {
  background-color: #fff;
  border: 0.0625rem solid #DADADA;
  font-size: 0.75rem;
  letter-spacing: 0.07rem;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  margin: 0;
  position: relative;
}
.settings-view > .settings-menu button svg.checkedIcon {
  color: #fff;
  display: none;
  fill: #fff;
  height: 0.9rem;
  width: 0.9rem;
}
.settings-view > .settings-menu button.active {
  color: #fff;
  background-color: #9e9e9e;
}
.settings-view > .settings-menu button.active svg.checkedIcon {
  display: inline-block;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-55%);
  right: 0.35rem;
  vertical-align: text-bottom;
}
.settings-view > .settings-menu > li {
  border: 0;
  background-color: #fff;
  color: #5B5852;
  display: block;
  margin: 0.5rem 0;
  padding: 0;
  text-align: center;
}
.settings-view > .settings-menu .settings-options {
  padding-left: 0;
  display: flex;
}
.settings-view > .settings-menu .settings-options li {
  border: 0;
  display: flex;
  margin: 0;
  width: auto;
  flex: 1 1 auto;
}
.settings-view > .settings-menu .settings-options li button {
  width: 100%;
  text-overflow: ellipsis;
}
.settings-view > .settings-menu .settings-options button.publisher-font {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-left: 0;
  border-right: 0;
}
.settings-view > .settings-menu .settings-options button.serif-font {
  border-radius: 0;
}
.settings-view > .settings-menu .settings-options button.sans-font {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
  border-right: 0;
}
.settings-view > .settings-menu .settings-options button.decrease {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-left: 0;
}
.settings-view > .settings-menu .settings-options button.increase {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
  border-right: 0;
}
.settings-view > .settings-menu .settings-options button.day-theme {
  background-color: #fff;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-left: 0;
  border-right: 0;
}
.settings-view > .settings-menu .settings-options button.day-theme.active {
  color: #111;
}
.settings-view > .settings-menu .settings-options button.day-theme.active svg.checkedIcon {
  fill: #111;
}
.settings-view > .settings-menu .settings-options button.sepia-theme {
  background-color: #faf4e8;
  border-radius: 0;
}
.settings-view > .settings-menu .settings-options button.sepia-theme.active {
  color: #111;
}
.settings-view > .settings-menu .settings-options button.sepia-theme.active svg.checkedIcon {
  fill: #111;
}
.settings-view > .settings-menu .settings-options button.night-theme {
  background-color: #111;
  color: #fff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
  border-right: 0;
}
.settings-view > .settings-menu .settings-options button.night-theme.active {
  color: #fff;
}
.settings-view > .settings-menu .settings-options button.night-theme.active svg.checkedIcon {
  fill: #fff;
}
.settings-view > .settings-menu .settings-options button.columns-paginated-view {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-left: 0;
}
.settings-view > .settings-menu .settings-options button.scrolling-book-view {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
  border-right: 0;
}
.settings-view > .settings-menu .settings-options .icon {
  color: #5B5852;
  fill: #5B5852;
  height: 1.75rem;
  width: 1.75rem;
}
@media (min-width: 30rem) {
  .settings-view > .settings-menu .settings-options .icon {
    height: 1.5rem;
    width: 1.5rem;
  }
}
[data-viewer-theme=night] .settings-view > .settings-menu {
  outline: none;
}
[data-viewer-theme=night] .settings-view > .settings-menu button {
  color: #5B5852;
}
[data-viewer-theme=night] .settings-view > .settings-menu button svg.checkedIcon {
  color: #000000;
  fill: #000000;
}
[data-viewer-theme=night] .settings-view > .settings-menu button.active {
  color: #fff;
  background-color: #9e9e9e;
}
[data-viewer-theme=night] .settings-view > .settings-menu button.day-theme {
  background-color: #fff;
}
[data-viewer-theme=night] .settings-view > .settings-menu button.sepia-theme {
  background-color: #faf4e8;
}
[data-viewer-theme=night] .settings-view > .settings-menu button.night-theme {
  background-color: #111;
  color: #fff;
}
[data-viewer-theme=night] .settings-view > .settings-menu > li {
  border: 0;
  background-color: #1a1a1a;
  color: #111;
}
[data-viewer-theme=sepia] .settings-view > .settings-menu {
  outline: none;
}
[data-viewer-theme=sepia] .settings-view > .settings-menu button {
  color: #5B5852;
}
[data-viewer-theme=sepia] .settings-view > .settings-menu button svg.checkedIcon {
  color: #faf4e8;
  fill: #faf4e8;
}
[data-viewer-theme=sepia] .settings-view > .settings-menu button.active {
  color: #fff;
  background-color: #9e9e9e;
}
[data-viewer-theme=sepia] .settings-view > .settings-menu button.day-theme {
  background-color: #fff;
}
[data-viewer-theme=sepia] .settings-view > .settings-menu button.sepia-theme {
  background-color: #faf4e8;
}
[data-viewer-theme=sepia] .settings-view > .settings-menu button.night-theme {
  background-color: #111;
  color: #fff;
}
[data-viewer-theme=sepia] .settings-view > .settings-menu > li {
  border: 0;
  background-color: white;
  color: #111;
}
.bookmarks-view,
.highlights-view {
  background-color: #fff;
  overflow: scroll;
  top: 3.5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bookmarks-view ol li,
.bookmarks-view ul li,
.highlights-view ol li,
.highlights-view ul li {
  margin-top: 0;
}
.bookmarks-view ol li a,
.bookmarks-view ul li a,
.highlights-view ol li a,
.highlights-view ul li a {
  color: #5B5852;
  border-bottom: 1px solid #cccccc;
  display: block;
  padding: 1rem;
  text-decoration: none;
  width: 100%;
}
@media screen and (min-width: 60rem) {
  .bookmarks-view ol li a:hover,
  .bookmarks-view ul li a:hover,
  .highlights-view ol li a:hover,
  .highlights-view ul li a:hover {
    background: #5B5852;
    color: #111;
  }
}
.bookmarks-view ol li a.active,
.bookmarks-view ul li a.active,
.highlights-view ol li a.active,
.highlights-view ul li a.active {
  background: #DADADA;
  color: #111;
}
.bookmarks-view ol li a.active:hover,
.bookmarks-view ul li a.active:hover,
.highlights-view ol li a.active:hover,
.highlights-view ul li a.active:hover {
  background: #111;
  color: #DADADA;
}
[data-viewer-theme=sepia] .bookmarks-view,
[data-viewer-theme=sepia] .highlights-view {
  background-color: #faf4e8;
}
[data-viewer-theme=sepia] .bookmarks-view ol li a,
[data-viewer-theme=sepia] .bookmarks-view ul li a,
[data-viewer-theme=sepia] .highlights-view ol li a,
[data-viewer-theme=sepia] .highlights-view ul li a {
  color: #5B5852;
  border-bottom: 1px solid #e8cc94;
}
@media screen and (min-width: 60rem) {
  [data-viewer-theme=sepia] .bookmarks-view ol li a:hover,
  [data-viewer-theme=sepia] .bookmarks-view ul li a:hover,
  [data-viewer-theme=sepia] .highlights-view ol li a:hover,
  [data-viewer-theme=sepia] .highlights-view ul li a:hover {
    background: #5B5852;
    color: #faf4e8;
  }
}
[data-viewer-theme=sepia] .bookmarks-view ol li a.active,
[data-viewer-theme=sepia] .bookmarks-view ul li a.active,
[data-viewer-theme=sepia] .highlights-view ol li a.active,
[data-viewer-theme=sepia] .highlights-view ul li a.active {
  background: #DADADA;
  color: #111;
}
[data-viewer-theme=sepia] .bookmarks-view ol li a.active:hover,
[data-viewer-theme=sepia] .bookmarks-view ul li a.active:hover,
[data-viewer-theme=sepia] .highlights-view ol li a.active:hover,
[data-viewer-theme=sepia] .highlights-view ul li a.active:hover {
  background: #111;
  color: #DADADA;
}
[data-viewer-theme=sepia] .bookmarks-view ol li span,
[data-viewer-theme=sepia] .bookmarks-view ul li span,
[data-viewer-theme=sepia] .highlights-view ol li span,
[data-viewer-theme=sepia] .highlights-view ul li span {
  color: #5B5852;
  border-bottom: 1px solid #e8cc94;
}
[data-viewer-theme=night] .bookmarks-view,
[data-viewer-theme=night] .highlights-view {
  background-color: #000000;
}
[data-viewer-theme=night] .bookmarks-view ol li a,
[data-viewer-theme=night] .bookmarks-view ul li a,
[data-viewer-theme=night] .highlights-view ol li a,
[data-viewer-theme=night] .highlights-view ul li a {
  color: #5B5852;
  border-bottom: 1px solid #cccccc;
}
@media screen and (min-width: 60rem) {
  [data-viewer-theme=night] .bookmarks-view ol li a:hover,
  [data-viewer-theme=night] .bookmarks-view ul li a:hover,
  [data-viewer-theme=night] .highlights-view ol li a:hover,
  [data-viewer-theme=night] .highlights-view ul li a:hover {
    background: #5B5852;
    color: #fff;
  }
}
[data-viewer-theme=night] .bookmarks-view ol li a.active,
[data-viewer-theme=night] .bookmarks-view ul li a.active,
[data-viewer-theme=night] .highlights-view ol li a.active,
[data-viewer-theme=night] .highlights-view ul li a.active {
  background: #DADADA;
  color: #000000;
}
[data-viewer-theme=night] .bookmarks-view ol li a.active:hover,
[data-viewer-theme=night] .bookmarks-view ul li a.active:hover,
[data-viewer-theme=night] .highlights-view ol li a.active:hover,
[data-viewer-theme=night] .highlights-view ul li a.active:hover {
  background: #000000;
  color: #DADADA;
}
[data-viewer-theme=night] .bookmarks-view ol li span,
[data-viewer-theme=night] .bookmarks-view ul li span,
[data-viewer-theme=night] .highlights-view ol li span,
[data-viewer-theme=night] .highlights-view ul li span {
  color: #DADADA;
  border-bottom: 1px solid #333333;
}
:root {
  --RS__highlightColor: rgba(255, 255, 0, 0.5);
}
.sidenav-annotations .chapter-link {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidenav-annotations .chapter-title {
  padding: 0 16px;
  font-size: 14px;
  color: lightgray;
}
.sidenav-annotations ol {
  padding-left: 24px;
}
.sidenav-annotations li {
  position: relative;
}
.sidenav-annotations li .delete {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}
.sidenav-annotations li .bookmark-link,
.sidenav-annotations li .highlight-link {
  display: block;
  position: relative;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  line-height: 1.25;
}
.sidenav-annotations li .bookmark-link svg,
.sidenav-annotations li .bookmark-link i,
.sidenav-annotations li .highlight-link svg,
.sidenav-annotations li .highlight-link i {
  left: 4px;
  top: 8px;
  position: absolute;
}
.sidenav-annotations li .bookmark-link .title,
.sidenav-annotations li .highlight-link .title {
  display: block;
}
.sidenav-annotations li .bookmark-link .subtitle,
.sidenav-annotations li .highlight-link .subtitle {
  display: block;
  line-height: 20px;
  font-size: 10px;
}
.sidenav-annotations li .bookmark-link .timestamp,
.sidenav-annotations li .highlight-link .timestamp {
  display: block;
  line-height: 20px;
  font-size: 8px;
}
.highlight-toolbox {
  transform: translate(-50%, -100%);
  animation: toolsAnimateIn 100ms ease-out both;
  transform-origin: bottom;
  z-index: 999;
  position: relative;
  background: gainsboro;
  display: none;
  width: fit-content;
}
.highlight-toolbox:before {
  content: "";
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  bottom: -0.2rem;
  left: calc(50% - 0.2rem);
  background-color: inherit;
  transform: rotate(45deg);
}
.highlight-toolbox > div > button {
  display: inline-block;
}
.color-option span {
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background: grey;
}
@keyframes toolsAnimateIn {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5);
  }
}
.thumb {
  border-radius: 50% 50% 50% 0 !important;
  height: 30px !important;
  width: 30px !important;
  margin-left: -15px !important;
  top: -20px !important;
  left: 50%;
}
input[type=range] + .thumb .value {
  margin-top: -20px;
  font-size: 10px;
  right: 22px;
  position: absolute;
}
input[type=checkbox] label {
  display: flex;
  flex-direction: row;
  align-items: center;
}
input[type=checkbox] {
  position: relative !important;
  appearance: none;
  box-sizing: content-box;
  overflow: hidden;
}
input[type=checkbox]:before {
  content: "";
  display: block;
  box-sizing: content-box;
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  transition: 0.2s border-color ease;
}
input[type=checkbox]:checked:before {
  border-color: #101010;
  transition: 0.5s border-color ease;
}
input[type=checkbox]:disabled:before {
  border-color: #ccc;
  background-color: #ccc;
}
input[type=checkbox]:after {
  content: "";
  display: block;
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 50%;
  transform-origin: 50% 50%;
  background-color: #101010;
  width: 16px;
  height: 16px;
  border-radius: 100vh;
  transform: translate(-50%, -50%) scale(0);
}
input[type=checkbox][type=radio]:before {
  border-radius: 100vh;
}
input[type=checkbox][type=radio]:after {
  width: 16px;
  height: 16px;
  border-radius: 100vh;
  transform: translate(-50%, -50%) scale(0);
}
input[type=checkbox][type=radio]:checked:after {
  animation: toggleOnRadio 0.2s ease forwards;
}
input[type=checkbox][type=checkbox]:before {
  border-radius: 4px;
}
input[type=checkbox][type=checkbox]:after {
  width: 9.6px;
  height: 16px;
  border-radius: 0;
  transform: translate(-50%, -85%) scale(0) rotate(45deg);
  background-color: transparent;
  box-shadow: 4px 4px 0px 0px #101010;
}
input[type=checkbox][type=checkbox]:checked:after {
  animation: toggleOnCheckbox 0.2s ease forwards;
}
input[type=checkbox][type=checkbox].filled:before {
  border-radius: 4px;
  transition: 0.2s border-color ease, 0.2s background-color ease;
}
input[type=checkbox][type=checkbox].filled:checked:not(:disabled):before {
  background-color: #101010;
}
input[type=checkbox][type=checkbox].filled:not(:disabled):after {
  box-shadow: 4px 4px 0px 0px white;
}
@keyframes toggleOnCheckbox {
  0% {
    opacity: 0;
    transform: translate(-50%, -85%) scale(0) rotate(45deg);
  }
  70% {
    opacity: 1;
    transform: translate(-50%, -85%) scale(0.9) rotate(45deg);
  }
  100% {
    transform: translate(-50%, -85%) scale(0.8) rotate(45deg);
  }
}
@keyframes toggleOnRadio {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
  }
  70% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0.9);
  }
  100% {
    transform: translate(-50%, -50%) scale(0.8);
  }
}
.range-slider {
  width: 100%;
}
.range-slider__range {
  -webkit-appearance: none;
  width: calc(100% - (73px));
  height: 10px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0;
}
.range-slider__range::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  transition: .15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
  background: #1abc9c;
}
.range-slider__range:active::-webkit-slider-thumb {
  background: #1abc9c;
}
.range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  transition: .15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
  background: #1abc9c;
}
.range-slider__range:active::-moz-range-thumb {
  background: #1abc9c;
}
.range-slider__range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1abc9c;
}
.range-slider__range_settings {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0;
}
.range-slider__range_settings::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  transition: .15s ease-in-out;
}
.range-slider__range_settings::-webkit-slider-thumb:hover {
  background: #1abc9c;
}
.range-slider__range_settings:active::-webkit-slider-thumb {
  background: #1abc9c;
}
.range-slider__range_settings::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  transition: .15s ease-in-out;
}
.range-slider__range_settings::-moz-range-thumb:hover {
  background: #1abc9c;
}
.range-slider__range_settings:active::-moz-range-thumb {
  background: #1abc9c;
}
.range-slider__range_settings:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1abc9c;
}
.range-slider__value {
  display: inline-block;
  position: relative;
  width: 60px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  background: #2c3e50;
  padding: 5px 10px;
  margin-left: 8px;
}
.range-slider__value:after {
  position: absolute;
  top: 8px;
  left: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #2c3e50;
  border-bottom: 7px solid transparent;
  content: "";
}
::-moz-range-track {
  background: #d7dcdf;
  border: 0;
}
input::-moz-focus-inner,
input::-moz-focus-outer {
  border: 0;
}
@media only screen and (max-width: 600px) {
  .timeline,
  .scrubber > input {
    display: none;
  }
}
.scrubber {
  flex-grow: 1;
  padding-right: 20px;
  padding-left: 20px;
}
.timeline {
  position: fixed;
  top: 1.5rem;
  left: 2.5rem;
  bottom: 1.5rem;
  width: 1.25rem;
  display: flex;
  flex-direction: column;
}
.timeline .chapter {
  border-left: 6px solid transparent;
  transition: border-color 300ms ease-out;
  background: #DADADA;
  border: 1px solid #fff;
  border-radius: 5px;
  position: relative;
}
.timeline .chapter:hover {
  background-color: #DADADA;
}
.timeline .chapter:hover .chapter-tooltip {
  display: block;
}
.timeline .chapter.active {
  background-color: #9e9e9e;
}
.timeline .chapter-tooltip {
  display: none;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translate(0, -50%);
  background: #DADADA;
  padding: 0.25rem 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 22rem;
}
/*# sourceMappingURL=index.css.map */
