:root{--fz: 13px;--large-fz: 16px;--min-width: 55rem;--theme-body-bg: #DAE0E6;--theme-body-txt: #f3f3f3;--theme-body-dark-txt: #000000;--search-size-mx-h: 3rem;--zIndex-header: 20;--zIndex-component: 5;--brand-color_1: #8f2d56;--brand-color_2: #d81159;--brand-color_3: #ffbc42;--brand-color_4: #0496ff;--brand-color_5: #FFFFFF;--newCommunityTheme-postLine: #ccc;--mobile: 37rem;--gap: .125rem}html{box-sizing:border-box;font-size:1rem}*,*:before,*:after{box-sizing:inherit}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--fz);background-color:var(--theme-body-bg);color:var(--theme-body-txt)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.gf-header{display:flex;flex-direction:column;align-content:space-between;padding:1rem;background-color:var(--brand-color_5);margin-bottom:30px;position:sticky;top:0;img{filter:invert(1)}box-shadow:0 5px 8px -1px #0000001a}.gf-header section{color:var(--theme-body-dark-txt)}.gf-header section:first-of-type{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;h1{display:inline;margin-right:8px}}.gf-header-buttons{display:flex;gap:var(--gap)}.synchronize{padding:.5rem 1rem;font-size:1rem;display:flex;color:#000;align-items:center;span{padding-right:1rem}}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#09f;animation:spin 1s ease infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:37rem){.synchronize{span{display:none}}}.modal{background-color:#fffc;backdrop-filter:blur(4px);position:fixed;inset:0;z-index:10000000}.modal-content{background:var(--theme-body-bg);width:300px;padding:10px 20px;height:80vh;margin:10vh auto;position:relative}.modal-content .btn{display:block;margin-bottom:32px}.modal-btn{margin-left:auto}.form{display:flex;flex-direction:column}.form label{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.form label input{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:.5rem;margin-bottom:.5rem}.Search{display:flex;gap:var(--gap);justify-content:center;padding-top:.5rem;padding-bottom:.5rem;margin:0 auto;background-color:var(--brand-color_5);img{filter:invert(1)}}.BookDetails{display:flex;flex-direction:column;justify-content:center;background-color:var(--brand-color_5);color:var(--theme-body-dark-txt);padding:1rem;border-radius:4px}.BookDetails header{display:flex;align-items:center}.BookDetails header span{margin-left:auto}.BookDetails-body{display:flex;flex-direction:column;align-items:flex-start}.Book-footer{align-self:flex-start}.Book-footer button{background-color:transparent}.Book{display:flex;justify-content:center;padding:.4rem;background-color:var(--brand-color_5)}.Book .Book-btn{margin-left:auto}.Book-link{color:var(--theme-body-dark-txt);display:flex;flex-direction:column;text-decoration:none;align-items:flex-start}.Book-link span:first-of-type{flex-direction:column;font-weight:700;margin-right:10px}.Book-link span:last-of-type{font-weight:lighter}@media screen and (min-width:55rem){.Book-link{flex-direction:row}}.ListOfBooks{display:flex;flex-direction:column;gap:var(--gap)}.ListOfBooks .Book{min-height:40px;justify-content:center;align-items:center;border:thin solid var(--newCommunityTheme-postLine);margin-bottom:-1px;border-radius:4px}.App{text-align:center}.App-logo{margin:10px auto;padding:20px 0;width:144px}.App-content{display:flex;flex-direction:column;min-height:100vh;padding:0 16px}.btn{border:1px solid transparent;padding:.5rem 1rem;font-size:1rem;cursor:pointer;background-color:var(--brand-color_4);color:var(--theme-body-txt);border-radius:.125rem}.Book-btn{background:transparent;border:none}.Book-btn:hover{cursor:pointer}.fade-in{animation-name:fadeIn;animation-fill-mode:forwards;animation-duration:1s;animation-timing-function:ease-in}.icon{width:30px;height:30px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (min-width: var(--mobile)){.App{font-size:var(--large-fz)}}