@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.06d3mdzz5bre_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.11.cyxs5p-0z~.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.16t1db8_9y2o~.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_2ae47f08-module__h69qWW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_2ae47f08-module__h69qWW__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0q3udbd2bu5yp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0gw~uztddq1df.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0.q-h669a_dqa.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_eb58308d-module__w_p2Lq__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_eb58308d-module__w_p2Lq__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--input_border:#4d4d4d;--background:#f9fff4;--background1:#fcfffa;--color:#181a17;--color1:#2b614e;--button-background:green;--label_color:#b4b4b4}html{font-size:8px}body{background:var(--background);color:var(--color);margin:0;padding:0;font-family:geist,sans-serif;font-size:2rem}p{margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:1}*{box-sizing:border-box}input,textarea{border:1px solid var(--color1);font-family:inherit;font-size:inherit;color:var(--color1);word-break:keep-all;background:0 0;border-radius:1rem;padding:2rem}textarea{resize:none;white-space:pre-wrap}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;justify-content:center;align-items:center;font-weight:700;transition-duration:50ms;display:flex}button:disabled{cursor:not-allowed;background:var(--input_border);color:var(--color);outline:none}
.pagewrapperlogin{justify-content:center;align-items:center;width:100%;min-height:100dvh;display:flex}.loginsection{flex-direction:column;align-items:center;gap:2rem;display:flex}.loginsection input{width:40rem;height:6rem}.loginsection label p{color:var(--color1);margin-bottom:.6rem}.loginbutton{width:100%;height:6rem;color:var(--background);background-color:var(--color1);border-radius:1rem;margin-top:2rem}.loginbutton:hover{color:var(--background)}.receptainavbar{background:var(--background);gap:4rem;height:4rem;display:flex}.selectedempty{color:var(--color);padding:0;position:relative;overflow:hidden}.addbutton,.addbuttonselected{color:var(--color1);width:6rem;margin-left:auto;padding:0;font-size:3rem;font-weight:400;position:relative}.selected,.addbuttonselected{color:var(--color1)}.selected{border-bottom:none;padding:0}.pagewrapperreceptai{max-width:1200px;margin:auto;padding:0 2rem 6rem}.addbutton:after,.selectedempty:after{content:"";background:var(--color1);width:0;height:2px;transition:width .2s,left .2s;position:absolute;bottom:0;left:50%}.addbutton:hover:after,.selectedempty:hover:after{width:100%;left:0}.newrecipieglobalwrp{flex-direction:column;max-width:50rem;margin:auto;padding-top:6rem;display:flex}.newrecipieglobalwrp h3{margin-bottom:2rem}.newrecipieinput{border-radius:1rem;height:6rem}.newrecipieglobalwrp form{flex-direction:column;gap:2rem;display:flex}.newrecipieglobalwrp textarea{white-space:pre-wrap;height:30rem;display:block}.ingredientstextarea{height:20rem!important}.newrecipiebuttonforimage{background:var(--color1);height:6rem;color:var(--background);border-radius:1rem;width:100%;padding:0 4rem;font-size:2rem;font-weight:400}.newrecipiebuttonforimage:hover{background-color:var(--color1);color:var(--background)}.newrrecipieimageandaddimagewrp{flex-direction:column;gap:1rem;width:100%;display:flex;position:relative}.newrecipieingredientswrpdropdown{background-color:var(--color1);min-height:6rem;color:var(--background);border-radius:1rem}.newrecipieingredientswrpdropdownbutton,.newrecipieingredientswrpdropdownbuttondropdownitem{height:6rem;color:var(--background);background:0 0;justify-content:space-between;width:100%;padding:0 4rem;font-size:2rem;font-weight:400;display:flex}.newrecipieingredientswrpdropdownbutton:hover,.newrecipieingredientswrpdropdownbuttondropdownitem:hover{background-color:var(--background);color:var(--color1);border:1px solid var(--color1);border-radius:1rem}.newrecipieingredientswrpdropdownbuttonarrow{font-size:1.6rem}.rotate{transform:rotate(180deg)}.savenewrecipiebutton{background:var(--color1);width:100%;height:6rem;color:var(--background);outline:1px solid var(--color1);border-radius:1rem;transition-duration:50ms}.savenewrecipiebutton:hover{outline-offset:2px}.mobilenavbar,.mobileh2{display:none}.receptaiheader{background:var(--background);z-index:20;padding:2rem 0;position:sticky;top:0}.recipieswrappingwrp{flex-wrap:wrap;justify-content:center;gap:2rem;padding-top:2rem;display:flex}.recipieswrappingmainwrp{flex-direction:column;padding-top:2rem;display:flex}.recipieswrappingsearchwrp,.recipieswrappingsearchwrp-expanded{z-index:10;background-color:var(--background);align-items:center;width:6rem;height:6rem;transition:all 50ms ease-in-out;display:flex;position:sticky;top:8rem;overflow:hidden}.recipieswrappingsearchwrp-expanded{width:100%}.searchinput{text-align:center;border:none;border-bottom:1px solid var(--color1);border-left:none;outline:none;width:100%;height:100%;padding:0;position:absolute}.recipieswrappingsearchbutton{color:var(--color1);z-index:10;background:var(--background);border-radius:0;justify-content:center;align-items:center;min-width:6rem;height:6rem;padding:0;display:flex;overflow:hidden}.recipie{background-color:var(--background1);border-radius:1rem;grid-template-columns:minmax(1rem,40rem) 1fr;gap:4rem;width:100%;padding:4rem;display:grid;box-shadow:2px 2px 6px #0808083a}.recipie h2:first-letter{text-transform:uppercase}.recipie h2{grid-column:1/-1}.dot{background:var(--color1);width:.5rem;height:.5rem;transform:rotate(45deg)}.ingredientlistliner{align-items:center;gap:1rem;width:fit-content;display:flex}.ingredientlistliner p{width:fit-content;line-height:1}.newrecipieimage{object-fit:contain;border-radius:1rem;grid-area:2/1/4;width:40rem;height:auto}.ingredient-list p:first-letter{text-transform:uppercase}.ingredient-list{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:2rem 4rem;margin:0;padding:0;display:grid}.recipiedescription:first-letter{text-transform:uppercase}.recipiedescription{white-space:pre-wrap;grid-area:3/2/auto/-1;max-height:40rem;line-height:1.6;overflow:auto}.recipieingredientswrp{flex-direction:column;grid-area:2/2/auto/-1;display:flex}.recipiecontrolpaneleditbutton{justify-content:center;align-items:center;width:6rem;height:6rem;display:flex}.recipiecontrolpaneleditbutton:hover,.recipiecontrolpaneldeletebutton:hover{transform:scale(1.2)}.recipiecontrolpaneldeletebutton{width:6rem;height:6rem;margin-left:auto}.recipiecontrolpanel{border-top:1px solid var(--color1);grid-area:4/1/auto/-1;justify-content:flex-end;align-items:center;gap:2rem;width:100%;display:flex}.recipiesdeleteconfirmation{z-index:10;background:#080808a8;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.recipiesdeleteconfirmationinsidewrp{background:var(--background);grid-template-columns:repeat(2,1fr);gap:2rem;width:100%;max-width:40rem;padding:6rem 3rem;display:grid;box-shadow:2px 2px 10px #080808}.recipiesdeleteconfirmationinsidewrp h3{text-align:center;grid-column:1/-1;margin-bottom:3rem}.recipiesdeleteconfirmationinsidewrp button,.recipiescanceldeletebutton{border:1px solid var(--color1);height:6rem;color:var(--color1);flex:1}.recipiescanceldeletebutton{border:none!important}.receptaiheadermobile button{border:none}.recipiesdeleteconfirmationinsidewrp button:hover{background-color:var(--color1);color:var(--background)}.noimageiconwrp{border:1px solid var(--color1);aspect-ratio:9/12;border-radius:1rem;grid-row:2/4;justify-content:center;align-items:center;width:40rem;display:flex;position:relative}.recipieimagewrp{grid-area:2/1/4/2;position:relative}.ratingstarswg{stroke:orange;stroke-width:3px;width:2rem;height:2rem}.ratingstarbtn{pointer-events:none;justify-content:center;align-items:center;width:5rem;height:5rem;margin:0;padding:0;display:flex}.recipieexpandbutton{display:none}.ratingstarswrp{background:var(--background);pointer-events:none;z-index:10;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)translateY(-1px)}
@media (max-width:800px){.recipie{padding:4rem 2rem}.recipiedescription{grid-column:1/-1}.newrecipieimage{grid-row:2}.ingredient-list{grid-template-columns:1fr}.recipieimagewrp,.noimageiconwrp{grid-row:2/3;height:fit-content;display:flex}}@media (max-width:600px){.recipie h2{max-width:40rem}.ingredient-list{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));max-width:40rem}.recipie{flex-direction:column;gap:4rem;width:fit-content;display:flex}.recipiedescription{max-width:40rem}.pagewrapperreceptai h1{text-align:center}.recipieswrappingsearchwrp,.recipieswrappingsearchwrp-expanded{top:6rem}.pagewrapperreceptai{padding:0 1rem 5rem}.receptainavbar{background:var(--color1);border:none;flex-direction:column;align-items:center;gap:1rem;width:100vw;height:auto;margin:0 auto;padding:2rem 0;position:fixed;top:0;left:0}.selectedempty,.addbutton{border-bottom:1px solid var(--color1);background-color:var(--background);width:100%;max-width:50rem;height:6rem;color:var(--color);border-radius:1rem}.selected{background-color:var(--background);width:100%;max-width:50rem;height:6rem;color:var(--color1);border-radius:1rem}.addbutton,.addbuttonselected{width:100%;height:6rem;transform:unset;background-color:var(--background);color:var(--color1);border-radius:1rem;max-width:50rem;margin-left:0}.receptaiheader{width:100%;padding:1rem 0 0;position:sticky;top:0}.mobilenavbar{cursor:pointer;z-index:30;width:6rem;height:6rem;color:var(--color1);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex;position:fixed;top:1rem;left:1rem}.mobilenavbar div{border:2px solid var(--color1);width:100%}.mobileh2{text-align:center;z-index:20;background:var(--background);justify-content:center;align-items:center;width:100%;padding:1.5rem 0;display:flex;position:sticky;top:0}.receptaiheadermobilehidden{display:none}.receptaiheadermobile{padding:0}.newrecipieglobalwrp h3,.recipieingredientswrpmobile,.recipiesdescriptionmobile,.recipiescontrolpanelmobile{display:none}.expandedmobile{display:flex}.recipieexpandbutton{z-index:10;background:var(--background);border:1px solid var(--background);width:14rem;height:5rem;color:var(--color1);border-radius:1rem;justify-content:center;align-items:center;font-size:2rem;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)translateY(50%)}}@media (max-width:400px){.recipie{width:100%;padding:3rem 1rem}.newrecipieimage,.ingredient-list,.recipiedescription{width:100%;max-width:100%}}