html{scrollbar-gutter:stable!important}*{max-width:100%;font:inherit;color:inherit;vertical-align:baseline;border:0;margin:0;padding:0}:where(:root){font-family:sans-serif;font-size:20px}body{align-content:start!important;min-height:100svh!important;margin:0!important;display:grid!important}:where(body){line-height:1.5}#root{width:100%!important}:where(#root){box-sizing:border-box;flex-direction:column;max-width:1000px;margin:3em auto 0;padding:1em;display:flex;overflow-x:hidden}.loader__wrapper{cursor:wait!important;position:fixed!important}:where(.loader__wrapper){background-color:#fff8;justify-items:center;width:100%;height:100dvh;display:grid;top:0}:where(.loader__inner){align-content:center;justify-items:center;width:100%;max-width:1000px;margin-top:3em;display:grid}:where(.loader__spinner){box-sizing:border-box;border:.4ch solid;border-top-color:#0000;border-radius:50%;width:3em;height:3em;animation:1s linear infinite loading-spinner-rotation}@keyframes loading-spinner-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:where(em){font-style:italic}button{cursor:pointer!important}button[disabled]{cursor:not-allowed!important}:where(button){background-color:unset;align-self:center}@media print{button{display:none!important}}:where(button[aria-label]):before{content:attr(aria-label)}:where(button.has-children):before{content:unset}input[type=text],input[type=password],input[type=number]{height:1lh!important}:where(.checkbox){display:none}:where(input),:where(textarea){padding-inline:.2ch;box-shadow:inset 0 0 5px #0004,inset 0 -2px gray}:where(input):focus-visible,:where(textarea):focus-visible{outline:none;box-shadow:inset 0 0 0 2px gray}:where(input)::placeholder,:where(textarea)::placeholder{font-size:0}:where(input:focus-visible)::placeholder,:where(textarea:focus-visible)::placeholder{font-size:inherit}:where(input[type=text]){min-width:4ch}@media print{input[type=number]{appearance:textfield!important}}:where(select){background:0 0}:where(h1){text-align:center;text-align:center;margin-bottom:1rem;font-size:1.5em;text-decoration:underline}:where(h2){text-align:center;margin-block:1rem .5rem;font-size:1.25em}:where(h2:first-child){margin-top:0}:where(.empty){display:none}.input__hidden{pointer-events:none!important;opacity:0!important;position:absolute!important}:where(.input__hidden+label){border-radius:1em;padding:.5em}:where(.input__hidden:checked+label){font-weight:700}:where(.add-button):before,:where(.subtract-button):before,:where(.back-button):before,:where(.close-button):before,:where(.delete-button):before,:where(.drag-button):before,:where(.menu-button):before,:where(.new-recipe-button):before,:where(.save-button):before{content:unset}:where(.add-button:not(.has-children)),:where(.subtract-button:not(.has-children)),:where(.back-button:not(.has-children)),:where(.close-button:not(.has-children)),:where(.delete-button:not(.has-children)),:where(.drag-button:not(.has-children)),:where(.menu-button:not(.has-children)),:where(.new-recipe-button:not(.has-children)),:where(.save-button:not(.has-children)){background-size:contain;width:1em;height:1em}:where(.add-button:not(.has-children)){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='color: rgb(0  0  0)%3B' width='64' height='64' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'%3E%3C/path%3E%3C/svg%3E")}:where(.subtract-button:not(.has-children)){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='color: rgb(0  0  0)%3B' width='64' height='64' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14'%3E%3C/path%3E%3C/svg%3E")}:where(.back-button:not(.has-children)){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='color: rgb(0  0  0)%3B' width='64' height='64' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='4' d='M44 40.836q-7.34-8.96-13.036-10.168t-10.846-.365V41L4 23.545L20.118 7v10.167q9.523.075 16.192 6.833q6.668 6.758 7.69 16.836Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");font-size:1.5em}:where(.close-button:not(.has-children)){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='color: rgb(0  0  0)%3B' width='64' height='64' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'%3E%3C/path%3E%3C/svg%3E")}:where(.delete-button:not(.has-children)){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='color: rgb(0  0  0)%3B' width='64' height='64' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zm2-4h2V8H9zm4 0h2V8h-2z'%3E%3C/path%3E%3C/svg%3E")}:where(.drag-button:not(.has-children)){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='color: rgb(0  0  0)%3B' width='64' height='64' viewBox='0 0 256 256'%3E%3Cpath fill='currentColor' d='M104 60a12 12 0 1 1-12-12a12 12 0 0 1 12 12m60 12a12 12 0 1 0-12-12a12 12 0 0 0 12 12m-72 44a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12m-72 68a12 12 0 1 0 12 12a12 12 0 0 0-12-12m72 0a12 12 0 1 0 12 12a12 12 0 0 0-12-12'%3E%3C/path%3E%3C/svg%3E")}.drag-button{cursor:grab!important}.drag-button:active{cursor:grabbing!important}:where(.menu-button:not(.has-children)){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='color: rgb(0  0  0)%3B' width='64' height='64' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 5h18M3 12h18M3 19h18'%3E%3C/path%3E%3C/svg%3E")}.new-recipe-button__wrapper{align-self:flex-end!important;position:fixed!important;bottom:0!important}:where(.new-recipe-button__wrapper){margin-bottom:1em}:where(.new-recipe-button:not(.has-children)){background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='color: rgb(0  0  0)%3B' width='64' height='64' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'%3E%3C/path%3E%3C/svg%3E");border-radius:50%;width:1em;height:1em;font-size:2em;box-shadow:0 0 0 2px gray}:where(.save-button:not(.has-children)){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='color: rgb(0  0  0)%3B' width='64' height='64' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M5 21h14c1.1 0 2-.9 2-2V8c0-.27-.11-.52-.29-.71l-4-4A1 1 0 0 0 16 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2m10-2H9v-5h6zM11 5h2v2h-2zM5 5h2v4h8V5h.59L19 8.41V19h-2v-5c0-1.1-.9-2-2-2H9c-1.1 0-2 .9-2 2v5H5z'%3E%3C/path%3E%3C/svg%3E");font-size:1.5em}.sortable-fieldset{position:relative!important}.sortable-fieldset:has(.drag-button:active){z-index:5!important}.modal__wrapper{z-index:1000!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;display:flex!important;position:fixed!important;inset:0!important}:where(.modal__wrapper){background-color:#0008}:where(.modal){box-sizing:border-box;background-color:#fff;flex-direction:column;justify-content:space-between;align-items:center;width:calc(100% - 2rem);max-width:600px;min-height:40%;padding:1rem;display:flex;position:relative}.modal__wrapper .close-button{position:fixed!important;top:0!important;right:0!important}:where(.modal__wrapper .close-button){margin:.75em;padding:1em}.modal__controls{grid-column:span 2;flex-flow:wrap!important;justify-content:center!important;display:flex!important}:where(.modal__controls){gap:1em}.login-form{grid-template-columns:1fr 1fr!important;display:grid!important}:where(.login-form){gap:1em}.login-form>fieldset{grid-column:span 2;grid-template-columns:subgrid!important;display:grid!important}:where(.login-form>fieldset){gap:inherit}:where(.login-form label){text-align:right}@media (width>=500px){.recipe-list__wrapper{columns:2!important;column-fill:balance!important}}:where(.recipe-list__wrapper){text-align:center;list-style:none}@media (width>=500px){:where(.recipe-list__wrapper){gap:.5em}}.recipe-list-category{column-span:all!important}:where(.recipe-list-item){margin-bottom:.5em}:where(.recipe-list-item a){text-decoration:none}.categories{grid-template-columns:1fr auto!important;display:grid!important}:where(.categories){gap:1em}.categories .category,.categories .category form{grid-column:span 2!important;grid-template-columns:subgrid!important;display:grid!important}.categories .category input{field-sizing:content!important}.category__controls{flex-wrap:wrap!important;justify-content:space-evenly!important;justify-self:stretch!important;display:flex!important}:where(.category__controls){column-gap:1em}:where(.categories+.add-button){margin-block:1em}.recipe{grid-template-areas:"head""ingredients""steps""image-1""image-2""footer"!important;display:grid!important}:where(.recipe){gap:1em}@media (orientation:landscape) and (width>=1000px){.recipe{grid-template-areas:"head head""ingredients steps""image-1 image-2""footer footer"!important}:where(.recipe){grid-template-columns:2fr 3fr}}@media print{body>:not(:has(.recipe)){display:none!important}}.form-recipe,.form-recipe fieldset{border:unset!important;padding:0!important}:where(.recipe label){display:none}:where(.recipe input),:where(.recipe textarea){background-color:unset}:where(.recipe input[type=number]),:where(.recipe input[type=text]){field-sizing:content;min-width:1ch}.recipe textarea{resize:none!important}.recipe-group-head{flex-direction:column!important;grid-area:head!important;display:flex!important}:where(.recipe-group-head){align-items:center}@media (orientation:landscape) and (width>=1000px){.recipe-group-head{display:grid!important}:where(.recipe-group-head){grid-template-columns:1fr 1fr 1fr;justify-items:center}}:where(.recipe-name){grid-column:span 3;margin-bottom:1rem;font-size:1.5em;text-decoration:underline}:where(.input-recipe-name){-webkit-text-decoration:inherit;text-decoration:inherit}:where(.input-recipe-name)::placeholder{font-size:inherit}:where(.recipe-category){grid-column:1;justify-self:start}.recipe-category:has(.input-recipe-category){flex-flow:wrap!important;display:flex!important}:where(.recipe-category:has(.input-recipe-category)){column-gap:1em}:where(.recipe-servings){grid-column:2}:where(.input-recipe-servings){margin-right:.4ch}:where(div.input-recipe-servings){flex-direction:row;gap:.4ch;display:inline-flex}:where(.recipe-servings-label){display:initial}:where(.recipe-author){grid-column:3;justify-self:end}:where(.recipe-author__title){display:none}.recipe-step__wrapper{flex-direction:row!important;display:flex!important}:where(.input-recipe-group-ingredients),:where(.input-recipe-group-steps){text-align:center}.input-recipe-ingredient__wrapper,.recipe-step__wrapper{grid-template-columns:auto 1fr auto!important;display:grid!important}:where(.recipe-ingredient__wrapper),:where(.recipe-step__wrapper){margin-bottom:.5em}:where(.recipe-ingredient__wrapper:last-child),:where(.recipe-step__wrapper:last-child){margin-bottom:0}.recipe-group-ingredients{grid-area:ingredients!important}:where(.recipe-group-ingredients ul){width:fit-content;margin-inline:auto;list-style:none}@media (orientation:landscape) and (width>=1000px){:where(.recipe-group-ingredients ul){width:initial;margin-inline:none}}.input-recipe-ingredient__content{flex-flow:wrap!important;display:flex!important}:where(.input-recipe-ingredient__content input:first-child){padding-left:0}:where(.input-recipe-ingredient__content #comment){field-sizing:content;flex:1;padding-right:.25ch;font-style:italic}.recipe-group-steps{grid-area:steps!important}:where(.recipe-group-steps ol){list-style:none}@media print{.recipe-step-checkbox{display:none!important}}.recipe-step__content{flex-direction:row!important;display:flex!important}:where(.input-recipe-step__content textarea){field-sizing:content;flex:1;box-shadow:inset 0 0 5px #0004,inset 0 -2px gray}@media not print{:where(.recipe-step-checkbox:checked~li){opacity:.5;text-decoration:line-through}}:where(.recipe-step-index){padding-inline:.5em}:where(.recipe-step-index):after{content:"."}:where(.recipe-image){width:100%;margin-bottom:1rem}:where(.image-1){grid-area:image-1}:where(.image-2){grid-area:image-2}@media (orientation:landscape) and (width>=1000px){:where(.recipe-image.image-0){grid-column:span 3;justify-self:stretch}}.input-recipe-image__wrapper .input-recipe-image__inner{display:block!important;position:relative!important}:where(.input-recipe-image__wrapper .input-recipe-image__inner){width:100%;height:200px;overflow:hidden;box-shadow:inset 0 0 0 2px gray}.input-recipe-image__wrapper .input-recipe-image__image{cursor:pointer!important;width:100%!important;height:100%!important;display:block!important}.input-recipe-image__wrapper .input-recipe-image__inner input{box-sizing:border-box!important;pointer-events:none!important;opacity:0!important;width:100%!important;position:absolute!important}.input-recipe-image__wrapper .input-recipe-image__inner img{object-fit:cover!important;width:100%!important;height:100%!important}.input-recipe-image__controls{box-sizing:border-box!important;flex-flow:wrap!important;justify-content:space-evenly!important;max-width:100%!important;display:flex!important;position:absolute!important;bottom:0!important;right:0!important}@media (pointer:fine){.input-recipe-image__controls{display:none!important}.input-recipe-image__inner:hover .input-recipe-image__controls{display:flex!important}}:where(.input-recipe-image__controls){color:#fff;background-color:#0004;column-gap:1em;padding-inline:1em}.input-recipe-group-footer{flex-flow:wrap!important;grid-area:footer!important;display:flex!important}:where(.input-recipe-group-footer){justify-content:center;gap:1em}.header__wrapper{z-index:999;width:100%!important}:where(.header__wrapper){background-color:#fff;height:3em;line-height:1;position:fixed;box-shadow:0 0 0 2px gray}.header__inner{box-sizing:border-box!important;grid-template-columns:auto 1fr auto!important;place-items:center!important;height:100%!important;display:grid!important;position:relative!important}:where(.header__inner){gap:1em;max-width:1000px;margin:auto;padding-inline:1em}.header__portal-main{flex-direction:row!important;align-items:center!important;display:flex!important}:where(.header__portal-main){gap:.5em}.header__portal-menu__items{flex-direction:column!important;width:max-content!important;position:absolute!important;right:0!important}:where(.header__portal-menu__items){box-sizing:border-box;background-color:#fff;align-items:end;max-width:100%;padding:.5em;line-height:1.5;top:3em;box-shadow:inset 2px 0 gray,inset 0 -2px gray,inset -2px 0 gray}@media (width>=1000px){:where(.header__portal-menu__items){max-width:calc(100% - 2em);margin-right:1em}}.header__portal-menu__items[aria-expanded=true]{display:flex!important}:where(.header__portal-menu__items[aria-expanded=false]){display:none}:where(.header__portal-menu__items>*){align-self:unset}:where(.header__wrapper a){-webkit-text-decoration:inherit;text-decoration:inherit}.settings__wrapper{flex-direction:column!important;display:flex!important}.settings__menu{flex-flow:row!important;list-style:none!important;display:flex!important;overflow-x:auto!important}:where(.settings__menu){scrollbar-width:thin;border-bottom:2px solid gray;gap:1em;margin-bottom:.5em;padding-block:.5em}:where(.settings__menu+h2){margin-top:0}.settings__menu-item a{width:max-content!important;display:block!important}:where(.settings__menu-item a){-webkit-text-decoration:inherit;text-decoration:inherit}:where(.settings__menu-item a.active){font-weight:700}.settings__content{grid-template-columns:1fr 1fr!important;display:grid!important}:where(.settings__content){gap:1em .4ch}:where(.settings__content:not(.settings-admin-userlist)>:nth-child(odd)){text-align:right}:where(.settings__content:not(.settings-admin-userlist)>:nth-child(2n)){text-align:left}:where(.settings__content button[type=submit]){grid-column:span 2;justify-self:center}.settings-admin-userlist{grid-template-columns:4fr 3fr auto!important;display:grid!important}:where(.settings-admin-userlist){gap:1em .4ch}.settings-admin-userlist .user-head{position:sticky!important}:where(.settings-admin-userlist .user-head){background-color:#fff;font-weight:700;top:3em}.settings-admin-userlist .user,.settings-admin-userlist .user form{grid-column:span 3!important;grid-template-columns:subgrid!important;justify-items:start!important;display:grid!important}.settings-admin-userlist input{field-sizing:content!important}.settings__controls{grid-column:span 2;justify-self:center}.settings__controls,.user__controls{flex-wrap:wrap!important;justify-content:space-evenly!important;justify-self:stretch!important;display:flex!important}:where(.settings__controls),:where(.user__controls){column-gap:1em}