:root{font-family:Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;--md-ref-typeface-brand: "Roboto", sans-serif;--md-ref-typeface-plain: "Roboto", sans-serif;--md-sys-typescale-display-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-display-large-size: 3.5625rem;--md-sys-typescale-display-large-weight: 400;--md-sys-typescale-display-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-medium-line-height: 3.25rem;--md-sys-typescale-display-medium-size: 2.8125rem;--md-sys-typescale-display-medium-weight: 400;--md-sys-typescale-display-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-display-small-line-height: 2.75rem;--md-sys-typescale-display-small-size: 2.25rem;--md-sys-typescale-display-small-weight: 400;--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-weight: 400;--md-sys-typescale-headline-medium-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-medium-line-height: 2.25rem;--md-sys-typescale-headline-medium-size: 1.75rem;--md-sys-typescale-headline-medium-weight: 400;--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-weight: 400;--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-weight: 400;--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-weight: 500;--md-sys-typescale-title-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-small-line-height: 1.25rem;--md-sys-typescale-title-small-size: .875rem;--md-sys-typescale-title-small-weight: 500;--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-line-height: 1.75rem;--md-sys-typescale-label-large-size: 1.375rem;--md-sys-typescale-label-large-weight: 400;--md-sys-typescale-label-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-medium-line-height: 1.25rem;--md-sys-typescale-label-medium-size: 1rem;--md-sys-typescale-label-medium-weight: 400;--md-sys-typescale-label-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-small-line-height: 1.25rem;--md-sys-typescale-label-small-size: .875rem;--md-sys-typescale-label-small-weight: 400;--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-weight: 400;--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-size: .875rem;--md-sys-typescale-body-medium-weight: 400;--md-sys-typescale-body-small-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-small-line-height: 1rem;--md-sys-typescale-body-small-size: .75rem;--md-sys-typescale-body-small-weight: 400}:root html,:root body,:root #app{height:100%;margin:0;padding:0}:root body{margin:0;padding:0}.light{--md-sys-color-primary: rgb(107 83 140);--md-sys-color-surface-tint: rgb(107 83 140);--md-sys-color-on-primary: rgb(255 255 255);--md-sys-color-primary-container: rgb(237 220 255);--md-sys-color-on-primary-container: rgb(82 60 115);--md-sys-color-secondary: rgb(100 90 112);--md-sys-color-on-secondary: rgb(255 255 255);--md-sys-color-secondary-container: rgb(235 221 247);--md-sys-color-on-secondary-container: rgb(76 67 87);--md-sys-color-tertiary: rgb(127 82 91);--md-sys-color-on-tertiary: rgb(255 255 255);--md-sys-color-tertiary-container: rgb(255 217 223);--md-sys-color-on-tertiary-container: rgb(101 59 67);--md-sys-color-error: rgb(186 26 26);--md-sys-color-on-error: rgb(255 255 255);--md-sys-color-error-container: rgb(255 218 214);--md-sys-color-on-error-container: rgb(147 0 10);--md-sys-color-background: rgb(255 247 255);--md-sys-color-on-background: rgb(29 26 32);--md-sys-color-surface: rgb(254, 247, 255);--md-sys-color-on-surface: rgb(29 26 32);--md-sys-color-surface-variant: rgb(232 224 235);--md-sys-color-on-surface-variant: rgb(74 69 78);--md-sys-color-outline: rgb(123 117 127);--md-sys-color-outline-variant: rgb(204 196 207);--md-sys-color-shadow: rgb(0 0 0);--md-sys-color-scrim: rgb(0 0 0);--md-sys-color-inverse-surface: rgb(50 47 53);--md-sys-color-inverse-on-surface: rgb(246 238 246);--md-sys-color-inverse-primary: rgb(215 187 251);--md-sys-color-primary-fixed: rgb(237 220 255);--md-sys-color-on-primary-fixed: rgb(37 14 68);--md-sys-color-primary-fixed-dim: rgb(215 187 251);--md-sys-color-on-primary-fixed-variant: rgb(82 60 115);--md-sys-color-secondary-fixed: rgb(235 221 247);--md-sys-color-on-secondary-fixed: rgb(32 24 42);--md-sys-color-secondary-fixed-dim: rgb(206 194 218);--md-sys-color-on-secondary-fixed-variant: rgb(76 67 87);--md-sys-color-tertiary-fixed: rgb(255 217 223);--md-sys-color-on-tertiary-fixed: rgb(50 16 25);--md-sys-color-tertiary-fixed-dim: rgb(242 183 194);--md-sys-color-on-tertiary-fixed-variant: rgb(101 59 67);--md-sys-color-surface-dim: rgb(223 216 224);--md-sys-color-surface-bright: rgb(255 247 255);--md-sys-color-surface-container-lowest: rgb(255 255 255);--md-sys-color-surface-container-low: rgb(249 241 249);--md-sys-color-surface-container: rgb(243 236 244);--md-sys-color-surface-container-high: rgb(237 230 238);--md-sys-color-surface-container-highest: rgb(231 224 232)}.item-container[data-v-d629b667]{display:flex;flex-direction:column;align-items:center;height:3.1875rem;gap:.25rem;user-select:none;-webkit-user-select:none}.icon-badge[data-v-d629b667]{display:flex;width:3.5rem;height:2rem;justify-content:center;align-items:center;border-radius:1rem}.icon[data-v-d629b667]{height:24px;width:24px}.nav-bar[data-v-22169212]{width:5.5rem;background-color:var(--md-sys-color-surface);overflow-y:auto}ul[data-v-22169212]{list-style-type:none;margin:0;padding:0;width:5.5rem}ul li[data-v-22169212]{padding-top:2rem}.nav-link[data-v-22169212]{display:block;color:var(--md-sys-color-secondary);text-decoration:none}.nav-link[data-v-22169212]:not(.nav-link-active):hover .icon-badge{background-color:var(--md-sys-color-surface-variant)}.nav-link-active[data-v-22169212] .icon-badge{background-color:var(--md-sys-color-secondary-container)}.logo[data-v-22169212]{height:4rem;width:4rem;display:flex;margin:auto;margin-top:.5rem}div[data-v-ba258d7f]{height:4.5rem;background-color:var(--md-sys-color-surface);padding-left:2rem;display:flex;align-items:center}.tab-title[data-v-ba258d7f]{font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);color:var(--md-sys-color-on-surface-variant)}.corner-wrapper[data-v-95733ae4]{width:1rem;height:1rem;background-color:var(--md-sys-color-surface);position:relative;overflow:hidden}.corner-curve[data-v-95733ae4]{width:100%;height:100%;background-color:#fff;border-top-left-radius:1rem}.app-layout[data-v-2ad43a39]{display:flex;overflow:hidden;height:100%}.auth-layout[data-v-2ad43a39]{width:100%;height:100%}aside[data-v-2ad43a39]{width:5.5rem;background-color:var(--md-sys-color-surface);overflow-y:auto;height:100vh}.main-section[data-v-2ad43a39]{display:flex;flex-direction:column;flex-grow:1}.content-area[data-v-2ad43a39]{padding:0 1rem 1rem;flex-grow:1;display:flex;flex-direction:column}.content-box[data-v-2ad43a39]{display:flex;width:100%;height:100%;border-radius:1rem;background-color:var(--md-sys-color-surface)}.screen[data-v-b6d5f58a]{background-color:var(--md-sys-color-surface)}.read-the-docs[data-v-b6d5f58a]{color:#888}.buttonContainer[data-v-748fd297]{display:flex;align-items:center;width:9rem;height:2.25rem;margin-left:2rem;border-style:solid;border-radius:.5rem;border-width:1px;border-color:var(--md-sys-color-on-secondary-container);color:var(--md-sys-color-on-secondary-container);cursor:pointer}.buttonContainer.active[data-v-748fd297]{background-color:var(--md-sys-color-surface)}.indexIcon[data-v-748fd297]{display:block;width:24px;height:24px;object-fit:contain;margin:0rem .5rem}.label-border[data-v-03ab5d34]{display:flex;padding:1rem}.md-label-large[data-v-03ab5d34]{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight)}.md-label-medium[data-v-03ab5d34]{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight)}.md-label-small[data-v-03ab5d34]{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight)}.ingredient-row[data-v-29add76f]{display:flex;gap:1rem;margin-left:2rem;align-items:center}.select-wrapper[data-v-29add76f]{position:relative;height:56px;display:inline-flex;align-items:center;min-width:88px}.select[data-v-29add76f]{height:100%;width:100%;padding:0 40px 0 16px;border:1px solid var(--md-sys-color-outline);border-radius:4px;background:transparent;color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-body-large-weight) var(--md-sys-typescale-body-large-size) var(--md-sys-typescale-body-large-font);cursor:pointer;outline:none;appearance:none}.select[data-v-29add76f]:hover{border-color:var(--md-sys-color-on-surface)}.select[data-v-29add76f]:focus{border:2px solid var(--md-sys-color-primary);padding-left:15px}.select:focus+.select-label[data-v-29add76f]{color:var(--md-sys-color-primary)}.select:focus~.select-arrow[data-v-29add76f]{fill:var(--md-sys-color-primary)}.select-label[data-v-29add76f]{position:absolute;top:-.55rem;left:12px;padding:0 4px;font-size:.75rem;color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface);pointer-events:none;line-height:1}.select-arrow[data-v-29add76f]{position:absolute;right:10px;width:20px;height:20px;fill:var(--md-sys-color-on-surface-variant);pointer-events:none}.swap-buttons[data-v-29add76f]{display:flex;flex-direction:column;gap:.1rem}.swap-btn[data-v-29add76f]{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;width:28px;height:28px;transition:background .15s}.swap-btn[data-v-29add76f]:hover{background:var(--md-sys-color-surface-variant)}.swap-icon[data-v-29add76f]{width:20px;height:20px}.ingredient-list[data-v-1750bd99]{margin-bottom:1.5rem}.add-ingredient-btn[data-v-1750bd99]{margin-left:2rem}.frame[data-v-03c17cea]{display:flex;flex-direction:column;gap:2rem}.text-field[data-v-03c17cea]{margin-left:2rem}.label[data-v-03c17cea]{margin-left:1.5rem}.serving-chooser[data-v-03c17cea]{height:3rem;width:4.5rem;margin:-1rem .25rem 0rem}md-icon[data-v-03c17cea]{color:var(--md-sys-color-primary);font-size:24px;font-variation-settings:"FILL" 1,"wght" 400}.contentBox[data-v-a622b064]{display:flex;flex-direction:column;width:100%}.progressBox[data-v-a622b064]{display:flex;align-items:center;width:100%;height:4rem;border-radius:1rem;background-color:var(--md-sys-color-surface-container)}.createBox[data-v-a622b064]{margin-top:1rem}.viewContainer[data-v-1f40c147]{display:flex;height:100%;width:100%;margin:1rem}.recipe-object-container[data-v-9a6010ed]{background:#e8def8;border-radius:1rem;padding:.3rem;border-color:#888;border-style:solid}.recipe-object-picture[data-v-9a6010ed]{background:#894545;border-radius:1rem;width:100%;height:10rem;display:flex;justify-content:center;align-items:center}.recipe-page-container[data-v-a4d41a31]{border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:1rem}.all-recipes[data-v-a4d41a31]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;align-items:center;grid-gap:1rem}.layout[data-v-55e29cca]{width:100%;max-width:max-content;border-radius:20px;padding:1rem;display:flex;flex-direction:column;gap:32px;background-color:var(--md-sys-color-surface)}.page-header[data-v-55e29cca]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--md-sys-color-on-surface-variant);font-weight:600}.brand[data-v-55e29cca]{font-size:32px}.title[data-v-55e29cca]{justify-self:center;font-size:28px}.home-button[data-v-55e29cca]{justify-self:end;padding:10px 28px;border-radius:24px;background-color:#1c6c68;color:#fff;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.home-button[data-v-55e29cca]:hover{background-color:#15514d}.content[data-v-55e29cca]{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}.field[data-v-55e29cca]{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.field label[data-v-55e29cca]{font-weight:600;color:#1f4745}.field input[data-v-55e29cca],.field select[data-v-55e29cca],.field textarea[data-v-55e29cca]{border-radius:10px;border:1px solid #c7dedd;padding:12px 16px;font-size:16px;font-family:inherit;color:#1f4745;background-color:#f6fbfb;transition:border-color .2s ease,box-shadow .2s ease}.field input[data-v-55e29cca]:focus,.field select[data-v-55e29cca]:focus,.field textarea[data-v-55e29cca]:focus{outline:none;border-color:#1c6c68;box-shadow:0 0 0 3px #4cb3ac33}.category-inputs[data-v-55e29cca]{display:flex;gap:12px;align-items:center}.category-creator[data-v-55e29cca]{background-color:#f1fbfa;border:1px solid #c7dedd;border-radius:12px;padding:16px;margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.creator-fields[data-v-55e29cca]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.creator-actions[data-v-55e29cca]{display:flex;justify-content:flex-end;gap:12px}.expected-time .time-input[data-v-55e29cca]{display:flex;align-items:center;gap:12px}.expected-time .time-input span[data-v-55e29cca]{font-weight:600;color:#1f4745}.components[data-v-55e29cca]{display:flex;flex-direction:column;gap:12px}.component-row[data-v-55e29cca]{display:grid;grid-template-columns:1.5fr .8fr .7fr auto;gap:12px;align-items:center}.component-name[data-v-55e29cca]{grid-column:1 / 2}.component-amount[data-v-55e29cca]{grid-column:2 / 3}.component-unit[data-v-55e29cca]{grid-column:3 / 4}.icon-button[data-v-55e29cca]{grid-column:4 / 5;background-color:transparent;border:none;color:#1c6c68;font-size:20px;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s ease,color .2s ease}.icon-button[data-v-55e29cca]:hover{background-color:#1c6c681a}.secondary[data-v-55e29cca]{padding:10px 20px;border-radius:24px;border:1px solid #1c6c68;background-color:#fff;color:#1c6c68;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.secondary[data-v-55e29cca]:hover{background-color:#1c6c68;color:#fff}.right[data-v-55e29cca]{display:flex;flex-direction:column}.right textarea[data-v-55e29cca]{min-height:320px;resize:vertical}.create-button[data-v-55e29cca]{align-self:flex-end;margin-top:auto;padding:14px 40px;border-radius:32px;border:none;background-color:#1c6c68;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.create-button[data-v-55e29cca]:hover{background-color:#15514d}.feedback[data-v-55e29cca]{padding:12px 16px;border-radius:12px;font-weight:600;text-align:center}.feedback.success[data-v-55e29cca]{background-color:#4cb3ac33;color:#0e4f4b}.feedback.error[data-v-55e29cca]{background-color:#dc57572e;color:#8a2121}.page-footer[data-v-55e29cca]{text-align:center;color:#1c6c68;font-weight:600}@media(max-width:1024px){.content[data-v-55e29cca]{grid-template-columns:1fr}.right[data-v-55e29cca]{order:2}.create-button[data-v-55e29cca]{align-self:stretch}}@media(max-width:640px){.layout[data-v-55e29cca]{padding:24px 20px}.page-header[data-v-55e29cca]{grid-template-columns:1fr;gap:12px;text-align:center}.home-button[data-v-55e29cca]{justify-self:center}.category-inputs[data-v-55e29cca]{flex-direction:column}.component-row[data-v-55e29cca]{grid-template-columns:1fr 1fr}.component-name[data-v-55e29cca],.component-amount[data-v-55e29cca],.component-unit[data-v-55e29cca],.icon-button[data-v-55e29cca]{grid-column:auto}}.login-page[data-v-5715dd80]{height:100dvh;display:flex;align-items:center;justify-content:center;background-color:var(--md-sys-color-background);padding:1.5rem}.login-card[data-v-5715dd80]{width:min(28rem,100%);display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:1rem;padding:2rem}h1[data-v-5715dd80]{margin:0;color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height)}p[data-v-5715dd80]{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height)}.legal-links[data-v-5715dd80]{width:100%;margin-top:.5rem;display:flex;justify-content:center;gap:1rem}.legal-link[data-v-5715dd80]{color:var(--md-sys-color-on-surface-variant);text-decoration:none;font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height)}.legal-link[data-v-5715dd80]:hover{text-decoration:underline}.google-login-button[data-v-5715dd80]{border:none;border-radius:999px;padding:.625rem 1.5rem;cursor:pointer;color:var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight)}.google-login-button[data-v-5715dd80]:hover{filter:brightness(.96)}