.appbar[data-v-ee5c83c9]{background-color:#d9d9d9;justify-content:space-between;width:100%}.appbar[data-v-ee5c83c9],.appbar .imgbtn[data-v-ee5c83c9]{align-items:center;display:flex}.appbar .imgbtn[data-v-ee5c83c9]{border:none;border-radius:20px;cursor:pointer;height:30px;justify-content:center;margin:10px;width:30px}.appbar .anansesem[data-v-ee5c83c9]{color:#000;font-family:Pontano Sans;font-size:30px;font-weight:400;word-wrap:break-word}.imgbtn .img[data-v-ee5c83c9]{border-radius:50%;height:30px;width:30px}.nav[data-v-be9f04e7]{background:#191413;border-radius:33px;bottom:0;height:70px;justify-content:space-evenly;justify-self:center;transition-duration:1s;width:345px}.nav[data-v-be9f04e7],.nav .icon[data-v-be9f04e7]{align-items:center;display:flex;flex-shrink:0}.nav .icon[data-v-be9f04e7]{height:24px;justify-content:center;width:24px}.nav .profile img[data-v-be9f04e7]{border-radius:20px}.nav .icon.active[data-v-be9f04e7]{border-bottom:2px solid #fff;padding:2%;transition-duration:.5s}@media only screen and (min-width:750px){.nav .icon[data-v-be9f04e7]:hover{border-bottom:2px solid #fff;border-radius:1px;transition-duration:.5s}}.pdf-reader[data-v-a0576a65]{background-color:#f2f2f2;box-shadow:0 8px 32px #1f26875e;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:90vh}header[data-v-a0576a65]{align-items:center;background-color:#1f2937;color:#fff;display:flex;justify-content:space-between;padding:12px 20px}header h1[data-v-a0576a65]{font-size:1.2rem}.controls[data-v-a0576a65]{display:flex;gap:10px}.controls button[data-v-a0576a65]{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background-color .2s}.controls button[data-v-a0576a65]:hover{background-color:#2563eb}main[data-v-a0576a65]{background:#d7d6d629;flex:1;justify-content:center;overflow:auto}#pdf-container[data-v-a0576a65],main[data-v-a0576a65]{align-items:center;display:flex;padding:20px}#pdf-container[data-v-a0576a65]{border-radius:8px;flex-direction:column;height:inherit;max-width:900px;width:100%}.pdf-page[data-v-a0576a65]{align-items:center;border-radius:4px;display:flex;font-size:1rem;height:500px;justify-content:center;transition:transform .2s ease;width:100%}footer[data-v-a0576a65]{background-color:#1f2937;color:#fff;padding:10px 20px;text-align:center}@media only screen and (min-width:750px){.pdf-page[data-v-a0576a65]{font-size:20pt}}.player[data-v-2d535fcd]{align-items:center;display:flex;flex-direction:column;gap:10%;height:100%;justify-content:center;width:10%}.book-art[data-v-2d535fcd]{background:#d3d3d3 50%/cover no-repeat;box-shadow:3px 4px 8.8px #00000040;flex-shrink:0;height:41px;width:43px}.book-art img[data-v-2d535fcd]{border-radius:20%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.seek[data-v-2d535fcd]{width:90%}.rectangleParent[data-v-2d535fcd]{align-items:center;background:#4d2316;border-radius:19px;display:flex;flex-direction:row;gap:0;height:59px;margin-left:15px;padding:0 10px;transform:translate(45%);width:300px}.rectangleParent .controls[data-v-2d535fcd]{display:flex;gap:10%;width:100%}.rectangleParent .book-art[data-v-2d535fcd]{background:#d3d3d3 50%/cover no-repeat;border-radius:8px;box-shadow:3px 4px 8.8px #00000040;flex-shrink:0;height:41px;width:43px}.rectangleParent .player-item[data-v-2d535fcd]{display:flex;flex-direction:row;flex-shrink:0;gap:1px;padding:0;position:relative}.rectangleParent .player-item button[data-v-2d535fcd]{background:none;border:none;box-shadow:none;outline:none}.rectangleParent .play-button[data-v-2d535fcd]{align-content:center;background-color:#f1eee3;border-radius:50%;flex-shrink:0;padding:5%}@media only screen and (min-width:750px){.player[data-v-2d535fcd]{width:unset}.bookDetails[data-v-2d535fcd]{background:#fff3}.player-item>button[data-v-2d535fcd]:hover{border-bottom:2px solid #f1eee3;cursor:pointer}.rectangleParent[data-v-2d535fcd]{transform:translate(0);width:100%}}.layout[data-v-6a10476b]{align-items:center;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);background:#0000004d;border:1px solid hsla(0,0%,100%,.15);border-radius:20px;display:flex;flex-direction:column;height:80vh;justify-content:space-between;padding:10%}.peripherals[data-v-6a10476b]{display:flex;flex-direction:row}.peripherals a[data-v-6a10476b]{align-items:center;color:#000;display:flex;font-size:1.2rem;gap:5px;text-decoration:none}.peripherals button[data-v-6a10476b]:hover{color:#454343;scale:1.2;transition-duration:.5s ease-in-out}.cover[data-v-6a10476b]{height:60%;width:90%}.cover img[data-v-6a10476b]{border-radius:20px;height:inherit;-o-object-fit:cover;object-fit:cover;width:inherit}.details[data-v-6a10476b]{justify-content:space-around}.details[data-v-6a10476b],.details_item[data-v-6a10476b]{display:flex;flex-direction:row}@media only screen and (min-width:750px){.layout[data-v-6a10476b]{background:#d7d6d6;box-shadow:0 8px 32px #1f26875e}.cover[data-v-6a10476b]{height:400px;width:370px}}[data-v-c76dcfff]{box-sizing:border-box;font-family:Rammetto One;margin:0;padding:0}.body[data-v-c76dcfff]{height:100%;width:100%}.page[data-v-c76dcfff]{background-color:#f5f5f5}.container[data-v-c76dcfff]{height:100%}.container[data-v-c76dcfff],.container.content[data-v-c76dcfff]{display:flex;flex-direction:column;width:100%}.container.content[data-v-c76dcfff]{align-items:center;height:100vh;margin-bottom:5%;overflow:scroll;padding:0 20px;position:relative}.items-container[data-v-c76dcfff]{height:80vh;margin-bottom:5%;overflow-y:auto;position:relative;width:100%}.container .content .navigator[data-v-c76dcfff]{padding:0 10px}.container .player[data-v-c76dcfff]{align-self:center;border-radius:12px;padding:20px;position:fixed;transform:translate(96%);transition:.5s ease-in-out;width:90%}.container .player[data-v-c76dcfff]:hover{transform:translate(0)}@media only screen and (min-width:750px){.container[data-v-c76dcfff]{flex-direction:row;justify-content:space-around}.container .content[data-v-c76dcfff]{height:100vh;width:68%}.items-container[data-v-c76dcfff]{border-radius:10px;margin:10px;padding:10px}.container .content .navigator[data-v-c76dcfff]{padding:0 35%}.container .player[data-v-c76dcfff]{align-self:unset;background:unset;border-radius:30px;height:80vh;margin:10px;padding:10px;position:relative;transform:unset;width:30%}}