:root{--transition: .3s ease;--context-transition: .2s ease;--z-content: 0;--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))}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: .55em;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")}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:has(dialog[open]){--block-view-transitions: none}html>body router-outlet{display:none}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-delay:.5s}html.theme-transition::view-transition-new(root){animation:circle-in .5s cubic-bezier(.5,0,1,.5)}@keyframes circle-in{0%{clip-path:circle(0vmax at var(--view-transition-origin, 100% 0))}to{clip-path:circle(150vmax at var(--view-transition-origin, 100% 0))}}
