@edrlab/thorium-web 1.1.6 → 1.2.0

package/dist/components/Reader/index.css

@@ -0,0 +1,1283 @@
+/* src/app/read/app.css */
+html,
+body {
+  min-height: 100%;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  touch-action: pan-x pan-y;
+  overscroll-behavior-x: none;
+  overscroll-behavior-y: none;
+  background-color: var(--th-theme-background);
+  color: var(--th-theme-text);
+  position: relative;
+}
+
+/* src/app/reset.css */
+button {
+  -webkit-appearance: none;
+  appearance: none;
+  border: none;
+  background: none;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  cursor: pointer;
+  outline: none;
+  -webkit-tap-highlight-color: transparent;
+}
+input {
+  font-size: 1rem;
+  border-radius: 0;
+  text-align: inherit;
+  background: none;
+  box-shadow: none;
+  padding: 0;
+  cursor: text;
+  border: none;
+  color: inherit;
+  font: inherit;
+  outline: none;
+}
+::selection {
+  background-color: var(--th-theme-select);
+  color: var(--th-theme-onSelect);
+}
+
+/* src/components/assets/styles/thorium-web.button.module.css */
+.thorium_web_button_icon,
+.thorium_web_button_dockerButton,
+.thorium_web_button_closeButton,
+.thorium_web_button_backButton {
+  box-sizing: border-box;
+  padding: calc(var(--th-icon-size, 24px) * (1/4));
+  text-align: center;
+  border-radius: var(--th-layout-radius);
+  line-height: 0;
+}
+.thorium_web_button_backButton {
+  box-sizing: content-box;
+  height: var(--th-icon-size, 24px);
+  border: 2px solid transparent;
+  display: flex;
+  align-items: center;
+}
+.thorium_web_button_closeButton,
+.thorium_web_button_backButton {
+  margin-inline-start: auto;
+}
+.thorium_web_button_icon svg,
+.thorium_web_button_dockerButton svg,
+.thorium_web_button_closeButton svg,
+.thorium_web_button_backButton svg {
+  fill: var(--th-theme-text);
+  width: var(--th-icon-size, 24px);
+  height: var(--th-icon-size, 24px);
+}
+.thorium_web_button_icon[data-hovered],
+.thorium_web_button_dockerButton[data-hovered],
+.thorium_web_button_closeButton[data-hovered],
+.thorium_web_button_backButton[data-hovered] {
+  background-color: var(--th-theme-hover);
+}
+.thorium_web_button_icon[data-focus-visible],
+.thorium_web_button_dockerButton[data-focus-visible],
+.thorium_web_button_closeButton[data-focus-visible],
+.thorium_web_button_backButton[data-focus-visible] {
+  outline: 2px solid var(--th-theme-focus);
+}
+.thorium_web_button_backButton[data-disabled] {
+  color: var(--th-theme-disable);
+}
+.thorium_web_button_icon[data-disabled] svg,
+.thorium_web_button_dockerButton[data-disabled] svg,
+.thorium_web_button_closeButton[data-disabled] svg,
+.thorium_web_button_backButton[data-disabled] svg {
+  fill: var(--th-theme-disable);
+}
+.thorium_web_button_tooltip {
+  background-color: var(--th-theme-text);
+  color: var(--th-theme-background);
+  padding: 5px;
+  border-radius: var(--th-layout-radius);
+}
+.thorium_web_button_alwaysVisible {
+  opacity: 1;
+}
+.thorium_web_stackedUI.thorium_web_isImmersive:not(.thorium_web_isHovering) .thorium_web_button_partiallyVisible {
+  opacity: 0;
+}
+.thorium_web_button_iconCompSm {
+  padding: calc(var(--th-icon-size, 24px) * (1/3));
+}
+.thorium_web_button_iconCompSm svg {
+  width: calc(var(--th-icon-size, 24px) * (3/4));
+  height: calc(var(--th-icon-size, 24px) * (3/4));
+  stroke: var(--th-theme-text);
+}
+.thorium_web_button_iconCompLg {
+  padding: calc(var(--th-icon-size, 24px) * (1/6));
+}
+.thorium_web_button_iconCompLg svg {
+  width: calc(var(--th-icon-size, 24px) * (4/3));
+  height: calc(var(--th-icon-size, 24px) * (4/3));
+}
+.thorium_web_button_iconApplyStroke svg {
+  stroke: var(--th-theme-text);
+}
+
+/* src/components/Actions/assets/styles/thorium-web.overflow.module.css */
+.thorium_web_layeredUI.thorium_web_isImmersive:not(.thorium_web_isHovering) .thorium_web_overflow_hint {
+  transform: translateY(calc(var(--th-icon-size, 24px) * 2.5));
+  transition-property: transform;
+  transition-duration: 200ms;
+  transition-timing-function: ease-in-out;
+}
+.thorium_web_layeredUI.thorium_web_isReflow.thorium_web_isScroll.thorium_web_isImmersive:not(.thorium_web_isHovering) .thorium_web_overflow_hint {
+  outline: 1px solid var(--th-theme-subdue);
+  background-color: var(--th-theme-background);
+}
+.thorium_web_overflow_popover {
+  background-color: var(--th-theme-background);
+  color: var(--th-theme-text);
+  padding: calc(var(--th-layout-spacing) / 2);
+  border-radius: var(--th-layout-radius);
+  border: 1px solid var(--th-theme-subdue);
+  filter: drop-shadow(var(--th-theme-elevate));
+  box-sizing: border-box;
+  max-width: var(--th-layout-constraints-popover, 500px);
+  width: max-content;
+}
+.thorium_web_overflow_menu {
+  outline: none;
+}
+.thorium_web_overflow_menuItem {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--th-layout-spacing) / 2);
+  padding: calc(var(--th-layout-spacing) / 2);
+  border-radius: var(--th-layout-radius);
+  outline: none;
+}
+.thorium_web_overflow_menuItem[data-hovered] {
+  background-color: var(--th-theme-hover);
+}
+.thorium_web_overflow_menuItem[data-focus-visible] {
+  outline: 2px solid var(--th-theme-focus);
+}
+.thorium_web_overflow_menuItem[data-disabled] {
+  color: var(--th-theme-disable);
+}
+.thorium_web_overflow_menuItem > svg {
+  width: calc(var(--th-icon-size, 24px) / 1.5);
+  height: calc(var(--th-icon-size, 24px) / 1.5);
+  fill: currentColor;
+}
+.thorium_web_overflow_menuItemLabel {
+  font-size: 1rem;
+}
+.thorium_web_overflow_menuItemShortcut {
+  font-family: monospace;
+  font-weight: bold;
+  color: var(--th-theme-subdue);
+  padding: 5px;
+  margin-inline-start: auto;
+  border-radius: var(--th-layout-radius);
+  border: 1px solid var(--th-theme-subdue);
+}
+
+/* src/components/Actions/JumpToPosition/assets/styles/thorium-web.jumpToPosition.module.css */
+.thorium_web_jumpToPosition_wrapper {
+}
+.thorium_web_jumpToPosition_form {
+  display: flex;
+  gap: calc(var(--th-layout-spacing) / 2);
+}
+.thorium_web_jumpToPosition_label {
+  margin-block: 0 var(--th-layout-spacing);
+  display: block;
+}
+.thorium_web_jumpToPosition_input {
+  display: block;
+  font-weight: bold;
+  padding: calc(var(--th-icon-size, 24px) * (1/4)) calc(var(--th-layout-spacing) / 2);
+  border-radius: var(--th-layout-radius);
+  border: 2px solid var(--th-theme-subdue);
+}
+.thorium_web_jumpToPosition_button {
+  box-sizing: content-box;
+  border: 2px solid var(--th-theme-subdue);
+  padding: calc(var(--th-icon-size, 24px) * (1/4)) calc(var(--th-icon-size, 24px) * (1/2));
+  text-align: center;
+  border-radius: var(--th-layout-radius);
+  margin-inline-start: auto;
+  align-self: flex-end;
+}
+.thorium_web_jumpToPosition_button[data-hovered] {
+  background-color: var(--th-theme-hover);
+}
+.thorium_web_jumpToPosition_input[data-focus-visible],
+.thorium_web_jumpToPosition_button[data-focus-visible] {
+  outline: 2px solid var(--th-theme-focus);
+}
+.thorium_web_jumpToPosition_numberField[data-disabled],
+.thorium_web_jumpToPosition_button[data-disabled] {
+  color: var(--th-theme-disable);
+}
+
+/* src/components/Sheets/assets/styles/thorium-web.sheets.module.css */
+.thorium_web_sheets_fullscreen {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10;
+  overflow-y: auto;
+  scroll-padding-top: calc(var(--th-sheet-sticky-header, 80px) + var(--th-layout-spacing));
+  scroll-padding-bottom: var(--th-layout-spacing);
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  max-height: var(--visual-viewport-height, 100dvh);
+  background-color: var(--th-theme-background);
+  color: var(--th-theme-text);
+  align-items: center;
+}
+.thorium_web_sheets_popover {
+  overflow-y: auto;
+  scroll-padding-top: calc(var(--th-sheet-sticky-header, 80px) + var(--th-layout-spacing));
+  scroll-padding-bottom: var(--th-layout-spacing);
+  box-sizing: border-box;
+  width: calc(340px + (2 * var(--th-layout-spacing)));
+  max-width: var(--th-layout-constraints-popover, 500px);
+  max-height: 100%;
+  max-height: var(--visual-viewport-height, 100dvh);
+  padding: 0;
+  background-color: var(--th-theme-background);
+  color: var(--th-theme-text);
+  border-radius: var(--th-layout-radius);
+  border: 1px solid var(--th-theme-subdue);
+  filter: drop-shadow(var(--th-theme-elevate));
+}
+.thorium_web_sheets_draggable {
+  box-sizing: border-box;
+  max-width: var(--th-layout-constraints-bottomSheet, 600px);
+  left: max(calc((100% - var(--th-layout-constraints-bottomSheet, 600px)) / 2), 0px) !important;
+  background-color: var(--th-theme-background) !important;
+  color: var(--th-theme-text) !important;
+  border: none;
+  filter: none !important;
+  box-shadow: none !important;
+  border-top-left-radius: 28px !important;
+  border-top-right-radius: 28px !important;
+  transition: border-radius 500ms;
+}
+.thorium_web_sheets_draggable::after {
+  content: "";
+  z-index: -1;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  transform: translateZ(0);
+  box-shadow: var(--th-theme-elevate);
+  border-top-left-radius: 28px;
+  border-top-right-radius: 28px;
+}
+.thorium_web_sheets_draggableFullHeightDetent {
+  height: calc(100% - env(safe-area-inset-top)) !important;
+}
+.thorium_web_sheets_draggableContentHeightDetent {
+  max-height: calc(100% - env(safe-area-inset-top)) !important;
+}
+.thorium_web_sheets_draggable[data-full-height] {
+  border-top-left-radius: 0 !important;
+  border-top-right-radius: 0 !important;
+  transition: border-radius 500ms;
+}
+.thorium_web_sheets_draggableBackdrop {
+  pointer-events: auto !important;
+  background-color: transparent !important;
+}
+.thorium_web_sheets_draggableScrim {
+  background-color: var(--th-layout-defaults-scrim) !important;
+}
+.thorium_web_sheets_draggableContainer {
+  padding: 0;
+  background-color: var(--th-theme-background);
+  color: var(--th-theme-text);
+}
+.thorium_web_sheets_draggableScroller {
+  position: relative;
+  scroll-padding-bottom: calc(var(--th-layout-spacing) * 4);
+}
+.thorium_web_sheets_dragIndicator {
+  width: calc(var(--th-icon-size, 40px) * 1.5);
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.thorium_web_sheets_dragIndicator[data-focus-visible] {
+  border-radius: var(--th-layout-radius);
+  outline: 2px solid var(--th-theme-focus);
+}
+.thorium_web_sheets_dragIndicator svg {
+  fill: var(--th-theme-subdue);
+  width: 100%;
+  height: auto;
+}
+.thorium_web_sheets_docked {
+  position: relative;
+  overflow-y: auto;
+  scroll-padding-top: calc(var(--th-sheet-sticky-header, 80px) + var(--th-layout-spacing));
+  scroll-padding-bottom: var(--th-layout-spacing);
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 100%;
+  height: 100vh;
+  height: 100dvh;
+  background-color: var(--th-theme-background);
+  color: var(--th-theme-text);
+}
+.thorium_web_sheets_dockedLeftBorder {
+  border-right: 1px solid var(--th-theme-subdue);
+}
+.thorium_web_sheets_dockedRightBorder {
+  border-left: 1px solid var(--th-theme-subdue);
+}
+.thorium_web_sheets_dialog {
+  outline: none;
+}
+.thorium_web_sheets_header {
+  display: flex;
+  align-items: center;
+  position: sticky;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 10;
+  padding: calc(var(--th-layout-spacing) / 2) var(--th-layout-spacing);
+  background-color: var(--th-theme-background);
+  border-bottom: 1px solid var(--th-theme-subdue);
+}
+.thorium_web_sheets_draggableHeader {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  background-color: var(--th-theme-background);
+  border-bottom: 1px solid var(--th-theme-subdue);
+  padding: var(--th-layout-spacing) var(--th-layout-spacing) calc(var(--th-layout-spacing) / 2) var(--th-layout-spacing);
+  border-top-left-radius: 28px !important;
+  border-top-right-radius: 28px !important;
+  transition: border-radius 500ms;
+}
+.thorium_web_sheets_draggable[data-full-height] .thorium_web_sheets_draggableHeader {
+  border-top-left-radius: 0 !important;
+  border-top-right-radius: 0 !important;
+  transition: border-radius 500ms;
+}
+.thorium_web_sheets_heading {
+  font-size: 1.25rem;
+  line-height: 1;
+  margin: 0;
+  padding: 0;
+}
+.thorium_web_sheets_body {
+  padding: var(--th-layout-spacing);
+}
+
+/* src/components/Docking/assets/styles/thorium-web.docking.module.css */
+.thorium_web_docking_dockerWrapper {
+  margin-inline-start: auto;
+  margin-inline-end: calc(var(--th-icon-size, 24px) * (1 / 4) * -1);
+  display: flex;
+  gap: 2px;
+  padding-inline-start: var(--th-layout-spacing);
+}
+.thorium_web_docking_docker {
+  display: flex;
+  gap: 2px;
+}
+.thorium_web_docking_resizeHandle {
+  position: relative;
+  width: 0;
+}
+.thorium_web_docking_resizeHandle:focus-visible {
+  outline: 2px solid var(--th-theme-focus);
+}
+.thorium_web_docking_resizeHandleGrab {
+  position: absolute;
+  z-index: 1000;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 5px;
+  height: 50px;
+  border-radius: 5px;
+  background-color: var(--th-theme-subdue);
+}
+.thorium_web_docking_resizeHandleGrabLeft {
+  left: 0;
+}
+.thorium_web_docking_resizeHandleGrabRight {
+  left: -5px;
+}
+
+/* src/components/Settings/assets/styles/thorium-web.reader.settings.module.css */
+.thorium_web_reader_settings_wrapper {
+}
+.thorium_web_reader_settings_group {
+  margin: calc(var(--th-layout-spacing) * 2) 0;
+}
+.thorium_web_reader_settings_advancedGroup {
+  position: relative;
+}
+.thorium_web_reader_settings_advancedIcon {
+  position: absolute;
+  inset-inline-end: 0;
+  inset-block-start: 0;
+}
+.thorium_web_reader_settings_label {
+  display: block;
+  font-weight: bold;
+  font-size: 1rem;
+  margin: 0;
+}
+.thorium_web_reader_settings_groupLabel {
+  padding-top: calc(var(--th-icon-size, 24px) * (1/3));
+}
+.thorium_web_reader_settings_radioWrapper,
+.thorium_web_reader_settings_groupWrapper {
+  margin: var(--th-layout-spacing) 0;
+  text-align: center;
+  border-radius: var(--th-layout-radius);
+}
+.thorium_web_reader_settings_numberField .thorium_web_reader_settings_groupWrapper {
+  margin-bottom: 0;
+}
+.thorium_web_reader_settings_radioWrapper {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(min(100%, 100px), 1fr));
+  gap: calc(var(--th-layout-spacing) / 4);
+  width: 100%;
+}
+.thorium_web_reader_settings_groupWrapper {
+  display: flex;
+  width: fit-content;
+  gap: var(--th-layout-spacing) calc(var(--th-layout-spacing) / 2);
+}
+.thorium_web_reader_settings_advancedGroup .thorium_web_reader_settings_radioWrapper {
+  margin-bottom: 0;
+}
+.thorium_web_reader_settings_groupWrapper[data-focus-within]:has(input[data-focus-visible]) {
+  outline: 2px solid var(--th-theme-focus);
+}
+.thorium_web_reader_settings_numberFieldWrapper,
+.thorium_web_reader_settings_sliderWrapper {
+  display: flex;
+  align-items: flex-start;
+  max-width: 100%;
+}
+.thorium_web_reader_settings_numberFieldWrapper .thorium_web_reader_settings_numberField,
+.thorium_web_reader_settings_sliderWrapper .thorium_web_reader_settings_slider {
+  flex: 1 0 auto;
+}
+.thorium_web_reader_settings_group:first-of-type {
+  margin-top: 0;
+}
+.thorium_web_reader_settings_group:last-of-type {
+  margin-bottom: 0;
+}
+.thorium_web_reader_settings_resetButton {
+  margin-inline-start: auto;
+}
+.thorium_web_reader_settings_numberField .thorium_web_reader_settings_input {
+  background-color: var(--th-theme-background);
+  color: var(--th-theme-text);
+  font-weight: bold;
+  align-self: center;
+  max-width: 20ch;
+}
+.thorium_web_reader_settings_groupWrapper[data-disabled] .thorium_web_reader_settings_input {
+  color: var(--th-theme-disable);
+}
+.thorium_web_reader_settings_radio {
+  padding: calc(var(--th-layout-spacing) / 2);
+  border-radius: var(--th-layout-radius);
+  box-sizing: border-box;
+  border: 2px solid transparent;
+}
+.thorium_web_reader_settings_radio:not(.thorium_web_reader_settings_themeRadio) {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: calc(var(--th-layout-spacing) / 2);
+  min-width: 0;
+  width: 100%;
+}
+.thorium_web_reader_settings_radio:not(.thorium_web_reader_settings_themeRadio) > * {
+  width: 100%;
+  text-align: center;
+}
+.thorium_web_reader_settings_radio:not(.thorium_web_reader_settings_themeRadio) span {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 1.2em;
+  max-height: 2.4em;
+  width: 100%;
+  box-sizing: border-box;
+  white-space: normal;
+}
+.thorium_web_reader_settings_radio:not(.thorium_web_reader_settings_themeRadio)[data-selected] {
+  border: 2px solid var(--th-theme-subdue);
+}
+.thorium_web_reader_settings_radio[data-disabled] {
+  color: var(--th-theme-disable);
+}
+.thorium_web_reader_settings_radio[data-hovered] {
+  background-color: var(--th-theme-hover);
+}
+.thorium_web_reader_settings_radio[data-focus-visible] {
+  outline: 2px solid var(--th-theme-focus);
+}
+.thorium_web_reader_settings_radio svg {
+  width: var(--th-icon-size, 32px);
+  height: var(--th-icon-size, 32px);
+  fill: currentColor;
+}
+.thorium_web_reader_settings_themesWrapper {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-auto-flow: row;
+  max-width: 100%;
+  gap: calc(var(--th-layout-spacing) / 2);
+}
+.thorium_web_reader_settings_themeRadio {
+  padding-block: calc(var(--th-layout-spacing) / 4);
+  padding-inline: calc((var(--th-icon-size, 24px) * 5/6) + (var(--th-layout-spacing) / 4));
+  position: relative;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.thorium_web_reader_settings_themeRadio svg {
+  width: calc(var(--th-icon-size, 24px) * 5/6);
+  height: calc(var(--th-icon-size, 24px) * 5/6);
+  position: absolute;
+  inset-inline-end: 5px;
+  inset-block-end: 5px;
+  fill: currentColor;
+}
+.thorium_web_reader_settings_separator {
+  border: none;
+  border-top: 1px solid var(--th-theme-subdue);
+}
+.thorium_web_reader_settings_slider {
+  display: grid;
+  grid-template-areas: "label output" "track track";
+  grid-template-columns: 1fr auto;
+  gap: calc(var(--th-layout-spacing) / 2);
+  color: var(--th-theme-text);
+  flex-direction: column;
+  max-width: min(calc(100% - (var(--th-layout-spacing) / 2)), 80%);
+}
+.thorium_web_reader_settings_sliderLabel {
+  grid-area: label;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
+.thorium_web_reader_settings_sliderOutput {
+  grid-area: output;
+}
+.thorium_web_reader_settings_slider[data-disabled] .thorium_web_reader_settings_sliderLabel,
+.thorium_web_reader_settings_slider[data-disabled] .thorium_web_reader_settings_sliderOutput {
+  color: var(--th-theme-disable);
+}
+.thorium_web_reader_settings_sliderTrack {
+  grid-area: track;
+  position: relative;
+  height: 30px;
+  width: auto;
+  box-sizing: border-box;
+  margin-inline: calc(var(--th-layout-spacing) / 2);
+}
+.thorium_web_reader_settings_sliderTrack::before {
+  content: "";
+  display: block;
+  position: absolute;
+  background: var(--th-theme-subdue);
+  height: 3px;
+  width: 100%;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.thorium_web_reader_settings_sliderThumb {
+  width: 1.25rem;
+  height: 1.25rem;
+  border-radius: 50%;
+  background: var(--th-theme-text);
+  border: 2px solid var(--th-theme-subdue);
+  top: 50%;
+}
+.thorium_web_reader_settings_slider[data-disabled] .thorium_web_reader_settings_sliderThumb {
+  background: var(--th-theme-disable);
+  border: 2px solid var(--th-theme-disable);
+}
+.thorium_web_reader_settings_sliderThumb[data-dragging] {
+  background: var(--th-theme-subdue);
+}
+.thorium_web_reader_settings_sliderThumb[data-focus-visible] {
+  outline: 2px solid var(--th-theme-focus);
+  border: 2px solid var(--th-theme-focus);
+}
+.thorium_web_reader_settings_sliderPlaceholder {
+  color: var(--th-theme-subdue);
+}
+.thorium_web_reader_settings_sliderWithTicks .thorium_web_reader_settings_sliderTrack::before {
+  background:
+    linear-gradient(
+      to right,
+      var(--th-theme-subdue) 0%,
+      var(--th-theme-subdue) 100%) 0 50% / 100% 3px no-repeat,
+    repeating-linear-gradient(
+      to right,
+      var(--th-theme-text) 0%,
+      var(--th-theme-text) 1px,
+      transparent 1px,
+      transparent calc((100% - 2px) / var(--th-slider-ticks, 10))) 0 50% / 100% 15px no-repeat;
+  height: 15px;
+  transform: translateY(-50%);
+  position: relative;
+}
+.thorium_web_reader_settings_sliderWithTicks .thorium_web_reader_settings_sliderTrack::after {
+  content: "";
+  background:
+    linear-gradient(
+      to right,
+      var(--th-theme-subdue) 0%,
+      var(--th-theme-subdue) 3px,
+      transparent 3px,
+      transparent 100%) 0 50% / 100% 20px no-repeat,
+    linear-gradient(
+      to left,
+      var(--th-theme-subdue) 0%,
+      var(--th-theme-subdue) 3px,
+      transparent 3px,
+      transparent 100%) 100% 50% / 100% 20px no-repeat;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  right: 0;
+  height: 20px;
+  transform: translateY(-50%);
+  pointer-events: none;
+}
+.thorium_web_reader_settings_dropdown[data-disabled] {
+  color: var(--th-theme-disable);
+}
+.thorium_web_reader_settings_dropdownButton {
+  margin-top: var(--th-layout-spacing);
+  position: relative;
+  padding-block: calc(var(--th-layout-spacing) / 2);
+  padding-inline: calc(var(--th-layout-spacing) / 2) calc(var(--th-icon-size, 24px) * 6/5);
+  border-radius: var(--th-layout-radius);
+  box-sizing: border-box;
+  border: 1px solid var(--th-theme-subdue);
+  max-width: 100%;
+}
+.thorium_web_reader_settings_dropdownButton[data-focus-visible] {
+  outline: 2px solid var(--th-theme-focus);
+}
+.thorium_web_reader_settings_dropdownButton svg {
+  width: calc(var(--th-icon-size, 24px) * 5/6);
+  height: calc(var(--th-icon-size, 24px) * 5/6);
+  position: absolute;
+  inset-inline-end: calc(var(--th-layout-spacing) / 4);
+  inset-block-start: calc(var(--th-layout-spacing) / 2);
+  fill: currentColor;
+}
+.thorium_web_reader_settings_dropdownPopover {
+  background-color: var(--th-theme-background);
+  color: var(--th-theme-text);
+  padding: calc(var(--th-layout-spacing) / 2);
+  border-radius: var(--th-layout-radius);
+  border: 1px solid var(--th-theme-subdue);
+  filter: drop-shadow(var(--th-theme-elevate));
+  box-sizing: border-box;
+  width: max-content;
+  overflow-y: auto;
+  z-index: 1000000 !important;
+}
+.thorium_web_reader_settings_dropdownListbox {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--th-layout-spacing) / 2);
+}
+.thorium_web_reader_settings_dropdownListboxItem {
+  padding: calc(var(--th-layout-spacing) / 4);
+}
+.thorium_web_reader_settings_dropdownListboxItem[data-selected] {
+  color: var(--th-theme-subdue);
+}
+.thorium_web_reader_settings_dropdownListboxItem[data-focus-visible] {
+  outline: 2px solid var(--th-theme-focus);
+}
+.thorium_web_reader_settings_dropdownListboxItem[data-disabled] {
+  color: var(--th-theme-disable);
+}
+.thorium_web_reader_settings_switch {
+  display: flex;
+  align-items: center;
+  gap: clamp(10px, calc(var(--th-layout-spacing) / 2), 20px);
+  color: var(--th-theme-text);
+  margin: var(--th-layout-spacing) 0;
+}
+.thorium_web_reader_settings_switchIndicator {
+  width: 2rem;
+  height: 1.143rem;
+  border: 2px solid var(--th-theme-subdue);
+  background: var(--th-theme-background);
+  border-radius: 1.143rem;
+  transition: all 200ms;
+  flex-shrink: 0;
+}
+.thorium_web_reader_settings_switchIndicator::before {
+  content: "";
+  display: block;
+  margin: 0.143rem;
+  width: 0.857rem;
+  height: 0.857rem;
+  background: var(--th-theme-subdue);
+  border-radius: 16px;
+  transition: all 200ms;
+}
+.thorium_web_reader_settings_switch[data-selected] .thorium_web_reader_settings_switchIndicator::before {
+  background: var(--th-theme-text);
+  transform: translateX(100%);
+}
+:dir(rtl) .thorium_web_reader_settings_switch[data-selected] .thorium_web_reader_settings_switchIndicator::before {
+  background: var(--th-theme-text);
+  transform: translateX(-100%);
+}
+.thorium_web_reader_settings_switch[data-focus-visible] .thorium_web_reader_settings_switchIndicator {
+  outline: 2px solid var(--th-theme-focus);
+}
+.thorium_web_reader_settings_switch[data-disabled] {
+  color: var(--th-theme-disable);
+}
+.thorium_web_reader_settings_switch[data-disabled] .thorium_web_reader_settings_switchIndicator::before {
+  background: var(--th-theme-disable) !important;
+}
+
+/* src/components/Actions/Toc/assets/styles/thorium-web.toc.module.css */
+.thorium_web_toc_wrapper {
+}
+.thorium_web_toc_search {
+  margin-bottom: var(--th-layout-spacing);
+  display: grid;
+  grid-template-areas: "label label" "input button";
+  grid-template-columns: 1fr auto;
+  align-items: center;
+  width: 100%;
+}
+.thorium_web_toc_searchLabel {
+  grid-area: label;
+  margin-bottom: calc(var(--th-layout-spacing) / 2);
+}
+.thorium_web_toc_searchInput {
+  grid-area: input;
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 100%;
+  display: block;
+  border-radius: var(--th-layout-radius);
+  border: 2px solid var(--th-theme-subdue);
+  padding: calc(var(--th-icon-size, 24px) * (1/4)) calc(var(--th-layout-spacing) / 2);
+}
+.thorium_web_toc_searchInput::-webkit-search-cancel-button,
+.thorium_web_toc_searchInput::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+.thorium_web_toc_searchInput[data-focus-visible] {
+  outline: 2px solid var(--th-theme-focus);
+}
+.thorium_web_toc_searchIcon,
+.thorium_web_toc_clearButton {
+  grid-area: button;
+  margin-inline-start: calc(var(--th-icon-size, 24px) * -1.25);
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.thorium_web_toc_searchIcon svg {
+  fill: var(--th-theme-subdue);
+  width: var(--th-icon-size, 24px);
+  height: var(--th-icon-size, 24px);
+}
+.thorium_web_toc_clearButton svg {
+  fill: var(--th-theme-text);
+  width: var(--th-icon-size, 24px);
+  height: var(--th-icon-size, 24px);
+}
+.thorium_web_toc_searchIcon[hidden],
+.thorium_web_toc_clearButton[data-disabled] {
+  display: none;
+}
+.thorium_web_toc_tree {
+  background: var(--th-theme-background);
+  color: var(--th-theme-text);
+  outline: none;
+  width: 100%;
+  max-height: 100%;
+  box-sizing: border-box;
+}
+.thorium_web_toc_treeItem {
+  display: flex;
+  padding: calc(var(--th-layout-spacing) / 2);
+  padding-inline-start: calc(((var(--tree-item-level) - 1) * var(--th-layout-spacing)) + (var(--th-layout-spacing) / 2));
+  border-radius: var(--th-layout-radius);
+  border: 2px solid transparent;
+  box-sizing: border-box;
+}
+.thorium_web_toc_tree:has(.thorium_web_toc_treeItemButton) .thorium_web_toc_treeItem {
+  padding-inline-start: calc((var(--tree-item-level) * var(--th-layout-spacing)) + (var(--th-layout-spacing) / 2));
+}
+.thorium_web_toc_tree .thorium_web_toc_treeItem:has(.thorium_web_toc_treeItemButton) {
+  padding-inline-start: calc(((var(--tree-item-level) - 1) * var(--th-layout-spacing)));
+}
+.thorium_web_toc_treeItemText {
+  display: flex;
+  flex: 1 1 auto;
+}
+.thorium_web_toc_treeItemTextTitle {
+  text-wrap: balance;
+}
+.thorium_web_toc_treeItemTextPosition {
+  margin-inline-start: auto;
+  padding-inline-start: calc(var(--th-layout-spacing) / 2);
+  color: var(--th-theme-subdue);
+  font-variant-numeric: lining-nums tabular-nums;
+}
+.thorium_web_toc_treeItemButton {
+  align-self: flex-start;
+  width: calc(var(--th-icon-size, 24px) * 5/6);
+  height: calc(var(--th-icon-size, 24px) * 5/6);
+  margin-inline-end: calc(var(--th-layout-spacing) / 2);
+  flex-shrink: 0;
+}
+.thorium_web_toc_treeItem[data-href] {
+  cursor: pointer;
+}
+.thorium_web_toc_treeItem:hover {
+  background-color: var(--th-theme-hover);
+}
+.thorium_web_toc_treeItem[data-focus-visible] {
+  outline: 2px solid var(--th-theme-focus);
+}
+.thorium_web_toc_treeItem[data-disabled] {
+  color: var(--th-theme-disable);
+}
+.thorium_web_toc_treeItem[data-selected] {
+  border: 2px solid var(--th-theme-subdue);
+}
+.thorium_web_toc_treeItemButton svg {
+  flex: none;
+  rotate: 0deg;
+  transition: rotate 200ms;
+  width: 100%;
+  height: 100%;
+  fill: var(--th-theme-text);
+}
+.thorium_web_toc_treeItem[data-expanded] .thorium_web_toc_treeItemButton svg {
+  rotate: 90deg;
+}
+.thorium_web_toc_empty {
+  max-width: 25ch;
+  text-align: start;
+  text-wrap: balance;
+}
+
+/* src/components/assets/styles/thorium-web.reader.app.module.css */
+.thorium_web_reader_app_wrapper {
+  height: 100%;
+  width: 100%;
+  margin: 0;
+}
+.thorium_web_reader_app_main {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+}
+.thorium_web_reader_app_shell {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+}
+.thorium_web_reader_app_leftDock {
+  height: 100vh;
+  height: 100dvh;
+}
+.thorium_web_reader_app_rightDock {
+  height: 100vh;
+  height: 100dvh;
+}
+.thorium_web_reader_app_bottomBar,
+.thorium_web_reader_app_topBar {
+  box-sizing: border-box;
+  gap: 2px;
+  touch-action: manipulation;
+  background-color: var(--th-theme-background);
+}
+.thorium_web_reader_app_bottomBar {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.thorium_web_reader_app_main .thorium_web_stackedUI {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 0;
+  height: 100vh;
+  height: 100dvh;
+  max-height: 100%;
+  background-color: var(--th-theme-background);
+}
+.thorium_web_stackedUI .thorium_web_reader_app_topBar,
+.thorium_web_stackedUI .thorium_web_reader_app_bottomBar {
+  flex: 0 0 calc(var(--th-icon-size, 24px) * 2.5);
+  height: calc(var(--th-icon-size, 24px) * 2.5);
+}
+.thorium_web_stackedUI.thorium_web_isImmersive:not(.thorium_web_isHovering) .thorium_web_reader_app_topBar,
+.thorium_web_stackedUI.thorium_web_isImmersive:not(.thorium_web_isHovering) .thorium_web_reader_app_bottomBar {
+  opacity: var(--th-theme-immerse);
+}
+.thorium_web_reader_app_main .thorium_web_layeredUI {
+  position: relative;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 100vh;
+  height: 100dvh;
+  max-height: 100%;
+  background-color: var(--th-theme-background);
+}
+.thorium_web_layeredUI .thorium_web_reader_app_topBar,
+.thorium_web_layeredUI .thorium_web_reader_app_bottomBar {
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: calc(var(--th-icon-size, 24px) * 2.5);
+  z-index: 2;
+  box-shadow: var(--th-theme-elevate);
+  overflow: hidden;
+  transition-property: transform, box-shadow;
+  transition-duration: 200ms;
+  transition-timing-function: ease-in-out;
+  transform: translateY(0);
+}
+.thorium_web_layeredUI .thorium_web_reader_app_topBar {
+  top: 0;
+}
+.thorium_web_layeredUI .thorium_web_reader_app_bottomBar {
+  bottom: 0;
+}
+.thorium_web_layeredUI.thorium_web_isImmersive:not(.thorium_web_isHovering) .thorium_web_reader_app_topBar {
+  transform: translateY(calc(var(--th-icon-size, 24px) * -2.5));
+  box-shadow: none;
+  overflow: unset;
+}
+.thorium_web_layeredUI.thorium_web_isImmersive:not(.thorium_web_isHovering) .thorium_web_reader_app_bottomBar {
+  transform: translateY(calc(var(--th-icon-size, 24px) * 2.5));
+  box-shadow: none;
+}
+.thorium_web_reader_app_barOverlay {
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: calc(var(--th-icon-size, 24px) * 2.5);
+  pointer-events: auto;
+  opacity: 0;
+  z-index: 1000;
+}
+.thorium_web_reader_app_headerOverlay {
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: calc(var(--th-icon-size, 24px) * 2.5);
+  pointer-events: auto;
+  opacity: 0;
+  z-index: 1000;
+  top: 0;
+}
+.thorium_web_reader_app_footerOverlay {
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: calc(var(--th-icon-size, 24px) * 2.5);
+  pointer-events: auto;
+  opacity: 0;
+  z-index: 1000;
+  bottom: 0;
+}
+.thorium_web_reader_app_iframeContainer {
+  contain: content;
+  width: 100%;
+  height: 100%;
+  margin: 0 auto;
+}
+.thorium_web_reader_app_iframeContainer .readium-navigator-iframe {
+  width: 100%;
+  height: 100%;
+  border-width: 0;
+}
+@keyframes thorium_web_reader_app_loading {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.thorium_web_reader_app_iframeContainer div:has(> .readium-navigator-iframe.blank)::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin-top: -30px;
+  margin-left: -30px;
+  width: 50px;
+  height: 50px;
+  border-radius: 50px;
+  border: 5px solid grey;
+  border-top-color: black;
+  animation: thorium_web_reader_app_loading 2s linear infinite;
+}
+.thorium_web_reader_app_srOnly {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+/* src/components/assets/styles/thorium-web.reader.paginatedArrow.module.css */
+.thorium_web_reader_paginatedArrow_container {
+  position: absolute;
+  z-index: 2;
+}
+.thorium_web_reader_paginatedArrow_leftContainer {
+  top: 50vh;
+  top: 50dvh;
+  transform: translateY(-50%);
+  left: 0;
+}
+.thorium_web_reader_paginatedArrow_leftContainer button {
+  margin-left: var(--th-arrow-offset, 0);
+}
+.thorium_web_reader_paginatedArrow_rightContainer {
+  top: 50vh;
+  top: 50dvh;
+  transform: translateY(-50%);
+  right: 0;
+}
+.thorium_web_reader_paginatedArrow_rightContainer button {
+  margin-right: var(--th-arrow-offset, 0);
+}
+.thorium_web_reader_paginatedArrow_container button {
+  width: var(--th-arrow-size, 40px);
+  height: 40vh;
+  height: 40dvh;
+  border-radius: var(--th-layout-radius);
+  pointer-events: auto;
+  box-sizing: border-box;
+  padding: 5px;
+  background-color: var(--th-theme-background);
+  border: 1px solid var(--th-theme-text);
+}
+.thorium_web_reader_paginatedArrow_container .thorium_web_reader_paginatedArrow_occupiesSpace {
+  background-color: transparent;
+  border: none;
+}
+.thorium_web_reader_paginatedArrow_container button[data-disabled] {
+  pointer-events: none;
+}
+.thorium_web_reader_paginatedArrow_container button[data-hovered] {
+  opacity: 1;
+  transition: all 200ms;
+}
+.thorium_web_reader_paginatedArrow_container .thorium_web_reader_paginatedArrow_visuallyHidden {
+  opacity: 0;
+}
+.thorium_web_reader_paginatedArrow_container button[data-focused] {
+  outline: 2px solid var(--th-theme-focus);
+  opacity: 1;
+}
+.thorium_web_reader_paginatedArrow_container button[data-disabled] {
+  opacity: 0;
+}
+@media (hover: hover) and (pointer: fine) {
+  .thorium_web_reader_paginatedArrow_container button:not([data-disabled])[data-hovered] {
+    opacity: 1;
+    transition: all 200ms;
+  }
+}
+.thorium_web_reader_paginatedArrow_container button svg {
+  fill: var(--th-theme-text);
+  stroke: var(--th-theme-text);
+  width: 100%;
+  height: 100%;
+}
+
+/* src/components/assets/styles/thorium-web.reader.header.module.css */
+.thorium_web_reader_header_header {
+  box-sizing: border-box;
+  display: grid;
+  grid-template-areas: "header-start header-center header-end";
+  grid-template-columns: 1fr 3fr 1fr;
+  padding: 0.25rem 0.5rem 0;
+}
+.thorium_web_reader_header_backlinkWrapper {
+  grid-area: header-start;
+  justify-self: start;
+  align-self: center;
+}
+.thorium_web_reader_header_header h1 {
+  font-size: 1rem;
+  color: var(--th-theme-text);
+  font-weight: normal;
+  grid-area: header-center;
+  justify-self: center;
+  align-self: center;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  transition: opacity 200ms ease-in-out;
+}
+.thorium_web_reader_header_actionsWrapper {
+  grid-area: header-end;
+  justify-self: end;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+
+/* src/components/assets/styles/thorium-web.backlink.module.css */
+.thorium_web_backlink_link {
+  display: block;
+  box-sizing: content-box;
+  padding: calc(var(--th-icon-size, 24px) * (1/4));
+  text-align: start;
+  border-radius: var(--th-layout-radius);
+  max-width: 100%;
+  height: var(--th-icon-size, 24px);
+}
+.thorium_web_backlink_link svg {
+  fill: var(--th-theme-text);
+  max-width: 100%;
+  height: 100%;
+}
+.thorium_web_backlink_link img {
+  max-width: 100%;
+  height: 100%;
+}
+.thorium_web_backlink_link[data-hovered] {
+  background-color: var(--th-theme-hover);
+}
+.thorium_web_backlink_link[data-focus-visible] {
+  outline: 2px solid var(--th-theme-focus);
+}
+.thorium_web_backlink_link[data-disabled] {
+  color: var(--th-theme-disable);
+}
+.thorium_web_backlink_link[data-disabled] svg {
+  fill: var(--th-theme-disable);
+}
+
+/* src/components/assets/styles/thorium-web.reader.pagination.module.css */
+.thorium_web_reader_pagination_wrapper {
+  box-sizing: border-box;
+  display: grid;
+  gap: calc(var(--th-layout-spacing) / 2);
+  grid-template-areas: "pagination-start pagination-center pagination-end";
+  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
+  background-color: var(--th-theme-background);
+  color: var(--th-theme-text);
+  align-items: center;
+  width: 100%;
+  max-width: var(--th-layout-constraints-pagination, 100%);
+}
+.thorium_web_reader_pagination_listItem {
+  box-sizing: border-box;
+  list-style: none;
+}
+.thorium_web_reader_pagination_listItem:has(.thorium_web_reader_pagination_previousButton) {
+  grid-area: pagination-start;
+  justify-self: start;
+}
+.thorium_web_reader_pagination_listItem:has(.thorium_web_reader_pagination_progression) {
+  grid-area: pagination-center;
+  justify-self: center;
+}
+.thorium_web_reader_pagination_listItem:has(.thorium_web_reader_pagination_nextButton) {
+  grid-area: pagination-end;
+  justify-self: end;
+}
+.thorium_web_reader_pagination_listItem button {
+  box-sizing: border-box;
+  padding: calc(var(--th-icon-size, 24px) * (1/4)) calc(var(--th-layout-spacing) / 2);
+  gap: calc(var(--th-layout-spacing) / 2);
+  max-height: calc(var(--th-icon-size, 24px) * 2);
+  max-width: 100%;
+  border-radius: var(--th-layout-radius);
+  display: flex;
+  align-items: center;
+}
+.thorium_web_reader_pagination_nextButton {
+  margin-inline-start: auto;
+  text-align: end;
+}
+.thorium_web_reader_pagination_listItem button[data-hovered] {
+  background-color: var(--th-theme-hover);
+}
+.thorium_web_reader_pagination_listItem button[data-focus-visible] {
+  outline: 2px solid var(--th-theme-focus);
+}
+.thorium_web_reader_pagination_listItem button[data-disabled] {
+  color: var(--th-theme-disable);
+}
+.thorium_web_reader_pagination_listItem button .thorium_web_reader_pagination_label {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  white-space: normal;
+  -webkit-line-clamp: 1;
+  line-clamp: 1;
+}
+.thorium_web_reader_pagination_listItem button svg {
+  flex: none;
+  width: var(--th-icon-size, 24px);
+  height: var(--th-icon-size, 24px);
+  fill: var(--th-theme-text);
+}
+
+/* src/components/assets/styles/thorium-web.reader.progression.module.css */
+.thorium_web_reader_progression_wrapper {
+  color: var(--th-theme-text);
+  font-variant-numeric: lining-nums tabular-nums;
+  text-align: center;
+}
+/*# sourceMappingURL=index.css.map */