@font-face{font-display:swap;font-family:Outfit Variable;font-style:normal;font-weight:100 900;src:url(/static/media/outfit-latin-ext-wght-normal.562d506c56800e98f6dc.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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-display:swap;font-family:Outfit Variable;font-style:normal;font-weight:100 900;src:url(/static/media/outfit-latin-wght-normal.9361ca49fa8244163822.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit Variable,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;margin:0}input{font-family:inherit}.table-chk{margin-right:.5rem}h1,h2,h3,h4,h5,h6{margin-block:.5em}.tac{text-align:center}.table{border:1px solid var(--border);border-collapse:collapse;max-width:100%;min-width:300px}.table td{padding:.5rem .75rem}.table tr:not(:last-child){border-bottom:1px solid var(--border)}.input-group{display:flex;flex-direction:column}.input-group:not(:first-child){margin-top:1rem}.input-group label{display:block;font-weight:500;margin-bottom:.25rem}.input-text{background-color:var(--input-background);border:1px solid var(--border);border-radius:var(--radius);color:var(--fore-color);font-size:1rem;outline:none;padding:.5rem .75rem;transition:border-color .2s ease,box-shadow .2s ease}.input-text:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.input-text::placeholder{color:var(--muted)}.divider{border-bottom:1px solid var(--border);margin-block:1rem 1.5rem}.btn{background:var(--gray);border:1px solid var(--gray);border-radius:var(--radius);color:var(--fore-light);cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem .9rem;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,transform .1s ease}.btn:active{transform:translateY(1px)}.btn.btn--wide{display:inline-block;text-align:center;width:100%}.btn:hover{background:var(--gray-dark);border-color:var(--gray-dark)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.btn--primary{background:var(--primary);border-color:var(--primary)}.btn.btn--primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn.btn--secondary{background:var(--secondary);border-color:var(--secondary)}.btn.btn--secondary:hover{background:var(--secondary-dark);border-color:var(--secondary-dark)}.btn.btn--outline{background:transparent;border-color:var(--border);color:var(--fore-color)}.btn.btn--outline:hover{background:var(--background-alt);border-color:var(--border)}.btn.btn--accent{background:var(--accent);border-color:var(--accent)}.btn.btn--accent:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn.btn--valid{background:var(--valid);border-color:var(--valid);color:var(--fore-light)}.btn.btn--valid:hover{background:var(--valid-dark);border-color:var(--valid-dark)}.btn.btn--danger{background:var(--danger);border-color:var(--danger);color:var(--fore-light)}.btn.btn--danger:hover{background:var(--danger-dark);border-color:var(--danger-dark)}.btn:disabled,.btn:disabled:hover{background:var(--border);border-color:var(--border);cursor:not-allowed;opacity:.6}.react-icons{vertical-align:middle}.application-name{font-family:Outfit Variable,sans-serif;font-size:2.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:1rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2f6b4f;--primary-dark:#24523c;--primary-light:#e7f1eb;--secondary:#4c8a66;--secondary-dark:#3c7053;--secondary-light:#eef6f0;--accent:#2f6b4f;--accent-dark:#24523c;--accent-light:#e7f1eb;--fore-color:#1e2b23;--fore-dark:#223126;--fore-light:#fff;--muted:#5e6d64;--white:#fff;--background:#fbfcfb;--background-alt:#f1f5f0;--card-background:#fff;--input-background:#fff;--border:#dde7df;--navbar-background:#fff;--gray:#5e6d64;--gray-dark:#4c5a52;--danger:#c2453a;--danger-dark:#a83a30;--valid:#3e7c55;--valid-dark:#33674a;--radius:0.625rem;--shadow-card:0 1px 2px rgba(27,47,36,.06),0 10px 30px rgba(27,47,36,.08);--toast-background:#fff;--toast-info-foreground:#3c4a42;--toast-info-background:#f3f6f4;--toast-error-foreground:#b03a30;--toast-error-background:#fbedea;--toast-success-foreground:#33674a;--toast-success-background:#e9f3ec}body{background-color:#fbfcfb;background-color:var(--background);color:#1e2b23;color:var(--fore-color);min-height:100vh}.view{margin-inline:auto;max-width:1120px;min-height:calc(100vh - 4rem);padding:1.5rem 1rem 2rem;position:relative}.loader{display:grid;place-items:center}.loader img{margin-bottom:1rem}.img{max-width:100%}ol,ul{list-style-type:none;margin-left:1.25rem}.floating-logo{bottom:-3rem;filter:blur(3px);max-width:min(600px,60vw);opacity:.15;position:absolute;right:-3rem;transform:rotate(-12.5deg);z-index:-1}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.navbar{background:var(--navbar-background);border-bottom:1px solid var(--border);height:4rem;position:sticky;top:0;z-index:200}.navbar-inner{display:grid;grid-template-columns:3rem 1fr 3rem;height:100%;margin-inline:auto;max-width:1120px;padding-inline:1rem;width:100%}.navbar-back{display:grid;place-items:center}.back-icon{color:var(--primary);font-size:1.2rem;transition:color .2s ease}.back-icon:hover{color:var(--primary-dark)}.navbar-middle{display:grid;place-items:center}.navbar-logo{cursor:pointer;max-height:2.5rem}.recipes{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;height:100%;margin-bottom:4rem}@media screen and (min-width:960px){.recipes{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}.recipes.empty{grid-template-columns:1fr}.message{text-align:center;width:100%}.card-link{text-decoration:none}.card-link:focus-visible .card{outline:2px solid var(--accent);outline-offset:2px}.card{background-color:var(--card-background);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.card-link:focus-visible .card,.card-link:hover .card{box-shadow:0 4px 12px rgba(27,47,36,.1),0 16px 40px rgba(27,47,36,.12);transform:translateY(-2px)}.card-header-title{color:var(--fore-color);font-size:1.15rem;font-weight:600;letter-spacing:-.01em;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-content{color:var(--fore-color);display:flex;flex:1 1;flex-direction:column;padding:.85rem 1rem 1rem;width:100%}.card-ingredients{line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--muted);display:-webkit-box;font-size:.95rem;line-height:1.45;margin:.35rem 0 1rem;overflow:hidden}.card-image-container{background-color:var(--background-alt);height:9.25rem;overflow:hidden;position:relative;width:100%}.card-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.card-tags{flex-wrap:wrap;font-size:.8rem;margin-top:auto}.search-input-container{display:grid;padding-bottom:1.5rem;place-items:center}.search-input{background-color:var(--input-background);border:1px solid var(--border);border-radius:var(--radius);color:var(--fore-dark);font-size:1rem;outline:none;padding:.6rem .9rem;transition:border-color .2s ease,box-shadow .2s ease;width:min(90vw,500px)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.search-input::placeholder{color:var(--muted)}h1,h2,h3{color:var(--fore-color)}.recipe{margin-inline:auto;max-width:1120px;padding-bottom:2rem}.recipe-header{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem}@media screen and (min-width:768px){.recipe-header{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.recipe-hero{aspect-ratio:4/3;border-radius:var(--radius);box-shadow:var(--shadow-card);margin-bottom:2rem;max-height:220px;object-fit:cover;width:100%}.recipe-info{align-self:start;max-width:72ch;padding-block:.25rem}.recipe-title{font-size:2rem;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0 0 .75rem}.recipe-description{color:var(--muted);line-height:1.6;margin:0 0 1rem}.recipe-tags{margin-bottom:1.5rem}.recipe-actions{display:flex;flex-wrap:wrap;gap:.75rem}.recipe-action{align-items:center;display:inline-flex;gap:.5rem}.recipe-body{grid-gap:2.5rem;border-top:1px solid var(--border);display:grid;gap:2.5rem;padding-top:2rem}@media screen and (min-width:768px){.recipe-body{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}}.recipe-section-title{font-size:1.25rem;font-weight:600;margin:0 0 1rem}.recipe-ingredients{display:flex;flex-direction:column;gap:.1rem;list-style:none;margin:0;padding:0}.recipe-ingredient+.recipe-ingredient{border-top:1px solid var(--border)}.recipe-ingredient-label{align-items:baseline;display:flex;gap:.75rem;padding:.4rem 0}.recipe-checkbox{accent-color:var(--accent);flex-shrink:0;margin-top:.25rem}.recipe-instructions{display:flex;flex-direction:column;gap:1.25rem;list-style:none;margin:0;padding:0}.recipe-instruction{display:flex;gap:1rem;line-height:1.6}.recipe-step{align-items:center;background:var(--accent-light);border-radius:999px;color:var(--accent-dark);display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.recipe-step+p{margin:0;max-width:60ch}.tag-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:var(--accent-light);border-radius:999px;color:var(--accent-dark);display:inline-block;font-size:.875rem;font-weight:500;padding:.2rem .7rem}.sml-msg{margin-top:.75rem}.unlock-container{display:grid;padding:2rem;place-items:center}.unlock-label{padding-bottom:.5rem}.login-input{width:min(90vw,400px)}#g_id_onload{margin-top:2rem}.edit-recipe-form{margin-inline:auto;max-width:960px}.input-group-image{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:120px 1fr;margin-bottom:.5rem}.input-group-image input{height:100%}.input-image{aspect-ratio:16/9;border-radius:calc(var(--radius) - 2px);height:100%;max-height:67.5px;max-width:120px;object-fit:cover;width:100%}.items-row{--drag-space:2.5rem;grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:1fr 3rem;margin-bottom:.25rem}.items-row input{margin:0}.items-row.inserting-before:not(.dragging){margin-top:var(--drag-space)}.items-row.dragging+.inserting-before{margin-top:0}.items-row.inserting-after:not(.dragging){margin-bottom:var(--drag-space)}.items-row.dragging{opacity:.5}button{display:grid;place-items:center}.toast-container{left:50%;max-height:30vh;overflow-y:auto;position:fixed;top:1.5rem;transform:translateX(-50%);width:min(90vw,400px);z-index:200}.toast-container:empty{display:none}.toast{background-color:var(--toast-background);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:.65rem 2.25rem .65rem 1rem;position:relative;text-align:left;width:100%}.toast:not(:last-child){margin-bottom:.5rem}.toast.toast--info{background-color:var(--toast-info-background);border:1px solid var(--toast-info-foreground);color:var(--toast-info-foreground)}.toast.toast--error{background-color:var(--toast-error-background);border:1px solid var(--toast-error-foreground);color:var(--toast-error-foreground)}.toast.toast--success{background-color:var(--toast-success-background);border:1px solid var(--toast-success-foreground);color:var(--toast-success-foreground)}.toast .toast-close{background:transparent;border:none;color:inherit;cursor:pointer;font-size:1.125rem;position:absolute;right:.5rem;top:.5rem}.btn-new-recipe{align-items:center;background-color:var(--primary);border-radius:var(--radius);bottom:1.5rem;box-shadow:var(--shadow-card);color:var(--fore-light);display:flex;gap:.5rem;height:3rem;padding:.5rem 1.25rem;position:fixed;right:1.5rem;text-decoration:none;transition:background-color .3s ease,transform .1s ease;z-index:2000}.btn-new-recipe:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.btn-new-recipe:active{transform:translateY(1px)}.btn-new-recipe,.btn-new-recipe *{cursor:pointer}
/*# sourceMappingURL=main.f88ee497.css.map*/