html[data-theme="light"],
html[data-theme="light"] body {
  background: #ffffff !important;
  color: #111111;
  color-scheme: light;
}

html[data-theme="dark"],
html[data-theme="dark"] body {
  background: #101114 !important;
  color: #f4f7fb;
  color-scheme: dark;
}

html[data-theme="light"] #tmpLoading,
html[data-theme="light"] #app,
html[data-theme="light"] .app,
html[data-theme="light"] .tmpContainer,
html[data-theme="light"] .bookContainer,
html[data-theme="light"] .bookStage,
html[data-theme="light"] .zoomBook,
html[data-theme="light"] .loadingOuter {
  background-color: #ffffff !important;
}

html[data-theme="dark"] #tmpLoading,
html[data-theme="dark"] #app,
html[data-theme="dark"] .app,
html[data-theme="dark"] .tmpContainer,
html[data-theme="dark"] .bookContainer,
html[data-theme="dark"] .bookStage,
html[data-theme="dark"] .zoomBook,
html[data-theme="dark"] .loadingOuter {
  background-color: #101114 !important;
}

html[data-theme="light"] .fbTopBar,
html[data-theme="light"] .fbToolBar,
html[data-theme="light"] .extendedBar,
html[data-theme="light"] .catalog_simple_bar,
html[data-theme="light"] .thumbBG,
html[data-theme="light"] .searchBar,
html[data-theme="light"] .preSearch,
html[data-theme="light"] .preSearch input {
  background-color: #ffffff !important;
  color: #111111 !important;
}

html[data-theme="dark"] .fbTopBar,
html[data-theme="dark"] .fbToolBar,
html[data-theme="dark"] .extendedBar,
html[data-theme="dark"] .catalog_simple_bar,
html[data-theme="dark"] .thumbBG,
html[data-theme="dark"] .searchBar,
html[data-theme="dark"] .preSearch,
html[data-theme="dark"] .preSearch input {
  background-color: #17191d !important;
  color: #f4f7fb !important;
}

html[data-theme="light"] .searchBar,
html[data-theme="light"] .preSearch,
html[data-theme="light"] .preSearch input {
  background-color: #eef1f5 !important;
  color: #111827 !important;
}

html[data-theme="dark"] .searchBar,
html[data-theme="dark"] .preSearch,
html[data-theme="dark"] .preSearch input {
  background-color: #2b3038 !important;
  color: #f4f7fb !important;
}

html[data-theme="light"] .searchBar,
html[data-theme="dark"] .searchBar {
  border-radius: 6px;
}

html[data-theme="light"] .bookmark_form,
html[data-theme="light"] .download_form,
html[data-theme="light"] .help_form,
html[data-theme="light"] .print_form,
html[data-theme="light"] .search_form,
html[data-theme="light"] .settingpc_form .item,
html[data-theme="light"] .share_form,
html[data-theme="light"] .tableofcontent_form,
html[data-theme="light"] .thumbnail_win10,
html[data-theme="light"] .videogallery_form,
html[data-theme="light"] .Lightbox .lightbox-content,
html[data-theme="light"] .Lightbox .content {
  background-color: #ffffff !important;
  color: #111111 !important;
}

html[data-theme="dark"] .bookmark_form,
html[data-theme="dark"] .download_form,
html[data-theme="dark"] .help_form,
html[data-theme="dark"] .print_form,
html[data-theme="dark"] .search_form,
html[data-theme="dark"] .settingpc_form .item,
html[data-theme="dark"] .share_form,
html[data-theme="dark"] .tableofcontent_form,
html[data-theme="dark"] .thumbnail_win10,
html[data-theme="dark"] .videogallery_form,
html[data-theme="dark"] .Lightbox .lightbox-content,
html[data-theme="dark"] .Lightbox .content {
  background-color: #17191d !important;
  color: #f4f7fb !important;
}

html[data-theme="light"] .lightbox-bg,
html[data-theme="light"] .appear_win10 {
  background: rgba(255, 255, 255, 0.72) !important;
}

html[data-theme="dark"] .lightbox-bg,
html[data-theme="dark"] .appear_win10 {
  background: rgba(0, 0, 0, 0.72) !important;
}

html[data-theme="light"] .sideContent {
  background-color: #ffffff !important;
}

html[data-theme="light"] .search_form,
html[data-theme="light"] .tableofcontent_form {
  border: 1px solid rgba(17, 24, 39, 0.32) !important;
  outline: 0 !important;
  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.08);
}

