.reader-module__rSrqLa__reader{width:100vw;height:100vh;position:relative;overflow:hidden}.reader-module__rSrqLa__container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.reader-module__rSrqLa__navLeft{z-index:10;width:50%;height:100%;position:absolute;top:0;left:0}.reader-module__rSrqLa__navRight{z-index:10;width:50%;height:100%;position:absolute;top:0;right:0}.reader-module__rSrqLa__pageContainer{width:100%;height:calc(100vh - 40px);position:relative}.reader-module__rSrqLa__pageImage{object-fit:contain;width:100%;height:100%}.reader-module__rSrqLa__endPanel{background:0 0;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.reader-module__rSrqLa__endNavLeft{z-index:5;width:30%;height:100%;position:absolute;top:0;left:0}.reader-module__rSrqLa__endNavRight{z-index:10;width:30%;height:100%;position:absolute;top:0;right:0}.reader-module__rSrqLa__pageIndicator{color:#fff;z-index:20;pointer-events:none;background-color:#000000b3;border-radius:.25rem;padding:.5rem 1rem;font-size:.875rem;position:absolute;bottom:1rem;right:1rem}.reader-module__rSrqLa__progressContainer{z-index:25;width:100%;padding-top:20px;position:absolute;bottom:0;left:0}.reader-module__rSrqLa__progressBar{padding:10px;transition:all .1s}.reader-module__rSrqLa__buttonWrapper{cursor:url(/ui/cursor/pointer.svg) 0 0,auto;justify-content:space-between;align-items:flex-end;gap:1px;width:100%;display:flex}.reader-module__rSrqLa__pageButton{cursor:pointer;background-color:#928fc333;border:none;flex:1;height:3px;transition:all .1s;position:relative}.reader-module__rSrqLa__pageButton:first-child{border-radius:25px 0 0 25px}.reader-module__rSrqLa__progressContainer:hover .reader-module__rSrqLa__progressBar{background:#040819;padding:20px 10px}.reader-module__rSrqLa__progressContainer:hover .reader-module__rSrqLa__pageButton{height:14px}.reader-module__rSrqLa__pageButton:after{content:attr(data-page);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;z-index:30;background-color:#000c;border-radius:4px;margin-bottom:5px;padding:4px 8px;font-size:12px;transition:opacity .2s,visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.reader-module__rSrqLa__pageButton:before{content:"";opacity:0;visibility:hidden;z-index:30;border:4px solid #0000;border-top-color:#000c;margin-bottom:1px;transition:opacity .2s,visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.reader-module__rSrqLa__pageButton:hover:after,.reader-module__rSrqLa__pageButton:hover:before{opacity:1;visibility:visible}.reader-module__rSrqLa__pageButton:hover{background-color:#fff9}.reader-module__rSrqLa__pageButtonActive,.reader-module__rSrqLa__pageButtonRead{background-color:var(--blue)!important}.reader-module__rSrqLa__endButton{border-radius:0 25px 25px 0}.reader-module__rSrqLa__pageTooltip{color:#fff;white-space:nowrap;pointer-events:none;z-index:30;background-color:#000c;border-radius:4px;margin-bottom:5px;padding:4px 8px;font-size:12px;position:absolute;bottom:100%;transform:translate(-50%)}.reader-module__rSrqLa__pageTooltip:after{content:"";border:4px solid #0000;border-top-color:#000c;position:absolute;top:100%;left:50%;transform:translate(-50%)}.reader-module__rSrqLa__navLeft,.reader-module__rSrqLa__navRight,.reader-module__rSrqLa__endNavLeft{-webkit-user-select:none;user-select:none}@media (max-width:768px){.reader-module__rSrqLa__pageImage{object-fit:contain;width:100vw;height:auto;min-height:100vh}.reader-module__rSrqLa__pageContainer{width:100vw;height:auto;min-height:100vh}.reader-module__rSrqLa__endTitle{font-size:1.5rem}.reader-module__rSrqLa__endText{font-size:1rem}.reader-module__rSrqLa__endContent{max-width:90%;padding:1rem}.reader-module__rSrqLa__progressContainer{padding:0 5px 5px}.reader-module__rSrqLa__pageButton{height:4px}.reader-module__rSrqLa__progressContainer:hover .reader-module__rSrqLa__pageButton{height:8px}.reader-module__rSrqLa__pageTooltip{padding:2px 6px;font-size:10px}}