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}.App{text-align:center;height:100%;height:100vh;height:calc(var(--vh, 1vh)*100);min-width:27em}*{unicode-bidi:plaintext}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}@media (max-width:481px){.App{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.avatar{background-color:#fff;border-radius:100%;aspect-ratio:1;padding:0!important;height:2.5em!important;-webkit-user-drag:none;border:1px solid grey;margin:0 .4rem}.groupAvatar span{display:block;font-size:.7em;overflow-wrap:anywhere;line-height:1.1em;padding:0 .3em}.recipeCard{width:19em;max-height:15.5em;border-radius:5px;border:3px solid #fff;box-shadow:0 1px 5px 0 #adadad,0 0 2px 0 #adadad;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.cardImage{background-image:url(/static/media/foodPlaceholder.5ad14a9a.webp);height:9em;background-size:cover;background-position:50% 50%;border-top-left-radius:5px;border-top-right-radius:5px}.cardText{padding:.3em;text-align:left;text-align:initial;max-height:6em}.cardText h3,.cardText p{margin:.3em;font-size:95%}.cardText h3{font-size:1.05em}.cardText p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.cardText span{padding:0 .5ch}.recipesPage{display:flex;height:calc(100% - 3rem)}.recipesWindow{flex-grow:1;overflow:auto;padding:0 1em;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgb(110 110 110/77%) hsla(0,0%,94.9%,0)}.recipesWindow::-webkit-scrollbar{width:8px;background-color:hsla(0,0%,94.9%,0)}.recipesWindow::-webkit-scrollbar-thumb{background-color:rgb(110 110 110/77%)}.recipesDisplay{display:grid;grid-gap:1em;gap:1em;grid-template-columns:repeat(auto-fill,minmax(min(19em,100%),1fr));justify-items:center;padding-bottom:1em}.groupBar{width:4rem;min-width:4rem;background-color:#789;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;grid-gap:1em;gap:1em;padding:1rem 0;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#a3b2c2 #789}.groupBar::-webkit-scrollbar{width:8px;background-color:#789}.groupBar::-webkit-scrollbar-thumb{background-color:#a3b2c2}.allFilter{display:block;background-color:#fff;height:2.5em;width:2.5em;line-height:2.5em;border-radius:7px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;border:1px solid grey}.recipesHeader{min-height:1.2em}.recipesHeader>h1{text-transform:capitalize}.groupContainer{display:grid;grid-template-columns:repeat(3,min(10em,29%));grid-gap:2em;gap:2em;justify-content:center;padding:.7em}.groupAdd{background-color:#fafafa;border:1px solid #bfbfbf;padding:1em;border-radius:8px;margin:0 auto;cursor:pointer}.groupAdd:hover{background-color:#f0f0f0}.groupAdd>span{display:block;padding-top:.5rem;font-size:1.3em}@media (max-width:481px){.groupContainer{font-size:85%}}.invitesContainer{margin-top:2em}.invitesContainer h3{margin-bottom:.5em}.commonStyles_button__3yRVr{display:flex;padding:.5em .9em;background:transparent;border:1.5px solid #000;border-radius:.3em;width:-webkit-max-content;width:max-content;font-weight:700;justify-content:center;align-items:center;transition:background-color .3s;cursor:pointer;font-size:.7em}.commonStyles_button__3yRVr>img{height:1.2em;margin-right:.5em}.commonStyles_button__3yRVr:hover{background-color:rgb(255 255 255/70%);background-color:var(--bColor,rgb(255 255 255/70%))}.commonStyles_button__3yRVr:active{background-color:hsl(0deg 0% 65%/70%)!important}.commonStyles_blueHover__11zlb{--bColor:#9cb7f7}.commonStyles_white__2rjJP{color:#fff;background:#367be2;background:var(--bColor,#367be2)}.commonStyles_white__2rjJP>img{-webkit-filter:invert(1);filter:invert(1)}.commonStyles_white__2rjJP:hover{background-color:#2e6dff!important;background-color:var(--bColor,#2e6dff)!important}.commonStyles_bGreen__W1Sig{--bColor:#0df20d}.commonStyles_bRed__3ddYi{--bColor:#f23b0d}.commonStyles_inlineFlex__2cOax{display:inline-flex!important;margin:.5em}.list{position:fixed;display:flex;flex-direction:column;min-width:10rem;background-color:#fafafa;right:0;top:0;margin:3px;padding:0 .5em .5em;border:1px solid #bfbfbf;border-radius:15px;z-index:2;-webkit-animation:fadeIn .6s;animation:fadeIn .6s}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.dropHeader,.userDropdown{display:flex}.dropHeader{border-bottom:1px solid #000;justify-content:space-between;align-items:center;padding:.5em}.dropHeader>span{font-weight:700;text-transform:capitalize}.buttonList>*{color:#000;text-decoration:none;padding:.5em 1em;display:block;margin:5px;cursor:pointer}.buttonList>:hover{background-color:#f0f0f0}.header{height:3rem;display:flex;flex-direction:row;align-items:center;background-color:#f2f2f2;box-shadow:0 0 3px 1px grey;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.header>img{height:inherit;padding:.4em 0;box-sizing:border-box}.header h2{margin:0 .5rem 0 0}.header nav{margin:0 1.1rem;white-space:nowrap}.header nav>a{padding:.6rem .5rem;font-weight:700;text-decoration:none;margin:0 .1rem}.active{color:#000}.notActive{color:#6e6e6e}.actionBar{margin:0!important}.actionBar>a{color:#000;font-size:1em;width:1.7em;height:1.7em;display:block;padding:.2rem .1rem!important;-webkit-filter:drop-shadow(0 0 3px #dceaff);filter:drop-shadow(0 0 3px #dceaff)}.actionBar img{width:100%;height:100%}@media (max-width:481px){.header>h2{display:none}.header nav{-webkit-margin-start:0;margin-inline-start:0}}.loading_loadingContainer__Y5n_N{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:calc(var(--vh, 1vh)*100)}.loading_MainText__22AYP{font-size:1.7em}.loading_loadingGif__ywnVE{height:30%}.notApp{background-image:url(/static/media/kitchen_blurred.bd3239e8.jpg);background-size:cover;background-repeat:no-repeat;background-position:50% 50%;width:auto!important;height:100vh;height:calc(var(--vh, 1vh)*100)}.loginContainer{height:100%;background-color:hsl(0deg 0% 100%/60%);display:flex;justify-content:center;align-items:center;font-size:clamp(.8em,2.5vmin,3em)}@media (max-width:481px){.loginContainer{font-size:clamp(.8em,4.7vmin,3em)}}@media (max-width:961px) and (min-width:481px){.loginContainer{font-size:clamp(.8em,3vmin,3em)}}.loginscreen{text-align:center;background-color:hsl(0deg 0% 100%/75%);padding:3em 4em;width:-webkit-max-content;width:max-content;height:-webkit-max-content;height:max-content}.loginH1{display:inline-block;margin-top:0;margin-bottom:1em;-webkit-user-select:none;-ms-user-select:none;user-select:none}.loginscreen button{display:flex;padding:.5em .9em;background:transparent;border:1.5px solid #000;border-radius:.3em;width:-webkit-max-content;width:max-content;font-weight:700;justify-content:center;align-items:center;transition:background-color .3s;cursor:pointer;font-size:.7em}.loginscreen button>img{height:1em;margin-right:.5em}.loginscreen button:hover{background-color:rgb(255 255 255/70%)}.loginscreen button:active{background-color:hsl(0deg 0% 65%/70%)}.loginSec,.regSec{display:flex;flex-direction:column;align-items:center;justify-content:center}.loginscreen span{font-size:90%;margin:1em 0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.loginscreen span:after,.loginscreen span:before{background-color:#000;content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:2em}.loginscreen span:before{right:.5em;margin-left:-50%}.loginscreen span:after{left:.5em;margin-right:-50%}.inputs{display:flex;flex-direction:column;justify-content:center;align-items:center}.inputs>button{margin-top:.5em}.loginscreen input{padding:.2em;margin:.8em 0;background:transparent;border:transparent;border-bottom:1px solid #000;font-size:.7em}.loginscreen>div input:first-of-type,.loginscreen input+input{margin-top:0}.inputs{margin-bottom:3.5em}.durationInput_StyledContainer__1AJa4{position:relative;width:10em;display:flex;align-items:center;box-shadow:0 0 16px 0 hsla(0,0%,100%,.1)}.durationInput_StyledList__3_4R5{width:100%;--height:4em;height:var(--height);overflow-y:scroll;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;-ms-overflow-style:none;scrollbar-width:none;background:linear-gradient(0deg,#000,#3b3b3b 50%,#000);border:3px ridge #404040;box-sizing:border-box}.durationInput_StyledList__3_4R5::-webkit-scrollbar{width:0!important}.durationInput_StyledTrack__BSyjp{width:33%;flex-grow:1;overflow-y:hidden}.durationInput_StyledNumber__3Gyp-{position:relative;height:var(--height);display:flex;align-items:center;justify-content:center;scroll-snap-align:center;color:#fff}.durationInput_StyledNumber__3Gyp-:after{content:"";background-color:#fff;position:absolute;height:8px;width:8px;bottom:-4px;border-radius:100%;z-index:5}.durationInput_StyledHeader__b36wb{height:1.5em;display:flex;align-items:center;justify-content:center;font-size:85%}.durationInput_buttonContainer__3fZ3l{display:flex;justify-content:space-evenly}.durationInput_buttonContainer__3fZ3l button{width:45%;border:1px solid #404040;color:#fff;height:1.6em;-webkit-transform:rotateX(35deg);transform:rotateX(35deg);-webkit-transform-origin:top;transform-origin:top;transition:.13s;box-shadow:0 10px 0 #404040;cursor:pointer}.durationInput_buttonContainer__3fZ3l button:active{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);box-shadow:0 0 0 #404040}.durationInput_buttonContainer__3fZ3l button:first-child{background-color:#006400}.durationInput_buttonContainer__3fZ3l button:last-child{background-color:#8b0000}.recipeForm_formContainer__eR36R{overflow:auto;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgb(110 110 110/77%) hsla(0,0%,94.9%,0);height:calc(100% - 3rem)}.recipeForm_formContainer__eR36R::-webkit-scrollbar{width:8px;background-color:hsla(0,0%,94.9%,0)}.recipeForm_formContainer__eR36R::-webkit-scrollbar-thumb{background-color:rgb(110 110 110/77%)}.recipeForm_formContainer__eR36R>img{width:100vw;height:10em;object-fit:cover;transition:.5s}.recipeForm_formContainer__eR36R>form{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 8%;grid-gap:.5em;gap:.5em;margin-top:1em}.recipeForm_formContainer__eR36R input:focus-visible{outline:1px solid #0052cc;border-radius:6px;border-color:transparent}.recipeForm_titleInput__p0Gce{align-self:center;font-size:130%;text-align:center;border:none;border-bottom:2px solid #c9cccf;font-weight:700;margin-bottom:.8em;background-color:transparent;unicode-bidi:plaintext}.recipeForm_padding__39rTl{padding:3em;display:block;width:20vw}.recipeForm_contentEditable__2jL9O{border:1px solid #d6d8da;border-radius:6px;min-width:18em;min-height:3em;text-align:start;padding:.45em .4em;unicode-bidi:plaintext}.recipeForm_contentEditable__2jL9O *,.recipeForm_contentEditable__2jL9O * *{unicode-bidi:plaintext}.recipeForm_contentEditable__2jL9O:focus-visible{outline:1px solid #0052cc}.recipeForm_gridDurationDiv__gE2eu{display:grid;align-items:center;grid-template:1fr 4fr/1fr 1fr;grid-auto-flow:column;grid-gap:0 1em;gap:0 1em}.recipeForm_formContainer__eR36R label{margin-top:.5em}.recipeForm_hr__1bsZ-{border-top:1px solid #bfbfbf;width:95%}.recipeForm_groupShare__1Vy-X{display:flex;grid-gap:.3em;gap:.3em}.recipeForm_groupShare__1Vy-X label{--pSize:0.45em;direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate;padding:var(--pSize);border-radius:6px;border:1px solid grey;margin:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;background:#ebebeb;transition:background .3s ease-in-out}.recipeForm_groupShare__1Vy-X label>input{margin-left:0;margin-right:var(--pSize);margin-block:0;-webkit-appearance:none;appearance:none;width:1.4em;height:1.4em;border:1px solid #696969;border-radius:6px;display:grid;place-content:center;background:#fff}.recipeForm_groupShare__1Vy-X input[type=checkbox]:before{content:"";width:.8em;height:.8em;border-radius:6px;-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform .12s ease-in-out;transition:transform .12s ease-in-out;transition:transform .12s ease-in-out,-webkit-transform .12s ease-in-out;box-shadow:inset 1em 1em #0075ff;background-color:#0075ff;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}.recipeForm_groupShare__1Vy-X input[type=checkbox]:checked:before{-webkit-transform:scale(1);transform:scale(1)}.recipeForm_labelSelected__3RqH0{background:#b3e5ff!important}.instructionsInput_instruc__dULFD{display:flex;align-items:center;grid-gap:.5em;gap:.5em;margin-bottom:.4em}.instructionsInput_instruc__dULFD>span{font-weight:lighter;width:1em;text-align:center}.tagInput_tagsInput__1zij5{display:flex;align-items:flex-start;flex-wrap:wrap;max-width:50vw;padding:.45em .4em;border:1px solid #d6d8da;border-radius:6px;align-items:center}.tagInput_tagsInput__1zij5:focus-within{border:1px solid #0052cc}.tagInput_tagsInput__1zij5 input{border:none;height:2.5em;font-size:14px;padding:0 .5em;width:-webkit-min-content;width:min-content}.tagInput_tagsInput__1zij5 input:focus{outline:transparent}.tagInput_tags__37cQj{display:flex;flex-wrap:wrap;padding:0;align-items:center;margin:0;grid-gap:.3em;gap:.3em}.tagInput_tag__2pOa1{width:auto;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;padding:0 8px;font-size:14px;list-style:none;border-radius:6px;background:#0052cc}.tagInput_tag__2pOa1 .tagInput_tagTitle__19dMg{-webkit-user-select:none;-ms-user-select:none;user-select:none}.tagInput_tag__2pOa1 .tagInput_tagClose__Y96au{display:block;width:16px;height:16px;line-height:16px;text-align:center;font-size:14px;margin-left:8px;color:#0052cc;border-radius:50%;background:#fff;cursor:pointer;font-family:monospace}.tagInput_ingred_tagsInput__3prde{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:wrap;max-width:50vw;padding:.45em .4em;border:1px solid #d6d8da;border-radius:6px}.tagInput_ingred_tagsInput__3prde:focus-within{border:1px solid #0052cc}.tagInput_ingred_tagsInput__3prde input{border:none;height:2.5em;font-size:14px;padding:0 .5em;width:14em;unicode-bidi:plaintext;text-align:left}.tagInput_ingred_tagsInput__3prde input:focus{outline:transparent}.tagInput_ingred_tags__2amPv{display:flex;flex-wrap:wrap;padding:0;align-items:flex-start;flex-direction:column;margin:0;grid-gap:.3em;gap:.3em}.tagInput_ingred_tag__1y0sP{width:auto;height:32px;display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:14px;list-style:none;border-radius:6px;height:1.7em;unicode-bidi:plaintext}.tagInput_ingred_tag__1y0sP .tagInput_ingred_tagTitle__I6GME{-webkit-user-select:none;-ms-user-select:none;user-select:none;unicode-bidi:plaintext}.tagInput_ingred_tag__1y0sP .tagInput_ingred_tagClose__rNxKQ{display:block;width:16px;height:16px;line-height:16px;text-align:center;font-size:14px;margin-left:8px;color:#c00;border-radius:50%;background:#fff;cursor:pointer;font-family:monospace}.recipe_content__3Mhpv{min-height:45em}.recipe_content__3Mhpv h1{margin-top:0;margin-bottom:.4em}.recipe_tags__vv5aO{display:flex;grid-gap:.4em;gap:.4em;padding:0 .5em;flex-wrap:wrap}.recipe_tags__vv5aO>span{background-color:#0052cc;color:#fff;padding:.3em .5em;border-radius:6px;font-size:.8em;-webkit-user-select:none;-ms-user-select:none;user-select:none}.recipe_recipeCont__3WVnv{width:75%;margin:0 auto;text-align:start;line-height:1.5rem;text-rendering:optimizeLegibility;text-shadow:0 0 0 rgb(0 0 0/40%)}.recipe_recipeCont__3WVnv h3{margin-bottom:.2em}.recipe_time__2YahW{display:grid;grid-template:2em 2em/4em 1fr;grid-template-areas:"img none" "img none";align-items:center}.recipe_time__2YahW>img{height:100%;padding:.6em;grid-area:img;box-sizing:border-box}.recipe_time__2YahW>p :first-of-type{-webkit-margin-start:.3em;margin-inline-start:.3em}.recipe_ingreds__2cIZ-{display:flex;flex-direction:column;justify-content:center}.recipe_ingreds__2cIZ->label{line-height:1.4em;display:flex;align-items:center}.recipe_ingreds__2cIZ- input{-webkit-margin-end:.7em;margin-inline-end:.7em}.recipe_ingreds__2cIZ- label input:checked+span{font-style:italic;font-size:95%;opacity:.8}.recipe_step__3E5Wn{display:flex;align-items:center;grid-gap:.3em;gap:.3em;margin-bottom:1em}.recipe_step__3E5Wn>span{padding:.3em;width:1em;min-width:1em;font-weight:lighter;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.recipe_step__3E5Wn>p{flex-grow:1;margin:0;-webkit-border-start:2px inset rgba(0,0,0,.1);border-inline-start:2px inset rgba(0,0,0,.1);-webkit-padding-start:.4em;padding-inline-start:.4em}.recipe_publishedBy__3T4NM{display:block;font-size:90%;color:#696969;line-height:1em}.recipe_publishedName__okP1t{text-transform:capitalize}.deleteRecipe_main__iLxTa{padding:1.7em;text-align:center}.deleteRecipe_main__iLxTa>img{display:block;height:15em;margin:2.3em auto}.group_groupContainer__2RAzU input:focus-visible{outline:1px solid #0052cc;border-radius:6px;border-color:transparent}.group_member__1_Z5e,.group_owner__hfHNo{text-transform:capitalize}.group_owner__hfHNo{font-size:1.1em;padding:.3em .5em;margin:.3em;display:inline-block}.group_member__1_Z5e{display:block}.group_title__2kMO8{display:flex;justify-content:center;align-items:center}.group_titleContainer__KHfjP input{font-size:2em;position:absolute;width:100%;top:0;bottom:0;left:0;font-weight:700}.group_titleContainer__KHfjP{position:relative;min-height:2.5em}.group_titleContainer__KHfjP span{font-size:2em;font-family:sans-serif;visibility:hidden}.group_titleContainer__KHfjP input:disabled{color:#000;border:none;background:none}.group_membersListTitle__1-x5G{margin-bottom:.5em;text-decoration:underline;margin-top:.7em}.group_editBtn__lIx0V{opacity:.5;cursor:pointer;position:relative;left:1em;top:.1em}.group_editBtn__lIx0V:hover{opacity:1}.group_editBtn__lIx0V:active{-webkit-filter:brightness(.9) invert(.6) sepia(1.5) hue-rotate(166deg) saturate(300%);filter:brightness(.9) invert(.6) sepia(1.5) hue-rotate(166deg) saturate(300%)}.group_doneEditBtn__1Z5h6{cursor:pointer;position:relative;left:1em;top:.1em;-webkit-filter:brightness(.9) invert(.5) sepia(1.5) hue-rotate(70deg) saturate(300%);filter:brightness(.9) invert(.5) sepia(1.5) hue-rotate(70deg) saturate(300%)}.group_doneEditBtn__1Z5h6:active{-webkit-filter:brightness(.9) invert(.6) sepia(1.5) hue-rotate(70deg) saturate(300%);filter:brightness(.9) invert(.6) sepia(1.5) hue-rotate(70deg) saturate(300%)}
/*# sourceMappingURL=main.761127c9.chunk.css.map */