body{margin:0;padding: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;background-color:#f8f8f8}a{text-decoration:none;color:#000}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}hr{margin:0;border:1px solid #f5f4f9}.App .Search{position:fixed;width:100%;z-index:99}.App .Search input{height:50px;width:100%;text-indent:10px;border:0;border-top:5px solid #4f5ffc;border-bottom:2px solid #f5f4f9}.App .Search .Suggests{margin:0;padding:0;list-style-type:none}.App .Search .Suggests li{padding:8px;background-color:#4f5ffc;border-bottom:1px solid #fff;color:#fff}.App .Filter{overflow:auto;padding:60px 10px 10px}.App .Filter .input-range{width:90%;margin:15px auto}.App .Filter .input-range .input-range__label--max,.App .Filter .input-range .input-range__label--min{display:none}.App .Filter .input-range .input-range__track--active{background-color:#4f5ffc;color:#4f5ffc}.App .Filter .input-range .input-range__slider{background-color:#fff}.App .Filter .input-range .input-range__label{color:#656b77;font-size:10px}.App .Filter ul{margin-top:20px;padding-left:10px;list-style-type:none}.App .Filter ul li{display:inline-block;padding:5px;margin-top:10px;margin-right:10px;min-width:85px;border-radius:40px;background-color:#edeffe;color:#4f5ffc;border:1px solid #4f5ffc;font-weight:700;font-size:13px;text-align:center}.App .Filter ul li:before{content:"x";color:#4f5ffc;font-weight:300;margin-right:10px}.App .Filter p.label{position:relative;top:45px;text-align:center;color:#656b77;font-size:11px;padding:0;margin:0}.App .Filter .clear{margin:0;color:#ff517c;font-size:12px;text-align:right;display:none}.App .Results{list-style-type:none;width:96%;margin:auto;padding:0 0 80px}.App .Results li{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:112px;background-color:#fff;border-radius:10px;margin-top:10px;padding:10px;color:#656b77;border:1px solid #e1e1e1;font-size:12px}.App .Results li .title{font-size:13px;font-weight:700;margin-bottom:5px;color:#4f5ffc}.App .Results li .book{text-align:right}.App .Results li .desc{-webkit-flex-grow:1;flex-grow:1;margin-top:8px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis}.App .Results li .items{font-size:10px;-webkit-align-self:flex-end;align-self:flex-end}.App .Button{position:fixed;bottom:20px;right:20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:50px;height:50px;background-color:#4f5ffc;border-radius:50%;font-weight:700;color:#fff;font-size:25px;cursor:pointer}.App .Button.delete{font-size:10px;background-image:none;background-color:#ff517c!important}.App .Button.add{font-size:10px}.App .Error{position:fixed;display:-webkit-flex;display:flex;left:0;bottom:0;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;min-height:25%;width:100%;border-top:5px solid #ff517c;background-color:#fff}.App .Error h1{color:#fff;background-color:#ff517c;width:40px;height:40px;line-height:40px;text-align:center;border-radius:100%}.App .Error p{font-size:15px;color:#ff517c;-webkit-flex-grow:1;flex-grow:1;text-align:center}.App .Error button{height:50px;width:100%;-webkit-align-items:flex-end;align-items:flex-end;font-weight:700;color:#fff;background-color:#ff517c;border:0}.App.Recipe{padding-bottom:80px;color:#fff}.App.Recipe .close{position:fixed;width:100%;text-align:center;font-size:30px;color:#fff;background-color:#4f5ffc;border-bottom:2px solid #f5f4f9}.App.Recipe .Search{position:inherit;border-bottom:2px solid #f5f4f9}.App.Recipe form{padding:60px 10px 10px}.App.Recipe form label{color:#4f5ffc;font-weight:700;font-size:14px}.App.Recipe form label div{display:-webkit-flex;display:flex}.App.Recipe form label div>input{margin-right:2px}.App.Recipe form input{height:30px;width:100%;margin-top:5px;margin-bottom:10px;text-indent:5px;border-radius:10px;color:#656b77;border:1px solid #f5f4f9}.App.Recipe form .row{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-top:5px}.App.Recipe form .row input{margin:0 5px 0 0}.App.Recipe form .row label{width:60px;text-align:center;font-size:20px;color:#ff517c}
/*# sourceMappingURL=main.ab40709c.chunk.css.map */