@charset "UTF-8";
/**
 * @licence
 * Copyright (c) 2021, ッツ Reader Authors
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree.
 */
/*
Reboot
Normalization of HTML elements, manually forked from Normalize.css to remove styles targeting irrelevant browsers while applying new styles.
Normalize is licensed MIT. https://github.com/necolas/normalize.css
* Bootstrap v4.0.0-beta (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*
Document
1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
2. Change the default font family in all browsers.
3. Correct the line height in all browsers.
4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so we force a non-overlapping, non-auto-hiding scrollbar to counteract.
6. Change the default tap highlight to be completely transparent in iOS.
*/
*::before,
*::after {
  box-sizing: border-box;
  /* 1 */
}
html {
  line-height: 1.15;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /* 4 */
  -ms-overflow-style: scrollbar;
  /* 5 */
  -webkit-tap-highlight-color: transparent;
  /* 6 */
}
/*
Body
1. Remove the margin in all browsers.
2. As a best practice, apply a default `background-color`.
3. Set an explicit initial text-align value so that we can later use the `inherit` value on things like `<th>` elements.
*/
body {
  margin: 0;
  /* 1 */
  font-size: 1rem;
  font-weight: normal;
  text-align: left;
  /* 3 */
}
[hidden] {
  display: none !important;
}
:root {
  --selection-font-color: #f5f5f5;
  --selection-background-color: #979797;
  --bookmark-color: #979797;
  --font-color: #222222;
  --highlight-shadow-color: rgba(34, 34, 49, 0.3);
  --background-color: #ffffff;
  --scroll-info-font-color: #626262;
  --font-family-sans-serif: "Noto Sans JP", sans-serif;
  --font-family-serif: "Noto Serif JP", serif;
  --book-font-family: var(--font-family-serif);
}
.light-theme {
  --font-color: #222222;
  --background-color: #ffffff;
}
.dark-theme, .gray-theme, .black-theme {
  --font-color: rgba(255, 255, 255, .6);
  --highlight-shadow-color: rgba(240, 240, 241, 0.7);
  --background-color: #121212;
  --selection-font-color: rgba(85, 90, 92, .6);
  --selection-background-color: rgba(212, 217, 220, .8);
  --scroll-info-font-color: rgba(227, 227, 227, .6);
  --bookmark-color: #d4d9dc;
}
.ecru-theme {
  --font-color: #292826;
  --highlight-shadow-color: rgba(41, 40, 53, 0.3);
  --background-color: #f7f6eb;
  --scroll-info-font-color: #6A6967;
}
.water-theme {
  --font-color: #262829;
  --highlight-shadow-color: rgba(38, 40, 56, 0.3);
  --background-color: #dfecf4;
  --scroll-info-font-color: #67696A;
}
.gray-theme {
  --background-color: #23272a;
  --font-color: rgba(227, 227, 227, 0.80);
}
.black-theme {
  --background-color: #000000;
}
html {
  font-size: 16px;
  writing-mode: vertical-rl;
  font-family: var(--font-family-sans-serif);
  line-break: normal;
}
body {
  color: var(--font-color);
  background-color: var(--background-color);
}
.information-overlay {
  position: fixed;
  -webkit-user-select: none;
          user-select: none;
  writing-mode: horizontal-tb;
  color: var(--scroll-info-font-color);
  font-size: 8px;
  z-index: 100;
}
@media screen and (min-height: 725px) {
  .information-overlay {
    font-size: 16px;
  }
}
@media screen and (min-height: 900px) {
  .information-overlay {
    font-size: 24px;
  }
}
.bottom-overlay {
  bottom: 8px;
}
@media screen and (min-height: 725px) {
  .bottom-overlay {
    bottom: 16px;
  }
}
.scroll-information {
  right: 8px;
}
.overlay-cover {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  border: 0 solid var(--background-color);
  pointer-events: none;
}
.bookmark-cover {
  position: absolute;
  pointer-events: none;
  z-index: 200;
  top: 0;
  bottom: 0;
  width: 50px;
  background: var(--bookmark-color);
  opacity: 0.2;
}
.calibre {
  margin: 0;
}

/*# sourceMappingURL=styles.css.map*/