html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--surface: #edeae3;--main-brand: #74978e;--accent: #4d565d;--background: #2a2c35;--success: #58a863;--warning: #d5982b;--danger: #f44336}#theme{--color-primary: var(--main-brand);--color-onPrimary: var(--surface);--color-success: var(--success);--color-onSuccess: var(--surface);--color-warning: var(--warning);--color-onWarning: var(--surface);--color-danger: var(--danger);--color-onDanger: var(--surface);--color-info: var(--accent);--color-onInfo: var(--surface);--color-background: var(--background);--color-onBackground: var(--surface);--color-surface: var(--surface);--color-onSurface: var(--background);--color-elevation: #000000;--color-separation: #000000}html,body{overscroll-behavior:none;touch-action:none}#root{height:100svh;-webkit-tap-highlight-color:transparent;overflow:hidden}#installApp{position:absolute;left:50%;top:3rem;transform:translate(-50%);z-index:100000;width:fit-content;height:fit-content;background-color:transparent;display:flex;flex-flow:row nowrap;gap:.5rem;transition-duration:.4s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:transform,top,opacity;transition-property:transform,top,opacity;user-select:none;-moz-user-select:none;-webkit-user-select:none}#installApp.hidden{top:-5rem;transform:translate(-50%);opacity:.1}#installApp div{height:2.5rem;border-radius:1rem;padding:.5rem;cursor:pointer;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:filter,transform,box-shadow;transition-property:filter,transform,box-shadow;box-shadow:0 0 10px #0003}#installApp div:active{transform:scale(.98);box-shadow:0 0 5px #0003}#installApp div.pwa-popup-prompt{width:calc(100% - .5rem);display:flex;background:var(--main-brand);color:var(--surface)}#installApp div.pwa-popup-prompt p{margin:auto;font-size:1.5rem;font-family:Work Sans,sans-serif;line-height:1.5;letter-spacing:normal;text-align:center;color:var(--surface);display:block;height:fit-content;width:16.5rem}#installApp div.pwa-popup-cancel{aspect-ratio:1;display:flex;background:var(--danger);color:var(--surface)}#installApp div.pwa-popup-cancel svg{margin:auto;width:65%;stroke:var(--surface)}#theme{font-family:Work Sans,sans-serif;font-size:1rem;line-height:1.5;letter-spacing:normal;background-color:var(--color-background);color:var(--color-onBackground);width:100vw;height:100svh;z-index:0;position:absolute;top:0;left:0;-webkit-user-select:none;user-select:none;overflow:clip;transition-duration:.4s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:filter;transition-property:filter}#theme div.nav-bar{background-color:transparent;width:100vw;max-width:57rem;height:3.5rem;display:flex;flex-flow:nowrap row;align-items:center;justify-content:space-between;margin:auto;z-index:11;position:absolute;bottom:0;left:50%;transform:translate(-50%);overflow:visible}#theme div.nav-bar:after{content:"";position:fixed;bottom:0;left:0;z-index:-1;background-image:var(--background-fade-bottom);width:100%;height:3.5rem}#theme div.nav-bar svg,#theme div.nav-bar p{transition:.2s}#theme div.nav-bar a{-webkit-tap-highlight-color:transparent}#theme div.nav-bar .nav-center{width:3.5rem;height:4.2rem;border-radius:3.5rem 3.5rem 0 0;box-shadow:0 0 10px #0000001a;position:absolute;bottom:0;left:calc(min(100vw,57rem)/2);transform:translate(-50%);z-index:2;display:flex;justify-content:center;background-color:var(--color-primary);transition:.2s;transition-property:height,box-shadow}#theme div.nav-bar .nav-center svg{margin-top:.5rem;height:2.5rem}#theme div.nav-bar .nav-center svg path{transition:.2s;stroke:var(--color-onSurface)}#theme div.nav-bar .nav-center.pressing{height:4.55rem;box-shadow:0 0 5px #0000001a}#theme div.nav-bar .nav-center.active{height:4.55rem}#theme div.nav-bar .nav-center.active path{stroke:var(--color-surface)}#theme div.nav-bar .nav-tabs{width:39vw;max-width:22.23rem;height:3.5rem;display:flex;flex-flow:row nowrap;box-shadow:0 0 10px #0000001a}#theme div.nav-bar .nav-tabs.nav-tabs-left{border-radius:0 1rem 0 0}#theme div.nav-bar .nav-tabs.nav-tabs-left li:last-child a{border-radius:0 1rem 0 0}#theme div.nav-bar .nav-tabs.nav-tabs-right,#theme div.nav-bar .nav-tabs.nav-tabs-right li:first-child a{border-radius:1rem 0 0}@media only screen and (min-width:57rem){#theme div.nav-bar .nav-tabs.nav-tabs-left{border-radius:1rem 1rem 0 0;overflow:clip}#theme div.nav-bar .nav-tabs.nav-tabs-left li:first-child a{border-radius:1rem 0 0}#theme div.nav-bar .nav-tabs.nav-tabs-right{border-radius:1rem 1rem 0 0}#theme div.nav-bar .nav-tabs.nav-tabs-right li:last-child a{border-radius:0 1rem 0 0}}#theme div.nav-bar .nav-tabs .nav-tab{width:50%}#theme div.nav-bar .nav-tabs .nav-tab a{font-size:.6rem;text-align:center;color:var(--color-onSurface);text-decoration:none;background-color:var(--color-surface);height:100%;width:100%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;box-shadow:inset 0 0 #0000001a;transition:.2s}#theme div.nav-bar .nav-tabs .nav-tab a.pressing{box-shadow:inset 0 0 10px #0000001a}#theme div.nav-bar .nav-tabs .nav-tab a.pressing svg,#theme div.nav-bar .nav-tabs .nav-tab a.pressing p{transform:scale(.9)}#theme div.nav-bar .nav-tabs .nav-tab a.active{color:var(--color-primary)}#theme div.nav-bar .nav-tabs .nav-tab a.active svg path{stroke:var(--color-primary)}#theme div.nav-bar .nav-tabs .nav-tab a svg{height:1.8rem}#theme div.nav-bar .nav-tabs .nav-tab a svg path{transition:.2s;stroke:var(--color-onSurface)}#theme div.nav-bar .nav-tabs .nav-tab a p{width:90%}#theme h1,#theme h2{color:var(--color-primary)}#theme h1{font-size:2.4rem;font-weight:700;line-height:1.2;letter-spacing:-.048rem;padding-bottom:1.5rem}#theme h2{font-size:1.8rem;line-height:1.4;letter-spacing:-.036rem;padding-bottom:1rem}#theme b,#theme strong{font-weight:700}#theme .page{width:100%;height:100%;overflow:clip}#theme .page div.emptyPage{position:absolute;z-index:1;left:50%;top:calc(50% - 5.5rem);transform:translate(-50%);padding:1rem;background-color:var(--color-info);color:var(--color-onInfo);border-radius:1rem;height:fit-content;width:min(80% - 2rem,30rem);display:flex;box-shadow:0 0 10px #0000001a}#theme .page div.emptyPage p{display:block;margin:auto;font-size:1.2rem;width:fit-content;height:fit-content}#theme .page div.list-of-cards-options{height:fit-content;max-width:48rem;display:flex;flex-flow:row wrap}@media only screen and (min-width:50rem){#theme .page div.list-of-cards-options{justify-content:center}}#theme .page div.list-of-cards-options{gap:1rem;margin:auto;padding:1rem;border-bottom:2px outset rgba(0,0,0,.2)}#theme .page div.list-of-cards-options.hidden{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}#theme .page div.list-of-cards-options>div{height:2.8rem;width:2.8rem;border-radius:2.8rem;background-color:var(--color-surface);color:var(--color-onSurface);font-size:1.1rem;display:flex;transition:.2s;box-shadow:0 0 10px #0000001a;cursor:pointer}#theme .page div.list-of-cards-options>div:active{transform:scale(.98);box-shadow:0 0 5px #0000001a}#theme .page div.list-of-cards-options>div svg{stroke:var(--color-onSurface);height:60%;margin:auto;transition:.2s}#theme .page div.list-of-cards-options>div.active{background-color:var(--color-primary);color:var(--color-Surface)}#theme .page div.list-of-cards-options>div.active svg{stroke:var(--color-surface)}#theme .page div.list-of-cards-options>div.seperator{background-color:#0003;box-shadow:none;pointer-events:none;border-radius:0;width:2px;height:2.24rem;margin:.28rem 0}#theme .page div.list-of-cards-options>div.list-of-cards-options-text{width:fit-content;justify-content:center;align-items:center;padding:0 1rem;gap:.5rem}#theme .page div.list-of-cards-options>div.list-of-cards-options-text.delete{background-color:var(--color-danger)}#theme .page div.list-of-cards-options>div.list-of-cards-options-text.delete p{color:var(--color-onDanger)}#theme .page div.list-of-cards-options>div.list-of-cards-options-text.delete svg{stroke:var(--color-onDanger)}#theme .page div.list-of-cards-options>div.list-of-cards-options-text.search{height:calc(2.8rem - 6px);border:solid 3px var(--color-surface);background-color:var(--color-surface);display:grid;grid-template-columns:1fr 2.8rem;padding:0 0 0 1rem;width:min(100%,46rem)}#theme .page div.list-of-cards-options>div.list-of-cards-options-text.search input{all:unset;width:100%;cursor:text}#theme .page div.list-of-cards-options>div.list-of-cards-options-text.search:active,#theme .page div.list-of-cards-options>div.list-of-cards-options-text.search:has(input:focus){border:solid 3px var(--color-primary);transform:unset}#theme .page div.list-of-cards-options>div.list-of-cards-options-text.search:active svg,#theme .page div.list-of-cards-options>div.list-of-cards-options-text.search:has(input:focus) svg{stroke:var(--color-primary)}#theme .page div.list-of-cards-options>div.list-of-cards-options-text p{display:block;width:fit-content;height:fit-content}#theme .page div.list-of-cards{margin:1rem auto 0;width:calc(min(100%,50rem) - 2rem);display:flex;flex-flow:row wrap;gap:1.5rem;justify-content:center;transition:.3s ease-out}#theme .page div.list-of-cards>div{position:relative;border-radius:1rem;overflow:clip;color:var(--color-onSurface);width:min(23rem,100%);box-shadow:0 0 10px #0000001a;background-color:var(--color-surface);transition:.2s}#theme .page div.list-of-cards>div:active:not(.readonly):not(.card:has(.action-group:active)){box-shadow:0 0 #0000001a;transform:scale(.99)}#theme .page div.list-of-cards>div h3{padding-bottom:.5rem}#theme .page div.list-of-cards>div .card-image{aspect-ratio:4/3;width:23rem;overflow:clip;position:relative;z-index:0}#theme .page div.list-of-cards>div .card-image img,#theme .page div.list-of-cards>div .card-image div{height:100%;width:100%;object-fit:cover;overflow:hidden}#theme .page div.list-of-cards>div .card-image div{background-color:var(--color-info);display:flex}#theme .page div.list-of-cards>div .card-image div svg{margin:auto;width:3rem;height:3rem;filter:drop-shadow(0 0 10px rgba(0,0,0,.1));stroke:var(--color-onInfo)}#theme .page div.list-of-cards>div .card-image+.card-content{position:relative;z-index:1;transform:translateY(-1.5rem)}#theme .page div.list-of-cards>div .card-content{padding:1rem;border-radius:1rem;background-color:var(--color-surface)}#theme .page div.list-of-cards>div .card-content h2{text-overflow:ellipsis;overflow:hidden;text-transform:capitalize}#theme .page div.list-of-cards>div .card-content h2.short{width:calc(100% - 5rem)}#theme .page div.list-of-cards>div .card-content ul li{display:grid;grid-template-columns:1fr 5rem;height:inherit;width:inherit;gap:1rem;padding:.4rem 0}#theme .page div.list-of-cards>div .card-content ul li+li{border-top:solid rgba(0,0,0,.1) 1px}#theme .page div.list-of-cards>div .card-content ul li div{display:flex;align-items:center}#theme .page div.list-of-cards>div .card-content ul li div p{height:fit-content;width:fit-content;display:inline-block}#theme .page div.list-of-cards>div .card-content ul li div p+p{margin-left:.4rem}#theme .page div.list-of-cards>div .card-content ul li span{height:100%;width:100%;display:flex;display:none}#theme .page div.list-of-cards>div .card-content ul li span svg{stroke:var(--color-onSurface);opacity:.6;height:1.5rem;margin:auto}#theme .page div.list-of-cards>div .card-content #shopping-bag-recipe-quantity label{display:none}#theme .page div.list-of-cards>div .card-content #shopping-bag-recipe-quantity h3{display:inline-block}#theme .page div.list-of-cards>div .card-content #shopping-bag-recipe-quantity input[type=number]{all:unset;text-align:center;height:fit-content;width:fit-content;margin:0 .5rem;box-shadow:inset 0 0 5px #0000001a;border-radius:5px;-webkit-appearance:none;appearance:none;-moz-appearance:textfield;display:inline-block}#theme .page div.list-of-cards>div .card-content #shopping-bag-recipe-quantity input[type=number]::-webkit-inner-spin-button,#theme .page div.list-of-cards>div .card-content #shopping-bag-recipe-quantity input[type=number]::-webkit-outer-spin-button{display:none;-webkit-appearance:none;margin:0}#theme .page div.list-of-cards>div:has(.card-extra-info) .card-content{margin-bottom:2rem}#theme .page div.list-of-cards>div .card-extra-info{display:flex;flex-flow:row nowrap;align-items:center;gap:1rem;height:1rem;margin:1rem;position:absolute;bottom:0}#theme .page div.list-of-cards>div .card-extra-info .card-extra-info-segment{display:flex;flex-flow:row nowrap;align-items:center;opacity:.6}#theme .page div.list-of-cards>div .card-extra-info .card-extra-info-segment svg{stroke:var(--color-onSurface);height:1rem;width:1rem;padding-left:.5rem}#theme .page div.list-of-cards>div .card-extra-actions{position:absolute;z-index:1;top:1rem;right:1rem;width:fit-content;height:fit-content;display:flex;gap:.5rem;background-color:#0000001a;box-shadow:0 0 10px #0000001a;border-radius:2.8rem;padding:.5rem}#theme .page div.list-of-cards>div .card-extra-actions .card-extra-action{width:2.8rem;height:2.8rem;border-radius:50%;background-color:var(--color-surface);display:flex;transition:.2s}#theme .page div.list-of-cards>div .card-extra-actions .card-extra-action:active{transform:scale(.98);box-shadow:0 0 5px #0000001a}#theme .page div.list-of-cards>div .card-extra-actions .card-extra-action:active.card-extra-action-delete{background-color:var(--color-danger)}#theme .page div.list-of-cards>div .card-extra-actions .card-extra-action:active.card-extra-action-delete svg{stroke:var(--color-surface)}#theme .page div.list-of-cards>div .card-extra-actions .card-extra-action svg{width:60%;margin:auto;stroke:var(--color-onSurface);transition:.2s}#theme .page div.list-of-cards.list-of-cards-single-row>div{width:100%}#theme .page div.list-of-cards.list-of-cards-single-row #theme-picker div.card-content{display:flex;flex-flow:row wrap;gap:1rem}#theme .page div.list-of-cards.list-of-cards-single-row #theme-picker div.card-content h2{display:block;width:100%;padding:0}#theme .page div.list-of-cards.list-of-cards-single-row #theme-picker div.card-content div{--preview-background: var(--color-background);--preview-surface: var(--color-surface);--preview-main: var(--color-primary);width:2.8rem;height:2.8rem;background-color:var(--color-surface);color:var(--color-onSurface);font-size:1.1rem;border-radius:2.8rem;box-shadow:0 0 10px #0000001a;transition:.2s;display:flex}#theme .page div.list-of-cards.list-of-cards-single-row #theme-picker div.card-content div:active{transform:scale(.98);box-shadow:0 0 5px #0000001a}#theme .page div.list-of-cards.list-of-cards-single-row #theme-picker div.card-content div svg{stroke:var(--color-onSurface);height:60%;margin:auto}#theme .page div.list-of-cards.list-of-cards-single-row #theme-picker div.card-content div{width:4rem;height:4rem;background-color:var(--preview-background);border:3px solid var(--preview-background);transition:.2s;position:relative;overflow:clip}#theme .page div.list-of-cards.list-of-cards-single-row #theme-picker div.card-content div:after{content:"";position:absolute;background-color:var(--preview-surface);width:2.8rem;height:2.8rem;left:0;top:0;border-radius:0 0 2.8rem}#theme .page div.list-of-cards.list-of-cards-single-row #theme-picker div.card-content div:before{content:"";position:absolute;background-color:var(--preview-main);width:2rem;height:1.6rem;right:0;top:0}#theme .page div.list-of-cards.list-of-cards-single-row #theme-picker div.card-content div.active{border:3px solid var(--color-primary)}#theme .page .action-group{all:unset;width:fit-content;height:fit-content;display:flex;flex-wrap:nowrap;flex-direction:row;gap:.5rem;background-color:#0000001a;border-radius:2.8rem;padding:.5rem;position:absolute;z-index:1;top:1rem;transform:scale(1)}#theme .page .action-group[data-location=left]{left:1rem}#theme .page .action-group[data-location=right]{right:1rem}#theme .page .action-group.vertical{flex-direction:column}#theme .page .action-group.surface{background-color:transparent}#theme .page .action-group.surface>.action-group-button{box-shadow:inset 0 0 5px #0000001a}#theme .page .action-group.surface>.action-group-button:active{box-shadow:inset 0 0 10px #0000001a}#theme .page .action-group.surface>.action-group-button.action-group-button-delete svg{stroke:var(--color-danger)}#theme .page .action-group.surface>.action-group-button.action-group-button-delete:active{background-color:var(--color-danger)}#theme .page .action-group.surface>.action-group-button.action-group-button-delete:active svg{stroke:var(--color-surface)}#theme .page .action-group>.action-group-button{all:unset;cursor:pointer;width:2.8rem;height:2.8rem;border-radius:50%;background-color:var(--color-surface);display:flex;transition:.2s}#theme .page .action-group>.action-group-button svg{width:60%;margin:auto;stroke:var(--color-onSurface);fill:transparent;transition:.2s}#theme .page .action-group>.action-group-button:active{transform:scale(.98)}#theme .page .action-group>.action-group-button.action-group-button-hidden{display:none}#theme .page .action-group>.action-group-button.action-group-button-delete:active{background-color:var(--color-danger)}#theme .page .action-group>.action-group-button.action-group-button-delete:active svg{stroke:var(--color-surface)}#theme .page .growing-text-field{all:unset;white-space:pre-wrap;word-wrap:break-word;overflow:clip;color:var(--color-onSurface)}#theme .page .growing-text-field:read-only{caret-color:transparent}#theme .page .success{background-color:var(--color-success);color:var(--color-onSuccess)}#theme .page .success h2,#theme .page .success h3{color:var(--color-onSuccess)}#theme .page .success-text{color:var(--color-success)}#theme .page .warning{background-color:var(--color-warning);color:var(--color-onWarning)}#theme .page .warning h2,#theme .page .warning h3{color:var(--color-onWarning)}#theme .page .warning-text{color:var(--color-warning)}#theme .page .danger{background-color:var(--color-danger);color:var(--color-onDanger)}#theme .page .danger h2,#theme .page .danger h3{color:var(--color-onDanger)}#theme .page .danger-text{color:var(--color-danger)}#theme .page .extra-info{background-color:var(--color-info);color:var(--color-onInfo)}#theme .page .extra-info h2,#theme .page .extra-info h3{color:var(--color-onInfo)}#theme .page{all:unset;display:block;height:100%;width:100%;display:flex;flex-flow:column nowrap;align-items:center;overflow:clip;-webkit-user-select:none;user-select:none;cursor:default}#theme .page .page-header{all:unset;display:flex;flex-flow:row wrap;gap:1rem;height:fit-content;padding:1.5rem;width:calc(100% - 3rem);max-width:57rem}#theme .page .page-header .separator-vertical{margin:auto 0}#theme .page .page-header .separator-horizontal{margin:0 auto}#theme .page .page-header .page-search{all:unset;display:block;width:calc(100% - ((2px + .5rem)*2));height:calc(2.8rem - 4px);padding:0 .5rem;border-radius:.5rem;border:2px solid;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border-color:rgb(from var(--color-separation) r g b/20%)}#theme .page .page-header .page-search svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-header .page-search{cursor:text;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,width,caret-color,border-color,margin,padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding}#theme .page .page-header .page-search:focus-within{border-color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-header .page-search:focus-within svg{stroke:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-header .page-search::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-header .page-search.input-multiline{overflow:hidden;white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem}#theme .page .page-header .page-search:has(input){display:flex;align-items:center;gap:.5rem}#theme .page .page-header .page-search:has(input) svg{height:calc((2.8rem - 4px)*.6);min-height:calc((2.8rem - 4px)*.6);width:calc((2.8rem - 4px)*.6);min-width:calc((2.8rem - 4px)*.6);transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke}#theme .page .page-header .page-search:has(input) input{all:unset;display:block;width:calc(100% - ((2.8rem - 4px)*.6));height:100%}#theme .page .page-header .page-search:has(input) input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-header .page-search:has(input:read-only) input:read-only{cursor:default;caret-color:transparent}#theme .page .page-header .page-search:has(input:read-only){border-color:rgb(from var(--color-surface) r g b/100%);cursor:default;pointer-events:none}#theme .page .page-header .page-search:not(:has(input)):read-only{cursor:default;caret-color:transparent;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-header .page-search{box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%);border-radius:100vw}#theme .page .page-header .page-filter{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.7rem;min-width:2.7rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-header .page-filter svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-header .page-filter{border:2px solid rgb(from var(--color-separation) r g b/20%);cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity}#theme .page .page-header .page-filter:active{box-shadow:0 0 2px 2px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-header .page-filter{box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-header .page-filter:active{transform:scale(.98)}#theme .page .page-header .page-filter:has(p){padding:0 1rem}#theme .page .page-header .page-filter svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .page .page-header .save-recipe{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.7rem;min-width:2.7rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-primary) r g b/100%);color:rgb(from var(--color-onPrimary) r g b/100%)}#theme .page .page-header .save-recipe svg{stroke:rgb(from var(--color-onPrimary) r g b/100%)}#theme .page .page-header .save-recipe{border:2px solid rgb(from var(--color-separation) r g b/20%);cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity}#theme .page .page-header .save-recipe:active{box-shadow:0 0 2px 2px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-header .save-recipe{box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-header .save-recipe:active{transform:scale(.98)}#theme .page .page-header .save-recipe:has(p){padding:0 1rem}#theme .page .page-header .save-recipe svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .page .page-header .recipe-header{width:36rem;margin:0 auto;display:flex;flex-flow:row wrap;gap:1rem}#theme .page .page-header .recipe-header .recipe-header-right-aligned{margin-left:auto;margin-right:0}#theme .page .page-header .page-filter-active{background-color:rgb(from var(--color-primary) r g b/100%);color:rgb(from var(--color-onPrimary) r g b/100%)}#theme .page .page-header .page-filter-active svg{stroke:rgb(from var(--color-onPrimary) r g b/100%)}#theme .page .page-header .login{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.7rem;min-width:2.7rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-primary) r g b/100%);color:rgb(from var(--color-onPrimary) r g b/100%)}#theme .page .page-header .login svg{stroke:rgb(from var(--color-onPrimary) r g b/100%)}#theme .page .page-header .login{border:2px solid rgb(from var(--color-separation) r g b/20%);cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity}#theme .page .page-header .login:active{box-shadow:0 0 2px 2px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-header .login{box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-header .login:active{transform:scale(.98)}#theme .page .page-header .login:has(p){padding:0 1rem}#theme .page .page-header .login svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .page .page-header .login{width:100%}#theme .page .page-body{all:unset;flex-grow:1;min-height:0;width:100%;box-shadow:inset 0 12px 12px -3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body.page-scrollable{overflow:hidden scroll;scroll-behavior:smooth!important;max-height:calc(100% - 5rem);padding:1.5rem 0 5rem;scrollbar-width:none;-ms-overflow-style:none}#theme .page .page-body.page-scrollable::-webkit-scrollbar{display:none}#theme .page .page-body .page-non-scrollable-content{overflow:hidden;height:calc(100% - 6.5rem);padding:1.5rem 1.5rem 0}#theme .page .page-body .page-scroll-container,#theme .page .page-body .page-non-scrollable-content{width:calc(100% - 3rem);max-width:57rem;margin:auto}#theme .page .page-body.page-empty .page-non-scrollable-content,#theme .page .page-body:has(.page-body-auth-error) .page-non-scrollable-content{display:flex}#theme .page .page-body.page-empty .page-non-scrollable-content .page-body-info,#theme .page .page-body.page-empty .page-non-scrollable-content .page-body-auth-error,#theme .page .page-body:has(.page-body-auth-error) .page-non-scrollable-content .page-body-info,#theme .page .page-body:has(.page-body-auth-error) .page-non-scrollable-content .page-body-auth-error{width:fit-content;height:fit-content;margin:auto;padding:1rem;background-color:rgb(from var(--color-info) r g b/100%);border-radius:1rem}#theme .page .page-body.page-empty .page-non-scrollable-content .page-body-info:has(.loading-circle),#theme .page .page-body.page-empty .page-non-scrollable-content .page-body-auth-error:has(.loading-circle),#theme .page .page-body:has(.page-body-auth-error) .page-non-scrollable-content .page-body-info:has(.loading-circle),#theme .page .page-body:has(.page-body-auth-error) .page-non-scrollable-content .page-body-auth-error:has(.loading-circle){background-color:transparent;color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body.page-empty .page-non-scrollable-content .page-body-info,#theme .page .page-body.page-empty .page-non-scrollable-content .page-body-auth-error,#theme .page .page-body:has(.page-body-auth-error) .page-non-scrollable-content .page-body-info,#theme .page .page-body:has(.page-body-auth-error) .page-non-scrollable-content .page-body-auth-error{animation:fade-in .4s cubic-bezier(.2,0,0,1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#theme .page .page-body .recipe-list{display:flex;flex-flow:row wrap;justify-content:center;gap:1.5rem}#theme .page .page-body .recipe-list .card{all:unset;display:flex;flex-flow:column nowrap;height:fit-content;width:max(50% - 1rem,27rem);border-radius:1rem;overflow:hidden;position:relative}#theme .page .page-body .recipe-list .card.card-static{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color;transition-property:background-color,color;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%);cursor:default}#theme .page .page-body .recipe-list .card.card-clickable{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow;transition-property:background-color,color,transform,box-shadow}#theme .page .page-body .recipe-list .card.card-clickable:has(.card-actions:active,.card-actions-menu-button:active){box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .recipe-list .card.card-clickable:not(:has(.card-actions:active,.card-actions-menu-button:active)):active{box-shadow:0 0 2px 2px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .recipe-list .card.card-clickable:not(:has(.card-actions:active,.card-actions-menu-button:active)){box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .recipe-list .card.card-clickable:not(:has(.card-actions:active,.card-actions-menu-button:active)):active{transform:scale(.98)}#theme .page .page-body .recipe-list .card.card-clickable:not(:has(.card-actions:active,.card-actions-menu-button:active)){border-radius:1rem}#theme .page .page-body .recipe-list .card.card-clickable:not(:has(.card-actions:hover,.card-actions-menu-button:hover)){cursor:pointer}#theme .page .page-body .recipe-list .card:has(.card-image):after{content:"";position:absolute;left:0;right:0;bottom:0;height:1rem;background:rgb(from var(--color-surface) r g b/100%);z-index:1}#theme .page .page-body .recipe-list .card:has(.card-image) .card-image{display:block;aspect-ratio:4/3;width:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}#theme .page .page-body .recipe-list .card:has(.card-image) .card-image:not(.card-image-placeholder):after{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgb(from var(--color-onSurface) r g b/100%);content:""}#theme .page .page-body .recipe-list .card:has(.card-image) .card-image.card-image-placeholder{display:flex}#theme .page .page-body .recipe-list .card:has(.card-image) .card-image.card-image-placeholder svg{width:7rem;height:7rem;margin:auto;fill:rgb(from var(--color-surface) r g b/100%);opacity:.1;transform:translateY(-.5rem)}#theme .page .page-body .recipe-list .card:has(.card-image) .card-body-wrapper{padding:0 0 1rem}#theme .page .page-body .recipe-list .card:has(.card-image) .card-body{position:relative}#theme .page .page-body .recipe-list .card:has(.card-image) .card-body:after{content:"";position:absolute;top:0;left:0;right:0;transform:translateY(-100%);border-radius:1rem 1rem 0 0;z-index:-1;height:1rem;background:rgb(from var(--color-surface) r g b/100%);box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .recipe-list .card:has(.card-image) .card-actions-menu-button{top:0;border-radius:0 0 0 1rem;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .recipe-list .card:has(.card-image) .card-actions{top:0;border-radius:0 0 1rem}#theme .page .page-body .recipe-list .card .card-body-wrapper{position:relative;z-index:1;flex-grow:1;padding:1rem 0;background-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-body .recipe-list .card .card-body{height:100%;width:calc(100% - 2rem);padding:0 1rem;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .recipe-list .card .card-body .card-title{color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .recipe-list .card .card-actions{position:absolute;top:1rem;left:0;transform:translate(-105%);z-index:2;display:flex;flex-flow:row nowrap;width:fit-content;height:fit-content;border-radius:0 1rem 1rem 0;overflow:clip;background-color:rgb(from var(--color-surface) r g b/100%);box-shadow:0 0 0 0 transparent;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:transform,box-shadow;transition-property:transform,box-shadow}#theme .page .page-body .recipe-list .card .card-actions.card-actions-visible,#theme .page .page-body .recipe-list .card .card-actions.card-actions-static{transform:translate(0);box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .recipe-list .card .card-actions>*{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.8rem;min-width:2.8rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .recipe-list .card .card-actions>* svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .recipe-list .card .card-actions>*{cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;box-shadow:0 0 0 0 transparent}#theme .page .page-body .recipe-list .card .card-actions>*:active{filter:brightness(.9)}#theme .page .page-body .recipe-list .card .card-actions>*:has(p){padding:0 1rem}#theme .page .page-body .recipe-list .card .card-actions>* svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .page .page-body .recipe-list .card .card-actions>*{border-radius:unset}#theme .page .page-body .recipe-list .card .card-actions-menu-button{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.8rem;min-width:2.8rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .recipe-list .card .card-actions-menu-button svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .recipe-list .card .card-actions-menu-button{cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;box-shadow:0 0 0 0 transparent}#theme .page .page-body .recipe-list .card .card-actions-menu-button:active{filter:brightness(.9)}#theme .page .page-body .recipe-list .card .card-actions-menu-button:has(p){padding:0 1rem}#theme .page .page-body .recipe-list .card .card-actions-menu-button svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .page .page-body .recipe-list .card .card-actions-menu-button{position:absolute;right:0;top:1rem;z-index:3;border-radius:1rem 0 0 1rem}#theme .page .page-body .recipe-list .card:not(:has(.card-image)):has(.card-actions-menu-button) .card-body .card-title{width:calc(100% - 3.8rem)}#theme .page .page-body .recipe-list .card .recipe-description{overflow:hidden;max-height:7.5rem}#theme .page .page-body .recipe-list .card .recipe-extra-info-container{display:flex;flex-flow:row nowrap;gap:1rem}#theme .page .page-body .recipe-list .card .recipe-extra-info-container .recipe-extra-info{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;opacity:.5;gap:.5rem}#theme .page .page-body .recipe-list .card .recipe-extra-info-container .recipe-extra-info svg{stroke:rgb(from var(--color-onSurface) r g b/100%);width:1rem;height:1rem}#theme .page .page-body .recipe-list .card .recipe-extra-info-container .recipe-extra-info .recipe-extra-info-text{font-size:1rem;line-height:1.5}#theme .page .page-body .shopping-bag{display:flex;flex-flow:row wrap;justify-content:center;gap:1.5rem}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template){all:unset;display:flex;flex-flow:column nowrap;height:fit-content;width:100%;border-radius:1rem;overflow:hidden;position:relative}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template).card-static{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color;transition-property:background-color,color;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%);cursor:default}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template).card-clickable{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow;transition-property:background-color,color,transform,box-shadow}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template).card-clickable:has(.card-actions:active,.card-actions-menu-button:active){box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template).card-clickable:not(:has(.card-actions:active,.card-actions-menu-button:active)):active{box-shadow:0 0 2px 2px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template).card-clickable:not(:has(.card-actions:active,.card-actions-menu-button:active)){box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template).card-clickable:not(:has(.card-actions:active,.card-actions-menu-button:active)):active{transform:scale(.98)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template).card-clickable:not(:has(.card-actions:active,.card-actions-menu-button:active)){border-radius:1rem}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template).card-clickable:not(:has(.card-actions:hover,.card-actions-menu-button:hover)){cursor:pointer}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template):has(.card-image):after{content:"";position:absolute;left:0;right:0;bottom:0;height:1rem;background:rgb(from var(--color-surface) r g b/100%);z-index:1}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template):has(.card-image) .card-image{display:block;aspect-ratio:4/3;width:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template):has(.card-image) .card-image:not(.card-image-placeholder):after{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgb(from var(--color-onSurface) r g b/100%);content:""}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template):has(.card-image) .card-image.card-image-placeholder{display:flex}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template):has(.card-image) .card-image.card-image-placeholder svg{width:7rem;height:7rem;margin:auto;fill:rgb(from var(--color-surface) r g b/100%);opacity:.1;transform:translateY(-.5rem)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template):has(.card-image) .card-body-wrapper{padding:0 0 1rem}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template):has(.card-image) .card-body{position:relative}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template):has(.card-image) .card-body:after{content:"";position:absolute;top:0;left:0;right:0;transform:translateY(-100%);border-radius:1rem 1rem 0 0;z-index:-1;height:1rem;background:rgb(from var(--color-surface) r g b/100%);box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template):has(.card-image) .card-actions-menu-button{top:0;border-radius:0 0 0 1rem;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template):has(.card-image) .card-actions{top:0;border-radius:0 0 1rem}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-body-wrapper{position:relative;z-index:1;flex-grow:1;padding:1rem 0;background-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-body{height:100%;width:calc(100% - 2rem);padding:0 1rem;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-body .card-title{color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-actions{position:absolute;top:1rem;left:0;transform:translate(-105%);z-index:2;display:flex;flex-flow:row nowrap;width:fit-content;height:fit-content;border-radius:0 1rem 1rem 0;overflow:clip;background-color:rgb(from var(--color-surface) r g b/100%);box-shadow:0 0 0 0 transparent;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:transform,box-shadow;transition-property:transform,box-shadow}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-actions.card-actions-visible,#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-actions.card-actions-static{transform:translate(0);box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-actions>*{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.8rem;min-width:2.8rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-actions>* svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-actions>*{cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;box-shadow:0 0 0 0 transparent}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-actions>*:active{filter:brightness(.9)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-actions>*:has(p){padding:0 1rem}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-actions>* svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-actions>*{border-radius:unset}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-actions-menu-button{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.8rem;min-width:2.8rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-actions-menu-button svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-actions-menu-button{cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;box-shadow:0 0 0 0 transparent}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-actions-menu-button:active{filter:brightness(.9)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-actions-menu-button:has(p){padding:0 1rem}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-actions-menu-button svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-actions-menu-button{position:absolute;right:0;top:1rem;z-index:3;border-radius:1rem 0 0 1rem}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template):not(:has(.card-image)):has(.card-actions-menu-button) .card-body .card-title{width:calc(100% - 3.8rem)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template){all:unset;display:flex;flex-flow:column nowrap;height:fit-content;width:max(50% - 1rem,27rem);border-radius:1rem;overflow:hidden;position:relative}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template).card-static{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color;transition-property:background-color,color;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%);cursor:default}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template).card-clickable{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow;transition-property:background-color,color,transform,box-shadow}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template).card-clickable:has(.card-actions:active,.card-actions-menu-button:active){box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template).card-clickable:not(:has(.card-actions:active,.card-actions-menu-button:active)):active{box-shadow:0 0 2px 2px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template).card-clickable:not(:has(.card-actions:active,.card-actions-menu-button:active)){box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template).card-clickable:not(:has(.card-actions:active,.card-actions-menu-button:active)):active{transform:scale(.98)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template).card-clickable:not(:has(.card-actions:active,.card-actions-menu-button:active)){border-radius:1rem}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template).card-clickable:not(:has(.card-actions:hover,.card-actions-menu-button:hover)){cursor:pointer}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template):has(.card-image):after{content:"";position:absolute;left:0;right:0;bottom:0;height:1rem;background:rgb(from var(--color-surface) r g b/100%);z-index:1}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template):has(.card-image) .card-image{display:block;aspect-ratio:4/3;width:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template):has(.card-image) .card-image:not(.card-image-placeholder):after{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgb(from var(--color-onSurface) r g b/100%);content:""}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template):has(.card-image) .card-image.card-image-placeholder{display:flex}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template):has(.card-image) .card-image.card-image-placeholder svg{width:7rem;height:7rem;margin:auto;fill:rgb(from var(--color-surface) r g b/100%);opacity:.1;transform:translateY(-.5rem)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template):has(.card-image) .card-body-wrapper{padding:0 0 1rem}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template):has(.card-image) .card-body{position:relative}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template):has(.card-image) .card-body:after{content:"";position:absolute;top:0;left:0;right:0;transform:translateY(-100%);border-radius:1rem 1rem 0 0;z-index:-1;height:1rem;background:rgb(from var(--color-surface) r g b/100%);box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template):has(.card-image) .card-actions-menu-button{top:0;border-radius:0 0 0 1rem;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template):has(.card-image) .card-actions{top:0;border-radius:0 0 1rem}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-body-wrapper{position:relative;z-index:1;flex-grow:1;padding:1rem 0;background-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-body{height:100%;width:calc(100% - 2rem);padding:0 1rem;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-body .card-title{color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-actions{position:absolute;top:1rem;left:0;transform:translate(-105%);z-index:2;display:flex;flex-flow:row nowrap;width:fit-content;height:fit-content;border-radius:0 1rem 1rem 0;overflow:clip;background-color:rgb(from var(--color-surface) r g b/100%);box-shadow:0 0 0 0 transparent;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:transform,box-shadow;transition-property:transform,box-shadow}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-actions.card-actions-visible,#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-actions.card-actions-static{transform:translate(0);box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-actions>*{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.8rem;min-width:2.8rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-actions>* svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-actions>*{cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;box-shadow:0 0 0 0 transparent}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-actions>*:active{filter:brightness(.9)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-actions>*:has(p){padding:0 1rem}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-actions>* svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-actions>*{border-radius:unset}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-actions-menu-button{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.8rem;min-width:2.8rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-actions-menu-button svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-actions-menu-button{cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;box-shadow:0 0 0 0 transparent}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-actions-menu-button:active{filter:brightness(.9)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-actions-menu-button:has(p){padding:0 1rem}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-actions-menu-button svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-actions-menu-button{position:absolute;right:0;top:1rem;z-index:3;border-radius:1rem 0 0 1rem}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template):not(:has(.card-image)):has(.card-actions-menu-button) .card-body .card-title{width:calc(100% - 3.8rem)}#theme .page .page-body .shopping-bag .card{position:relative}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient{position:relative;filter:brightness(1);transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:color,filter;transition-property:color,filter}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper{width:100%;display:grid;grid-template-columns:1fr 6rem;gap:.5rem;align-items:center;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper:after{content:"";position:absolute;top:50%;left:50%;height:2px;width:calc(100% - .5rem);transform:translate(-50%,-50%);background-color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color;transition-property:background-color}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper.ingredient-wrapper-already-bought:after{background-color:rgb(from var(--color-separation) r g b/20%)}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-name{all:unset;display:block;width:calc(100% - ((2px + .5rem)*2));height:calc(2.8rem - 4px);padding:0 .5rem;border-radius:.5rem;border:2px solid;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border-color:rgb(from var(--color-separation) r g b/20%)}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-name svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-name{cursor:text;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,width,caret-color,border-color,margin,padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-name:focus-within{border-color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-name:focus-within svg{stroke:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-name::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-name.input-multiline{overflow:hidden;white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-name:has(input){display:flex;align-items:center;gap:.5rem}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-name:has(input) svg{height:calc((2.8rem - 4px)*.6);min-height:calc((2.8rem - 4px)*.6);width:calc((2.8rem - 4px)*.6);min-width:calc((2.8rem - 4px)*.6);transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-name:has(input) input{all:unset;display:block;width:calc(100% - ((2.8rem - 4px)*.6));height:100%}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-name:has(input) input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-name:has(input:read-only) input:read-only{cursor:default;caret-color:transparent}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-name:has(input:read-only){border-color:rgb(from var(--color-surface) r g b/100%);cursor:default;pointer-events:none}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-name:not(:has(input)):read-only{cursor:default;caret-color:transparent;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-name{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-measurement{all:unset;display:block;width:calc(100% - ((2px + .5rem)*2));height:calc(2.8rem - 4px);padding:0 .5rem;border-radius:.5rem;border:2px solid;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border-color:rgb(from var(--color-separation) r g b/20%)}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-measurement svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-measurement{cursor:text;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,width,caret-color,border-color,margin,padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-measurement:focus-within{border-color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-measurement:focus-within svg{stroke:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-measurement::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-measurement.input-multiline{overflow:hidden;white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-measurement:has(input){display:flex;align-items:center;gap:.5rem}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-measurement:has(input) svg{height:calc((2.8rem - 4px)*.6);min-height:calc((2.8rem - 4px)*.6);width:calc((2.8rem - 4px)*.6);min-width:calc((2.8rem - 4px)*.6);transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-measurement:has(input) input{all:unset;display:block;width:calc(100% - ((2.8rem - 4px)*.6));height:100%}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-measurement:has(input) input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-measurement:has(input:read-only) input:read-only{cursor:default;caret-color:transparent}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-measurement:has(input:read-only){border-color:rgb(from var(--color-surface) r g b/100%);cursor:default;pointer-events:none}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-measurement:not(:has(input)):read-only{cursor:default;caret-color:transparent;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-measurement{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient:has(.ingredient-wrapper-already-bought){filter:brightness(.95);color:rgb(from var(--color-separation) r g b/20%)}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient:has(.ingredient-wrapper-already-bought) .ingredient-name{color:rgb(from var(--color-separation) r g b/20%)!important}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient:has(.ingredient-wrapper-already-bought) .ingredient-measurement{color:rgb(from var(--color-separation) r g b/20%)!important}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-delete{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.7rem;min-width:2.7rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-delete svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-delete{cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;box-shadow:0 0 0 0 transparent}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-delete:active{filter:brightness(.9)}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-delete:has(p){padding:0 1rem}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-delete svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-delete{position:absolute;top:1rem;right:1rem}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-quantity{display:flex;flex-flow:column nowrap;align-items:center}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-quantity .input{all:unset;display:block;width:calc(5rem - ((2px + .5rem)*2));height:calc(2.8rem - 4px);padding:0 .5rem;border-radius:.5rem;border:2px solid;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border-color:rgb(from var(--color-separation) r g b/20%)}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-quantity .input svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-quantity .input{cursor:text;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,width,caret-color,border-color,margin,padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-quantity .input:focus-within{border-color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-quantity .input:focus-within svg{stroke:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-quantity .input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-quantity .input.input-multiline{overflow:hidden;white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-quantity .input:has(input){display:flex;align-items:center;gap:.5rem}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-quantity .input:has(input) svg{height:calc((2.8rem - 4px)*.6);min-height:calc((2.8rem - 4px)*.6);width:calc((2.8rem - 4px)*.6);min-width:calc((2.8rem - 4px)*.6);transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-quantity .input:has(input) input{all:unset;display:block;width:calc(100% - ((2.8rem - 4px)*.6));height:100%}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-quantity .input:has(input) input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-quantity .input:has(input:read-only) input:read-only{cursor:default;caret-color:transparent}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-quantity .input:has(input:read-only){border-color:rgb(from var(--color-surface) r g b/100%);cursor:default;pointer-events:none}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-quantity .input:not(:has(input)):read-only{cursor:default;caret-color:transparent;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content{display:grid;grid-template-columns:1fr 6rem;gap:.5rem;align-items:center}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-name{all:unset;display:block;width:calc(100% - ((2px + .5rem)*2));height:calc(2.8rem - 4px);padding:0 .5rem;border-radius:.5rem;border:2px solid;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border-color:rgb(from var(--color-separation) r g b/20%)}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-name svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-name{cursor:text;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,width,caret-color,border-color,margin,padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-name:focus-within{border-color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-name:focus-within svg{stroke:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-name::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-name.input-multiline{overflow:hidden;white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-name:has(input){display:flex;align-items:center;gap:.5rem}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-name:has(input) svg{height:calc((2.8rem - 4px)*.6);min-height:calc((2.8rem - 4px)*.6);width:calc((2.8rem - 4px)*.6);min-width:calc((2.8rem - 4px)*.6);transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-name:has(input) input{all:unset;display:block;width:calc(100% - ((2.8rem - 4px)*.6));height:100%}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-name:has(input) input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-name:has(input:read-only) input:read-only{cursor:default;caret-color:transparent}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-name:has(input:read-only){border-color:rgb(from var(--color-surface) r g b/100%);cursor:default;pointer-events:none}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-name:not(:has(input)):read-only{cursor:default;caret-color:transparent;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-measurement{all:unset;display:block;width:calc(100% - ((2px + .5rem)*2));height:calc(2.8rem - 4px);padding:0 .5rem;border-radius:.5rem;border:2px solid;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border-color:rgb(from var(--color-separation) r g b/20%)}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-measurement svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-measurement{cursor:text;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,width,caret-color,border-color,margin,padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-measurement:focus-within{border-color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-measurement:focus-within svg{stroke:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-measurement::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-measurement.input-multiline{overflow:hidden;white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-measurement:has(input){display:flex;align-items:center;gap:.5rem}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-measurement:has(input) svg{height:calc((2.8rem - 4px)*.6);min-height:calc((2.8rem - 4px)*.6);width:calc((2.8rem - 4px)*.6);min-width:calc((2.8rem - 4px)*.6);transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-measurement:has(input) input{all:unset;display:block;width:calc(100% - ((2.8rem - 4px)*.6));height:100%}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-measurement:has(input) input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-measurement:has(input:read-only) input:read-only{cursor:default;caret-color:transparent}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-measurement:has(input:read-only){border-color:rgb(from var(--color-surface) r g b/100%);cursor:default;pointer-events:none}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-measurement:not(:has(input)):read-only{cursor:default;caret-color:transparent;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-body .account{display:flex;flex-flow:column nowrap;gap:1.5rem}#theme .page .page-body .account .account-settings-card{width:100%;position:relative}#theme .page .page-body .account .account-settings-card .account-settings{display:flex;flex-flow:column nowrap;gap:1.5rem}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions{position:absolute;width:fit-content;height:fit-content;right:1rem;top:1rem;display:flex;flex-flow:row nowrap;gap:1rem}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions button{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.7rem;min-width:2.7rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions button svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions button{border:2px solid rgb(from var(--color-separation) r g b/20%);cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;box-shadow:0 0 0 0 transparent}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions button:active{filter:brightness(.9)}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions button:has(p){padding:0 1rem}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions button svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions .account-info-actions-save{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.7rem;min-width:2.7rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-primary) r g b/100%);color:rgb(from var(--color-onPrimary) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions .account-info-actions-save svg{stroke:rgb(from var(--color-onPrimary) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions .account-info-actions-save{border:2px solid rgb(from var(--color-separation) r g b/20%);cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;box-shadow:0 0 0 0 transparent}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions .account-info-actions-save:active{filter:brightness(.9)}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions .account-info-actions-save:has(p){padding:0 1rem}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions .account-info-actions-save svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions .account-info-actions-edit{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.7rem;min-width:2.7rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions .account-info-actions-edit svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions .account-info-actions-edit{border:2px solid rgb(from var(--color-separation) r g b/20%);cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;box-shadow:0 0 0 0 transparent}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions .account-info-actions-edit:active{filter:brightness(.9)}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions .account-info-actions-edit:has(p){padding:0 1rem}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions .account-info-actions-edit svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .page .page-body .account .account-settings-card .account-settings .account-info{display:flex;flex-flow:row nowrap;gap:1rem;align-items:center;justify-content:center;height:100%;width:100%}#theme .page .page-body .account .account-settings-card .account-settings .account-info:not(.account-info-editing) .account-info-right{gap:0}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-left{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:1rem;width:fit-content;height:100%}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-left .avatar{height:8rem}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right{flex:1;height:100%;display:flex;flex-flow:column nowrap;gap:.5rem}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input{all:unset;display:block;width:calc(15rem - ((2px + .5rem)*2));height:calc(2.8rem - 4px);padding:0 .5rem;border-radius:.5rem;border:2px solid;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border-color:rgb(from var(--color-separation) r g b/20%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input{cursor:text;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,width,caret-color,border-color,margin,padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:focus-within{border-color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:focus-within svg{stroke:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input.input-multiline{overflow:hidden;white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:has(input){display:flex;align-items:center;gap:.5rem}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:has(input) svg{height:calc((2.8rem - 4px)*.6);min-height:calc((2.8rem - 4px)*.6);width:calc((2.8rem - 4px)*.6);min-width:calc((2.8rem - 4px)*.6);transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:has(input) input{all:unset;display:block;width:calc(100% - ((2.8rem - 4px)*.6));height:100%}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:has(input) input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:has(input:read-only) input:read-only{cursor:default;caret-color:transparent}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:has(input:read-only){border-color:rgb(from var(--color-surface) r g b/100%);cursor:default;pointer-events:none}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:not(:has(input)):read-only{cursor:default;caret-color:transparent;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input{font-size:1.26rem}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input.input-readonly{padding:0}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea{all:unset;display:block;width:calc(100% - ((2px + .5rem)*2));height:calc(2.8rem - 4px);padding:0 .5rem;border-radius:.5rem;border:2px solid;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border-color:rgb(from var(--color-separation) r g b/20%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea{cursor:text;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,width,caret-color,border-color,margin,padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:focus-within{border-color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:focus-within svg{stroke:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea.input-multiline{overflow:hidden;white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:has(input){display:flex;align-items:center;gap:.5rem}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:has(input) svg{height:calc((2.8rem - 4px)*.6);min-height:calc((2.8rem - 4px)*.6);width:calc((2.8rem - 4px)*.6);min-width:calc((2.8rem - 4px)*.6);transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:has(input) input{all:unset;display:block;width:calc(100% - ((2.8rem - 4px)*.6));height:100%}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:has(input) input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:has(input:read-only) input:read-only{cursor:default;caret-color:transparent}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:has(input:read-only){border-color:rgb(from var(--color-surface) r g b/100%);cursor:default;pointer-events:none}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:not(:has(input)):read-only{cursor:default;caret-color:transparent;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea.input-readonly{opacity:.8;padding:0}@media(max-width:600px){#theme .page .page-body .account .account-settings-card .account-settings .account-info{flex-flow:column nowrap}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right{width:100%;align-items:center;justify-content:center}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input{all:unset;display:block;width:calc(100% - ((2px + .5rem)*2));height:calc(2.8rem - 4px);padding:0 .5rem;border-radius:.5rem;border:2px solid;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border-color:rgb(from var(--color-separation) r g b/20%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input{cursor:text;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,width,caret-color,border-color,margin,padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:focus-within{border-color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:focus-within svg{stroke:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input.input-multiline{overflow:hidden;white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:has(input){display:flex;align-items:center;gap:.5rem}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:has(input) svg{height:calc((2.8rem - 4px)*.6);min-height:calc((2.8rem - 4px)*.6);width:calc((2.8rem - 4px)*.6);min-width:calc((2.8rem - 4px)*.6);transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:has(input) input{all:unset;display:block;width:calc(100% - ((2.8rem - 4px)*.6));height:100%}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:has(input) input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:has(input:read-only) input:read-only{cursor:default;caret-color:transparent}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:has(input:read-only){border-color:rgb(from var(--color-surface) r g b/100%);cursor:default;pointer-events:none}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:not(:has(input)):read-only{cursor:default;caret-color:transparent;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input{max-width:15rem;font-size:1.26rem;text-align:center}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea{all:unset;display:block;width:calc(100% - ((2px + .5rem)*2));height:calc(2.8rem - 4px);padding:0 .5rem;border-radius:.5rem;border:2px solid;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border-color:rgb(from var(--color-separation) r g b/20%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea{cursor:text;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,width,caret-color,border-color,margin,padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:focus-within{border-color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:focus-within svg{stroke:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea.input-multiline{overflow:hidden;white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:has(input){display:flex;align-items:center;gap:.5rem}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:has(input) svg{height:calc((2.8rem - 4px)*.6);min-height:calc((2.8rem - 4px)*.6);width:calc((2.8rem - 4px)*.6);min-width:calc((2.8rem - 4px)*.6);transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:has(input) input{all:unset;display:block;width:calc(100% - ((2.8rem - 4px)*.6));height:100%}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:has(input) input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:has(input:read-only) input:read-only{cursor:default;caret-color:transparent}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:has(input:read-only){border-color:rgb(from var(--color-surface) r g b/100%);cursor:default;pointer-events:none}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:not(:has(input)):read-only{cursor:default;caret-color:transparent;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea{max-width:100%;text-align:center}}#theme .page .page-body .account .account-settings-card .account-settings .logout-button{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.7rem;min-width:2.7rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .logout-button svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .logout-button{border:2px solid rgb(from var(--color-separation) r g b/20%);cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;box-shadow:0 0 0 0 transparent}#theme .page .page-body .account .account-settings-card .account-settings .logout-button:active{filter:brightness(.9)}#theme .page .page-body .account .account-settings-card .account-settings .logout-button:has(p){padding:0 1rem}#theme .page .page-body .account .account-settings-card .account-settings .logout-button svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .page .page-body .account .account-settings-card .account-settings .login-button{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.7rem;min-width:2.7rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-primary) r g b/100%);color:rgb(from var(--color-onPrimary) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .login-button svg{stroke:rgb(from var(--color-onPrimary) r g b/100%)}#theme .page .page-body .account .account-settings-card .account-settings .login-button{border:2px solid rgb(from var(--color-separation) r g b/20%);cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;box-shadow:0 0 0 0 transparent}#theme .page .page-body .account .account-settings-card .account-settings .login-button:active{filter:brightness(.9)}#theme .page .page-body .account .account-settings-card .account-settings .login-button:has(p){padding:0 1rem}#theme .page .page-body .account .account-settings-card .account-settings .login-button svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .page .page-body .account .theme-settings,#theme .page .page-body .account .theme-settings .theme-settings-card{width:100%}#theme .page .page-body .account .theme-settings .theme-settings-card .theme-options{display:flex;gap:1rem;flex-flow:row wrap}#theme .page .page-body .account .theme-settings .theme-settings-card .theme-options .theme-option{--preview-background: var(--color-background);--preview-surface: var(--color-surface);--preview-main: var(--color-primary);all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.7rem;min-width:2.7rem;width:fit-content;border-radius:100vw;background-color:transparent;color:transparent}#theme .page .page-body .account .theme-settings .theme-settings-card .theme-options .theme-option svg{stroke:transparent}#theme .page .page-body .account .theme-settings .theme-settings-card .theme-options .theme-option{border:2px solid rgb(from var(--color-separation) r g b/20%);cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity}#theme .page .page-body .account .theme-settings .theme-settings-card .theme-options .theme-option:active{box-shadow:0 0 2px 2px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .account .theme-settings .theme-settings-card .theme-options .theme-option{box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .account .theme-settings .theme-settings-card .theme-options .theme-option:active{transform:scale(.98)}#theme .page .page-body .account .theme-settings .theme-settings-card .theme-options .theme-option:has(p){padding:0 1rem}#theme .page .page-body .account .theme-settings .theme-settings-card .theme-options .theme-option svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .page .page-body .account .theme-settings .theme-settings-card .theme-options .theme-option{width:4rem;height:4rem;background-color:var(--preview-background);border:3px solid var(--preview-background);position:relative;overflow:hidden}#theme .page .page-body .account .theme-settings .theme-settings-card .theme-options .theme-option:after{content:"";position:absolute;background-color:var(--preview-surface);width:2.8rem;height:2.8rem;left:0;top:0;border-radius:0 0 2.8rem}#theme .page .page-body .account .theme-settings .theme-settings-card .theme-options .theme-option:before{content:"";position:absolute;background-color:var(--preview-main);width:2rem;height:1.6rem;right:0;top:0}#theme .page .page-body .account .theme-settings .theme-settings-card .theme-options .theme-option.theme-option-active{border:3px solid var(--color-primary)}#theme .page .page-body .recipe{height:fit-content;width:100%;max-width:36rem;margin:auto;border-radius:1rem;overflow:hidden;color:rgb(from var(--color-onSurface) r g b/100%);box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .recipe .image-selector{width:100%;aspect-ratio:4/3;position:relative;overflow:hidden}#theme .page .page-body .recipe .image-selector .image-selector-preview{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1;z-index:-1;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:opacity;transition-property:opacity}#theme .page .page-body .recipe .image-selector .image-selector-preview.image-selector-preview-hidden{opacity:0}#theme .page .page-body .recipe .image-selector .image-selector-placeholder{width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-2;display:flex}#theme .page .page-body .recipe .image-selector .image-selector-placeholder svg{width:7rem;height:7rem;margin:auto;fill:rgb(from var(--color-surface) r g b/100%);opacity:.1;transform:translateY(-.5rem)}#theme .page .page-body .recipe .image-selector .image-selector-actions,#theme .page .page-body .recipe .image-selector .image-selector-actions-always-visible{position:absolute;display:flex;flex-flow:row nowrap;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:left,top,transform;transition-property:left,top,transform}#theme .page .page-body .recipe .image-selector .image-selector-actions #image-selector-search-input,#theme .page .page-body .recipe .image-selector .image-selector-actions-always-visible #image-selector-search-input{display:none}#theme .page .page-body .recipe .image-selector .image-selector-actions-always-visible{z-index:2}#theme .page .page-body .recipe .image-selector .image-selector-actions{background-color:rgb(from var(--color-surface) r g b/100%);top:0;left:0;padding-left:2.8rem;z-index:1;border-end-end-radius:1rem;overflow:hidden;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .recipe .image-selector .image-selector-actions .image-selector-action{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.8rem;min-width:2.8rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .recipe .image-selector .image-selector-actions .image-selector-action svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .recipe .image-selector .image-selector-actions .image-selector-action{cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;box-shadow:0 0 0 0 transparent}#theme .page .page-body .recipe .image-selector .image-selector-actions .image-selector-action:active{filter:brightness(.9)}#theme .page .page-body .recipe .image-selector .image-selector-actions .image-selector-action:has(p){padding:0 1rem}#theme .page .page-body .recipe .image-selector .image-selector-actions .image-selector-action svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .page .page-body .recipe .image-selector .image-selector-actions .image-selector-action{border-radius:0}#theme .page .page-body .recipe .image-selector.image-selector-empty .image-selector-actions-always-visible{left:50%;top:50%;transform:translate(-50%,-50%)}#theme .page .page-body .recipe .image-selector.image-selector-empty .image-selector-actions-always-visible .image-selector-action{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.7rem;min-width:2.7rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .recipe .image-selector.image-selector-empty .image-selector-actions-always-visible .image-selector-action svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .recipe .image-selector.image-selector-empty .image-selector-actions-always-visible .image-selector-action{border:2px solid rgb(from var(--color-separation) r g b/20%);cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity}#theme .page .page-body .recipe .image-selector.image-selector-empty .image-selector-actions-always-visible .image-selector-action:active{box-shadow:0 0 2px 2px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .recipe .image-selector.image-selector-empty .image-selector-actions-always-visible .image-selector-action{box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .recipe .image-selector.image-selector-empty .image-selector-actions-always-visible .image-selector-action:active{transform:scale(.98)}#theme .page .page-body .recipe .image-selector.image-selector-empty .image-selector-actions-always-visible .image-selector-action:has(p){padding:0 1rem}#theme .page .page-body .recipe .image-selector.image-selector-empty .image-selector-actions-always-visible .image-selector-action svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .page .page-body .recipe .image-selector.image-selector-empty .image-selector-actions{transform:translate(-105%)}#theme .page .page-body .recipe .image-selector:not(.image-selector-empty) .image-selector-actions-always-visible{left:0;top:0;transform:translate(0)}#theme .page .page-body .recipe .image-selector:not(.image-selector-empty) .image-selector-actions-always-visible .image-selector-action{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.7rem;min-width:2.7rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .recipe .image-selector:not(.image-selector-empty) .image-selector-actions-always-visible .image-selector-action svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .recipe .image-selector:not(.image-selector-empty) .image-selector-actions-always-visible .image-selector-action{cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;box-shadow:0 0 0 0 transparent}#theme .page .page-body .recipe .image-selector:not(.image-selector-empty) .image-selector-actions-always-visible .image-selector-action:active{filter:brightness(.9)}#theme .page .page-body .recipe .image-selector:not(.image-selector-empty) .image-selector-actions-always-visible .image-selector-action:has(p){padding:0 1rem}#theme .page .page-body .recipe .image-selector:not(.image-selector-empty) .image-selector-actions-always-visible .image-selector-action svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .page .page-body .recipe .image-selector:not(.image-selector-empty) .image-selector-actions-always-visible .image-selector-action{border-radius:0}#theme .page .page-body .recipe .image-selector:not(.image-selector-empty) .image-selector-actions{transform:translate(0)}#theme .page .page-body .recipe .image-selector:after{content:"";transition-duration:.4s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:height,width,filter,opacity,border-radius;transition-property:height,width,filter,opacity,border-radius;left:0;top:0;width:100%;height:100%;position:absolute;z-index:3;background-size:50%;background-color:rgb(from var(--color-info) r g b/100%);opacity:1}#theme .page .page-body .recipe .image-selector:not(.image-selector-loading):after{width:100%;height:0}#theme .page .page-body .recipe .recipe-container-wrapper{position:relative;z-index:3;background-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-body .recipe .recipe-container{height:fit-content;background-color:rgb(from var(--color-surface) r g b/100%);position:relative;padding:1rem;padding-top:0}#theme .page .page-body .recipe .recipe-container:after{content:"";position:absolute;top:0;left:0;right:0;transform:translateY(-100%);border-radius:1rem 1rem 0 0;z-index:-1;height:1rem;background:rgb(from var(--color-surface) r g b/100%);box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .recipe .recipe-container .recipe-description,#theme .page .page-body .recipe .recipe-container .recipe-name{all:unset;display:block;width:calc(100% - ((2px + .5rem)*2));height:calc(2.8rem - 4px);padding:0 .5rem;border-radius:.5rem;border:2px solid;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border-color:rgb(from var(--color-separation) r g b/20%)}#theme .page .page-body .recipe .recipe-container .recipe-description svg,#theme .page .page-body .recipe .recipe-container .recipe-name svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .recipe .recipe-container .recipe-description,#theme .page .page-body .recipe .recipe-container .recipe-name{cursor:text;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,width,caret-color,border-color,margin,padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding}#theme .page .page-body .recipe .recipe-container .recipe-description:focus-within,#theme .page .page-body .recipe .recipe-container .recipe-name:focus-within{border-color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .recipe .recipe-container .recipe-description:focus-within svg,#theme .page .page-body .recipe .recipe-container .recipe-name:focus-within svg{stroke:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .recipe .recipe-container .recipe-description::placeholder,#theme .page .page-body .recipe .recipe-container .recipe-name::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .recipe .recipe-container .recipe-description.input-multiline,#theme .page .page-body .recipe .recipe-container .recipe-name.input-multiline{overflow:hidden;white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem}#theme .page .page-body .recipe .recipe-container .recipe-description:has(input),#theme .page .page-body .recipe .recipe-container .recipe-name:has(input){display:flex;align-items:center;gap:.5rem}#theme .page .page-body .recipe .recipe-container .recipe-description:has(input) svg,#theme .page .page-body .recipe .recipe-container .recipe-name:has(input) svg{height:calc((2.8rem - 4px)*.6);min-height:calc((2.8rem - 4px)*.6);width:calc((2.8rem - 4px)*.6);min-width:calc((2.8rem - 4px)*.6);transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke}#theme .page .page-body .recipe .recipe-container .recipe-description:has(input) input,#theme .page .page-body .recipe .recipe-container .recipe-name:has(input) input{all:unset;display:block;width:calc(100% - ((2.8rem - 4px)*.6));height:100%}#theme .page .page-body .recipe .recipe-container .recipe-description:has(input) input::placeholder,#theme .page .page-body .recipe .recipe-container .recipe-name:has(input) input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .recipe .recipe-container .recipe-description:has(input:read-only) input:read-only,#theme .page .page-body .recipe .recipe-container .recipe-name:has(input:read-only) input:read-only{cursor:default;caret-color:transparent}#theme .page .page-body .recipe .recipe-container .recipe-description:has(input:read-only),#theme .page .page-body .recipe .recipe-container .recipe-name:has(input:read-only){border-color:rgb(from var(--color-surface) r g b/100%);cursor:default;pointer-events:none}#theme .page .page-body .recipe .recipe-container .recipe-description:not(:has(input)):read-only,#theme .page .page-body .recipe .recipe-container .recipe-name:not(:has(input)):read-only{cursor:default;caret-color:transparent;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-body .recipe .recipe-container .recipe-description,#theme .page .page-body .recipe .recipe-container .recipe-name{margin-bottom:1rem}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only{all:unset;display:block;width:calc(100% - ((2px + .5rem)*2));height:calc(2.8rem - 4px);padding:0 .5rem;border-radius:.5rem;border:2px solid;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-primary) r g b/100%);caret-color:rgb(from var(--color-primary) r g b/100%);border-color:rgb(from var(--color-separation) r g b/20%)}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only svg{stroke:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only{cursor:text;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,width,caret-color,border-color,margin,padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only:focus-within{border-color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only:focus-within svg{stroke:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only::placeholder{color:rgb(from var(--color-primary) r g b/100%);opacity:.5}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only.input-multiline{overflow:hidden;white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only:has(input){display:flex;align-items:center;gap:.5rem}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only:has(input) svg{height:calc((2.8rem - 4px)*.6);min-height:calc((2.8rem - 4px)*.6);width:calc((2.8rem - 4px)*.6);min-width:calc((2.8rem - 4px)*.6);transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only:has(input) input{all:unset;display:block;width:calc(100% - ((2.8rem - 4px)*.6));height:100%}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only:has(input) input::placeholder{color:rgb(from var(--color-primary) r g b/100%);opacity:.5}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only:has(input:read-only) input:read-only{cursor:default;caret-color:transparent}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only:has(input:read-only){border-color:rgb(from var(--color-surface) r g b/100%);cursor:default;pointer-events:none}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only:not(:has(input)):read-only{cursor:default;caret-color:transparent;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only{font-size:1.8rem;line-height:1.4;letter-spacing:-.036rem;padding:0!important;margin-bottom:1rem}#theme .page .page-body .recipe .recipe-container .recipe-description:read-only{padding:0}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container{display:flex;flex-flow:row nowrap;gap:1rem}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info{all:unset;display:block;width:calc(50% - ((2px + .5rem)*2));height:calc(2.8rem - 4px);padding:0 .5rem;border-radius:.5rem;border:2px solid;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border-color:rgb(from var(--color-separation) r g b/20%)}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info{cursor:text;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,width,caret-color,border-color,margin,padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info:focus-within{border-color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info:focus-within svg{stroke:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info.input-multiline{overflow:hidden;white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info:has(input){display:flex;align-items:center;gap:.5rem}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info:has(input) svg{height:calc((2.8rem - 4px)*.6);min-height:calc((2.8rem - 4px)*.6);width:calc((2.8rem - 4px)*.6);min-width:calc((2.8rem - 4px)*.6);transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info:has(input) input{all:unset;display:block;width:calc(100% - ((2.8rem - 4px)*.6));height:100%}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info:has(input) input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info:has(input:read-only) input:read-only{cursor:default;caret-color:transparent}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info:has(input:read-only){border-color:rgb(from var(--color-surface) r g b/100%);cursor:default;pointer-events:none}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info:not(:has(input)):read-only{cursor:default;caret-color:transparent;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info:has(input:read-only){display:none}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info-preview{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;opacity:.5;gap:.5rem}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info-preview svg{stroke:rgb(from var(--color-onSurface) r g b/100%);width:1rem;height:1rem}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info-preview .recipe-extra-info-text{font-size:1rem;line-height:1.5}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container:not(:has(.recipe-extra-info input:read-only)) .recipe-extra-info-preview{display:none}#theme .page .page-body .recipe-detail-lists{background-color:rgb(from var(--color-surface) r g b/100%);width:calc(100% - 2rem);max-width:34rem;height:fit-content;margin:1.5rem auto 0;padding:1rem;border-radius:1rem;overflow:hidden;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .recipe-detail-lists .recipe-detail-list{flex-grow:1}#theme .page .page-body .recipe-detail-lists .recipe-detail-list+.recipe-detail-list h2{padding-top:1rem}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content{display:grid;grid-template-columns:1fr 6rem;gap:.5rem;align-items:center}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-name{all:unset;display:block;width:calc(100% - ((2px + .5rem)*2));height:calc(2.8rem - 4px);padding:0 .5rem;border-radius:.5rem;border:2px solid;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border-color:rgb(from var(--color-separation) r g b/20%)}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-name svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-name{cursor:text;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,width,caret-color,border-color,margin,padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-name:focus-within{border-color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-name:focus-within svg{stroke:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-name::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-name.input-multiline{overflow:hidden;white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-name:has(input){display:flex;align-items:center;gap:.5rem}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-name:has(input) svg{height:calc((2.8rem - 4px)*.6);min-height:calc((2.8rem - 4px)*.6);width:calc((2.8rem - 4px)*.6);min-width:calc((2.8rem - 4px)*.6);transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-name:has(input) input{all:unset;display:block;width:calc(100% - ((2.8rem - 4px)*.6));height:100%}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-name:has(input) input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-name:has(input:read-only) input:read-only{cursor:default;caret-color:transparent}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-name:has(input:read-only){border-color:rgb(from var(--color-surface) r g b/100%);cursor:default;pointer-events:none}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-name:not(:has(input)):read-only{cursor:default;caret-color:transparent;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-measurement{all:unset;display:block;width:calc(100% - ((2px + .5rem)*2));height:calc(2.8rem - 4px);padding:0 .5rem;border-radius:.5rem;border:2px solid;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border-color:rgb(from var(--color-separation) r g b/20%)}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-measurement svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-measurement{cursor:text;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,width,caret-color,border-color,margin,padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-measurement:focus-within{border-color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-measurement:focus-within svg{stroke:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-measurement::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-measurement.input-multiline{overflow:hidden;white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-measurement:has(input){display:flex;align-items:center;gap:.5rem}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-measurement:has(input) svg{height:calc((2.8rem - 4px)*.6);min-height:calc((2.8rem - 4px)*.6);width:calc((2.8rem - 4px)*.6);min-width:calc((2.8rem - 4px)*.6);transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-measurement:has(input) input{all:unset;display:block;width:calc(100% - ((2.8rem - 4px)*.6));height:100%}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-measurement:has(input) input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-measurement:has(input:read-only) input:read-only{cursor:default;caret-color:transparent}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-measurement:has(input:read-only){border-color:rgb(from var(--color-surface) r g b/100%);cursor:default;pointer-events:none}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-measurement:not(:has(input)):read-only{cursor:default;caret-color:transparent;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-step .recipe-step-text{all:unset;display:block;width:calc(100% - ((2px + .5rem)*2));height:calc(2.8rem - 4px);padding:0 .5rem;border-radius:.5rem;border:2px solid;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border-color:rgb(from var(--color-separation) r g b/20%)}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-step .recipe-step-text svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-step .recipe-step-text{cursor:text;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,width,caret-color,border-color,margin,padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-step .recipe-step-text:focus-within{border-color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-step .recipe-step-text:focus-within svg{stroke:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-step .recipe-step-text::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-step .recipe-step-text.input-multiline{overflow:hidden;white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-step .recipe-step-text:has(input){display:flex;align-items:center;gap:.5rem}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-step .recipe-step-text:has(input) svg{height:calc((2.8rem - 4px)*.6);min-height:calc((2.8rem - 4px)*.6);width:calc((2.8rem - 4px)*.6);min-width:calc((2.8rem - 4px)*.6);transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-step .recipe-step-text:has(input) input{all:unset;display:block;width:calc(100% - ((2.8rem - 4px)*.6));height:100%}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-step .recipe-step-text:has(input) input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-step .recipe-step-text:has(input:read-only) input:read-only{cursor:default;caret-color:transparent}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-step .recipe-step-text:has(input:read-only){border-color:rgb(from var(--color-surface) r g b/100%);cursor:default;pointer-events:none}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-step .recipe-step-text:not(:has(input)):read-only{cursor:default;caret-color:transparent;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .input{all:unset;display:block;width:calc(15rem - ((2px + .5rem)*2));height:calc(2.8rem - 4px);padding:0 .5rem;border-radius:.5rem;border:2px solid;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border-color:rgb(from var(--color-separation) r g b/20%)}#theme .input svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .input{cursor:text;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,width,caret-color,border-color,margin,padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding}#theme .input:focus-within{border-color:rgb(from var(--color-primary) r g b/100%)}#theme .input:focus-within svg{stroke:rgb(from var(--color-primary) r g b/100%)}#theme .input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .input.input-multiline{overflow:hidden;white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem}#theme .input:has(input){display:flex;align-items:center;gap:.5rem}#theme .input:has(input) svg{height:calc((2.8rem - 4px)*.6);min-height:calc((2.8rem - 4px)*.6);width:calc((2.8rem - 4px)*.6);min-width:calc((2.8rem - 4px)*.6);transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke}#theme .input:has(input) input{all:unset;display:block;width:calc(100% - ((2.8rem - 4px)*.6));height:100%}#theme .input:has(input) input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .input:has(input:read-only) input:read-only{cursor:default;caret-color:transparent}#theme .input:has(input:read-only){border-color:rgb(from var(--color-surface) r g b/100%);cursor:default;pointer-events:none}#theme .input:not(:has(input)):read-only{cursor:default;caret-color:transparent;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .input-search{border-radius:100vw}#theme .input-search:focus-within{border-color:rgb(from var(--color-primary) r g b/100%)}#theme .input-search:focus-within svg{stroke:rgb(from var(--color-primary) r g b/100%)}#theme .button{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.7rem;min-width:2.7rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .button svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .button{border:2px solid rgb(from var(--color-separation) r g b/20%);cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity}#theme .button:active{box-shadow:0 0 2px 2px rgb(from var(--color-elevation) r g b/10%)}#theme .button{box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .button:active{transform:scale(.98)}#theme .button:has(p){padding:0 1rem}#theme .button svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .avatar{background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);border-radius:100vw;height:6rem;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%);border:2px solid rgb(from var(--color-separation) r g b/20%);position:relative;-webkit-user-select:none;user-select:none}#theme .avatar.avatar-editable{cursor:pointer}#theme .avatar.avatar-editable:active{box-shadow:0 0 2px 2px rgb(from var(--color-elevation) r g b/10%)}#theme .avatar.avatar-editable{box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .avatar.avatar-editable:active{transform:scale(.98)}#theme .avatar.avatar-editable{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:box-shadow,transform;transition-property:box-shadow,transform}#theme .avatar img{height:100%;width:100%;object-fit:cover;border-radius:100vw;pointer-events:none;-webkit-user-select:none;user-select:none}#theme .avatar svg{stroke:rgb(from var(--color-onSurface) r g b/100%);height:4.2rem;width:4.2rem}#theme .avatar svg.avatar-editable-mark{height:1.5rem;width:1.5rem;padding:.18rem;background-color:rgb(from var(--color-primary) r g b/100%);border-radius:100vw;stroke:rgb(from var(--color-onPrimary) r g b/100%);position:absolute;right:0;bottom:0;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%);border:2px solid rgb(from var(--color-separation) r g b/20%)}#theme .avatar input{display:none}#theme .separator{all:unset;display:block}#theme .separator.separator-vertical{margin:auto 1rem}#theme .separator.separator-horizontal{margin:1rem auto}#theme .separator.separator-vertical{width:2px;height:80%}#theme .separator.separator-horizontal{width:80%;height:2px}#theme .separator{background-color:rgb(from var(--color-separation) r g b/20%)}#theme .card{all:unset;display:flex;flex-flow:column nowrap;height:fit-content;width:20rem;border-radius:1rem;overflow:hidden;position:relative}#theme .card.card-static{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color;transition-property:background-color,color;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%);cursor:default}#theme .card.card-clickable{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow;transition-property:background-color,color,transform,box-shadow}#theme .card.card-clickable:has(.card-actions:active,.card-actions-menu-button:active){box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .card.card-clickable:not(:has(.card-actions:active,.card-actions-menu-button:active)):active{box-shadow:0 0 2px 2px rgb(from var(--color-elevation) r g b/10%)}#theme .card.card-clickable:not(:has(.card-actions:active,.card-actions-menu-button:active)){box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .card.card-clickable:not(:has(.card-actions:active,.card-actions-menu-button:active)):active{transform:scale(.98)}#theme .card.card-clickable:not(:has(.card-actions:active,.card-actions-menu-button:active)){border-radius:1rem}#theme .card.card-clickable:not(:has(.card-actions:hover,.card-actions-menu-button:hover)){cursor:pointer}#theme .card:has(.card-image):after{content:"";position:absolute;left:0;right:0;bottom:0;height:1rem;background:rgb(from var(--color-surface) r g b/100%);z-index:1}#theme .card:has(.card-image) .card-image{display:block;aspect-ratio:4/3;width:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}#theme .card:has(.card-image) .card-image:not(.card-image-placeholder):after{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgb(from var(--color-onSurface) r g b/100%);content:""}#theme .card:has(.card-image) .card-image.card-image-placeholder{display:flex}#theme .card:has(.card-image) .card-image.card-image-placeholder svg{width:7rem;height:7rem;margin:auto;fill:rgb(from var(--color-surface) r g b/100%);opacity:.1;transform:translateY(-.5rem)}#theme .card:has(.card-image) .card-body-wrapper{padding:0 0 1rem}#theme .card:has(.card-image) .card-body{position:relative}#theme .card:has(.card-image) .card-body:after{content:"";position:absolute;top:0;left:0;right:0;transform:translateY(-100%);border-radius:1rem 1rem 0 0;z-index:-1;height:1rem;background:rgb(from var(--color-surface) r g b/100%);box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .card:has(.card-image) .card-actions-menu-button{top:0;border-radius:0 0 0 1rem;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .card:has(.card-image) .card-actions{top:0;border-radius:0 0 1rem}#theme .card .card-body-wrapper{position:relative;z-index:1;flex-grow:1;padding:1rem 0;background-color:rgb(from var(--color-surface) r g b/100%)}#theme .card .card-body{height:100%;width:calc(100% - 2rem);padding:0 1rem;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .card .card-body .card-title{color:rgb(from var(--color-primary) r g b/100%)}#theme .card .card-actions{position:absolute;top:1rem;left:0;transform:translate(-105%);z-index:2;display:flex;flex-flow:row nowrap;width:fit-content;height:fit-content;border-radius:0 1rem 1rem 0;overflow:clip;background-color:rgb(from var(--color-surface) r g b/100%);box-shadow:0 0 0 0 transparent;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:transform,box-shadow;transition-property:transform,box-shadow}#theme .card .card-actions.card-actions-visible,#theme .card .card-actions.card-actions-static{transform:translate(0);box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .card .card-actions>*{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.8rem;min-width:2.8rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .card .card-actions>* svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .card .card-actions>*{cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;box-shadow:0 0 0 0 transparent}#theme .card .card-actions>*:active{filter:brightness(.9)}#theme .card .card-actions>*:has(p){padding:0 1rem}#theme .card .card-actions>* svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .card .card-actions>*{border-radius:unset}#theme .card .card-actions-menu-button{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.8rem;min-width:2.8rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .card .card-actions-menu-button svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .card .card-actions-menu-button{cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;box-shadow:0 0 0 0 transparent}#theme .card .card-actions-menu-button:active{filter:brightness(.9)}#theme .card .card-actions-menu-button:has(p){padding:0 1rem}#theme .card .card-actions-menu-button svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .card .card-actions-menu-button{position:absolute;right:0;top:1rem;z-index:3;border-radius:1rem 0 0 1rem}#theme .card:not(:has(.card-image)):has(.card-actions-menu-button) .card-body .card-title{width:calc(100% - 3.8rem)}#theme .loading-circle{height:4rem;width:4rem;overflow:hidden}#theme .loading-circle svg{height:100%;width:100%}#theme .loading-circle svg circle:nth-child(1){animation:ripple 2.25s .5s cubic-bezier(.2,0,0,1) infinite}#theme .loading-circle svg circle:nth-child(2){animation:ripple 2.25s 1s cubic-bezier(.2,0,0,1) infinite}#theme .loading-circle svg circle:nth-child(3){animation:ripple 2.25s 1.5s cubic-bezier(.2,0,0,1) infinite}@keyframes ripple{0%{r:0;opacity:1}to{r:50;opacity:0}}#theme .drag-list{border:solid 2px transparent;border-radius:1rem;overflow:hidden;background-color:rgb(from var(--color-separation) r g b/20%)}#theme .drag-overlay .drag-item{border-radius:1rem;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .drag-item{display:grid;grid-template-columns:2.8rem 1fr;height:fit-content;width:100%;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);overflow:hidden;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:color,background;transition-property:color,background}#theme .drag-item+.drag-item{margin-top:2px}#theme .drag-item.read-only .drag-item-handle{cursor:default}#theme .drag-item .drag-item-content{display:flex;flex-flow:row nowrap;height:fit-content;flex-grow:1;padding:.5rem;padding-left:0}#theme .drag-item .drag-item-handle{all:unset;cursor:grab;touch-action:none;display:flex;align-items:center;justify-content:center}#theme .drag-item .drag-item-handle svg,#theme .drag-item .drag-item-handle p{padding:.56rem;-webkit-user-select:none;user-select:none;height:1.68rem;width:1.68rem}#theme .drag-item .drag-item-handle p{height:calc(100% - ((1.06rem + 1px)*2));text-align:center;align-items:center;justify-content:center;display:flex;border-right:solid 2px rgb(from var(--color-separation) r g b/20%)}#theme .recipe-list-modal{position:absolute;left:0;top:0;display:flex;flex-flow:column nowrap;align-items:center;z-index:10;height:100%;width:100%;background-color:rgb(from var(--color-background) r g b/100%);color:rgb(from var(--color-onBackground) r g b/100%)}#theme .modal-backdrop{position:absolute;left:0;top:0;width:100vw;height:100vh;z-index:999;background-color:#0000001a;pointer-events:none;display:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#theme .modal-backdrop.modal-opening{animation-name:fadeIn}#theme .modal-backdrop.modal-opening .modal{animation-name:flyIn}#theme .modal-backdrop.modal-closing{animation-name:fadeOut}#theme .modal-backdrop.modal-closing.continue .modal{animation-name:flyOut-Continue}#theme .modal-backdrop.modal-closing.cancel .modal{animation-name:flyOut-Cancel}#theme .modal-backdrop.modal-closed{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}#theme .modal-backdrop.modal-closed .modal{transform:translateY(-50%)}#theme .modal-backdrop.modal-open{pointer-events:all}#theme .modal-backdrop:not(.modal-closed){display:flex}@keyframes flyIn{0%{transform:translateY(-10%);box-shadow:0 0 #0000001a}to{transform:translateY(0);box-shadow:0 0 10px #0000001a}}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}@keyframes flyOut-Continue{0%{transform:translate(0);box-shadow:0 0 10px #0000001a}to{transform:translate(-20%);box-shadow:0 0 #0000001a}}@keyframes flyOut-Cancel{0%{transform:translate(0);box-shadow:0 0 10px #0000001a}to{transform:translate(20%);box-shadow:0 0 #0000001a}}@keyframes fadeOut{0%{opacity:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}to{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}#theme .modal-backdrop .modal{background-color:var(--color-info);color:var(--color-onInfo);border-radius:1rem;height:fit-content;width:calc(min(80%,30rem) - 2rem);padding:1rem;display:flex;flex-flow:column nowrap;align-items:center;margin:auto;box-shadow:0 0 10px #0000001a;text-align:center}#theme .modal-backdrop .modal p{font-size:1.2rem;margin-bottom:1rem}#theme .modal-backdrop .modal .modal-actions{display:flex;flex-flow:row nowrap;gap:1rem}#theme .modal-backdrop .modal .modal-actions button{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.7rem;min-width:2.7rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .modal-backdrop .modal .modal-actions button svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .modal-backdrop .modal .modal-actions button{border:2px solid rgb(from var(--color-separation) r g b/20%);cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity}#theme .modal-backdrop .modal .modal-actions button:active{box-shadow:0 0 2px 2px rgb(from var(--color-elevation) r g b/10%)}#theme .modal-backdrop .modal .modal-actions button{box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .modal-backdrop .modal .modal-actions button:has(p){padding:0 1rem}#theme .modal-backdrop .modal .modal-actions button svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .modal-backdrop .modal .modal-actions button{all:unset;padding:0 .5rem;border-radius:2.8rem;width:5rem;height:2.8rem}#theme .modal-backdrop .modal .modal-actions button:active{transform:scale(.98)}#theme .modal-backdrop .modal .modal-actions button.modal-continue{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.7rem;min-width:2.7rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-primary) r g b/100%);color:rgb(from var(--color-onPrimary) r g b/100%)}#theme .modal-backdrop .modal .modal-actions button.modal-continue svg{stroke:rgb(from var(--color-onPrimary) r g b/100%)}#theme .modal-backdrop .modal .modal-actions button.modal-continue{border:2px solid rgb(from var(--color-separation) r g b/20%);cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity}#theme .modal-backdrop .modal .modal-actions button.modal-continue:active{box-shadow:0 0 2px 2px rgb(from var(--color-elevation) r g b/10%)}#theme .modal-backdrop .modal .modal-actions button.modal-continue{box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .modal-backdrop .modal .modal-actions button.modal-continue:active{transform:scale(.98)}#theme .modal-backdrop .modal .modal-actions button.modal-continue:has(p){padding:0 1rem}#theme .modal-backdrop .modal .modal-actions button.modal-continue svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .modal-backdrop .modal .modal-actions button.modal-continue{width:7rem}#theme .modal-backdrop .modal .modal-actions button.modal-cancel{all:unset;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.7rem;min-width:2.7rem;width:fit-content;border-radius:100vw;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%)}#theme .modal-backdrop .modal .modal-actions button.modal-cancel svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .modal-backdrop .modal .modal-actions button.modal-cancel{border:2px solid rgb(from var(--color-separation) r g b/20%);cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity;transition-property:background-color,color,transform,box-shadow,filter,height,min-width,border-radius,opacity}#theme .modal-backdrop .modal .modal-actions button.modal-cancel:active{box-shadow:0 0 2px 2px rgb(from var(--color-elevation) r g b/10%)}#theme .modal-backdrop .modal .modal-actions button.modal-cancel{box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .modal-backdrop .modal .modal-actions button.modal-cancel:active{transform:scale(.98)}#theme .modal-backdrop .modal .modal-actions button.modal-cancel:has(p){padding:0 1rem}#theme .modal-backdrop .modal .modal-actions button.modal-cancel svg{transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke;height:60%}#theme .modal-backdrop .modal .modal-actions button.modal-cancel{width:7rem}#theme .modal-backdrop .modal .modal-container{padding:1rem;margin-bottom:1rem}#theme .modal-backdrop .modal .modal-container .modal-import{all:unset;display:block;width:calc(rgb(from var(--color-primary) r g b/100%) - ((2px + .5rem)*2));height:calc(2.8rem - 4px);padding:0 .5rem;border-radius:.5rem;border:2px solid;background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border-color:rgb(from var(--color-separation) r g b/20%)}#theme .modal-backdrop .modal .modal-container .modal-import svg{stroke:rgb(from var(--color-onSurface) r g b/100%)}#theme .modal-backdrop .modal .modal-container .modal-import{cursor:text;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:background-color,color,width,caret-color,border-color,margin,padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding}#theme .modal-backdrop .modal .modal-container .modal-import:focus-within{border-color:rgb(from var(--color-primary) r g b/100%)}#theme .modal-backdrop .modal .modal-container .modal-import:focus-within svg{stroke:rgb(from var(--color-primary) r g b/100%)}#theme .modal-backdrop .modal .modal-container .modal-import::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .modal-backdrop .modal .modal-container .modal-import.input-multiline{overflow:hidden;white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem}#theme .modal-backdrop .modal .modal-container .modal-import:has(input){display:flex;align-items:center;gap:.5rem}#theme .modal-backdrop .modal .modal-container .modal-import:has(input) svg{height:calc((2.8rem - 4px)*.6);min-height:calc((2.8rem - 4px)*.6);width:calc((2.8rem - 4px)*.6);min-width:calc((2.8rem - 4px)*.6);transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:stroke;transition-property:stroke}#theme .modal-backdrop .modal .modal-container .modal-import:has(input) input{all:unset;display:block;width:calc(100% - ((2.8rem - 4px)*.6));height:100%}#theme .modal-backdrop .modal .modal-container .modal-import:has(input) input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#theme .modal-backdrop .modal .modal-container .modal-import:has(input:read-only) input:read-only{cursor:default;caret-color:transparent}#theme .modal-backdrop .modal .modal-container .modal-import:has(input:read-only){border-color:rgb(from var(--color-surface) r g b/100%);cursor:default;pointer-events:none}#theme .modal-backdrop .modal .modal-container .modal-import:not(:has(input)):read-only{cursor:default;caret-color:transparent;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .modal-backdrop .modal .modal-container .modal-import{box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .modal-backdrop .modal .modal-container .shopping-bag-input-modal{width:5rem;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}