:is(.loader,.loader--simple){width:100vw;height:100%;position:absolute;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loader--simple{height:100%;z-index:10000;transition:.2s opacity ease,.2s visibility ease;opacity:0;visibility:hidden}.loader--simple:is(.show){opacity:1;visibility:visible}@keyframes spinLoader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loader--simple svg circle{transform-origin:50% 50%;animation:spinLoader 1s infinite linear}body.dark .loader--simple svg circle{stroke:var(--dark-color)}body.light .loader--simple svg circle{stroke:var(--light-color)}.loader__wrapper{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;visibility:hidden;transition:1s opacity ease,1s visibility ease;animation:loaderFadeIn 1s ease-in-out forwards}.loader:is(.app__loader,.no-animation) .loader__wrapper{animation:none;opacity:1;visibility:visible}.loader.no-animation .loader__bookname{opacity:0;visibility:hidden;transition:1s opacity ease,1s visibility ease;animation:loaderFadeIn 1s ease-in-out forwards}@keyframes loaderFadeIn{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:visible}}@keyframes loaderFadeOut{0%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}.loader.roothidden{opacity:0;z-index:-1;transition:opacity .75s}.loader.roothidden .loader__wrapper{animation:loaderFadeOut .5s ease-in-out forwards}.loader__transparent{width:6em;height:6em}.loader__transparent img{width:100%}.loader__bookname{color:currentColor;font-size:27px;font-weight:700;width:90%;max-width:400px;text-align:center;word-break:break-word;margin-top:4vh}@media only screen and (max-width:1024px){.loader__bookname{font-size:22px}.is_mobile .loader__bookname{font-size:27px}.loader__transparent{width:5em;height:5em}.is_mobile .loader__transparent{width:6em;height:6em}}.loader__publuu{bottom:5px;position:fixed;font-size:70%;color:inherit}.loader__publuu a{text-decoration:none;color:inherit;font-weight:300}.loader__image-container{border-radius:50%;background-color:rgba(0,0,0,0);padding:8px;margin-top:10vh}.loader__image-container svg>*{stroke:currentColor}.loader__logo-container{margin-top:0;max-height:10vh;max-width:200px;width:200px;margin-bottom:50px;text-align:center;top:12%;position:absolute;opacity:0;visibility:hidden;transition:1s opacity ease,1s visibility ease}.loader__logo-container.show{animation:loaderFadeIn 1s ease-in-out forwards}.loader__logo-container>img{max-height:10vh;max-width:200px}.loader__logo-container>svg{width:200px!important}.book{--color:currentColor;--duration:5s;width:32px;height:12px;position:relative;margin:32px 0 0 0;transform:scale(.6);-moz-transform:scale(.6)}@media only screen and (max-width:1024px){.book{transform:scale(.4);-moz-transform:scale(.4)}}.book .inner{width:32px;height:12px;position:relative;transform-origin:2px 2px;transform:rotateZ(0)}.book .inner :is(.left,.right){width:60px;height:4px;top:0;border-radius:2px;background:var(--color);position:absolute}.book .inner .left{right:28px;transform-origin:58px 2px;transform:rotateZ(0);animation:left var(--duration) ease 1}.book .inner .right{left:28px;transform-origin:2px 2px;transform:rotateZ(0);animation:right var(--duration) ease 1}.book .inner .middle{width:32px;height:12px;border:4px solid var(--color);border-top:0;border-radius:0 0 9px 9px;transform:translateY(2px)}.book ul{margin:0;padding:0;list-style:none;position:absolute;left:50%;top:0}.book ul li{height:3px;border-radius:0;transform-origin:100% 2px;width:48px;right:0;top:-10px;position:absolute;background:var(--color);transform:rotate(0) translateX(-18px);animation-duration:var(--duration);animation-timing-function:ease;animation-iteration-count:infinite;opacity:1}.book ul li:nth-child(0){animation-name:page-0}.book ul li:first-child{animation-name:page-1}.book ul li:nth-child(2){animation-name:page-2}.book ul li:nth-child(3){animation-name:page-3}.book ul li:nth-child(4){animation-name:page-4}.book ul li:nth-child(5){animation-name:page-5}.book ul li:nth-child(6){animation-name:page-6}.book ul li:nth-child(7){animation-name:page-7}.book ul li:nth-child(8){animation-name:page-8}.book ul li:nth-child(9){animation-name:page-9}.book ul li:nth-child(10){animation-name:page-10}.book ul li:nth-child(11){animation-name:page-11}.book ul li:nth-child(12){animation-name:page-12}.book ul li:nth-child(13){animation-name:page-13}.book ul li:nth-child(14){animation-name:page-14}.book ul li:nth-child(15){animation-name:page-15}.book ul li:nth-child(16){animation-name:page-16}.book ul li:nth-child(17){animation-name:page-17}.book ul li:nth-child(18){animation-name:page-18}@keyframes page-0{0%,3.99%{opacity:0}4%{opacity:1;transform:rotate(0) translateX(-18px);-webkit-transform:rotate(0) translateX(-18px);-ms-transform:rotate(0) translateX(-18px);-o-transform:rotate(0) translateX(-18px)}100%,15%{transform:rotate(180deg) translateX(-18px);-webkit-transform:rotate(180deg) translateX(-18px);-ms-transform:rotate(180deg) translateX(-18px);-o-transform:rotate(180deg) translateX(-18px)}}@keyframes page-1{0%,6.99%{opacity:0}7%{opacity:1;transform:rotate(0) translateX(-18px);-webkit-transform:rotate(0) translateX(-18px);-ms-transform:rotate(0) translateX(-18px);-o-transform:rotate(0) translateX(-18px)}100%,18%{transform:rotate(180deg) translateX(-18px);-webkit-transform:rotate(180deg) translateX(-18px);-ms-transform:rotate(180deg) translateX(-18px);-o-transform:rotate(180deg) translateX(-18px)}}@keyframes page-2{0%,9.99%{opacity:0}10%{opacity:1;transform:rotate(0) translateX(-18px);-webkit-transform:rotate(0) translateX(-18px);-ms-transform:rotate(0) translateX(-18px);-o-transform:rotate(0) translateX(-18px)}100%,21%{transform:rotate(180deg) translateX(-18px);-webkit-transform:rotate(180deg) translateX(-18px);-ms-transform:rotate(180deg) translateX(-18px);-o-transform:rotate(180deg) translateX(-18px)}}@keyframes page-3{0%,12.99%{opacity:0}13%{opacity:1;transform:rotate(0) translateX(-18px);-webkit-transform:rotate(0) translateX(-18px);-ms-transform:rotate(0) translateX(-18px);-o-transform:rotate(0) translateX(-18px)}100%,24%{transform:rotate(180deg) translateX(-18px);-webkit-transform:rotate(180deg) translateX(-18px);-ms-transform:rotate(180deg) translateX(-18px);-o-transform:rotate(180deg) translateX(-18px)}}@keyframes page-4{0%,15.99%{opacity:0}16%{opacity:1;transform:rotate(0) translateX(-18px);-webkit-transform:rotate(0) translateX(-18px);-ms-transform:rotate(0) translateX(-18px);-o-transform:rotate(0) translateX(-18px)}100%,27%{transform:rotate(180deg) translateX(-18px);-webkit-transform:rotate(180deg) translateX(-18px);-ms-transform:rotate(180deg) translateX(-18px);-o-transform:rotate(180deg) translateX(-18px)}}@keyframes page-5{0%,18.99%{opacity:0}19%{opacity:1;transform:rotate(0) translateX(-18px);-webkit-transform:rotate(0) translateX(-18px);-ms-transform:rotate(0) translateX(-18px);-o-transform:rotate(0) translateX(-18px)}100%,30%{transform:rotate(180deg) translateX(-18px);-webkit-transform:rotate(180deg) translateX(-18px);-ms-transform:rotate(180deg) translateX(-18px);-o-transform:rotate(180deg) translateX(-18px)}}@keyframes page-6{0%,21.99%{opacity:0}22%{opacity:1;transform:rotate(0) translateX(-18px);-webkit-transform:rotate(0) translateX(-18px);-ms-transform:rotate(0) translateX(-18px);-o-transform:rotate(0) translateX(-18px)}100%,33%{transform:rotate(180deg) translateX(-18px);-webkit-transform:rotate(180deg) translateX(-18px);-ms-transform:rotate(180deg) translateX(-18px);-o-transform:rotate(180deg) translateX(-18px)}}@keyframes page-7{0%,24.99%{opacity:0}25%{opacity:1;transform:rotate(0) translateX(-18px);-webkit-transform:rotate(0) translateX(-18px);-ms-transform:rotate(0) translateX(-18px);-o-transform:rotate(0) translateX(-18px)}100%,36%{transform:rotate(180deg) translateX(-18px);-webkit-transform:rotate(180deg) translateX(-18px);-ms-transform:rotate(180deg) translateX(-18px);-o-transform:rotate(180deg) translateX(-18px)}}@keyframes page-8{0%,27.99%{opacity:0}28%{opacity:1;transform:rotate(0) translateX(-18px);-webkit-transform:rotate(0) translateX(-18px);-ms-transform:rotate(0) translateX(-18px);-o-transform:rotate(0) translateX(-18px)}100%,39%{transform:rotate(180deg) translateX(-18px);-webkit-transform:rotate(180deg) translateX(-18px);-ms-transform:rotate(180deg) translateX(-18px);-o-transform:rotate(180deg) translateX(-18px)}}@keyframes page-9{0%,30.99%{opacity:0}31%{opacity:1;transform:rotate(0) translateX(-18px);-webkit-transform:rotate(0) translateX(-18px);-ms-transform:rotate(0) translateX(-18px);-o-transform:rotate(0) translateX(-18px)}100%,42%{transform:rotate(180deg) translateX(-18px);-webkit-transform:rotate(180deg) translateX(-18px);-ms-transform:rotate(180deg) translateX(-18px);-o-transform:rotate(180deg) translateX(-18px)}}@keyframes page-10{0%,33.99%{opacity:0}34%{opacity:1;transform:rotate(0) translateX(-18px);-webkit-transform:rotate(0) translateX(-18px);-ms-transform:rotate(0) translateX(-18px);-o-transform:rotate(0) translateX(-18px)}100%,45%{transform:rotate(180deg) translateX(-18px);-webkit-transform:rotate(180deg) translateX(-18px);-ms-transform:rotate(180deg) translateX(-18px);-o-transform:rotate(180deg) translateX(-18px)}}@keyframes page-11{0%,36.99%{opacity:0}37%{opacity:1;transform:rotate(0) translateX(-18px);-webkit-transform:rotate(0) translateX(-18px);-ms-transform:rotate(0) translateX(-18px);-o-transform:rotate(0) translateX(-18px)}100%,48%{transform:rotate(180deg) translateX(-18px);-webkit-transform:rotate(180deg) translateX(-18px);-ms-transform:rotate(180deg) translateX(-18px);-o-transform:rotate(180deg) translateX(-18px)}}@keyframes page-12{0%,39.99%{opacity:0}40%{opacity:1;transform:rotate(0) translateX(-18px);-webkit-transform:rotate(0) translateX(-18px);-ms-transform:rotate(0) translateX(-18px);-o-transform:rotate(0) translateX(-18px)}100%,51%{transform:rotate(180deg) translateX(-18px);-webkit-transform:rotate(180deg) translateX(-18px);-ms-transform:rotate(180deg) translateX(-18px);-o-transform:rotate(180deg) translateX(-18px)}}@keyframes page-13{0%,42.99%{opacity:0}43%{opacity:1;transform:rotate(0) translateX(-18px);-webkit-transform:rotate(0) translateX(-18px);-ms-transform:rotate(0) translateX(-18px);-o-transform:rotate(0) translateX(-18px)}100%,54%{transform:rotate(180deg) translateX(-18px);-webkit-transform:rotate(180deg) translateX(-18px);-ms-transform:rotate(180deg) translateX(-18px);-o-transform:rotate(180deg) translateX(-18px)}}@keyframes page-14{0%,45.99%{opacity:0}46%{opacity:1;transform:rotate(0) translateX(-18px);-webkit-transform:rotate(0) translateX(-18px);-ms-transform:rotate(0) translateX(-18px);-o-transform:rotate(0) translateX(-18px)}100%,57%{transform:rotate(180deg) translateX(-18px);-webkit-transform:rotate(180deg) translateX(-18px);-ms-transform:rotate(180deg) translateX(-18px);-o-transform:rotate(180deg) translateX(-18px)}}@keyframes page-15{0%,48.99%{opacity:0}49%{opacity:1;transform:rotate(0) translateX(-18px);-webkit-transform:rotate(0) translateX(-18px);-ms-transform:rotate(0) translateX(-18px);-o-transform:rotate(0) translateX(-18px)}100%,60%{transform:rotate(180deg) translateX(-18px);-webkit-transform:rotate(180deg) translateX(-18px);-ms-transform:rotate(180deg) translateX(-18px);-o-transform:rotate(180deg) translateX(-18px)}}@keyframes page-16{0%,52.99%{opacity:0}52%{opacity:1;transform:rotate(0) translateX(-18px);-webkit-transform:rotate(0) translateX(-18px);-ms-transform:rotate(0) translateX(-18px);-o-transform:rotate(0) translateX(-18px)}100%,63%{transform:rotate(180deg) translateX(-18px);-webkit-transform:rotate(180deg) translateX(-18px);-ms-transform:rotate(180deg) translateX(-18px);-o-transform:rotate(180deg) translateX(-18px)}}@keyframes page-17{0%,54.99%{opacity:0}55%{opacity:1;transform:rotate(0) translateX(-18px);-webkit-transform:rotate(0) translateX(-18px);-ms-transform:rotate(0) translateX(-18px);-o-transform:rotate(0) translateX(-18px)}100%,66%{transform:rotate(180deg) translateX(-18px);-webkit-transform:rotate(180deg) translateX(-18px);-ms-transform:rotate(180deg) translateX(-18px);-o-transform:rotate(180deg) translateX(-18px)}}@keyframes page-18{0%,57.99%{opacity:0}58%{opacity:1;transform:rotate(0) translateX(-18px);-webkit-transform:rotate(0) translateX(-18px);-ms-transform:rotate(0) translateX(-18px);-o-transform:rotate(0) translateX(-18px)}100%,69%{transform:rotate(180deg) translateX(-18px);-webkit-transform:rotate(180deg) translateX(-18px);-ms-transform:rotate(180deg) translateX(-18px);-o-transform:rotate(180deg) translateX(-18px)}}@keyframes left{0%{transform:rotateZ(90deg)}10%,40%{transform:rotateZ(0)}}@keyframes right{0%{transform:rotateZ(-90deg)}10%,40%{transform:rotateZ(0)}}@keyframes book{4%{transform:rotateZ(-90deg)}10%,40%{transform:rotateZ(0);transform-origin:2px 2px}40.01%,59.99%{transform-origin:30px 2px}46%,54%{transform:rotateZ(90deg)}60%,90%{transform:rotateZ(0);transform-origin:2px 2px}96%{transform:rotateZ(-90deg)}}