@layer ui{.styles-module__EU1QpG__dialog{contain:strict;width:100dvw;max-width:none;height:100dvh;max-height:none;z-index:var(--z-modal);padding:var(--gap);background-color:rgba(0,0,0,0);border:none;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;container:styles-module__EU1QpG__inline-size}.styles-module__EU1QpG__dialog::backdrop{display:none}@property --from{syntax:"";inherits:false;initial-value:color(display-p3 .354 .445 .866)}@property --to{syntax:"";inherits:false;initial-value:color(display-p3 .864 .364 .539)}@keyframes styles-module__EU1QpG__gradient{to{--from:#ec6142;--to:#53b365}}@supports (color:color(display-p3 0 0 0)){@keyframes styles-module__EU1QpG__gradient{to{--from:color(display-p3 .862 .415 .298);--to:color(display-p3 .426 .694 .426)}}}@supports (color:lab(0% 0 0)){@keyframes styles-module__EU1QpG__gradient{to{--from:lab(59.573% 53.6428 45.9333);--to:lab(65.8229% -42.4212 31.0629)}}}@media (prefers-reduced-motion:no-preference){html{background-image:linear-gradient(to right in oklab,var(--from),var(--to));animation:styles-module__EU1QpG__gradient 2s linear infinite alternate}html:not(:has(.styles-module__EU1QpG__dialog[open])){animation-play-state:paused}body{transition-property:scale,filter;transition-duration:var(--transition-duration)}body>*{transition:filter var(--transition-duration)}body:has(.styles-module__EU1QpG__dialog[open]){contain:strict;filter:brightness(.9);border-radius:var(--radius--large);height:100dvh;overflow:hidden;scale:.98}body:has(.styles-module__EU1QpG__dialog[open])>*{filter:blur(1px)}}}@layer ui{.styles-module__RzLKsG__heading{font-size:var(--jsxFontSize,1rem);text-align:var(--jsxTextAlign,inherit);color:var(--color-text--heavy);text-wrap:balance;max-width:var(--line-length);line-height:var(--line-height--compact);word-break:break-word;text-box:trim-both cap alphabetic;font-weight:900}.styles-module__RzLKsG__heading>a:hover{color:var(--color-link)}.styles-module__OFfEPq__icon{--icon-color:currentColor;--icon-length:var(--jsxIconLength,1em);width:var(--icon-length);height:var(--icon-length);aspect-ratio:1;color:var(--icon-color);fill:var(--icon-color);vertical-align:middle;transition-property:color,fill;transition-duration:var(--transition-duration);display:inline-block}}@layer ui{}@layer composition{.styles-module__tfyPHa__fieldset{flex:none;display:block}.styles-module__tfyPHa__group{border-radius:var(--radius--full);border:1px solid var(--color-border);background-color:var(--mauve-2);box-shadow:inset 0 0 1em var(--mauve-5);transition:border-color var(--transition-duration);gap:2px;padding:2px;display:flex}.styles-module__tfyPHa__group:has(input:focus-visible){outline:2px solid var(--iris-11);outline-offset:1px}.styles-module__tfyPHa__label{aspect-ratio:1;color:var(--mauve-10);padding:var(--space-1);transition-duration:var(--transition-duration);border-radius:50%;flex:1 0 auto;place-items:center;transition-property:box-shadow,background-color,color;display:flex}.styles-module__tfyPHa__label:hover{color:var(--mauve-12)}.styles-module__tfyPHa__label:not(:has(input:checked)){cursor:pointer}.styles-module__tfyPHa__label:has(input:checked){box-shadow:0 1px 1px var(--mauve-6);background-color:var(--mauve-1);color:var(--mauve-12)}}@layer ui{@keyframes styles-module__j617aG__spin{0%{stroke-dashoffset:1px;transform:rotate(-.333turn)}50%{stroke-dashoffset:0}to{stroke-dashoffset:-1px;transform:rotate(.667turn)}}.styles-module__j617aG__circle{fill:none;stroke:currentColor;cx:50%;cy:50%}.styles-module__j617aG__spinner{stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1px;transform-origin:50%;animation:styles-module__j617aG__spin 2s linear infinite;transform:rotate(-.333turn)}.styles-module__j617aG__background{opacity:.2}}@layer layout{.page-module__Gm7DRq__main{place-items:center;display:grid}.page-module__Gm7DRq__content{text-align:center;gap:var(--space-8);display:grid}.page-module__Gm7DRq__heading{text-align:center;font-size:var(--size-9)}}@layer ui{.styles-module__Avz5Xq__texture{contain:strict;-webkit-mask-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2));mask-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.styles-module__Avz5Xq__texture,.styles-module__Avz5Xq__texture:after,.styles-module__Avz5Xq__texture:before{border-radius:inherit;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;top:0;bottom:0;left:0;right:0}.styles-module__Avz5Xq__texture:after,.styles-module__Avz5Xq__texture:before{content:"";display:block}.styles-module__Avz5Xq__texture:before{background-color:var(--mauve-1)}.styles-module__Avz5Xq__texture:after{opacity:.2;background-image:url(/noise.png);background-repeat:repeat}.styles-module__T91ErW__lightbox{--brightness:1;--r:var(--radius--large);background-color:var(--mauve-3);border-radius:var(--r);box-shadow:var(--shadow--high);border-top:1px solid var(--shine);border-left:1px solid var(--shine);background-image:radial-gradient(circle at top left,var(--shine),transparent);transition-property:opacity,transform;transition-duration:var(--transition-duration);transition-behavior:allow-discrete;background-origin:border-box}}@layer ui{@supports ((-webkit-backdrop-filter:blur(var(--size-1 ))) or (backdrop-filter:blur(var(--size-1 )))){.styles-module__T91ErW__lightbox{background-color:hsl(from var(--mauve-3) h s l/50%);-webkit-backdrop-filter:blur(var(--size-1));backdrop-filter:blur(var(--size-1))}}[data-theme=dark] .styles-module__T91ErW__lightbox{--brightness:1.1}@starting-style{.styles-module__T91ErW__lightbox{opacity:0}}@media (prefers-reduced-motion:no-preference){@starting-style{.styles-module__T91ErW__lightbox{transform:translateY(var(--gap)) scale(.95)}}}.styles-module__T91ErW__lightbox.styles-module__T91ErW__rounded{--r:var(--radius--full)}.styles-module__JcKT8a__base{--table-padding-block:var(--space-2);--table-padding-inline:var(--space-4);--table-gap:var(--gap--small);--table-background-color:var(--mauve-2);--table-radius:var(--radius--large);contain:layout;container:styles-module__JcKT8a__table/inline-size}.styles-module__JcKT8a__table{width:100cqw}}@layer ui{@container styles-module__JcKT8a__table (width >= 750px){.styles-module__JcKT8a__table{margin-block:calc(var(--table-gap) * -1);border-spacing:0 var(--table-gap);border-collapse:separate}}@container styles-module__JcKT8a__table (width < 750px){.styles-module__JcKT8a__table{gap:var(--table-gap);display:grid}}@container styles-module__JcKT8a__table (width < 400px){.styles-module__JcKT8a__table{grid-template-columns:[styles-module__JcKT8a__body] 1fr[styles-module__JcKT8a__header] auto;justify-content:space-between;align-items:start}}.styles-module__JcKT8a__thead{top:var(--table-gap);z-index:1;position:-webkit-sticky;position:sticky}@container styles-module__JcKT8a__table (400px <= width < 750px){.styles-module__JcKT8a__thead{justify-content:center;display:flex}}@container styles-module__JcKT8a__table (width < 400px){.styles-module__JcKT8a__thead{text-align:right;grid-area:styles-module__JcKT8a__header}}@container styles-module__JcKT8a__table (width < 750px){.styles-module__JcKT8a__tableHeaderRow{border-top:1px solid var(--shine);border-left:1px solid var(--shine);background-color:var(--mauve-4);padding-inline:var(--gap);box-shadow:var(--shadow--low);border-radius:var(--radius--full);flex-direction:row;display:flex}@supports ((-webkit-backdrop-filter:blur(var(--size-1 ))) or (backdrop-filter:blur(var(--size-1 )))){.styles-module__JcKT8a__tableHeaderRow{background-color:hsl(from var(--mauve-1) h s l/50%);-webkit-backdrop-filter:blur(var(--size-1));backdrop-filter:blur(var(--size-1))}}}@container styles-module__JcKT8a__table (400px <= width < 750px){.styles-module__JcKT8a__tableHeaderRow{--offset:calc(var(--app-inset) / 2);justify-content:center;gap:var(--gap)}}@container styles-module__JcKT8a__table (width < 400px){.styles-module__JcKT8a__tableHeaderRow{border-radius:var(--radius--large);flex-direction:column}}@container styles-module__JcKT8a__table (width < 750px){.styles-module__JcKT8a__tbody{gap:var(--table-gap);grid-template-columns:repeat(auto-fit,220px);justify-content:center;align-items:start;display:grid}.styles-module__JcKT8a__row{align-content:start;gap:var(--gap--tiny);padding:var(--gap);background-color:var(--table-background-color);border-radius:var(--table-radius);box-shadow:var(--shadow--low);border:1px solid var(--iris-6);display:grid}}@container styles-module__JcKT8a__table (width < 400px){.styles-module__JcKT8a__tbody{grid-area:styles-module__JcKT8a__body;justify-content:start}}.styles-module__JcKT8a__cell{line-height:var(--line-height--compact)}@container styles-module__JcKT8a__table (width >= 750px){.styles-module__JcKT8a__cell{text-align:left;padding-block:var(--table-padding-block);padding-inline:var(--table-padding-inline)}}@container styles-module__JcKT8a__table (width < 750px){.styles-module__JcKT8a__cell{display:block}}@container styles-module__JcKT8a__table (width >= 750px){.styles-module__JcKT8a__td:not(:last-child){background-color:var(--table-background-color);border-bottom:1px solid var(--mauve-1)}.styles-module__JcKT8a__td:first-child{border-top-left-radius:var(--table-radius);border-bottom-left-radius:var(--table-radius)}.styles-module__JcKT8a__td:nth-last-child(2){border-top-right-radius:var(--table-radius);border-bottom-right-radius:var(--table-radius)}}@container styles-module__JcKT8a__table (width < 750px){.styles-module__JcKT8a__td{width:100%}}.styles-module__JcKT8a__th{white-space:nowrap;transition:color var(--transition-duration);padding-block:var(--space-3);font-weight:600}@container styles-module__JcKT8a__table (width >= 750px){.styles-module__JcKT8a__th{border-top:1px solid var(--shine);background-color:var(--mauve-4)}@supports ((-webkit-backdrop-filter:blur(var(--size-1 ))) or (backdrop-filter:blur(var(--size-1 )))){.styles-module__JcKT8a__th{background-color:hsl(from var(--mauve-1) h s l/50%);-webkit-backdrop-filter:blur(var(--size-1));backdrop-filter:blur(var(--size-1))}}.styles-module__JcKT8a__th:first-child{border-top-left-radius:var(--radius--full);border-bottom-left-radius:var(--radius--full);border-left:1px solid var(--shine)}.styles-module__JcKT8a__th:last-child{border-top-right-radius:var(--radius--full);border-bottom-right-radius:var(--radius--full)}}@container styles-module__JcKT8a__table (width < 750px){.styles-module__JcKT8a__th{font-size:var(--size-2)}.styles-module__JcKT8a__th:not(.styles-module__JcKT8a__sortable){display:none}}.styles-module__JcKT8a__label{align-items:center;gap:var(--space-1);display:inline-flex}.styles-module__HRQVnG__time{cursor:help}}@layer ui{}@layer feature{.styles-module__b--IoW__base{gap:var(--gap);grid-template-rows:1fr auto;width:100%;margin-left:auto;margin-right:auto;display:grid}.styles-module__b--IoW__search{z-index:1;top:100px;bottom:var(--gap);margin-top:var(--gap);padding:var(--space-2);justify-content:center;justify-self:center;display:grid;position:-webkit-sticky;position:sticky}.styles-module__b--IoW__clear{right:var(--space-4);position:absolute;top:calc(50% - .5rem)}.styles-module__b--IoW__recipeName{color:var(--color-text--heavy);text-wrap:balance;font-weight:700;display:inline-block}.styles-module__b--IoW__recipeName:hover{color:var(--color-accent)}.styles-module__b--IoW__spec{white-space:nowrap;font-size:var(--size-2)}.styles-module__b--IoW__ingredient{color:var(--color-text--heavy)}.styles-module__b--IoW__ingredient:hover{color:var(--color-accent)}.styles-module__b--IoW__empty{padding:var(--gap);border:2px dashed var(--iris-7);border-radius:var(--radius--large);text-align:center}}

Mise en place,beyond your bar

Mise en place,
beyond your bar