.root,body,html{height:100%}body{line-height:1.5}.app,body{background:#fff}.list-books-title{padding:10px 0;background:#2e7c31;text-align:center;position:-webkit-sticky;position:sticky;top:0;z-index:9999}.list-books-title h1{font-weight:600;font-size:2.2rem;margin:0;color:#fff;letter-spacing:4px;text-transform:uppercase}.list-books-title h1 a{color:#fff;text-decoration:none}.list-books-content{padding:0 0 80px;flex:1 1}.bookshelf{padding:0 10px 20px;margin-bottom:3rem}@media (min-width:600px){.bookshelf{padding:0 20px 40px;position:relative}.bookshelf-title{position:absolute;bottom:2rem;left:7%;background:none;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);border-bottom:none;letter-spacing:1px;font-weight:600;border-bottom:none!important;color:#2e7c31;text-shadow:-4px 4px 2px rgb(46 124 49/20%);text-transform:none}}.bookshelf-title{border-bottom:1px solid #dedede}.bookshelf-books{text-align:center;padding-left:10%}.open-search{position:fixed;right:25px;bottom:25px}.open-search button{display:block;width:50px;height:50px;border-radius:50%;background:#2e7d32;background-image:url(/static/media/add.bb9363b8.svg);background-repeat:no-repeat;background-position:50%;background-size:28px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);font-size:0;outline:0;cursor:pointer}.open-search button:hover{background-color:#060}.search-books-bar{position:fixed;width:100%;top:100px;left:0;z-index:5;display:flex;box-shadow:0 10px 20px rgba(0,0,0,.19),0 0 6px rgba(0,0,0,.23)}.search-books-input-wrapper{flex:1 1;background:#e9e}.search-books-bar input{width:100%;padding:15px 10px;font-size:1.25em;border:none;outline:none}.close-search{display:block;top:20px;left:15px;width:50px;height:53px;background-image:url(/static/media/arrow-back.3687aa98.svg);background-position:50%;background-repeat:no-repeat;background-size:28px;font-size:0;border:none;outline:none;cursor:pointer}button:active{border:red;outline:none}.search-books-results{padding:80px 10px 20px}.search-books-results .books-grid{max-height:none}.emptyShelf{align-self:flex-end;font-weight:700;font-style:italic;color:#708698}.emptySearch{text-align:center}.books-grid{list-style-type:none;padding:0;display:flex;justify-content:center;flex-wrap:wrap;min-height:240px;max-height:330px;overflow-y:auto;margin:0 0 1rem}.books-grid li{padding:10px 15px;text-align:left}.book{width:140px}.book-authors,.book-title{font-size:.8em}.book-title{font-weight:600}ul.book-authors{padding-left:0}ul.book-authors li{list-style:none;font-style:italic;font-weight:600;padding:0}.book-title{margin-top:10px}.book-authors{color:#999}.book-top{position:relative;height:200px;display:flex;align-items:flex-end}.book-shelf-changer{position:absolute;right:0;bottom:-10px;width:40px;height:40px;border-radius:50%;background:#60ac5d;background-image:url(/static/media/arrow-drop-down.78c6f53b.svg);background-repeat:no-repeat;background-position:50%;background-size:20px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.book-shelf-changer select{width:100%;height:100%;opacity:0;cursor:pointer}.book-cover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);background:#eee}.book-cover-title{padding:20px 10px 0;text-align:center;font-size:.8em}.shelf{display:block;position:relative;width:90%;height:20px;margin:0 auto;background-image:-webkit-gradient(90deg,left top,right bottom,color-stop(0,#d1d8de),color-stop(100%,#eff1f3));background-image:-webkit-linear-gradient(90deg,#d1d8de,#eff1f3);background-image:-ms-linear-gradient(90deg,#d1d8de 0,#eff1f3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#eff1f3",endColorstr="#d1d8de",GradientType="0");box-shadow:0 10px 1px #708698,0 14px 0 #abb8c3,0 20px 30px -8px #000,0 0 0 transparent,0 0 0 transparent,0 0 0 transparent}.bookend_left{display:block;left:-25px;top:-18px;width:36px;height:36px;-webkit-transform:rotate(35deg);-moz-transform:rotate(35deg);-ms-transform:rotate(35deg);-o-transform:rotate(35deg)}.bookend_left,.bookend_left:before{position:absolute;background-color:#fff}.bookend_left:before{top:31px;left:17px;width:20px;height:10px;content:""}.bookend_left:before,.bookend_right{-webkit-transform:rotate(-35deg);-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg)}.bookend_right{display:block;right:-25px;top:-18px;width:36px;height:36px}.bookend_right,.bookend_right:before{position:absolute;background-color:#fff}.bookend_right:before{top:31px;right:17px;width:20px;height:10px;content:"";-webkit-transform:rotate(35deg);-moz-transform:rotate(35deg);-ms-transform:rotate(35deg);-o-transform:rotate(35deg)}.shelf .reflection{display:block;position:absolute;top:20px;left:1px;width:99.8%;height:1px;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(35%,hsla(0,0%,100%,.5)),color-stop(65%,#fff),color-stop(100%,hsla(0,0%,100%,.7)));background-image:-webkit-linear-gradient(0deg,#fff,hsla(0,0%,100%,.5) 35%,#fff 65%,hsla(0,0%,100%,.7));background-image:-ms-linear-gradient(0deg,#fff 0,hsla(0,0%,100%,.5) 35%,#fff 65%,hsla(0,0%,100%,.7) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 255, 255, 0.7)",endColorstr="#ffffff",GradientType="0")}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0;padding:0;font-family:Roboto,sans-serif}
/*# sourceMappingURL=main.58695632.chunk.css.map */