#app{max-width:unset}@media screen and (min-width:850px){#app{position:absolute;max-width:820px;inset:0 calc(50vw - 410px)}.menu,nav.bottom{max-width:816px;margin:0 auto}main>nav.recipe{inset:0 calc(50vw - 410px) auto auto}main{border-inline:var(--nav-border-width) solid var(--bg-lighter)}main,.menu{overflow:hidden}}@layer themes{:root{--bg: light-dark(#f5f5f5, #0a0a0a);--bg-light: light-dark(#ebebeb, #141414);--bg-lighter: light-dark(#e0e0e0, #1f1f1f);--decor: light-dark(#b8b8b8, #474747);--decor-light: light-dark(#a5a5a5, #5a5a5a);--text: light-dark(#0a0a0a, #f5f5f5);--accent: var(--d-algae);--d-grey: #aaaaaa;--d-candy: #ff8591;--d-grapefruit: #fe7173;--d-tangerine: #e77f4b;--d-rose: #dda6a8;--d-bronze: #e09f7d;--d-canary: #f7f052;--d-gold: #efcb68;--d-lime: #ddfcad;--d-mint: #03fcba;--d-moss: #72c077;--d-turquoise: #73eedc;--d-sky: #7cb9df;--d-cornflower: #7aa4ff;--d-mauve: #c879ff;--d-periwinkle: #acacec;--l-grey: #5c5c5c;--l-rust: #ad2e0b;--l-cherry: #c71a34;--l-orange: #f53900;--l-brandy: #772f1a;--l-chocolate: #8c4e18;--l-earth: #8d6802;--l-olive: #345511;--l-emerald: #1d6515;--l-turf: #097144;--l-turquoise: #0d6d5f;--l-cerulean: #005a7a;--l-grape: #514686;--l-indigo: #610f7f;--l-velvet: #762c77;--l-raspberry: #af0878;--error: #ee0000;--warning: #ffe500;--success: #00c500}@media(prefers-color-scheme:no-preference){:root{color-scheme:dark}}@media(prefers-color-scheme:light){:root{color-scheme:light}}@media(prefers-color-scheme:dark){:root{color-scheme:dark}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}}@layer variables{:root{--heading-font-size: 1.2rem;--heading-secondary-font-size: 1.1rem;--font-size-s: .9rem;--quantity-unit-font-weight: 700;--outer-spacing: 10px;--inner-spacing: 12px;--inner-spacing-m: 20px;--inner-spacing-l: 30px;--border-radius: 7px;--transition-duration: .15s;--transition-duration-long: .25s;--icon-size: 2rem;--icon-size-s: 1.5rem;--icon-size-xs: 1rem;--nav-border-width: 2px;--btn-padding-block: 6px;--btn-padding-inline: 12px;--secondary-opacity: .75}}@layer fonts{@font-face{font-family:NotoSansDisplay;src:url(/NotoSansDisplay-Variable.ttf) format("truetype")}body{font-family:NotoSansDisplay,sans-serif}}@layer resets{body{color:var(--text);background-color:var(--bg);margin:0;line-height:1.4;font-size:1rem}*,*:before,*:after{box-sizing:border-box}img,picture,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{text-wrap:pretty;margin:0}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,h1,h2,h3,h4,h5,h6{color:var(--text);margin:0;padding:0;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}a,a:hover,a:visited,a:active,a:focus{color:var(--accent);text-decoration:none}menu,ul{padding:0;margin:0}:is(menu,ul) li{list-style:none}}@layer utilities{.heading--root{font-size:var(--heading-font-size);padding-bottom:var(--inner-spacing);font-weight:500}.heading--muted{font-size:var(--heading-secondary-font-size);font-weight:300;letter-spacing:.5px;opacity:var(--secondary-opacity);padding-bottom:2px}.heading--buttons,.heading--buttons-spaced{display:flex;align-items:center;gap:var(--inner-spacing)}:is(.heading--buttons,.heading--buttons-spaced) button svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.heading--buttons-spaced{justify-content:space-between}.multiline_text{white-space:pre-wrap}svg.spinner{width:var(--icon-size);height:var(--icon-size);margin-left:10px;animation:spin 2s linear infinite}div.centered{display:flex;justify-content:center;align-items:center}div.centered svg.spinner{margin-left:0;margin-top:var(--inner-spacing)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-duration)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-in-ltr-enter-active,.slide-in-ltr-leave-active,.slide-in-rtl-enter-active,.slide-in-rtl-leave-active{transition:opacity var(--transition-duration),transform var(--transition-duration)}.slide-in-ltr-enter-from,.slide-in-rtl-leave-to{opacity:0;transform:translate(-25%)}.slide-in-rtl-enter-from,.slide-in-ltr-leave-to{opacity:0;transform:translate(25%)}.slide-in-appear{transition:opacity calc(var(--transition-duration) * 2),transform calc(var(--transition-duration) * 2)}.slide-out-top-enter-active,.slide-out-top-leave-active,.slide-out-bottom-enter-active,.slide-out-bottom-leave-active{transition:transform var(--transition-duration-long)}.slide-out-top-enter-from,.slide-out-top-leave-to{transform:translateY(-100%)}.slide-out-bottom-enter-from,.slide-out-bottom-leave-to{transform:translateY(100%)}.isolate-stacking-context{position:relative;overflow:hidden}p.error,p.success{margin-top:var(--inner-spacing-l);padding:12px 8px;max-width:fit-content}p.error{border-top:2px solid var(--error);border-bottom:2px solid var(--error)}p.success{border-top:2px solid var(--success);border-bottom:2px solid var(--success)}div.submit{display:flex;align-items:center;margin-top:8px}div.submit button{margin-top:0;margin-bottom:0}.transition-navs-out-view{position:absolute;inset:var(--inner-spacing) var(--inner-spacing) auto var(--inner-spacing);min-height:max-content;padding-block-end:var(--inner-spacing)}}@layer forms{form input,form textarea,form button{background-color:var(--bg-lighter);color:var(--text);border:none;padding:4px 8px;margin-block-end:var(--inner-spacing)}form .submit{margin-block-end:var(--inner-spacing)}form .submit button{margin-block-end:0}form label{display:block;padding-bottom:2px;opacity:var(--secondary-opacity)}form input[type=text],form input[type=password],form input[type=email],form input[type=number]{border-bottom:1px solid var(--decor)}form input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:.25rem;margin:0;margin-block-end:var(--inner-spacing);cursor:pointer;background-color:var(--bg-lighter);border-radius:var(--border-radius)}form input[type=checkbox]:before{content:" ";display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:1.5rem;background-color:var(--bg-lighter);color:var(--text)}form input[type=checkbox]:checked:before{content:"✓"}form button{display:block;background-color:var(--bg-lighter);box-shadow:2px 2px var(--decor);font-weight:600;transform:translate(-1px,-1px);padding:var(--btn-padding-block) var(--btn-padding-inline)}form button:active:not(:disabled){box-shadow:0 0 var(--bg-lighter);transform:translate(1px,1px);transition:box-shadow var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out}form button[type=submit]{margin-top:8px}form button:disabled{color:var(--decor);cursor:not-allowed}form input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}form input[type=number]::-webkit-inner-spin-button,form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}}a.logo[data-v-7d0a82f5]{--base-letter-spacing: -.05ch;background-color:var(--bg);padding-right:4px}a.logo h1[data-v-7d0a82f5]{color:var(--accent);font-size:2rem;font-weight:900;letter-spacing:var(--base-letter-spacing);transform:translateY(-.4ex);margin:0}a.logo h1 span[data-v-7d0a82f5]:not(:last-of-type){opacity:0;letter-spacing:-1ch}a.logo h1.anim span[data-v-7d0a82f5]:not(:last-of-type){animation:app-name-7d0a82f5 4s cubic-bezier(.5,-.3,.5,1)}a.logo h1.anim span[data-v-7d0a82f5]:last-of-type{animation:app-name-dot-7d0a82f5 4s cubic-bezier(.5,-.3,.5,1)}@media(prefers-reduced-motion:reduce){a.logo h1.anim span[data-v-7d0a82f5]{animation:none}}@keyframes app-name-7d0a82f5{0%{opacity:0;letter-spacing:-1ch}30%{opacity:1;letter-spacing:var(--base-letter-spacing)}75%{opacity:1;letter-spacing:var(--base-letter-spacing)}0%{opacity:0;letter-spacing:-1ch}}@keyframes app-name-dot-7d0a82f5{0%{opacity:1}30%{opacity:0}70%{opacity:0}0%{opacity:1}}:is(.btn-link,.btn-button)[data-v-311bc5e7]{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:600;background-color:var(--bg-light);box-shadow:2px 2px var(--bg-lighter);border:none;border-radius:10em;transform:translate(-1px,-1px);padding:var(--btn-padding-block) var(--btn-padding-inline);cursor:pointer;color:var(--text)}:is(.btn-link,.btn-button) svg[data-v-311bc5e7]{display:inline-flex;width:var(--icon-size);height:var(--icon-size)}.btn-button[data-v-311bc5e7]:disabled{color:var(--decor);cursor:not-allowed}.btn--accent[data-v-311bc5e7]{color:var(--accent)}:is(.btn--small-icon,.btn-button--inline) svg[data-v-311bc5e7]{width:var(--icon-size-s);height:var(--icon-size-s)}.btn-link__desc[data-v-311bc5e7],.btn-button__desc[data-v-311bc5e7]{opacity:var(--secondary-opacity);margin-left:var(--inner-spacing);text-align:start}.btn--small-text[data-v-311bc5e7]{font-size:var(--font-size-s);font-weight:400;text-transform:uppercase;padding:calc(var(--btn-padding-block) - 2px) calc(var(--btn-padding-inline) - 2px)}.btn--small-text svg[data-v-311bc5e7]{width:var(--icon-size-xs);height:var(--icon-size-xs)}.btn-link[data-v-311bc5e7]:hover,.btn-button[data-v-311bc5e7]:hover:not(:disabled),.btn-link[data-v-311bc5e7]:focus,.btn-button[data-v-311bc5e7]:focus:not(:disabled){background-color:var(--bg-lighter)}.btn-link[data-v-311bc5e7]:active,.btn-button[data-v-311bc5e7]:active:not(:disabled),.btn-link--nav-bottom.active[data-v-311bc5e7]{background-color:var(--bg-lighter);box-shadow:0 0 var(--bg-lighter);transform:translate(1px,1px);transition:box-shadow var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out}.btn-link--nav-bottom.active[data-v-311bc5e7]{transition:none;transform:translate(0)}.btn-link--nav-bottom.active[data-v-311bc5e7]:before{content:"";position:absolute;top:-12px;z-index:11;width:100%;border-top:2px solid var(--accent)}.btn-button--inline[data-v-311bc5e7],.btn-button--inline[data-v-311bc5e7]:not(:disabled):hover,.btn-button--inline[data-v-311bc5e7]:not(:disabled):focus,.btn-button--inline[data-v-311bc5e7]:not(:disabled):active{padding:0;margin:0;box-shadow:none;background-color:transparent;transform:none;transition:none}div.menu-setting>button[data-v-fc6c8a50]:first-child,form.menu-setting__group[data-v-fc6c8a50]:not(:last-child){margin-block-end:var(--inner-spacing-l)}.heading--muted[data-v-fc6c8a50]{margin-block-end:2px}div.menu-setting__accent[data-v-fc6c8a50]{display:flex;flex-wrap:wrap;gap:var(--inner-spacing)}button.menu-setting__accent-btn[data-v-fc6c8a50],button.menu-setting__accent-btn[data-v-fc6c8a50]:hover,button.menu-setting__accent-btn[data-v-fc6c8a50]:focus,button.menu-setting__accent-btn[data-v-fc6c8a50]:active{--btn-size: 3.5rem;box-shadow:none;width:var(--btn-size);height:var(--btn-size);margin-block-end:0;border-radius:var(--border-radius);border:calc(var(--btn-size) / 7) solid var(--bg);cursor:pointer;transform:none}button.menu-setting__accent-btn.menu-setting__accent--selected[data-v-fc6c8a50]{border-color:transparent}:is(button.menu-setting__accent-btn--none,button.menu-setting__accent-btn--none:hover,button.menu-setting__accent-btn--none:focus,button.menu-setting__accent-btn--none:active)[data-v-fc6c8a50]{border:none;background:var(--bg);color:var(--text)}:is(button.menu-setting__accent-btn--none,button.menu-setting__accent-btn--none:hover,button.menu-setting__accent-btn--none:focus,button.menu-setting__accent-btn--none:active) svg[data-v-fc6c8a50]{width:var(--icon-size);height:var(--icon-size)}div.menu[data-v-27eee0dd]{position:fixed;inset:0;background-color:var(--bg);z-index:20;padding:var(--outer-spacing)}div.menu svg[data-v-27eee0dd]{width:var(--icon-size);height:var(--icon-size);cursor:pointer}div.menu__inner h3.heading--muted[data-v-27eee0dd]{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}div.menu__inner h3.heading--muted span[data-v-27eee0dd]{color:var(--text);opacity:var(--secondary-opacity);font-size:var(--font-size-s)}div.menu__header[data-v-27eee0dd]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--inner-spacing)}:is(menu.menu__content--settings,menu.menu__content--account)[data-v-27eee0dd]{display:flex;flex-wrap:wrap;gap:var(--inner-spacing)}:is(menu.menu__content--settings,menu.menu__content--account) li[data-v-27eee0dd]{list-style:none}:is(menu.menu__content--settings,menu.menu__content--account) .btn-button[data-v-27eee0dd],:is(menu.menu__content--settings,menu.menu__content--account) .btn-link[data-v-27eee0dd]{font-weight:500}menu.menu__content--settings[data-v-27eee0dd]{padding-bottom:var(--inner-spacing-l);border-bottom:1px solid var(--decor);margin-bottom:calc(var(--inner-spacing-l) - 1ex)}nav.top[data-v-78bd145b]{display:flex;align-items:center;justify-content:flex-end;width:100vw;z-index:-1;gap:var(--inner-spacing)}.sync-indicator[data-v-78bd145b]{margin:0 auto;cursor:pointer;padding:10px;border-radius:50%}.sync-indicator[data-v-78bd145b]:has(svg.sync--offline),.sync-indicator svg.sync--offline[data-v-78bd145b]{cursor:not-allowed}svg[class*=sync--][data-v-78bd145b]{stroke:var(--text);width:1.65rem;height:1.65rem}svg.sync--synced[data-v-78bd145b]{stroke:var(--accent)}svg.sync--offline[data-v-78bd145b],svg.sync--unsynced[data-v-78bd145b],svg.sync--unsynced-offline[data-v-78bd145b]{stroke:var(--warning)}svg.sync--error[data-v-78bd145b]{stroke:var(--error)}nav.bottom[data-v-d9815607]{justify-content:space-around;align-items:flex-start;gap:var(--inner-spacing);position:fixed;inset:auto 0 0;z-index:10;padding:var(--outer-spacing)}nav.bottom[data-v-d9815607],div.bottom__create-drawer[data-v-d9815607]{display:flex;background-color:var(--bg);border-top:var(--nav-border-width) solid var(--bg-lighter)}div.bottom__create-drawer[data-v-d9815607]{position:absolute;z-index:11;inset:auto 0 0 auto;clip-path:inset(100% 0px 0px 0px);pointer-events:none;transition:clip-path var(--transition-duration);padding:var(--inner-spacing);border-left:var(--nav-border-width) solid var(--bg-lighter)}div.bottom__create-drawer h3[data-v-d9815607]{display:flex;justify-content:space-between;gap:var(--inner-spacing)}div.bottom__create-drawer.bottom__create-drawer--open[data-v-d9815607]{clip-path:inset(0px 0px 0px 0px);pointer-events:auto}div.bottom__create-drawer h3[data-v-d9815607],div.bottom__create-drawer a[data-v-d9815607]{margin-bottom:var(--inner-spacing)}nav[data-v-80497be0]{display:flex;flex-direction:column;position:fixed;inset:0 0 auto auto;z-index:9;gap:var(--inner-spacing);padding:var(--outer-spacing);border-radius:var(--border-radius) var(--border-radius) 0 0}nav[data-v-80497be0]{opacity:var(--secondary-opacity);transition:all var(--transition-duration)}nav[data-v-80497be0]:hover,nav[data-v-80497be0]:focus,nav[data-v-80497be0]:active,nav.scrolling[data-v-80497be0]{opacity:1}main[data-v-43970570]{min-height:100vh;padding-bottom:100px}section[data-v-43970570]{padding:var(--inner-spacing) var(--outer-spacing)}header[data-v-43970570]{display:flex;align-items:center;padding:var(--outer-spacing);position:sticky;inset:0 0 auto;z-index:10;background-color:var(--bg);border-bottom:var(--nav-border-width) solid var(--bg-lighter)}h1{margin-bottom:20px}main[data-v-9383e34e]{--nav-border-width: 2px;min-height:calc(100vh - var(--outer-spacing) * 2)}section[data-v-9383e34e]{padding:var(--inner-spacing) var(--outer-spacing)}a.logo[data-v-9383e34e]{display:block;text-align:center;margin-bottom:var(--inner-spacing)}nav.top[data-v-9383e34e]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--inner-spacing);margin-bottom:var(--inner-spacing)}header[data-v-9383e34e]{z-index:10}nav.top[data-v-9383e34e]{z-index:-1}header[data-v-9383e34e]{position:sticky;inset:0 0 auto;background-color:var(--bg);border-bottom:var(--nav-border-width) solid var(--bg-lighter);padding:var(--outer-spacing) var(--outer-spacing) var(--outer-spacing) var(--outer-spacing)}span>span[data-v-65e8298b]{display:inline-block;max-width:1em;max-height:1em}a.card[data-v-1475af7d]{background-color:var(--bg-light);box-shadow:2px 2px var(--bg-lighter);transform:translate(-1px,-1px);border-radius:var(--border-radius);padding:var(--card-padding-block) var(--card-padding-inline)}.card[data-v-1475af7d]:hover,.card[data-v-1475af7d]:active,.card[data-v-1475af7d]:focus{box-shadow:0 0 var(--bg-lighter);transform:translate(0);transition:box-shadow var(--transition-duration) ease-in-out,transform var(--transition-duration) ease-in-out}a.card h2[data-v-1475af7d]{font-weight:600;font-size:var(--heading-secondary-font-size)}a.card__recipe[data-v-1475af7d]{padding:0;min-height:20vh;background:url(/assets/example-landscape-BYmzsgYC.jpg) no-repeat center/cover}a.card__recipe h2[data-v-1475af7d]{padding:3px 9px 6px;background-color:var(--bg);opacity:var(--secondary-opacity)}a.card__tag[data-v-1475af7d]{padding:6px;display:flex;align-items:center;justify-content:center}a.card__tag h2[data-v-1475af7d]{text-align:center}.card__tag--untagged[data-v-1475af7d]{font-weight:300}div[data-v-13905449]{--min-card-width: 160px;display:grid;gap:var(--inner-spacing);grid-template-columns:repeat(auto-fill,minmax(min(var(--min-card-width),100%),1fr))}nav[data-v-796fa54d]{display:flex;align-items:center;flex-wrap:wrap;gap:.75ch;padding-bottom:var(--inner-spacing)}nav h2.heading--root[data-v-796fa54d]{padding-bottom:0}nav h2.heading--root span[data-v-796fa54d]{margin-inline:5px}nav h2.heading--root span.breadcrumbs__untagged-title[data-v-796fa54d]{font-weight:300}h2.heading-root[data-v-5d6d5868],h3.heading--muted[data-v-5d6d5868]{margin-top:var(--inner-spacing-m)}h2.heading--root[data-v-5d6d5868]{max-width:calc(100% - (var(--btn-padding-inline) * 2 + var(--icon-size-s) + var(--outer-spacing)))}div.servings[data-v-5d6d5868]{display:flex;align-items:baseline;gap:var(--inner-spacing)}.recipe-view__ingredients li[data-v-5d6d5868]{line-height:1.15;padding-bottom:7px;min-height:1em}span.quantity-unit[data-v-5d6d5868]{font-weight:var(--quantity-unit-font-weight)}a[data-v-799f0e96]{text-decoration:underline}.create input[data-v-dbc9afdc],.create textarea[data-v-dbc9afdc]{margin-block-end:0}h2.heading--root[data-v-dbc9afdc]{padding:0}h2.heading--root[data-v-dbc9afdc],.create_edit__discard-button[data-v-dbc9afdc],.create>input[data-v-dbc9afdc],.create>textarea[data-v-dbc9afdc],.create>ul.checkcorrect__tags[data-v-dbc9afdc],.create>.checkcorrect__ingredients-container[data-v-dbc9afdc],.create>.create__empty[data-v-dbc9afdc],.create>.create__servings[data-v-dbc9afdc]{margin-block-end:var(--inner-spacing-m)}.create>textarea.checkcorrect__ingredients-raw[data-v-dbc9afdc]{margin-block-end:8px}.checkcorrect__detect-ingredients-button[data-v-dbc9afdc]{margin-inline:auto}h3.heading--muted[data-v-dbc9afdc],label.heading--muted[data-v-dbc9afdc]{max-width:max-content}input[data-v-dbc9afdc]:not([type=checkbox]),textarea[data-v-dbc9afdc]{width:100%;border-radius:var(--border-radius);background-color:var(--bg-light);border:none}textarea[data-v-dbc9afdc]{resize:none}.create__servings input[data-v-dbc9afdc]{width:4em;text-align:center}h3.heading--buttons[data-v-dbc9afdc]{margin-block-end:2px}div#checkcorrect__ingredients-anchor[data-v-dbc9afdc]{visibility:hidden}textarea#create__ingredients-input[data-v-dbc9afdc]{white-space:nowrap;overflow-x:auto}div.checkcorrect__ingredients-container[data-v-dbc9afdc]{--ing-spacing: .8ex;--color-selected: var(--accent);--color-ignored: var(--decor-light)}div.checkcorrect__ingredients-info[data-v-dbc9afdc]{position:relative}div.checkcorrect__ingredients-info div.checkcorrect__ingredients-info--overlay[data-v-dbc9afdc]{position:absolute;z-index:7;clip-path:inset(0px 0px 100% 0px);padding:var(--inner-spacing);background-color:var(--bg);border:2px solid var(--decor);transition:clip-path var(--transition-duration)}div.checkcorrect__ingredients-info div.checkcorrect__ingredients-info--overlay .drag-handle[data-v-dbc9afdc],div.checkcorrect__ingredients-info div.checkcorrect__ingredients-info--overlay .checkcorrect__remove-button[data-v-dbc9afdc]{display:inline-block;vertical-align:top}div.checkcorrect__ingredients-info div.checkcorrect__ingredients-info--overlay .checkcorrect__ingredient-quantity-unit--ignored[data-v-dbc9afdc],div.checkcorrect__ingredients-info div.checkcorrect__ingredients-info--overlay .checkcorrect__ingredient-quantity-unit--selected[data-v-dbc9afdc],div.checkcorrect__ingredients-info div.checkcorrect__ingredients-info--overlay .checkcorrect__remove-button[data-v-dbc9afdc],div.checkcorrect__ingredients-info div.checkcorrect__ingredients-info--overlay .drag-handle[data-v-dbc9afdc]{cursor:unset}ul.checkcorrect__ingredients-list li[data-v-dbc9afdc],p.checkcorrect__ingredients-info--overlay-legend[data-v-dbc9afdc]{line-height:1.6}ul.checkcorrect__ingredients-list li[data-v-dbc9afdc]{display:flex;justify-content:space-between;align-items:center;gap:var(--ing-spacing);padding-block-start:calc(var(--ing-spacing) / 2);padding-block-end:var(--ing-spacing);border-block-end:1px dashed var(--decor)}ul.checkcorrect__ingredients-list li[data-v-dbc9afdc]:first-child{border-block-start:1px dashed var(--decor)}.checkcorrect__ingredient-controls[data-v-dbc9afdc]{display:flex;flex:0 0 auto;gap:2px}.checkcorrect__remove-button[data-v-dbc9afdc],.checkcorrect__remove-button[data-v-dbc9afdc]:hover,.checkcorrect__remove-button[data-v-dbc9afdc]:active,.checkcorrect__remove-button[data-v-dbc9afdc]:focus{background-color:none;color:var(--text);opacity:var(--secondary-opacity);cursor:pointer}.checkcorrect__ingredient-quantity-unit--ignored[data-v-dbc9afdc],.checkcorrect__ingredient-quantity-unit--selected[data-v-dbc9afdc],.checkcorrect__ingredient-quantity-unit--single[data-v-dbc9afdc]{padding:2px 2px 0;font-weight:var(--quantity-unit-font-weight);cursor:pointer;transition:border var(--transition-duration)}.checkcorrect__ingredient-quantity-unit--single[data-v-dbc9afdc]{color:var(--text);cursor:unset}.checkcorrect__ingredient-quantity-unit--ignored[data-v-dbc9afdc]{border-block-end:2px solid var(--color-ignored);border-radius:0}.checkcorrect__ingredient-quantity-unit--selected[data-v-dbc9afdc]{border-block-end:3px solid var(--color-selected);border-radius:var(--border-radius)}.drag-handle[data-v-dbc9afdc]{flex-shrink:0;width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--text);opacity:var(--secondary-opacity);cursor:grab;touch-action:none}.drag-handle[data-v-dbc9afdc]:active{cursor:grabbing}.checkcorrect__sortable-fallback{opacity:0!important;pointer-events:none!important}.create_from_images__discard-button[data-v-003b4fd9],#create_from_images__title[data-v-003b4fd9],#create_from_images__ingredients[data-v-003b4fd9],#create_from_images__directions[data-v-003b4fd9],#create_from_images__notes[data-v-003b4fd9]{margin:0;margin-block-end:var(--inner-spacing-m)}#create_from_images__notes[data-v-003b4fd9]{padding-block-end:4px}.create_from_images__preview[data-v-003b4fd9]{position:relative;width:100%;max-width:40rem;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:default}.create_from_images__image-actions[data-v-003b4fd9]{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 6px}.create_from_images__preview img[data-v-003b4fd9]{display:block;width:100%;height:auto;border:2px solid var(--decor)}.create_from_images__crop[data-v-003b4fd9]{--crop-corner-hit-size: 12px;position:absolute;border:2px solid var(--accent)}.create_from_images__crop-handle[data-v-003b4fd9]{position:absolute;z-index:2;width:var(--crop-corner-hit-size);height:var(--crop-corner-hit-size);border-radius:50%;border:2px solid var(--bg);background-color:var(--accent);transform:translate(-50%,-50%);padding:0}.create_from_images__crop-edge[data-v-003b4fd9]{position:absolute;z-index:1}.create_from_images__crop-edge--n[data-v-003b4fd9],.create_from_images__crop-edge--s[data-v-003b4fd9]{left:calc(var(--crop-corner-hit-size) / 2);width:calc(100% - var(--crop-corner-hit-size) / 2);height:var(--crop-corner-hit-size);transform:translateY(-50%)}.create_from_images__crop-edge--e[data-v-003b4fd9],.create_from_images__crop-edge--w[data-v-003b4fd9]{top:calc(var(--crop-corner-hit-size) / 2);width:var(--crop-corner-hit-size);height:calc(100% - var(--crop-corner-hit-size) / 2);transform:translate(-50%)}.create_from_images__crop-edge--n[data-v-003b4fd9]{top:0;cursor:ns-resize}.create_from_images__crop-handle--nw[data-v-003b4fd9]{top:0;left:0;cursor:nwse-resize}.create_from_images__crop-handle--ne[data-v-003b4fd9]{top:0;left:100%;cursor:nesw-resize}.create_from_images__crop-edge--e[data-v-003b4fd9]{left:100%;cursor:ew-resize}.create_from_images__crop-edge--s[data-v-003b4fd9]{top:100%;cursor:ns-resize}.create_from_images__crop-handle--sw[data-v-003b4fd9]{top:100%;left:0;cursor:nesw-resize}.create_from_images__crop-handle--se[data-v-003b4fd9]{top:100%;left:100%;cursor:nwse-resize}.create_from_images__crop-edge--w[data-v-003b4fd9]{left:0;cursor:ew-resize}