:root{--transition: .3s ease;--context-transition: .2s ease;--z-header: 10;--z-dialog: 20;--action-blue-color: light-dark(rgb(0 96 180), rgb(86 170 255));--action-green-color: light-dark(rgb(0 132 82), rgb(70 214 140));--danger-color: light-dark(rgb(204 0 36), rgb(255 82 82));--control-hover-surface: light-dark(rgb(255 255 255 / 50%), rgb(0 0 0 / 50%));--text-selection-background: light-dark(rgb(0 0 0 / 20%), rgb(255 255 255 / 30%));--control-block-size: 4rem;--control-padding-inline: 1em;--control-label-gap: .4em;--control-icon-size: 2.5em;--control-icon-offset: .75em;--control-select-icon-space: 4em;--floating-action-inset: 1em;--floating-action-gap: .8em;--floating-action-size: 5em;--floating-action-content-padding-block-end: calc(var(--floating-action-inset) + var(--floating-action-gap) + var(--floating-action-size));--card-grid-gap: 1em;--detail-strong: color-mix(in srgb, currentColor 90%, transparent);--detail-text: color-mix(in srgb, currentColor 80%, transparent);--detail-soft: color-mix(in srgb, currentColor 65%, transparent);--detail-section-padding: 1em;--detail-section-gap: 1em;--detail-layout-gap: calc(1.6 * var(--detail-section-gap));--detail-glass-surface: var(--glass-surface);--glass-border-width: 1px;--glass-border-color: light-dark(rgb(0 0 0 / 20%), rgb(0 0 0 / 35%));--glass-border: solid var(--glass-border-width) var(--glass-border-color);--glass-surface: light-dark(rgb(255 255 255 / 20%), rgb(0 0 0 / 20%));--glass-dialog-surface: light-dark(rgb(255 255 255), rgb(0 0 0));--glass-highlight: inset 2px 2px 1px 0 light-dark(rgb(255 255 255 / 50%), rgb(255 255 255 / 20%)), inset -1px -1px 1px 1px light-dark(rgb(255 255 255 / 40%), rgb(255 255 255 / 10%));--glass-shadow: 0 1em 3em light-dark(rgb(0 0 0 / 10%), rgb(0 0 0 / 40%));--glass-surface-blur: 10px;--glass-control-blur: 15px;--glass-surface-backdrop-filter: saturate(160%) blur(var(--glass-surface-blur));--glass-control-backdrop-filter: saturate(180%) blur(var(--glass-control-blur))}@property --liquid-level{syntax: "<percentage>"; inherits: false; initial-value: -5%;}@property --liquid-wave-offset{syntax: "<percentage>"; inherits: false; initial-value: 0%;}html.theme-transition{--block-view-transitions: none}html.theme-transition cocktails-root *:not(dialog){transition-duration:0s}html.theme-transition::view-transition-old(root){animation:liquid-hold 1s linear both}html.theme-transition::view-transition-new(root){--liquid-level: 105%;--liquid-wave-offset: 0%;--liquid-wave-amplitude: 5dvb;clip-path:shape(from calc(-100% + var(--liquid-wave-offset)) var(--liquid-level),curve to calc(-75% + var(--liquid-wave-offset)) var(--liquid-level) with calc(-87.5% + var(--liquid-wave-offset)) calc(var(--liquid-level) + var(--liquid-wave-amplitude)),curve to calc(-50% + var(--liquid-wave-offset)) var(--liquid-level) with calc(-62.5% + var(--liquid-wave-offset)) calc(var(--liquid-level) - var(--liquid-wave-amplitude)),curve to calc(-25% + var(--liquid-wave-offset)) var(--liquid-level) with calc(-37.5% + var(--liquid-wave-offset)) calc(var(--liquid-level) + var(--liquid-wave-amplitude)),curve to calc(0% + var(--liquid-wave-offset)) var(--liquid-level) with calc(-12.5% + var(--liquid-wave-offset)) calc(var(--liquid-level) - var(--liquid-wave-amplitude)),curve to calc(25% + var(--liquid-wave-offset)) var(--liquid-level) with calc(12.5% + var(--liquid-wave-offset)) calc(var(--liquid-level) + var(--liquid-wave-amplitude)),curve to calc(50% + var(--liquid-wave-offset)) var(--liquid-level) with calc(37.5% + var(--liquid-wave-offset)) calc(var(--liquid-level) - var(--liquid-wave-amplitude)),curve to calc(75% + var(--liquid-wave-offset)) var(--liquid-level) with calc(62.5% + var(--liquid-wave-offset)) calc(var(--liquid-level) + var(--liquid-wave-amplitude)),curve to calc(100% + var(--liquid-wave-offset)) var(--liquid-level) with calc(87.5% + var(--liquid-wave-offset)) calc(var(--liquid-level) - var(--liquid-wave-amplitude)),curve to calc(125% + var(--liquid-wave-offset)) var(--liquid-level) with calc(112.5% + var(--liquid-wave-offset)) calc(var(--liquid-level) + var(--liquid-wave-amplitude)),curve to calc(150% + var(--liquid-wave-offset)) var(--liquid-level) with calc(137.5% + var(--liquid-wave-offset)) calc(var(--liquid-level) - var(--liquid-wave-amplitude)),curve to calc(175% + var(--liquid-wave-offset)) var(--liquid-level) with calc(162.5% + var(--liquid-wave-offset)) calc(var(--liquid-level) + var(--liquid-wave-amplitude)),curve to calc(200% + var(--liquid-wave-offset)) var(--liquid-level) with calc(187.5% + var(--liquid-wave-offset)) calc(var(--liquid-level) - var(--liquid-wave-amplitude)),line to calc(200% + var(--liquid-wave-offset)) 100%,line to calc(-100% + var(--liquid-wave-offset)) 100%,close);animation:liquid-in 1s linear both,liquid-wave 1s linear both}@keyframes liquid-in{to{--liquid-level: -5%}}@keyframes liquid-wave{to{--liquid-wave-offset: 50%}}@keyframes liquid-hold{0%,to{opacity:1}}html>body cocktails-root .cocktails-edit-control{--edit-control-size: 2em;--edit-control-text: var(--detail-strong);--edit-control-focus: var(--detail-strong);--edit-control-placeholder: color-mix(in srgb, currentColor 75%, transparent);--select-indicator-offset: .5em;min-inline-size:0;min-block-size:var(--edit-control-size);padding-inline:.8em;border:var(--glass-border);border-radius:100cqmax;background-color:var(--glass-surface);box-shadow:var(--glass-highlight);color:var(--edit-control-text);font:inherit;display:inline-flex;align-items:center;gap:.35em}html>body cocktails-root .cocktails-edit-control:focus-visible,html>body cocktails-root .cocktails-edit-control:has(input:focus-visible),html>body cocktails-root .cocktails-edit-control:has(select:focus-visible),html>body cocktails-root .cocktails-edit-control:has(button:focus-visible){outline:.08em solid var(--edit-control-focus)}html>body cocktails-root .cocktails-edit-control.invalid{--edit-control-text: light-dark(rgb(150 10 30), rgb(255 155 165));border-color:light-dark(rgba(190,25,45,.7),rgba(255,120,135,.75));color:light-dark(rgb(150,10,30),rgb(255,155,165));box-shadow:var(--glass-highlight),0 0 .7em light-dark(rgba(190,25,45,.22),rgba(255,120,135,.22))}html>body cocktails-root .cocktails-edit-control.round{inline-size:var(--edit-control-size);padding:0;justify-content:center}html>body cocktails-root .cocktails-edit-control:disabled{opacity:.45;cursor:default}html>body cocktails-root .cocktails-edit-control>input,html>body cocktails-root .cocktails-edit-control>select,html>body cocktails-root .cocktails-edit-control>button:not(.remove-button){min-inline-size:0;border:0;border-radius:0;outline:0;background-color:transparent;box-shadow:none;caret-color:var(--edit-control-text);font:inherit;-webkit-text-fill-color:var(--edit-control-text)}html>body cocktails-root .cocktails-edit-control>input{padding:0}html>body cocktails-root .cocktails-edit-control>input[type=number]{appearance:textfield}html>body cocktails-root .cocktails-edit-control>input[type=number]::-webkit-outer-spin-button,html>body cocktails-root .cocktails-edit-control>input[type=number]::-webkit-inner-spin-button{margin:0;appearance:none}html>body cocktails-root .cocktails-edit-control>input::placeholder{color:var(--edit-control-placeholder)}html>body cocktails-root .cocktails-edit-control>select{cursor:pointer;padding-block:.4em;padding-inline:.75em calc(var(--select-indicator-offset) * 2 + var(--select-indicator-size, .45em))}html>body cocktails-root .cocktails-edit-control>button:not(.remove-button){cursor:pointer}html>body cocktails-root .cocktails-edit-control>button:not(.remove-button):disabled{opacity:.45;cursor:default}html>body cocktails-root .cocktails-edit-control:is(input,select,button){display:inline-block}html>body cocktails-root .cocktails-edit-control:is(input){color:var(--edit-control-text);caret-color:var(--edit-control-text);padding-block:.45em;padding-inline:.8em;-webkit-text-fill-color:var(--edit-control-text)}html>body cocktails-root .cocktails-edit-control:is(input)[type=number]{appearance:textfield}html>body cocktails-root .cocktails-edit-control:is(input)[type=number]::-webkit-outer-spin-button,html>body cocktails-root .cocktails-edit-control:is(input)[type=number]::-webkit-inner-spin-button{margin:0;appearance:none}html>body cocktails-root .cocktails-edit-control:is(input)::placeholder{color:var(--edit-control-placeholder)}html>body cocktails-root .cocktails-edit-control:is(select){color:var(--edit-control-text);cursor:pointer;padding-block:.4em;padding-inline:.75em calc(var(--select-indicator-offset) * 2 + var(--select-indicator-size, .45em));-webkit-text-fill-color:var(--edit-control-text)}html>body cocktails-root .cocktails-edit-control:is(button){cursor:pointer}html>body cocktails-root select{--select-accent-color: var(--context-color, currentColor);--select-indicator-size: 1.1em;--select-indicator-offset: .85em;padding-inline-end:calc(var(--select-indicator-offset) * 2 + var(--select-indicator-size));color:inherit;font:inherit;accent-color:var(--select-accent-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath fill='rgb(128 128 128)' d='M480-360 280-560h400L480-360Z'/%3E%3C/svg%3E");background-position:right var(--select-indicator-offset) center;background-repeat:no-repeat;background-size:var(--select-indicator-size);appearance:none;cursor:pointer}html>body cocktails-root select>option{--select-option-hover-color: color-mix(in srgb, var(--select-accent-color) 28%, Canvas);color:CanvasText;background-color:Canvas;background-image:none;font:inherit}html>body cocktails-root select>option:checked,html>body cocktails-root select>option:hover,html>body cocktails-root select>option:focus,html>body cocktails-root select>option:active{--selection-background: var(--select-option-hover-color);background-color:var(--selection-background);background-image:linear-gradient(var(--selection-background),var(--selection-background));box-shadow:0 0 0 100vmax var(--selection-background) inset;color:CanvasText;color:contrast-color(var(--selection-background))}html>body cocktails-root select::-ms-expand{display:none}@font-face{font-family:Glass Antiqua;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/glass-antiqua-regular.ttf) format("truetype")}@font-face{font-family:Pompiere;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pompiere-regular.ttf) format("truetype")}dialog::backdrop{background-color:#00000040;backdrop-filter:var(--glass-surface-backdrop-filter)}html{color-scheme:var(--theme, light dark);font-size:clamp(14px,2dvi,20px);scrollbar-gutter:stable;scrollbar-color:light-dark(rgba(0,0,0,.35),rgba(255,255,255,.35)) transparent;scrollbar-width:thin}html::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:light-dark(rgba(0,0,0,.35),rgba(255,255,255,.35));border-radius:100cqmax}html::-webkit-scrollbar-thumb:hover{background:light-dark(rgba(0,0,0,.55),rgba(255,255,255,.55))}html ::selection{--selection-background: var(--context-color, var(--text-selection-background));background:var(--selection-background);color:CanvasText;color:contrast-color(var(--selection-background))}html>body{margin:initial;font-family:Pompiere,system-ui,sans-serif;scroll-behavior:smooth}html>body input::placeholder,html>body textarea::placeholder{-webkit-user-select:none;user-select:none}html>body input:placeholder-shown,html>body textarea:placeholder-shown{-webkit-user-select:none;user-select:none}html>body cocktails-root :is(a,button,input,select,textarea,[role=button]){-webkit-tap-highlight-color:transparent}html>body cocktails-root *:not(dialog){margin:initial;display:block;box-sizing:border-box;transition:background var(--context-transition),background-color var(--context-transition),border-color var(--context-transition),box-shadow var(--context-transition),color var(--context-transition),fill var(--context-transition),stroke var(--context-transition)}html>body cocktails-root *:not(dialog):not(input){text-box:trim-both cap alphabetic}html>body cocktails-root *:not(dialog).view-transition{view-transition-name:var(--block-view-transitions, var(--view-transition-name, none))}html>body cocktails-root :is(h1,h2,h3,h4,h5,h6){margin:initial;padding-block:.25em;margin-block:-.25em;line-height:1}html>body router-outlet{display:none}html.dietary-dialog-open{overflow:hidden}html.dietary-dialog-open>body{overflow:hidden}html:has(dialog[open]){overscroll-behavior:none}html:has(dialog[open])>body{overscroll-behavior:none}