@nypl/web-reader 1.2.1 → 2.0.0

package/dist/types/utils/localstorage.d.ts

@@ -5,6 +5,6 @@ export declare type LSLocationRecord = {
     location: Locator;
     createdAt: number;
 };
-export declare function getLocalStorageLocation(webpubManifestUrl: string): LSLocationRecord | undefined;
+export declare function getLocalStorageLocation(identifier: string): LSLocationRecord | undefined;
 export declare function getLocalStorageSettings(): ReaderSettings | undefined;
-export default function useUpdateLocalStorage(webpubManifestUrl: string | undefined, state: HtmlState): void;
+export default function useUpdateLocalStorage(identifier: string | null, state: HtmlState): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nypl/web-reader",
-  "version": "1.2.1",
+  "version": "2.0.0",
   "license": "MIT",
   "repository": "https://github.com/NYPL-Simplified/web-reader",
   "homepage": "https://github.com/NYPL-Simplified/web-reader",
@@ -78,8 +78,8 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@emotion/jest": "^11.3.0",
-    "@parcel/transformer-typescript-tsc": "^2.0.0-alpha.3",
+    "@emotion/jest": "^11.8.0",
+    "@parcel/transformer-typescript-tsc": "^2.4.1",
     "@storybook/addon-actions": "^6.3.1",
     "@storybook/addon-essentials": "^6.3.1",
     "@storybook/addon-info": "^5.3.21",
@@ -88,21 +88,21 @@
     "@storybook/addons": "^6.3.1",
     "@storybook/react": "^6.3.1",
     "@testing-library/cypress": "^8.0.2",
-    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/jest-dom": "^5.16.3",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.1",
     "@types/debounce": "^1.2.0",
     "@types/http-proxy": "^1.17.7",
     "@types/jest-axe": "^3.5.3",
     "@types/node": "^14.17.10",
-    "@types/react": "^17.0.19",
-    "@types/react-dom": "^17.0.0",
+    "@types/react": "^17.0.43",
+    "@types/react-dom": "^17.0.14",
     "@types/react-pdf": "^5.0.5",
     "@types/react-router-dom": "^5.1.7",
     "@types/rimraf": "^3.0.2",
     "@typescript-eslint/eslint-plugin": "^4.29.2",
     "@typescript-eslint/parser": "^4.29.2",
-    "babel-jest": "^27.0.5",
+    "babel-jest": "^27.5.1",
     "babel-loader": "^8.2.2",
     "cypress": "^9.5.1",
     "debounce": "^1.2.1",
@@ -118,19 +118,19 @@
     "eslint-plugin-react-hooks": "^4.2.0",
     "express": "^4.17.1",
     "husky": "^7.0.2",
-    "jest": "^27.0.5",
-    "jest-axe": "^5.0.1",
-    "jest-watch-typeahead": "^0.5.0",
+    "jest": "^27.5.1",
+    "jest-axe": "^6.0.0",
+    "jest-watch-typeahead": "^1.0.0",
     "lint-staged": "^11.1.2",
-    "parcel": "^2.0.1",
+    "parcel": "^2.4.1",
     "parcel-config-precache-manifest": "^0.0.4",
     "parcel-plugin-static-files-copy": "^2.6.0",
     "parcel-reporter-static-files-copy": "^1.3.0",
     "prettier": "2.2.1",
     "r2-shared-js": "^1.0.49",
-    "react": ">=16",
+    "react": "^17.0.2",
     "react-app-polyfill": "^2.0.0",
-    "react-dom": "*",
+    "react-dom": "^17.0.2",
     "react-is": "^17.0.1",
     "react-router-dom": "^5.2.0",
     "release-it": "^14.11.5",
@@ -138,15 +138,15 @@
     "rimraf": "^3.0.2",
     "size-limit": "^4.9.1",
     "start-server-and-test": "^1.14.0",
