[data-v-3320c753]: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-3320c753]:root{--nav-height:5rem}}@media (prefers-color-scheme:dark){[data-v-3320c753]: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}}.book-tile[data-v-3320c753]{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:300px;overflow:hidden;padding:1rem;position:relative;transition:all .2s ease-in-out;width:100%}.book-tile[data-v-3320c753]:hover{cursor:pointer}.book-tile:hover img[data-v-3320c753]{transform:scale(1.05)}.book-tile:hover .book-tile__title[data-v-3320c753]{color:var(--primary-300)}.book-tile:hover .hover-info[data-v-3320c753]{transform:translateY(0) scale(1.05)}.book-tile__image[data-v-3320c753]{border-radius:var(--border-radius);margin-bottom:.5rem;overflow:hidden;position:relative;width:auto}.book-tile__image img[data-v-3320c753]{aspect-ratio:1/1;border-radius:var(--border-radius);height:100%;max-height:300px;max-width:300px;-o-object-fit:contain;object-fit:contain;transition:all .2s ease-in-out;width:100%}.book-tile__lower[data-v-3320c753]{align-items:center;display:flex;width:100%}.book-tile__info[data-v-3320c753]{display:flex;flex-direction:column;text-align:left;width:100%}.book-tile__title[data-v-3320c753]{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;transition:all .2s ease-in-out}.book-tile__author[data-v-3320c753]{color:var(--grey-700);font-size:1rem;font-weight:400}.book-tile__play[data-v-3320c753],.book-tile__play svg[data-v-3320c753]{transition:all .2s ease-in-out}.book-tile__play[data-v-3320c753]:hover{cursor:pointer}.book-tile__play:hover svg[data-v-3320c753]{transform:scale(1.1)}.hover-info[data-v-3320c753]{align-items:flex-start;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));border-radius:var(--border-radius);display:flex;flex-direction:column;gap:var(--space-sm);height:100%;justify-content:flex-end;left:0;opacity:1;padding:var(--space-md);position:absolute;top:0;transform:translateY(100%) scale(1);transition:all .2s ease-in-out;width:100%}.hover-info .hover-info__chapters[data-v-3320c753],.hover-info .hover-info__duration[data-v-3320c753]{align-items:center;display:flex;font-size:1rem;font-weight:400;justify-content:flex-start;opacity:.8}.hover-info .hover-info__chapters svg[data-v-3320c753],.hover-info .hover-info__duration svg[data-v-3320c753]{margin-right:var(--space-sm)}.hover-info .hover-info__chapters[data-v-3320c753],.hover-info .hover-info__duration[data-v-3320c753]{margin-bottom:.5rem}