#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:#000;--color-separation:#000}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{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}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}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(/assets/upright-BsWL4Kly.woff2)format("woff2")}@font-face{font-family:"Source Sans 3";font-style:italic;font-weight:200 900;font-display:swap;src:url(/assets/italic-Bt9VkdQ3.woff2)format("woff2")}html,body{overscroll-behavior:none;touch-action:none}#root{-webkit-tap-highlight-color:transparent;height:100svh;overflow:hidden}#installApp{z-index:100000;will-change:transform, top, opacity;-webkit-user-select:none;user-select:none;background-color:#0000;flex-flow:row;gap:.5rem;width:fit-content;height:fit-content;transition-property:transform,top,opacity;transition-duration:.4s;transition-timing-function:cubic-bezier(.2,0,0,1);display:flex;position:absolute;top:3rem;left:50%;transform:translate(-50%)}#installApp.hidden{opacity:.1;top:-5rem;transform:translate(-50%)}#installApp div{cursor:pointer;will-change:filter, transform, box-shadow;border-radius:1rem;height:2.5rem;padding:.5rem;transition-property:filter,transform,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);box-shadow:0 0 10px #0003}#installApp div:active{transform:scale(.98);box-shadow:0 0 5px #0003}#installApp div.pwa-popup-prompt{background:var(--main-brand);width:calc(100% - .5rem);color:var(--surface);display:flex}#installApp div.pwa-popup-prompt p{letter-spacing:normal;text-align:center;color:var(--surface);width:16.5rem;height:fit-content;margin:auto;font-family:"Source Sans 3",sans-serif;font-size:1.5rem;line-height:1.5;display:block}#installApp div.pwa-popup-cancel{aspect-ratio:1;background:var(--danger);color:var(--surface);display:flex}#installApp div.pwa-popup-cancel svg{width:65%;color:var(--surface);margin:auto}#theme{letter-spacing:normal;background-color:var(--color-background);color:var(--color-onBackground);z-index:0;-webkit-user-select:none;user-select:none;will-change:filter;width:100vw;height:100svh;font-family:"Source Sans 3",sans-serif;font-size:1rem;line-height:1.5;transition-property:filter;transition-duration:.4s;transition-timing-function:cubic-bezier(.2,0,0,1);position:absolute;top:0;left:0;overflow:clip}#theme div.nav-bar{z-index:11;background-color:#0000;flex-flow:row;justify-content:space-between;align-items:center;width:100vw;max-width:57rem;height:3.5rem;margin:auto;display:flex;position:absolute;bottom:0;left:50%;overflow:visible;transform:translate(-50%)}#theme div.nav-bar:after{content:"";z-index:-1;background-image:var(--background-fade-bottom);width:100%;height:3.5rem;position:fixed;bottom:0;left:0}#theme div.nav-bar svg,#theme div.nav-bar p{transition:all .2s}#theme div.nav-bar a{-webkit-tap-highlight-color:transparent}#theme div.nav-bar .nav-center{z-index:2;background-color:var(--color-primary);border-radius:3.5rem 3.5rem 0 0;justify-content:center;width:3.5rem;height:4.2rem;transition:height .2s,box-shadow .2s;display:flex;position:absolute;bottom:0;left:calc(min(100vw,57rem)/2);transform:translate(-50%);box-shadow:0 0 10px #0000001a}#theme div.nav-bar .nav-center .nav-icon{will-change:transform;align-self:flex-start;margin-top:.5rem;transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);display:inline-flex;transform:scale(1)}#theme div.nav-bar .nav-center svg{width:2.5rem;height:2.5rem;color:var(--color-onSurface);transition:color .2s}#theme div.nav-bar .nav-center.pressing{height:4.55rem;box-shadow:0 0 5px #0000001a}#theme div.nav-bar .nav-center.pressing .nav-icon{transform:scale(.9)}#theme div.nav-bar .nav-center.active{height:4.55rem}#theme div.nav-bar .nav-center.active svg{color:var(--color-surface)}#theme div.nav-bar .nav-tabs{flex-flow:row;width:39vw;max-width:22.23rem;height:3.5rem;display:flex;box-shadow:0 0 10px #0000001a}#theme div.nav-bar .nav-tabs.nav-tabs-left,#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 (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{text-align:center;color:var(--color-onSurface);background-color:var(--color-surface);flex-flow:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:.6rem;text-decoration:none;transition:all .2s;display:flex;box-shadow:inset 0 0 #0000001a}#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 .nav-icon,#theme div.nav-bar .nav-tabs .nav-tab a.pressing p{transform:scale(.9)}#theme div.nav-bar .nav-tabs .nav-tab a.active,#theme div.nav-bar .nav-tabs .nav-tab a.active svg{color:var(--color-primary)}#theme div.nav-bar .nav-tabs .nav-tab a .nav-icon{will-change:transform;transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);display:inline-flex;transform:scale(1)}#theme div.nav-bar .nav-tabs .nav-tab a svg{height:1.8rem;color:var(--color-onSurface);will-change:color;transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme div.nav-bar .nav-tabs .nav-tab a p{width:90%}#theme h1,#theme h2{color:var(--color-primary)}#theme h1{letter-spacing:-.048rem;padding-bottom:1.5rem;font-size:2.4rem;font-weight:700;line-height:1.2}#theme h2{letter-spacing:-.036rem;padding-bottom:1rem;font-size:1.8rem;line-height:1.4}#theme b,#theme strong{font-weight:700}#theme .page{width:100%;height:100%;overflow:clip}#theme .page div.emptyPage{z-index:1;background-color:var(--color-info);color:var(--color-onInfo);border-radius:1rem;width:min(80% - 2rem,30rem);height:fit-content;padding:1rem;display:flex;position:absolute;top:calc(50% - 5.5rem);left:50%;transform:translate(-50%);box-shadow:0 0 10px #0000001a}#theme .page div.emptyPage p{width:fit-content;height:fit-content;margin:auto;font-size:1.2rem;display:block}#theme .page div.list-of-cards-options{flex-flow:wrap;max-width:48rem;height:fit-content;display:flex}@media only screen and (width>=50rem){#theme .page div.list-of-cards-options{justify-content:center}}#theme .page div.list-of-cards-options{border-bottom:2px outset #0003;gap:1rem;margin:auto;padding:1rem}#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{background-color:var(--color-surface);width:2.8rem;height:2.8rem;color:var(--color-onSurface);cursor:pointer;border-radius:2.8rem;font-size:1.1rem;transition:all .2s;display:flex;box-shadow:0 0 10px #0000001a}#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{color:var(--color-onSurface);height:60%;margin:auto;transition:all .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{color:var(--color-surface)}#theme .page div.list-of-cards-options>div.seperator{box-shadow:none;pointer-events:none;background-color:#0003;border-radius:0;width:2px;height:2.24rem;margin:.28rem 0}#theme .page div.list-of-cards-options>div.list-of-cards-options-text{justify-content:center;align-items:center;gap:.5rem;width:fit-content;padding:0 1rem}#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,#theme .page div.list-of-cards-options>div.list-of-cards-options-text.delete svg{color:var(--color-onDanger)}#theme .page div.list-of-cards-options>div.list-of-cards-options-text.search{border:solid 3px var(--color-surface);background-color:var(--color-surface);grid-template-columns:1fr 2.8rem;width:min(100%,46rem);height:calc(2.8rem - 6px);padding:0 0 0 1rem;display:grid}#theme .page div.list-of-cards-options>div.list-of-cards-options-text.search input{all:unset;cursor:text;width:100%}#theme .page div.list-of-cards-options>div.list-of-cards-options-text.search:active{border:solid 3px var(--color-primary);transform:unset}#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{color:var(--color-primary)}#theme .page div.list-of-cards-options>div.list-of-cards-options-text.search:has(input:focus) svg{color:var(--color-primary)}#theme .page div.list-of-cards-options>div.list-of-cards-options-text p{width:fit-content;height:fit-content;display:block}#theme .page div.list-of-cards{flex-flow:wrap;justify-content:center;gap:1.5rem;width:calc(min(100%,50rem) - 2rem);margin:1rem auto 0;transition:all .3s ease-out;display:flex}#theme .page div.list-of-cards>div{color:var(--color-onSurface);background-color:var(--color-surface);border-radius:1rem;width:min(23rem,100%);transition:all .2s;position:relative;overflow:clip;box-shadow:0 0 10px #0000001a}#theme .page div.list-of-cards>div:active:not(.readonly):not(.card:has(.action-group:active)){transform:scale(.99);box-shadow:0 0 #0000001a}#theme .page div.list-of-cards>div h3{padding-bottom:.5rem}#theme .page div.list-of-cards>div .card-image{aspect-ratio:4/3;z-index:0;width:23rem;position:relative;overflow:clip}#theme .page div.list-of-cards>div .card-image img,#theme .page div.list-of-cards>div .card-image div{object-fit:cover;width:100%;height:100%;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{filter:drop-shadow(0 0 10px #0000001a);width:3rem;height:3rem;color:var(--color-onInfo);margin:auto}#theme .page div.list-of-cards>div .card-image+.card-content{z-index:1;position:relative;transform:translateY(-1.5rem)}#theme .page div.list-of-cards>div .card-content{background-color:var(--color-surface);border-radius:1rem;padding:1rem}#theme .page div.list-of-cards>div .card-content h2{text-overflow:ellipsis;text-transform:capitalize;overflow:hidden}#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{height:inherit;width:inherit;grid-template-columns:1fr 5rem;gap:1rem;padding:.4rem 0;display:grid}#theme .page div.list-of-cards>div .card-content ul li+li{border-top:1px solid #0000001a}#theme .page div.list-of-cards>div .card-content ul li div{align-items:center;display:flex}#theme .page div.list-of-cards>div .card-content ul li div p{width:fit-content;height: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{width:100%;height:100%;display:none}#theme .page div.list-of-cards>div .card-content ul li span svg{color: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;appearance:none;-moz-appearance:textfield;border-radius:5px;width:fit-content;height:fit-content;margin:0 .5rem;display:inline-block;box-shadow:inset 0 0 5px #0000001a}#theme .page div.list-of-cards>div .card-content #shopping-bag-recipe-quantity input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;display:none}#theme .page div.list-of-cards>div .card-content #shopping-bag-recipe-quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;display:none}#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{flex-flow:row;align-items:center;gap:1rem;height:1rem;margin:1rem;display:flex;position:absolute;bottom:0}#theme .page div.list-of-cards>div .card-extra-info .card-extra-info-segment{opacity:.6;flex-flow:row;align-items:center;display:flex}#theme .page div.list-of-cards>div .card-extra-info .card-extra-info-segment svg{color:var(--color-onSurface);width:1rem;height:1rem;padding-left:.5rem}#theme .page div.list-of-cards>div .card-extra-actions{z-index:1;background-color:#0000001a;border-radius:2.8rem;gap:.5rem;width:fit-content;height:fit-content;padding:.5rem;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 0 10px #0000001a}#theme .page div.list-of-cards>div .card-extra-actions .card-extra-action{background-color:var(--color-surface);border-radius:50%;width:2.8rem;height:2.8rem;transition:all .2s;display:flex}#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{color:var(--color-surface)}#theme .page div.list-of-cards>div .card-extra-actions .card-extra-action svg{width:60%;color:var(--color-onSurface);margin:auto;transition:all .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{flex-flow:wrap;gap:1rem;display:flex}#theme .page div.list-of-cards.list-of-cards-single-row #theme-picker div.card-content h2{width:100%;padding:0;display:block}#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);background-color:var(--color-surface);width:2.8rem;height:2.8rem;color:var(--color-onSurface);border-radius:2.8rem;font-size:1.1rem;transition:all .2s;display:flex;box-shadow:0 0 10px #0000001a}#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{color:var(--color-onSurface);height:60%;margin:auto}#theme .page div.list-of-cards.list-of-cards-single-row #theme-picker div.card-content div{background-color:var(--preview-background);border:3px solid var(--preview-background);width:4rem;height:4rem;transition:all .2s;position:relative;overflow:clip}#theme .page div.list-of-cards.list-of-cards-single-row #theme-picker div.card-content div:after{content:"";background-color:var(--preview-surface);border-radius:0 0 2.8rem;width:2.8rem;height:2.8rem;position:absolute;top:0;left:0}#theme .page div.list-of-cards.list-of-cards-single-row #theme-picker div.card-content div:before{content:"";background-color:var(--preview-main);width:2rem;height:1.6rem;position:absolute;top:0;right: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;z-index:1;background-color:#0000001a;border-radius:2.8rem;flex-flow:row;gap:.5rem;width:fit-content;height:fit-content;padding:.5rem;display:flex;position:absolute;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:#0000}#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{color: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{color:var(--color-surface)}#theme .page .action-group>.action-group-button{all:unset;cursor:pointer;background-color:var(--color-surface);border-radius:50%;width:2.8rem;height:2.8rem;transition:all .2s;display:flex}#theme .page .action-group>.action-group-button svg{width:60%;color:var(--color-onSurface);fill:#0000;margin:auto;transition:all .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{color:var(--color-surface)}#theme .page .growing-text-field{all:unset;white-space:pre-wrap;word-wrap:break-word;color:var(--color-onSurface);overflow:clip}#theme .page .growing-text-field:read-only{caret-color:#0000}#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;-webkit-user-select:none;user-select:none;cursor:default;flex-flow:column;align-items:center;width:100%;height:100%;display:flex;overflow:clip}#theme .page .page-header{all:unset;flex-flow:wrap;gap:1rem;width:calc(100% - 2rem);max-width:58rem;height:fit-content;padding:1.5rem 1rem;display:flex}#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;background-color:rgb(from var(--color-surface) r g b/100%);width:calc(100% + -4px - 1rem);height:calc(2.8rem - 4px);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border:2px solid;border-color:rgb(from var(--color-separation) r g b/20%);border-radius:.5rem;padding:0 .5rem;display:block}#theme .page .page-header .page-search svg{color:rgb(from var(--color-onSurface) r g b/100%)}#theme .page .page-header .page-search{cursor:text;will-change:background-color, color, width, caret-color, border-color, margin, padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{color: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{white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem;overflow:hidden}#theme .page .page-header .page-search:has(input){align-items:center;gap:.5rem;display:flex}#theme .page .page-header .page-search:has(input) svg{will-change:color;width:calc(1.68rem - 2.4px);min-width:calc(1.68rem - 2.4px);height:calc(1.68rem - 2.4px);min-height:calc(1.68rem - 2.4px);transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-header .page-search:has(input) input{all:unset;width:calc(100% + -1.68rem + 2.4px);height:100%;display:block}#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:#0000}#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:#0000;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;background-color:rgb(from var(--color-surface) r g b/100%);width:fit-content;min-width:2.7rem;height:2.7rem;color:rgb(from var(--color-onSurface) r g b/100%);border-radius:100vw;justify-content:center;align-items:center;gap:.5rem;display:flex}#theme .page .page-header .page-filter svg{color: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;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;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{will-change:color;height:60%;transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-header .save-recipe{all:unset;background-color:rgb(from var(--color-primary) r g b/100%);width:fit-content;min-width:2.7rem;height:2.7rem;color:rgb(from var(--color-onPrimary) r g b/100%);border-radius:100vw;justify-content:center;align-items:center;gap:.5rem;display:flex}#theme .page .page-header .save-recipe svg{color: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;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;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{will-change:color;height:60%;transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-header .recipe-header{flex-flow:wrap;gap:1rem;width:100%;max-width:36rem;margin:0 auto;display:flex}#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{color:rgb(from var(--color-onPrimary) r g b/100%)}#theme .page .page-header .login{all:unset;background-color:rgb(from var(--color-primary) r g b/100%);width:fit-content;min-width:2.7rem;height:2.7rem;color:rgb(from var(--color-onPrimary) r g b/100%);border-radius:100vw;justify-content:center;align-items:center;gap:.5rem;display:flex}#theme .page .page-header .login svg{color: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;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;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{will-change:color;height:60%;transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-header .login{width:100%}#theme .page .page-body{all:unset;width:100%;min-height:0;box-shadow:inset 0 12px 12px -3px rgb(from var(--color-elevation) r g b/10%);flex-grow:1}#theme .page .page-body.page-scrollable{overflow:hidden scroll;scroll-behavior:smooth!important}#theme .page .page-body.page-scrollable:has(.drag-item-handle[aria-pressed=true]){scroll-behavior:auto!important}#theme .page .page-body.page-scrollable{-ms-overflow-style:none;scrollbar-width:none;max-height:calc(100% - 5rem);padding:1.5rem 0 5rem}#theme .page .page-body.page-scrollable::-webkit-scrollbar{display:none}#theme .page .page-body .page-non-scrollable-content{box-sizing:border-box;width:100%;max-width:60rem;height:calc(100% - 6.5rem);margin:auto;padding:1.5rem 1rem 0;overflow:hidden}#theme .page .page-body .page-scroll-container{width:calc(100% - 2rem);max-width:58rem;margin:auto}#theme .page .page-body.page-empty .page-non-scrollable-content{display:flex}#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{background-color:rgb(from var(--color-info) r g b/100%);border-radius:1rem;width:fit-content;height:fit-content;margin:auto;padding:1rem;animation:.4s cubic-bezier(.2,0,0,1) fade-in}#theme .page .page-body:has(.page-body-auth-error) .page-non-scrollable-content .page-body-info{background-color:rgb(from var(--color-info) r g b/100%);border-radius:1rem;width:fit-content;height:fit-content;margin:auto;padding:1rem;animation:.4s cubic-bezier(.2,0,0,1) fade-in}#theme .page .page-body:has(.page-body-auth-error) .page-non-scrollable-content .page-body-auth-error{background-color:rgb(from var(--color-info) r g b/100%);border-radius:1rem;width:fit-content;height:fit-content;margin:auto;padding:1rem;animation:.4s cubic-bezier(.2,0,0,1) fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#theme .page .page-body .recipe-list{grid-auto-rows:max-content;gap:1.5rem;display:grid}#theme .page .page-body .recipe-list .card{min-width:0;height:fit-content;overflow:hidden}#theme .page .page-body .recipe-list .card .card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#theme .page .page-body .recipe-list .card{all:unset;border-radius:1rem;flex-flow:column;width:100%;height:fit-content;display:flex;position:relative;overflow:hidden}#theme .page .page-body .recipe-list .card.card-static{will-change:background-color, color;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%);cursor:default;transition-property:background-color,color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-body .recipe-list .card.card-clickable{will-change:background-color, color, transform, box-shadow;transition-property:background-color,color,transform,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-body .recipe-list .card.card-clickable: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{box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .page .page-body .recipe-list .card.card-clickable:active{transform:scale(.98)}#theme .page .page-body .recipe-list .card.card-clickable{cursor:pointer}#theme .page .page-body .recipe-list .card:has(.card-image):after{content:"";background:rgb(from var(--color-surface) r g b/100%);z-index:1;height:1rem;position:absolute;bottom:0;left:0;right:0}#theme .page .page-body .recipe-list .card:has(.card-image) .card-image{aspect-ratio:4/3;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;width:100%;display:block;position:relative;overflow:hidden}#theme .page .page-body .recipe-list .card:has(.card-image) .card-image .card-image-content{object-fit:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}#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:var(--card-placeholder-size,7rem);height:var(--card-placeholder-size,7rem);fill:rgb(from var(--color-surface) r g b/100%);opacity:.1;margin:auto;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:"";z-index:-1;background:rgb(from var(--color-surface) r g b/100%);height:1rem;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%);border-radius:1rem 1rem 0 0;position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}#theme .page .page-body .recipe-list .card .card-body-wrapper{z-index:1;background-color:rgb(from var(--color-surface) r g b/100%);flex-grow:1;padding:1rem 0;position:relative}#theme .page .page-body .recipe-list .card .card-body{background-color:rgb(from var(--color-surface) r g b/100%);width:calc(100% - 2rem);height:100%;color:rgb(from var(--color-onSurface) r g b/100%);padding:0 1rem}#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{min-width:0}#theme .page .page-body .recipe-list .card:has(.card-image) .card-image{aspect-ratio:4/3;object-fit:cover;background-color:rgb(from var(--color-background) r g b/100%);flex:none;height:auto}#theme .page .page-body .recipe-list .card .card-body-wrapper{box-sizing:border-box;flex:none;height:auto;min-height:0}#theme .page .page-body .recipe-list .card .card-body{flex-direction:column;gap:.5rem;height:auto;min-height:0;display:flex}#theme .page .page-body .recipe-list .card .card-body .card-title{flex:none;font-size:1.25rem;font-weight:600;line-height:1.3}#theme .page .page-body .recipe-list .card .recipe-description{-webkit-line-clamp:2;max-height:2.7rem;color:rgb(from var(--color-onSurface) r g b/75%);-webkit-box-orient:vertical;flex:none;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}#theme .page .page-body .recipe-list .card .recipe-credit{flex-direction:column;gap:.5rem;display:flex}#theme .page .page-body .recipe-list .card .recipe-author{min-width:0;color:rgb(from var(--color-onSurface) r g b/65%);flex:none;align-items:center;gap:.5rem;font-size:.9rem;display:flex}#theme .page .page-body .recipe-list .card .recipe-author svg{width:.9rem;height:.9rem;color:inherit;flex:none}#theme .page .page-body .recipe-list .card .recipe-author span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#theme .page .page-body .recipe-list .card .recipe-extra-info-container{flex-flow:row;flex:none;justify-content:space-between;gap:1rem;display:flex}#theme .page .page-body .recipe-list .card .recipe-extra-info-container .recipe-extra-info{opacity:.5;flex-flow:row;justify-content:center;align-items:center;gap:.5rem;display:flex}#theme .page .page-body .recipe-list .card .recipe-extra-info-container .recipe-extra-info svg{color: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:.9rem;line-height:1.5}#theme .page .page-body .recipe-discovery-body{box-sizing:border-box;min-height:100%}#theme .page .page-body .recipe-list-sentinel{text-align:center}#theme .page .page-body .recipe-list-sentinel:not(:empty){padding-top:1rem}#theme .page .page-body .shopping-bag{flex-flow:wrap;justify-content:center;gap:1.5rem;display:flex}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template){all:unset;border-radius:1rem;flex-flow:column;width:100%;height:fit-content;display:flex;position:relative;overflow:hidden}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template).card-static{will-change:background-color, color;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%);cursor:default;transition-property:background-color,color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template).card-clickable{will-change:background-color, color, transform, box-shadow;transition-property:background-color,color,transform,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template).card-clickable: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{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:active{transform:scale(.98)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template).card-clickable{cursor:pointer}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template):has(.card-image):after{content:"";background:rgb(from var(--color-surface) r g b/100%);z-index:1;height:1rem;position:absolute;bottom:0;left:0;right:0}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template):has(.card-image) .card-image{aspect-ratio:4/3;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;width:100%;display:block;position:relative;overflow:hidden}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template):has(.card-image) .card-image .card-image-content{object-fit:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}#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:var(--card-placeholder-size,7rem);height:var(--card-placeholder-size,7rem);fill:rgb(from var(--color-surface) r g b/100%);opacity:.1;margin:auto;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:"";z-index:-1;background:rgb(from var(--color-surface) r g b/100%);height:1rem;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%);border-radius:1rem 1rem 0 0;position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-body-wrapper{z-index:1;background-color:rgb(from var(--color-surface) r g b/100%);flex-grow:1;padding:1rem 0;position:relative}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-ingredients-template) .card-body{background-color:rgb(from var(--color-surface) r g b/100%);width:calc(100% - 2rem);height:100%;color:rgb(from var(--color-onSurface) r g b/100%);padding:0 1rem}#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-recipe-template){all:unset;border-radius:1rem;flex-flow:column;width:max(50% - 1rem,27rem);height:fit-content;display:flex;position:relative;overflow:hidden}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template).card-static{will-change:background-color, color;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%);cursor:default;transition-property:background-color,color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template).card-clickable{will-change:background-color, color, transform, box-shadow;transition-property:background-color,color,transform,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template).card-clickable: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{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:active{transform:scale(.98)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template).card-clickable{cursor:pointer}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template):has(.card-image):after{content:"";background:rgb(from var(--color-surface) r g b/100%);z-index:1;height:1rem;position:absolute;bottom:0;left:0;right:0}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template):has(.card-image) .card-image{aspect-ratio:4/3;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;width:100%;display:block;position:relative;overflow:hidden}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template):has(.card-image) .card-image .card-image-content{object-fit:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}#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:var(--card-placeholder-size,7rem);height:var(--card-placeholder-size,7rem);fill:rgb(from var(--color-surface) r g b/100%);opacity:.1;margin:auto;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:"";z-index:-1;background:rgb(from var(--color-surface) r g b/100%);height:1rem;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%);border-radius:1rem 1rem 0 0;position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-body-wrapper{z-index:1;background-color:rgb(from var(--color-surface) r g b/100%);flex-grow:1;padding:1rem 0;position:relative}#theme .page .page-body .shopping-bag .card:has(.shopping-bag-recipe-template) .card-body{background-color:rgb(from var(--color-surface) r g b/100%);width:calc(100% - 2rem);height:100%;color:rgb(from var(--color-onSurface) r g b/100%);padding:0 1rem}#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{position:relative}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient{filter:brightness();will-change:color, filter;transition-property:color,filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);position:relative}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper{grid-template-columns:1fr 6rem;align-items:center;gap:.5rem;width:100%;display:grid;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:"";-webkit-user-select:none;user-select:none;pointer-events:none;will-change:background-color;background-color:#0000;width:calc(100% - .5rem);height:2px;transition-property:background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#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;background-color:rgb(from var(--color-surface) r g b/100%);width:calc(100% + -4px - 1rem);height:calc(2.8rem - 4px);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border:2px solid;border-color:rgb(from var(--color-separation) r g b/20%);border-radius:.5rem;padding:0 .5rem;display:block}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-name svg{color: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;will-change:background-color, color, width, caret-color, border-color, margin, padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{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::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{white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem;overflow:hidden}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-name:has(input){align-items:center;gap:.5rem;display:flex}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-name:has(input) svg{will-change:color;width:calc(1.68rem - 2.4px);min-width:calc(1.68rem - 2.4px);height:calc(1.68rem - 2.4px);min-height:calc(1.68rem - 2.4px);transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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;width:calc(100% + -1.68rem + 2.4px);height:100%;display:block}#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:#0000}#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:#0000;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;background-color:rgb(from var(--color-surface) r g b/100%);width:calc(100% + -4px - 1rem);height:calc(2.8rem - 4px);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border:2px solid;border-color:rgb(from var(--color-separation) r g b/20%);border-radius:.5rem;padding:0 .5rem;display:block}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-measurement svg{color: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;will-change:background-color, color, width, caret-color, border-color, margin, padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{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::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{white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem;overflow:hidden}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-measurement:has(input){align-items:center;gap:.5rem;display:flex}#theme .page .page-body .shopping-bag .card .shopping-bag-ingredients-template .shopping-bag-ingredient .drag-item-content .ingredient-wrapper .ingredient-measurement:has(input) svg{will-change:color;width:calc(1.68rem - 2.4px);min-width:calc(1.68rem - 2.4px);height:calc(1.68rem - 2.4px);min-height:calc(1.68rem - 2.4px);transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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;width:calc(100% + -1.68rem + 2.4px);height:100%;display:block}#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:#0000}#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:#0000;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;background-color:rgb(from var(--color-surface) r g b/100%);width:fit-content;min-width:2.7rem;height:2.7rem;color:rgb(from var(--color-onSurface) r g b/100%);border-radius:100vw;justify-content:center;align-items:center;gap:.5rem;display:flex}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-delete svg{color: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;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;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);box-shadow:0 0 #0000}#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{will-change:color;height:60%;transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{flex-flow:column;align-items:center;display:flex}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-quantity .input{all:unset;background-color:rgb(from var(--color-surface) r g b/100%);width:calc(4rem - 4px);height:calc(2.8rem - 4px);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border:2px solid;border-color:rgb(from var(--color-separation) r g b/20%);border-radius:.5rem;padding:0 .5rem;display:block}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-quantity .input svg{color: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;will-change:background-color, color, width, caret-color, border-color, margin, padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{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::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{white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem;overflow:hidden}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-quantity .input:has(input){align-items:center;gap:.5rem;display:flex}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-quantity .input:has(input) svg{will-change:color;width:calc(1.68rem - 2.4px);min-width:calc(1.68rem - 2.4px);height:calc(1.68rem - 2.4px);min-height:calc(1.68rem - 2.4px);transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-quantity .input:has(input) input{all:unset;width:calc(100% + -1.68rem + 2.4px);height:100%;display:block}#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:#0000}#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:#0000;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{grid-template-columns:1fr 6rem;align-items:center;gap:.5rem;display:grid}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-name{all:unset;background-color:rgb(from var(--color-surface) r g b/100%);width:calc(100% + -4px - 1rem);height:calc(2.8rem - 4px);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border:2px solid;border-color:rgb(from var(--color-separation) r g b/20%);border-radius:.5rem;padding:0 .5rem;display:block}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-name svg{color: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;will-change:background-color, color, width, caret-color, border-color, margin, padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{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::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{white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem;overflow:hidden}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-name:has(input){align-items:center;gap:.5rem;display:flex}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-name:has(input) svg{will-change:color;width:calc(1.68rem - 2.4px);min-width:calc(1.68rem - 2.4px);height:calc(1.68rem - 2.4px);min-height:calc(1.68rem - 2.4px);transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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;width:calc(100% + -1.68rem + 2.4px);height:100%;display:block}#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:#0000}#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:#0000;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;background-color:rgb(from var(--color-surface) r g b/100%);width:calc(100% + -4px - 1rem);height:calc(2.8rem - 4px);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border:2px solid;border-color:rgb(from var(--color-separation) r g b/20%);border-radius:.5rem;padding:0 .5rem;display:block}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-measurement svg{color: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;will-change:background-color, color, width, caret-color, border-color, margin, padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{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::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{white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem;overflow:hidden}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-measurement:has(input){align-items:center;gap:.5rem;display:flex}#theme .page .page-body .shopping-bag .card .shopping-bag-recipe-template .shopping-bag-recipe-ingredient .drag-item-content .recipe-ingredient-measurement:has(input) svg{will-change:color;width:calc(1.68rem - 2.4px);min-width:calc(1.68rem - 2.4px);height:calc(1.68rem - 2.4px);min-height:calc(1.68rem - 2.4px);transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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;width:calc(100% + -1.68rem + 2.4px);height:100%;display:block}#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:#0000}#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:#0000;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-body .account{flex-flow:column;gap:1.5rem;display:flex}#theme .page .page-body .account .account-settings-card{width:100%;position:relative}#theme .page .page-body .account .account-settings-card .account-settings{flex-flow:column;gap:1rem;display:flex}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions{flex-flow:row;gap:1rem;width:fit-content;height:fit-content;display:flex;position:absolute;top:1rem;right:1rem}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions button{all:unset;background-color:rgb(from var(--color-surface) r g b/100%);width:fit-content;min-width:2.7rem;height:2.7rem;color:rgb(from var(--color-onSurface) r g b/100%);border-radius:100vw;justify-content:center;align-items:center;gap:.5rem;display:flex}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions button svg{color: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;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;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);box-shadow:0 0 #0000}#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{will-change:color;height:60%;transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions .account-info-actions-save{all:unset;background-color:rgb(from var(--color-primary) r g b/100%);width:fit-content;min-width:2.7rem;height:2.7rem;color:rgb(from var(--color-onPrimary) r g b/100%);border-radius:100vw;justify-content:center;align-items:center;gap:.5rem;display:flex}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions .account-info-actions-save svg{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{border:2px solid rgb(from var(--color-separation) r g b/20%);cursor:pointer;-webkit-user-select:none;user-select:none;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;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);box-shadow:0 0 #0000}#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{will-change:color;height:60%;transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions .account-info-actions-edit{all:unset;background-color:rgb(from var(--color-surface) r g b/100%);width:fit-content;min-width:2.7rem;height:2.7rem;color:rgb(from var(--color-onSurface) r g b/100%);border-radius:100vw;justify-content:center;align-items:center;gap:.5rem;display:flex}#theme .page .page-body .account .account-settings-card .account-settings .account-info-actions .account-info-actions-edit svg{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{border:2px solid rgb(from var(--color-separation) r g b/20%);cursor:pointer;-webkit-user-select:none;user-select:none;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;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);box-shadow:0 0 #0000}#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{will-change:color;height:60%;transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-body .account .account-settings-card .account-settings .account-info{flex-flow:row;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;display:flex}#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{flex-flow:column;justify-content:center;align-items:center;gap:1rem;width:fit-content;height:100%;display:flex}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-left .avatar{height:4.5rem;box-shadow:none}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right{flex-flow:column;flex:1;gap:.5rem;min-width:0;height:100%;display:flex}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right p{overflow-wrap:anywhere;margin:0}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right p.account-info-name{font-size:1.25rem;line-height:1.5}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right p.account-info-description{white-space:pre-wrap;color:rgb(from var(--color-onSurface) r g b/75%);font-size:.9rem;line-height:1.5}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input{all:unset;background-color:rgb(from var(--color-surface) r g b/100%);width:calc(100% + -4px - 1rem);height:calc(2.8rem - 4px);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border:2px solid;border-color:rgb(from var(--color-separation) r g b/20%);border-radius:.5rem;padding:0 .5rem;display:block}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input svg{color: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;will-change:background-color, color, width, caret-color, border-color, margin, padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{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::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{white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem;overflow:hidden}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:has(input){align-items:center;gap:.5rem;display:flex}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:has(input) svg{will-change:color;width:calc(1.68rem - 2.4px);min-width:calc(1.68rem - 2.4px);height:calc(1.68rem - 2.4px);min-height:calc(1.68rem - 2.4px);transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right input:has(input) input{all:unset;width:calc(100% + -1.68rem + 2.4px);height:100%;display:block}#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:#0000}#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:#0000;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.25rem}#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;background-color:rgb(from var(--color-surface) r g b/100%);width:calc(100% + -4px - 1rem);height:calc(2.8rem - 4px);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border:2px solid;border-color:rgb(from var(--color-separation) r g b/20%);border-radius:.5rem;padding:0 .5rem;display:block}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea svg{color: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;will-change:background-color, color, width, caret-color, border-color, margin, padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{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::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{white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem;overflow:hidden}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:has(input){align-items:center;gap:.5rem;display:flex}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:has(input) svg{will-change:color;width:calc(1.68rem - 2.4px);min-width:calc(1.68rem - 2.4px);height:calc(1.68rem - 2.4px);min-height:calc(1.68rem - 2.4px);transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-body .account .account-settings-card .account-settings .account-info .account-info-right textarea:has(input) input{all:unset;width:calc(100% + -1.68rem + 2.4px);height:100%;display:block}#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:#0000}#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:#0000;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}#theme .page .page-body .account .account-settings-card .account-settings .logout-button{all:unset;background-color:rgb(from var(--color-surface) r g b/100%);width:fit-content;min-width:2.7rem;height:2.7rem;color:rgb(from var(--color-onSurface) r g b/100%);border-radius:100vw;justify-content:center;align-items:center;gap:.5rem;display:flex}#theme .page .page-body .account .account-settings-card .account-settings .logout-button svg{color: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;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;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);box-shadow:0 0 #0000}#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{will-change:color;height:60%;transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-body .account .account-settings-card .account-settings .login-button{all:unset;background-color:rgb(from var(--color-primary) r g b/100%);width:fit-content;min-width:2.7rem;height:2.7rem;color:rgb(from var(--color-onPrimary) r g b/100%);border-radius:100vw;justify-content:center;align-items:center;gap:.5rem;display:flex}#theme .page .page-body .account .account-settings-card .account-settings .login-button svg{color: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;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;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);box-shadow:0 0 #0000}#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{will-change:color;height:60%;transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{flex-flow:wrap;gap:1rem;display:flex}#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;color:#0000;background-color:#0000;border-radius:100vw;justify-content:center;align-items:center;gap:.5rem;width:fit-content;min-width:2.7rem;height:2.7rem;display:flex}#theme .page .page-body .account .theme-settings .theme-settings-card .theme-options .theme-option svg{color:#0000}#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;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;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{will-change:color;height:60%;transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-body .account .theme-settings .theme-settings-card .theme-options .theme-option{background-color:var(--preview-background);border:3px solid var(--preview-background);width:4rem;height:4rem;position:relative;overflow:hidden}#theme .page .page-body .account .theme-settings .theme-settings-card .theme-options .theme-option:after{content:"";background-color:var(--preview-surface);border-radius:0 0 2.8rem;width:2.8rem;height:2.8rem;position:absolute;top:0;left:0}#theme .page .page-body .account .theme-settings .theme-settings-card .theme-options .theme-option:before{content:"";background-color:var(--preview-main);width:2rem;height:1.6rem;position:absolute;top:0;right: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{width:100%;max-width:36rem;height:fit-content;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%);border-radius:1rem;margin:auto;overflow:hidden}#theme .page .page-body .recipe .image-selector{aspect-ratio:4/3;width:100%;position:relative;overflow:hidden}#theme .page .page-body .recipe .image-selector .image-selector-preview{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1;z-index:-1;will-change:opacity;width:100%;height:100%;transition-property:opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-2;width:100%;height:100%;display:flex}#theme .page .page-body .recipe .image-selector .image-selector-placeholder svg{width:7rem;height:7rem;color:rgb(from var(--color-surface) r g b/100%);opacity:.1;margin:auto;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{will-change:left, top, transform;flex-flow:row;transition-property:left,top,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);display:flex;position:absolute}#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%);z-index:1;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%);border-end-end-radius:1rem;padding-left:2.8rem;top:0;left:0;overflow:hidden}#theme .page .page-body .recipe .image-selector .image-selector-actions .image-selector-action{all:unset;background-color:rgb(from var(--color-surface) r g b/100%);width:fit-content;min-width:2.8rem;height:2.8rem;color:rgb(from var(--color-onSurface) r g b/100%);border-radius:100vw;justify-content:center;align-items:center;gap:.5rem;display:flex}#theme .page .page-body .recipe .image-selector .image-selector-actions .image-selector-action svg{color: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;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;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);box-shadow:0 0 #0000}#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{will-change:color;height:60%;transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{top:50%;left: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;background-color:rgb(from var(--color-surface) r g b/100%);width:fit-content;min-width:2.7rem;height:2.7rem;color:rgb(from var(--color-onSurface) r g b/100%);border-radius:100vw;justify-content:center;align-items:center;gap:.5rem;display:flex}#theme .page .page-body .recipe .image-selector.image-selector-empty .image-selector-actions-always-visible .image-selector-action svg{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{border:2px solid rgb(from var(--color-separation) r g b/20%);cursor:pointer;-webkit-user-select:none;user-select:none;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;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{will-change:color;height:60%;transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{top:0;left: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;background-color:rgb(from var(--color-surface) r g b/100%);width:fit-content;min-width:2.7rem;height:2.7rem;color:rgb(from var(--color-onSurface) r g b/100%);border-radius:100vw;justify-content:center;align-items:center;gap:.5rem;display:flex}#theme .page .page-body .recipe .image-selector:not(.image-selector-empty) .image-selector-actions-always-visible .image-selector-action svg{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{cursor:pointer;-webkit-user-select:none;user-select:none;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;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);box-shadow:0 0 #0000}#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{will-change:color;height:60%;transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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 .recipe-container-wrapper{z-index:3;background-color:rgb(from var(--color-surface) r g b/100%);position:relative}#theme .page .page-body .recipe .recipe-container{background-color:rgb(from var(--color-surface) r g b/100%);height:fit-content;padding:0 1rem 1rem;position:relative}#theme .page .page-body .recipe .recipe-container:after{content:"";z-index:-1;background:rgb(from var(--color-surface) r g b/100%);height:1rem;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%);border-radius:1rem 1rem 0 0;position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}#theme .page .page-body .recipe .recipe-container .recipe-description,#theme .page .page-body .recipe .recipe-container .recipe-name{all:unset;background-color:rgb(from var(--color-surface) r g b/100%);width:calc(100% + -4px - 1rem);height:calc(2.8rem - 4px);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border:2px solid;border-color:rgb(from var(--color-separation) r g b/20%);border-radius:.5rem;padding:0 .5rem;display:block}#theme .page .page-body .recipe .recipe-container .recipe-description svg,#theme .page .page-body .recipe .recipe-container .recipe-name svg{color: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;will-change:background-color, color, width, caret-color, border-color, margin, padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{color: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{white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem;overflow:hidden}:is(#theme .page .page-body .recipe .recipe-container .recipe-description:has(input),#theme .page .page-body .recipe .recipe-container .recipe-name:has(input)){align-items:center;gap:.5rem;display:flex}:is(#theme .page .page-body .recipe .recipe-container .recipe-description:has(input) svg,#theme .page .page-body .recipe .recipe-container .recipe-name:has(input) svg){will-change:color;width:calc(1.68rem - 2.4px);min-width:calc(1.68rem - 2.4px);height:calc(1.68rem - 2.4px);min-height:calc(1.68rem - 2.4px);transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}:is(#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;width:calc(100% + -1.68rem + 2.4px);height:100%;display:block}#theme .page .page-body .recipe .recipe-container .recipe-description:has(input) input::placeholder{color:rgb(from var(--color-onSurface) r g b/100%);opacity:.5}#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}:is(#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:#0000}:is(#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}:is(#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:#0000;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;background-color:rgb(from var(--color-surface) r g b/100%);width:calc(100% + -4px - 1rem);height:calc(2.8rem - 4px);color:rgb(from var(--color-primary) r g b/100%);caret-color:rgb(from var(--color-primary) r g b/100%);border:2px solid;border-color:rgb(from var(--color-separation) r g b/20%);border-radius:.5rem;padding:0 .5rem;display:block}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only svg{color:rgb(from var(--color-primary) r g b/100%)}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only{cursor:text;will-change:background-color, color, width, caret-color, border-color, margin, padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{color: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{white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem;overflow:hidden}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only:has(input){align-items:center;gap:.5rem;display:flex}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only:has(input) svg{will-change:color;width:calc(1.68rem - 2.4px);min-width:calc(1.68rem - 2.4px);height:calc(1.68rem - 2.4px);min-height:calc(1.68rem - 2.4px);transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only:has(input) input{all:unset;width:calc(100% + -1.68rem + 2.4px);height:100%;display:block}#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:#0000}#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:#0000;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .page .page-body .recipe .recipe-container .recipe-name:read-only{letter-spacing:-.036rem;margin-bottom:1rem;font-size:1.8rem;line-height:1.4;padding:0!important}#theme .page .page-body .recipe .recipe-container .recipe-description:read-only{padding:0}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container{flex-flow:row;gap:1rem;display:flex}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info{all:unset;background-color:rgb(from var(--color-surface) r g b/100%);width:calc(100% + -4px - 1rem);height:calc(2.8rem - 4px);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border:2px solid;border-color:rgb(from var(--color-separation) r g b/20%);border-radius:.5rem;padding:0 .5rem;display:block}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info svg{color: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;will-change:background-color, color, width, caret-color, border-color, margin, padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{color: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{white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem;overflow:hidden}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info:has(input){align-items:center;gap:.5rem;display:flex}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info:has(input) svg{will-change:color;width:calc(1.68rem - 2.4px);min-width:calc(1.68rem - 2.4px);height:calc(1.68rem - 2.4px);min-height:calc(1.68rem - 2.4px);transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info:has(input) input{all:unset;width:calc(100% + -1.68rem + 2.4px);height:100%;display:block}#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:#0000}#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:#0000;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{box-sizing:border-box;width: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{opacity:.5;flex-flow:row;justify-content:center;align-items:center;gap:.5rem;display:flex}#theme .page .page-body .recipe .recipe-container .recipe-extra-info-container .recipe-extra-info-preview svg{color: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{box-sizing:border-box;background-color:rgb(from var(--color-surface) r g b/100%);width:100%;max-width:36rem;height:fit-content;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%);border-radius:1rem;margin:1.5rem auto 0;padding:1rem;overflow:hidden}#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{grid-template-columns:1fr 6rem;align-items:center;gap:.5rem;display:grid}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-name{all:unset;background-color:rgb(from var(--color-surface) r g b/100%);width:calc(100% + -4px - 1rem);height:calc(2.8rem - 4px);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border:2px solid;border-color:rgb(from var(--color-separation) r g b/20%);border-radius:.5rem;padding:0 .5rem;display:block}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-name svg{color: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;will-change:background-color, color, width, caret-color, border-color, margin, padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{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::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{white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem;overflow:hidden}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-name:has(input){align-items:center;gap:.5rem;display:flex}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-name:has(input) svg{will-change:color;width:calc(1.68rem - 2.4px);min-width:calc(1.68rem - 2.4px);height:calc(1.68rem - 2.4px);min-height:calc(1.68rem - 2.4px);transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-name:has(input) input{all:unset;width:calc(100% + -1.68rem + 2.4px);height:100%;display:block}#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:#0000}#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:#0000;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;background-color:rgb(from var(--color-surface) r g b/100%);width:calc(100% + -4px - 1rem);height:calc(2.8rem - 4px);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border:2px solid;border-color:rgb(from var(--color-separation) r g b/20%);border-radius:.5rem;padding:0 .5rem;display:block}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-measurement svg{color: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;will-change:background-color, color, width, caret-color, border-color, margin, padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{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::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{white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem;overflow:hidden}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-measurement:has(input){align-items:center;gap:.5rem;display:flex}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-measurement:has(input) svg{will-change:color;width:calc(1.68rem - 2.4px);min-width:calc(1.68rem - 2.4px);height:calc(1.68rem - 2.4px);min-height:calc(1.68rem - 2.4px);transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-ingredient .drag-item-content .recipe-ingredient-measurement:has(input) input{all:unset;width:calc(100% + -1.68rem + 2.4px);height:100%;display:block}#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:#0000}#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:#0000;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;background-color:rgb(from var(--color-surface) r g b/100%);width:calc(100% + -4px - 1rem);height:calc(2.8rem - 4px);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border:2px solid;border-color:rgb(from var(--color-separation) r g b/20%);border-radius:.5rem;padding:0 .5rem;display:block}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-step .recipe-step-text svg{color: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;will-change:background-color, color, width, caret-color, border-color, margin, padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{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::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{white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem;overflow:hidden}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-step .recipe-step-text:has(input){align-items:center;gap:.5rem;display:flex}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-step .recipe-step-text:has(input) svg{will-change:color;width:calc(1.68rem - 2.4px);min-width:calc(1.68rem - 2.4px);height:calc(1.68rem - 2.4px);min-height:calc(1.68rem - 2.4px);transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .page .page-body .recipe-detail-lists .recipe-detail-list .recipe-list-step .recipe-step-text:has(input) input{all:unset;width:calc(100% + -1.68rem + 2.4px);height:100%;display:block}#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:#0000}#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:#0000;border-color:rgb(from var(--color-surface) r g b/100%)}#theme .recipe-list-modal{z-index:100;background:rgb(from var(--color-surface) r g b/100%);flex-direction:column;display:flex;position:fixed;inset:0}#theme .recipe-sharing-backdrop{z-index:999;background:#0000001a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}#theme .recipe-sharing-modal{background:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);box-sizing:border-box;width:min(34rem,100%);max-height:calc(100dvh - 2rem);box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%);overflow-wrap:anywhere;border-radius:1rem;gap:1rem;min-width:0;padding:1.5rem;display:grid;overflow:auto}#theme .recipe-sharing-modal .input{width:auto;min-width:0}#theme .recipe-sharing-modal svg{max-width:100%}#theme .recipe-sharing-modal label{align-items:center;gap:.5rem;min-height:2.8rem;display:flex}#theme .recipe-sharing-actions{flex-wrap:wrap;justify-content:end;gap:.5rem;display:flex}#theme .input{all:unset;background-color:rgb(from var(--color-surface) r g b/100%);width:calc(14rem - 4px);height:calc(2.8rem - 4px);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border:2px solid;border-color:rgb(from var(--color-separation) r g b/20%);border-radius:.5rem;padding:0 .5rem;display:block}#theme .input svg{color:rgb(from var(--color-onSurface) r g b/100%)}#theme .input{cursor:text;will-change:background-color, color, width, caret-color, border-color, margin, padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .input:focus-within{border-color:rgb(from var(--color-primary) r g b/100%)}#theme .input:focus-within svg{color: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{white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem;overflow:hidden}#theme .input:has(input){align-items:center;gap:.5rem;display:flex}#theme .input:has(input) svg{will-change:color;width:calc(1.68rem - 2.4px);min-width:calc(1.68rem - 2.4px);height:calc(1.68rem - 2.4px);min-height:calc(1.68rem - 2.4px);transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .input:has(input) input{all:unset;width:calc(100% + -1.68rem + 2.4px);height:100%;display:block}#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:#0000}#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:#0000;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{color:rgb(from var(--color-primary) r g b/100%)}#theme .button{all:unset;background-color:rgb(from var(--color-surface) r g b/100%);width:fit-content;min-width:2.7rem;height:2.7rem;color:rgb(from var(--color-onSurface) r g b/100%);border-radius:100vw;justify-content:center;align-items:center;gap:.5rem;display:flex}#theme .button svg{color: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;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;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{will-change:color;height:60%;transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .avatar{background-color:rgb(from var(--color-surface) r g b/100%);color:rgb(from var(--color-onSurface) r g b/100%);aspect-ratio:1;border:2px solid rgb(from var(--color-separation) r g b/20%);-webkit-user-select:none;user-select:none;border-radius:100vw;justify-content:center;align-items:center;height:6rem;display:flex;position:relative}#theme .avatar.avatar-editable{cursor:pointer}#theme .avatar.avatar-editable:active{transform:scale(.98)}#theme .avatar.avatar-editable{will-change:transform;transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .avatar img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:100vw;width:100%;height:100%}#theme .avatar svg{color:rgb(from var(--color-onSurface) r g b/100%);width:70%;height:70%}#theme .avatar svg.avatar-editable-mark{background-color:rgb(from var(--color-primary) r g b/100%);width:25%;height:25%;color:rgb(from var(--color-onPrimary) r g b/100%);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%);border-radius:100vw;padding:3%;position:absolute;bottom:0;right:0}#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;border-radius:1rem;flex-flow:column;width:20rem;height:fit-content;display:flex;position:relative;overflow:hidden}#theme .card.card-static{will-change:background-color, color;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%);cursor:default;transition-property:background-color,color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .card.card-clickable{will-change:background-color, color, transform, box-shadow;transition-property:background-color,color,transform,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .card.card-clickable:active{box-shadow:0 0 2px 2px rgb(from var(--color-elevation) r g b/10%)}#theme .card.card-clickable{box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%)}#theme .card.card-clickable:active{transform:scale(.98)}#theme .card.card-clickable{cursor:pointer}#theme .card:has(.card-image):after{content:"";background:rgb(from var(--color-surface) r g b/100%);z-index:1;height:1rem;position:absolute;bottom:0;left:0;right:0}#theme .card:has(.card-image) .card-image{aspect-ratio:4/3;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;width:100%;display:block;position:relative;overflow:hidden}#theme .card:has(.card-image) .card-image .card-image-content{object-fit:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}#theme .card:has(.card-image) .card-image.card-image-placeholder{display:flex}#theme .card:has(.card-image) .card-image.card-image-placeholder svg{width:var(--card-placeholder-size,7rem);height:var(--card-placeholder-size,7rem);fill:rgb(from var(--color-surface) r g b/100%);opacity:.1;margin:auto;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:"";z-index:-1;background:rgb(from var(--color-surface) r g b/100%);height:1rem;box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%);border-radius:1rem 1rem 0 0;position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}#theme .card .card-body-wrapper{z-index:1;background-color:rgb(from var(--color-surface) r g b/100%);flex-grow:1;padding:1rem 0;position:relative}#theme .card .card-body{background-color:rgb(from var(--color-surface) r g b/100%);width:calc(100% - 2rem);height:100%;color:rgb(from var(--color-onSurface) r g b/100%);padding:0 1rem}#theme .card .card-body .card-title{color:rgb(from var(--color-primary) r g b/100%)}#theme .drag-list{background-color:rgb(from var(--color-separation) r g b/20%);border:2px solid #0000;border-radius:1rem;overflow:hidden}#theme .drag-overlay .drag-item{box-shadow:0 0 3px 3px rgb(from var(--color-elevation) r g b/10%);border-radius:1rem}#theme .drag-item{background-color:rgb(from var(--color-surface) r g b/100%);width:100%;height:fit-content;color:rgb(from var(--color-onSurface) r g b/100%);will-change:color, background;grid-template-columns:2.8rem 1fr;transition-property:color,background;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;overflow:hidden}#theme .drag-item+.drag-item{margin-top:2px}#theme .drag-item.read-only .drag-item-handle{cursor:default}#theme .drag-item .drag-item-content{flex-flow:row;flex-grow:1;height:fit-content;padding:.5rem .5rem .5rem 0;display:flex}#theme .drag-item .drag-item-handle{all:unset;cursor:grab;touch-action:none;justify-content:center;align-items:center;display:flex}#theme .drag-item .drag-item-handle svg,#theme .drag-item .drag-item-handle p{-webkit-user-select:none;user-select:none;width:1.68rem;height:1.68rem;padding:.56rem}#theme .drag-item .drag-item-handle p{text-align:center;border-right:solid 2px rgb(from var(--color-separation) r g b/20%);justify-content:center;align-items:center;height:calc(100% + -2.12rem - 2px);display:flex}#theme .recipe-list-modal{z-index:10;background-color:rgb(from var(--color-background) r g b/100%);width:100%;height:100%;color:rgb(from var(--color-onBackground) r g b/100%);flex-flow:column;align-items:center;display:flex;position:absolute;top:0;left:0}#theme .modal-backdrop{z-index:999;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0000001a;width:100vw;height:100vh;display:none;position:absolute;top:0;left:0}#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();backdrop-filter:blur()}#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();backdrop-filter:blur()}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();backdrop-filter:blur()}}#theme .modal-backdrop .modal{background-color:var(--color-info);color:var(--color-onInfo);text-align:center;border-radius:1rem;flex-flow:column;align-items:center;width:calc(min(80%,30rem) - 2rem);height:fit-content;margin:auto;padding:1rem;display:flex;box-shadow:0 0 10px #0000001a}#theme .modal-backdrop .modal p{margin-bottom:1rem;font-size:1.2rem}#theme .modal-backdrop .modal .modal-actions{flex-flow:row;gap:1rem;display:flex}#theme .modal-backdrop .modal .modal-actions button{all:unset;background-color:rgb(from var(--color-surface) r g b/100%);width:fit-content;min-width:2.7rem;height:2.7rem;color:rgb(from var(--color-onSurface) r g b/100%);border-radius:100vw;justify-content:center;align-items:center;gap:.5rem;display:flex}#theme .modal-backdrop .modal .modal-actions button svg{color: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;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;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{will-change:color;height:60%;transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .modal-backdrop .modal .modal-actions button{all:unset;border-radius:2.8rem;width:5rem;height:2.8rem;padding:0 .5rem}#theme .modal-backdrop .modal .modal-actions button:active{transform:scale(.98)}#theme .modal-backdrop .modal .modal-actions button.modal-continue{all:unset;background-color:rgb(from var(--color-primary) r g b/100%);width:fit-content;min-width:2.7rem;height:2.7rem;color:rgb(from var(--color-onPrimary) r g b/100%);border-radius:100vw;justify-content:center;align-items:center;gap:.5rem;display:flex}#theme .modal-backdrop .modal .modal-actions button.modal-continue svg{color: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;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;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{will-change:color;height:60%;transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .modal-backdrop .modal .modal-actions button.modal-continue{width:7rem}#theme .modal-backdrop .modal .modal-actions button.modal-cancel{all:unset;background-color:rgb(from var(--color-surface) r g b/100%);width:fit-content;min-width:2.7rem;height:2.7rem;color:rgb(from var(--color-onSurface) r g b/100%);border-radius:100vw;justify-content:center;align-items:center;gap:.5rem;display:flex}#theme .modal-backdrop .modal .modal-actions button.modal-cancel svg{color: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;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;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{will-change:color;height:60%;transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .modal-backdrop .modal .modal-actions button.modal-cancel{width:7rem}#theme .modal-backdrop .modal .modal-container{margin-bottom:1rem;padding:1rem}#theme .modal-backdrop .modal .modal-container .modal-import{all:unset;width:calc(rgb(from var(--color-primary) r g b/100%) - (2px + .5rem) * 2);background-color:rgb(from var(--color-surface) r g b/100%);height:calc(2.8rem - 4px);color:rgb(from var(--color-onSurface) r g b/100%);caret-color:rgb(from var(--color-onSurface) r g b/100%);border:2px solid;border-color:rgb(from var(--color-separation) r g b/20%);border-radius:.5rem;padding:0 .5rem;display:block}#theme .modal-backdrop .modal .modal-container .modal-import svg{color:rgb(from var(--color-onSurface) r g b/100%)}#theme .modal-backdrop .modal .modal-container .modal-import{cursor:text;will-change:background-color, color, width, caret-color, border-color, margin, padding;transition-property:background-color,color,width,caret-color,border-color,margin,padding;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#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{color: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{white-space:pre-wrap;word-wrap:break-word;resize:none;padding:.5rem;overflow:hidden}#theme .modal-backdrop .modal .modal-container .modal-import:has(input){align-items:center;gap:.5rem;display:flex}#theme .modal-backdrop .modal .modal-container .modal-import:has(input) svg{will-change:color;width:calc(1.68rem - 2.4px);min-width:calc(1.68rem - 2.4px);height:calc(1.68rem - 2.4px);min-height:calc(1.68rem - 2.4px);transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}#theme .modal-backdrop .modal .modal-container .modal-import:has(input) input{all:unset;width:calc(100% + -1.68rem + 2.4px);height:100%;display:block}#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:#0000}#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:#0000;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%)}#_theme_axm7b_1{--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:#000;--color-separation:#000}._viewport-wrapper_axm7b_30{background-color:color-mix(in srgb, rgb(from var(--color-background) r g b/100%) 60%, #000);width:100%;height:100%}._viewport-wrapper_axm7b_30[data-state=BOTTOM_SHEET_STATE_OPENED] ._viewport_axm7b_30,._viewport-wrapper_axm7b_30[data-state=BOTTOM_SHEET_STATE_CLOSING] ._viewport_axm7b_30{transform:scale(var(--bottom-sheet-viewport-zoom-scale));border-radius:1rem}._viewport-wrapper_axm7b_30 ._viewport_axm7b_30{will-change:transform, border-radius;background-color:rgb(from var(--color-background) r g b/100%);border-radius:0;width:100%;height:100%;transition-property:transform,border-radius;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);overflow:hidden;transform:scale(1)}._bottom-sheet-provider_axm7b_52{inset:var(--bottom-sheet-viewport-top,0px) 0 auto;height:var(--bottom-sheet-viewport-height,100dvh);z-index:1000;pointer-events:none;position:fixed}._bottom-sheet-provider_axm7b_52[data-state=BOTTOM_SHEET_STATE_OPENED] ._backdrop_axm7b_59,._bottom-sheet-provider_axm7b_52[data-state=BOTTOM_SHEET_STATE_CLOSING] ._backdrop_axm7b_59,._bottom-sheet-provider_axm7b_52[data-state=BOTTOM_SHEET_STATE_OPENED] ._bottom-sheet_axm7b_52,._bottom-sheet-provider_axm7b_52[data-state=BOTTOM_SHEET_STATE_CLOSING] ._bottom-sheet_axm7b_52{opacity:1;pointer-events:all}._bottom-sheet-provider_axm7b_52[data-state=BOTTOM_SHEET_STATE_OPENED] ._bottom-sheet_axm7b_52 ._handle-icon_axm7b_67{opacity:1}._bottom-sheet-provider_axm7b_52[data-state=BOTTOM_SHEET_STATE_CLOSING] ._bottom-sheet_axm7b_52 ._handle_axm7b_67{background-color:rgb(from var(--color-danger) r g b/100%);border-color:color-mix(in srgb, rgb(from var(--color-danger) r g b/100%) 50%, #fff)}._bottom-sheet-provider_axm7b_52[data-state=BOTTOM_SHEET_STATE_CLOSING] ._bottom-sheet_axm7b_52 ._handle_axm7b_67 svg{color:color-mix(in srgb, rgb(from var(--color-danger) r g b/100%) 50%, #fff)}._bottom-sheet-provider_axm7b_52[data-state=BOTTOM_SHEET_STATE_CLOSING] ._bottom-sheet_axm7b_52 ._handle_axm7b_67 svg._close-handle-icon_axm7b_77{opacity:1;top:50%}._bottom-sheet-provider_axm7b_52[data-state=BOTTOM_SHEET_STATE_CLOSING] ._bottom-sheet_axm7b_52 ._handle_axm7b_67 svg._handle-icon_axm7b_67{top:calc(50% - 1rem)}._bottom-sheet-provider_axm7b_52 ._backdrop_axm7b_59{all:unset;will-change:opacity;z-index:1;background:color-mix(in srgb, rgb(from var(--color-background) r g b/50%) 60%, #00000080);opacity:0;transition-property:opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);position:absolute;inset:0}._bottom-sheet-provider_axm7b_52 ._bottom-sheet_axm7b_52{will-change:height, opacity;z-index:2;box-sizing:border-box;background-color:rgb(from var(--color-background) r g b/100%);border:1px solid color-mix(in srgb, rgb(from var(--color-background) r g b/100%) 80%, #fff);width:100%;max-width:var(--bottom-sheet-max-width);max-height:var(--bottom-sheet-max-height-ratio);height:0;box-shadow:0 -6px 6px rgb(from var(--color-elevation) r g b/10%);opacity:0;border-radius:1rem 1rem 0 0;flex-flow:column;transition-property:height,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);display:flex;position:absolute;bottom:0;left:50%;overflow:visible;transform:translate(-50%)}._bottom-sheet-provider_axm7b_52 ._bottom-sheet_axm7b_52[data-dragging]{transition-property:opacity}._bottom-sheet-provider_axm7b_52 ._bottom-sheet_axm7b_52 ._handle_axm7b_67{will-change:background-color, border-color;box-sizing:border-box;background-color:rgb(from var(--color-background) r g b/100%);border:1px solid color-mix(in srgb, rgb(from var(--color-background) r g b/100%) 80%, #fff);z-index:1;touch-action:none;border-radius:1rem;justify-content:center;align-items:center;width:3.8rem;height:2.1rem;transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);display:flex;position:absolute;bottom:calc(100% + .5rem);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 10px #0000001a}._bottom-sheet-provider_axm7b_52 ._bottom-sheet_axm7b_52 ._handle_axm7b_67 svg{will-change:color, top, opacity;height:2.1rem;color:color-mix(in srgb, rgb(from var(--color-background) r g b/100%) 80%, #fff);opacity:0;transition-property:color,top,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);position:absolute;left:50%;transform:translate(-50%,-50%)}._bottom-sheet-provider_axm7b_52 ._bottom-sheet_axm7b_52 ._handle_axm7b_67 svg._handle-icon_axm7b_67{top:50%}._bottom-sheet-provider_axm7b_52 ._bottom-sheet_axm7b_52 ._handle_axm7b_67 svg._close-handle-icon_axm7b_77{top:calc(50% + 1rem)}._bottom-sheet-provider_axm7b_52 ._bottom-sheet_axm7b_52 ._modal-close_axm7b_164{z-index:1;background-color:rgb(from var(--color-surface) r g b/100%);width:2.25rem;height:2.25rem;color:rgb(from var(--color-onSurface) r g b/100%);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-1.125rem;right:-1.125rem}._bottom-sheet-provider_axm7b_52 ._bottom-sheet_axm7b_52 ._modal-close_axm7b_164:focus-visible{outline:2px solid rgb(from var(--color-primary) r g b/100%);outline-offset:2px}._bottom-sheet-provider_axm7b_52 ._bottom-sheet_axm7b_52 ._modal-close_axm7b_164 svg{width:1.25rem;height:1.25rem}._bottom-sheet-provider_axm7b_52 ._bottom-sheet_axm7b_52 ._header_axm7b_188{border-bottom:color-mix(in srgb, rgb(from var(--color-background) r g b/100%) 80%, #fff) 1px solid;touch-action:pan-x;border-radius:1rem 1rem 0 0;flex:none;overflow:hidden}._bottom-sheet-provider_axm7b_52 ._bottom-sheet_axm7b_52 ._header_axm7b_188:empty{display:none}._bottom-sheet-provider_axm7b_52 ._bottom-sheet_axm7b_52 ._content_axm7b_198{-ms-overflow-style:none;scrollbar-width:none}._bottom-sheet-provider_axm7b_52 ._bottom-sheet_axm7b_52 ._content_axm7b_198::-webkit-scrollbar{display:none}._bottom-sheet-provider_axm7b_52 ._bottom-sheet_axm7b_52 ._content_axm7b_198{overflow-anchor:none;touch-action:none;flex:0 auto;min-height:0;overflow:hidden auto}._bottom-sheet-provider_axm7b_52 ._bottom-sheet_axm7b_52 ._header_axm7b_188:empty+._content_axm7b_198{border-radius:1rem 1rem 0 0}._bottom-sheet-provider_axm7b_52[data-modal=true] ._bottom-sheet_axm7b_52{will-change:height, transform, opacity;width:calc(100% - 3rem);max-height:min(var(--bottom-sheet-max-height-ratio), 100% - 3rem);opacity:0;border-radius:1rem;transition-property:height,transform,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);top:50%;bottom:auto;overflow:visible;transform:translate(-50%,calc(5rem - 50%))}._bottom-sheet-provider_axm7b_52[data-modal=true] ._bottom-sheet_axm7b_52 ._handle_axm7b_67{display:none}._bottom-sheet-provider_axm7b_52[data-modal=true] ._bottom-sheet_axm7b_52 ._content_axm7b_198{touch-action:pan-y;border-radius:0 0 1rem 1rem}._bottom-sheet-provider_axm7b_52[data-modal=true] ._bottom-sheet_axm7b_52 ._header_axm7b_188:empty+._content_axm7b_198{border-radius:1rem}._bottom-sheet-provider_axm7b_52[data-modal=true][data-modal-visible=true] ._bottom-sheet_axm7b_52{opacity:1;transform:translate(-50%,-50%)}._bottom-sheet-provider_axm7b_52 ._bottom-sheet_axm7b_52[data-content-resizing]{transition-property:transform,opacity}._bottom-sheet-provider_axm7b_52[data-modal=true] ._bottom-sheet_axm7b_52[data-modal-preparing],._bottom-sheet-provider_axm7b_52 ._bottom-sheet_axm7b_52[data-drawer-preparing]{transition:none}#_theme_b4hoi_1{--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:#000;--color-separation:#000}._viewport_b4hoi_30{bottom:calc(env(safe-area-inset-bottom,0px) + 3.5rem + 1rem);z-index:100002;pointer-events:none;position:fixed;left:1rem;right:1rem}._viewport_b4hoi_30[data-sheet-open=true]{top:calc(env(safe-area-inset-top,0px) + 1rem);bottom:auto}@media (width>=30rem){._viewport_b4hoi_30{width:min(28rem,100vw - 2rem);top:auto;left:auto}._viewport_b4hoi_30[data-sheet-open=true]{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 3.5rem + 1rem)}}._toast_b4hoi_54{will-change:opacity, transform;box-sizing:border-box;border:1px solid rgb(from var(--color-onInfo) r g b/25%);background-color:rgb(from var(--color-info) r g b/100%);color:rgb(from var(--color-onInfo) r g b/100%);pointer-events:auto;opacity:0;transform:translate(var(--toast-swipe-x,0px), 1rem);touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:1rem;align-items:center;gap:.5rem;padding:.5rem 1rem;transition-property:opacity,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);display:flex;box-shadow:0 0 10px #0000001a}._toast_b4hoi_54[data-swiping=true]{transition:none}._toast_b4hoi_54[data-visible=true]{opacity:1;transform:translate(var(--toast-swipe-x,0px), 0)}@media (width<30rem){._viewport_b4hoi_30[data-sheet-open=true] ._toast_b4hoi_54:not([data-visible=true]){transform:translate(var(--toast-swipe-x,0px), -1rem)}}._icon_b4hoi_88{width:1.5rem;height:1.5rem;color:rgb(from var(--color-onInfo) r g b/100%);flex:none}[data-tone=warning] ._icon_b4hoi_88{color:rgb(from var(--color-warning) r g b/100%)}[data-tone=error] ._icon_b4hoi_88{color:rgb(from var(--color-danger) r g b/100%)}._pending_b4hoi_101{background-color:rgb(from var(--color-onInfo) r g b/12%);border-radius:100vw;flex:none;padding:.25rem .5rem;font-size:.9rem}._message_b4hoi_109{touch-action:pan-y;overflow-wrap:anywhere;flex:1;min-width:0;max-height:30dvh;margin:0;font-size:.9rem;line-height:1.5;overflow:auto}._toast_b4hoi_54 ._close_b4hoi_121{all:unset;cursor:pointer;border-radius:100vw;flex:0 0 2.8rem;place-items:center;width:2.8rem;height:2.8rem;display:grid}._toast_b4hoi_54 ._close_b4hoi_121 svg{width:1.25rem;height:1.25rem;color:inherit}._toast_b4hoi_54 ._close_b4hoi_121:active{background-color:rgb(from var(--color-onInfo) r g b/8%)}._toast_b4hoi_54 ._close_b4hoi_121:focus-visible{outline:2px solid rgb(from var(--color-onInfo) r g b/100%)}._toast_b4hoi_54 ._close_b4hoi_121:disabled{cursor:default}#_theme_1rg4m_1{--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:#000;--color-separation:#000}._imagePlaceholder_1rg4m_30[data-skeleton=block]{--skeleton-background:rgb(from var(--color-background) r g b/100%);--skeleton-highlight:rgb(from var(--color-onBackground) r g b/4%);border-radius:inherit;height:100%;position:absolute;inset:0}#_theme_1ced9_1{--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:#000;--color-separation:#000}._header_1ced9_30{padding:1rem}._header_1ced9_30 h2,._header_1ced9_30 p{margin:0}._header_1ced9_30 p{opacity:.7;margin-top:.5rem}._release_1ced9_42{overflow-wrap:anywhere;flex-direction:column;flex:0 0 100%;gap:1rem;min-width:0;display:flex}._release_1ced9_42 h3,._release_1ced9_42 p,._release_1ced9_42 ul{margin:0}._release_1ced9_42 ul{padding-left:1.5rem;list-style:outside}._release_1ced9_42 li+li{margin-top:.5rem}._carouselNavigation_1ced9_63{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}._carouselNavigation_1ced9_63 button:disabled{opacity:.35}._carouselNavigation_1ced9_63 span{opacity:.7;font-size:.85em}._carousel_1ced9_63{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;align-items:flex-start;display:flex;overflow:auto hidden}._carousel_1ced9_63 article{scroll-snap-align:start;scroll-snap-stop:always}._carousel_1ced9_63::-webkit-scrollbar{display:none}._meta_1ced9_95{opacity:.7;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.85em;display:flex}._loading_1ced9_104{flex-direction:column;gap:1rem;min-height:14rem;display:flex}._versionButton_1ced9_111{width:100%;min-height:2.8rem;color:inherit;font:inherit;text-align:left;will-change:background-color;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem;transition-property:background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);display:flex}._versionButton_1ced9_111:active{background:rgb(from var(--color-onSurface) r g b/8%)}._versionButton_1ced9_111 span:first-of-type{flex:1}._versionButton_1ced9_111 svg{flex-shrink:0}:root{--surface:#edeae3;--main-brand:#74978e;--accent:#4d565d;--background:#2a2c35;--success:#58a863;--warning:#d5982b;--danger:#f44336}#_theme_a2nx9_1{--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:#000;--color-separation:#000}._header_a2nx9_30{padding:1rem}._header_a2nx9_30 h2,._header_a2nx9_30 p{margin:0}._header_a2nx9_30 p{opacity:.7;margin-top:.5rem}._guide_a2nx9_42{overflow-wrap:anywhere;flex-direction:column;gap:1rem;display:flex}._guide_a2nx9_42 p,._guide_a2nx9_42 ol{margin:0}._guide_a2nx9_42 ol{padding-left:1.5rem;list-style:decimal}._guide_a2nx9_42 li+li{margin-top:1rem}._guide_a2nx9_42 a{color:inherit;align-items:center;gap:.5rem;min-height:2.8rem;display:flex}._guide_a2nx9_42 a svg{width:1rem;height:1rem}._note_a2nx9_71{opacity:.7;font-size:.85em}