.loading-container{--delay: calc(var(--loop-duration)*.07);height:100%;width:100%}.loading-container:has(.loading-spinner){position:relative}.loading-container:has(.loading-spinner).fullscreen{position:absolute;top:0;left:0}.loading-container .loading-spinner,.loading-container .loading-spinner div{width:calc(var(--radius)*2);height:calc(var(--radius)*2);position:absolute;top:calc(50% - var(--radius));left:calc(50% - var(--radius))}.loading-container .loading-spinner{transform:rotate(45deg);animation-play-state:inherit}.loading-container .loading-spinner div{width:calc(var(--sub-elem-radius)*2);height:calc(var(--sub-elem-radius)*2);background-color:var(--color);border-radius:50%;transform-origin:var(--radius) var(--radius);animation:rotate var(--loop-duration) cubic-bezier(.46,.06,.22,.99) infinite}.loading-container .loading-spinner div:nth-child(2){animation-delay:var(--delay)}.loading-container .loading-spinner div:nth-child(3){animation-delay:calc(var(--delay)*2)}.loading-container .loading-spinner div:nth-child(4){animation-delay:calc(var(--delay)*3)}.loading-container .loading-spinner div:nth-child(5){animation-delay:calc(var(--delay)*4)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button{display:block;cursor:pointer;border:0 transparent}.button:not(.disabled):not(.no-active):not(.menu-element):active{box-shadow:0 0 2px 1px var(--main-color);z-index:1}@media (hover: hover){.button:not(.disabled):not(.no-active):hover{box-shadow:0 0 2px 1px var(--main-color);z-index:1}.menu-element:hover{box-shadow:none!important}.menu-element:hover span{color:var(--primary-color)}}.button-icon-only{padding:.75rem;background-color:var(--alt-bg)}.button-icon-only.disabled{opacity:.5}.button-icon-only svg{width:2rem;height:2rem;display:flex;justify-content:center;align-items:center}.stacked-icons-container{position:relative}.button-icon-only .stacked-icons-inner svg{position:absolute;width:1.25rem;height:1.25rem;top:75%;left:75%;transform:translate(-50%,-50%)}.button-text{display:inline-block;text-transform:lowercase}.button-text:first-letter{text-transform:uppercase}.button-text{font-weight:700;font-size:large;padding:.75rem}a.button-text{text-decoration:none}.button-icon-only.small{padding:.75rem}.button-icon-only.small svg{width:1rem;height:1rem}.button-text.medium{font-size:medium}.button-text.large{font-size:x-large}.bottom-separator{border-bottom:1px solid var(--main-color)}.bottom-separator-light{border-bottom:1px solid color(from var(--main-color) srgb r g b / .2)}.top-separator-light{border-top:1px solid color(from var(--main-color) srgb r g b / .2)}.sub-element-group{padding-left:2rem}.menu-element svg{width:1.25rem}.menu-element .stacked-icons-inner svg{width:.8rem}.sub-element-list{position:relative}.sub-element-list:before{--line-padding: 10px;content:"";border-left:2px solid var(--main-color);opacity:.2;position:absolute;left:-11px;top:0;bottom:0}.sub-element-list:first-child:before{top:var(--line-padding)}.sub-element-list:last-child:before{bottom:var(--line-padding)}.sub-element-list:only-child:before{top:var(--line-padding);bottom:var(--line-padding)}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.weight-normal{font-weight:400}.weight-bold{font-weight:700}.selectable{-webkit-user-select:text;user-select:text}.pointer{cursor:pointer}.disabled{opacity:.4}.main-bg{background-color:var(--main-bg)}.main-color{color:var(--main-color)}.alt-bg{background-color:var(--alt-bg)}.primary-bg{background-color:var(--primary-color)}.primary-color{color:var(--primary-color)}.primary-contrast-bg{background-color:var(--primary-contrast)}.primary-contrast-color{color:var(--primary-contrast)}.red-bg{background-color:var(--accent-red)}.red{color:var(--accent-red)}.gold-bg{background-color:var(--accent-gold)}.gold{color:var(--accent-gold)}.green-bg{background-color:var(--accent-green)}.green{color:var(--accent-green)}.transparent{color:transparent}.transparent-bg{background-color:transparent}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.flex{display:flex}.flex-1{flex:1}.row-reverse{flex-direction:row-reverse}.sticky{position:sticky}.flex-center{justify-content:center;justify-items:center;align-items:center;align-content:center}.just-start{justify-content:flex-start}.just-center{justify-content:center}.just-end{justify-content:flex-end}.just-between{justify-content:space-between}.align-start{align-items:start}.align-center{align-items:center}.align-end{align-items:flex-end}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-small{font-size:small}.text-normal{font-size:medium}.text-large{font-size:large}.border-1-solid{border:1px solid}.border-color{border-color:var(--main-color)}.border-r-10{border-radius:10px}.border-round{border-radius:50%}.border-primary{border-color:var(--primary-color)!important}.padding-0{padding:0}.padding-05{padding:.5rem}.padding-1{padding:1rem}.padding-10{padding:10px}.padding-1-0{padding:1em 0}.padding-0-1{padding:0 1rem}.padding-top-0{padding-top:0}.padding-bottom-0{padding-bottom:0}.margin-0{margin:0}.margin-5-0{margin:5px 0}.margin-1-0{margin:1em 0}.margin-08-0{margin:.8em 0}.margin-10{margin:10px}.margin-5{margin:5px}.margin-r10{margin-right:10px}.margin-b6{margin-bottom:6rem}.h-button-icon{height:2.5rem}.h-100{height:100%}.w-1{width:1rem}.w-100{width:100%}.w-80{width:80%}.w-70{width:70%}.w-20{width:20%}.w-fit{width:fit-content}.min-w-0{min-width:0}.min-w-fit{min-width:fit-content}.gap-05{gap:.5rem}.gap-1{gap:1rem}.gap-2{gap:2rem}.gap-5{gap:5px}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-100{z-index:100}.top-0{top:0}.top-3{top:3rem}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:1rem}.right-0{right:0}.right-1{right:1rem}.h-header{min-height:58px}.scroll{overflow:auto}.no-scroll{overflow:hidden}.min-w-22{min-width:22%}.min-w-50{min-width:50%}.aspect-1{aspect-ratio:1}.hidden{display:none}.underline{text-decoration:underline}.hide-empty:has(span:empty){display:none}.rotate-180{transform:rotate(180deg)}@supports (scrollbar-gutter: stable){.scrollbar-gutter-stable-both{scrollbar-gutter:stable both-edges}}*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light dark;--main-bg: light-dark(#FFF, #121212);--main-color: light-dark(#000, #FFF);--alt-bg: light-dark(#ededed, #1d1d1d);--alt-color: light-dark(#0006, #FFF6);--theme-hue-primary: 210;--theme-saturation-primary: 70%;--theme-lightness-primary: 50%;--primary-color: hsl(var(--theme-hue-primary), var(--theme-saturation-primary), var(--theme-lightness-primary));--primary-contrast: var(--main-bg);--accent-red: #df3939;--accent-gold: #bd8928;--accent-green: #2B882B}body[data-theme=light]{color-scheme:light}body[data-theme=dark]{color-scheme:dark}body{color:var(--main-color);background-color:var(--main-bg);font-family:sans-serif;-webkit-user-select:none;user-select:none;max-width:900px;margin:0 auto;position:relative}*{-webkit-tap-highlight-color:transparent}a:not(.button),a:not(.button):visited,.fake-link{color:var(--primary-color)}a.disabled{pointer-events:none}.fake-link{text-decoration:underline;cursor:pointer}label{cursor:inherit}#root{height:100svh}details summary{list-style:none}.error-message{color:var(--accent-red);opacity:.9}.checkbox{display:inline-block;width:1rem;height:1rem;border:2px solid var(--primary-color);border-radius:5px}.checkbox.checked{background-color:var(--primary-color)}.icon{width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;padding:10px}.icon:has(.circle){font-size:small;border-radius:50%;border:2px solid var(--toast-color)}.page-header{display:grid;grid-template-columns:5.5rem auto 5.5rem;grid-template-rows:1fr;position:sticky;top:0;z-index:99}.page-header .left{grid-column:1}.page-header .center{grid-column:2}.page-header .right{grid-column:3}#page-title{display:flex;justify-content:center;align-items:center;gap:1rem;text-transform:uppercase;text-align:center;min-height:5.5rem;margin-top:-5.5rem;padding:0 5rem;position:sticky;top:0;background-color:var(--main-bg)}#page-title:after,#page-title:before{content:"";width:100%;height:8px;background-color:var(--primary-color);flex:1}.page-footer{display:grid;grid-template-columns:1fr auto 1fr;position:sticky;bottom:0;z-index:99;justify-content:space-between}.users-list-element{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--main-color);border-radius:10px;padding:1rem}.user-status{width:2rem;height:2rem;border-radius:50%}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100svh;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:99999;display:flex;justify-content:center;align-items:flex-start}.modal-title{padding-bottom:1rem}.modal-container{padding:1rem;margin:5rem 1rem;border:2px solid var(--main-color);border-radius:10px;background-color:var(--main-bg);min-width:300px}.modal-content{padding-bottom:.5rem;line-height:1.5}.modal-controls{padding-top:.5rem;border-top:1px solid var(--alt-color)}input{padding:.7rem;border:0;border-radius:5px}#payment-toogle-container{padding:1rem}#payment-method-selection{border-radius:10px;border:1px solid var(--main-color)}input:checked~.custom-toogle:after{transform:translate(calc(var(--width)/2))}.custom-toogle{--width: 50px;--height: calc(var(--width)/2);--border-w: 3px;position:relative;min-width:var(--width);height:var(--height);border-radius:var(--height);border:var(--border-w) solid var(--main-color)}.custom-toogle:after{content:"";display:block;width:calc(var(--height) - var(--border-w)*2);height:calc(var(--height) - var(--border-w)*2);background-color:var(--primary-color);border-radius:50%;transition:transform .2s ease}.toggle{transition:opacity .2s linear}input:not(:checked)~.toggle-left{opacity:1}input:checked~.toggle-right{opacity:1}#invite-link{padding-bottom:1rem}.cart-item-container{border:2px solid var(--main-color);border-radius:10px;cursor:pointer}.cart-item-container.item-disabled{border-color:var(--alt-color)}.cart-item-pay{margin-right:5px}.cart-item-summary{padding:1rem}.cart-item-container details:open .cart-item-summary{padding-bottom:0}.cart-item-description{white-space:pre-line;line-height:1.5rem}.cart-item-extra-info{padding:1rem;padding-top:0}.shared-cart{border:1px solid var(--main-color);border-radius:10px;padding:1rem}[data-cart-count]{position:relative}[data-cart-count]:after{content:attr(data-cart-count);font-weight:bolder;position:absolute;top:0;right:5px;transform:translate(100%);color:var(--main-color)}.cart-info{position:relative;margin:2px 1rem 10px}.cart-info .cart-info-summary svg{transition:all .2s ease-in-out}.new-cart-poke,.new-cart-dish{text-decoration:none;color:var(--main-color)!important;border:2px solid var(--main-color);border-radius:10px}.new-cart-poke:hover,.new-cart-dish:hover{color:var(--primary-color)!important}.toast-container{position:fixed;min-width:300px;text-align:left;z-index:9999;top:5rem;left:50%;transform:translate(50%);opacity:0;background-color:var(--main-bg);box-shadow:0 0 5px 0 var(--alt-bg);overflow:hidden;padding:1rem}.no-animation{transform:translate(-50%);opacity:1}.animate-in{animation:animate-in forwards .5s ease-in-out}.animate-out{animation:animate-out forwards .5s ease-in-out}@keyframes animate-in{0%{transform:translate(50%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes animate-out{0%{transform:translate(-50%);opacity:1}to{transform:translate(50%);opacity:0}}.toast-container:before{content:"";width:100%;height:3px;position:absolute;left:0;bottom:0;opacity:.3;transform-origin:left;background-color:var(--toast-color, var(--primary-color));animation:toast-progress linear forwards;animation-duration:var(--toast-duration, 2s)}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-message{width:fit-content;flex:1}#order-preview-container{display:flex;flex-direction:column;gap:.5rem;width:80vw;max-width:800px}#order-preview-container .group{display:flex;align-items:center;gap:.5rem}#order-preview-container .group-label{min-width:6ch;text-align:left}#order-message{width:100%;min-width:100%;resize:vertical;max-height:35svh;padding:10px;margin-top:1rem;field-sizing:content}#order-time-error{margin-top:.5rem}.tabbed-header{border-bottom:1px solid var(--main-color)}input[type=radio],input[type=checkbox]{display:none}.size-container label,.ingredient-container label{cursor:pointer}#size-selector-container{display:flex;margin:1rem 2rem;gap:1rem;flex-wrap:wrap}.size-container{border:2px solid var(--main-color);min-width:270px;flex:1;border-radius:.5rem}.size-container.selected{border-color:var(--primary-color);box-shadow:0 0 10px 0 var(--primary-color) inset}.size-limits{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;padding:1rem}.size-price{font-weight:700;padding:2px 5px;background-color:var(--primary-color);color:var(--main-bg)}.ingredient-group-header{position:sticky;top:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;background-color:var(--main-bg);padding:1.5rem 2rem 1rem;z-index:1}.ingredient-group-name{background-color:var(--primary-color);color:var(--primary-contrast);width:150px;text-align:center;padding:5px}.extra-label{color:var(--accent-red);font-size:.8rem}.extra-price{color:var(--accent-red);display:flex;gap:5px}.group-count-price{display:flex;gap:7px}.group-count{display:flex;gap:2px}.add-extra{height:4.5rem}.ingredient-container,.dish-container{border:2px solid var(--main-color);border-radius:5px;text-transform:capitalize;font-size:large;flex:1;display:flex}.ingredient-group-container{display:flex;flex-wrap:wrap;gap:1rem;margin:0 2rem;padding:1rem 0}.ingredient-container.selected,.dish-container.selected{border-color:var(--primary-color);box-shadow:0 0 10px 0 var(--primary-color) inset}.ingredient-container label{display:inline-block;padding:1.5rem;min-width:250px;flex:1}.ingredient-container[data-extra]:after,.dish-container[data-extra]:after{content:"x" attr(data-extra);position:absolute;right:0;top:0;transform:rotate(-20deg) translate(22px,-8px);font-weight:700;color:var(--accent-red);background-color:var(--main-bg);padding:5px;border-radius:50%}.dish-menu-category-header{margin-bottom:1rem}.dish-menu-category-header:after{content:"";position:absolute;bottom:0;left:0;right:0;margin:0 1rem;border-bottom:1px solid var(--main-color);opacity:.5}[data-dish-count]:after{content:attr(data-dish-count);position:absolute;margin-left:.5rem;width:2ch;height:2ch;border:1px solid var(--primary-color);border-radius:50%;padding:5px;transform:translateY(-5px);font-size:small;opacity:.8}.dish-menu-category-header.selected,.dish-menu-category-header.selected:after{color:var(--primary-color);border-color:var(--primary-color)}.menu-container{gap:1rem;overflow-x:hidden}.dish-container{flex:0}.dish-container>label{display:flex;min-width:250px;flex:1;gap:.5rem;padding:1.5rem 4.5rem 1.5rem 1rem}.dish-container.selected label{padding-right:4.5rem}.dish-price{min-width:5ch}.dish-name{flex:1}.page-container.login,.page-container.signup{display:flex;align-items:center;justify-content:center;height:100vh}.login-form button,.signup-form button{border-radius:10px}.login-form,.signup-form{display:flex;flex-direction:column;gap:2rem;padding:2rem;width:70%;min-width:350px;max-width:500px;margin-bottom:4rem}.form-element{display:flex;gap:.5rem;align-items:center}.form-element input{padding:.7rem;border:0;border-radius:5px;flex:1;padding-left:30px;font-size:large;background-color:var(--alt-bg)}.input-icon{position:absolute;transform:translate(5px)}.login-form-controls,.signup-form-controls{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.form-validation-message{padding:.5rem;padding-bottom:0}.form-submit-message{text-align:center;color:var(--accent-red)}.access-offline{font-size:small;margin-top:2rem;color:var(--main-bg);background-color:var(--main-color);opacity:.5}.login-submit-container,.signup-submit-container{width:100%;height:3rem}.password-confirm{margin-top:2rem}