-    "ts-jest": "^27.0.3",
+    "ts-jest": "^27.1.4",
     "ts-node": "^10.1.0",
     "tslib": "^2.3.1",
     "typescript": "^4.3.5"
   },
   "dependencies": {
-    "@chakra-ui/react": "1.6.9",
-    "@emotion/react": "^11.4.0",
-    "@emotion/styled": "^11.3.0",
+    "@chakra-ui/react": "^1.8.7",
+    "@emotion/react": "^11.8.2",
+    "@emotion/styled": "^11.8.1",
     "comlink": "^4.3.1",
     "framer-motion": "^4.1.6",
     "node-fetch": "^2.6.1",

package/dist/injectable-html-styles.css

@@ -1,2 +0,0 @@
-@namespace url(http://www.w3.org/1999/xhtml);@namespace epub url(http://www.idpf.org/2007/ops);@namespace m url(http://www.w3.org/1998/Math/MathML/);@namespace svg url(http://www.w3.org/2000/svg);@-ms-viewport{width:device-width}@viewport{width:device-width;zoom:1}:root{--RS__oldStyleTf: "Iowan Old Style", "Sitka Text", Palatino, "Book Antiqua", serif;--RS__modernTf: Athelas, Constantia, Georgia, serif;--RS__sansTf: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--RS__humanistTf: Seravek, Calibri, Roboto, Arial, sans-serif;--RS__monospaceTf: "Andale Mono", Consolas, monospace;--RS__baseFontFamily: var(--RS__oldStyleTf);--RS__lineHeightCompensation: 1;--RS__baseLineHeight: calc( (1em + (2ex - 1ch) - ((1rem - 16px) * .1667)) * var(--RS__lineHeightCompensation) )}html{font-family:var(--RS__baseFontFamily);line-height:1.6;line-height:var(--RS__baseLineHeight);text-rendering:optimizeLegibility}h1,h2,h3{line-height:normal}:lang(ja),:lang(zh),:lang(ko){word-wrap:break-word;-webkit-line-break:strict;-epub-line-break:strict;line-break:strict}math{font-family:"Latin Modern Math","STIX Two Math","XITS Math","STIX Math","Libertinus Math","TeX Gyre Termes Math","TeX Gyre Bonum Math",TeX Gyre Schola,"DejaVu Math TeX Gyre","TeX Gyre Pagella Math","Asana Math","Cambria Math","Lucida Bright Math","Minion Math",STIXGeneral,STIXSizeOneSym,Symbol,Times New Roman,serif}:lang(am){--RS__baseFontFamily: Kefa, Nyala, Roboto, Noto, "Noto Sans Ethiopic", serif;--RS__lineHeightCompensation: 1.167}:lang(ar){--RS__baseFontFamily: "Geeza Pro", "Arabic Typesetting", Roboto, Noto, "Noto Naskh Arabic", "Times New Roman", serif}:lang(bn){--RS__baseFontFamily: "Kohinoor Bangla", "Bangla Sangam MN", Vrinda, Roboto, Noto, "Noto Sans Bengali", sans-serif;--RS__lineHeightCompensation: 1.067}:lang(bo){--RS__baseFontFamily: Kailasa, "Microsoft Himalaya", Roboto, Noto, "Noto Sans Tibetan", sans-serif}:lang(chr){--RS__baseFontFamily: "Plantagenet Cherokee", Roboto, Noto, "Noto Sans Cherokee";--RS__lineHeightCompensation: 1.167}:lang(fa){--RS__baseFontFamily: "Geeza Pro", "Arabic Typesetting", Roboto, Noto, "Noto Naskh Arabic", "Times New Roman", serif}:lang(gu){--RS__baseFontFamily: "Gujarati Sangam MN", "Nirmala UI", Shruti, Roboto, Noto, "Noto Sans Gujarati", sans-serif;--RS__lineHeightCompensation: 1.167}:lang(he){--RS__baseFontFamily: "New Peninim MT", "Arial Hebrew", Gisha, "Times New Roman", Roboto, Noto, "Noto Sans Hebrew" sans-serif;--RS__lineHeightCompensation: 1.1}:lang(hi){--RS__baseFontFamily: "Kohinoor Devanagari", "Devanagari Sangam MN", Kokila, "Nirmala UI", Roboto, Noto, "Noto Sans Devanagari", sans-serif;--RS__lineHeightCompensation: 1.1}:lang(hy){--RS__baseFontFamily: Mshtakan, Sylfaen, Roboto, Noto, "Noto Serif Armenian", serif}:lang(iu){--RS__baseFontFamily: "Euphemia UCAS", Euphemia, Roboto, Noto, "Noto Sans Canadian Aboriginal", sans-serif}:lang(ja){--RS__baseFontFamily: "\6e38\30b4\30b7\30c3\30af\4f53", YuGothic, "\30d2\30e9\30ae\30ce\4e38\30b4", "Hiragino Sans", "Yu Gothic UI", "Meiryo UI", "MS Gothic", Roboto, Noto, "Noto Sans CJK JP", sans-serif;--RS__lineHeightCompensation: 1.167;--RS__serif-ja: "\ff2d\ff33  \ff30\660e\671d", "MS PMincho", "Hiragino Mincho Pro", "\30d2\30e9\30ae\30ce\660e\671d  Pro W3", "\6e38\660e\671d", "YuMincho", "\ff2d\ff33  \660e\671d", "MS Mincho", "Hiragino Mincho ProN", serif;--RS__sans-serif-ja: "\ff2d\ff33  \ff30\30b4\30b7\30c3\30af", "MS PGothic", "Hiragino Kaku Gothic Pro W3", "\30d2\30e9\30ae\30ce\89d2\30b4  Pro W3", "Hiragino Sans GB", "\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af  W3", "\6e38\30b4\30b7\30c3\30af", "YuGothic", "\ff2d\ff33  \30b4\30b7\30c3\30af", "MS Gothic", "Hiragino Sans", sans-serif;--RS__serif-ja-v: "\ff2d\ff33  \660e\671d", "MS Mincho", "Hiragino Mincho Pro", "\30d2\30e9\30ae\30ce\660e\671d  Pro W3", "\6e38\660e\671d", "YuMincho", "\ff2d\ff33  \ff30\660e\671d", "MS PMincho", "Hiragino Mincho ProN", serif;--RS__sans-serif-ja-v: "\ff2d\ff33  \30b4\30b7\30c3\30af", "MS Gothic", "Hiragino Kaku Gothic Pro W3", "\30d2\30e9\30ae\30ce\89d2\30b4  Pro W3", "Hiragino Sans GB", "\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af  W3", "\6e38\30b4\30b7\30c3\30af", "YuGothic", "\ff2d\ff33  \ff30\30b4\30b7\30c3\30af", "MS PGothic", "Hiragino Sans", sans-serif}:lang(km){--RS__baseFontFamily: "Khmer Sangam MN", "Leelawadee UI", "Khmer UI", Roboto, Noto, "Noto Sans Khmer", sans-serif;--RS__lineHeightCompensation: 1.067}:lang(kn){--RS__baseFontFamily: "Kannada Sangam MN", "Nirmala UI", Tunga, Roboto, Noto, "Noto Sans Kannada", sans-serif;--RS__lineHeightCompensation: 1.1}:lang(ko){--RS__baseFontFamily: "Nanum Gothic", "Apple SD Gothic Neo", "Malgun Gothic", Roboto, Noto, "Noto Sans CJK KR", sans-serif;--RS__lineHeightCompensation: 1.167}:lang(lo){--RS__baseFontFamily: "Lao Sangam MN", "Leelawadee UI", "Lao UI", Roboto, Noto, "Noto Sans Lao", sans-serif}:lang(ml){--RS__baseFontFamily: "Malayalam Sangam MN", "Nirmala UI", Kartika, Roboto, Noto, "Noto Sans Malayalam", sans-serif;--RS__lineHeightCompensation: 1.067}:lang(or){--RS__baseFontFamily: "Oriya Sangam MN", "Nirmala UI", Kalinga, Roboto, Noto, "Noto Sans Oriya", sans-serif;--RS__lineHeightCompensation: 1.167}:lang(pa){--RS__baseFontFamily: "Gurmukhi MN", "Nirmala UI", Kartika, Roboto, Noto, "Noto Sans Gurmukhi", sans-serif;--RS__lineHeightCompensation: 1.1}:lang(si){--RS__baseFontFamily: "Sinhala Sangam MN", "Nirmala UI", "Iskoola Pota", Roboto, Noto, "Noto Sans Sinhala", sans-serif;--RS__lineHeightCompensation: 1.167}:lang(ta){--RS__baseFontFamily: "Tamil Sangam MN", "Nirmala UI", Latha, Roboto, Noto, "Noto Sans Tamil", sans-serif;--RS__lineHeightCompensation: 1.067}:lang(te){--RS__baseFontFamily: "Kohinoor Telugu", "Telugu Sangam MN", "Nirmala UI", Gautami, Roboto, Noto, "Noto Sans Telugu", sans-serif}:lang(th){--RS__baseFontFamily: "Thonburi", "Leelawadee UI", "Cordia New", Roboto, Noto, "Noto Sans Thai", sans-serif;--RS__lineHeightCompensation: 1.067}:lang(zh){--RS__baseFontFamily: "\65b9\4f53", "PingFang SC", "\9ed1\4f53", "Heiti SC", "Microsoft JhengHei UI", "Microsoft JhengHei", Roboto, Noto, "Noto Sans CJK SC", sans-serif;--RS__lineHeightCompensation: 1.167}:lang(zh-Hant),:lang(zh-TW){--RS__baseFontFamily: "\65b9\9ad4", "PingFang TC", "\9ed1\9ad4", "Heiti TC", "Microsoft JhengHei UI", "Microsoft JhengHei", Roboto, Noto, "Noto Sans CJK TC", sans-serif;--RS__lineHeightCompensation: 1.167}:lang(zh-HK){--RS__baseFontFamily: "\65b9\9ad4", "PingFang HK", "\65b9\9ad4", "PingFang TC", "\9ed1\9ad4", "Heiti TC", "Microsoft JhengHei UI", "Microsoft JhengHei", Roboto, Noto, "Noto Sans CJK TC", sans-serif;--RS__lineHeightCompensation: 1.167}:root{--RS__backgroundColor: #ffffff;--RS__textColor: #121212;--RS__selectionBackgroundColor: #b4d8fe;--RS__selectionTextColor: inherit}:root{color:var(--RS__textColor)!important;background-color:var(--RS__backgroundColor)!important}::-moz-selection{color:var(--RS__selectionTextColor);background-color:var(--RS__selectionBackgroundColor)}::selection{color:var(--RS__selectionTextColor);background-color:var(--RS__selectionBackgroundColor)}body{widows:2;orphans:2}figcaption,th,td{widows:1;orphans:1}h2,h3,h4,h5,h6,dt,hr,caption{-webkit-column-break-after:avoid;page-break-after:avoid;break-after:avoid}h1,h2,h3,h4,h5,h6,dt,figure,tr{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}body{-webkit-hyphenate-character:"-";-moz-hyphenate-character:"-";-ms-hyphenate-character:"-";hyphenate-character:"-";-webkit-hyphenate-limit-lines:3;-ms-hyphenate-limit-lines:3;hyphenate-limit-lines:3}h1,h2,h3,h4,h5,h6,dt,figcaption,pre,caption,address,center,code,var{-ms-hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-epub-hyphens:none;hyphens:none}body{font-variant-numeric:oldstyle-nums proportional-nums}:lang(ja) body,:lang(zh) body,:lang(ko) body{font-variant-numeric:lining-nums proportional-nums}h1,h2,h3,h4,h5,h6,dt{font-variant-numeric:lining-nums proportional-nums}table{font-variant-numeric:lining-nums tabular-nums}code,var{font-variant-ligatures:none;font-variant-numeric:lining-nums tabular-nums slashed-zero}rt{font-variant-east-asian:ruby}:lang(ar){font-variant-ligatures:common-ligatures}:lang(ko){font-kerning:normal}hr{color:inherit;border-color:currentColor}table,th,td{border-color:currentColor}figure,blockquote{margin:1em 5%}ul,ol{padding-left:5%}dd{margin-left:5%}pre{white-space:pre-wrap;-ms-tab-size:2;-moz-tab-size:2;-webkit-tab-size:2;tab-size:2}abbr[title],acronym[title]{text-decoration:dotted underline}nobr wbr{white-space:normal}ruby>rt,ruby>rp{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*:lang(ja),*:lang(zh),*:lang(ko),:lang(ja) cite,:lang(ja) dfn,:lang(ja) em,:lang(ja) i,:lang(zh) cite,:lang(zh) dfn,:lang(zh) em,:lang(zh) i,:lang(ko) cite,:lang(ko) dfn,:lang(ko) em,:lang(ko) i{font-style:normal}:lang(ja) a,:lang(zh) a,:lang(ko) a{text-decoration:none}:root{--RS__maxMediaWidth: 100%;--RS__maxMediaHeight: 95vh;--RS__boxSizingMedia: border-box;--RS__boxSizingTable: border-box}html{-webkit-line-box-contain:block glyphs replaced}:lang(ja){-webkit-line-box-contain:block inline replaced}a,h1,h2,h3,h4,h5,h6{word-wrap:break-word}div{max-width:var(--RS__maxMediaWidth)}img,svg,audio,video{object-fit:contain;width:auto;height:auto;max-width:var(--RS__maxMediaWidth);max-height:var(--RS__maxMediaHeight)!important;box-sizing:var(--RS__boxSizingMedia);-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}table{max-width:var(--RS__maxMediaWidth);box-sizing:var(--RS__boxSizingTable)}:root{--RS__compFontFamily: var(--RS__baseFontFamily);--RS__codeFontFamily: var(--RS__monospaceTf);--RS__typeScale: 1.125;--RS__baseFontSize: 100%;--RS__flowSpacing: 1.5rem;--RS__paraSpacing: 0;--RS__paraIndent: 1em;--RS__linkColor: #0000ee;--RS__visitedColor: #551a8b;--RS__primaryColor: ;--RS__secondaryColor: }mark{background:yellow}mark.current{background:orange}body{font-size:var(--RS__baseFontSize)}h1,h2,h3,h4,h5,h6{font-family:var(--RS__compFontFamily)}blockquote,figure,p,pre,aside,footer,form,hr{margin-top:var(--RS__flowSpacing);margin-bottom:var(--RS__flowSpacing)}p{margin-top:var(--RS__paraSpacing);margin-bottom:var(--RS__paraSpacing);text-indent:var(--RS__paraIndent)}h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,hr+p{text-indent:0}pre{font-family:var(--RS__codeFontFamily)}code,kbd,samp,tt{font-family:var(--RS__codeFontFamily)}sub,sup{position:relative;font-size:67.5%;line-height:1}sub{bottom:-.2ex}sup{bottom:0}:link{color:var(--RS__linkColor)}:visited{color:var(--RS__visitedColor)}h1{margin-top:calc(var(--RS__flowSpacing) * 2);margin-bottom:calc(var(--RS__flowSpacing) * 2);font-size:calc(((1em * var(--RS__typeScale)) * var(--RS__typeScale)) * var(--RS__typeScale))}h2{margin-top:calc(var(--RS__flowSpacing) * 2);margin-bottom:var(--RS__flowSpacing);font-size:calc((1em * var(--RS__typeScale)) * var(--RS__typeScale))}h3{margin-top:var(--RS__flowSpacing);margin-bottom:var(--RS__flowSpacing);font-size:calc(1em * var(--RS__typeScale))}h4{margin-top:var(--RS__flowSpacing);margin-bottom:var(--RS__flowSpacing);font-size:1em}h5{margin-top:var(--RS__flowSpacing);margin-bottom:var(--RS__flowSpacing);font-size:1em;font-variant:small-caps}h6{margin-top:var(--RS__flowSpacing);margin-bottom:0;font-size:1em;text-transform:lowercase;font-variant:small-caps}dl,ol,ul{margin-top:var(--RS__flowSpacing);margin-bottom:var(--RS__flowSpacing)}table{margin:var(--RS__flowSpacing) 0;border:1px solid currentColor;border-collapse:collapse;empty-cells:show}thead,tbody,tfoot,table>tr{vertical-align:top}th{text-align:left}th,td{padding:4px;border:1px solid currentColor}:root{--RS__colWidth: 45em;--RS__colCount: 1;--RS__colGap: 0;--RS__maxLineLength: 40rem;--RS__pageGutter: 20px}@page{margin:0!important}:root{position:relative;-webkit-column-width:var(--RS__colWidth);-moz-column-width:var(--RS__colWidth);column-width:var(--RS__colWidth);-webkit-column-count:var(--RS__colCount);-moz-column-count:var(--RS__colCount);column-count:var(--RS__colCount);-webkit-column-gap:var(--RS__colGap);-moz-column-gap:var(--RS__colGap);column-gap:var(--RS__colGap);-moz-column-fill:auto;column-fill:auto;width:100%;height:100vh;max-width:100%;max-height:100vh;min-width:100%;min-height:100vh;padding:0!important;margin:0!important;font-size:100%!important;-webkit-text-size-adjust:100%;box-sizing:border-box;-webkit-perspective:1;-webkit-touch-callout:none}body{width:100%;max-width:var(--RS__maxLineLength)!important;padding:0 var(--RS__pageGutter)!important;margin:0 auto!important;box-sizing:border-box}@media screen and (min-width: 35em){:root{--RS__pageGutter: 30px}}@media screen and (min-width: 45em){:root{--RS__pageGutter: 40px}}@media screen and (min-width: 75em){:root{--RS__pageGutter: 50px}}@media screen and (min-width: 60em),screen and (min-device-width: 36em) and (max-device-width: 47em) and (orientation: landscape){:root{--RS__colWidth: 20em;--RS__colCount: 2;--RS__maxLineLength: 39.99rem}}:root[style*=readium-scroll-on]{-webkit-columns:auto auto!important;-moz-columns:auto auto!important;columns:auto auto!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important}:root[style*=readium-scroll-on] body{--RS__maxLineLength: 40rem !important;margin-top:var(--RS__pageGutter)!important;margin-bottom:var(--RS__pageGutter)!important}.readiumCSS-yellow-highlight{background-color:#ffff0080}.readiumCSS-green-highlight{background-color:#00ff0080}.readiumCSS-orange-highlight{background-color:#ffa50080}.readiumCSS-pink-highlight{background-color:#ff69b480}.readiumCSS-mo-active-default{color:#000!important;background-color:#ff0!important}:root[style*=readium-night-on]{--RS__backgroundColor: #000000;--RS__textColor: #fefefe;--RS__linkColor: #63caff;--RS__visitedColor: #0099e5;--RS__selectionBackgroundColor: #b4d8fe;--RS__selectionTextColor: inherit}:root[style*=readium-night-on] *:not(a){color:inherit!important;background-color:transparent!important;border-color:currentColor!important}:root[style*=readium-night-on] svg text{fill:currentColor!important;stroke:none!important}:root[style*=readium-night-on] a:link,:root[style*=readium-night-on] a:link *{color:var(--RS__linkColor)!important}:root[style*=readium-night-on] a:visited,:root[style*=readium-night-on] a:visited *{color:var(--RS__visitedColor)!important}:root[style*=readium-night-on] img[class*=gaiji],:root[style*=readium-night-on] *[epub\:type~=titlepage] img:only-child{-webkit-filter:invert(100%);filter:invert(100%)}:root[style*=readium-night-on][style*=readium-darken-on] img{-webkit-filter:brightness(80%);filter:brightness(80%)}:root[style*=readium-night-on][style*=readium-invert-on] img{-webkit-filter:invert(100%);filter:invert(100%)}:root[style*=readium-night-on][style*=readium-darken-on][style*=readium-invert-on] img{-webkit-filter:brightness(80%) invert(100%);filter:brightness(80%) invert(100%)}:root[style*=readium-sepia-on]{--RS__backgroundColor: #faf4e8;--RS__textColor: #121212;--RS__linkColor: #0000ee;--RS__visitedColor: #551a8b;--RS__selectionBackgroundColor: #b4d8fe;--RS__selectionTextColor: inherit;--RS__maxLineLength: 40.01rem}:root[style*=readium-sepia-on] body{color:inherit;background-color:var(--RS__backgroundColor)}:root[style*=readium-sepia-on] a:link,:root[style*=readium-sepia-on] a:link *{color:var(--RS__linkColor)}:root[style*=readium-sepia-on] a:visited,:root[style*=readium-sepia-on] a:visited *{color:var(--RS__visitedColor)}:root[style*=readium-sepia-on] svg,:root[style*=readium-sepia-on] img{background-color:transparent!important;mix-blend-mode:multiply}@media screen and (-ms-high-contrast: active){:root{color:windowText!important;background-color:window!important}:root :not(#\#):not(#\#):not(#\#),:root :not(#\#):not(#\#):not(#\#) :not(#\#):not(#\#):not(#\#) :root :not(#\#):not(#\#):not(#\#) :not(#\#):not(#\#):not(#\#) :not(#\#):not(#\#):not(#\#){color:inherit!important;background-color:inherit!important}.readiumCSS-mo-active-default{color:highlightText!important;background-color:highlight!important}}@media screen and (-ms-high-contrast: white-on-black){:root[style*=readium-night-on] img[class*=gaiji],:root[style*=readium-night-on] *[epub\:type~=titlepage] img:only-child{-webkit-filter:none!important;filter:none!important}:root[style*=readium-night-on][style*=readium-invert-on] img{-webkit-filter:none!important;filter:none!important}:root[style*=readium-night-on][style*=readium-darken-on][style*=readium-invert-on] img{-webkit-filter:brightness(80%);filter:brightness(80%)}}@media screen and (inverted-colors){:root[style*=readium-night-on] img[class*=gaiji],:root[style*=readium-night-on] *[epub\:type~=titlepage] img:only-child{-webkit-filter:none!important;filter:none!important}:root[style*=readium-night-on][style*=readium-invert-on] img{-webkit-filter:none!important;filter:none!important}:root[style*=readium-night-on][style*=readium-darken-on][style*=readium-invert-on] img{-webkit-filter:brightness(80%);filter:brightness(80%)}}@media screen and (min-width: 60em),screen and (min-device-width: 36em) and (max-device-width: 47em) and (orientation: landscape){:root[style*="--USER__colCount: 1"],:root[style*="--USER__colCount:1"],:root[style*="--USER__colCount: 2"],:root[style*="--USER__colCount:2"]{-webkit-column-count:var(--USER__colCount);-moz-column-count:var(--USER__colCount);column-count:var(--USER__colCount)}:root[style*="--USER__colCount: 1"],:root[style*="--USER__colCount:1"]{--RS__maxLineLength: 40rem !important;--RS__colWidth: 100vw}:root[style*="--USER__colCount: 2"],:root[style*="--USER__colCount:2"]{--RS__colWidth: auto}}:root[style*=--USER__pageMargins] body{padding:0 calc(var(--RS__pageGutter) * var(--USER__pageMargins))!important}:root[style*=--USER__backgroundColor]{background-color:var(--USER__backgroundColor)!important}:root[style*=--USER__backgroundColor] *{background-color:transparent!important}:root[style*=--USER__textColor]{color:var(--USER__textColor)!important}:root[style*=--USER__textColor] *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(pre){color:inherit!important}:root[style*=readium-advanced-on][style*=--USER__textAlign]{text-align:var(--USER__textAlign)}:root[style*=readium-advanced-on][style*=--USER__textAlign] body,:root[style*=readium-advanced-on][style*=--USER__textAlign] *:not(blockquote):not(figcaption) p,:root[style*=readium-advanced-on][style*=--USER__textAlign] li{text-align:inherit!important;-moz-text-align-last:auto!important;-epub-text-align-last:auto!important;text-align-last:auto!important}:root[style*=readium-advanced-on][dir=rtl][style*="--USER__textAlign: left"],:root[style*=readium-advanced-on][dir=rtl][style*="--USER__textAlign:left"],:root[style*=readium-advanced-on][style*="--USER__textAlign: left"] *[dir=rtl],:root[style*=readium-advanced-on][style*="--USER__textAlign:left"] *[dir=rtl]{text-align:right}:root[style*=readium-advanced-on][dir=rtl][style*="--USER__textAlign: start"],:root[style*=readium-advanced-on][dir=rtl][style*="--USER__textAlign:start"]{text-align:right}:root[style*=readium-advanced-on][style*="--USER__textAlign: justify"] body,:root[style*=readium-advanced-on][style*="--USER__textAlign:justify"] body{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-epub-hyphens:auto;hyphens:auto}:root[style*=readium-advanced-on][style*="--USER__textAlign: left"] body,:root[style*=readium-advanced-on][style*="--USER__textAlign:left"] body,:root[style*=readium-advanced-on][style*="--USER__textAlign: right"] body,:root[style*=readium-advanced-on][style*="--USER__textAlign:right"] body{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-epub-hyphens:none;hyphens:none}:root[style*=readium-advanced-on][style*=--USER__bodyHyphens]{-webkit-hyphens:var(--USER__bodyHyphens)!important;-moz-hyphens:var(--USER__bodyHyphens)!important;-ms-hyphens:var(--USER__bodyHyphens)!important;-epub-hyphens:var(--USER__bodyHyphens)!important;hyphens:var(--USER__bodyHyphens)!important}:root[style*=readium-advanced-on][style*=--USER__bodyHyphens] body,:root[style*=readium-advanced-on][style*=--USER__bodyHyphens] p,:root[style*=readium-advanced-on][style*=--USER__bodyHyphens] li,:root[style*=readium-advanced-on][style*=--USER__bodyHyphens] div,:root[style*=readium-advanced-on][style*=--USER__bodyHyphens] dd{-webkit-hyphens:inherit;-moz-hyphens:inherit;-ms-hyphens:inherit;-epub-hyphens:inherit;hyphens:inherit}:root[style*=readium-font-on][style*=--USER__fontFamily]{font-family:var(--USER__fontFamily)!important}:root[style*=readium-font-on][style*=--USER__fontFamily] body,:root[style*=readium-font-on][style*=--USER__fontFamily] p,:root[style*=readium-font-on][style*=--USER__fontFamily] li,:root[style*=readium-font-on][style*=--USER__fontFamily] div,:root[style*=readium-font-on][style*=--USER__fontFamily] dt,:root[style*=readium-font-on][style*=--USER__fontFamily] dd{font-family:inherit!important}:root[style*=readium-font-on][style*=--USER__fontFamily] i:not([lang]),:root[style*=readium-font-on][style*=--USER__fontFamily] i:not([xml\:lang]),:root[style*=readium-font-on][style*=--USER__fontFamily] em:not([lang]),:root[style*=readium-font-on][style*=--USER__fontFamily] em:not([xml\:lang]),:root[style*=readium-font-on][style*=--USER__fontFamily] cite:not([lang]),:root[style*=readium-font-on][style*=--USER__fontFamily] cite:not([xml\:lang]),:root[style*=readium-font-on][style*=--USER__fontFamily] b:not([lang]),:root[style*=readium-font-on][style*=--USER__fontFamily] b:not([xml\:lang]),:root[style*=readium-font-on][style*=--USER__fontFamily] strong:not([lang]),:root[style*=readium-font-on][style*=--USER__fontFamily] strong:not([xml\:lang]),:root[style*=readium-font-on][style*=--USER__fontFamily] span:not([lang]),:root[style*=readium-font-on][style*=--USER__fontFamily] span:not([xml\:lang]){font-family:inherit!important}:root[style*=readium-font-on][style*=AccessibleDfA]{font-family:AccessibleDfA,Verdana,Tahoma,Trebuchet MS,sans-serif!important;--RS__lineHeightCompensation: 1.167}:root[style*=readium-font-on][style*="IA Writer Duospace"]{font-family:IA Writer Duospace,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace!important;--RS__lineHeightCompensation: 1.167}:root[style*=readium-font-on][style*=readium-a11y-on]{font-family:var(--USER__fontFamily)!important;--RS__lineHeightCompensation: 1.167}:root[style*=readium-font-on][style*=AccessibleDfA],:root[style*=readium-font-on][style*="IA Writer Duospace"],:root[style*=readium-font-on][style*=readium-a11y-on]{font-style:normal!important;font-weight:400!important}:root[style*=readium-font-on][style*=AccessibleDfA] *:not(code):not(var):not(kbd):not(samp),:root[style*=readium-font-on][style*="IA Writer Duospace"] *:not(code):not(var):not(kbd):not(samp),:root[style*=readium-font-on][style*=readium-a11y-on] *:not(code):not(var):not(kbd):not(samp){font-family:inherit!important;font-style:inherit!important;font-weight:inherit!important}:root[style*=readium-font-on][style*=AccessibleDfA] *,:root[style*=readium-font-on][style*="IA Writer Duospace"] *,:root[style*=readium-font-on][style*=readium-a11y-on] *{text-decoration:none!important;font-variant-caps:normal!important;font-variant-numeric:normal!important;font-variant-position:normal!important}:root[style*=readium-font-on][style*=AccessibleDfA] sup,:root[style*=readium-font-on][style*="IA Writer Duospace"] sup,:root[style*=readium-font-on][style*=readium-a11y-on] sup,:root[style*=readium-font-on][style*=AccessibleDfA] sub,:root[style*=readium-font-on][style*="IA Writer Duospace"] sub,:root[style*=readium-font-on][style*=readium-a11y-on] sub{font-size:1rem!important;vertical-align:baseline!important}:root[style*=--USER__fontSize]{font-size:var(--USER__fontSize)!important}:root[style*=readium-advanced-on][style*=--USER__lineHeight]{line-height:calc((var(--USER__lineHeight) + (2ex - 1ch) - ((1rem - 16px) * .1667)) * var(--RS__lineHeightCompensation))!important}:root[style*=readium-advanced-on][style*=--USER__lineHeight] body,:root[style*=readium-advanced-on][style*=--USER__lineHeight] p,:root[style*=readium-advanced-on][style*=--USER__lineHeight] li,:root[style*=readium-advanced-on][style*=--USER__lineHeight] div{line-height:inherit}:root[style*=readium-advanced-on][style*=--USER__paraSpacing] p{margin-top:var(--USER__paraSpacing)!important;margin-bottom:var(--USER__paraSpacing)!important}:root[style*=readium-advanced-on][style*=--USER__paraIndent] p{text-indent:var(--USER__paraIndent)!important}:root[style*=readium-advanced-on][style*=--USER__paraIndent] p *,:root[style*=readium-advanced-on][style*=--USER__paraIndent] p:first-letter{text-indent:0!important}:root[style*=readium-advanced-on][style*=--USER__wordSpacing] h1,:root[style*=readium-advanced-on][style*=--USER__wordSpacing] h2,:root[style*=readium-advanced-on][style*=--USER__wordSpacing] h3,:root[style*=readium-advanced-on][style*=--USER__wordSpacing] h4,:root[style*=readium-advanced-on][style*=--USER__wordSpacing] h5,:root[style*=readium-advanced-on][style*=--USER__wordSpacing] h6,:root[style*=readium-advanced-on][style*=--USER__wordSpacing] p,:root[style*=readium-advanced-on][style*=--USER__wordSpacing] li,:root[style*=readium-advanced-on][style*=--USER__wordSpacing] div{word-spacing:var(--USER__wordSpacing)}:root[style*=readium-advanced-on][style*=--USER__letterSpacing] h1,:root[style*=readium-advanced-on][style*=--USER__letterSpacing] h2,:root[style*=readium-advanced-on][style*=--USER__letterSpacing] h3,:root[style*=readium-advanced-on][style*=--USER__letterSpacing] h4,:root[style*=readium-advanced-on][style*=--USER__letterSpacing] h5,:root[style*=readium-advanced-on][style*=--USER__letterSpacing] h6,:root[style*=readium-advanced-on][style*=--USER__letterSpacing] p,:root[style*=readium-advanced-on][style*=--USER__letterSpacing] li,:root[style*=readium-advanced-on][style*=--USER__letterSpacing] div{letter-spacing:var(--USER__letterSpacing);font-variant:none}:root[style*=readium-advanced-on]{--USER__typeScale: 1.2}:root[style*=readium-advanced-on] p,:root[style*=readium-advanced-on] li,:root[style*=readium-advanced-on] div,:root[style*=readium-advanced-on] pre,:root[style*=readium-advanced-on] dd{font-size:1rem!important}:root[style*=readium-advanced-on] h1{font-size:1.75rem!important;font-size:calc(((1rem * var(--USER__typeScale)) * var(--USER__typeScale)) * var(--USER__typeScale))!important}:root[style*=readium-advanced-on] h2{font-size:1.5rem!important;font-size:calc((1rem * var(--USER__typeScale)) * var(--USER__typeScale))!important}:root[style*=readium-advanced-on] h3{font-size:1.25rem!important;font-size:calc(1rem * var(--USER__typeScale))!important}:root[style*=readium-advanced-on] h4,:root[style*=readium-advanced-on] h5,:root[style*=readium-advanced-on] h6{font-size:1rem!important}:root[style*=readium-advanced-on] small{font-size:smaller!important}:root[style*=readium-advanced-on] sub,:root[style*=readium-advanced-on] sup{font-size:67.5%!important}:root[style*=readium-advanced-on][style*=--USER__typeScale] h1{font-size:calc(((1rem * var(--USER__typeScale)) * var(--USER__typeScale)) * var(--USER__typeScale))!important}:root[style*=readium-advanced-on][style*=--USER__typeScale] h2{font-size:calc((1rem * var(--USER__typeScale)) * var(--USER__typeScale))!important}:root[style*=readium-advanced-on][style*=--USER__typeScale] h3{font-size:calc(1rem * var(--USER__typeScale))!important}
-/*# sourceMappingURL=injectable-html-styles.css.map */

package/dist/injectable-html-styles.css.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/HtmlReader/ReadiumCss/ReadiumCSS-before.css", "../src/HtmlReader/ReadiumCss/ReadiumCSS-default.css", "../src/HtmlReader/ReadiumCss/ReadiumCSS-after.css"],
-  "sourcesContent": ["/* Readium CSS \n   Config module\n\n   A file allowing implementers to customize flags for reading modes,\n   user settings, etc.\n\n   Repo: https://github.com/readium/readium-css */\n\n/* Custom medias\n   Syntax: @custom-media --variable (prop: value) */\n\n/* Responsive columns\n   The minimum width for which responsive columns (2 -> 1 and vice versa,\n   depending on the current font-size) must be enabled */\n\n/* Mobile columns\n   The minimum and maximum width for mobile devices.\n   We\u2019re forcing the landscape orientation by default,\n   and must still investigate large tablets (iPad Pro, Surface Pro 3, etc.). */\n\n/* Custom selectors\n   Syntax: @custom-selector :--variable selector\n   The selectors you will use for flags/switches\n   You can alternatively use classes or custom data-* attributes */\n\n/* User view = paged | scrolled */\n\n/* Font-family override */\n\n/* Advanced settings */\n\n/* Reading Modes */\n\n/* Filters (images) */\n\n/* Accessibility normalization */\n\n/* Accessibility font. You can add selectors, using \u201C, \u201D as a separator, if you have multiple fonts */\n\n/* Direction i.e. ltr and rtl */\n\n/* Readium CSS \n   Base module\n\n   A minimal stylesheet for all ebooks\n\n   Repo: https://github.com/readium/readium-css */\n\n@namespace url('http://www.w3.org/1999/xhtml');\n\n@namespace epub url('http://www.idpf.org/2007/ops');\n\n@namespace m url('http://www.w3.org/1998/Math/MathML/');\n\n@namespace svg url('http://www.w3.org/2000/svg');\n\n/* Define viewport, HTML5-style */\n\n@-ms-viewport {\n  width: device-width;\n}\n\n@viewport {\n  width: device-width;\n  zoom: 1;\n}\n\n:root {\n  /* Default font-stacks */\n  --RS__oldStyleTf: 'Iowan Old Style', 'Sitka Text', Palatino, 'Book Antiqua',\n    serif;\n  --RS__modernTf: Athelas, Constantia, Georgia, serif;\n  --RS__sansTf: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto,\n    'Helvetica Neue', Arial, sans-serif;\n  --RS__humanistTf: Seravek, Calibri, Roboto, Arial, sans-serif;\n  --RS__monospaceTf: 'Andale Mono', Consolas, monospace;\n\n  /* Config */\n  --RS__baseFontFamily: var(--RS__oldStyleTf);\n\n  /* For square-ish fonts (CJK, Indic, etc.), we must apply some compensation in dynamic leading. Default is 1 i.e. no compensation */\n  --RS__lineHeightCompensation: 1;\n\n  /* Dynamic leading based on typeface metrics + font-size setting */\n  --RS__baseLineHeight: calc(\n    (1em + (2ex - 1ch) - ((1rem - 16px) * 0.1667)) *\n      var(--RS__lineHeightCompensation)\n  );\n}\n\n/* Set default font for the html doc, so that it can be overridden by the authors\u2019s stylesheet */\n\nhtml {\n  font-family: var(--RS__baseFontFamily);\n  /* Fallback line-height */\n  line-height: 1.6; /* Fits a little bit better for all languages than 1.5 */\n  line-height: var(--RS__baseLineHeight);\n  text-rendering: optimizeLegibility;\n}\n\n/* 1.5 being too loose with larger font-sizes, we reset headings to normal (which value is 1.125\u20131.375 for our font-stacks) */\n\nh1,\nh2,\nh3 {\n  line-height: normal;\n}\n\n:lang(ja),\n:lang(zh),\n:lang(ko) {\n  word-wrap: break-word;\n  -webkit-line-break: strict;\n  -epub-line-break: strict;\n  line-break: strict;\n}\n\n/* Set default font for Math */\n\nmath {\n  font-family: 'Latin Modern Math', 'STIX Two Math', 'XITS Math', 'STIX Math',\n    'Libertinus Math', 'TeX Gyre Termes Math', 'TeX Gyre Bonum Math',\n    'TeX Gyre Schola', 'DejaVu Math TeX Gyre', 'TeX Gyre Pagella Math',\n    'Asana Math', 'Cambria Math', 'Lucida Bright Math', 'Minion Math',\n    STIXGeneral, STIXSizeOneSym, Symbol, 'Times New Roman', serif;\n}\n\n/* Language Overrides\n   That will only work if either html or body have a (xml:)lang attribute, not for inline overrides */\n\n:lang(am) {\n  --RS__baseFontFamily: Kefa, Nyala, Roboto, Noto, 'Noto Sans Ethiopic', serif;\n  --RS__lineHeightCompensation: 1.167;\n}\n\n:lang(ar) {\n  --RS__baseFontFamily: 'Geeza Pro', 'Arabic Typesetting', Roboto, Noto,\n    'Noto Naskh Arabic', 'Times New Roman', serif;\n}\n\n:lang(bn) {\n  --RS__baseFontFamily: 'Kohinoor Bangla', 'Bangla Sangam MN', Vrinda, Roboto,\n    Noto, 'Noto Sans Bengali', sans-serif;\n  --RS__lineHeightCompensation: 1.067;\n}\n\n:lang(bo) {\n  --RS__baseFontFamily: Kailasa, 'Microsoft Himalaya', Roboto, Noto,\n    'Noto Sans Tibetan', sans-serif;\n}\n\n:lang(chr) {\n  --RS__baseFontFamily: 'Plantagenet Cherokee', Roboto, Noto,\n    'Noto Sans Cherokee';\n  --RS__lineHeightCompensation: 1.167;\n}\n\n:lang(fa) {\n  --RS__baseFontFamily: 'Geeza Pro', 'Arabic Typesetting', Roboto, Noto,\n    'Noto Naskh Arabic', 'Times New Roman', serif;\n}\n\n:lang(gu) {\n  --RS__baseFontFamily: 'Gujarati Sangam MN', 'Nirmala UI', Shruti, Roboto, Noto,\n    'Noto Sans Gujarati', sans-serif;\n  --RS__lineHeightCompensation: 1.167;\n}\n\n:lang(he) {\n  --RS__baseFontFamily: 'New Peninim MT', 'Arial Hebrew', Gisha,\n    'Times New Roman', Roboto, Noto, 'Noto Sans Hebrew' sans-serif;\n  --RS__lineHeightCompensation: 1.1;\n}\n\n:lang(hi) {\n  --RS__baseFontFamily: 'Kohinoor Devanagari', 'Devanagari Sangam MN', Kokila,\n    'Nirmala UI', Roboto, Noto, 'Noto Sans Devanagari', sans-serif;\n\n  --RS__lineHeightCompensation: 1.1;\n}\n\n:lang(hy) {\n  --RS__baseFontFamily: Mshtakan, Sylfaen, Roboto, Noto, 'Noto Serif Armenian',\n    serif;\n}\n\n:lang(iu) {\n  --RS__baseFontFamily: 'Euphemia UCAS', Euphemia, Roboto, Noto,\n    'Noto Sans Canadian Aboriginal', sans-serif;\n}\n\n:lang(ja) {\n  --RS__baseFontFamily: '\u6E38\u30B4\u30B7\u30C3\u30AF\u4F53', YuGothic, '\u30D2\u30E9\u30AE\u30CE\u4E38\u30B4',\n    'Hiragino Sans', 'Yu Gothic UI', 'Meiryo UI', 'MS Gothic', Roboto, Noto,\n    'Noto Sans CJK JP', sans-serif;\n\n  /* For CJK, the line-height is usually 15\u201320% more than for Latin */\n  --RS__lineHeightCompensation: 1.167;\n\n  /* Extra variables for Japanese font-stacks as we may want to reuse them for user settings + default */\n  --RS__serif-ja: '\uFF2D\uFF33 \uFF30\u660E\u671D', 'MS PMincho', 'Hiragino Mincho Pro',\n    '\u30D2\u30E9\u30AE\u30CE\u660E\u671D Pro W3', '\u6E38\u660E\u671D', 'YuMincho', '\uFF2D\uFF33 \u660E\u671D', 'MS Mincho',\n    'Hiragino Mincho ProN', serif;\n  --RS__sans-serif-ja: '\uFF2D\uFF33 \uFF30\u30B4\u30B7\u30C3\u30AF', 'MS PGothic',\n    'Hiragino Kaku Gothic Pro W3', '\u30D2\u30E9\u30AE\u30CE\u89D2\u30B4 Pro W3', 'Hiragino Sans GB',\n    '\u30D2\u30E9\u30AE\u30CE\u89D2\u30B4\u30B7\u30C3\u30AF W3', '\u6E38\u30B4\u30B7\u30C3\u30AF', 'YuGothic', '\uFF2D\uFF33 \u30B4\u30B7\u30C3\u30AF',\n    'MS Gothic', 'Hiragino Sans', sans-serif;\n  --RS__serif-ja-v: '\uFF2D\uFF33 \u660E\u671D', 'MS Mincho', 'Hiragino Mincho Pro',\n    '\u30D2\u30E9\u30AE\u30CE\u660E\u671D Pro W3', '\u6E38\u660E\u671D', 'YuMincho', '\uFF2D\uFF33 \uFF30\u660E\u671D', 'MS PMincho',\n    'Hiragino Mincho ProN', serif;\n  --RS__sans-serif-ja-v: '\uFF2D\uFF33 \u30B4\u30B7\u30C3\u30AF', 'MS Gothic',\n    'Hiragino Kaku Gothic Pro W3', '\u30D2\u30E9\u30AE\u30CE\u89D2\u30B4 Pro W3', 'Hiragino Sans GB',\n    '\u30D2\u30E9\u30AE\u30CE\u89D2\u30B4\u30B7\u30C3\u30AF W3', '\u6E38\u30B4\u30B7\u30C3\u30AF', 'YuGothic', '\uFF2D\uFF33 \uFF30\u30B4\u30B7\u30C3\u30AF',\n    'MS PGothic', 'Hiragino Sans', sans-serif;\n}\n\n:lang(km) {\n  --RS__baseFontFamily: 'Khmer Sangam MN', 'Leelawadee UI', 'Khmer UI', Roboto,\n    Noto, 'Noto Sans Khmer', sans-serif;\n  --RS__lineHeightCompensation: 1.067;\n}\n\n:lang(kn) {\n  --RS__baseFontFamily: 'Kannada Sangam MN', 'Nirmala UI', Tunga, Roboto, Noto,\n    'Noto Sans Kannada', sans-serif;\n  --RS__lineHeightCompensation: 1.1;\n}\n\n:lang(ko) {\n  --RS__baseFontFamily: 'Nanum Gothic', 'Apple SD Gothic Neo', 'Malgun Gothic',\n    Roboto, Noto, 'Noto Sans CJK KR', sans-serif;\n\n  /* For CJK, the line-height is usually 15\u201320% more than for Latin */\n  --RS__lineHeightCompensation: 1.167;\n}\n\n:lang(lo) {\n  --RS__baseFontFamily: 'Lao Sangam MN', 'Leelawadee UI', 'Lao UI', Roboto, Noto,\n    'Noto Sans Lao', sans-serif;\n}\n\n:lang(ml) {\n  --RS__baseFontFamily: 'Malayalam Sangam MN', 'Nirmala UI', Kartika, Roboto,\n    Noto, 'Noto Sans Malayalam', sans-serif;\n  --RS__lineHeightCompensation: 1.067;\n}\n\n:lang(or) {\n  --RS__baseFontFamily: 'Oriya Sangam MN', 'Nirmala UI', Kalinga, Roboto, Noto,\n    'Noto Sans Oriya', sans-serif;\n  --RS__lineHeightCompensation: 1.167;\n}\n\n:lang(pa) {\n  --RS__baseFontFamily: 'Gurmukhi MN', 'Nirmala UI', Kartika, Roboto, Noto,\n    'Noto Sans Gurmukhi', sans-serif;\n  --RS__lineHeightCompensation: 1.1;\n}\n\n:lang(si) {\n  --RS__baseFontFamily: 'Sinhala Sangam MN', 'Nirmala UI', 'Iskoola Pota',\n    Roboto, Noto, 'Noto Sans Sinhala', sans-serif;\n  --RS__lineHeightCompensation: 1.167;\n}\n\n:lang(ta) {\n  --RS__baseFontFamily: 'Tamil Sangam MN', 'Nirmala UI', Latha, Roboto, Noto,\n    'Noto Sans Tamil', sans-serif;\n  --RS__lineHeightCompensation: 1.067;\n}\n\n:lang(te) {\n  --RS__baseFontFamily: 'Kohinoor Telugu', 'Telugu Sangam MN', 'Nirmala UI',\n    Gautami, Roboto, Noto, 'Noto Sans Telugu', sans-serif;\n}\n\n:lang(th) {\n  --RS__baseFontFamily: 'Thonburi', 'Leelawadee UI', 'Cordia New', Roboto, Noto,\n    'Noto Sans Thai', sans-serif;\n  --RS__lineHeightCompensation: 1.067;\n}\n\n/* The following will also work for zh-Hans */\n\n:lang(zh) {\n  --RS__baseFontFamily: '\u65B9\u4F53', 'PingFang SC', '\u9ED1\u4F53', 'Heiti SC',\n    'Microsoft JhengHei UI', 'Microsoft JhengHei', Roboto, Noto,\n    'Noto Sans CJK SC', sans-serif;\n\n  /* For CJK, the line-height is usually 15\u201320% more than for Latin */\n  --RS__lineHeightCompensation: 1.167;\n}\n\n:lang(zh-Hant),\n:lang(zh-TW) {\n  --RS__baseFontFamily: '\u65B9\u9AD4', 'PingFang TC', '\u9ED1\u9AD4', 'Heiti TC',\n    'Microsoft JhengHei UI', 'Microsoft JhengHei', Roboto, Noto,\n    'Noto Sans CJK TC', sans-serif;\n\n  /* For CJK, the line-height is usually 15\u201320% more than for Latin */\n  --RS__lineHeightCompensation: 1.167;\n}\n\n:lang(zh-HK) {\n  --RS__baseFontFamily: '\u65B9\u9AD4', 'PingFang HK', '\u65B9\u9AD4', 'PingFang TC', '\u9ED1\u9AD4',\n    'Heiti TC', 'Microsoft JhengHei UI', 'Microsoft JhengHei', Roboto, Noto,\n    'Noto Sans CJK TC', sans-serif;\n\n  /* For CJK, the line-height is usually 15\u201320% more than for Latin */\n  --RS__lineHeightCompensation: 1.167;\n}\n\n/* Readium CSS \n   Day/Default mode\n\n   A preset theme for day mode, which is the default\n\n   Repo: https://github.com/readium/readium-css */\n\n/* CONFIG */\n\n:root {\n  --RS__backgroundColor: #ffffff;\n  --RS__textColor: #121212;\n\n  /* This can be customized but initial will re-use default value of the browser */\n  --RS__selectionBackgroundColor: #b4d8fe;\n  --RS__selectionTextColor: inherit;\n}\n\n:root {\n  color: var(--RS__textColor) !important;\n  background-color: var(--RS__backgroundColor) !important;\n}\n\n/* Note: Though `::selection` was present in drafts of CSS Selectors Level 3, it was removed during the Candidate Recommendation phase because its behavior was under-specified (especially with nested elements) and interoperability wasn\u2019t achieved. Source: https://developer.mozilla.org/en-US/docs/Web/CSS/::selection */\n\n::-moz-selection {\n  color: var(--RS__selectionTextColor);\n  background-color: var(--RS__selectionBackgroundColor);\n}\n\n::selection {\n  color: var(--RS__selectionTextColor);\n  background-color: var(--RS__selectionBackgroundColor);\n}\n\n/* Readium CSS \n   Fonts module\n\n   A stylesheet for embedded fonts\n\n   Repo: https://github.com/readium/readium-css */\n\n/* /!\\ Mind the path (relative to the folders in which you have stylesheets and the fonts) */\n\n/* @font-face {\n  font-family: AccessibleDfA;\n  font-style: normal;\n  font-weight: normal;\n  src: local(\"AccessibleDfA\"),\n    url(\"fonts/AccessibleDfA.otf\") format(\"opentype\");\n}\n\n@font-face {\n  font-family: \"IA Writer Duospace\";\n  font-style: normal;\n  font-weight: normal;\n  src: local(\"iAWriterDuospace-Regular\"),\n    url(\"fonts/iAWriterDuospace-Regular.ttf\") format(\"truetype\");\n} */\n\n/* If you have different weights/styles, \n   use `font-weight` and `font-style`, \n   not prefixes in the font-family name, \n   or else it will be a nightmare to manage in user settings. */\n\n/* Readium CSS \n   HTML5 SR Patch stylesheet\n\n   A set of style to adjust HTML5 Suggested Rendering to paginated content\n\n   Repo: https://github.com/readium/readium-css */\n\n/* Fragmentation */\n\nbody {\n  widows: 2;\n  orphans: 2;\n}\n\nfigcaption,\nth,\ntd {\n  widows: 1;\n  orphans: 1;\n}\n\nh2,\nh3,\nh4,\nh5,\nh6,\ndt,\nhr,\ncaption {\n  -webkit-column-break-after: avoid;\n  page-break-after: avoid;\n  break-after: avoid;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ndt,\nfigure,\ntr {\n  -webkit-column-break-inside: avoid;\n  page-break-inside: avoid;\n  break-inside: avoid;\n}\n\n/* Hyphenation */\n\nbody {\n  -webkit-hyphenate-character: '\\002D';\n  -moz-hyphenate-character: '\\002D';\n  -ms-hyphenate-character: '\\002D';\n  hyphenate-character: '\\002D';\n  -webkit-hyphenate-limit-lines: 3;\n  -ms-hyphenate-limit-lines: 3;\n  hyphenate-limit-lines: 3;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ndt,\nfigcaption,\npre,\ncaption,\naddress,\ncenter,\ncode,\nvar {\n  -ms-hyphens: none;\n  -moz-hyphens: none;\n  -webkit-hyphens: none;\n  -epub-hyphens: none;\n  hyphens: none;\n}\n\n/* OTF */\n\nbody {\n  font-variant-numeric: oldstyle-nums proportional-nums;\n}\n\n:lang(ja) body,\n:lang(zh) body,\n:lang(ko) body {\n  font-variant-numeric: lining-nums proportional-nums;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ndt {\n  font-variant-numeric: lining-nums proportional-nums;\n}\n\ntable {\n  font-variant-numeric: lining-nums tabular-nums;\n}\n\ncode,\nvar {\n  font-variant-ligatures: none;\n  font-variant-numeric: lining-nums tabular-nums slashed-zero;\n}\n\nrt {\n  font-variant-east-asian: ruby;\n}\n\n:lang(ar) {\n  font-variant-ligatures: common-ligatures;\n}\n\n:lang(ko) {\n  font-kerning: normal;\n}\n\n/* Night mode */\n\nhr {\n  color: inherit;\n  border-color: currentColor;\n}\n\ntable,\nth,\ntd {\n  border-color: currentColor;\n}\n\n/* Horizontal Spacing */\n\nfigure,\nblockquote {\n  margin: 1em 5%;\n}\n\n/* \n\n:lang(ja) figure, :lang(ja) blockquote,\n:lang(zh-Hant) figure, :lang(zh-Hant) blockquote,\n:lang(zh-TW) figure, :lang(zh-TW) blockquote,\n:lang(mn) figure, :lang(mn) blockquote {\n  margin: 5% 1em;  \n}\n\n*/\n\nul,\nol {\n  padding-left: 5%;\n}\n\n/* \n\n:lang(ja) ul, :lang(ja) ol,\n:lang(zh-Hant) ul, :lang(zh-Hant) ol,\n:lang(zh-TW) ul, :lang(zh-TW) ol,\n:lang(mn) ul, :lang(mn) ol   {\n  padding-top: 5%;  \n}\n\n*/\n\ndd {\n  margin-left: 5%;\n}\n\n/* \n\n:lang(ja) dd,\n:lang(zh-Hant) dd,\n:lang(zh-TW) dd, \n:lang(mn) dd {\n  margin-top: 5%;  \n}\n\n*/\n\npre {\n  white-space: pre-wrap;\n  -ms-tab-size: 2;\n  -moz-tab-size: 2;\n  -webkit-tab-size: 2;\n  tab-size: 2;\n}\n\n/* Normalization */\n\nabbr[title],\nacronym[title] {\n  text-decoration: dotted underline;\n}\n\nnobr wbr {\n  white-space: normal;\n}\n\n/* Make ruby text and parentheses non-selectable (TBC) */\n\nruby > rt,\nruby > rp {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n/* Internationalization */\n\n*:lang(ja),\n*:lang(zh),\n*:lang(ko),\n:lang(ja) cite,\n:lang(ja) dfn,\n:lang(ja) em,\n:lang(ja) i,\n:lang(zh) cite,\n:lang(zh) dfn,\n:lang(zh) em,\n:lang(zh) i,\n:lang(ko) cite,\n:lang(ko) dfn,\n:lang(ko) em,\n:lang(ko) i {\n  font-style: normal;\n}\n\n:lang(ja) a,\n:lang(zh) a,\n:lang(ko) a {\n  text-decoration: none;\n}\n\n/* Readium CSS \n   Safeguards module\n\n   A set of styles to prevent common issues in pagination\n\n   Repo: https://github.com/readium/readium-css */\n\n/* Config */\n\n/* We\u2019ll be using an \"RS__\" prefix so that we can prevent collisions with authors\u2019 CSS */\n\n:root {\n  /* max-width for media, you can override that via JS if not compiled to static */\n  --RS__maxMediaWidth: 100%;\n\n  /* max-height for media, you can override that via JS if not compiled to static \n     Please consider figures might have a figcaption, which is why 95vh in the first place */\n  --RS__maxMediaHeight: 95vh;\n\n  /* value for medias\u2019 box-sizing */\n  --RS__boxSizingMedia: border-box;\n\n  /* value for table\u2019s box-sizing */\n  --RS__boxSizingTable: border-box;\n}\n\n/* Sanitize line-heights in webkit e.g. raised cap without a declared line-height\n   See effect by checking this demo in Safari: https://codepen.io/JayPanoz/pen/gRmzrE\n   Note: glyphs has to be reset to inline for CJK */\n\nhtml {\n  -webkit-line-box-contain: block glyphs replaced;\n}\n\n:lang(ja) {\n  -webkit-line-box-contain: block inline replaced;\n}\n\n/* Wrap long strings if larger than line-length */\n\na,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  word-wrap: break-word;\n}\n\ndiv {\n  max-width: var(--RS__maxMediaWidth);\n}\n\n/* Size medias */\n\n/* You can override CSS variables by re-defining it for all elements or a specific one */\n\nimg,\nsvg,\naudio,\nvideo {\n  /* Object-fit allows us to keep the correct aspect-ratio */\n  object-fit: contain;\n\n  width: auto;\n  height: auto;\n\n  /* Some files don\u2019t have max-width */\n  max-width: var(--RS__maxMediaWidth);\n\n  /* We\u2019re setting a max-height, especially for covers */\n  max-height: var(--RS__maxMediaHeight) !important;\n  /* We probably don\u2019t need to use modern box-sizing as auto behaves like it */\n  box-sizing: var(--RS__boxSizingMedia);\n\n  /* For page-break, we must use those 3\n     We can\u2019t use a variable there, webkit seems to no support them for those properties */\n  -webkit-column-break-inside: avoid;\n  page-break-inside: avoid;\n  break-inside: avoid;\n}\n\n/* Try preventing border being cut-off, webkit + blink have content-box by default */\n\ntable {\n  max-width: var(--RS__maxMediaWidth);\n  box-sizing: var(--RS__boxSizingTable);\n}\n", "/* Readium CSS \n   Default module\n\n   A stylesheet for unstyled ebooks based on HTML5 Suggested Rendering\n   Note: works in combination with Base module\n\n   Repo: https://github.com/readium/readium-css */\n\n/* CONFIG */\n\n:root {\n  --RS__compFontFamily: var(--RS__baseFontFamily);\n  --RS__codeFontFamily: var(--RS__monospaceTf);\n\n  --RS__typeScale: 1.125; /* 1.067 | 1.125 | 1.2 | 1.25 | 1.333 | 1.414 | 1.5 | 1.618 */\n  --RS__baseFontSize: 100%;\n\n  --RS__flowSpacing: 1.5rem;\n  --RS__paraSpacing: 0;\n  --RS__paraIndent: 1em;\n\n  --RS__linkColor: #0000ee;\n  --RS__visitedColor: #551a8b;\n\n  --RS__primaryColor: ;\n  --RS__secondaryColor: ;\n}\n\n/* STYLES */\n\n/* Typo */\nmark {\n  background: yellow;\n}\nmark.current {\n  background: orange;\n}\n\nbody {\n  font-size: var(--RS__baseFontSize);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-family: var(--RS__compFontFamily);\n}\n\n/* Flow content */\n\nblockquote,\nfigure,\np,\npre,\naside,\nfooter,\nform,\nhr {\n  margin-top: var(--RS__flowSpacing);\n  margin-bottom: var(--RS__flowSpacing);\n}\n\np {\n  margin-top: var(--RS__paraSpacing);\n  margin-bottom: var(--RS__paraSpacing);\n  text-indent: var(--RS__paraIndent);\n}\n\nh1 + p,\nh2 + p,\nh3 + p,\nh4 + p,\nh5 + p,\nh6 + p,\nhr + p {\n  text-indent: 0;\n}\n\npre {\n  font-family: var(--RS__codeFontFamily);\n}\n\n/* Phrasing content */\n\ncode,\nkbd,\nsamp,\ntt {\n  font-family: var(--RS__codeFontFamily);\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 67.5%;\n  line-height: 1;\n}\n\nsub {\n  bottom: -0.2ex;\n}\n\nsup {\n  bottom: 0;\n}\n\n:link {\n  color: var(--RS__linkColor);\n}\n\n:visited {\n  color: var(--RS__visitedColor);\n}\n\n/* Headings */\n\nh1 {\n  margin-top: calc(var(--RS__flowSpacing) * 2);\n  margin-bottom: calc(var(--RS__flowSpacing) * 2);\n  /* The following is base font size * typescale power of 3 */\n  font-size: calc(\n    ((1em * var(--RS__typeScale)) * var(--RS__typeScale)) * var(--RS__typeScale)\n  );\n}\n\nh2 {\n  margin-top: calc(var(--RS__flowSpacing) * 2);\n  margin-bottom: var(--RS__flowSpacing);\n  /* The following is base font size * typescale power of 2 */\n  font-size: calc((1em * var(--RS__typeScale)) * var(--RS__typeScale));\n}\n\nh3 {\n  margin-top: var(--RS__flowSpacing);\n  margin-bottom: var(--RS__flowSpacing);\n  font-size: calc(1em * var(--RS__typeScale));\n}\n\nh4 {\n  margin-top: var(--RS__flowSpacing);\n  margin-bottom: var(--RS__flowSpacing);\n  font-size: 1em;\n}\n\nh5 {\n  margin-top: var(--RS__flowSpacing);\n  margin-bottom: var(--RS__flowSpacing);\n  font-size: 1em;\n  font-variant: small-caps;\n}\n\nh6 {\n  margin-top: var(--RS__flowSpacing);\n  margin-bottom: 0;\n  font-size: 1em;\n  text-transform: lowercase;\n  font-variant: small-caps;\n}\n\n/* Lists */\n\ndl,\nol,\nul {\n  margin-top: var(--RS__flowSpacing);\n  margin-bottom: var(--RS__flowSpacing);\n}\n\n/* Table */\n\ntable {\n  margin: var(--RS__flowSpacing) 0;\n  border: 1px solid currentColor;\n  border-collapse: collapse;\n  empty-cells: show;\n}\n\nthead,\ntbody,\ntfoot,\ntable > tr {\n  vertical-align: top;\n}\n\nth {\n  text-align: left;\n}\n\nth,\ntd {\n  padding: 4px;\n  border: 1px solid currentColor;\n}\n", "/* Readium CSS \n   Config module\n\n   A file allowing implementers to customize flags for reading modes,\n   user settings, etc.\n\n   Repo: https://github.com/readium/readium-css */\n\n/* Custom medias\n   Syntax: @custom-media --variable (prop: value) */\n\n/* Responsive columns\n   The minimum width for which responsive columns (2 -> 1 and vice versa,\n   depending on the current font-size) must be enabled */\n\n/* Mobile columns\n   The minimum and maximum width for mobile devices.\n   We\u2019re forcing the landscape orientation by default,\n   and must still investigate large tablets (iPad Pro, Surface Pro 3, etc.). */\n\n/* Custom selectors\n   Syntax: @custom-selector :--variable selector\n   The selectors you will use for flags/switches\n   You can alternatively use classes or custom data-* attributes */\n\n/* User view = paged | scrolled */\n\n/* Font-family override */\n\n/* Advanced settings */\n\n/* Reading Modes */\n\n/* Filters (images) */\n\n/* Accessibility normalization */\n\n/* Accessibility font. You can add selectors, using \u201C, \u201D as a separator, if you have multiple fonts */\n\n/* Direction i.e. ltr and rtl */\n\n/* Readium CSS \n   Pagination module\n\n   A set of styles to paginate ePublications\n\n   Repo: https://github.com/readium/readium-css */\n\n/* Config */\n\n/* Columns are responsive by default, even if column-width is set in pixels, \n   which means two-page spread will switch to single page depending on current font-size.\n   If you want more control, I\u2019m afraid you\u2019ll have to update colWidth/colGap dynamically, \n   which is how a significant amount of RS do at the moment. */\n\n/* Default for smartphone portrait (small screens) */\n\n:root {\n  /* Your columns\u2019 width floor */\n  --RS__colWidth: 45em; /* The width at which we\u2019ll switch to 2 columns by default. PS: you can\u2019t set it in rem */\n\n  /* Ideal number of columns (depending on columns\u2019 width floor) */\n  --RS__colCount: 1;\n\n  /* Gap between columns (in pixels so that it won\u2019t resize with font-size) */\n  --RS__colGap: 0;\n\n  /* Optimal line-length (rem will take :root font-size into account, whatever the body\u2019s font-size) */\n  --RS__maxLineLength: 40rem;\n\n  /* Default page horizontal margins (in pixels so that it won\u2019t resize with font-size) */\n  --RS__pageGutter: 20px; /* See if colGap and pageGutter can be the same var */\n}\n\n/* Reset page margins for Forward compatibility */\n\n@page {\n  margin: 0 !important;\n}\n\n/* :root selector has same specificity as a class i.e. 0010\n   We might have to change that to html / context \n   -> https://css-tricks.com/almanac/selectors/r/root/ */\n\n:root {\n  /* In case you use left position to scroll, can be removed if using transform: translateX() */\n  position: relative;\n\n  -webkit-column-width: var(--RS__colWidth);\n  -moz-column-width: var(--RS__colWidth);\n  column-width: var(--RS__colWidth);\n\n  /* Init pagination */\n  /* TODO: document columns\u2019 logic cos it might feel weird at first */\n  -webkit-column-count: var(--RS__colCount);\n  -moz-column-count: var(--RS__colCount);\n  column-count: var(--RS__colCount);\n\n  -webkit-column-gap: var(--RS__colGap);\n  -moz-column-gap: var(--RS__colGap);\n  column-gap: var(--RS__colGap);\n\n  /* Default is balance and we want columns to be filled entirely (100vh) */\n  -moz-column-fill: auto;\n  column-fill: auto;\n  width: 100%;\n  height: 100vh;\n  max-width: 100%;\n  max-height: 100vh;\n  min-width: 100%;\n  min-height: 100vh;\n  padding: 0 !important;\n  margin: 0 !important;\n\n  /* Column size will depend on this if we want to make it responsive */\n  font-size: 100% !important;\n\n  -webkit-text-size-adjust: 100%;\n\n  /* Switch to newer box model (not inherited by authors\u2019 styles) */\n  box-sizing: border-box;\n\n  /* Fix bug for older Chrome */\n  -webkit-perspective: 1;\n  /* Prevents options pop-up when long tap in webkit */\n  -webkit-touch-callout: none;\n}\n\nbody {\n  /*  overflow: hidden; bugfix: contents won\u2019t paginate in Firefox and one sample in Safari */\n  width: 100%;\n\n  /* Limit line-length but we have to reset when 2 columns and control the viewport.\n     By using max-width + margin auto, margins will shrink when font-size increases,\n     which is what would be expected in terms of typography. */\n  max-width: var(--RS__maxLineLength) !important;\n  padding: 0 var(--RS__pageGutter) !important;\n  margin: 0 auto !important;\n\n  /* We need a minimum padding on body so that descandants/ascendants in italic/script are not cut-off.\n     Drawback: we have to use border-box so that it doesn\u2019t screw the box model,\n     which means it impacts colWidth and max-width */\n  box-sizing: border-box;\n}\n\n/* We\u2019ll now redefine margins and columns depending on the minimum width available\n   The goal is having the simplest model possible and avoid targeting devices */\n\n/* Smartphone landscape */\n\n@media screen and (min-width: 35em) {\n  :root {\n    --RS__pageGutter: 30px;\n  }\n}\n\n/* Tablet portrait */\n\n@media screen and (min-width: 45em) {\n  :root {\n    --RS__pageGutter: 40px;\n  }\n}\n\n/* Desktop + tablet large */\n\n/* We get the previous settings, we just change the margins */\n\n@media screen and (min-width: 75em) {\n  :root {\n    --RS__pageGutter: 50px;\n  }\n}\n\n/* At this point (80em or so), constraining line length must be done at the web view/iframe level, or by limiting the size of :root itself */\n\n/* Responsive columns */\n\n@media screen and (min-width: 60em),\n  screen and (min-device-width: 36em) and (max-device-width: 47em) and (orientation: landscape) {\n  :root {\n    /* The size at which we want 2 columns to switch to 1 (depending on font-size) */\n    --RS__colWidth: 20em; /* 20 * 16 = 320px but 20 * 28 = 560px so it will switch to 1 col @ 175% font-size (user-setting) on an iPad */\n    /* We constrain to 2 columns so that we can never get 3 or 4, etc. */\n    --RS__colCount: 2;\n    --RS__maxLineLength: 39.99rem; /* If we don\u2019t use this, colNumber user setting won\u2019t work in Safari\u2026 */\n  }\n}\n\n/* Readium CSS \n   Scroll module\n\n   A set of styles to scroll ePublications\n   This module overrides pagination\n\n   Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-scroll-on'] {\n  /* Reset columns, auto + auto = columns can\u2019t be created */\n  -webkit-columns: auto auto !important;\n  -moz-columns: auto auto !important;\n  columns: auto auto !important;\n  width: auto !important;\n  height: auto !important;\n  max-width: none !important;\n  max-height: none !important;\n  /* Reset html size so that the user can scroll */\n  min-width: 0 !important;\n  min-height: 0 !important;\n}\n\n/* Make sure line-length is limited in all configs */\n\n:root[style*='readium-scroll-on'] body {\n  --RS__maxLineLength: 40rem !important;\n\n  margin-top: var(--RS__pageGutter) !important;\n  margin-bottom: var(--RS__pageGutter) !important;\n}\n\n/* Scroll mode horizontal */\n\n/* Vertical writing needs body height set */\n\n/* Do we add a top/bottom margin for body in vertical scroll or not? */\n\n/* Readium CSS \n   Default highlights\n\n   A stylesheet for user highlights\n\n   Repo: https://github.com/readium/readium-css */\n\n/* User Highlights */\n\n.readiumCSS-yellow-highlight {\n  background-color: rgba(255, 255, 0, 0.5);\n}\n\n.readiumCSS-green-highlight {\n  background-color: rgba(0, 255, 0, 0.5);\n}\n\n.readiumCSS-orange-highlight {\n  background-color: rgba(255, 165, 0, 0.5);\n}\n\n.readiumCSS-pink-highlight {\n  background-color: rgba(255, 105, 180, 0.5);\n}\n\n/* Media overlays */\n\n.readiumCSS-mo-active-default {\n  color: black !important;\n  background-color: yellow !important;\n}\n\n/* Readium CSS \n   Night mode\n\n   A preset theme for night mode\n\n   Repo: https://github.com/readium/readium-css */\n\n/* CONFIG */\n\n/* [style*=\"--USER__appearance\"] can be used to increase specificity but performance hit */\n\n:root[style*='readium-night-on'] {\n  --RS__backgroundColor: #000000;\n  --RS__textColor: #fefefe;\n\n  --RS__linkColor: #63caff;\n  --RS__visitedColor: #0099e5;\n\n  /* This can be customized but initial will re-use default value of the browser */\n  --RS__selectionBackgroundColor: #b4d8fe;\n  --RS__selectionTextColor: inherit;\n}\n\n/* we don\u2019t need to redeclare bg-color and color for :root since we will inherit and update from day/default mode */\n\n:root[style*='readium-night-on'] *:not(a) {\n  color: inherit !important;\n  background-color: transparent !important;\n  border-color: currentColor !important;\n}\n\n:root[style*='readium-night-on'] svg text {\n  fill: currentColor !important;\n  stroke: none !important;\n}\n\n:root[style*='readium-night-on'] a:link,\n:root[style*='readium-night-on'] a:link * {\n  color: var(--RS__linkColor) !important;\n}\n\n:root[style*='readium-night-on'] a:visited,\n:root[style*='readium-night-on'] a:visited * {\n  color: var(--RS__visitedColor) !important;\n}\n\n:root[style*='readium-night-on'] img[class*='gaiji'],\n:root[style*='readium-night-on'] *[epub\\:type~='titlepage'] img:only-child {\n  -webkit-filter: invert(100%);\n  filter: invert(100%);\n}\n\n/* Darken all images on user\u2019s demand */\n\n:root[style*='readium-night-on'][style*='readium-darken-on'] img {\n  -webkit-filter: brightness(80%);\n  filter: brightness(80%);\n}\n\n/* Invert all images on user\u2019s demand */\n\n:root[style*='readium-night-on'][style*='readium-invert-on'] img {\n  -webkit-filter: invert(100%);\n  filter: invert(100%);\n}\n\n/* Darken and invert on user\u2019s demand */\n\n:root[style*='readium-night-on'][style*='readium-darken-on'][style*='readium-invert-on']\n  img {\n  -webkit-filter: brightness(80%) invert(100%);\n  filter: brightness(80%) invert(100%);\n}\n\n/* Readium CSS \n   Sepia mode\n\n   A preset theme for sepia mode\n\n   Repo: https://github.com/readium/readium-css */\n\n/* CONFIG */\n\n:root[style*='readium-sepia-on'] {\n  --RS__backgroundColor: #faf4e8;\n  --RS__textColor: #121212;\n\n  --RS__linkColor: #0000ee;\n  --RS__visitedColor: #551a8b;\n\n  /* This can be customized but initial will re-use default value of the browser */\n  --RS__selectionBackgroundColor: #b4d8fe;\n  --RS__selectionTextColor: inherit;\n\n  --RS__maxLineLength: 40.01rem; /* Forcing a reflow in Blink/Webkit so that blend mode can work */\n}\n\n/* we don\u2019t need to redeclare bg-color and color for :root since we will inherit and update from day/default mode */\n\n:root[style*='readium-sepia-on'] body {\n  /* Should be transparent but Chrome bug https://bugs.chromium.org/p/chromium/issues/detail?id=711955&q=mix-blend-mode&colspec=ID%20Pri%20M%20Stars%20ReleaseBlock%20Component%20Status%20Owner%20Summary%20OS%20Modified */\n\n  color: inherit;\n  background-color: var(--RS__backgroundColor);\n}\n\n:root[style*='readium-sepia-on'] a:link,\n:root[style*='readium-sepia-on'] a:link * {\n  color: var(--RS__linkColor);\n}\n\n:root[style*='readium-sepia-on'] a:visited,\n:root[style*='readium-sepia-on'] a:visited * {\n  color: var(--RS__visitedColor);\n}\n\n:root[style*='readium-sepia-on'] svg,\n:root[style*='readium-sepia-on'] img {\n  /* Make sure the proper bg-color is used for the blend mode */\n  background-color: transparent !important;\n  mix-blend-mode: multiply;\n}\n\n/* Readium CSS \n   OS Accessibility Modes\n\n   A stylesheet to deal with OS accessibility settings\n\n   Repo: https://github.com/readium/readium-css */\n\n/* Windows high contrast colors are mapped to CSS system color keywords\n   See http://www.gwhitworth.com/blog/2017/04/how-to-use-ms-high-contrast */\n\n@media screen and (-ms-high-contrast: active) {\n  :root {\n    color: windowText !important;\n    background-color: window !important;\n  }\n\n  /* The following selectors are super funky but it makes sure everything is inherited, this is indeed critical for this mode */\n  :root :not(#\\#):not(#\\#):not(#\\#),\n  :root\n    :not(#\\#):not(#\\#):not(#\\#)\n    :not(#\\#):not(#\\#):not(#\\#)\n    :root\n    :not(#\\#):not(#\\#):not(#\\#)\n    :not(#\\#):not(#\\#):not(#\\#)\n    :not(#\\#):not(#\\#):not(#\\#) {\n    color: inherit !important;\n    background-color: inherit !important;\n  }\n\n  .readiumCSS-mo-active-default {\n    color: highlightText !important;\n    background-color: highlight !important;\n  }\n\n  /* For links, hyperlink keyword is automatically set */\n\n  /* Should we also set user highlights? */\n}\n\n@media screen and (-ms-high-contrast: white-on-black) {\n  :root[style*='readium-night-on'] img[class*='gaiji'],\n  :root[style*='readium-night-on'] *[epub\\:type~='titlepage'] img:only-child {\n    -webkit-filter: none !important;\n    filter: none !important;\n  }\n  :root[style*='readium-night-on'][style*='readium-invert-on'] img {\n    -webkit-filter: none !important;\n    filter: none !important;\n  }\n  :root[style*='readium-night-on'][style*='readium-darken-on'][style*='readium-invert-on']\n    img {\n    -webkit-filter: brightness(80%);\n    filter: brightness(80%);\n  }\n}\n\n/* Will be true on recent versions of iOS and MacOS if inverted setting enabled by the user */\n\n@media screen and (inverted-colors) {\n  :root[style*='readium-night-on'] img[class*='gaiji'],\n  :root[style*='readium-night-on'] *[epub\\:type~='titlepage'] img:only-child {\n    -webkit-filter: none !important;\n    filter: none !important;\n  }\n  :root[style*='readium-night-on'][style*='readium-invert-on'] img {\n    -webkit-filter: none !important;\n    filter: none !important;\n  }\n  :root[style*='readium-night-on'][style*='readium-darken-on'][style*='readium-invert-on']\n    img {\n    -webkit-filter: brightness(80%);\n    filter: brightness(80%);\n  }\n}\n\n@media screen and (monochrome) {\n  /* Grayscale (Implemented in Safari, what about eInk?) */\n  /* Must deal with anything color (contrast) so must be managed at the night/sepia/theme level :( */\n}\n\n@media screen and (prefers-reduced-motion) {\n  /* If reduced motion is set on MacOS, in case we have animation/transition */\n}\n\n/* Readium CSS \n   Columns number pref\n\n   A submodule managing columns number for user settings\n   Part of \u201CChrome Advanced\u201D class \u2013 no flag required.\n\n   Repo: https://github.com/readium/readium-css */\n\n/* Number of columns = 1 | 2 */\n\n/* We still need to see if we allow users to force number of columns for all configs, currently it behaves as an \"auto\" setting */\n\n/* apply col setting except for mobile portrait */\n\n@media screen and (min-width: 60em),\n  screen and (min-device-width: 36em) and (max-device-width: 47em) and (orientation: landscape) {\n  :root[style*='--USER__colCount: 1'],\n  :root[style*='--USER__colCount:1'],\n  :root[style*='--USER__colCount: 2'],\n  :root[style*='--USER__colCount:2'] {\n    -webkit-column-count: var(--USER__colCount);\n    -moz-column-count: var(--USER__colCount);\n    column-count: var(--USER__colCount);\n  }\n\n  /* If one column, make sure we limit line-length */\n  :root[style*='--USER__colCount: 1'],\n  :root[style*='--USER__colCount:1'] {\n    --RS__maxLineLength: 40rem !important; /* This is the only way for the user setting to work in webkit\u2026 */\n    --RS__colWidth: 100vw;\n  }\n\n  /* If smartphone landscape, and 2 columns, col width the same as iPad landscape + desktop */\n  :root[style*='--USER__colCount: 2'],\n  :root[style*='--USER__colCount:2'] {\n    --RS__colWidth: auto; /* User explicitely tells he/she wants 2 columns, we reset floor value */\n  }\n}\n\n/* Readium CSS \n   Page margins pref\n\n   A submodule managing page margins for user settings\n   Part of \u201CChrome Advanced\u201D class \u2013 no flag required.\n\n   Repo: https://github.com/readium/readium-css */\n\n/* Page Margins: the user margin is a factor of the page gutter e.g. 0.5, 0.75, 1, 1.25, 1.5, etc. */\n\n:root[style*='--USER__pageMargins'] body {\n  padding: 0 calc(var(--RS__pageGutter) * var(--USER__pageMargins)) !important;\n}\n\n/* Readium CSS \n   Custom colors pref\n\n   A submodule managing custom colors for user settings\n   Part of \u201CChrome Advanced\u201D class \u2013 no flag required.\n\n   Repo: https://github.com/readium/readium-css */\n\n:root[style*='--USER__backgroundColor'] {\n  background-color: var(--USER__backgroundColor) !important;\n}\n\n:root[style*='--USER__backgroundColor'] * {\n  background-color: transparent !important;\n}\n\n:root[style*='--USER__textColor'] {\n  color: var(--USER__textColor) !important;\n}\n\n:root[style*='--USER__textColor']\n  *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(pre) {\n  color: inherit !important;\n}\n\n/* Readium CSS \n   Text align pref\n\n   A submodule managing text-align for user settings\n   Part of \u201CUser Overrides Advanced\u201D class \u2013 \u201Cadvanced settings\u201D flag required.\n\n   Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-advanced-on'][style*='--USER__textAlign'] {\n  text-align: var(--USER__textAlign);\n}\n\n:root[style*='readium-advanced-on'][style*='--USER__textAlign'] body,\n:root[style*='readium-advanced-on'][style*='--USER__textAlign']\n  *:not(blockquote):not(figcaption)\n  p,\n:root[style*='readium-advanced-on'][style*='--USER__textAlign'] li {\n  text-align: inherit !important;\n  -moz-text-align-last: auto !important;\n  -epub-text-align-last: auto !important;\n  text-align-last: auto !important;\n}\n\n/* In case something goes wrong at the programmatic level + rtl for body + rtl in ltr */\n\n:root[style*='readium-advanced-on'][dir='rtl'][style*='--USER__textAlign: left'],\n:root[style*='readium-advanced-on'][dir='rtl'][style*='--USER__textAlign:left'],\n:root[style*='readium-advanced-on'][style*='--USER__textAlign: left']\n  *[dir='rtl'],\n:root[style*='readium-advanced-on'][style*='--USER__textAlign:left']\n  *[dir='rtl'] {\n  text-align: right;\n}\n\n/* Edge, if logical value is used, think of it as a polyfill. For LTR, it will fall back to the default, which is left */\n\n:root[style*='readium-advanced-on'][dir='rtl'][style*='--USER__textAlign: start'],\n:root[style*='readium-advanced-on'][dir='rtl'][style*='--USER__textAlign:start'] {\n  text-align: right;\n}\n\n/* Readium CSS \n   Hyphenation pref\n\n   A submodule managing hyphens for user settings\n   Part of \u201CUser Overrides Advanced\u201D class \u2013 \u201Cadvanced settings\u201D flag required.\n\n   Repo: https://github.com/readium/readium-css */\n\n/* Managing hyphenation automatically for text-align values */\n\n:root[style*='readium-advanced-on'][style*='--USER__textAlign: justify'] body,\n:root[style*='readium-advanced-on'][style*='--USER__textAlign:justify'] body {\n  -webkit-hyphens: auto;\n  -moz-hyphens: auto;\n  -ms-hyphens: auto;\n  -epub-hyphens: auto;\n  hyphens: auto;\n}\n\n:root[style*='readium-advanced-on'][style*='--USER__textAlign: left'] body,\n:root[style*='readium-advanced-on'][style*='--USER__textAlign:left'] body,\n:root[style*='readium-advanced-on'][style*='--USER__textAlign: right'] body,\n:root[style*='readium-advanced-on'][style*='--USER__textAlign:right'] body {\n  -webkit-hyphens: none;\n  -moz-hyphens: none;\n  -ms-hyphens: none;\n  -epub-hyphens: none;\n  hyphens: none;\n}\n\n/* Managing the user override */\n\n:root[style*='readium-advanced-on'][style*='--USER__bodyHyphens'] {\n  -webkit-hyphens: var(--USER__bodyHyphens) !important;\n  -moz-hyphens: var(--USER__bodyHyphens) !important;\n  -ms-hyphens: var(--USER__bodyHyphens) !important;\n  -epub-hyphens: var(--USER__bodyHyphens) !important;\n  hyphens: var(--USER__bodyHyphens) !important;\n}\n\n/* Sorry, we can\u2019t use `:matches`, `:-moz-any` or `:-webkit-any` because MS doesn\u2019t support it yet */\n\n:root[style*='readium-advanced-on'][style*='--USER__bodyHyphens'] body,\n:root[style*='readium-advanced-on'][style*='--USER__bodyHyphens'] p,\n:root[style*='readium-advanced-on'][style*='--USER__bodyHyphens'] li,\n:root[style*='readium-advanced-on'][style*='--USER__bodyHyphens'] div,\n:root[style*='readium-advanced-on'][style*='--USER__bodyHyphens'] dd {\n  -webkit-hyphens: inherit;\n  -moz-hyphens: inherit;\n  -ms-hyphens: inherit;\n  -epub-hyphens: inherit;\n  hyphens: inherit;\n}\n\n/* Readium CSS \n   Font Family pref\n\n   A submodule managing font-family for user settings\n   Part of \u201CUser Overrides\u201D class \u2013 \u201Cfont override\u201D flag required.\n\n   Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] {\n  font-family: var(--USER__fontFamily) !important;\n}\n\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] body,\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] p,\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] li,\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] div,\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] dt,\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] dd {\n  font-family: inherit !important;\n}\n\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] i:not([lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] i:not([xml\\:lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] em:not([lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily']\n  em:not([xml\\:lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] cite:not([lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily']\n  cite:not([xml\\:lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] b:not([lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] b:not([xml\\:lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] strong:not([lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily']\n  strong:not([xml\\:lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] span:not([lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily']\n  span:not([xml\\:lang]) {\n  font-family: inherit !important;\n}\n\n/* Readium CSS \n   A11y font pref\n\n   A submodule managing a11y text normalization for user settings\n   Part of \u201CUser Overrides\u201D class \u2013 \u201Cfont override\u201D flag required.\n\n   Repo: https://github.com/readium/readium-css */\n\n/* For AccessibleDfA, we need to normalize font-weight and font-style since only the normal style is available */\n\n:root[style*='readium-font-on'][style*='AccessibleDfA'] {\n  /* We won\u2019t use the variable there since we need fallbacks for missing characters */\n  font-family: AccessibleDfA, Verdana, Tahoma, 'Trebuchet MS', sans-serif !important;\n  --RS__lineHeightCompensation: 1.167;\n}\n\n:root[style*='readium-font-on'][style*='IA Writer Duospace'] {\n  /* We won\u2019t use the variable there since we need fallbacks for missing characters */\n  font-family: 'IA Writer Duospace', Menlo, 'DejaVu Sans Mono',\n    'Bitstream Vera Sans Mono', Courier, monospace !important;\n  --RS__lineHeightCompensation: 1.167;\n}\n\n:root[style*='readium-font-on'][style*='readium-a11y-on'] {\n  font-family: var(--USER__fontFamily) !important;\n  --RS__lineHeightCompensation: 1.167;\n}\n\n/* Maybe users want a setting to normalize any font offered so there is a \u201Ca11y Normalize\u201D flag for it */\n\n:root[style*='readium-font-on'][style*='AccessibleDfA'],\n:root[style*='readium-font-on'][style*='IA Writer Duospace'],\n:root[style*='readium-font-on'][style*='readium-a11y-on'] {\n  font-style: normal !important;\n  font-weight: normal !important;\n}\n\n/* Targeting everything except code. Note that Open Dyslexic has a monospaced font for code */\n\n:root[style*='readium-font-on'][style*='AccessibleDfA']\n  *:not(code):not(var):not(kbd):not(samp),\n:root[style*='readium-font-on'][style*='IA Writer Duospace']\n  *:not(code):not(var):not(kbd):not(samp),\n:root[style*='readium-font-on'][style*='readium-a11y-on']\n  *:not(code):not(var):not(kbd):not(samp) {\n  font-family: inherit !important;\n  font-style: inherit !important;\n  font-weight: inherit !important;\n}\n\n/* Normalizing text-decoration, subs and sups */\n\n:root[style*='readium-font-on'][style*='AccessibleDfA'] *,\n:root[style*='readium-font-on'][style*='IA Writer Duospace'] *,\n:root[style*='readium-font-on'][style*='readium-a11y-on'] * {\n  text-decoration: none !important;\n  font-variant-caps: normal !important;\n  font-variant-numeric: normal !important;\n  font-variant-position: normal !important;\n}\n\n:root[style*='readium-font-on'][style*='AccessibleDfA'] sup,\n:root[style*='readium-font-on'][style*='IA Writer Duospace'] sup,\n:root[style*='readium-font-on'][style*='readium-a11y-on'] sup,\n:root[style*='readium-font-on'][style*='AccessibleDfA'] sub,\n:root[style*='readium-font-on'][style*='IA Writer Duospace'] sub,\n:root[style*='readium-font-on'][style*='readium-a11y-on'] sub {\n  font-size: 1rem !important;\n  vertical-align: baseline !important;\n}\n\n/* Readium CSS \n   Font size pref\n\n   A submodule managing font-size for user settings\n   Part of \u201CUser Overrides\u201D class \u2013 no flag required.\n\n   Repo: https://github.com/readium/readium-css */\n\n:root[style*='--USER__fontSize'] {\n  font-size: var(--USER__fontSize) !important;\n}\n\n/* Readium CSS \n   Line height pref\n\n   A submodule managing line-height for user settings\n   Part of \u201CUser Overrides Advanced\u201D class \u2013 \u201Cadvanced settings\u201D flag required.\n\n   Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-advanced-on'][style*='--USER__lineHeight'] {\n  line-height: calc(\n    (var(--USER__lineHeight) + (2ex - 1ch) - ((1rem - 16px) * 0.1667)) *\n      var(--RS__lineHeightCompensation)\n  ) !important;\n}\n\n:root[style*='readium-advanced-on'][style*='--USER__lineHeight'] body,\n:root[style*='readium-advanced-on'][style*='--USER__lineHeight'] p,\n:root[style*='readium-advanced-on'][style*='--USER__lineHeight'] li,\n:root[style*='readium-advanced-on'][style*='--USER__lineHeight'] div {\n  line-height: inherit;\n}\n\n/* Readium CSS \n   Para spacing pref\n\n   A submodule managing paragraphs\u2019 top and bottom margins for user settings\n   Part of \u201CUser Overrides Advanced\u201D class \u2013 \u201Cadvanced settings\u201D flag required.\n\n   Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-advanced-on'][style*='--USER__paraSpacing'] p {\n  margin-top: var(--USER__paraSpacing) !important;\n  margin-bottom: var(--USER__paraSpacing) !important;\n}\n\n/* Readium CSS \n   Para indent pref\n\n   A submodule managing paragraphs\u2019 text-indent for user settings\n   Part of \u201CUser Overrides Advanced\u201D class \u2013 \u201Cadvanced settings\u201D flag required.\n\n   Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-advanced-on'][style*='--USER__paraIndent'] p {\n  text-indent: var(--USER__paraIndent) !important;\n}\n\n/* If there are inline-block elements in paragraphs, text-indent will inherit so we must reset it */\n\n:root[style*='readium-advanced-on'][style*='--USER__paraIndent'] p *,\n:root[style*='readium-advanced-on'][style*='--USER__paraIndent']\n  p:first-letter {\n  text-indent: 0 !important;\n}\n\n/* Readium CSS \n   Word spacing pref\n\n   A submodule managing word-spacing for user settings\n   Part of \u201CUser Overrides Advanced\u201D class \u2013 \u201Cadvanced settings\u201D flag required.\n\n   Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] h1,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] h2,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] h3,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] h4,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] h5,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] h6,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] p,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] li,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] div {\n  word-spacing: var(--USER__wordSpacing);\n}\n\n/* Readium CSS \n   Letter spacing pref\n\n   A submodule managing letter-spacing for user settings\n   Part of \u201CUser Overrides Advanced\u201D class \u2013 \u201Cadvanced settings\u201D flag required.\n\n   Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] h1,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] h2,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] h3,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] h4,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] h5,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] h6,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] p,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] li,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] div {\n  letter-spacing: var(--USER__letterSpacing);\n  font-variant: none;\n}\n\n/* Readium CSS \n   Font size normalize\n\n   A stylesheet to normalize font-size\n\n   Repo: https://github.com/readium/readium-css */\n\n/* STYLES */\n\n/* :root is used so that you can quickly add a class or attribute if you prefer e.g. `:root[data-rs-normalize]` */\n\n/* We create a default so that you don\u2019t need to explicitly set one in the DOM.\n   Once the \u201CPublisher\u2019s styles\u201D checkbox is unchecked, the normalize is applied automatically */\n\n:root[style*='readium-advanced-on'] {\n  --USER__typeScale: 1.2; /* This is the default type scale you\u2019ll find in most publications */\n}\n\n:root[style*='readium-advanced-on'] p,\n:root[style*='readium-advanced-on'] li,\n:root[style*='readium-advanced-on'] div,\n:root[style*='readium-advanced-on'] pre,\n:root[style*='readium-advanced-on'] dd {\n  font-size: 1rem !important;\n}\n\n:root[style*='readium-advanced-on'] h1 {\n  /* Fallback if browser doesn\u2019t support vars */\n  font-size: 1.75rem !important;\n  font-size: calc(\n    ((1rem * var(--USER__typeScale)) * var(--USER__typeScale)) *\n      var(--USER__typeScale)\n  ) !important;\n}\n\n:root[style*='readium-advanced-on'] h2 {\n  /* Fallback if browser doesn\u2019t support vars */\n  font-size: 1.5rem !important;\n  font-size: calc(\n    (1rem * var(--USER__typeScale)) * var(--USER__typeScale)\n  ) !important;\n}\n\n:root[style*='readium-advanced-on'] h3 {\n  /* Fallback if browser doesn\u2019t support vars */\n  font-size: 1.25rem !important;\n  font-size: calc(1rem * var(--USER__typeScale)) !important;\n}\n\n:root[style*='readium-advanced-on'] h4,\n:root[style*='readium-advanced-on'] h5,\n:root[style*='readium-advanced-on'] h6 {\n  font-size: 1rem !important;\n}\n\n:root[style*='readium-advanced-on'] small {\n  font-size: smaller !important;\n}\n\n:root[style*='readium-advanced-on'] sub,\n:root[style*='readium-advanced-on'] sup {\n  font-size: 67.5% !important;\n}\n\n/* The following styles kick in if you define the typeScale variable in the DOM. \n   No need to repeat declarations which don\u2019t make use of the variable */\n\n:root[style*='readium-advanced-on'][style*='--USER__typeScale'] h1 {\n  font-size: calc(\n    ((1rem * var(--USER__typeScale)) * var(--USER__typeScale)) *\n      var(--USER__typeScale)\n  ) !important;\n}\n\n:root[style*='readium-advanced-on'][style*='--USER__typeScale'] h2 {\n  font-size: calc(\n    (1rem * var(--USER__typeScale)) * var(--USER__typeScale)\n  ) !important;\n}\n\n:root[style*='readium-advanced-on'][style*='--USER__typeScale'] h3 {\n  font-size: calc(1rem * var(--USER__typeScale)) !important;\n}\n"],
-  "mappings": "AAgDA,6CAEA,kDAEA,sDAEA,+CAIA,cACE,mBAGF,UACE,mBACA,OAGF,MAEE,mFAEA,oDACA,oHAEA,8DACA,sDAGA,4CAGA,gCAGA,gHAQF,KACE,sCAEA,gBACA,sCACA,kCAKF,SAGE,mBAGF,8BAGE,qBACA,0BACA,wBACA,kBAKF,KACE,6TAUF,UACE,6EACA,oCAGF,UACE,qHAIF,UACE,mHAEA,oCAGF,UACE,mGAIF,WACE,iFAEA,oCAGF,UACE,qHAIF,UACE,iHAEA,oCAGF,UACE,8HAEA,kCAGF,UACE,4IAGA,kCAGF,UACE,oFAIF,UACE,2GAIF,UACE,4MAKA,oCAGA,kOAGA,oVAIA,oOAGA,sVAMF,UACE,kHAEA,oCAGF,UACE,8GAEA,kCAGF,UACE,2HAIA,oCAGF,UACE,4GAIF,UACE,oHAEA,oCAGF,UACE,4GAEA,oCAGF,UACE,2GAEA,kCAGF,UACE,uHAEA,oCAGF,UACE,0GAEA,oCAGF,UACE,iIAIF,UACE,4GAEA,oCAKF,UACE,yKAKA,oCAGF,4BAEE,yKAKA,oCAGF,aACE,sMAKA,oCAYF,MACE,+BACA,yBAGA,wCACA,kCAGF,MACE,qCACA,sDAKF,iBACE,oCACA,qDAGF,YACE,oCACA,qDA0CF,KACE,SACA,UAGF,iBAGE,SACA,UAGF,6BAQE,iCACA,uBACA,kBAGF,+BASE,kCACA,wBACA,mBAKF,KACE,gCACA,6BACA,4BACA,wBACA,gCACA,4BACA,wBAGF,oEAcE,iBACA,kBACA,qBACA,mBACA,aAKF,KACE,qDAGF,6CAGE,mDAGF,qBAOE,mDAGF,MACE,8CAGF,SAEE,4BACA,2DAGF,GACE,6BAGF,UACE,wCAGF,UACE,oBAKF,GACE,cACA,0BAGF,YAGE,0BAKF,kBArgBA,cAqhBA,MAEE,gBAcF,GACE,eAcF,IACE,qBACA,eACA,gBACA,mBACA,WAKF,2BAEE,iCAGF,SACE,mBAKF,gBAEE,yBACA,sBACA,qBACA,iBAKF,mMAeE,kBAGF,oCAGE,qBAcF,MAEE,0BAIA,2BAGA,iCAGA,iCAOF,KACE,+CAGF,UACE,+CAKF,oBAOE,qBAGF,IACE,mCAOF,oBAKE,mBAEA,WACA,YAGA,mCAGA,+CAEA,qCAIA,kCACA,wBACA,mBAKF,MACE,mCACA,qCCxrBF,MACE,gDACA,6CAEA,uBACA,yBAEA,0BACA,qBACA,sBAEA,yBACA,4BAEA,qBACA,uBAMF,KACE,kBAEF,aACE,kBAGF,KACE,kCAGF,kBAME,sCAKF,6CAQE,kCACA,qCAGF,EACE,kCACA,qCACA,kCAGF,mCAOE,cAGF,IACE,sCAKF,iBAIE,sCAGF,QAEE,kBACA,gBACA,cAGF,IACE,aAGF,IACE,SAGF,MACE,2BAGF,SACE,8BAKF,GACE,4CACA,+CAEA,6FAKF,GACE,4CACA,qCAEA,oEAGF,GACE,kCACA,qCACA,2CAGF,GACE,kCACA,qCACA,cAGF,GACE,kCACA,qCACA,cACA,wBAGF,GACE,kCACA,gBACA,cACA,yBACA,wBAKF,SAGE,kCACA,qCAKF,MACE,gCACA,8BACA,yBACA,iBAGF,2BAIE,mBAGF,GACE,gBAGF,MA/LA,YAkME,8BCzIF,MAEE,qBAGA,kBAGA,gBAGA,2BAGA,uBAKF,MA5EA,mBAoFA,MAEE,kBAEA,yCACA,sCACA,iCAIA,yCACA,sCACA,iCAEA,qCACA,kCACA,6BAGA,sBACA,iBACA,WACA,aACA,eACA,iBACA,eACA,iBA9GF,uCAmHE,yBAEA,8BAGA,sBAGA,sBAEA,2BAGF,KAEE,WAKA,6CACA,0CAxIF,wBA8IE,sBAQF,oCACE,MACE,wBAMJ,oCACE,MACE,wBAQJ,oCACE,MACE,wBAQJ,kIAEE,MAEE,qBAEA,kBACA,+BAYJ,gCAEE,oCACA,iCACA,4BACA,qBACA,sBACA,yBACA,0BAEA,sBACA,uBAKF,qCACE,sCAEA,2CACA,8CAkBF,6BACE,2BAGF,4BACE,2BAGF,6BACE,2BAGF,2BACE,2BAKF,8BACE,qBACA,gCAcF,+BACE,+BACA,yBAEA,yBACA,4BAGA,wCACA,kCAKF,wCACE,wBACA,uCACA,oCAGF,wCACE,4BACA,sBAGF,8EAEE,qCAGF,oFAEE,wCAGF,wHAEE,4BACA,oBAKF,6DACE,+BACA,uBAKF,6DACE,4BACA,oBAKF,uFAEE,4CACA,oCAYF,+BACE,+BACA,yBAEA,yBACA,4BAGA,wCACA,kCAEA,8BAKF,oCAGE,cACA,4CAGF,8EAEE,2BAGF,oFAEE,8BAGF,sEAGE,uCACA,wBAaF,8CACE,MACE,2BACA,kCAIF,0LAQE,wBACA,mCAGF,8BACE,8BACA,sCAQJ,sDACE,wHAEE,8BACA,sBAEF,6DACE,8BACA,sBAEF,uFAEE,+BACA,wBAMJ,oCACE,wHAEE,8BACA,sBAEF,6DACE,8BACA,sBAEF,uFAEE,+BACA,wBA2BJ,kIAEE,8IAIE,2CACA,wCACA,mCAIF,uEAEE,sCACA,sBAIF,uEAEE,sBAcJ,uCACE,2EAWF,sCACE,wDAGF,wCACE,uCAGF,gCACE,uCAGF,2FAEE,wBAWF,4DACE,kCAGF,gOAKE,6BACA,oCACA,qCACA,+BAKF,sTAME,iBAKF,2JAEE,iBAaF,uJAEE,qBACA,kBACA,iBACA,mBACA,aAGF,oSAIE,qBACA,kBACA,iBACA,mBACA,aAKF,8DACE,mDACA,gDACA,+CACA,iDACA,2CAKF,uUAKE,wBACA,qBACA,oBACA,sBACA,gBAWF,yDACE,8CAGF,0WAME,8BAGF,04BAgBE,8BAaF,oDAEE,2EACA,oCAGF,2DAEE,2GAEA,oCAGF,sDACE,8CACA,oCAKF,qKAGE,4BACA,0BAKF,6RAME,8BACA,6BACA,8BAKF,2KAGE,+BACA,mCACA,sCACA,uCAGF,kWAME,yBACA,kCAWF,+BACE,0CAWF,6DACE,kIAMF,kQAIE,oBAWF,gEACE,8CACA,iDAWF,+DACE,8CAKF,6IAGE,wBAWF,ykBASE,sCAWF,2lBASE,0CACA,kBAiBF,kCACE,uBAGF,0LAKE,yBAGF,qCAEE,4BACA,8GAMF,qCAEE,2BACA,mFAKF,qCAEE,4BACA,wDAGF,+GAGE,yBAGF,wCACE,4BAGF,4EAEE,0BAMF,+DACE,8GAMF,+DACE,mFAKF,+DACE",
-  "names": []
-}