@import"https://fonts.googleapis.com/css2?family=Handjet:wght@300&display=swap";[data-v-d8381a9c]:root{--nav-height:0px;--player-height:0px;--brand:var(--blue-5);--primary-hue:260;--primary-saturation:81%;--primary-lightness:47%;--primary:#5717d9;--primary-200:#bea3f5;--primary-300:#9e75f0;--primary-400:#7d46ec;--primary-500:#5d18e7;--primary-600:#4a13b9;--primary-700:#380f8a;--primary-800:#250a5c;--accent:var(--green-5);--error-color:var(--red-5);--white:#f1f1f1;--black:#1e1e1e;--grey-100:#1e1e1e;--grey-200:#2e2e2e;--grey-300:#3e3e3e;--grey-400:#4e4e4e;--grey-500:#5e5e5e;--grey-600:#6e6e6e;--grey-700:#7e7e7e;--grey-800:#f1f1f1;--font-color:#f1f1f1;--font-family:"Montserrat",sans-serif;--border-radius:.5rem;--own-shadow:0 0 10px rgba(0,0,0,.2);--space:12px;--space-xxs:calc(var(--space)/4);--space-xs:calc(var(--space)/2);--space-sm:calc(var(--space)*1);--space-md:calc(var(--space)*2);--space-lg:calc(var(--space)*3);--space-xl:calc(var(--space)*4);--space-xxl:calc(var(--space)*5)}@media (max-width:768px){[data-v-d8381a9c]:root{--nav-height:5rem}}@media (prefers-color-scheme:dark){[data-v-d8381a9c]:root{--primary:#bea3f5;--grey-100:#0b0b0a;--grey-200:#2e2e2e;--grey-300:#3e3e3e;--grey-400:#4e4e4e;--grey-500:#5e5e5e;--grey-600:#6e6e6e;--grey-700:#7e7e7e;--grey-800:#f1f1f1;--font-color:#f1f1f1}}button.speed[data-v-d8381a9c]{color:var(--grey-800);font-size:24px;height:64px;min-width:64px;position:relative}button.speed .speed-selection[data-v-d8381a9c]{background:var(--grey-200);border-radius:8px;bottom:0;box-shadow:var(--shadow-2);opacity:1;padding:8px;pointer-events:none;position:absolute;right:0;transform:translateY(-8px);transition:opacity .2s ease-in-out,transform .2s ease-in-out;width:100px;z-index:100}button.speed .speed-selection.open[data-v-d8381a9c]{opacity:1;pointer-events:all;transform:translateY(0)}button.speed .speed-selection__item[data-v-d8381a9c]{border-radius:var(--border-radius);color:var(--grey-800);cursor:pointer;padding:8px 16px;transition:background .2s ease-in-out}button.speed .speed-selection__item[data-v-d8381a9c]:hover{background:var(--grey-300)}[data-v-8c7457a2]:root{--nav-height:0px;--player-height:0px;--brand:var(--blue-5);--primary-hue:260;--primary-saturation:81%;--primary-lightness:47%;--primary:#5717d9;--primary-200:#bea3f5;--primary-300:#9e75f0;--primary-400:#7d46ec;--primary-500:#5d18e7;--primary-600:#4a13b9;--primary-700:#380f8a;--primary-800:#250a5c;--accent:var(--green-5);--error-color:var(--red-5);--white:#f1f1f1;--black:#1e1e1e;--grey-100:#1e1e1e;--grey-200:#2e2e2e;--grey-300:#3e3e3e;--grey-400:#4e4e4e;--grey-500:#5e5e5e;--grey-600:#6e6e6e;--grey-700:#7e7e7e;--grey-800:#f1f1f1;--font-color:#f1f1f1;--font-family:"Montserrat",sans-serif;--border-radius:.5rem;--own-shadow:0 0 10px rgba(0,0,0,.2);--space:12px;--space-xxs:calc(var(--space)/4);--space-xs:calc(var(--space)/2);--space-sm:calc(var(--space)*1);--space-md:calc(var(--space)*2);--space-lg:calc(var(--space)*3);--space-xl:calc(var(--space)*4);--space-xxl:calc(var(--space)*5)}@media (max-width:768px){[data-v-8c7457a2]:root{--nav-height:5rem}}@media (prefers-color-scheme:dark){[data-v-8c7457a2]:root{--primary:#bea3f5;--grey-100:#0b0b0a;--grey-200:#2e2e2e;--grey-300:#3e3e3e;--grey-400:#4e4e4e;--grey-500:#5e5e5e;--grey-600:#6e6e6e;--grey-700:#7e7e7e;--grey-800:#f1f1f1;--font-color:#f1f1f1}}.chapter-timeline[data-v-8c7457a2]{--m-height:.75rem;--progress:0%;background:var(--grey-300);border-radius:var(--border-radius);cursor:pointer;height:100%;left:0;margin:0 auto;max-height:var(--m-height);max-width:800px;position:absolute;right:0;top:calc(var(--m-height)/2*-1);transition:all .3s ease;width:100%}.chapter-timeline .chapter-seek__progress[data-v-8c7457a2],.chapter-timeline .chapter-timeline__progress[data-v-8c7457a2]{background:var(--primary);border-radius:var(--border-radius);bottom:0;left:0;position:absolute;top:0;transition:all .3s ease;width:var(--progress);z-index:5}.chapter-timeline .chapter-seek__progress[data-v-8c7457a2]:after,.chapter-timeline .chapter-timeline__progress[data-v-8c7457a2]:after{background:var(--grey-800);bottom:0;content:"";height:100%;position:absolute;right:0;top:0;transition:all .3s ease;width:.5rem}.chapter-timeline .chapter-seek__progress[data-v-8c7457a2]{background:var(--grey-500);transition:all .2s ease;width:var(--seek);z-index:2}.chapter-timeline .chapter-seek__progress[data-v-8c7457a2]:after{display:none}.chapter-timeline .chapter-timeline__text[data-v-8c7457a2]{background-color:var(--grey-100);border-radius:var(--border-radius);bottom:-2rem;color:var(--grey-800);font-size:1rem;font-weight:600;left:0;opacity:0;padding:.25rem .5rem;position:absolute;transition:all .3s ease}.chapter-timeline[data-v-8c7457a2]:hover{--m-height:3rem;background-color:var(--grey-200)}.chapter-timeline:hover .chapter-timeline__text[data-v-8c7457a2]{opacity:1}@media (max-width:768px){.chapter-timeline[data-v-8c7457a2]{--m-height:1rem}.chapter-timeline .chapter-timeline__text[data-v-8c7457a2]{opacity:1}}[data-v-a500ba1a]:root{--nav-height:0px;--player-height:0px;--brand:var(--blue-5);--primary-hue:260;--primary-saturation:81%;--primary-lightness:47%;--primary:#5717d9;--primary-200:#bea3f5;--primary-300:#9e75f0;--primary-400:#7d46ec;--primary-500:#5d18e7;--primary-600:#4a13b9;--primary-700:#380f8a;--primary-800:#250a5c;--accent:var(--green-5);--error-color:var(--red-5);--white:#f1f1f1;--black:#1e1e1e;--grey-100:#1e1e1e;--grey-200:#2e2e2e;--grey-300:#3e3e3e;--grey-400:#4e4e4e;--grey-500:#5e5e5e;--grey-600:#6e6e6e;--grey-700:#7e7e7e;--grey-800:#f1f1f1;--font-color:#f1f1f1;--font-family:"Montserrat",sans-serif;--border-radius:.5rem;--own-shadow:0 0 10px rgba(0,0,0,.2);--space:12px;--space-xxs:calc(var(--space)/4);--space-xs:calc(var(--space)/2);--space-sm:calc(var(--space)*1);--space-md:calc(var(--space)*2);--space-lg:calc(var(--space)*3);--space-xl:calc(var(--space)*4);--space-xxl:calc(var(--space)*5)}@media (max-width:768px){[data-v-a500ba1a]:root{--nav-height:5rem}}@media (prefers-color-scheme:dark){[data-v-a500ba1a]:root{--primary:#bea3f5;--grey-100:#0b0b0a;--grey-200:#2e2e2e;--grey-300:#3e3e3e;--grey-400:#4e4e4e;--grey-500:#5e5e5e;--grey-600:#6e6e6e;--grey-700:#7e7e7e;--grey-800:#f1f1f1;--font-color:#f1f1f1}}.mobile-player-enter-active[data-v-a500ba1a],.mobile-player-leave-active[data-v-a500ba1a]{transition:all .2s ease}.mobile-player-enter[data-v-a500ba1a],.mobile-player-leave-to[data-v-a500ba1a]{opacity:0}.mobile-player-overlay[data-v-a500ba1a]{background-color:var(--grey-100);display:grid;grid-template-columns:1fr;grid-template-rows:5fr auto auto 1fr auto;height:100%;left:0;overflow-y:scroll;padding:var(--space-xxl) var(--space-md) var(--space-md);position:fixed;top:0;width:100%;z-index:1000}.mobile-player-overlay>*[data-v-a500ba1a]{margin:0 auto;max-width:600px}button.mobile-player__close[data-v-a500ba1a]{background-color:transparent;border:none;cursor:pointer;position:absolute;right:16px;top:16px;transition:all .2s ease-in-out}button.mobile-player__close[data-v-a500ba1a]:hover{transform:scale(1.1)}.mobile-player__image[data-v-a500ba1a]{--img-size:300px;align-self:center;border-radius:var(--border-radius);height:auto;margin:var(--space-md) auto;width:100%}.mobile-player__image img[data-v-a500ba1a]{border-radius:var(--border-radius);box-shadow:var(--shadow-4);height:100%;max-height:var(--img-size);-o-object-fit:cover;object-fit:cover;width:100%}.mobile-player__title[data-v-a500ba1a]{margin-bottom:var(--space-md)}.mobile-player__title .chapter-title[data-v-a500ba1a]{font-size:20px;font-weight:700;margin-bottom:var(--space-sm);text-align:center}.mobile-player__title .book-title[data-v-a500ba1a]{font-size:16px;font-weight:400;text-align:center}.mobile-player__timeline[data-v-a500ba1a]{height:var(--space-lg);margin-bottom:var(--space-md);position:relative;width:100%}.mobile-player__main-controls[data-v-a500ba1a]{align-items:center;display:flex;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-md)}.mobile-player__main-controls button.sec-backwards[data-v-a500ba1a],.mobile-player__main-controls button.sec-forwards[data-v-a500ba1a]{position:relative}.mobile-player__main-controls button.sec-backwards span[data-v-a500ba1a],.mobile-player__main-controls button.sec-forwards span[data-v-a500ba1a]{color:var(--grey-800);font-size:.8rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.mobile-player__lower-controls[data-v-a500ba1a]{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-md)}.mobile-player__lower-controls>button[data-v-a500ba1a]{width:48px}#media-player{align-items:center;background:var(--grey-100);border-top:1px solid var(--grey-800);bottom:var(--nav-height);box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:.5fr 1fr;grid-template-rows:1fr;height:var(--player-height);left:0;padding:1rem;position:fixed;right:0;z-index:1000}@media (max-width:768px){#media-player{--player-height:90px;gap:.5rem;grid-template-columns:1.5fr 1fr;grid-template-rows:1fr;padding:1rem .5rem .5rem}#media-player .player-actions{justify-self:end}}.player-actions{display:flex;gap:1rem;justify-self:center}.player-actions button{background:transparent;border:none;border-radius:var(--border-radius);cursor:pointer;padding:.5rem;transition:all .2s ease-in-out}.player-actions button span,.player-actions button svg{transition:all .3s ease}.player-actions button:hover{background:var(--grey-800);color:var(--grey-100)}.player-actions button:hover span,.player-actions button:hover svg{color:var(--grey-100)!important}.player-actions button:disabled{cursor:not-allowed;opacity:.5}.player-actions button:disabled:hover{background:transparent}.player-actions button:disabled:hover span,.player-actions button:disabled:hover svg{color:var(--grey-800)!important}.player-actions button.sec-backwards,.player-actions button.sec-forwards{position:relative}.player-actions button.sec-backwards span,.player-actions button.sec-forwards span{color:var(--grey-800);font-size:.8rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.player-actions button.mobile-hide{display:none}}.volume{align-items:center;display:flex;gap:.5rem;justify-content:center}.volume>button{width:48px}.volume .volume-slider{align-items:center;border-radius:10px;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}@media (max-width:768px){.volume .mobile-hide{display:none}}.volume-slider input[type=range]{-webkit-appearance:none;background:var(--grey-800);border-radius:10px;height:5px;opacity:.7;outline:none;transition:opacity .2s ease-in-out;width:150px}.volume-slider input[type=range]::-moz-range-track,.volume-slider input[type=range]::-webkit-slider-runnable-track{background:var(--grey-400);border-radius:var(--border-radius);cursor:pointer;height:5px;width:100%}.volume-slider input[type=range]::-moz-range-thumb,.volume-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--grey-800);border:none;border-radius:50%;cursor:pointer;height:16px;margin-top:-5px;width:16px}.player-info{background-color:transparent;border-radius:var(--border-radius);cursor:pointer;display:flex;gap:1rem;height:100%;margin-right:auto;padding:.5rem 1rem}.player-info,.player-info *{transition:all .3s ease}.player-info .player-info__img{background:var(--grey-800);border-radius:.25rem;height:100%;min-width:4rem}.player-info .player-info__img img{border-radius:.25rem;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:768px){.player-info .player-info__img{aspect-ratio:1;max-height:65px}}.player-info .player-info__chapter{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:1rem;font-weight:500;overflow:hidden}.player-info .player-info__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--grey-800);display:-webkit-box;font-size:.8rem;overflow:hidden;text-overflow:ellipsis}.player-info .player-info__title .player-info__title__chapter-index{color:var(--grey-500);display:none;font-size:.8rem;font-weight:400}@media (max-width:768px){.player-info .player-info__title{-webkit-line-clamp:1}}.player-info .player-info__author{color:var(--grey-500);font-size:.8rem;font-weight:400}@media (max-width:768px){.player-info .player-info__author{display:none}}.player-info:hover{background-color:var(--grey-200)}.player-info:hover .player-info__chapter,.player-info:hover .player-info__title{color:var(--primary-500)}#problem-report-modal h2{margin-bottom:.5rem}#problem-report-modal p{margin-bottom:1rem}#problem-report-modal form{display:flex;flex-direction:column;gap:1rem}#problem-report-modal .form-group{margin-bottom:1rem}#problem-report-modal .form-group label{display:block;margin-bottom:.5rem}#problem-report-modal .form-group textarea{border:1px solid var(--grey-800);border-radius:var(--border-radius);height:10rem;padding:.5rem;resize:none;width:100%}.logo-container{align-items:center;display:flex;gap:0;padding:1rem 2rem 1rem 1rem}.logo-container svg{cursor:pointer;height:4rem;min-width:4rem;width:4rem}.logo-container .logo-text{font-family:Handjet,cursive;font-size:2.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:1200px){.logo-container svg{height:3rem;min-width:3rem}}@media (max-width:768px){.logo-container svg{height:2rem;min-width:2rem}.logo-container .logo-text{display:none}}.login-box,.register-box{background-color:var(--grey-100);border-radius:.5rem;padding:1rem;width:400px}.login-box .form-actions,.register-box .form-actions{align-items:center;display:flex;flex-direction:column;gap:var(--size-5);justify-content:space-between}.login-box .form-actions button,.register-box .form-actions button{width:100%}.login-box .form-actions a.btn,.register-box .form-actions a.btn{align-items:center;display:flex;gap:.5rem;justify-content:center;width:100%}.login-box .form-actions a.btn.google svg,.register-box .form-actions a.btn.google svg{min-height:1.5rem;min-width:1.5rem}.login-box .error-message,.register-box .error-message{margin-top:var(--space-md)}@media (max-width:768px){.login-box,.register-box{width:100%}}.loading-overlay{align-items:center;background-color:#fffc;border-radius:var(--border-radius);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}:root{--nav-height:0px;--player-height:0px;--brand:var(--blue-5);--primary-hue:260;--primary-saturation:81%;--primary-lightness:47%;--primary:#5717d9;--primary-200:#bea3f5;--primary-300:#9e75f0;--primary-400:#7d46ec;--primary-500:#5d18e7;--primary-600:#4a13b9;--primary-700:#380f8a;--primary-800:#250a5c;--accent:var(--green-5);--error-color:var(--red-5);--white:#f1f1f1;--black:#1e1e1e;--grey-100:#1e1e1e;--grey-200:#2e2e2e;--grey-300:#3e3e3e;--grey-400:#4e4e4e;--grey-500:#5e5e5e;--grey-600:#6e6e6e;--grey-700:#7e7e7e;--grey-800:#f1f1f1;--font-color:#f1f1f1;--font-family:"Montserrat",sans-serif;--border-radius:.5rem;--own-shadow:0 0 10px rgba(0,0,0,.2);--space:12px;--space-xxs:calc(var(--space)/4);--space-xs:calc(var(--space)/2);--space-sm:calc(var(--space)*1);--space-md:calc(var(--space)*2);--space-lg:calc(var(--space)*3);--space-xl:calc(var(--space)*4);--space-xxl:calc(var(--space)*5)}@media (max-width:768px){:root{--nav-height:5rem}}@media (prefers-color-scheme:dark){:root{--primary:#bea3f5;--grey-100:#0b0b0a;--grey-200:#2e2e2e;--grey-300:#3e3e3e;--grey-400:#4e4e4e;--grey-500:#5e5e5e;--grey-600:#6e6e6e;--grey-700:#7e7e7e;--grey-800:#f1f1f1;--font-color:#f1f1f1}}.user-section{grid-area:user;height:100%;z-index:10}.user-section,.user-section .user-info{align-items:center;display:flex;justify-content:flex-end;position:relative}.user-section .user-info{background:var(--grey-900);border-radius:var(--border-radius);gap:1rem;padding:.5rem 1rem;transition:all .2s ease-in-out;z-index:1}.user-section .user-info img{border-radius:50%;height:3rem;width:3rem;z-index:inherit}@media (max-width:768px){.user-section .user-info .user-name{display:none}}.user-section .user-info p,.user-section .user-info span{transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:inherit}.user-section .user-info:hover{background:var(--grey-800);cursor:pointer}.user-section .user-info:hover p.name{--font-color:var(--grey-100)}.user-section .user-info:hover span{--grey-400:var(--grey-200)}.user-section .user-info--expanded{background:var(--grey-800);border-bottom-left-radius:0;border-bottom-right-radius:0;cursor:pointer}.user-section .user-info--expanded p.name{--font-color:var(--grey-100)}.user-section .user-info--expanded span{--grey-400:var(--grey-200)}.user-section .user-info--expanded .dropout-container{transform:translateY(calc(4rem + 1px))}@media (max-width:768px){.user-section .user-info{display:none}}.user-section .not-logged-in{padding:.5rem 1rem}.user-section .not-logged-in button{min-width:150px;width:100%}.dropout-container{--container-width:100%;align-items:center;background:var(--grey-800);border-radius:var(--border-radius);border-top-left-radius:0;border-top-right-radius:0;display:flex;flex-direction:column;height:auto;justify-content:flex-start;left:0;padding:1rem;position:absolute;top:0;transform:translateY(-200%);transition:all .2s ease-in-out;width:100%;z-index:-1;z-index:1}.dropout-container button{width:100%}.dropout-container a{--font-color:var(--grey-400);display:block;display:flex;justify-content:space-between;margin-bottom:.5rem;text-align:left;width:100%}.dropout-container a svg{--font-color:var(--grey-400);color:var(--font-color);transition:all .2s ease-in-out}.dropout-container a:after{--font-color:var(--primary)}.dropout-container a:hover{--font-color:var(--grey-100)}.dropout-container a:hover svg{--font-color:var(--primary-400)}@media (max-width:768px){.dropout-container{border-bottom-left-radius:0;left:unset;min-width:20rem;right:0;width:100%}}[data-v-45122f4c]:root{--nav-height:0px;--player-height:0px;--brand:var(--blue-5);--primary-hue:260;--primary-saturation:81%;--primary-lightness:47%;--primary:#5717d9;--primary-200:#bea3f5;--primary-300:#9e75f0;--primary-400:#7d46ec;--primary-500:#5d18e7;--primary-600:#4a13b9;--primary-700:#380f8a;--primary-800:#250a5c;--accent:var(--green-5);--error-color:var(--red-5);--white:#f1f1f1;--black:#1e1e1e;--grey-100:#1e1e1e;--grey-200:#2e2e2e;--grey-300:#3e3e3e;--grey-400:#4e4e4e;--grey-500:#5e5e5e;--grey-600:#6e6e6e;--grey-700:#7e7e7e;--grey-800:#f1f1f1;--font-color:#f1f1f1;--font-family:"Montserrat",sans-serif;--border-radius:.5rem;--own-shadow:0 0 10px rgba(0,0,0,.2);--space:12px;--space-xxs:calc(var(--space)/4);--space-xs:calc(var(--space)/2);--space-sm:calc(var(--space)*1);--space-md:calc(var(--space)*2);--space-lg:calc(var(--space)*3);--space-xl:calc(var(--space)*4);--space-xxl:calc(var(--space)*5)}@media (max-width:768px){[data-v-45122f4c]:root{--nav-height:5rem}}@media (prefers-color-scheme:dark){[data-v-45122f4c]:root{--primary:#bea3f5;--grey-100:#0b0b0a;--grey-200:#2e2e2e;--grey-300:#3e3e3e;--grey-400:#4e4e4e;--grey-500:#5e5e5e;--grey-600:#6e6e6e;--grey-700:#7e7e7e;--grey-800:#f1f1f1;--font-color:#f1f1f1}}.modal-content[data-v-45122f4c]{display:grid;max-height:70vh;overflow-y:auto;place-items:center}.book-detail-modal-content[data-v-45122f4c]{gap:1rem;max-width:1200px}.book-detail-modal-content[data-v-45122f4c],.book-detail-modal-header[data-v-45122f4c]{align-items:center;border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;padding:1rem;width:100%}.book-detail-modal-header[data-v-45122f4c]{background-color:var(--grey-200);gap:.5rem}.book-detail-modal-body[data-v-45122f4c]{display:flex}.base-accordion[data-v-45122f4c]{grid-column:2}@media (max-width:768px){.base-accordion[data-v-45122f4c]{grid-column:1}}