html[data-theme="dark"] .search_form,
html[data-theme="dark"] .tableofcontent_form {
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  outline: 0 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

html[data-theme="light"] .search_form,
html[data-theme="light"] .search_form .stage,
html[data-theme="light"] .search_form .swiper,
html[data-theme="light"] .search_form .content,
html[data-theme="light"] .tableofcontent_form,
html[data-theme="light"] .tableofcontent_form .stage,
html[data-theme="light"] .tableofcontent_form .swiper,
html[data-theme="light"] .tableofcontent_form .content,
html[data-theme="light"] .tableofcontent_form .tableofcontentSwiper {
  background-color: #ffffff !important;
  color: #111111 !important;
}

html[data-theme="dark"] .search_form,
html[data-theme="dark"] .search_form .stage,
html[data-theme="dark"] .search_form .swiper,
html[data-theme="dark"] .search_form .content,
html[data-theme="dark"] .tableofcontent_form,
html[data-theme="dark"] .tableofcontent_form .stage,
html[data-theme="dark"] .tableofcontent_form .swiper,
html[data-theme="dark"] .tableofcontent_form .content,
html[data-theme="dark"] .tableofcontent_form .tableofcontentSwiper {
  background-color: #17191d !important;
  color: #f4f7fb !important;
}

html[data-theme="light"] .search_form .input_search,
html[data-theme="light"] .tableofcontent_form .input_search {
  background-color: #f7f8fa !important;
  border: 0 !important;
  color: #111827 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .search_form .input_search,
html[data-theme="dark"] .tableofcontent_form .input_search {
  background-color: #22252b !important;
  border: 0 !important;
  color: #f4f7fb !important;
  box-shadow: none !important;
}

html[data-theme="light"] .search_form .item,
html[data-theme="light"] .search_form .item.on,
html[data-theme="light"] .search_form .item.focus,
html[data-theme="light"] .search_form .item.active,
html[data-theme="light"] .tableofcontent_form .item,
html[data-theme="light"] .tableofcontent_form .item.on,
html[data-theme="light"] .tableofcontent_form .item.focus,
html[data-theme="light"] .tableofcontent_form .item.active,
html[data-theme="light"] .tableofcontent_form .item.open,
html[data-theme="light"] .tableofcontent_form .item.selected,
html[data-theme="light"] .tableofcontent_form .item.expand,
html[data-theme="light"] .tableofcontent_form .item.expanded,
html[data-theme="light"] .tableofcontent_form .children,
html[data-theme="light"] .tableofcontent_form .sub,
html[data-theme="light"] .tableofcontent_form .subList,
html[data-theme="light"] .tableofcontent_form .folder,
html[data-theme="light"] .tableofcontent_form .level,
html[data-theme="light"] .tableofcontent_form li,
html[data-theme="light"] .tableofcontent_form ul {
  background: transparent !important;
  color: #111111 !important;
}

html[data-theme="dark"] .search_form .item,
html[data-theme="dark"] .search_form .item.on,
html[data-theme="dark"] .search_form .item.focus,
html[data-theme="dark"] .search_form .item.active,
html[data-theme="dark"] .tableofcontent_form .item,
html[data-theme="dark"] .tableofcontent_form .item.on,
html[data-theme="dark"] .tableofcontent_form .item.focus,
html[data-theme="dark"] .tableofcontent_form .item.active,
html[data-theme="dark"] .tableofcontent_form .item.open,
html[data-theme="dark"] .tableofcontent_form .item.selected,
html[data-theme="dark"] .tableofcontent_form .item.expand,
html[data-theme="dark"] .tableofcontent_form .item.expanded,
html[data-theme="dark"] .tableofcontent_form .children,
html[data-theme="dark"] .tableofcontent_form .sub,
html[data-theme="dark"] .tableofcontent_form .subList,
html[data-theme="dark"] .tableofcontent_form .folder,
html[data-theme="dark"] .tableofcontent_form .level,
html[data-theme="dark"] .tableofcontent_form li,
html[data-theme="dark"] .tableofcontent_form ul {
  background: transparent !important;
  color: #f4f7fb !important;
}

html[data-theme="light"] .search_form .item:hover,
html[data-theme="light"] .tableofcontent_form .item:hover {
  background: rgba(17, 24, 39, 0.08) !important;
}

html[data-theme="dark"] .search_form .item:hover,
html[data-theme="dark"] .tableofcontent_form .item:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

html[data-theme="light"] .tableofcontent_form .item.toc-level-4,
html[data-theme="light"] .tableofcontent_form .item.toc-level-4 .description {
  color: #9333ea !important;
}

html[data-theme="dark"] .tableofcontent_form .item.toc-level-4,
html[data-theme="dark"] .tableofcontent_form .item.toc-level-4 .description {
  color: #c084fc !important;
}

html[data-theme="light"] .search_form .searchButton,
html[data-theme="light"] .search_form .nailUp,
html[data-theme="light"] .search_form .close,
html[data-theme="light"] .search_form .button,
html[data-theme="light"] .tableofcontent_form .searchButton,
html[data-theme="light"] .tableofcontent_form .nailUp,
html[data-theme="light"] .tableofcontent_form .close,
html[data-theme="light"] .tableofcontent_form .button {
  background: transparent !important;
  box-shadow: none !important;
  color: #111827 !important;
}

html[data-theme="dark"] .search_form .searchButton,
html[data-theme="dark"] .search_form .nailUp,
html[data-theme="dark"] .search_form .close,
html[data-theme="dark"] .search_form .button,
html[data-theme="dark"] .tableofcontent_form .searchButton,
html[data-theme="dark"] .tableofcontent_form .nailUp,
html[data-theme="dark"] .tableofcontent_form .close,
html[data-theme="dark"] .tableofcontent_form .button {
  background: transparent !important;
  box-shadow: none !important;
  color: #eeeeee !important;
}

html[data-theme="light"] .search_form .searchButton,
html[data-theme="light"] .search_form .close,
html[data-theme="light"] .tableofcontent_form .searchButton,
html[data-theme="light"] .tableofcontent_form .close {
  filter: brightness(0) saturate(100%) opacity(0.72) !important;
  opacity: 1 !important;
}

html[data-theme="light"] .search_form .nailUp,
html[data-theme="light"] .tableofcontent_form .nailUp {
  filter: brightness(0) saturate(100%) opacity(0.5) !important;
  opacity: 1 !important;
}

html[data-theme="light"] .search_form .form_title img,
html[data-theme="light"] .search_form .form_title svg,
html[data-theme="light"] .search_form .title img,
html[data-theme="light"] .search_form .title svg,
html[data-theme="light"] .tableofcontent_form .item .arrow,
html[data-theme="light"] .tableofcontent_form .form_title img,
html[data-theme="light"] .tableofcontent_form .form_title svg,
html[data-theme="light"] .tableofcontent_form .title img,
html[data-theme="light"] .tableofcontent_form .title svg {
  color: #111827 !important;
  filter: brightness(0) saturate(100%) opacity(0.72) !important;
  opacity: 1 !important;
}

html[data-theme="light"] .tableofcontent_form .item .arrow img,
html[data-theme="light"] .tableofcontent_form .item .arrow svg {
  color: #111827 !important;
  filter: brightness(0) saturate(100%) opacity(0.72) !important;
  opacity: 1 !important;
}

html[data-theme="light"] .search_form .searchButton img,
html[data-theme="light"] .search_form .close img,
html[data-theme="light"] .search_form .button img,
html[data-theme="light"] .tableofcontent_form .searchButton img,
html[data-theme="light"] .tableofcontent_form .close img,
html[data-theme="light"] .tableofcontent_form .button img {
  filter: brightness(0) saturate(100%) opacity(0.72) !important;
  opacity: 1 !important;
}

html[data-theme="light"] .search_form .nailUp img,
html[data-theme="light"] .tableofcontent_form .nailUp img {
  filter: brightness(0) saturate(100%) opacity(0.5) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .search_form .searchButton,
html[data-theme="dark"] .search_form .nailUp,
html[data-theme="dark"] .search_form .close,
html[data-theme="dark"] .tableofcontent_form .searchButton,
html[data-theme="dark"] .tableofcontent_form .nailUp,
html[data-theme="dark"] .tableofcontent_form .close {
  filter: brightness(0) saturate(100%) invert(93%) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .search_form .searchButton img,
html[data-theme="dark"] .search_form .nailUp img,
html[data-theme="dark"] .search_form .close img,
html[data-theme="dark"] .search_form .button img,
html[data-theme="dark"] .tableofcontent_form .searchButton img,
html[data-theme="dark"] .tableofcontent_form .nailUp img,
html[data-theme="dark"] .tableofcontent_form .close img,
html[data-theme="dark"] .tableofcontent_form .button img {
  filter: brightness(0) saturate(100%) invert(93%) !important;
  opacity: 1 !important;
}

.search_form,
.search_form input,
.search_form button,
.search_form .searchButton,
.searchBar,
.searchBar input,
.searchBar .button,
.preSearch,
.preSearch input {
  pointer-events: auto !important;
}

html[data-theme="light"] .fbToolBar .button,
html[data-theme="light"] .fbToolBar .button:hover,
html[data-theme="light"] .fbToolBar .button_hover,
html[data-theme="light"] .fbToolBar .button_hover:hover,
html[data-theme="light"] .fbToolBar .button_hover:active,
html[data-theme="light"] .fbToolBar .usable,
html[data-theme="light"] .fbToolBar .disable,
html[data-theme="light"] .pageBar .button,
html[data-theme="light"] .buttonBar .button {
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="light"] .extendedBar .button,
html[data-theme="light"] .extendedBar .button_hover,
html[data-theme="light"] .catalog_simple_bar .button,
html[data-theme="light"] .catalog_simple_bar .button_hover {
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="light"] .fbToolBar .button,
html[data-theme="light"] .buttonBar .button {
  position: relative;
}

html[data-theme="light"] .pageBar .button {
  position: absolute;
}

html[data-theme="light"] .fbToolBar .button::after,
html[data-theme="light"] .pageBar .button::after,
html[data-theme="light"] .buttonBar .button::after,
html[data-theme="light"] .extendedBar .button::after,
html[data-theme="light"] .catalog_simple_bar .button::after {
  content: "";
  position: absolute;
  right: 4px;
  bottom: 0;
  left: 4px;
  height: 2px;
  background: transparent;
  pointer-events: none;
}

html[data-theme="light"] .fbToolBar .button:not(.disable):hover::after,
html[data-theme="light"] .fbToolBar .button_hover:not(.disable):hover::after,
html[data-theme="light"] .fbToolBar .button_hover:not(.disable):active::after,
html[data-theme="light"] .pageBar .button:not(.disable):hover::after,
html[data-theme="light"] .pageBar .button_hover:not(.disable):hover::after,
html[data-theme="light"] .pageBar .button_hover:not(.disable):active::after,
html[data-theme="light"] .buttonBar .button:not(.disable):hover::after,
html[data-theme="light"] .buttonBar .button_hover:not(.disable):hover::after,
html[data-theme="light"] .buttonBar .button_hover:not(.disable):active::after,
html[data-theme="light"] .extendedBar .button:not(.disable):hover::after,
html[data-theme="light"] .extendedBar .button_hover:not(.disable):hover::after,
html[data-theme="light"] .catalog_simple_bar .button:not(.disable):hover::after,
html[data-theme="light"] .catalog_simple_bar .button_hover:not(.disable):hover::after {
  background: rgba(17, 24, 39, 0.72) !important;
}

html[data-theme="light"] .fbToolBar .button img,
html[data-theme="light"] .pageBar .button img,
html[data-theme="light"] .buttonBar .button img {
  filter: brightness(0) saturate(100%) opacity(0.72) !important;
}

html[data-theme="light"] .fbToolBar .disable,
html[data-theme="light"] .fbToolBar .disable img,
html[data-theme="light"] .pageBar .disable,
html[data-theme="light"] .pageBar .disable img {
  opacity: 0.28 !important;
}

html[data-theme="light"] .pageBar .button.disable,
html[data-theme="light"] .pageBar .button.disable img,
html[data-theme="light"] .pageBar .button.right.disable,
html[data-theme="light"] .pageBar .button:last-child.disable {
  opacity: 0.72 !important;
}

html[data-theme="light"] .pageBar .button.right,
html[data-theme="light"] .pageBar .button:last-child,
html[data-theme="light"] .buttonBar.right .button,
html[data-theme="light"] .buttonBar.right .button:last-child,
html[data-theme="light"] .fbToolBar .button.disable,
html[data-theme="light"] .fbToolBar .button:last-child,
html[data-theme="light"] #btnLastPage,
html[data-theme="light"] #lastPage,
html[data-theme="light"] .btnLastPage,
html[data-theme="light"] .lastPage,
html[data-theme="light"] .lastpage,
html[data-theme="light"] [title*="Last"],
html[data-theme="light"] [aria-label*="Last"],
html[data-theme="light"] [name*="Last"] {
  filter: brightness(0) saturate(100%) opacity(0.72) !important;
  opacity: 1 !important;
}

html[data-theme="light"] .pageBar .button.right img,
html[data-theme="light"] .pageBar .button:last-child img,
html[data-theme="light"] .buttonBar.right .button img,
html[data-theme="light"] .buttonBar.right .button:last-child img,
html[data-theme="light"] .fbToolBar .button.disable img,
html[data-theme="light"] .fbToolBar .button:last-child img,
html[data-theme="light"] #btnLastPage img,
html[data-theme="light"] #lastPage img,
html[data-theme="light"] .btnLastPage img,
html[data-theme="light"] .lastPage img,
html[data-theme="light"] .lastpage img,
html[data-theme="light"] [title*="Last"] img,
html[data-theme="light"] [aria-label*="Last"] img,
html[data-theme="light"] [name*="Last"] img {
  filter: brightness(0) saturate(100%) opacity(0.72) !important;
  opacity: 1 !important;
}

html[data-theme="light"] .pageNumber,
html[data-theme="light"] .pageNumber input {
  color: #111827 !important;
}

html[data-theme="light"] .pageNumber input {
  background-color: #ffffff !important;
  border: 1px solid rgba(17, 24, 39, 0.28) !important;
}

html[data-theme="dark"] .sideContent {
  background-color: #ffffff;
}

html[data-theme="dark"] .pageNumber,
html[data-theme="dark"] .pageNumber input {
  color: #ffffff !important;
}

html[data-theme="dark"] .pageNumber input {
  background-color: #20242a !important;
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .fbToolBar .button,
html[data-theme="dark"] .fbToolBar .button:hover,
html[data-theme="dark"] .fbToolBar .button_hover,
html[data-theme="dark"] .fbToolBar .button_hover:hover,
html[data-theme="dark"] .fbToolBar .button_hover:active,
html[data-theme="dark"] .fbToolBar .usable,
html[data-theme="dark"] .fbToolBar .disable {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] .fbToolBar .button img {
  filter: none !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .pageBar .button.right,
html[data-theme="dark"] .pageBar .button:last-child,
html[data-theme="dark"] .buttonBar.right .button,
html[data-theme="dark"] .buttonBar.right .button:last-child,
html[data-theme="dark"] .fbToolBar .button.disable,
html[data-theme="dark"] .fbToolBar .button:last-child,
html[data-theme="dark"] #btnLastPage,
html[data-theme="dark"] #lastPage,
html[data-theme="dark"] .btnLastPage,
html[data-theme="dark"] .lastPage,
html[data-theme="dark"] .lastpage,
html[data-theme="dark"] [title*="Last"],
html[data-theme="dark"] [aria-label*="Last"],
html[data-theme="dark"] [name*="Last"] {
  opacity: 0.95 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #ffffff !important;
  filter: none !important;
}

html[data-theme="dark"] .pageBar .button.right img,
html[data-theme="dark"] .pageBar .button:last-child img,
html[data-theme="dark"] .buttonBar.right .button img,
html[data-theme="dark"] .buttonBar.right .button:last-child img,
html[data-theme="dark"] .fbToolBar .button.disable img,
html[data-theme="dark"] .fbToolBar .button:last-child img,
html[data-theme="dark"] #btnLastPage img,
html[data-theme="dark"] #lastPage img,
html[data-theme="dark"] .btnLastPage img,
html[data-theme="dark"] .lastPage img,
html[data-theme="dark"] .lastpage img,
html[data-theme="dark"] [title*="Last"] img,
html[data-theme="dark"] [aria-label*="Last"] img,
html[data-theme="dark"] [name*="Last"] img {
  filter: brightness(1.35) contrast(1.08) !important;
  opacity: 1 !important;
}

@media (max-width: 768px) {
  html[data-theme="light"] .phoneTopBar,
  html[data-theme="light"] .phoneBottomBar,
  html[data-theme="light"] .fbToolBar,
  html[data-theme="light"] .fbToolBar .buttonBar,
  html[data-theme="light"] .fbToolBar .pageBar,
  html[data-theme="light"] .fbToolBar .extendedBar,
  html[data-theme="light"] .extendedBar {
    background-color: rgba(255, 255, 255, 0.8) !important;
    color: #111111 !important;
  }

  .extendedBar.phone .stage,
  .extendedBar.phone .swiper,
  .extendedBar.phone .item {
    background-color: rgba(17, 24, 39, 0.04) !important;
  }

  html[data-theme="light"] .fbToolBar .button,
  html[data-theme="light"] .fbToolBar .button:hover,
  html[data-theme="light"] .fbToolBar .button_hover,
  html[data-theme="light"] .fbToolBar .button_hover:hover,
  html[data-theme="light"] .fbToolBar .button_hover:active,
  html[data-theme="light"] .fbToolBar .usable,
  html[data-theme="light"] .fbToolBar .disable,
  html[data-theme="light"] .fbToolBar .pageBar .button,
  html[data-theme="light"] .fbToolBar .buttonBar .button,
  html[data-theme="light"] .extendedBar .button,
  html[data-theme="light"] .extendedBar .button:hover,
  html[data-theme="light"] .extendedBar .button_hover,
  html[data-theme="light"] .extendedBar .button_hover:hover {
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-theme="light"] .extendedBar .button *,
  html[data-theme="light"] .extendedBar .button:hover *,
  html[data-theme="light"] .extendedBar .button_hover *,
  html[data-theme="light"] .extendedBar .button_hover:hover *,
  html[data-theme="light"] .extendedBar .svg-box,
  html[data-theme="light"] .extendedBar .icon,
  html[data-theme="light"] .extendedBar .svg {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html[data-theme="light"] .extendedBar .button img,
  html[data-theme="light"] .extendedBar .button svg,
  html[data-theme="light"] .extendedBar .button .svg {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html[data-theme="light"] .fbToolBar .button::after,
  html[data-theme="light"] .fbToolBar .pageBar .button::after,
  html[data-theme="light"] .fbToolBar .buttonBar .button::after,
  html[data-theme="light"] .extendedBar .button::after {
    display: none !important;
  }

  html[data-theme="light"] .fbToolBar .button img,
  html[data-theme="light"] .fbToolBar .pageBar .button img,
  html[data-theme="light"] .fbToolBar .buttonBar .button img,
  html[data-theme="light"] .extendedBar .button img {
    filter: brightness(0) saturate(100%) opacity(0.72) !important;
  }

  html[data-theme="light"] .phoneTopBar .button,
  html[data-theme="light"] .phoneBottomBar .button,
  html[data-theme="light"] .phoneTopBar .button span,
  html[data-theme="light"] .phoneBottomBar .button span,
  html[data-theme="light"] .phoneTopBar .button svg,
  html[data-theme="light"] .phoneBottomBar .button svg,
  html[data-theme="light"] .phoneTopBar .button .svg,
  html[data-theme="light"] .phoneBottomBar .button .svg {
    color: #111111 !important;
    fill: #111111 !important;
  }

  html[data-theme="light"] .phoneTopBar .button path,
  html[data-theme="light"] .phoneTopBar .button rect,
  html[data-theme="light"] .phoneBottomBar .button path,
  html[data-theme="light"] .phoneBottomBar .button rect {
    fill: #111111 !important;
  }

  html[data-theme="light"] .phoneTopBar .button g[id="进度"] circle,
  html[data-theme="light"] .phoneBottomBar .button g[id="进度"] circle {
    fill: none !important;
    stroke: #111111 !important;
    stroke-width: 2.5 !important;
  }

  html[data-theme="light"] .fbToolBar .pageBar .button:last-child,
  html[data-theme="light"] .fbToolBar .buttonBar.right .button:last-child,
  html[data-theme="light"] .fbToolBar .lastPage,
  html[data-theme="light"] .fbToolBar .lastpage,
  html[data-theme="light"] #btnLastPage,
  html[data-theme="light"] #lastPage,
  html[data-theme="light"] .btnLastPage,
  html[data-theme="light"] .lastPage,
  html[data-theme="light"] .lastpage,
  html[data-theme="light"] .btn[title*="Last"],
  html[data-theme="light"] [aria-label*="Last"],
  html[data-theme="light"] [name*="Last"] {
    background: transparent !important;
    box-shadow: none !important;
    color: #111111 !important;
    opacity: 1 !important;
    filter: none !important;
  }

  html[data-theme="light"] .fbToolBar .pageBar .button:last-child img,
  html[data-theme="light"] .fbToolBar .buttonBar.right .button:last-child img,
  html[data-theme="light"] .fbToolBar .lastPage img,
  html[data-theme="light"] .fbToolBar .lastpage img,
  html[data-theme="light"] #btnLastPage img,
  html[data-theme="light"] #lastPage img,
  html[data-theme="light"] .btnLastPage img,
  html[data-theme="light"] .lastPage img,
  html[data-theme="light"] .lastpage img,
  html[data-theme="light"] .btn[title*="Last"] img,
  html[data-theme="light"] [aria-label*="Last"] img,
  html[data-theme="light"] [name*="Last"] img,
  html[data-theme="light"] img[src*="lastPage"] {
    filter: brightness(0) saturate(100%) opacity(0.72) !important;
    opacity: 1 !important;
  }

  html[data-theme="light"] .fbToolBar .pageBar .button:last-child svg,
  html[data-theme="light"] .fbToolBar .pageBar .button:last-child .svg,
  html[data-theme="light"] .fbToolBar .buttonBar.right .button:last-child svg,
  html[data-theme="light"] .fbToolBar .buttonBar.right .button:last-child .svg,
  html[data-theme="light"] .fbToolBar .lastPage svg,
  html[data-theme="light"] .fbToolBar .lastPage .svg,
  html[data-theme="light"] .fbToolBar .lastpage svg,
  html[data-theme="light"] .fbToolBar .lastpage .svg,
  html[data-theme="light"] #btnLastPage svg,
  html[data-theme="light"] #btnLastPage .svg,
  html[data-theme="light"] #lastPage svg,
  html[data-theme="light"] #lastPage .svg,
  html[data-theme="light"] .btnLastPage svg,
  html[data-theme="light"] .btnLastPage .svg,
  html[data-theme="light"] .lastPage svg,
  html[data-theme="light"] .lastPage .svg,
  html[data-theme="light"] .lastpage svg,
  html[data-theme="light"] .lastpage .svg,
  html[data-theme="light"] .btn[title*="Last"] svg,
  html[data-theme="light"] .btn[title*="Last"] .svg,
  html[data-theme="light"] [aria-label*="Last"] svg,
  html[data-theme="light"] [aria-label*="Last"] .svg,
  html[data-theme="light"] [name*="Last"] svg,
  html[data-theme="light"] [name*="Last"] .svg {
    color: #111111 !important;
    fill: #111111 !important;
    opacity: 0.72 !important;
  }

  html[data-theme="light"] .fbToolBar .pageBar .button:last-child path,
  html[data-theme="light"] .fbToolBar .pageBar .button:last-child rect,
  html[data-theme="light"] .fbToolBar .buttonBar.right .button:last-child path,
  html[data-theme="light"] .fbToolBar .buttonBar.right .button:last-child rect,
  html[data-theme="light"] .fbToolBar .lastPage path,
  html[data-theme="light"] .fbToolBar .lastPage rect,
  html[data-theme="light"] .fbToolBar .lastpage path,
  html[data-theme="light"] .fbToolBar .lastpage rect,
  html[data-theme="light"] #btnLastPage path,
  html[data-theme="light"] #btnLastPage rect,
  html[data-theme="light"] #lastPage path,
  html[data-theme="light"] #lastPage rect,
  html[data-theme="light"] .btnLastPage path,
  html[data-theme="light"] .btnLastPage rect,
  html[data-theme="light"] .lastPage path,
  html[data-theme="light"] .lastPage rect,
  html[data-theme="light"] .lastpage path,
  html[data-theme="light"] .lastpage rect,
  html[data-theme="light"] .btn[title*="Last"] path,
  html[data-theme="light"] .btn[title*="Last"] rect,
  html[data-theme="light"] [aria-label*="Last"] path,
  html[data-theme="light"] [aria-label*="Last"] rect,
  html[data-theme="light"] [name*="Last"] path,
  html[data-theme="light"] [name*="Last"] rect {
    fill: #111111 !important;
    opacity: 0.72 !important;
  }

  html[data-theme="light"] .extendedBar .button span {
    color: #111111 !important;
  }

  html[data-theme="light"] .fbToolBar .pageNumber,
  html[data-theme="light"] .fbToolBar .pageNumber input {
    color: #4a4a4a !important;
  }

  html[data-theme="light"] .fbToolBar .pageNumber input {
    background-color: #eeeeee !important;
    border: 0 !important;
    border-radius: 14px;
    box-shadow: none !important;
    text-shadow: none !important;
  }
}

html[data-theme="light"] .phoneTopBar,
html[data-theme="light"] .phoneBottomBar {
  background: rgba(255, 255, 255, 0.8) !important;
  background-color: rgba(255, 255, 255, 0.8) !important;
  color: #111111 !important;
}

html[data-theme="light"] .phoneGotoPageContent {
  background: transparent !important;
  background-color: transparent !important;
}

html[data-theme="light"] #menu > #background {
  background: rgba(255, 255, 255, 0.58) !important;
  background-color: rgba(255, 255, 255, 0.58) !important;
}

html[data-theme="light"] #menu > div[style*="height: 4px"][style*="background"],
html[data-theme="light"] #menu > div[style*="height:4px"][style*="background"],
html[data-theme="light"] #menu > div[style*="height: 4px"][style*="background-color"],
html[data-theme="light"] #menu > div[style*="height:4px"][style*="background-color"] {
  background: rgba(17, 17, 17, 0.42) !important;
  background-color: rgba(17, 17, 17, 0.42) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html[data-theme="light"] #menu > div[style*="height: 4px"][style*="background"] > div[style*="height: 4px"],
html[data-theme="light"] #menu > div[style*="height: 4px"][style*="background"] > div[style*="height:4px"],
html[data-theme="light"] #menu > div[style*="height:4px"][style*="background"] > div[style*="height: 4px"],
html[data-theme="light"] #menu > div[style*="height:4px"][style*="background"] > div[style*="height:4px"],
html[data-theme="light"] #menu > div[style*="height: 4px"][style*="background-color"] > div[style*="height: 4px"],
html[data-theme="light"] #menu > div[style*="height: 4px"][style*="background-color"] > div[style*="height:4px"],
html[data-theme="light"] #menu > div[style*="height:4px"][style*="background-color"] > div[style*="height: 4px"],
html[data-theme="light"] #menu > div[style*="height:4px"][style*="background-color"] > div[style*="height:4px"] {
  background: rgba(17, 17, 17, 0.62) !important;
  background-color: rgba(17, 17, 17, 0.62) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html[data-theme="light"] #menu > div[style*="border-radius: 50%"][style*="background"],
html[data-theme="light"] #menu > div[style*="border-radius:50%"][style*="background"],
html[data-theme="light"] #menu > div[style*="border-radius: 50%"][style*="background-color"],
html[data-theme="light"] #menu > div[style*="border-radius:50%"][style*="background-color"] {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html[data-theme="light"] .phoneGotoPageContent .btn {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  color: #111111 !important;
}

.phoneGotoPageContent .btn,
.phoneGotoPageContent .btn:hover,
.phoneGotoPageContent .btn:focus,
.phoneGotoPageContent .btn:focus-visible,
.phoneGotoPageContent .btn:active {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.phoneGotoPageContent .btn .svg-box,
.phoneGotoPageContent .btn img,
.phoneGotoPageContent .btn svg {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html[data-theme="light"] .phoneGotoPageContent .btn :is(.svg-box, svg, .svg, path, rect, line, circle, .st0) {
  color: #111111 !important;
  fill: #111111 !important;
}

html[data-theme="light"] .extendedBar.phone,
html[data-theme="light"] .extendedBar.phone .stage,
html[data-theme="light"] .extendedBar.phone .swiper,
html[data-theme="light"] .extendedBar.phone .item {
  background: #f3f4f6 !important;
  background-color: #f3f4f6 !important;
  color: #111111 !important;
}

html[data-theme="light"] .extendedBar.phone .cancel {
  background: #e5e7eb !important;
  background-color: #e5e7eb !important;
  color: #111111 !important;
}

html[data-theme="light"] .extendedBar.phone .button,
html[data-theme="light"] .extendedBar.phone .button span,
html[data-theme="light"] .extendedBar.phone .cancel,
html[data-theme="light"] .extendedBar.phone .cancel span {
  color: #111111 !important;
  text-decoration: none !important;
}

.extendedBar.phone .button,
.extendedBar.phone .button:hover,
.extendedBar.phone .button:focus,
.extendedBar.phone .button:active,
.extendedBar.phone .button span,
.extendedBar.phone .button:hover span,
.extendedBar.phone .button:focus span,
.extendedBar.phone .button:active span {
  text-decoration: none !important;
}

.extendedBar.phone .button::after,
.extendedBar.phone .button:hover::after,
.extendedBar.phone .button:focus::after,
.extendedBar.phone .button:active::after,
.extendedBar.phone .button:after,
.extendedBar.phone .button:hover:after,
.extendedBar.phone .button:focus:after,
.extendedBar.phone .button:active:after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

html[data-theme="light"] .extendedBar.phone .button img {
  filter: brightness(0) saturate(100%) opacity(0.72) !important;
}

html[data-theme="light"] .extendedBar.phone .button .icon,
html[data-theme="light"] .extendedBar.phone .button .svg-box,
html[data-theme="light"] .extendedBar.phone .button svg,
html[data-theme="light"] .extendedBar.phone .button .svg {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  color: #111111 !important;
}

html[data-theme="light"] .extendedBar.phone .button svg,
html[data-theme="light"] .extendedBar.phone .button .svg {
  filter: brightness(0) saturate(100%) opacity(0.88) !important;
}

html[data-theme="light"] .extendedBar.phone .button :is(path, rect, circle, line) {
  stroke-width: inherit;
}

html[data-theme="light"] .extendedBar.phone .arrow {
  background: #f3f4f6 !important;
  background-color: #f3f4f6 !important;
  color: #111111 !important;
}

html[data-theme="light"] .extendedBar.phone .arrow img {
  filter: brightness(0) saturate(100%) opacity(0.72) !important;
}

html[data-theme="light"] .extendedBar.phone .arrow svg,
html[data-theme="light"] .extendedBar.phone .arrow .svg,
html[data-theme="light"] .extendedBar.phone .arrow path,
html[data-theme="light"] .extendedBar.phone .arrow rect,
html[data-theme="light"] .extendedBar.phone .arrow line {
  color: #111111 !important;
  fill: #111111 !important;
  stroke: #111111 !important;
}

html[data-theme="light"] .phoneTopBar .button,
html[data-theme="light"] .phoneBottomBar .button,
html[data-theme="light"] .phoneTopBar .button span,
html[data-theme="light"] .phoneBottomBar .button span,
html[data-theme="light"] .phoneTopBar .button svg,
html[data-theme="light"] .phoneBottomBar .button svg,
html[data-theme="light"] .phoneTopBar .button .svg,
html[data-theme="light"] .phoneBottomBar .button .svg {
  color: #111111 !important;
  fill: #111111 !important;
}

html[data-theme="light"] .phoneTopBar .button path,
html[data-theme="light"] .phoneTopBar .button rect,
html[data-theme="light"] .phoneBottomBar .button path,
html[data-theme="light"] .phoneBottomBar .button rect {
  fill: #111111 !important;
}

html[data-theme="light"] .phoneTopBar .button g[id="进度"] circle,
html[data-theme="light"] .phoneBottomBar .button g[id="进度"] circle {
  fill: none !important;
  stroke: #111111 !important;
  stroke-width: 2.5 !important;
}

html[data-theme="light"] .phoneTopBar .button g[id="进度"] line,
html[data-theme="light"] .phoneBottomBar .button g[id="进度"] line {
  stroke: #111111 !important;
}

html[data-theme="light"] .phoneGotoPageContent .btn[title*="Last"] {
  background: transparent !important;
  box-shadow: none !important;
  color: #111111 !important;
  opacity: 1 !important;
}

html[data-theme="light"] .phoneGotoPageContent .btn[title*="Last"] img {
  filter: brightness(0) invert(1) opacity(0.92) !important;
  opacity: 1 !important;
}

html[data-theme="light"] .phoneGotoPageContent .btn[title*="Last"] :is(.svg-box, svg, .svg, path, rect, line, circle, .st0) {
  color: #111111 !important;
  fill: #111111 !important;
  opacity: 1 !important;
}

html[data-theme="light"] .search_form_phone.phone,
html[data-theme="light"] .tableofcontent_form_phone.phone,
html[data-theme="light"] .thumbnail_form_phone.phone {
  background-color: #ffffff !important;
  color: #111111 !important;
  border: 1px solid rgba(17, 24, 39, 0.32) !important;
  outline: 0 !important;
  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.08);
}

html[data-theme="dark"] .search_form_phone.phone,
html[data-theme="dark"] .tableofcontent_form_phone.phone,
html[data-theme="dark"] .thumbnail_form_phone.phone {
  background-color: #17191d !important;
  color: #f4f7fb !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  outline: 0 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

html[data-theme="light"] .search_form_phone.phone .stage,
html[data-theme="light"] .search_form_phone.phone .swiper,
html[data-theme="light"] .search_form_phone.phone .content,
html[data-theme="light"] .tableofcontent_form_phone.phone .stage,
html[data-theme="light"] .tableofcontent_form_phone.phone .swiper,
html[data-theme="light"] .tableofcontent_form_phone.phone .content,
html[data-theme="light"] .tableofcontent_form_phone.phone .tableofcontentSwiper,
html[data-theme="light"] .thumbnail_form_phone.phone .stage,
html[data-theme="light"] .thumbnail_form_phone.phone .swiper,
html[data-theme="light"] .thumbnail_form_phone.phone .content {
  background-color: #ffffff !important;
  color: #111111 !important;
}

html[data-theme="dark"] .search_form_phone.phone .stage,
html[data-theme="dark"] .search_form_phone.phone .swiper,
html[data-theme="dark"] .search_form_phone.phone .content,
html[data-theme="dark"] .tableofcontent_form_phone.phone .stage,
html[data-theme="dark"] .tableofcontent_form_phone.phone .swiper,
html[data-theme="dark"] .tableofcontent_form_phone.phone .content,
html[data-theme="dark"] .tableofcontent_form_phone.phone .tableofcontentSwiper,
html[data-theme="dark"] .thumbnail_form_phone.phone .stage,
html[data-theme="dark"] .thumbnail_form_phone.phone .swiper,
html[data-theme="dark"] .thumbnail_form_phone.phone .content {
  background-color: #17191d !important;
  color: #f4f7fb !important;
}

html[data-theme="light"] .search_form_phone.phone .input_search,
html[data-theme="light"] .tableofcontent_form_phone.phone .input_search,
html[data-theme="light"] .thumbnail_form_phone.phone .input_search {
  background-color: #f7f8fa !important;
  border: 0 !important;
  color: #111827 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .search_form_phone.phone .input_search,
html[data-theme="dark"] .tableofcontent_form_phone.phone .input_search,
html[data-theme="dark"] .thumbnail_form_phone.phone .input_search {
  background-color: #22252b !important;
  border: 0 !important;
  color: #f4f7fb !important;
  box-shadow: none !important;
}

html[data-theme="light"] .search_form_phone.phone .result,
html[data-theme="light"] .phoneSearchStage .result {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

html[data-theme="dark"] .search_form_phone.phone .result,
html[data-theme="dark"] .phoneSearchStage .result {
  background: #17191d !important;
  background-color: #17191d !important;
}

html[data-theme="light"] .thumbnail_form_phone.phone .result {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

html[data-theme="dark"] .thumbnail_form_phone.phone .result {
  background: #17191d !important;
  background-color: #17191d !important;
}

html[data-theme="light"] .search_form_phone.phone .item,
html[data-theme="light"] .search_form_phone.phone .item.on,
html[data-theme="light"] .search_form_phone.phone .item.focus,
html[data-theme="light"] .search_form_phone.phone .item.active,
html[data-theme="light"] .tableofcontent_form_phone.phone .item,
html[data-theme="light"] .tableofcontent_form_phone.phone .item[style],
html[data-theme="light"] .tableofcontent_form_phone.phone .item.on,
html[data-theme="light"] .tableofcontent_form_phone.phone .item.focus,
html[data-theme="light"] .tableofcontent_form_phone.phone .item.active,
html[data-theme="light"] .tableofcontent_form_phone.phone .item.open,
html[data-theme="light"] .tableofcontent_form_phone.phone .item.selected,
html[data-theme="light"] .tableofcontent_form_phone.phone .item.expand,
html[data-theme="light"] .tableofcontent_form_phone.phone .item.expanded,
html[data-theme="light"] .tableofcontent_form_phone.phone .item .description {
  background: transparent !important;
  background-color: transparent !important;
  color: #111111 !important;
}

html[data-theme="dark"] .search_form_phone.phone .item,
html[data-theme="dark"] .search_form_phone.phone .item.on,
html[data-theme="dark"] .search_form_phone.phone .item.focus,
html[data-theme="dark"] .search_form_phone.phone .item.active,
html[data-theme="dark"] .tableofcontent_form_phone.phone .item,
html[data-theme="dark"] .tableofcontent_form_phone.phone .item[style],
html[data-theme="dark"] .tableofcontent_form_phone.phone .item.on,
html[data-theme="dark"] .tableofcontent_form_phone.phone .item.focus,
html[data-theme="dark"] .tableofcontent_form_phone.phone .item.active,
html[data-theme="dark"] .tableofcontent_form_phone.phone .item.open,
html[data-theme="dark"] .tableofcontent_form_phone.phone .item.selected,
html[data-theme="dark"] .tableofcontent_form_phone.phone .item.expand,
html[data-theme="dark"] .tableofcontent_form_phone.phone .item.expanded,
html[data-theme="dark"] .tableofcontent_form_phone.phone .item .description {
  background: transparent !important;
  background-color: transparent !important;
  color: #f4f7fb !important;
}

html[data-theme="light"] .thumbnail_form_phone.phone .thumbTitle {
  background: transparent !important;
  background-color: transparent !important;
  color: #111111 !important;
}

html[data-theme="dark"] .thumbnail_form_phone.phone .thumbTitle {
  background: transparent !important;
  background-color: transparent !important;
  color: #f4f7fb !important;
}

html[data-theme="light"] .search_form_phone.phone .item:hover,
html[data-theme="light"] .tableofcontent_form_phone.phone .item:hover,
html[data-theme="light"] .thumbnail_form_phone.phone .item:hover {
  background: rgba(17, 24, 39, 0.08) !important;
}

html[data-theme="dark"] .search_form_phone.phone .item:hover,
html[data-theme="dark"] .tableofcontent_form_phone.phone .item:hover,
html[data-theme="dark"] .thumbnail_form_phone.phone .item:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

html[data-theme="light"] .tableofcontent_form_phone.phone .item.toc-level-4,
html[data-theme="light"] .tableofcontent_form_phone.phone .item.toc-level-4 .description {
  color: #9333ea !important;
}

html[data-theme="dark"] .tableofcontent_form_phone.phone .item.toc-level-4,
html[data-theme="dark"] .tableofcontent_form_phone.phone .item.toc-level-4 .description {
  color: #c084fc !important;
}

html[data-theme="light"] .search_form_phone.phone .searchButton,
html[data-theme="light"] .search_form_phone.phone .close,
html[data-theme="light"] .search_form_phone.phone .button,
html[data-theme="light"] .tableofcontent_form_phone.phone .searchButton,
html[data-theme="light"] .tableofcontent_form_phone.phone .close,
html[data-theme="light"] .tableofcontent_form_phone.phone .button,
html[data-theme="light"] .tableofcontent_form_phone.phone .item .arrow,
html[data-theme="light"] .thumbnail_form_phone.phone .searchButton,
html[data-theme="light"] .thumbnail_form_phone.phone .close,
html[data-theme="light"] .thumbnail_form_phone.phone .button {
  background: transparent !important;
  box-shadow: none !important;
  color: #111827 !important;
  filter: brightness(0) saturate(100%) opacity(0.72) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .search_form_phone.phone .searchButton,
html[data-theme="dark"] .search_form_phone.phone .close,
html[data-theme="dark"] .search_form_phone.phone .button,
html[data-theme="dark"] .tableofcontent_form_phone.phone .searchButton,
html[data-theme="dark"] .tableofcontent_form_phone.phone .close,
html[data-theme="dark"] .tableofcontent_form_phone.phone .button,
html[data-theme="dark"] .tableofcontent_form_phone.phone .item .arrow,
html[data-theme="dark"] .thumbnail_form_phone.phone .searchButton,
html[data-theme="dark"] .thumbnail_form_phone.phone .close,
html[data-theme="dark"] .thumbnail_form_phone.phone .button {
  background: transparent !important;
  box-shadow: none !important;
  color: #eeeeee !important;
  filter: brightness(0) saturate(100%) invert(93%) !important;
  opacity: 1 !important;
}

.ebook-theme-toggle {
  position: fixed;
  top: calc(max(12px, env(safe-area-inset-top)) + 34px);
  right: max(12px, env(safe-area-inset-right));
  z-index: 2147483647;
  width: 96px;
  height: 48px;
  border: 0;
  border-radius: 24px;
  padding: 0;
  background: hsl(48, 90%, 85%);
  box-shadow: 0 0 0 2px hsla(223, 90%, 55%, 0), 0 6px 18px rgba(0, 0, 0, 0.24);
  color: #ffffff;
  cursor: pointer;
  font-family: Arial, Tahoma, sans-serif;
  overflow: hidden;
  appearance: none;
  -webkit-appearance: none;
  -webkit-user-select: none;
  user-select: none;
  transition: background-color 300ms ease-in-out, box-shadow 150ms ease-in-out, transform 300ms ease-in-out;
}

.ebook-theme-toggle[aria-pressed="true"] {
  background: #07162f;
  box-shadow:
    0 0 0 1px rgba(148, 197, 255, 0.42),
    inset 0 0 0 1px rgba(255, 255, 255, 0.08),
    0 6px 18px rgba(0, 0, 0, 0.32);
}

.ebook-theme-toggle-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.ebook-theme-toggle-thumb {
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: hsl(48, 90%, 55%);
  box-shadow: none;
  transform: translateX(0);
  transition: transform 300ms ease-in-out, background-color 300ms ease-in-out;
}

.ebook-theme-toggle[aria-pressed="true"] .ebook-theme-toggle-thumb {
  background: #1557c8;
  transform: translateX(48px);
}

.ebook-theme-icon,
.ebook-theme-icon-part {
  position: absolute;
}

.ebook-theme-icon {
  top: 12px;
  left: 12px;
  z-index: 2;
  width: 24px;
  height: 24px;
  transform: translateX(0);
  transition: transform 300ms ease-in-out;
}

.ebook-theme-toggle[aria-pressed="true"] .ebook-theme-icon {
  transform: translateX(48px);
}

.ebook-theme-icon-part {
  top: calc(50% - 8px);
  left: calc(50% - 8px);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  box-shadow: 6px -6px 0 8px #ffffff inset;
  transform: scale(0.5);
  transition: box-shadow 300ms ease-in-out, opacity 300ms ease-in-out, transform 300ms ease-in-out;
}

.ebook-theme-icon-part ~ .ebook-theme-icon-part {
  top: 50%;
  left: calc(50% - 1px);
  width: 2px;
  height: 4px;
  border-radius: 1px;
  background: #ffffff;
  box-shadow: none;
  transform: rotate(0deg) translateY(8px);
  transform-origin: 50% 0;
}

.ebook-theme-icon-part:nth-child(3) {
  transform: rotate(45deg) translateY(8px);
}

.ebook-theme-icon-part:nth-child(4) {
  transform: rotate(90deg) translateY(8px);
}

.ebook-theme-icon-part:nth-child(5) {
  transform: rotate(135deg) translateY(8px);
}

.ebook-theme-icon-part:nth-child(6) {
  transform: rotate(180deg) translateY(8px);
}

.ebook-theme-icon-part:nth-child(7) {
  transform: rotate(225deg) translateY(8px);
}

.ebook-theme-icon-part:nth-child(8) {
  transform: rotate(270deg) translateY(8px);
}

.ebook-theme-icon-part:nth-child(9) {
  transform: rotate(315deg) translateY(8px);
}

.ebook-theme-toggle[aria-pressed="true"] .ebook-theme-icon-part:nth-child(1) {
  box-shadow: 3px -3px 0 3px #ffffff inset;
  transform: scale(1);
}

.ebook-theme-toggle[aria-pressed="true"] .ebook-theme-icon-part ~ .ebook-theme-icon-part {
  opacity: 0;
}

.ebook-theme-toggle[aria-pressed="true"] .ebook-theme-icon-part:nth-child(2) {
  transform: rotate(45deg) translateY(13px);
}

.ebook-theme-toggle[aria-pressed="true"] .ebook-theme-icon-part:nth-child(3) {
  transform: rotate(90deg) translateY(13px);
}

.ebook-theme-toggle[aria-pressed="true"] .ebook-theme-icon-part:nth-child(4) {
  transform: rotate(135deg) translateY(13px);
}

.ebook-theme-toggle[aria-pressed="true"] .ebook-theme-icon-part:nth-child(5) {
  transform: rotate(180deg) translateY(13px);
}

.ebook-theme-toggle[aria-pressed="true"] .ebook-theme-icon-part:nth-child(6) {
  transform: rotate(225deg) translateY(13px);
}

.ebook-theme-toggle[aria-pressed="true"] .ebook-theme-icon-part:nth-child(7) {
  transform: rotate(270deg) translateY(13px);
}

.ebook-theme-toggle[aria-pressed="true"] .ebook-theme-icon-part:nth-child(8) {
  transform: rotate(315deg) translateY(13px);
}

.ebook-theme-toggle[aria-pressed="true"] .ebook-theme-icon-part:nth-child(9) {
  transform: rotate(360deg) translateY(13px);
}

.ebook-theme-toggle:hover {
  filter: brightness(1.08);
}

.ebook-theme-toggle:focus-visible {
  outline: 3px solid #4c9ffe;
  outline-offset: 2px;
}

html[data-theme="light"] .ebook-theme-toggle {
  color: #111111;
  box-shadow: 0 0 0 2px hsla(223, 90%, 55%, 0), 0 6px 18px rgba(0, 0, 0, 0.18);
}

html[data-theme="dark"] .ebook-theme-toggle {
  color: #ffffff;
}

@media (max-width: 640px) {
  .ebook-theme-toggle {
    width: 80px;
    height: 40px;
    border-radius: 20px;
  }

  .ebook-theme-toggle-thumb {
    width: 32px;
    height: 32px;
  }

  .ebook-theme-toggle[aria-pressed="true"] .ebook-theme-toggle-thumb {
    transform: translateX(40px);
  }

  .ebook-theme-icon {
    top: 8px;
    left: 8px;
  }

  .ebook-theme-toggle[aria-pressed="true"] .ebook-theme-icon {
    transform: translateX(40px);
  }
}