@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-stretch:normal;src:url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabVmQiA8.ttf) format('truetype')}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-stretch:normal;src:url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmQiA8.ttf) format('truetype')}
@font-face{font-family:'Roboto';font-style:normal;font-weight:600;font-stretch:normal;src:url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYaalmQiA8.ttf) format('truetype')}:root{--accent-color:#3876f1;--gray-color:#eaeaea;--strong-gray-color:#969696;--main-color:#fff;--text-color:#333;--panel-color:#fff;--button-color:#eaeaea;--button-border-color:#eaeaea;--button-text-color:#333;--button-hover-color:#ececec}html{font-size:18px;min-width:360px;font-family:'Roboto',sans-serif;height:100%;color:var(--text-color);font-weight:normal}
body{margin:0;height:100%}
::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{}::-webkit-scrollbar-thumb{border-radius:5px;background:var(--gray-color)}
img{max-width:100%}
#reader{height:100%;background:var(--main-color)}
.reader{display:flex;flex-direction:column;justify-content:space-between;height:100%}
.reader__wrapper{flex-grow:1;display:flex;gap:2rem;overflow:hidden;overflow-y:auto}
.text-author{text-align:right;font-style:italic;color:grey}.range{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;width:100%}input[type="range"]{-webkit-appearance:none;width:100%;position:relative}
input[type="range"]:focus{outline:none}
input[type="range"]::-webkit-slider-thumb{transform:scale(1.5);transition:0.5s all ease}
input[type="range"]:before{position:absolute;content:"";width:100%;height:2px;background:var(--accent-color)}input[type="range"]::-webkit-slider-runnable-track{background:var(--accent-color);height:5px;cursor:pointer}input[type="range"]::-webkit-slider-thumb{width:12px;height:12px;border-radius:100%;border:1px solid var(--accent-color);-webkit-appearance:none;background-color:var(--main-color);margin-top:-3.4px;z-index:99;cursor:pointer;position:relative;transition:0.5s all ease}.reader__content{line-height:1.6;padding:1rem 0 1rem 0.5rem}
blockquote{border:2px solid var(--gray-color);padding:1rem;margin:2rem 0;border-radius:5px}
.reader__content h1,
.reader__content h2,
.reader__content h3,
.reader__content h4,
.reader__content h5,
.reader__content h6{margin:1.5em 0;font-weight:bold;text-align:center}
.reader__content h1{font-size:1.8em}
.reader__content h2{font-size:1.6em}
.reader__content h3{font-size:1.4em}
.reader__content h4{font-size:1.3em}
.reader__content h5{font-size:1.2em}
.reader__content h6{font-size:1.1rem}
.reader__content p{margin:1em 0}
#content a:not(.error__button a){color:#3876f1;text-decoration:none;border-bottom:1px dashed}.page-cover{padding:1.5rem;border:2px solid #eaeaea;display:grid;grid-template-columns:22.5rem 1fr;gap:2rem;box-sizing:border-box;min-height:84vh}
.page-cover__image img{width:100%}
h1.page-cover__title{margin:0 0 1rem;text-align:left}
.page-cover__attributes{margin-top:1rem;display:flex;gap:1rem 2rem}
.separator{text-align:center;margin:4rem 0;font-size:1.4em;font-weight:bold}
.poem{display:flex;flex-direction:column;align-items:center}
hr{border-width:0 0 2px 0;border-style:solid;border-color:var(--gray-color)}
.image{text-align:center;border:2px solid var(--gray-color)}.button{padding:0.4rem 1rem;background:transparent;border:1px solid var(--button-border-color);border-radius:5px;text-decoration:none;display:inline-flex;align-items:center;min-height:1rem;gap:0.7rem;outline:none}
.button.--disabled{background:#e0e0e0;cursor:no-drop}
.button__square{padding-right:0.4rem;padding-left:0.4rem;min-width:1rem;justify-content:center}
.button:hover{background:var(--button-hover-color)}
.button__small{font-size:0.8rem}
.reader__main{flex-grow:1;font-size:16px}
.reader__header-row,.reader__footer,.error__message{color:var(--text-color);font-size:0.8rem;padding:0.5rem 0;background:var(--panel-color)}
.reader__header{border-bottom:2px solid var(--gray-color);position:relative;z-index:2}
.reader__footer{bottom:0;display:flex;justify-content:center;position:relative;z-index:2;border-top:2px solid var(--gray-color)}
.reader__sidebar-title{text-align:center;text-transform:uppercase;margin-bottom:1rem}
.reader__header a,.reader__footer a,.reader__sidebar a{color:inherit}
.reader__header-row,.reader-settings,.reader-controls{display:flex;justify-content:space-between;align-items:center;gap:0.7rem}.container{width:1000px;margin:0 auto}
.reader-pagination{display:flex;align-items:center;gap:1rem}.reader__sidebar{width:19rem;min-width:19rem;overflow-y:auto;position:sticky;top:0;height:100%;padding:1rem 0.7rem;color:#404040;background:var(--panel-color);box-sizing:border-box;border-right:2px solid var(--gray-color)}
.reader-book{display:block;text-decoration:none}
.reader-book__header{display:grid;grid-template-columns:4rem 1fr;gap:1rem;border-bottom:2px solid var(--gray-color);padding-bottom:0.7rem;margin-bottom:1rem}
.reader-book__name{font-size:0.9rem}
.reader-book__author,.reader-book__attributes{font-size:0.8rem;margin-top:0.5rem;color:var(--strong-gray-color)}
.reader-book__author-list{display:flex;flex-direction:column;gap:0.3rem;margin-top:0.2rem}
.reader-book__attributes{display:flex;gap:1.5rem}
.reader-book__navigation nav{display:flex;flex-direction:column;gap:0.5rem;margin-top:1rem;font-size:0.8rem}
.reader-book__navigation-item a{text-decoration:none;display:flex;padding:0.3rem;gap:0.3rem;align-items:flex-start}
.reader-book__navigation-item a p{margin:0}
.reader-book__navigation-item a:hover,.reader-book__navigation-item a.--active{background:#ececec;border-radius:5px}
.reader-book__navigation-item .reader-book__navigation-item-sub{padding-left:1.3rem}.reader-book__navigation-item-text{width:50%;flex-grow:1;display:flex;flex-direction:column;gap:0.3rem}
.reader-book__annotation{font-size:0.85rem;overflow:hidden}
.read-more{font-size:0.8rem;margin-top:0.5rem;display:inline-block;text-decoration:none;border-bottom:1px solid}
.reader__page-image{text-align:center;line-height:0}.preloader{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.85)}
.preloader__text{display:flex;width:100%;height:100%;justify-content:center;align-items:center;font-size:0.9rem}
.reader-settings__action{display:flex;gap:1rem}
.error{height:100%;display:flex;align-items:center;justify-content:center}
.error__message{border:2px solid #eaeaea;padding:1.5rem;box-sizing:border-box;margin:0 2rem;line-height:1.6}
.error__message a{color:inherit}
.error__button{margin-top:1rem;text-align:center;display:flex;justify-content:center;gap:1rem}.book-library .reader-book__header{margin:0;border:0;padding:0}
.book-library .reader-book{padding:0.5rem;margin-bottom:0.5rem}
.book-library .reader-book:hover,.book-library .reader-book.--active{background:var(--gray-color);border-radius:5px}
.reader-settings-panel__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem}
.reader-settings-panel__item-header-value{padding:0.2rem;border:2px solid #eaeaea;border-radius:5px;width:2rem;text-align:center;font-size:0.8rem;line-height:1.2}
.reader-settings-panel__clear{text-align:center}
.reader-settings-panel__item{margin-bottom:2.5rem;font-size:0.9rem}.reader-settings-panel__item .checkbox{margin-top:1rem}
.checkbox{display:flex;gap:0.7rem}
.checkbox__field{display:none}
.checkbox__label{border:1px solid var(--strong-gray-color);width:0.9rem;height:0.9rem;display:flex;border-radius:5px;align-items:center;justify-content:center}
.checkbox__content-comment{font-size:0.8rem;margin-top:0.5rem}
.checkbox .checkbox__field:checked + .checkbox__label{background:var(--accent-color);color:var(--main-color);border-color:var(--accent-color)}
.checkbox__label span{opacity:0}
.checkbox .checkbox__field:checked + .checkbox__label span{font-size:0.6rem;opacity:1}.note{position:fixed;left:1.5rem;z-index:1;width:20rem;top:0;bottom:0;display:none;flex-direction:column;color:#4c4c4c;justify-content:center;font-size:0.9rem}.note__content{border:2px solid #eaeaea;padding:1rem;background:#fff;box-sizing:border-box}.note__content-title{font-weight:bold;display:flex;align-items:center;justify-content:space-between;margin-bottom:0.3rem}body #content .note__content-title a{font-size:1.4rem;line-height:1;font-weight:lighter;text-decoration:none;border:0;color:inherit}.note.--active{display:flex}.--hidden{display:none}
.--center{text-align:center}
.--uppercase{text-transform:uppercase}
[x-cloak]{display:none}#reader.dark{background:#131313;color:#d0d0d0}
.dark .reader__header-row,
.dark .reader__footer,
.dark .reader-settings,
.dark .reader-controls,
.dark .reader__sidebar{background:#131313}
.dark .reader__header a,
.dark .reader__footer a,
.dark .reader__sidebar a{color:#d0d0d0}
.dark .button,
.dark .reader__header,
.dark .reader__footer,
.dark .reader__sidebar,
.dark .reader-settings-panel__item-header-value,
.dark .reader-book__header,
.dark .image{border-color:#3c3c3c;color:#d0d0d0}
.dark .book-library .reader-book:hover,
.dark .book-library .reader-book.--active,
.dark .reader-book__navigation-item a:hover,
.dark .reader-book__navigation-item a.--active{background:#3c3c3c}
.dark input[type="range"]::-webkit-slider-thumb,.dark .button:hover{background:#3c3c3c}
.dark .preloader{background:#3c3c3c6b}
.dark ::-webkit-scrollbar{width:12px}
.dark ::-webkit-scrollbar-track{border-radius:5px}
.dark ::-webkit-scrollbar-thumb{border-radius:5px;background:#3c3c3c}
.dark .page-cover{border-color:#3c3c3c}
@media (max-width:1800px){.note{width:17rem}.container{width:768px}}@media (max-width:1460px){html{font-size:14px}.container{width:768px}}@media (max-width:1320px){.note{top:unset;bottom:4rem;left:0;right:0;flex-direction:row;justify-content:center;width:100%;box-sizing:border-box;padding:0 1rem}}@media (max-width:1200px){.page-cover{grid-template-columns:20.5rem 1fr;min-height:unset}}@media (max-width:991px){.container{width:520px}.reader__wrapper{padding-left:0.5rem}.page-cover{grid-template-columns:7.5rem 1fr}}@media (max-width:768px){.page-cover{grid-template-columns:1fr}}@media (max-width:568px){html{min-width:360px;font-size:16px}.button{padding:0.4rem 0.5rem}.reader__header-row,.reader__footer,.error__message{padding:0.5rem 1rem}.reader__wrapper{padding-left:0}.container{width:100%}.reader__content{line-height:1.6;padding:1rem}.reader__header .button span{display:none}.reader__sidebar{width:16rem;min-width:16rem}}