.icon-button{width:32px;height:32px;background:#7b1fa2;border:1px solid #7b1fa2;border-radius:50%;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;padding:0 15px;margin-left:auto;margin-right:auto}nav a i,nav button i{margin-right:5px}nav #logout-link{padding:.5rem 1rem;color:rgb(55 65 81 / var(--tw-text-opacity))}nav #mobile-menu{background:#fff;box-shadow:3px 3px 20px #7b1fa2}nav #mobile-menu a{text-transform:capitalize}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{background:#ffeb3b;color:#7b1fa2;text-align:center;padding:8px 0;font-size:13px}footer a:hover{text-decoration:underline}#page-title{display:grid;grid-template-columns:auto 200px;grid-column-gap:8px}#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{display:grid;grid-template-rows:42px 42px;align-items:center;margin-bottom:5px;height:84px}@media(max-width:767px){.icon-button-lg{width:42px;height:42px}}@media(min-width:768px){.form-group{display:grid;grid-gap:15px;grid-template-columns:100px 1fr;align-items:center;margin-bottom:15px;height:42px}footer{font-size:14px}}form[data-v-d2e00735]{margin-top:25px;margin-bottom:25px;padding:15px;background:#eee}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-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:2}form .form-group.book-checkbox input[data-v-d2e00735]{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2}@media(min-width:767px){form[data-v-d2e00735]{padding:15px 300px 15px 260px}}#intro[data-v-a8c98757]{padding:15px;width:100%;display:grid;grid-gap:20px;grid-template-areas:"image head" "body body";grid-template-columns:1fr 1fr;grid-template-rows:1fr 72px}#intro .left-panel[data-v-a8c98757]{grid-area:image}#intro .left-panel span[data-v-a8c98757]{font-size:12px;line-height:15px;display:inline-block;margin-top:5px}#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]{transition:all 2s ease;color:#7b1fa2;font-style:italic}@media(min-width:767px){#intro[data-v-a8c98757]{padding-top:45px;grid-template-areas:"image head" "image body";grid-template-columns:1fr 1fr;grid-template-rows:1fr}#intro .left-panel[data-v-a8c98757]{display:grid;place-items:center}#intro .left-panel img[data-v-a8c98757]{max-width:400px;border-radius:50%}#intro #welcome-heading[data-v-a8c98757]{align-self:center;height:150px}#intro #welcome-heading h2[data-v-a8c98757]{font-size:36px;text-align:center}#intro #welcome-heading .subtitle[data-v-a8c98757]{text-align:center;font-size:20px;font-style:none}#intro #welcome-text[data-v-a8c98757]{grid-row-start:1;grid-row-end:2;align-self:end;padding:25px;background:#eee;color:#7b1fa2;font-weight:700;font-style:italic}#intro #welcome-text.highlight[data-v-a8c98757]{transition:all 2s ease;background:#7b1fa2;color:#eee}#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{border-color:#7b1fa2;border-width:1px;box-shadow:none}#auth-page{display:grid;grid-template-rows:65px 1fr}nav{background:#7b1fa2;color:#fff}nav .navbar{width:100%;max-width:1200px;padding:0 25px}nav #brand{text-transform:uppercase;font-size:1.25rem;color:#ff0;font-weight:700}nav a{text-transform:uppercase;color:#ff0;border-color:#ff0}nav a i{margin-right:5px}main#auth-main{padding:25px}@media(min-width:768px){main#auth-main{padding-top:100px;width:600px;margin-left:auto;margin-right:auto}}#buttons[data-v-a912a5b0]{display:grid;grid-template-columns:2fr 1fr;margin-top:1rem}#buttons .links[data-v-a912a5b0]{display:grid;grid-template-rows:1fr 1fr;grid-gap:5px}#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-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:2}.book-checkbox input[data-v-7f945379]{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2}@media(min-width:768px){.book-checkbox[data-v-7f945379]{grid-template-columns:100px 1fr}.book-checkbox label[data-v-7f945379]{grid-column-start:1;grid-column-end:2}.book-checkbox input[data-v-7f945379]{grid-column-start:2;grid-column-end:3}}#on-loan-container[data-v-7f945379]{display:grid;grid-template-rows:42px 42px 42px;grid-gap:5px 0;align-items:center;margin-bottom:5px}#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(min-width:768px){#on-loan-container[data-v-7f945379]{display:grid;grid-gap:5px 15px;grid-template-rows:42px 18px;grid-template-columns:100px 1fr;align-items:center;margin-bottom:15px}#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]{position:absolute;opacity:.6;box-sizing:border-box;background:#ff9800;color:#0000008a;padding:10px 15px;border-radius:4px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.book.on-loan[data-v-f58010fa]{background:#00f;color:#fff}.book.owned[data-v-f58010fa]{background:#4caf50}.book.completed[data-v-f58010fa]{opacity:1}.book .title[data-v-f58010fa]{display:grid;grid-template-columns:auto 32px 32px;grid-column-gap:8px;font-size:.875rem;line-height:1.375rem}.book .title h3[data-v-f58010fa]{align-self:center;text-transform:uppercase;color:inherit}.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;right:5px;top:7px}#no-books-block[data-v-3ac403b0]{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}#no-books-block #left-panel img[data-v-3ac403b0]{border-radius:50%}#no-books-block #left-panel span[data-v-3ac403b0]{font-size:13px;display:block;text-align:center;margin-top:5px}#no-books-block #left-panel span a[data-v-3ac403b0]{text-decoration:underline}#no-books-block #right-panel[data-v-3ac403b0]{align-self:center;padding:3rem;font-size:36px;line-height:50px;text-align:center}#no-books-block #right-panel b[data-v-3ac403b0]{color:#7b1fa2;font-size:42px}@media(max-width:767px){#no-books-block[data-v-3ac403b0]{grid-template-columns:1fr;grid-template-rows:145px 335px;grid-gap:0}#no-books-block #left-panel img[data-v-3ac403b0]{border-radius:0}#no-books-block #right-panel[data-v-3ac403b0]{grid-row-start:1;grid-row-end:2;background:#ffeb3b;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-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:2}.book-checkbox input[data-v-e65e1b39]{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2}@media(min-width:768px){.book-checkbox[data-v-e65e1b39]{grid-template-columns:100px 1fr}.book-checkbox label[data-v-e65e1b39]{grid-column-start:1;grid-column-end:2}.book-checkbox input[data-v-e65e1b39]{grid-column-start:2;grid-column-end:3}}.form-group-ta[data-v-e65e1b39]{grid-template-rows:42px 84px;height:auto}.form-group-ta textarea[data-v-e65e1b39]{height:84px}@media(min-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]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 12px;font-size:14px;text-align:center;font-weight:500;margin-left:-.9rem;margin-right:-.9rem;margin-top:-15px;margin-bottom:15px}#page-title[data-v-ba576777]{grid-template-columns:auto 112px}#page-title #search-field[data-v-ba576777]{width:100%;margin-top:15px;grid-column-start:span 2;justify-self:start;position:relative}#page-title #search-field input[data-v-ba576777]{width:100%}#page-title #search-field button[data-v-ba576777]{position:absolute;right:9px;top:9px;box-shadow:none;background:none;border:none;width:23px;height:23px}#page-title #search-field button i[data-v-ba576777]{color:#7b1fa2}.books-read-metric[data-v-c8c54248]{grid-column-start:span 2;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;text-align:center;margin-bottom:10px;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]{position:absolute;right:9px;top:9px;box-shadow:none;background:none;border:none;width:23px;height:23px}#page-title .button-and-search input[type=text]~button i[data-v-c8c54248]{color:#7b1fa2}#booklist[data-v-09eb7817]{position:relative;max-width:1200px;margin-bottom:10px}body[data-v-2b4a4ad0]{background:#f3f4f7}#home-layout[data-v-2b4a4ad0]{max-width:600px;margin-left:auto;margin-right:auto;background:#fff}.icon-button[data-v-2b4a4ad0]{width:32px;height:32px;background:#7b1fa2;border:1px solid #7b1fa2;border-radius:50%;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]{font-weight:700;color:#7b1fa2}h2[data-v-2b4a4ad0]{font-size:1.25rem;margin:.75rem 0}a[data-v-2b4a4ad0]{color:#7b1fa2;font-weight:700}.btn[data-v-2b4a4ad0]{background:#ffeb3b;color:#7b1fa2;text-transform:uppercase;padding:4px 10px;font-size:.8rem;border-radius:4px}.btn i.fas[data-v-2b4a4ad0]{margin-right:3px}p.small[data-v-2b4a4ad0]{font-size:.75rem}nav[data-v-2b4a4ad0]{background:#7b1fa2;color:#fff;height:4rem;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 15px}nav #brand[data-v-2b4a4ad0]{text-transform:uppercase;font-size:1.25rem;color:#ff0;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]{background:#ffeb3b;color:#7b1fa2;text-align:center;padding:8px 0;line-height:24px}footer a[data-v-2b4a4ad0]:hover{text-decoration:underline}#page-title[data-v-2b4a4ad0]{display:grid;grid-template-columns:auto 200px;grid-column-gap:8px}#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]{display:grid;grid-gap:15px;grid-template-columns:100px 1fr;align-items:center;margin-bottom:15px;height:42px}#page-content[data-v-c508a542]{margin:15px;box-sizing:border-box;border:1px solid #ddd;border-radius:4px;box-shadow:#00000059 0 5px 13px}#page-content #home-content[data-v-c508a542]{padding:0 15px 15px}#page-content p[data-v-c508a542]{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:#cbd5e0;color:rgba(203,213,224,var(--tw-text-opacity))}.text-gray-500[data-v-c4d8d261]{color:#a0aec0;color:rgba(160,174,192,var(--tw-text-opacity))}.text-gray-600[data-v-c4d8d261]{color:#718096;color:rgba(113,128,150,var(--tw-text-opacity))}.text-gray-700[data-v-c4d8d261]{color:#4a5568;color:rgba(74,85,104,var(--tw-text-opacity))}.text-gray-900[data-v-c4d8d261]{color:#1a202c;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:#fff;color:rgba(255,255,255,var(--tw-text-opacity))}.dark\:text-gray-400[data-v-c4d8d261]{color:#cbd5e0;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]{width:100%;margin-top:15px;grid-column-start:span 2;justify-self:start;position:relative}#page-title #search-field input[data-v-b9e6d200]{width:100%}#page-title #search-field button[data-v-b9e6d200]{position:absolute;right:9px;top:9px;box-shadow:none;background:none;border:none;width:23px;height:23px}#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]{display:grid;grid-template-columns:40px 40px 40px 40px 1fr;align-items:center}#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]{position:absolute;right:9px;top:9px;box-shadow:none;background:none;border:none;width:23px;height:23px}#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-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:2}.book-checkbox input[data-v-b20f02ef]{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2}@media(min-width:768px){.book-checkbox[data-v-b20f02ef]{grid-template-columns:100px 1fr}.book-checkbox label[data-v-b20f02ef]{grid-column-start:1;grid-column-end:2}.book-checkbox input[data-v-b20f02ef]{grid-column-start:2;grid-column-end:3}}.form-group-ta[data-v-b20f02ef]{grid-template-rows:42px 84px;height:auto}.form-group-ta textarea[data-v-b20f02ef]{height:84px}@media(min-width:768px){.form-group-ta[data-v-b20f02ef]{grid-template-rows:1fr}}.writer[data-v-789e70d7]{box-sizing:border-box;background:#fff59d;color:#0000008a;padding:10px 15px;border-radius:4px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.writer .name[data-v-789e70d7]{display:grid;grid-template-columns:1fr 112px;grid-column-gap:8px;font-size:.875rem;line-height:1.375rem}.writer .name .writer-and-books h3[data-v-789e70d7]{align-self:center;text-transform:uppercase;color:inherit}.writer .name .writer-and-books ul[data-v-789e70d7]{padding-left:15px;list-style:disc}.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]{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}#no-writers-block #left-panel img[data-v-afb0c9d4]{border-radius:50%}#no-writers-block #left-panel span[data-v-afb0c9d4]{font-size:13px;display:block;text-align:center;margin-top:5px}#no-writers-block #left-panel span a[data-v-afb0c9d4]{text-decoration:underline}#no-writers-block #right-panel[data-v-afb0c9d4]{align-self:center;padding:3rem;font-size:36px;line-height:50px;text-align:center}#no-writers-block #right-panel b[data-v-afb0c9d4]{color:#7b1fa2;font-size:42px}@media(max-width:767px){#no-writers-block[data-v-afb0c9d4]{grid-template-columns:1fr;grid-template-rows:145px 335px;grid-gap:0}#no-writers-block #left-panel img[data-v-afb0c9d4]{border-radius:0}#no-writers-block #right-panel[data-v-afb0c9d4]{grid-row-start:1;grid-row-end:2;background:#ffeb3b;padding:1rem;font-size:24px;line-height:32px}#no-writers-block #right-panel b[data-v-afb0c9d4]{font-size:30px}}#writerlist[data-v-f8fd4cc8]{max-width:1200px;display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(325px,1fr));padding:0 15px 10px;margin-bottom:10px}