body,html{width:100%;height:100%}*{padding:0;margin:0;box-sizing:border-box}body{min-height:100vh}body,body *{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.1em}#root{width:100%;height:100vh}:root{--comic-height:100%;--comic-width:100%;--highlight-color:red}.comic{display:block;padding:0;margin:0;border:var(--border);width:100%;width:var(--comic-width);height:100%;height:var(--comic-height)}.comicDisplay{font-size:0;width:100%;height:100%;padding:8px;display:block;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;text-align:center;-ms-scroll-chaining:none;overscroll-behavior:none;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.comicDisplay::-webkit-scrollbar{display:none;visibility:hidden;height:0}.comicPage{display:inline-block;width:100%;height:100%;background-position:50%;background-repeat:no-repeat;background-size:contain}.comicPage[style^=background-image]{scroll-snap-stop:always;scroll-snap-align:center}:root{--border:none;--shadow:4px 4px 6px #303030;--theme:#404040;--theme-light:grey}.comicReader{padding:0;margin:0;box-sizing:border-box;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:50px calc(100% - 50px);outline:none;background-color:grey;background-color:var(--theme-light);color:#f0f0f0}.comicReader,.comicReader *{-webkit-user-select:none;-ms-user-select:none;user-select:none}.mainContent{width:100%;height:100%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:100%;overflow:hidden}@media only screen and (max-width:600px){.mainContent{grid-template-columns:0 auto!important}}.contentCenter{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.menuBar{display:grid;width:100%;height:50px;line-height:50px;text-align:center;border-bottom:var(--border);background-color:var(--theme);box-shadow:var(--shadow);grid-template-rows:100%;grid-template-columns:50px auto}.returnArrow{-webkit-transform-origin:center;transform-origin:center;width:100%;height:100%;border-left:4px solid #fff;border-bottom:4px solid #fff;-webkit-transform:rotate(45deg) scale(.4);transform:rotate(45deg) scale(.4);cursor:pointer}.returnArrow.invisible{pointer-events:none;visibility:hidden}:root{--hide-icon-size:50px}.pagePreviewContainer{display:block;transition:all .5s}.pagePreviewContainer.panelHidden{-webkit-transform:translateX(-200px);transform:translateX(-200px);width:0}.pagePreviewSection{display:block;margin-top:-50px;margin-top:calc(0px - var(--hide-icon-size));width:200px;height:100%;border:none;border-right:var(--border);overflow-x:hidden;overflow-y:scroll;background-color:var(--theme);box-shadow:var(--shadow)}.pagePreviewContainer.hidden .pagePreviewSection{display:none}.pagePreviewHideArrow{position:relative;box-sizing:border-box;width:50px;width:var(--hide-icon-size);height:50px;height:var(--hide-icon-size);top:0;left:200px;background:linear-gradient(to bottom right,var(--theme) 50%,transparent 0);cursor:pointer}.pagePreviewHideArrowIcon{display:block;-webkit-transform-origin:center;transform-origin:center;width:30px;height:30px;border-left:4px solid #fff;border-bottom:4px solid #fff;-webkit-transform:translate(5px) rotate(45deg) scale(.4);transform:translate(5px) rotate(45deg) scale(.4)}.pagePreviewContainer.panelHidden .pagePreviewHideArrowIcon{-webkit-transform:translate(0) rotate(-135deg) scale(.4);transform:translate(0) rotate(-135deg) scale(.4)}.pagePreview{display:block;padding:4px;cursor:pointer;transition:all .12s;background-position:50%;background-size:contain}.pagePreview.placeholder{width:100%;background-color:#fff}@supports(aspect-ratio:2/3){.pagePreview.placeholder{aspect-ratio:2/3!important}}@supports not(aspect-ratio:2/3){.pagePreview.placeholder{height:274px}}.pagePreview:hover{padding:8px}.pagePreview.selected{background-color:var(--highlight-color)}
/*# sourceMappingURL=main.d0ad42ff.chunk.css.map */