@import url(https://fonts.googleapis.com/css2?family=League+Spartan:wght@500;700&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap);body{font-family:Raleway,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}button,input,select,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Raleway,sans-serif;font-size:1rem;font-weight:500}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button:hover,input[type=button]:hover{cursor:pointer}.hero-container{background:url(/static/media/hero.bf69ab38f1bcf686f8c7.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;height:auto;left:0;min-height:100vh;min-width:1024px;position:fixed;top:0;width:100%}@media screen and (max-width:1024px){.hero-container{left:50%;margin-left:-512px}}@media screen and (max-width:600px){.hero-container{left:50%;margin-left:-512px}}.login-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f7f5f54d;border-radius:30px;display:flex;flex-direction:column;justify-content:center;margin:12% auto;padding-block:0 1rem;width:20rem}.login-form input,button{border:none;border-radius:4px;margin:.3rem;padding:.5rem;width:15rem}.login-form input:hover{cursor:pointer}.google-signin-button{background:orange;width:15rem}.google-signin-button:hover{background:#ff8c00;cursor:pointer}.register-submit-button{background:#9fa0a1}.register-submit-button:hover{background-color:#7066e0;color:#fff}.login-submit-button{background:#444343;color:#fff}.login-submit-button:hover{background:#000}.dashboard-container{background:url(/static/media/dashboard.5a045507cf078eab6f2e.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;bottom:0;height:auto;left:0;min-height:100vh;min-width:1024px;position:fixed;right:0;top:0;width:100%}.header-section{position:relative;z-index:10}.list-section{-webkit-overflow-scrolling:touch;bottom:0;left:0;overflow-y:scroll;padding:1.5rem;position:absolute;right:0;scrollbar-width:none;top:120px;z-index:0}.list-section::-webkit-scrollbar{display:none}@media screen and (max-width:1024px){.dashboard-container{left:50%;margin-left:-512px}}@media screen and (max-width:600px){.dashboard-container{left:50%;margin-left:-512px}}.header-container,.hide-header-container{color:#fff;text-align:center}.hide-header-container{opacity:.5}.header-add-button{margin-right:.5rem;width:10rem}.header-add-button:hover{background-color:#000;color:#fff}.header-logout-button{width:10rem}.header-logout-button:hover{background-color:gray;color:#fff}.header-action-buttons button:disabled{cursor:not-allowed;opacity:.5}.list-container{grid-gap:1.5rem;display:grid;grid-template-columns:1fr;margin-inline:35%}@media(min-width:768px){.list-container{grid-template-columns:1fr 1fr;margin-inline:12%}}@media(min-width:1024px){.list-container{grid-template-columns:1fr 1fr 1fr;margin-inline:5%}}@media(min-width:1440px){.list-container{grid-template-columns:1fr 1fr 1fr 1fr;margin-inline:10%}}@media(min-width:1700px){.list-container{grid-template-columns:1fr 1fr 1fr 1fr 1fr;margin-inline:15%}}.book-card{background-color:#f6f8f8b3;border-radius:20px;box-shadow:0 10px 20px #8b7e7e80;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem 1rem}.book-card:hover{background-color:#fff}.title-author{font-size:1.2rem;font-weight:600}.title-author .regular-style{font-weight:400}.rating-info-container{align-items:center}.comment-container{flex-grow:1}.comment-icon{filter:invert(30%) sepia(2%) saturate(11%) hue-rotate(323deg) brightness(25%) contrast(74%);height:1.7rem;width:1.7rem}.comment-info{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;box-orient:vertical;display:-webkit-box;font-family:Raleway,Hiragino Kaku Gothic ProN,sans-serif;font-style:italic;line-height:1.5em;margin:.2rem;overflow:hidden;text-overflow:ellipsis}.content-info{margin:.5rem}.list-action-buttons{text-align:center}.list-action-buttons button{margin-top:.5rem;max-height:2rem;max-width:5rem}.edit-button:hover{background-color:#000;color:#fff}.delete-button:hover{background-color:#aaaaac;color:#fff}.loading-wrapper{margin:auto}input[type=radio]{display:none}.star{cursor:pointer}.modal-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}@media(min-width:1700px){.modal-overlay{align-items:flex-start;padding-top:10rem}}.modal-content{background:#fff;border-radius:20px;max-width:500px;padding:20px;width:80%}.regular-style{font-weight:400}.edit-button2:hover{background-color:#000;color:#fff}.close-button:hover{background-color:#979696;color:#fff}.add-form button,.add-form input,.add-form select,.add-form textarea{margin:.2rem auto 0;width:20rem}.add-form button:hover,.add-form input:hover,.add-form select:hover,.add-form textarea:hover{border:3px solid #858383}.modalBackground{align-items:flex-start;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding-top:1rem;position:fixed;right:0;top:0;z-index:100}.modalContainer{-webkit-overflow-scrolling:touch;animation:slide-down .3s ease-in;background-color:#adbbda;border-radius:10px;box-shadow:0 10px 20px #0006;display:inline-block;max-height:90vh;max-width:31rem;overflow-y:scroll;padding:.5rem;position:relative;scrollbar-width:none;text-align:center;z-index:101}@media screen and (min-width:1700px){.modalContainer{margin-top:5rem}}.modalContainer::-webkit-scrollbar{display:none}@keyframes slide-down{0%{opacity:0;transform:translateY(-5%)}to{opacity:1;transform:translateY(0)}}.closeButton{align-items:center;background-color:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:absolute;right:10px;top:10px;width:40px}.closeButton:hover{background-color:#c2adad}.closeButtonImage{border-radius:50%;height:auto;width:70%}.title{margin-bottom:1rem}.body{margin-bottom:.5rem}.footer{display:flex;justify-content:space-between;padding-inline:5rem;padding-bottom:1rem}.submitButton .cancelButton{border-radius:10px;cursor:pointer}.submitButton{background-color:#000;color:#fff}.cancelButton{background-color:#fff;color:#000}.add-form{display:flex;flex-direction:column;gap:.3rem;justify-content:center;margin:0 auto;text-align:left;width:22rem}input,select,textarea{border:none;border-radius:4px;box-sizing:border-box;padding:.5rem;width:70%}.rating-container{align-items:center;display:flex;gap:.5rem;margin:0 1rem}.rating-container p{color:#5a5858;margin:.5rem;padding-bottom:.25rem}
/*# sourceMappingURL=main.623da0b1.css.map*/