.icon-button{background:#7b1fa2;border:1px solid #7b1fa2;border-radius:50%;width:32px;height:32px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.icon-button .fas{color:#fff}.icon-button:disabled{opacity:.6}.icon-button-lg{width:60px;height:60px}nav .navbar{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 15px}nav a i,nav button i{margin-right:5px}nav #mobile-menu{background:#fff;box-shadow:3px 3px 20px #7b1fa2}nav #mobile-menu a{text-transform:capitalize}nav #mobile-menu a i,nav #mobile-menu button i{width:18px}header>div{padding:15px .9rem}main#app-main,header{width:100%;max-width:1200px;margin-left:auto;margin-right:auto}#main-content{min-height:calc(100vh - 100px)}footer{color:#7b1fa2;text-align:center;background:#ffeb3b;padding:8px 0;font-size:13px}footer a:hover{text-decoration:underline}#page-title{grid-column-gap:8px;grid-template-columns:auto 200px;display:grid}#page-title div{justify-self:end}#page-title div button{margin-right:8px}#page-title div button:last-child{margin-right:0}#page-title .icon-button i.fas{color:#ffeb3b}.form-group{grid-template-rows:42px 42px;align-items:center;height:84px;margin-bottom:5px;display:grid}@media (width<=767px){.icon-button-lg{width:42px;height:42px}}@media (width>=768px){.form-group{grid-gap:15px;grid-template-columns:100px 1fr;align-items:center;height:42px;margin-bottom:15px;display:grid}footer{font-size:14px}}form[data-v-d2e00735]{background:#eee;margin-top:25px;margin-bottom:25px;padding:15px}form h2[data-v-d2e00735]{color:#7b1fa2;text-align:center;margin:10px;font-size:20px}form .form-group.book-checkbox[data-v-d2e00735]{grid-template-rows:1fr;grid-template-columns:26px 120px;height:42px}form .form-group.book-checkbox label[data-v-d2e00735]{grid-area:1/2/2/3}form .form-group.book-checkbox input[data-v-d2e00735]{grid-area:1/1/2/2}@media (width>=767px){form[data-v-d2e00735]{padding:15px 300px 15px 260px}}#intro[data-v-a8c98757]{grid-gap:20px;grid-template:"image head"1fr"body body"72px/1fr 1fr;width:100%;padding:15px;display:grid}#intro .left-panel[data-v-a8c98757]{grid-area:image}#intro .left-panel span[data-v-a8c98757]{margin-top:5px;font-size:12px;line-height:15px;display:inline-block}#intro #welcome-heading[data-v-a8c98757]{grid-area:head}#intro #welcome-heading h2[data-v-a8c98757]{color:#7b1fa2;margin-top:24px;margin-bottom:16px;font-size:24px}#intro #welcome-heading .subtitle[data-v-a8c98757]{font-style:italic}#intro #welcome-text[data-v-a8c98757]{grid-area:body}#intro #welcome-text.highlight[data-v-a8c98757]{color:#7b1fa2;font-style:italic;transition:all 2s}@media (width>=767px){#intro[data-v-a8c98757]{grid-template:"image head"1fr"image body"/1fr 1fr;padding-top:45px}#intro .left-panel[data-v-a8c98757]{place-items:center;display:grid}#intro .left-panel img[data-v-a8c98757]{border-radius:50%;max-width:400px}#intro #welcome-heading[data-v-a8c98757]{align-self:center;height:150px}#intro #welcome-heading h2[data-v-a8c98757]{text-align:center;font-size:36px}#intro #welcome-heading .subtitle[data-v-a8c98757]{text-align:center;font-size:20px;font-style:none}#intro #welcome-text[data-v-a8c98757]{color:#7b1fa2;background:#eee;grid-row:1/2;align-self:end;padding:25px;font-style:italic;font-weight:700}#intro #welcome-text.highlight[data-v-a8c98757]{color:#eee;background:#7b1fa2;transition:all 2s}#form-container[data-v-a8c98757]{padding-left:15px;padding-right:15px}}h2,h3,h4,h5{font-weight:700}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{background-color:#7b1fa2}[type=text]:focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{box-shadow:none;border-width:1px;border-color:#7b1fa2}#auth-page{grid-template-rows:65px 1fr;display:grid}nav{color:#fff;background:#7b1fa2}nav .navbar{width:100%;max-width:1200px;padding:0 25px}nav #brand{text-transform:uppercase;color:#ff0;font-size:1.25rem;font-weight:700}nav a{text-transform:uppercase}nav a i{margin-right:5px}main#auth-main{padding:25px}@media (width>=768px){main#auth-main{width:600px;margin-left:auto;margin-right:auto;padding-top:100px}}#buttons[data-v-a912a5b0]{grid-template-columns:2fr 1fr;margin-top:1rem;display:grid}#buttons .links[data-v-a912a5b0]{grid-gap:5px;grid-template-rows:1fr 1fr;display:grid}#buttons button[data-v-a912a5b0]{justify-self:end}.book-checkbox[data-v-7f945379]{grid-template-rows:1fr;grid-template-columns:26px 120px;height:42px}.book-checkbox label[data-v-7f945379]{grid-area:1/2/2/3}.book-checkbox input[data-v-7f945379]{grid-area:1/1/2/2}@media (width>=768px){.book-checkbox[data-v-7f945379]{grid-template-columns:100px 1fr}.book-checkbox label[data-v-7f945379]{grid-column:1/2}.book-checkbox input[data-v-7f945379]{grid-column:2/3}}#on-loan-container[data-v-7f945379]{grid-gap:5px 0;grid-template-rows:42px 42px 42px;align-items:center;margin-bottom:5px;display:grid}#on-loan-container #helptext[data-v-7f945379]{align-self:start}.form-group-ta[data-v-7f945379]{grid-template-rows:42px 84px;height:auto}.form-group-ta textarea[data-v-7f945379]{height:84px}@media (width>=768px){#on-loan-container[data-v-7f945379]{grid-gap:5px 15px;grid-template-rows:42px 18px;grid-template-columns:100px 1fr;align-items:center;margin-bottom:15px;display:grid}#on-loan-container #helptext[data-v-7f945379]{grid-column-start:2}.form-group-ta[data-v-7f945379]{grid-template-rows:1fr}}.book[data-v-f58010fa]{opacity:.6;box-sizing:border-box;color:#0000008a;background:#ff9800;border-radius:4px;padding:10px 15px;position:absolute;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.book.on-loan[data-v-f58010fa]{color:#fff;background:#00f}.book.owned[data-v-f58010fa]{background:#4caf50}.book.completed[data-v-f58010fa]{opacity:1}.book .title[data-v-f58010fa]{grid-column-gap:8px;grid-template-columns:auto 32px 32px;font-size:.875rem;line-height:1.375rem;display:grid}.book .title h3[data-v-f58010fa]{text-transform:uppercase;color:inherit;align-self:center}.book .info[data-v-f58010fa]{font-size:.8rem;line-height:1.15rem}.book .info .created[data-v-f58010fa]{color:#616161}.book .fas.fa-book-open[data-v-f58010fa]{position:absolute;top:7px;right:5px}#no-books-block[data-v-3ac403b0]{grid-gap:20px;grid-template-columns:1fr 1fr;display:grid}#no-books-block #left-panel img[data-v-3ac403b0]{border-radius:50%}#no-books-block #left-panel span[data-v-3ac403b0]{text-align:center;margin-top:5px;font-size:13px;display:block}#no-books-block #left-panel span a[data-v-3ac403b0]{text-decoration:underline}#no-books-block #right-panel[data-v-3ac403b0]{text-align:center;align-self:center;padding:3rem;font-size:36px;line-height:50px}#no-books-block #right-panel b[data-v-3ac403b0]{color:#7b1fa2;font-size:42px}@media (width<=767px){#no-books-block[data-v-3ac403b0]{grid-gap:0;grid-template-rows:145px 335px;grid-template-columns:1fr}#no-books-block #left-panel img[data-v-3ac403b0]{border-radius:0}#no-books-block #right-panel[data-v-3ac403b0]{background:#ffeb3b;grid-row:1/2;padding:1rem;font-size:24px;line-height:32px}#no-books-block #right-panel b[data-v-3ac403b0]{font-size:30px}}#no-search-result[data-v-2f99607f]{margin-bottom:25px;padding:15px 1.25rem}.form-group.no-writers-found[data-v-dd2a164c]{margin-bottom:52px}.book-checkbox[data-v-e65e1b39]{grid-template-rows:1fr;grid-template-columns:26px 120px;height:42px}.book-checkbox label[data-v-e65e1b39]{grid-area:1/2/2/3}.book-checkbox input[data-v-e65e1b39]{grid-area:1/1/2/2}@media (width>=768px){.book-checkbox[data-v-e65e1b39]{grid-template-columns:100px 1fr}.book-checkbox label[data-v-e65e1b39]{grid-column:1/2}.book-checkbox input[data-v-e65e1b39]{grid-column:2/3}}.form-group-ta[data-v-e65e1b39]{grid-template-rows:42px 84px;height:auto}.form-group-ta textarea[data-v-e65e1b39]{height:84px}@media (width>=768px){.form-group-ta[data-v-e65e1b39]{grid-template-rows:1fr}}.icon-button i.fas[data-v-ba576777]{pointer-events:none}.books-read-metric-mobile[data-v-ba576777]{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);margin:-15px -.9rem 15px;padding:10px 12px;font-size:14px;font-weight:500}#page-title[data-v-ba576777]{grid-template-columns:auto 112px}#page-title #search-field[data-v-ba576777]{grid-column-start:span 2;justify-self:start;width:100%;margin-top:15px;position:relative}#page-title #search-field input[data-v-ba576777]{width:100%}#page-title #search-field button[data-v-ba576777]{box-shadow:none;background:0 0;border:none;width:23px;height:23px;position:absolute;top:9px;right:9px}#page-title #search-field button i[data-v-ba576777]{color:#7b1fa2}.books-read-metric[data-v-c8c54248]{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;grid-column-start:span 2;margin-bottom:10px;padding:8px 16px;font-size:14px;font-weight:500}#page-title[data-v-c8c54248]{grid-template-columns:auto 320px}#page-title .button-and-search[data-v-c8c54248]{position:relative}#page-title .button-and-search input[type=text]~button[data-v-c8c54248]{box-shadow:none;background:0 0;border:none;width:23px;height:23px;position:absolute;top:9px;right:9px}#page-title .button-and-search input[type=text]~button i[data-v-c8c54248]{color:#7b1fa2}#booklist[data-v-09eb7817]{max-width:1200px;margin-bottom:10px;position:relative}body[data-v-2b4a4ad0]{background:#f3f4f7}#home-layout[data-v-2b4a4ad0]{background:#fff;max-width:600px;margin-left:auto;margin-right:auto}.icon-button[data-v-2b4a4ad0]{background:#7b1fa2;border:1px solid #7b1fa2;border-radius:50%;width:32px;height:32px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.icon-button .fas[data-v-2b4a4ad0]{color:#fff}.icon-button[data-v-2b4a4ad0]:disabled{opacity:.6}h2[data-v-2b4a4ad0],h3[data-v-2b4a4ad0],h4[data-v-2b4a4ad0],h5[data-v-2b4a4ad0]{color:#7b1fa2;font-weight:700}h2[data-v-2b4a4ad0]{margin:.75rem 0;font-size:1.25rem}a[data-v-2b4a4ad0]{color:#7b1fa2;font-weight:700}.btn[data-v-2b4a4ad0]{color:#7b1fa2;text-transform:uppercase;background:#ffeb3b;border-radius:4px;padding:4px 10px;font-size:.8rem}.btn i.fas[data-v-2b4a4ad0]{margin-right:3px}p.small[data-v-2b4a4ad0]{font-size:.75rem}nav[data-v-2b4a4ad0]{color:#fff;background:#7b1fa2;grid-template-columns:1fr 1fr;align-items:center;height:4rem;padding:0 15px;display:grid}nav #brand[data-v-2b4a4ad0]{text-transform:uppercase;color:#ff0;font-size:1.25rem;font-weight:700}nav a[data-v-2b4a4ad0]{justify-self:end}header>div[data-v-2b4a4ad0]{padding:15px 25px}main[data-v-2b4a4ad0],header[data-v-2b4a4ad0]{width:100%;max-width:1200px;margin-left:auto;margin-right:auto}footer[data-v-2b4a4ad0]{color:#7b1fa2;text-align:center;background:#ffeb3b;padding:8px 0;line-height:24px}footer a[data-v-2b4a4ad0]:hover{text-decoration:underline}#page-title[data-v-2b4a4ad0]{grid-column-gap:8px;grid-template-columns:auto 200px;display:grid}#page-title div[data-v-2b4a4ad0]{justify-self:end}#page-title div button[data-v-2b4a4ad0]{margin-right:8px}#page-title div button[data-v-2b4a4ad0]:last-child{margin-right:0}#page-title .icon-button i.fas[data-v-2b4a4ad0]{color:#ffeb3b}.form-group[data-v-2b4a4ad0]{grid-gap:15px;grid-template-columns:100px 1fr;align-items:center;height:42px;margin-bottom:15px;display:grid}#page-content[data-v-bd63b55c]{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;margin:15px;box-shadow:0 5px 13px #00000059}#page-content #home-content[data-v-bd63b55c]{padding:15px}#page-content #home-content h2[data-v-bd63b55c]{margin-bottom:10px}#page-content #home-content .btn[data-v-bd63b55c]{background:var(--yellow);color:var(--purple);text-transform:uppercase;border-radius:4px;padding:4px 10px;font-size:.8rem}#page-content #home-content .btn i.fas[data-v-bd63b55c]{margin-right:3px}#page-content p[data-v-bd63b55c]{margin-bottom:15px}.bg-gray-100[data-v-c4d8d261]{background-color:#f7fafc;background-color:rgba(247, 250, 252, var(--tw-bg-opacity))}.border-gray-200[data-v-c4d8d261]{border-color:#edf2f7;border-color:rgba(237, 242, 247, var(--tw-border-opacity))}.text-gray-400[data-v-c4d8d261]{color:rgba(203, 213, 224, var(--tw-text-opacity))}.text-gray-500[data-v-c4d8d261]{color:rgba(160, 174, 192, var(--tw-text-opacity))}.text-gray-600[data-v-c4d8d261]{color:rgba(113, 128, 150, var(--tw-text-opacity))}.text-gray-700[data-v-c4d8d261]{color:rgba(74, 85, 104, var(--tw-text-opacity))}.text-gray-900[data-v-c4d8d261]{color:rgba(26, 32, 44, var(--tw-text-opacity))}@media (prefers-color-scheme:dark){.dark\:bg-gray-800[data-v-c4d8d261]{background-color:#2d3748;background-color:rgba(45, 55, 72, var(--tw-bg-opacity))}.dark\:bg-gray-900[data-v-c4d8d261]{background-color:#1a202c;background-color:rgba(26, 32, 44, var(--tw-bg-opacity))}.dark\:border-gray-700[data-v-c4d8d261]{border-color:#4a5568;border-color:rgba(74, 85, 104, var(--tw-border-opacity))}.dark\:text-white[data-v-c4d8d261]{color:rgba(255, 255, 255, var(--tw-text-opacity))}.dark\:text-gray-400[data-v-c4d8d261]{color:rgba(203, 213, 224, var(--tw-text-opacity))}}#page-title.no-writers[data-v-b9e6d200]{grid-template-columns:1fr}#page-title #search-field[data-v-b9e6d200]{grid-column-start:span 2;justify-self:start;width:100%;margin-top:15px;position:relative}#page-title #search-field input[data-v-b9e6d200]{width:100%}#page-title #search-field button[data-v-b9e6d200]{box-shadow:none;background:0 0;border:none;width:23px;height:23px;position:absolute;top:9px;right:9px}#page-title #search-field button i[data-v-b9e6d200]{color:#7b1fa2}#page-title[data-v-1809a26f]{grid-template-columns:200px 1fr;align-items:center}#page-title #buttons-and-search[data-v-1809a26f]{grid-template-columns:40px 40px 40px 40px 1fr;align-items:center;display:grid}#page-title #buttons-and-search #search-container[data-v-1809a26f]{position:relative}#page-title #buttons-and-search #search-container input[type=text]~button[data-v-1809a26f]{box-shadow:none;background:0 0;border:none;width:23px;height:23px;position:absolute;top:9px;right:9px}#page-title #buttons-and-search #search-container input[type=text]~button i[data-v-1809a26f]{color:#7b1fa2}.book-checkbox[data-v-b20f02ef]{grid-template-rows:1fr;grid-template-columns:26px 120px;height:42px}.book-checkbox label[data-v-b20f02ef]{grid-area:1/2/2/3}.book-checkbox input[data-v-b20f02ef]{grid-area:1/1/2/2}@media (width>=768px){.book-checkbox[data-v-b20f02ef]{grid-template-columns:100px 1fr}.book-checkbox label[data-v-b20f02ef]{grid-column:1/2}.book-checkbox input[data-v-b20f02ef]{grid-column:2/3}}.form-group-ta[data-v-b20f02ef]{grid-template-rows:42px 84px;height:auto}.form-group-ta textarea[data-v-b20f02ef]{height:84px}@media (width>=768px){.form-group-ta[data-v-b20f02ef]{grid-template-rows:1fr}}.writer[data-v-789e70d7]{box-sizing:border-box;color:#0000008a;background:#fff59d;border-radius:4px;padding:10px 15px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.writer .name[data-v-789e70d7]{grid-column-gap:8px;grid-template-columns:1fr 112px;font-size:.875rem;line-height:1.375rem;display:grid}.writer .name .writer-and-books h3[data-v-789e70d7]{text-transform:uppercase;color:inherit;align-self:center}.writer .name .writer-and-books ul[data-v-789e70d7]{padding-left:15px;list-style:outside}.writer .name div.buttons[data-v-789e70d7]{justify-self:end}.writer button.icon-button[data-v-789e70d7]{background:#ffeb3b;border-color:#ffeb3b}.writer button.icon-button i.fas[data-v-789e70d7]{color:#7b1fa2}#no-writers-block[data-v-afb0c9d4]{grid-gap:20px;grid-template-columns:1fr 1fr;display:grid}#no-writers-block #left-panel img[data-v-afb0c9d4]{border-radius:50%}#no-writers-block #left-panel span[data-v-afb0c9d4]{text-align:center;margin-top:5px;font-size:13px;display:block}#no-writers-block #left-panel span a[data-v-afb0c9d4]{text-decoration:underline}#no-writers-block #right-panel[data-v-afb0c9d4]{text-align:center;align-self:center;padding:3rem;font-size:36px;line-height:50px}#no-writers-block #right-panel b[data-v-afb0c9d4]{color:#7b1fa2;font-size:42px}@media (width<=767px){#no-writers-block[data-v-afb0c9d4]{grid-gap:0;grid-template-rows:145px 335px;grid-template-columns:1fr}#no-writers-block #left-panel img[data-v-afb0c9d4]{border-radius:0}#no-writers-block #right-panel[data-v-afb0c9d4]{background:#ffeb3b;grid-row:1/2;padding:1rem;font-size:24px;line-height:32px}#no-writers-block #right-panel b[data-v-afb0c9d4]{font-size:30px}}#writerlist[data-v-f8fd4cc8]{grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(325px,1fr));max-width:1200px;margin-bottom:10px;padding:0 15px 10px;display:grid}