:root,:root *{box-sizing:border-box;margin:0;padding:0}:root{--green: #DBFD00;--red: #FFADDE;--blue: #A3E8FF;--yellow: #FFE489;--light: #f1f1f1;--dark: #1B1B1B;--disabledColor: #7b7b7b;--theme: ☀️;color-scheme:light}@media (prefers-color-scheme: dark){:root{--theme: 🌑;color-scheme:dark}}:root:has([value=☀️]:checked){--theme: ☀️;color-scheme:light}:root:has([value=🌑]:checked){--theme: 🌑;color-scheme:dark}body{--text-color: var(--dark);--shadow-color: var(--dark);--shadow-color-alt: var(--green);--border-color: var(--dark);--background-color: var(--light);interpolate-size:allow-keywords;font-family:Comfortaa,sans-serif;color:var(--text-color);background-color:var(--background-color);transition:background-color .5s,border-color .5s;overflow-y:auto}@container style(--theme: 🌑){body{--dark: rgb(36, 36, 36);--text-color: var(--light);--shadow-color: var(--green);--border-color: var(--green);--background-color: var(--dark)}}body *{transition:background-color .5s,border-color .5s,box-shadow .5s}button,input,dialog{background:none;border:none;color:var(--text-color);font-family:inherit}ul{list-style:none}.neubrutalism{border:3px solid var(--border-color);box-shadow:3px 3px var(--shadow-color);border-radius:10px}@container style(--theme: 🌑){.neubrutalism{border-width:2px}}form[data-v-01cc5c01]{width:clamp(250px,75%,500px);display:flex;flex-direction:column;position:relative;margin-top:1rem}form label[data-v-01cc5c01]{pointer-events:none}.comboBox[data-v-01cc5c01]{display:flex;border-radius:10px;background-color:var(--background-color);margin-top:.5rem;z-index:2}.comboBox[data-v-01cc5c01]:has(button:disabled){border-color:var(--disabledColor);box-shadow:3px 3px var(--disabledColor)}.comboBox input[data-v-01cc5c01]{border:none;padding:1rem;flex:1;min-width:200px;font-weight:700;font-size:1rem;text-transform:capitalize}.comboBox button[data-v-01cc5c01]{padding:1rem}.comboBox button span[data-v-01cc5c01]{display:block;transition:rotate .2s;font-weight:700}.comboBox button span.rotateBtn[data-v-01cc5c01]{rotate:180deg;transition:rotate .2s}.comboBox button:disabled span[data-v-01cc5c01]{color:var(--disabledColor)}.error[data-v-01cc5c01]{text-decoration:underline;text-underline-offset:2px;margin:0 auto;margin-block:.5rem;padding-inline:1rem;color:red}.ingredientsList[data-v-01cc5c01]{width:100%;max-height:50svh;position:absolute;background-color:var(--green);overflow-y:auto;top:105%;list-style:none;z-index:1;margin-top:-1.5rem;padding:2rem 1rem 1rem}@container style(--theme: 🌑){.ingredientsList[data-v-01cc5c01]{background-color:var(--dark)}}.ingredientsList li[data-v-01cc5c01]{position:relative}.ingredientsList li[data-v-01cc5c01]:not(:last-of-type){margin-bottom:.5rem}.ingredientsList li button:first-of-type[data-v-01cc5c01]{width:100%;padding:.7rem 1rem;font-weight:700;font-size:1rem;text-align:left;text-transform:capitalize;border-radius:5px}.ingredientsList li button:first-of-type[data-v-01cc5c01]:disabled{color:#7b7b7b7b}.removeIngredientBtn[data-v-01cc5c01]{position:absolute;right:0;padding:.7rem 0 .7rem 1rem;font-weight:700}.appear-enter-active[data-v-01cc5c01],.appear-leave-active[data-v-01cc5c01]{transition:height .2s ease}.appear-enter-from[data-v-01cc5c01],.appear-leave-to[data-v-01cc5c01]{height:0;overflow-y:hidden}ul[data-v-c2a67820]{width:clamp(250px,75%,500px);padding:2rem 1rem;position:relative}li[data-v-c2a67820]{width:100%;border:3px solid var(--border-color);border-radius:10px;display:flex}li[data-v-c2a67820] *{font-weight:700}li[data-v-c2a67820]:first-of-type{background-color:var(--red)}li[data-v-c2a67820]:nth-of-type(2){background-color:var(--yellow)}li[data-v-c2a67820]:nth-of-type(3){background-color:var(--blue)}@container style(--theme: 🌑){li[data-v-c2a67820]:first-of-type{background-color:var(--dark);border-color:var(--red);color:var(--red)}li[data-v-c2a67820]:nth-of-type(2){background-color:var(--dark);border-color:var(--yellow);color:var(--yellow)}li[data-v-c2a67820]:nth-of-type(3){background-color:var(--dark);border-color:var(--blue);color:var(--blue)}}li[data-v-c2a67820]:not(:last-of-type){margin-bottom:1rem}li span[data-v-c2a67820]{flex:1;padding:1rem}li button[data-v-c2a67820]{padding:1rem}.list-move[data-v-c2a67820],.list-enter-active[data-v-c2a67820],.list-leave-active[data-v-c2a67820]{transition:all .5s ease}.list-leave-active[data-v-c2a67820]{position:absolute}.list-enter-from[data-v-c2a67820]{translate:-100px 0;opacity:0}.list-leave-to[data-v-c2a67820]{translate:100px 0;opacity:0}dialog[data-v-3a5f5859]{width:95svw;height:95svh;background-color:var(--background-color);border-radius:20px;padding:2rem;top:50%;left:50%;translate:-50% -50%;transition:all .3s ease-in-out;transition-behavior:allow-discrete}dialog[data-v-3a5f5859]::backdrop{background-color:#0000004d;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}dialog[data-v-3a5f5859]:not([open]){top:-50%}@starting-style{dialog[data-v-3a5f5859]{top:-50%}}@container style(--theme: 🌑){dialog[data-v-3a5f5859]{border-color:var(--light);box-shadow:3px 3px var(--light)}}div[data-v-3a5f5859]{display:flex;flex-direction:column;gap:1rem}button[data-v-3a5f5859]{position:absolute;right:1rem;top:1rem;font-weight:700;font-size:1em;text-shadow:1px 1px var(--shadow-color-alt)}@container style(--theme: 🌑){button[data-v-3a5f5859]{text-shadow:none;color:var(--green)}}img[data-v-3a5f5859]{max-width:200px}h3[data-v-3a5f5859]{text-decoration:underline}.modal-enter-active[data-v-3a5f5859],.modal-leave-active[data-v-3a5f5859]{transition:all .4s ease}.modal-enter-from[data-v-3a5f5859],.modal-leave-to[data-v-3a5f5859]{translate:0 -500px}li[data-v-b78cc461]{background-color:var(--green);margin:1.5rem;border-radius:15px}@container style(--theme: 🌑){li[data-v-b78cc461]{background-color:var(--dark)}}li[data-v-b78cc461]:first-of-type{margin-top:0}li button[data-v-b78cc461]{width:100%;display:flex;gap:1rem;padding:.5rem}li button img[data-v-b78cc461]{width:100px;border-radius:8px;pointer-events:none}li button p[data-v-b78cc461]{text-align:left;align-self:center;font-weight:700;font-size:1.2rem;line-height:1.5;pointer-events:none}.cocktailsPreview[data-v-7e950ad6]{--btnHeight: 2.5rem;width:100svw;height:calc(100% - 6rem);position:absolute;z-index:2;bottom:0;background-color:var(--background-color);border-radius:20px 20px 0 0;transition:height .4s ease;display:grid;grid-template-rows:var(--btnHeight) 4rem auto}.cocktailsPreview .toggleBtn[data-v-7e950ad6]{width:100%;background-color:var(--green);border-radius:inherit;border:3px solid var(--border-color);box-shadow:0 3px var(--shadow-color)}@container style(--theme: 🌑){.cocktailsPreview .toggleBtn[data-v-7e950ad6]{background-color:var(--dark);border-width:2px}}.cocktailsPreview p[data-v-7e950ad6]{width:100%;height:100%;display:grid;place-items:center;border-inline:3px solid var(--border-color);text-align:center;line-height:1.5}@container style(--theme: 🌑){.cocktailsPreview p[data-v-7e950ad6]{border:none}}.cocktailsPreview ul[data-v-7e950ad6]{width:100%;overflow-y:auto;border:3px solid var(--border-color);border-top:none}@container style(--theme: 🌑){.cocktailsPreview ul[data-v-7e950ad6]{border-color:var(--dark)}}.cocktailsPreview.toggleCocktailsPreview[data-v-7e950ad6]{height:var(--btnHeight);overflow:hidden;transition:height .4s ease}.scrollTopBtn[data-v-7e950ad6]{position:absolute;width:60px;height:60px;border-radius:50%;bottom:1rem;right:1rem;text-shadow:2px 2px var(--shadow-color-alt);font-weight:700;font-size:2em;background-color:#ffffffb3}@container style(--theme: 🌑){.scrollTopBtn[data-v-7e950ad6]{color:var(--dark)}}.scrollTopBtn span[data-v-7e950ad6]{position:absolute;translate:-45% -55%}.scrollTopBtn-enter-active[data-v-7e950ad6],.scrollTopBtn-leave-active[data-v-7e950ad6]{transition:all .4s ease}.scrollTopBtn-enter-from[data-v-7e950ad6],.scrollTopBtn-leave-to[data-v-7e950ad6]{opacity:0}button[data-v-9bd17aa6]{padding:1rem 1.5rem;font-size:1em;font-weight:700;border-radius:10px;background-color:var(--green)}@container style(--theme: 🌑){button[data-v-9bd17aa6]{background-color:var(--dark)}}button.clicked[data-v-9bd17aa6]{box-shadow:none;translate:3px 3px}form[data-v-6e86431f]{position:absolute;top:22.3%;left:31.1%}@media (pointer: fine){form[data-v-6e86431f]{top:17.2%;left:30.65%;cursor:pointer}}form fieldset[data-v-6e86431f]{border:none}form fieldset legend[data-v-6e86431f]{position:absolute;visibility:hidden}form fieldset select[data-v-6e86431f]{font:inherit;padding:.5rem;border-radius:10px;border:none;background-color:transparent}select[data-v-6e86431f],[data-v-6e86431f]::picker(select){appearance:base-select}select[data-v-6e86431f]::picker-icon{color:transparent}h1[data-v-7f7c9586]{font-weight:700;font-size:3em;text-align:center;margin-block:2rem 1rem}.form[data-v-7f7c9586]{display:flex;flex-direction:column;align-items:center}.ingredients-move[data-v-7f7c9586],.ingredients-enter-active[data-v-7f7c9586],.ingredients-leave-active[data-v-7f7c9586]{transition:all .4s ease}.ingredients-enter-from[data-v-7f7c9586],.ingredients-leave-to[data-v-7f7c9586]{opacity:0}.fetchInfosContainer[data-v-7f7c9586]{width:100%;display:flex;justify-content:center;position:relative;margin-block:2rem}.fetchInfo[data-v-7f7c9586]{font-weight:700;font-size:1.2rem;text-align:center;position:absolute}.fetchInfosContainer-enter-active[data-v-7f7c9586],.fetchInfosContainer-leave-active[data-v-7f7c9586]{transition:opacity .4s ease}.fetchInfosContainer-enter-from[data-v-7f7c9586],.fetchInfosContainer-leave-to[data-v-7f7c9586]{opacity:0}.cocktailPreview-enter-active[data-v-7f7c9586],.cocktailPreview-leave-active[data-v-7f7c9586]{transition:all .4s ease}.cocktailPreview-enter-from[data-v-7f7c9586],.cocktailPreview-leave-to[data-v-7f7c9586]{translate:0 500px;opacity:0}