@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700|PT+Serif:700);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App,body,html{margin:0;width:100%;height:100%;padding:0;box-sizing:border-box;color:#1f1f1f;background:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px;font-family:PT Sans,roboto,Source Sans Pro,"sans-serif"!important}a,div,img,input,textarea{box-sizing:border-box;text-decoration:none}.screen{width:375px;height:768px;background:#fff;margin:0 auto;overflow:hidden;position:relative}.mainmenu{background:rgba(252,223,105,.3);height:calc(100% - 60px);transition:.3s;padding-bottom:40px;scrollbar-width:none}.mainmenu::-webkit-scrollbar{width:0}.mainmenu.profile{position:absolute;height:100%;top:0;left:0;background:#fdf5d7}.cardRow{width:100%;height:100%}.footbar{height:60px;width:100%;padding:0 24px;background:#fff;box-shadow:0 0 10px #fcdf69;position:absolute;bottom:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.footbar img{height:28px;fill:#ff7b4a;cursor:pointer}.mainmenu{height:100%}.topbar{height:74px;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:0 16px;-webkit-align-items:center;align-items:center}.topbar .name{font-size:18px;font-weight:700;color:#3c4d64}.topbar .name.home{position:fixed;top:26px}.addbtn{top:18px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:36px;height:36px;background:#ff7b4a;border-radius:19px;text-align:center;vertical-align:center;font-size:50px;color:#fff}.addbtn svg{margin:0;stroke:#3c4d64;stroke-width:3px}.input.recipe{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin:0 8px 16px;width:calc(100% - 16px);position:relative}.input.recipe img{position:absolute;height:70%;right:24px;opacity:.4;cursor:pointer}.input.recipe #inputbox{width:100%;padding:8px 15px;border-radius:40px;border:1px solid rgba(0,0,0,.2);margin:0 8px;background:hsla(0,0%,100%,.4);font-size:12px}.input.recipe #inputbox:focus{outline:none}.input.recipe .sendbtn{background:#ff7b4a;width:30px;height:30px;padding:4px;border-radius:20px;fill:none;stroke-width:2px;stroke:#fff;cursor:pointer}.msgbtns{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around}.msgbtns .msgbtn{margin:0;width:40%;text-align:center;padding-bottom:10px}.msgbtns .on{color:#ff7b4a;font-weight:700;border-bottom:2px solid #ff7b4a}.recieve{-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.comments,.recieve{display:-webkit-flex;display:flex}.comments{-webkit-flex-direction:column;flex-direction:column;padding:8px 0;-webkit-order:3;order:3;width:100%;margin-top:8px;font-size:12px}.comments .convo{padding:6px 12px;margin:6px 0;border-radius:20px}.comments .mine{-webkit-align-self:flex-end;align-self:flex-end;background:#3c4d64;color:#fff}.comments .other{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin:6px 0;-webkit-align-self:flex-start;align-self:flex-start}.comments .other .profile{width:30px;height:30px;background:#ccc;margin-right:8px;border-radius:16px}.comments .other .msg{padding:6px 12px;border-radius:20px;background:rgba(252,223,105,.5)}.comments .input{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin:16px 0 0}.comments .input #inputbox{width:100%;border:1px solid #ccc;padding:8px 15px;border-radius:40px;border:1px solid rgba(0,0,0,.2);margin-right:12px;background:rgba(252,223,105,.1);font-size:12px}.comments .input #inputbox:focus{outline:none}.comments .input .sendbtn{background:#ff7b4a;width:30px;height:30px;padding:4px;border-radius:20px;fill:none;stroke-width:2px;stroke:#fff;cursor:pointer}.feedCard{background:#fff;width:95%;margin:8px auto 0;border-radius:6px;padding:16px 16px 20px;box-shadow:0 0 8px #fcdf69;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap;position:relative}.feedCard,.feedCard.recipe{cursor:pointer}.feedCard .profilePic{width:60px;height:60px;border-radius:30px;background:#ccc;margin-right:24px;overflow:hidden}.feedCard .profilePic img{width:100%}.feedCard .Messages{line-height:1.5;width:calc(100% - 84px)}.feedCard .Messages .sent{font-size:12px;color:rgba(0,0,0,.5)}.feedCard .Messages .sent .name{font-weight:700}.feedCard .Messages .sent .time{opacity:1}.feedCard .Messages #publics{width:26px;margin:0 4px;opacity:.5;-webkit-transform:translateY(4px);transform:translateY(4px)}.feedCard .Messages .time{margin-top:4px;font-size:11px;opacity:.5;position:absolute;right:16px;top:14px}.feedCard .Messages .message{margin-top:4px;width:100%;font-size:18px}.feedCard .Messages .recipe{line-height:1.4;margin-top:2px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:#3c4d64;font-weight:700;font-size:14px}.feedCard .Messages .recipe .fork{width:20px;margin-right:2px;display:inline-block}.feedCard .Messages .recipe .forked{color:#ff7b4a}.feedCard .Messages .recipe .source{font-weight:400}.feedCard .Messages .shared_recipe{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin:8px 0;border-radius:6px;overflow:hidden;border:1px solid #ccc}.feedCard .Messages .shared_recipe .preview{width:46px;height:46px;background:#ccc;margin-right:16px}.feedCard .Messages .shared_recipe .title{font-weight:700;font-size:14px}.feedCard .Messages .shared_recipe .recipe_content{font-size:12px}.messageP{height:120px;padding:16px}.messageP,.recipient{width:100%;font-size:14px;margin:4px 0;border:1px solid #ccc;border-radius:6px}.recipient{padding:8px 16px;font-weight:700;color:#3c4d64;cursor:pointer}.open_recipe{width:100%;border:1px solid #ccc;border-radius:6px;margin-top:8px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.open_recipe .thumbnail{width:64px;height:74px;background:#ccc;overflow:hidden}.open_recipe .thumbnail img{height:100%}.open_recipe .title{margin:8px 12px 0;line-height:1.2;font-weight:700;font-size:14px}.open_recipe .description{margin:4px 12px 12px;font-size:12px}.commentNum{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:relative;-webkit-justify-content:center;justify-content:center;width:100%;padding-top:10px;padding-bottom:0;margin-bottom:-3px;font-size:14px;font-weight:700;color:#3c4d64;margin-top:16px;border-top:1px solid rgba(0,0,0,.2)}.commentNum svg{position:absolute;right:0;top:12px;fill:none;stroke-width:2px;stroke:#ccc}.recipeTop svg{cursor:pointer}.recipeTop .filter{position:relative;font-size:12px;overflow:hidden;height:28px;padding:4px 8px;border-radius:36px;border:1px solid rgba(0,0,0,.2);background:none}.recipeTop .filter svg{position:absolute;top:0;right:14px}.recipeTop .filter .filterType{padding:4px 14px}.recipe{padding:0;overflow:hidden}.recipe .menuPic{width:84px;height:104px;background:#ccc;overflow:hidden}.recipe .menuPic img{height:100%}.recipe .recipeContent{width:calc(100% - 150px);padding:16px 20px 24px}.recipe .recipeContent .title{font-weight:700}.recipe .recipeContent .date{font-size:12px;font-weight:400;opacity:.5;margin-left:4px}.recipe .recipeContent .description{font-size:12px;margin-top:8px}.recipe .recipeContent .user{font-size:14px;color:#3c4d64}.recipe .status{font-size:12px;text-align:right;-webkit-align-self:flex-start;align-self:flex-start;margin-top:16px;opacity:.5}.profileCard{padding-top:50px;width:100%}.profileCard .profile{width:100px;height:100px;border-radius:50px;background:#ccc;margin:0 auto;overflow:hidden}.profileCard .profile img{width:100%}.profileCard .profileInfo{width:100%;text-align:center;margin:16px 0 42px}.profileCard .profileInfo .name{font-size:18px;font-weight:700}.profileCard .profileInfo .level{margin-top:4px;font-size:14px;opacity:.5}.follow{padding:0 16px;margin:24px 0 20px}.follow,.follow .followNum{display:-webkit-flex;display:flex}.follow .followNum{-webkit-align-items:center;align-items:center;margin-right:16px}.follow .numbers{display:inline-block;font-weight:700;font-size:18px}.follow .type{font-size:14px;margin-left:8px;opacity:.5}.taste .title{font-size:18px;font-weight:700}.taste .tags{margin-top:8px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.taste .tags .tastes{transition:.3s;font-size:14px;padding:4px 16px;margin:6px 8px 6px 0;color:#3c4d64;border:1px solid #3c4d64;border-radius:16px}.taste .tags #addTaste{width:100%;font-size:16px;border:none;border-bottom:1px solid #ccc;outline:none;padding:8px 16px}.taste .tags svg{stroke:#3c4d64}.taste .tags .opposite{background:#3c4d64;color:#fff;font-weight:700}.greybox{transition:.3s;background:rgba(0,0,0,.5);width:100%;height:100%;position:absolute;text-align:right;padding:16px;top:0;left:0}.greybox .rcpButtons{right:16px;top:36px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-content:right;align-content:right}.greybox .rcpButtons .addbtn{width:38px;height:38px;background:#ff7b4a;border-radius:19px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-align-self:flex-end;align-self:flex-end;margin:2px 0 8px;font-size:50px;color:#fff;line-height:.8}.greybox .rcpButtons .addbtn svg{stroke-width:3px}.greybox .rcpButtons .btn{-webkit-align-self:flex-end;align-self:flex-end;text-align:center;padding:6px 16px;margin:4px;border-radius:20px;background:#ff7b4a;color:#fff;font-weight:700}.recipeC{width:100%;height:100%;position:absolute;top:0;left:0;background:#fff}.recipeC .topbar{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.recipeC .topbar .addbtn{background:none;border:2px solid #3c4d64;color:#3c4d64}.recipeC .topbar .addRecipe{color:#3c4d64;font-size:14px;margin-left:8px}.recipeC .topbar .closebtn{stroke:#ff7b4a;stroke-width:2px}.recipeC .titleBox{padding:0 16px}.recipeC .titleBox input{font-size:18px;padding:8px;border:none;border-bottom:2px solid #ccc}.recipeC .titleBox textarea{margin:8px 0;padding:8px;border:none;font-size:14px;width:100%}.recipeC .mainContent{padding-top:10px;width:100%;height:100%;background:rgba(252,223,105,.3)}.recipeC .mainContent .title{font-weight:700;margin-right:16px;transition:.3s}.recipeC .mainContent .card{background:#fff;width:95%;margin:16px auto 0;border-radius:6px;padding:16px 16px 20px;box-shadow:0 0 8px #fcdf69;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.recipeC .mainContent .card input{border:none;border-bottom:2px solid #ccc;font-size:14px;width:auto}.recipeC .mainContent .card .ingre{border-bottom:none;padding:4px 0}.recipeC .mainContent .card.forking .ingre{border-bottom:2px solid #ccc;margin:2px 8px 2px 0}.recipeC .mainContent .card .stepinput{width:100%;border-bottom:none;height:100px}.recipeC .mainContent .card textarea{margin:8px 0;padding:8px;font-size:14px;width:calc(100% - 66px);resize:vertical;border:none;border-bottom:2px solid #ccc}.recipeC .mainContent .input{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin:0 8px 16px;width:calc(100% - 16px);position:relative}.recipeC .mainContent .input img{position:absolute;height:70%;right:24px;opacity:.4;cursor:pointer}.recipeC .mainContent .input #inputbox{width:100%;padding:8px 15px;border-radius:40px;border:1px solid rgba(0,0,0,.2);background:rgba(252,223,105,.2);margin:0 8px;font-size:12px}.recipeC .mainContent .input #inputbox:focus{outline:none}.recipeC .list .row{padding:12px 16px 12px 0;margin-left:16px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-bottom:1px solid rgba(0,0,0,.2)}.recipeC .list .row.everyone{border-top:1px solid rgba(0,0,0,.2)}.recipeC .list .row.everyone .name{width:100%;padding:8px;text-align:center}.recipeC .list .row .profilePic{width:46px;height:46px;border-radius:30px;overflow:hidden}.recipeC .list .row .profilePic img{width:100%}.recipeC .list .row .name{font-size:16px;font-weight:700;margin-left:16px}.recommend{width:auto;box-shadow:0 0 10px #fcdf69;border-radius:26px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#3c4d64;position:absolute;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:8px 16px;font-size:16px;bottom:32px}.alert,.recommend{left:50%;color:#fff;text-align:center;font-weight:700}.alert{transition:.3s;position:fixed;top:50%;max-width:260px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);font-size:14px;padding:6px 20px;background:rgba(0,0,0,.5);border-radius:40px}.alert.notify{color:#fff;width:350px;border-radius:6px;padding:20px;background:rgba(0,0,0,.6);box-shadow:0 0 10px rgba(0,0,0,.2)}.alert.main{width:auto;padding:8px 16px;border-radius:20px}.addbtn,.btn,.closebtn,.open_recipe{cursor:pointer}.sharebtn{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.sharebtn img{width:34px;cursor:pointer}.topSec.recipe{background:url(/forkie/static/media/pancake.da97d058.jpg);background-size:100%;height:200px}.mainContent.recipe{background:#fff;width:100%;margin-top:0;overflow:visible}.mainContent.recipe .topbar{width:100%;-webkit-justify-content:space-between;justify-content:space-between}.mainContent.recipe .topbar,.mainContent.recipe .topbar .profile{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.mainContent.recipe .topbar .profile img{width:66px;height:66px;border-radius:34px;border:3px solid #fff}.mainContent.recipe .topbar .dots{width:36px;height:36px;background:#ff7b4a;padding:4px;border-radius:20px}.mainContent.recipe .topbar .dots img{width:100%}.mainContent.recipe .titlebar{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start}.mainContent.recipe .info{width:150px;display:-webkit-flex;display:flex;color:#3c4d64;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.mainContent.recipe .info .sharenum{text-align:center;font-size:14px;margin:4px 7px 0;line-height:1}.mainContent.recipe .info .sharenum .number{font-size:18px;font-weight:700}.mainContent.recipe .info .sharenum .type{opacity:.6}.mainContent.recipe .dishtitle{padding:0 0 0 16px;font-size:24px;font-weight:700}.mainContent.recipe .dishtitle .name{margin-top:2px;font-size:14px;font-weight:400}.mainContent.recipe .dishtitle .name .bold{font-weight:700;color:#3c4d64}.mainContent.recipe .discription{padding:14px 16px 24px;font-size:14px}.mainContent.recipe .row{font-size:14px;padding:8px 16px;display:-webkit-flex;display:flex}.mainContent.recipe .row .serving{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:16px}.mainContent.recipe .row .serving .calculate{margin-bottom:16px;cursor:pointer;font-size:24px;font-weight:700}.mainContent.recipe .row .serving .servBtn{cursor:pointer;width:24px;height:24px;padding:0;background:#ff7b4a;border-radius:20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.mainContent.recipe .row .serving svg{margin:0;stroke:#fff;stroke-width:2px}.mainContent.recipe .row .description .highlight{background:#fcdf69;cursor:pointer}.mainContent.recipe .row .description .desRow{display:-webkit-flex;display:flex;margin-bottom:8px}.mainContent.recipe .row .description .desRow .stepnum{font-weight:700;margin-right:8px}.comment{transition:.3s;position:fixed;bottom:0;left:0;background:#fcdf69;height:150px;box-shadow:0 0 20px #ff7b4a;width:100%;border-radius:6px;padding:16px 20px}.comment .control{position:absolute;right:16px;top:4px;opacity:1}.comment .commentrow,.comment .input{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.comment .input{-webkit-align-items:center;align-items:center}.comment .input input{width:calc(100% - 40px);margin:16px 0;padding:8px;border-radius:18px;border:1px solid rgba(0,0,0,.2);background:hsla(0,0%,100%,.4)}.comment .input .sendbtn{background:#ff7b4a;width:30px;height:30px;padding:4px;border-radius:20px;fill:none;stroke-width:2px;stroke:#fff;cursor:pointer}.comment .writer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin:8px 0;font-size:14px;font-weight:700}.comment .writer .profile{width:20px;height:20px;background:#ccc;border-radius:18px;margin-right:8px;overflow:hidden}.comment .writer .time{font-size:12px;font-weight:400;color:rgba(0,0,0,.5);margin-left:8px}.comment .OX{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:12px;color:#3c4d64}.comment .OX img{margin-left:6px;padding-bottom:4px;cursor:pointer}.comment .row{padding:12px 0 16px;border-bottom:1px dashed #3c4d64;font-size:14px}.btmbtn{cursor:pointer;position:absolute;bottom:32px;margin:0 auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:8px 24px;background:#ff7b4a;color:#fff;font-size:16px;font-weight:700;border-radius:21px;box-shadow:0 4px 12px #ff7b4a}.btmbtn.share{bottom:calc(100% - 420px)}.btmbtn.startCook{position:fixed;bottom:32px}.cookV{position:fixed;z-index:999;background:url(/forkie/static/media/pancake-bg.698baa7e.jpg);width:100vh;max-width:812px;height:100vw;max-height:375px;-webkit-transform:rotate(90deg);transform:rotate(90deg);top:218.5px;left:-218.5px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.cookV.mainmenu{padding-bottom:0}.cookV #pancake{width:100vh;position:absolute}.cookV .mainContent{width:70vh;height:100vw;max-height:312px;margin:10px auto;padding:0;box-shadow:0 0 16px rgba(0,0,0,.6);border-radius:6px;overflow:hidden}.cookV .imgwrapper{position:absolute;width:260px;overflow:hidden;height:calc(100% - 62px);margin:0;padding:0;border-radius:6px 0 0 6px}.cookV .stepcard{padding:10px 30px}.cookV .topbar{-webkit-justify-content:flex-end;justify-content:flex-end}.cookV .desRow{width:calc(100% - 300px);margin-left:280px}.cookV .desRow .stepnum{font-weight:700;margin-right:8px;margin-bottom:8px}.cookV #egg{height:100%}.cookV .closebtn{cursor:pointer}.cookV .arrows{stroke:#ff7b4a;stroke-width:3px;fill:none;margin:0 16px;width:30px}.addbtn{cursor:pointer}.profile.mainmenu .profileCard{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.profile.mainmenu .followNum{width:70px;-webkit-flex-direction:column;flex-direction:column}
/*# sourceMappingURL=main.a3cf5ad9.chunk.css.map */