:root{--spacing: clamp(1rem, 1vw, 2cqi);--color-1: hsl(0 0 90%);--color-2: hsl(0 0 85%);--color-3: hsl(0 0 80%);--color-4: hsl(0 0 75%);--color-5: hsl(0 0 70%);--color-6: hsl(0 0 65%);--color-7: hsl(0 0 60%);--color-8: hsl(0 0 55%);--backdrop-color: rgba(0, 0, 0, .5);--bg-color-1: hsl(240 4 8%);--bg-color-1-50: hsl(240 4 8% / 50%);--bg-color-2: hsl(240 3 12%);--bg-color-3: hsl(240 3 16%);--bg-color-4: hsl(240 2 20%);--bg-color-5: hsl(240 2 24%);--bg-color-6: hsl(240 2 28%);--bg-color-7: hsl(240 2 32%);--bg-color-8: hsl(240 2 36%);--bg-white-20: rgba(255, 255, 255, .2);--border-0: hsl(0 0 20%);--border-1: hsl(0 0 30%);--border-2: hsl(0 0 40%);--border-3: hsl(0 0 50%);--golden: #ffc400;--blue: #1565C0;--red: #C62828;--dark-red: #8E0000;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:var(--color-1);fill:var(--color-4);background-color:var(--bg-color-1);font-size:clamp(18px,.5vw,2rem);font-weight:lighter;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dosis{font-family:Dosis,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal}.bellota-text-light{font-family:Bellota Text,sans-serif;font-weight:300;font-style:normal;letter-spacing:.1ch}.bellota-text-regular{font-family:Bellota Text,sans-serif;font-weight:400;font-style:normal}body,#app{margin:0;box-sizing:border-box;height:100vh;width:100vw;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;overflow:hidden}a{text-decoration:none;color:var(--color-1)}h1,h2,h3,h4,h5,h6{margin:var(--spacing) 0}h1{font-size:3rem}h1{font-size:2rem}.absolute-top-left{position:absolute;z-index:1;top:var(--spacing);left:var(--spacing)}.absolute-top-right{position:absolute;z-index:1;top:var(--spacing);right:var(--spacing)}input,select,textarea{border-radius:calc(var(--spacing) / 2);border:1px solid var(--border-1);font-family:inherit;background-color:var(--bg-color-3);font-size:1rem;font-weight:300;padding:calc(var(--spacing) / 2);box-sizing:border-box}input:focus,input:focus-visible,input:active,select:focus,select:focus-visible,select:active,textarea:focus,textarea:focus-visible,textarea:active{border:1px solid var(--border-2)}input:hover,select:hover,textarea:hover{background-color:var(--bg-color-4);border:1px solid var(--border-2)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.actions{display:flex;justify-content:center;align-items:center;gap:var(--spacing);z-index:1;position:fixed;bottom:calc(.9 * var(--spacing));left:0;right:0}.actions .bar{display:flex;gap:var(--spacing);padding:calc(.5 * var(--spacing)) var(--spacing);border-radius:1.5rem;border:1px solid var(--border-1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:transparent}.switch{width:60px;height:40px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;transition:all 1s ease;background-color:var(--bg-color-3);border-radius:calc(var(--spacing) / 2)}.switch span{height:40px;display:flex;align-items:center}.switch svg{opacity:.2;transition:all 1s ease}.switch.on{justify-content:flex-end}.switch.on svg{opacity:1}.backdrop{position:absolute;text-decoration:none;width:100%;height:100%;background-color:var(--backdrop-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:0}.spacer{min-height:200px;flex-shrink:0}.cocktail.svelte-ifc50o{text-decoration:none;display:flex;flex-direction:column;background-color:var(--bg-color-2);border-radius:calc(var(--spacing) / 4);overflow:hidden;position:relative;transition:transform .3s ease-in-out}.cocktail.svelte-ifc50o.favorite{border-bottom:1px solid var(--golden)}.cocktail.svelte-ifc50o.lab{border-bottom:1px solid var(--blue)}.cocktail.svelte-ifc50o>svg#not-synced{position:absolute;top:1cqi;right:1cqi;fill:#fff;opacity:.8}.cocktail.svelte-ifc50o:active,.cocktail.svelte-ifc50o:hover{transform:scale(1.05)}.cocktail.svelte-ifc50o img:where(.svelte-ifc50o){width:100%;max-height:clamp(12rem,25vh,300px);aspect-ratio:1;object-fit:cover}.cocktail.svelte-ifc50o .summary:where(.svelte-ifc50o){display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing) / 2);padding:calc(var(--spacing) / 2);overflow:hidden;container-type:inline-size}.cocktail.svelte-ifc50o .summary:where(.svelte-ifc50o) .name:where(.svelte-ifc50o){color:var(--color-6);font-size:18cqi;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cocktail-grid.svelte-15xq1dv{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing);width:100%;padding:0 var(--spacing) var(--spacing) var(--spacing);box-sizing:border-box}@media (max-width: 768px){.cocktail-grid.svelte-15xq1dv{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (min-width: 768px){.cocktail-grid.svelte-15xq1dv{max-width:60vw;margin:0 auto}}.dropdown.svelte-1luwhfv{position:relative}button.svelte-1luwhfv{padding:calc(var(--spacing) / 2) var(--spacing);gap:var(--spacing);border-radius:calc(var(--spacing) / 2);border:1px solid var(--border-0);background-color:var(--bg-color-1);display:flex;align-items:center;justify-content:center;font-size:1.6em}menu.svelte-1luwhfv{border-radius:calc(var(--spacing) / 2);border:1px solid var(--border-1);background-color:var(--bg-color-3);position:absolute;list-style:none;white-space:nowrap;margin:0;padding:0;overflow:hidden}menu.svelte-1luwhfv li:where(.svelte-1luwhfv){padding:calc(var(--spacing) / 2)}menu.svelte-1luwhfv li:where(.svelte-1luwhfv) a:where(.svelte-1luwhfv){display:block;width:100%}menu.svelte-1luwhfv li:where(.svelte-1luwhfv):hover{background-color:var(--bg-color-2)}button.svelte-ljk4e3{cursor:pointer;transition:background-color .3s ease;border-radius:calc(var(--spacing) / 2);padding:calc(var(--spacing) / 2);display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:transparent;border:none}button.svelte-ljk4e3.compact{padding:calc(var(--spacing) * .4)!important}button.svelte-ljk4e3.rounded{border-radius:50%}button.svelte-ljk4e3.background{background:var(--bg-color-3)}button.svelte-ljk4e3.border{border:1px solid var(--border-1)}button.svelte-ljk4e3.background:not(.disabled):hover{background:var(--bg-color-4)}button.svelte-ljk4e3:disabled{cursor:default;opacity:.4}.cocktail-view.svelte-sro9vr{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;position:fixed;top:0;right:0;bottom:0;left:0}.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr){display:flex;flex-direction:column;background-color:#ffffff12;animation:all 1s ease-in-out;z-index:1;border-radius:6px;overflow:hidden;width:60%;max-height:80vh;gap:var(--spacing);position:relative}@media (max-width: 768px){.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr){position:fixed;top:0;right:0;bottom:0;left:0;border-radius:unset;max-height:unset;width:100vw}}.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr) img:where(.svelte-sro9vr){width:100%;max-height:35vh;object-fit:cover}.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr) .summary:where(.svelte-sro9vr){position:relative;display:flex;flex:1;width:100%;justify-content:center}.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr) .summary:where(.svelte-sro9vr) .name:where(.svelte-sro9vr){text-align:center;white-space:nowrap;overflow:hidden;padding-right:60px;padding-left:var(--spacing);text-overflow:ellipsis;box-sizing:border-box;font-size:2em}.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr) .details:where(.svelte-sro9vr){display:flex;flex-direction:column;overflow:auto;padding:0 var(--spacing);gap:var(--spacing)}.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr) .details:where(.svelte-sro9vr) .ingredients:where(.svelte-sro9vr) .title:where(.svelte-sro9vr){padding-bottom:var(--spacing);border-bottom:1px rgba(255,255,255,.2) solid}.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr) .details:where(.svelte-sro9vr) .ingredients:where(.svelte-sro9vr) button:where(.svelte-sro9vr){padding:0;border:none;background:none}.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr) .details:where(.svelte-sro9vr) .ingredients:where(.svelte-sro9vr) table:where(.svelte-sro9vr){border-spacing:var(--spacing)}.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr) .details:where(.svelte-sro9vr) .ingredients:where(.svelte-sro9vr) td.right:where(.svelte-sro9vr){text-align:right}.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr) .details:where(.svelte-sro9vr) .ingredients:where(.svelte-sro9vr) .quantity:where(.svelte-sro9vr){font-size:1.2em;font-weight:400;margin:4px}.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr) .details:where(.svelte-sro9vr) .ingredients:where(.svelte-sro9vr) .unity:where(.svelte-sro9vr){font-size:1.1em}.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr) .details:where(.svelte-sro9vr) .ingredients:where(.svelte-sro9vr) .spirit:where(.svelte-sro9vr){font-weight:400;color:var(--color-1)}.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr) .details:where(.svelte-sro9vr) .ingredients:where(.svelte-sro9vr) .annotations:where(.svelte-sro9vr){font-size:.9em}.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr) .details:where(.svelte-sro9vr) .estimated-volume:where(.svelte-sro9vr){font-size:.8em;color:var(--color-4)}.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr) .details:where(.svelte-sro9vr) .instructions:where(.svelte-sro9vr) .title:where(.svelte-sro9vr){padding-bottom:var(--spacing);border-bottom:1px rgba(255,255,255,.2) solid}.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr) .details:where(.svelte-sro9vr) .instructions:where(.svelte-sro9vr) .text:where(.svelte-sro9vr){display:flex;flex-direction:column;gap:2px}.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr) .details:where(.svelte-sro9vr) .instructions:where(.svelte-sro9vr) .text:where(.svelte-sro9vr) .instruction:where(.svelte-sro9vr){display:flex;gap:calc(var(--spacing) / 2);align-items:center;padding-bottom:calc(var(--spacing) / 2)}.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr) .details:where(.svelte-sro9vr) .instructions:where(.svelte-sro9vr) .text:where(.svelte-sro9vr) .instruction:where(.svelte-sro9vr) .index:where(.svelte-sro9vr){font-size:.9rem;color:var(--color-8);margin-right:var(--spacing)}.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr) .details:where(.svelte-sro9vr) .instructions:where(.svelte-sro9vr) .text:where(.svelte-sro9vr) .instruction:where(.svelte-sro9vr) .index:where(.svelte-sro9vr):after{content:":"}.cocktail-view.svelte-sro9vr .content:where(.svelte-sro9vr) .details:where(.svelte-sro9vr) .lab-annotations:where(.svelte-sro9vr){display:flex;padding:var(--spacing);gap:var(--spacing);background-color:var(--bg-color-3);border:1px rgba(255,255,255,.2) solid;border-radius:var(--spacing)}.loader.svelte-1dyvz7b{width:48px;height:48px;display:inline-block;position:relative}.loader.svelte-1dyvz7b:after,.loader.svelte-1dyvz7b:before{content:"";box-sizing:border-box;width:48px;height:48px;border-radius:50%;border:2px solid #FFF;position:absolute;left:0;top:0;animation:svelte-1dyvz7b-animloader 2s linear infinite}.loader.svelte-1dyvz7b:after{animation-delay:1s}@keyframes svelte-1dyvz7b-animloader{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.menu-bar.svelte-tol5y3{position:fixed;bottom:0;left:0;right:0;display:flex;flex:1;gap:var(--spacing);padding:var(--spacing);align-items:center;justify-content:center;background-color:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);z-index:1}.menu-bar.svelte-tol5y3:not(:has(*)){display:none}.menu-bar.svelte-tol5y3.expanded>button,.menu-bar.svelte-tol5y3.expanded>.expandable-menu:not(.expanded){display:none;opacity:0}@media (min-width: 1024px){.menu-bar.svelte-tol5y3{left:50%;right:auto;transform:translate(-50%);width:40vw;border-radius:calc(var(--spacing) / 2);bottom:var(--spacing)}}label.svelte-1z01jsk{cursor:pointer;position:relative;fill:var(--color-8);color:var(--color-8);border:1px solid var(--border-1);border-radius:calc(var(--spacing) / 2);padding:calc(var(--spacing) / 2);gap:calc(var(--spacing) / 2);display:flex;align-items:center;background:var(--bg-color-3);flex-grow:0;flex-shrink:1}label.svelte-1z01jsk:hover{background:var(--bg-color-4)}label.svelte-1z01jsk.checked{fill:var(--color-1);border:1px solid var(--border-2);color:var(--color-1)}label.svelte-1z01jsk input:where(.svelte-1z01jsk){opacity:0;position:absolute;width:0;height:0}.backdrop.svelte-f8u7pl{position:absolute;text-decoration:none;color:#ffffffb3;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:0}.cocktail-form.svelte-f8u7pl{display:flex;flex-direction:column;height:100vh;box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;width:60%;max-height:80vh;margin:auto;z-index:1;background-color:var(--bg-color-2)}@media (max-width: 768px){.cocktail-form.svelte-f8u7pl{position:absolute;max-height:unset;width:100vw}}.cocktail-form.svelte-f8u7pl .form:where(.svelte-f8u7pl){display:flex;flex-direction:column;overflow:auto}.cocktail-form.svelte-f8u7pl .form:where(.svelte-f8u7pl) .spacer:where(.svelte-f8u7pl){min-height:200px;flex-shrink:0}.cocktail-form.svelte-f8u7pl .title:where(.svelte-f8u7pl){color:var(--color-2);font-size:1.5em}.cocktail-form.svelte-f8u7pl .image-container:where(.svelte-f8u7pl){position:relative;min-height:5rem;overflow:hidden;flex-shrink:0}.cocktail-form.svelte-f8u7pl .image-container:where(.svelte-f8u7pl) .hint:where(.svelte-f8u7pl){position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;color:var(--color-4)}.cocktail-form.svelte-f8u7pl .image-container:where(.svelte-f8u7pl) img:where(.svelte-f8u7pl){width:100%;max-height:35vh;object-fit:cover;object-position:50% 50%}.cocktail-form.svelte-f8u7pl .image-container:where(.svelte-f8u7pl) .image-buttons:where(.svelte-f8u7pl){position:absolute;bottom:var(--spacing);right:var(--spacing);display:flex;gap:var(--spacing);opacity:.5;transition:opacity .3s ease}.cocktail-form.svelte-f8u7pl .image-container:where(.svelte-f8u7pl):hover .image-buttons:where(.svelte-f8u7pl){opacity:1}.cocktail-form.svelte-f8u7pl .summary:where(.svelte-f8u7pl){padding:1em}.cocktail-form.svelte-f8u7pl .summary:where(.svelte-f8u7pl) input:where(.svelte-f8u7pl){flex:1;width:100%;box-sizing:border-box}.cocktail-form.svelte-f8u7pl .options:where(.svelte-f8u7pl){display:flex;align-items:center;justify-content:center;padding:var(--spacing);gap:var(--spacing)}.cocktail-form.svelte-f8u7pl .ingredients:where(.svelte-f8u7pl){padding:var(--spacing);display:flex;flex-direction:column;gap:var(--spacing)}.cocktail-form.svelte-f8u7pl .ingredients:where(.svelte-f8u7pl) .ingredient:where(.svelte-f8u7pl){display:flex;gap:calc(var(--spacing) / 2)}.cocktail-form.svelte-f8u7pl .ingredients:where(.svelte-f8u7pl) .ingredient:where(.svelte-f8u7pl) .inputs:where(.svelte-f8u7pl){display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing) / 2);overflow:auto}.cocktail-form.svelte-f8u7pl .ingredients:where(.svelte-f8u7pl) .ingredient:where(.svelte-f8u7pl) .inputs:where(.svelte-f8u7pl) .row:where(.svelte-f8u7pl){display:flex;flex:1;gap:calc(var(--spacing) / 2)}.cocktail-form.svelte-f8u7pl .ingredients:where(.svelte-f8u7pl) .ingredient:where(.svelte-f8u7pl) .inputs:where(.svelte-f8u7pl) .row:where(.svelte-f8u7pl) input#ingredient-quantity:where(.svelte-f8u7pl){width:40cqi;max-width:10ch;display:flex;min-width:0}.cocktail-form.svelte-f8u7pl .ingredients:where(.svelte-f8u7pl) .ingredient:where(.svelte-f8u7pl) .inputs:where(.svelte-f8u7pl) .row:where(.svelte-f8u7pl) select#ingredient-unity:where(.svelte-f8u7pl){max-width:15ch;display:flex;flex:1 1 50%;min-width:0}.cocktail-form.svelte-f8u7pl .ingredients:where(.svelte-f8u7pl) .ingredient:where(.svelte-f8u7pl) .inputs:where(.svelte-f8u7pl) .row:where(.svelte-f8u7pl) input#ingredient-base:where(.svelte-f8u7pl){display:flex;flex:1 1 100%;min-width:0}.cocktail-form.svelte-f8u7pl .ingredients:where(.svelte-f8u7pl) .ingredient:where(.svelte-f8u7pl) .inputs:where(.svelte-f8u7pl) .row:where(.svelte-f8u7pl) .full-width:where(.svelte-f8u7pl){width:100%}.cocktail-form.svelte-f8u7pl .ingredients:where(.svelte-f8u7pl) .ingredient:where(.svelte-f8u7pl) .buttons:where(.svelte-f8u7pl){display:flex}.cocktail-form.svelte-f8u7pl .instructions:where(.svelte-f8u7pl){padding:var(--spacing);display:flex;flex-direction:column;gap:calc(var(--spacing) / 2)}.cocktail-form.svelte-f8u7pl .instructions:where(.svelte-f8u7pl) .instruction:where(.svelte-f8u7pl){display:flex;gap:calc(var(--spacing) / 2);align-items:center;padding-bottom:calc(var(--spacing) / 2);border-bottom:1px solid var(--border-1)}.cocktail-form.svelte-f8u7pl .instructions:where(.svelte-f8u7pl) .instruction:where(.svelte-f8u7pl) .index:where(.svelte-f8u7pl){font-size:.9rem;color:var(--color-8);margin-right:var(--spacing)}.cocktail-form.svelte-f8u7pl .instructions:where(.svelte-f8u7pl) .instruction:where(.svelte-f8u7pl) .index:where(.svelte-f8u7pl):after{content:":"}.cocktail-form.svelte-f8u7pl .instructions:where(.svelte-f8u7pl) .instruction:where(.svelte-f8u7pl) .text:where(.svelte-f8u7pl){display:flex;flex:1;align-items:center}.cocktail-form.svelte-f8u7pl .instructions:where(.svelte-f8u7pl) .form-row:where(.svelte-f8u7pl){display:flex;gap:calc(var(--spacing) / 2);align-items:center;overflow:hidden}.cocktail-form.svelte-f8u7pl .instructions:where(.svelte-f8u7pl) .form-row:where(.svelte-f8u7pl) input:where(.svelte-f8u7pl){display:flex;flex:1}.cocktail-form.svelte-f8u7pl .annotations:where(.svelte-f8u7pl){padding:var(--spacing);display:flex;flex-direction:column;gap:calc(var(--spacing) / 2)}.cocktail-form.svelte-f8u7pl .annotations:where(.svelte-f8u7pl) .title:where(.svelte-f8u7pl){display:flex;align-items:center;gap:calc(var(--spacing) / 2)}.crop-view.svelte-f8u7pl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000e6}.crop-view.svelte-f8u7pl .crop-overlay:where(.svelte-f8u7pl){position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.crop-view.svelte-f8u7pl .crop-actions:where(.svelte-f8u7pl){position:absolute;top:var(--spacing);right:var(--spacing);display:flex;gap:var(--spacing);z-index:1001}.crop-view.svelte-f8u7pl cropper-canvas:where(.svelte-f8u7pl){width:100vw;height:100vh}.expandable-menu.svelte-l5nay0{width:fit-content;display:flex;gap:var(--spacing);align-items:center;justify-content:center;box-sizing:border-box;transition:width .1s ease}.expandable-menu.svelte-l5nay0.expanded{flex:1;width:100vw}.expanded-menu.svelte-l5nay0{display:flex;gap:var(--spacing);align-items:center;justify-content:center}.confirm-dialog.svelte-1vmsipx{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:var(--spacing);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--backdrop-color);z-index:1}main.svelte-1xjhci5{display:flex;flex-direction:column;width:100vw;height:100vh;gap:var(--spacing);box-sizing:border-box;overflow:auto;padding-bottom:calc(var(--spacing) * 5)}main.svelte-1xjhci5 .toolbar:where(.svelte-1xjhci5){display:flex;width:100%;align-items:center;padding:var(--spacing);gap:var(--spacing);box-sizing:border-box;container-type:inline-size}main.svelte-1xjhci5 .toolbar:where(.svelte-1xjhci5) .view-change:where(.svelte-1xjhci5){display:flex;align-items:center;justify-content:center;gap:var(--spacing)}main.svelte-1xjhci5 .logo:where(.svelte-1xjhci5){display:flex;align-items:center;justify-content:stretch;gap:var(--spacing);font-size:clamp(1.5rem,2cqi,1rem);flex:1}main.svelte-1xjhci5 .logo:where(.svelte-1xjhci5) img:where(.svelte-1xjhci5){height:4rem;width:4rem}main.svelte-1xjhci5 .toolbar-sync:where(.svelte-1xjhci5){display:flex;align-items:center;justify-content:center}main.svelte-1xjhci5 .logon-form:where(.svelte-1xjhci5){display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;gap:var(--spacing);position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--backdrop-color);z-index:1}main.svelte-1xjhci5 .logon-form:where(.svelte-1xjhci5) .box:where(.svelte-1xjhci5){display:flex;flex-direction:column;align-items:center;padding:var(--spacing);gap:var(--spacing);background:var(--bg-color-1)}main.svelte-1xjhci5 .logon-form:where(.svelte-1xjhci5) .box:where(.svelte-1xjhci5) .form:where(.svelte-1xjhci5){display:flex;width:100%;justify-content:center;align-items:center;gap:var(--spacing)}main.svelte-1xjhci5 .logon-form:where(.svelte-1xjhci5) .box:where(.svelte-1xjhci5) .e-mail:where(.svelte-1xjhci5){width:100%}main.svelte-1xjhci5 .logon-form:where(.svelte-1xjhci5) .box:where(.svelte-1xjhci5) .help:where(.svelte-1xjhci5){text-align:center;font-size:.9rem;color:var(--color-8)}main.svelte-1xjhci5 .filter-help:where(.svelte-1xjhci5){display:flex;align-items:center;justify-content:center;font-size:.8em;color:var(--color-6)}main.svelte-1xjhci5 .filter-help:where(.svelte-1xjhci5) em:where(.svelte-1xjhci5){color:var(--color-2)}main.svelte-1xjhci5 .filter-help:where(.svelte-1xjhci5) em:where(.svelte-1xjhci5)~em:where(.svelte-1xjhci5):before{content:", "}main.svelte-1xjhci5 .filter-help:where(.svelte-1xjhci5) a:where(.svelte-1xjhci5){margin-left:var(--spacing);font-weight:700;display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing) / 2)}.dialog-backdrop.svelte-1ciu45g{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--backdrop-color);z-index:10}.dialog.svelte-1ciu45g{width:min(720px,92vw);max-height:90vh;background:var(--bg-color-2);border:1px solid var(--border-1);border-radius:var(--spacing);padding:var(--spacing);box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;gap:var(--spacing);overflow:auto}header.svelte-1ciu45g{display:flex;align-items:center;justify-content:space-between}.content.svelte-1ciu45g{background:var(--bg-color-3);border:1px solid var(--border-1);border-radius:calc(var(--spacing) / 2);padding:var(--spacing)}ul.list.svelte-1ciu45g{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:calc(var(--spacing) / 2)}ul.list.svelte-1ciu45g li:where(.svelte-1ciu45g){display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing) / 2);border:1px solid var(--border-1);border-radius:calc(var(--spacing) / 2);background:var(--bg-color-2)}.item-main.svelte-1ciu45g .name:where(.svelte-1ciu45g){font-weight:600}.item-actions.svelte-1ciu45g{display:flex;gap:calc(var(--spacing) / 2)}.editor.svelte-1ciu45g{display:flex;flex-direction:column;gap:calc(var(--spacing));border-top:1px solid var(--border-1);padding-top:var(--spacing)}.form-row.svelte-1ciu45g{display:flex;flex-direction:column;gap:calc(var(--spacing) / 4)}.form-row.svelte-1ciu45g input:where(.svelte-1ciu45g){background:var(--bg-color-1);border:1px solid var(--border-1);border-radius:calc(var(--spacing) / 2);padding:calc(var(--spacing) / 1.2);color:var(--color-1)}.form-actions.svelte-1ciu45g{display:flex;gap:var(--spacing);justify-content:flex-end}.form-actions.svelte-1ciu45g button:where(.svelte-1ciu45g){display:inline-flex;align-items:center;gap:calc(var(--spacing) / 3);padding:calc(var(--spacing) / 2) var(--spacing);border-radius:calc(var(--spacing) / 2);border:1px solid var(--border-1);background:var(--bg-color-3);color:var(--color-1);cursor:pointer}.form-actions.svelte-1ciu45g .primary:where(.svelte-1ciu45g){background:var(--bg-color-4)}.form-actions.svelte-1ciu45g .alert:where(.svelte-1ciu45g){background:var(--alert-bg, #6b1a1a);color:#fff;border-color:transparent}main.svelte-xxkm4f{display:flex;flex-direction:column;width:100vw;height:100vh;gap:var(--spacing);box-sizing:border-box;overflow:auto;padding-bottom:calc(var(--spacing) * 5)}main.svelte-xxkm4f .toolbar:where(.svelte-xxkm4f){display:flex;width:100%;align-items:center;padding:var(--spacing);gap:var(--spacing);box-sizing:border-box;container-type:inline-size}main.svelte-xxkm4f .toolbar:where(.svelte-xxkm4f) a:where(.svelte-xxkm4f) svg:where(.svelte-xxkm4f){width:1.2em;height:1.2em}main.svelte-xxkm4f .toolbar:where(.svelte-xxkm4f) .view-change:where(.svelte-xxkm4f){display:flex;align-items:center;justify-content:center;gap:var(--spacing)}main.svelte-xxkm4f .logo:where(.svelte-xxkm4f){display:flex;align-items:center;justify-content:stretch;gap:var(--spacing);font-size:clamp(1.5rem,2cqi,1rem);flex:1}main.svelte-xxkm4f .logo:where(.svelte-xxkm4f) img:where(.svelte-xxkm4f){height:4rem;width:4rem}
