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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.nav-container{width:27rem;position:-webkit-sticky;position:sticky;background-color:#fff;font-size:1.5rem;z-index:100}@media only screen and (max-width:56.25em){.nav-container{width:100%;background-image:linear-gradient(-20deg,#e9defa,#fbfcdb)}}@media only screen and (max-width:35em){.nav-container{align-items:center}}@media only screen and (max-width:80em){.nav-container{font-size:1.7rem}}.nav-container .heading{font-size:3.5rem;text-align:center;margin-top:5rem;margin-bottom:5rem;text-transform:uppercase;letter-spacing:.3rem;font-weight:500}@media only screen and (max-width:56.25em){.nav-container .heading{margin-top:3rem;margin-bottom:2.5rem;font-size:4rem}}@media only screen and (max-width:43.75em){.nav-container .heading{margin-top:0;margin-bottom:0;font-size:3rem;padding:2rem;float:left}}.nav-container .heading span{color:grey}.nav-container .sidenav{width:22rem;padding-left:5rem}@media only screen and (max-width:56.25em){.nav-container .sidenav{display:flex;flex-wrap:wrap;width:100%;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.425);padding:1rem}}@media only screen and (max-width:43.75em){.nav-container .sidenav{flex-direction:column;justify-content:stretch;align-items:stretch;display:none}}.nav-container .sidenav-section{margin-bottom:4rem}@media only screen and (max-width:56.25em){.nav-container .sidenav-section{display:flex;align-items:center;justify-content:center;margin:0}}@media only screen and (max-width:43.75em){.nav-container .sidenav-section{flex-direction:column;align-items:stretch;justify-content:flex-start}}.nav-container .sidenav p{font-weight:700;margin-bottom:1rem}@media only screen and (max-width:56.25em){.nav-container .sidenav p{display:none;visibility:hidden}}.nav-container .sidenav-item{text-decoration:none;display:flex;padding-left:1rem;margin-bottom:1rem;-webkit-transition:all .2s;transition:all .2s}@media only screen and (max-width:56.25em){.nav-container .sidenav-item{justify-content:center;align-items:center;padding:.5rem 2rem;margin:.5rem}}@media only screen and (max-width:43.75em){.nav-container .sidenav-item{justify-content:flex-start}}.nav-container .sidenav-item-img{width:1.3rem}.nav-container .sidenav-item span{padding:6px 8px 6px 15px;text-decoration:none;color:#000;display:block}.nav-container .sidenav-item:hover:not(.sidenav-item__active){background-color:#ddd;border-radius:.5rem}.nav-container .sidenav-item:active{-webkit-transform:scale(1.04);transform:scale(1.04)}.nav-container .sidenav-item__active{background-color:rgba(233,222,250,.58);border-radius:.5rem}@media only screen and (max-width:43.75em){.nav-container .showMenu{display:flex}}.menuIcon{display:none;width:3rem;margin:2.7rem}@media only screen and (max-width:43.75em){.menuIcon{display:block;float:right}}.db-container{padding:6rem 6rem 10rem;display:grid;grid-template-columns:1rem repeat(8,1fr) 1rem;grid-row-gap:3rem}.control-section{display:flex;flex-wrap:nowrap;justify-content:space-between;margin-bottom:2rem;padding-left:1rem}.control-section-text{display:flex;flex-wrap:nowrap;align-items:flex-end}.control-section-text__books-num{font-size:1.2rem;font-weight:700;background-color:rgba(0,0,0,.07);width:2.4rem;line-height:2.4rem;border-radius:50%;text-align:center;margin-left:1rem}.control-section-action{display:flex;justify-content:center;align-items:center;font-size:0}.control-section-action__back--currentlyReading,.control-section-action__back--read,.control-section-action__back--wantToRead{background-image:url(/myreads/static/media/left-arrow.13a892e8.svg);background-repeat:no-repeat;background-position:50%;width:2.5rem;height:2.5rem;margin-right:1.5rem;-webkit-transition:all .2s;transition:all .2s;cursor:pointer;opacity:.2}.control-section-action__back--currentlyReading:active,.control-section-action__back--read:active,.control-section-action__back--wantToRead:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.control-section-action__next--currentlyReading,.control-section-action__next--read,.control-section-action__next--wantToRead{background-image:url(/myreads/static/media/right-arrow.28f7c235.svg);background-repeat:no-repeat;background-position:50%;width:2.5rem;height:2.5rem;-webkit-transition:all .2s;transition:all .2s;cursor:pointer;opacity:.2}.control-section-action__next--currentlyReading:active,.control-section-action__next--read:active,.control-section-action__next--wantToRead:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.currentlyReading-container{grid-column:2/10;grid-row:1/2}.currentlyReading-swiper-container,.wantToRead-swiper-container{width:100%;margin:2rem auto}.swiper-wrapper{display:flex}.bookCard-container{width:35rem;height:19rem;flex:2 1;display:flex;border-radius:1rem;background-image:linear-gradient(-20deg,#e9defa,#fbfcdb);background-color:#bdbdd7;box-shadow:0 0 30px -10px #d4d4d4;-webkit-transition:all .2s;transition:all .2s;margin-bottom:4rem}.bookCard-container:hover{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 0 40px -10px #d1d1d1}.card-container{display:flex;width:100%}.card-img{border-radius:.5rem;padding:2rem}.card-img img{width:13rem;height:19rem;box-shadow:0 8px 20px 0 rgba(0,0,0,.205);border-radius:.5rem}.card-info{display:flex;flex-direction:column;width:100%;padding:2.2rem 2rem 2.2rem 0}.card-info__title{font-size:1.4rem;max-height:4rem;font-weight:700;overflow-y:hidden}.card-info__author{margin-top:.5rem;font-size:1.2rem;color:grey;margin-bottom:1rem}.card-info__rating{flex:1 1;display:flex}.card-info__rating>*{margin-right:.3rem;font-size:1.3rem}.card-info__rating .react-rater-star{cursor:pointer;color:#bebebe;position:relative}.card-info__rating .react-rater-star.is-active{color:#f6c90e}.card-info__rating .react-rater-star.is-active-half:before{color:#f6c90e;content:"\2605";position:absolute;left:0;width:50%;overflow:hidden}.card-info__rating .react-rater-star.is-disabled{cursor:default}.dropdown-button{width:100%;height:3rem;border-radius:.6rem;background-color:#dd105e;color:#fff;border:0;-webkit-transition:all .2s;transition:all .2s;font-family:inherit;box-shadow:0 0 1rem 0 rgba(0,0,0,.205);outline:none;z-index:2;position:relative;text-align:left;padding-left:1rem}@media only screen and (max-width:35em){.dropdown-button{width:100%}}.dropdown-button:hover{background-color:#ca0e56}.dropdown-button:after{position:absolute;right:1.1rem;top:1.4rem;content:"";width:0;height:0;border-color:#fff transparent transparent;border-style:solid;border-width:.5rem .4rem 0;border-radius:.4rem}.dropdown-choices{width:16rem;display:none;position:absolute;margin-top:.4rem;margin-bottom:1.4rem;background-color:#f9f9f9;min-width:1.6rem;box-shadow:0 .8rem 1.6rem 0 rgba(0,0,0,.2);z-index:1;border-radius:.5rem;padding:1rem}.dropdown-choices div{float:none;color:#000;padding:.7rem 1rem;text-decoration:none;display:block;text-align:left;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;border-radius:.4rem}.dropdown-choices div:hover:not(.choice-active){background-color:#e2e2e2}.empty-message{font-family:inherit;font-weight:700;font-size:2rem;color:#b4b4b4;text-align:center;padding:3rem}.wantToRead-container{grid-column:2/10;grid-row:2/3}.read-container{grid-column:2/10;grid-row:3/4}.search-container{padding:6rem;display:flex;flex-direction:column;align-items:center}.search-bar-container{position:relative}.search-bar{font-size:1.7rem;color:grey;width:63rem;padding:1.3rem 2rem;border-radius:1rem;border:none;background-color:#ececec;box-shadow:0 1px 15px -3px rgba(0,0,0,.082),0 1px 6px -2px rgba(0,0,0,.014)}@media only screen and (max-width:35em){.search-bar{width:40rem}}.search-bar:focus{outline:none}.search-bar-icon{width:1.8rem;position:absolute;top:1.3rem;right:2rem}.books-container{flex:1 1;align-self:stretch;margin-top:4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(27rem,1fr));grid-gap:1.2rem}@media only screen and (max-width:43.75em){.books-container{grid-template-columns:repeat(auto-fill,minmax(35rem,1fr))}}@media only screen and (max-width:56.25em){.books-container{grid-template-columns:repeat(auto-fill,minmax(35rem,1fr))}}.book{background-color:#0ff;font-size:1.4rem}.search-Img{margin-top:8rem;width:75rem;-webkit-filter:invert(6%) sepia(79%) saturate(1) hue-rotate(611deg) brightness(356%) contrast(93%);filter:invert(6%) sepia(79%) saturate(1) hue-rotate(611deg) brightness(356%) contrast(93%)}@media only screen and (max-width:35em){.search-Img{width:50rem}}.search-Img~p{font-size:2rem;font-weight:500;color:#999;margin-top:-5rem;letter-spacing:.3rem;text-align:left;margin-left:15rem}@media only screen and (max-width:35em){.search-Img~p{margin-top:-3rem;margin-left:12rem}}.search-Img~p span{font-size:2rem;color:#ab88e0}.search-Error{margin-top:8rem;width:75rem;-webkit-filter:invert(80%) sepia(79%) saturate(1) hue-rotate(211deg) brightness(356%) contrast(93%);filter:invert(80%) sepia(79%) saturate(1) hue-rotate(211deg) brightness(356%) contrast(93%)}@media only screen and (max-width:35em){.search-Error{width:50rem}}.search-Error~p{font-size:1.8rem;font-weight:500;color:#999;margin-top:-6rem;letter-spacing:.3rem;text-align:center}@media only screen and (max-width:35em){.search-Error~p{font-size:1.5rem}}.search-Error~p span{font-size:2.5rem;color:#ab88e0}@media only screen and (max-width:35em){.search-Error~p span{font-size:2rem}}.shelf-container{padding:6rem;background-image:-webkit-gradient(linear,left top,left bottom,from(#e9defa),to(#fff));background-image:linear-gradient(180deg,#e9defa 0,#fff)}@media only screen and (max-width:56.25em){.shelf-container{background-image:none;background-color:#fff}}.shelf-wrapper{display:flex;flex-direction:column}.shelf-top{flex:1 1;padding-left:1rem;display:flex;justify-content:space-between}.shelf-dropdown-button{width:18rem;height:3.6rem;border-radius:.6rem;background-color:hsla(0,0%,100%,.986);color:#000;border:0;-webkit-transition:all .2s;transition:all .2s;font-family:inherit;box-shadow:0 0 1rem 0 rgba(0,0,0,.082);outline:none;z-index:2;position:relative;text-align:left;padding-left:1rem}@media only screen and (max-width:35em){.shelf-dropdown-button{width:14rem}}@media only screen and (max-width:56.25em){.shelf-dropdown-button{background-color:#ddd}}.shelf-dropdown-button:hover{background-color:#f1f1f1}@media only screen and (max-width:56.25em){.shelf-dropdown-button:hover{background-color:#c7c7c7}}.shelf-dropdown-button:after{position:absolute;right:1.1rem;top:1.6rem;content:"";width:0;height:0;border-color:#1f1f1f transparent transparent;border-style:solid;border-width:.5rem .4rem 0;border-radius:.4rem}.shelf{margin-top:.5rem}.choice-active{font-weight:700}.show{display:block}.shelf-empty{font-size:3rem;font-weight:700;color:#adadad;grid-column:1/-1;padding-top:15rem;display:flex;justify-content:center;align-items:center}.content{flex:1 1;overflow:hidden}*,:after,:before{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%}@media only screen and (max-width:80em){html{font-size:55%}}@media only screen and (max-width:56.25em){html{font-size:50%}}@media only screen and (max-width:43.75em){html{font-size:48%}}@media only screen and (max-width:35em){html{font-size:40%}}.container{display:flex;flex-wrap:nowrap;font-family:Open Sans,sans-serif}@media only screen and (max-width:56.25em){.container{flex-direction:column}}
/*# sourceMappingURL=main.aec1212c.chunk.css.map */