@nypl/web-reader 1.0.0 → 1.1.0-2

package/dist/esm/index.css

@@ -158,1128 +158,4 @@
 .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 */