﻿.loadingBackground,.loadingCircle{display:inline-block;width:192px;height:192px}.loadingState,.mainChapterSelect,.mainPageBox h1{text-align:center;color:#efefef}html{overflow-y:hidden}body.logged-in{margin-top:0!important}.loadingBackground{position:absolute;/*! background:	transparent; *//*! opacity: 0.4; */border-radius:50%;border:32px solid #4e5d6c;clip-path:circle(47%);background:#4e5d6c}.loadingCircle{position:relative}.loadingCircle div{animation:1.2s cubic-bezier(.5,0,.5,1) infinite loadingCircle;transform-origin:96px 96px}.loadingCircle div:after{content:" ";display:block;position:absolute;width:18px;height:18px;border-radius:50%;background:#768595;border:3px solid #4e5d6c;margin:-9px 0 0 -9px}.loadingCircle div:first-child{animation-delay:-36ms}.loadingCircle div:first-child:after{top:150px;left:150px}.loadingCircle div:nth-child(2){animation-delay:-72ms}.loadingCircle div:nth-child(2):after{top:162px;left:135px}.loadingCircle div:nth-child(3){animation-delay:-108ms}.loadingCircle div:nth-child(3):after{top:171px;left:117px}.loadingCircle div:nth-child(4){animation-delay:-144ms}.loadingCircle div:nth-child(4):after{top:174px;left:96px}.loadingCircle div:nth-child(5){animation-delay:-.18s}.loadingCircle div:nth-child(5):after{top:171px;left:75px}.loadingCircle div:nth-child(6){animation-delay:-216ms}.loadingCircle div:nth-child(6):after{top:162px;left:57px}.loadingCircle div:nth-child(7){animation-delay:-252ms}.loadingCircle div:nth-child(7):after{top:150px;left:42px}.loadingCircle div:nth-child(8){animation-delay:-288ms}.loadingCircle div:nth-child(8):after{top:135px;left:30px}@keyframes loadingCircle{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loadingState{font-size:40px;position:absolute}.centerContainer{display:flex;height:100vh;align-items:center;justify-content:center}.logged-in .centerContainer{height:calc(100vh - 32px)}.mainPageBox{background:#4e5d6c;border:1px solid #768595;padding:15px 30px;color:#efefef}.mainPageBox h1{font-size:50px;margin:0}.mainChapterSelect{width:100%;font-size:30px;text-align-last:center;box-sizing:content-box;background:#4e5d6c;border:2px solid #768595;-moz-appearance:none;-webkit-appearance:none;appearance:none}.mangaReader{height:100%;background:#4e5d6c;min-width:300px/*! display: grid; */}.mangaImageContainer{/*! height: calc(100% - 50px); */height:100%;display:flex;align-content:center;justify-content:center;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none;position:relative}.mangaImages{display:flex;flex-direction:column;height:100%;overflow:scroll}.mangaImage{height:100%;object-fit:contain}.zoomedIn{max-width:90vw;overflow-y:auto;z-index:2;background:#fff}.zoomedIn .mangaImageContainer{height:auto}.zoomedIn .mangaImage{min-height:100vh}.logged-in .mangaImage{min-height:calc(100vh - 32px)}.mangaControlsHover{position:fixed;bottom:0;width:100%;left:0;height:70px}.mangaControlsContainer{background:#4e5d6c;width:100%}.mangaControls{height:50px;display:flex;width:450px;margin:70px auto auto;transition:.8s ease-in-out}.mangaReaderScroller .mangaControls{width:200px}.mangaControlsHover:hover .mangaControls{margin-top:20px;transition:.4s ease-in-out}.mangaControlsHover:focus-within .mangaControls{margin-top:20px;transition:.4s ease-in-out}.chapterControlContainer,.pageControlContainer{width:40%;display:flex;justify-content:center}.mangaReaderScroller .chapterControlContainer{width:100%}.zoomControlContainer{width:20%;display:flex;justify-content:center}.zoomControlButton{height:100%;width:60%;background-size:70%;background-position:center;background-repeat:no-repeat}.navigationButton,.readerSelect{width:100%;text-align:center;text-align-last:center;background:#4e5d6c;color:#efefef;font-size:30px}.zoomControlButton.zoomIn{background-image:url("../img/zoomInBorderless.svg")}.zoomControlButton.zoomOut{background-image:url("../img/zoomOutBorderless.svg")}.chapterControl,.pageControl{display:flex}.readerSelect{min-width:80px;border:2px solid #768595;border-top:none;border-bottom:none;border-radius:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;scrollbar-width:thin;scrollbar-color:#abb6c1 transparent}.readerSelect::-webkit-scrollbar{width:8px}.readerSelect::-webkit-scrollbar-thumb{background:#abb6c1}.navigationButton{height:100%;border:none;padding:3px 18px}.nextButton,.previousButton{background-image:url("../img/arrow.svg");height:100%;background-size:36px;background-position:center;background-repeat:no-repeat;width:40px}.navigationButton:hover,.readerSelect:hover,.zoomControlButton:hover{background-color:#384451}.previousButton{transform:scaleX(-1)}.pageSwapArrows,.zoomedPageSwapArrows{width:100%;height:100%;position:absolute;display:flex}.swapArrow{width:50%;height:100%}.rightArrow{cursor:url("../img/arrowRight.svg") 16 16,pointer}.leftArrow{cursor:url("../img/arrowLeft.svg") 16 16,pointer}.zoomButton{width:40%;height:100%}.mangaChaptersKeeper{position:absolute;pointer-events:none;z-index:-69;visibility:hidden}.mangaChapterCount{position:absolute;left:3vw;bottom:3vw;background:#4e5d6c;color:#efefef;/*! padding: 0.4vw 0.8vw; */font-size:30px;/*! backdrop-filter: blur(5px); */width:100px;height:60px;display:flex;align-items:center;justify-content:center;direction:ltr;z-index:420;border:2px solid #768595;transition:1s ease-in-out;pointer-events:none}.mangaControlsHover:hover .mangaChapterCount{bottom:calc(3vw + 60px);transition:.4s ease-in-out}.mangaControlsHover:focus-within .mangaChapterCount{bottom:calc(3vw + 60px);transition:.4s ease-in-out}@media screen and (max-width:782px){body.logged-in{margin-top:0!important}.logged-in .centerContainer{height:calc(100vh - 46px)}.logged-in .mangaImage{min-height:calc(100vh - 46px)}.mangaChapterCount,.pageSwapArrows,.zoomControlContainer,.zoomedPageSwapArrows{display:none}.mainPageBox,.mangaImage,.mangaReader{width:100%}.mangaImageContainer{height:calc(100% - 50px)}.mangaControlsHover,.mangaImage{height:auto}.mangaControls{width:100%;margin:auto}.mainPageBox{border-left:none;border-right:none;border-bottom-width:2px;border-top-width:2px}.chapterControlContainer,.pageControlContainer{width:50%}}@media screen and (orientation:landscape) and (max-width:782px){.mangaImage{padding-bottom:50px;object-fit:auto}.mangaImageContainer{height:max-content}}