@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url(/fonts/roboto-v30-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:400;src:local("Roboto Italic"),url(/fonts/roboto-v30-latin-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium"),url(/fonts/roboto-v30-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:500;src:local("Roboto Medium Italic"),url(/fonts/roboto-v30-latin-500italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto Bold"),url(/fonts/roboto-v30-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:700;src:local("Roboto Bold Italic"),url(/fonts/roboto-v30-latin-700italic.woff2) format("woff2")}*{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-user-select:none;user-select:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,li{display:block}fieldset{margin-inline:0 0;padding-block:0 0;padding-inline:0 0;min-inline-size:unset}legend{padding-inline:0 0;padding:0 10px}button{background-color:transparent;border:none;color:inherit}button,label,input[type=checkbox]{cursor:pointer}html,body{line-height:1.25;font-family:Roboto,sans-serif;font-size:1em;position:relative;scroll-snap-type:y proximity;overscroll-behavior-x:none}main{display:block;position:relative;margin:auto;width:100%;min-height:calc(100vh - 56px);min-height:calc(100dvh - 56px)}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;text-align:center;background-color:var(--surface)}:root{--primary: rgb(128 0 128);--surface-tint: rgb(158 42 155);--on-primary: rgb(255 255 255);--primary-container: rgb(146 29 144);--on-primary-container: rgb(255 246 249);--secondary: rgb(130 75 124);--on-secondary: rgb(255 255 255);--secondary-container: rgb(230 194 220);--on-secondary-container: rgb(95 45 91);--tertiary: rgb(107 0 40);--on-tertiary: rgb(255 255 255);--tertiary-container: rgb(163 29 71);--on-tertiary-container: rgb(255 248 247);--error: rgb(186 26 26);--on-error: rgb(255 255 255);--error-container: rgb(255 218 214);--on-error-container: rgb(65 0 2);--background: rgb(255 247 249);--on-background: rgb(34 25 32);--surface: rgb(255 2525 255);--on-surface: rgb(34 25 32);--surface-variant: rgb(243 220 236);--on-surface-variant: rgb(82 66 78);--outline: rgb(132 114 127);--outline-variant: rgb(214 192 207);--shadow: rgb(0 0 0);--scrim: rgb(0 0 0);--inverse-surface: rgb(55 45 53);--inverse-on-surface: rgb(253 236 246);--inverse-primary: rgb(255 170 243);--primary-fixed: rgb(255 215 245);--on-primary-fixed: rgb(56 0 56);--primary-fixed-dim: rgb(255 170 243);--on-primary-fixed-variant: rgb(129 1 129);--secondary-fixed: rgb(255 215 245);--on-secondary-fixed: rgb(53 6 52);--secondary-fixed-dim: rgb(244 178 233);--on-secondary-fixed-variant: rgb(103 52 99);--tertiary-fixed: rgb(255 217 222);--on-tertiary-fixed: rgb(63 0 21);--tertiary-fixed-dim: rgb(255 178 190);--on-tertiary-fixed-variant: rgb(142 7 57);--surface-dim: rgb(218 215 221);--surface-bright: rgb(249 247 255);--surface-container-lowest: rgb(255 255 255);--surface-container-low: rgb(251 248 254);--surface-container: rgb(243 240 246);--surface-container-high: rgb(237 234 241);--surface-container-highest: rgb(231 228 234);--warning-color: #E67E22;--layer-opacity: 0;--elevation1: rgba(0, 0, 0, .2) 0px 2px 1px -1px, rgba(0, 0, 0, .14) 0px 1px 1px 0px, rgba(0, 0, 0, .12) 0px 1px 3px 0px;--elevation2: rgba(0, 0, 0, .2) 0px 3px 3px -2px, rgba(0, 0, 0, .14) 0px 3px 4px 0px, rgba(0, 0, 0, .12) 0px 1px 8px 0px;--elevation3: rgba(0, 0, 0, .2) 0px 3px 5px -1px, rgba(0, 0, 0, .14) 0px 6px 10px 0px, rgba(0, 0, 0, .12) 0px 1px 18px 0px}:focus,input:focus-visible{outline:none}svg,use{vertical-align:middle;pointer-events:none;height:24px;aspect-ratio:1}a{user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],input[type=tel],input[type=search],input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=range]{cursor:pointer;accent-color:var(--primary)}input[type=range]::-webkit-slider-thumb{border:10px solid var(--primary);border-radius:50%}.link{cursor:pointer;text-decoration:none;transition:color .2s ease-in;color:var(--primary)}.hidden{display:none}label:has(>.clearable){position:relative;display:block;width:fit-content}.clearinput{position:absolute!important;top:50%;translate:0 -50%;right:8px}a{text-decoration:none;color:unset}body,a{color:var(--on-surface);fill:var(--on-surface-variant)}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--outline-variant) transparent;scrollbar-width:thin}}*::-webkit-scrollbar{background-color:transparent;width:8px;height:8px}*::-webkit-scrollbar-thumb{background-color:var(--surface-container-highest);border-radius:4px}:disabled{pointer-events:none}.bigger-target{position:relative;overflow:visible}.bigger-target:before{content:"";position:absolute;inset-inline:calc(var(--target-inline) * -1);inset-block:calc(var(--target-block) * -1)}.show-scrollable{position:relative}.show-scrollable:before,.show-scrollable:after{display:none;position:sticky;grid-column:1 / -1;content:"";z-index:4;box-shadow:0 0 0 transparent;transition:box-shadow .3s}.show-scrollable:before{top:0}.show-scrollable:after{bottom:0}.scrollable-up:before,.scrollable-down:after{display:block;box-shadow:0 0 60px 60px var(--surface)}.cesure{display:inline-block}.sortable{position:relative}.sortable li{position:relative;width:100%;transition:top .3s}.drag-clone{position:absolute;pointer-events:none;display:flex;flex-direction:column;opacity:.7;z-index:50}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation-name:spin;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear}.sticking{transition:box-shadow .2s ease-in-out;box-shadow:0 2px 10px #00000026;border-radius:0!important;z-index:2}.order-content{display:flex;flex-direction:column;gap:6px;margin:1rem 0;padding:0 8px;scrollbar-gutter:stable both-edges;overflow:auto}.order-content>li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 8px;width:100%;min-height:40px;flex-shrink:0}.order-content>li span{color:var(--outline);font-style:italic}.order-content>li .name{width:0;flex-grow:9}.order-content>li .price{padding-left:4px;margin-left:auto;white-space:nowrap}.order-content>li .customizations{display:flex;flex-direction:column;margin-bottom:6px;min-width:100%}.order-content>li .customizations li{display:flex;align-items:center;gap:6px}.order-content>li .customizations li svg{margin-bottom:8px;fill:var(--outline)}.order-content>li .customizations li div:first-child{color:var(--outline);font-style:italic}.order-content>li>ol{display:flex;flex-direction:column;min-width:100%}.order-content>li>ol>li{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;min-height:32px}.order-content>li>ol>li svg{margin-bottom:8px;fill:var(--outline)}.order-content>li>ol>li .customizations{padding-left:30px}body>:is(.print,.receipt,.z-report){display:none}@media print{body>:is(.print,.receipt,.z-report){display:flex;border:none;width:100%;max-width:100%;padding:0}}.bill,.receipt,.z-report{display:flex;z-index:-1;flex-direction:column;gap:10px;padding:10px 8px;width:100%;max-width:8cm;font-size:14px;border:1px solid var(--on-surface)}:is(.bill,.receipt,.z-report) h2{font-size:22px;font-weight:500;text-align:center;line-height:1}:is(.bill,.receipt,.z-report) address{display:flex;flex-direction:column;align-items:center;text-align:center}:is(.bill,.receipt,.z-report) h3{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px;font-size:18px;font-weight:500;text-align:center}:is(.bill,.receipt,.z-report) h3 time{font-size:16px}:is(.bill,.receipt,.z-report) .z-infos{display:flex;flex-direction:column;gap:10px}:is(.bill,.receipt,.z-report) .infos{display:grid;grid-template-columns:auto auto;grid-template-rows:17.5px minmax(17.5px,max-content);align-items:start;text-align:right;gap:0 10px;padding-top:16px}:is(.bill,.receipt,.z-report) .infos div{font-weight:500}:is(.bill,.receipt,.z-report) .infos div,:is(.bill,.receipt,.z-report) .infos span,:is(.bill,.receipt,.z-report) .infos time{text-align:left}:is(.bill,.receipt,.z-report)>ul{gap:0;padding:0;width:100%;scrollbar-gutter:auto}:is(.bill,.receipt,.z-report)>ul>li{gap:0 10px;padding:2px 0;min-height:0}:is(.bill,.receipt,.z-report)>ul>li>ol{margin-top:2px}:is(.bill,.receipt,.z-report)>ul>li>ol>li{min-height:0;overflow:hidden}:is(.bill,.receipt,.z-report)>ul>li>ol>li svg{position:relative;top:-5px;margin:-3px 0}:is(.bill,.receipt,.z-report)>ul>li .customizations{margin-bottom:0}:is(.bill,.receipt,.z-report) .totals{display:flex;flex-direction:column;align-items:end}:is(.bill,.receipt,.z-report) .totals .total{margin-top:6px;font-weight:700}:is(.bill,.receipt,.z-report) .total{text-align:right;font-weight:500}:is(.bill,.receipt,.z-report) .tax-rates{display:grid;grid-template-columns:repeat(4,max-content);justify-content:space-between;justify-items:flex-end;gap:0 4px;padding:6px 0;border-block:1px dashed var(--on-surface)}:is(.bill,.receipt,.z-report) .tax-rates li{display:contents}:is(.bill,.receipt,.z-report) .tax-rates li:first-child div{justify-self:center}:is(.bill,.receipt,.z-report) .tax-rates li.totals *{border-top:1px dashed var(--on-surface);margin-top:6px;padding-top:4px}:is(.bill,.receipt,.z-report) .payments{padding-top:10px}:is(.bill,.receipt,.z-report) .payments li{display:flex;justify-content:space-between}:is(.bill,.receipt,.z-report) .legal{padding:6px 0;border-block:1px dashed var(--on-surface);font-size:10px}:is(.bill,.receipt,.z-report) .legal div{display:flex;justify-content:space-between}:is(.bill,.receipt,.z-report).z-report .legal{padding-bottom:0;border-bottom:none}:is(.bill,.receipt,.z-report) footer{display:flex;flex-direction:column;align-items:center;gap:10px;font-style:italic;color:var(--outline)}:is(.bill,.receipt,.z-report) footer .duplicata{padding:2px 6px;width:max-content;background-color:var(--on-surface);font-style:normal;font-weight:500;color:var(--surface)}@media not print{html.dark-mode{--primary: rgb(255 170 243);--surface-tint: rgb(255 170 243);--on-primary: rgb(91 0 91);--primary-container: rgb(114 0 114);--on-primary-container: rgb(255 189 244);--secondary: rgb(244 178 233);--on-secondary: rgb(78 29 75);--secondary-container: rgb(93 43 89);--on-secondary-container: rgb(255 190 244);--tertiary: rgb(255 178 190);--on-tertiary: rgb(102 0 38);--tertiary-container: rgb(127 0 49);--on-tertiary-container: rgb(255 193 203);--error: rgb(255 180 171);--on-error: rgb(105 0 5);--error-container: rgb(147 0 10);--on-error-container: rgb(255 218 214);--background: rgb(25 17 23);--on-background: rgb(239 222 232);--surface: rgb(25 17 23);--on-surface: rgb(239 222 232);--surface-variant: rgb(82 66 78);--on-surface-variant: rgb(214 192 207);--outline: rgb(159 139 153);--outline-variant: rgb(82 66 78);--shadow: rgb(0 0 0);--scrim: rgb(0 0 0);--inverse-surface: rgb(239 222 232);--inverse-on-surface: rgb(55 45 53);--inverse-primary: rgb(158 42 155);--primary-fixed: rgb(255 215 245);--on-primary-fixed: rgb(56 0 56);--primary-fixed-dim: rgb(255 170 243);--on-primary-fixed-variant: rgb(129 1 129);--secondary-fixed: rgb(255 215 245);--on-secondary-fixed: rgb(53 6 52);--secondary-fixed-dim: rgb(244 178 233);--on-secondary-fixed-variant: rgb(103 52 99);--tertiary-fixed: rgb(255 217 222);--on-tertiary-fixed: rgb(63 0 21);--tertiary-fixed-dim: rgb(255 178 190);--on-tertiary-fixed-variant: rgb(142 7 57);--surface-dim: rgb(25 17 23);--surface-bright: rgb(65 54 62);--surface-container-lowest: rgb(20 12 18);--surface-container-low: rgb(34 25 32);--surface-container: rgb(38 29 36);--surface-container-high: rgb(49 39 46);--surface-container-highest: rgb(60 50 57)}html.dark-mode #logo path:first-child{fill:#fff}}@media print{:root{--on-surface: black !important;--surface: white !important;--outline: black !important}}html.no-transitions *{transition:none!important}body{display:flex;flex-wrap:wrap;background-color:var(--surface);transition:background-color .5s;z-index:0}body main{display:flex;flex-direction:column;container:main / inline-size}body main>section{display:flex;flex-direction:column;flex-grow:9}@media not (max-width:700px){body{padding-bottom:16px}body>nav{min-height:calc(100dvh - 56px - 3rem);height:calc(100vh - 56px - 3rem)}@supports not selector(::-webkit-scrollbar){body>nav:not(:hover){scrollbar-color:var(--outline-variant) transparent;scrollbar-width:none}}body>nav:not(:hover)::-webkit-scrollbar{background-color:transparent;width:0;height:0}body main{margin-right:16px;width:0;flex-grow:9;border-radius:1rem;min-height:calc(100vh - 56px - 1rem);min-height:calc(100dvh - 56px - 1rem);height:calc(100vh - 56px - 1rem);height:calc(100dvh - 56px - 1rem);background-color:var(--surface-container);overflow:auto;transition:background-color .5s}body main>section{gap:1rem;margin:1rem;height:100%;transition:background-color .5s;overflow:auto}body main>section.intro{margin:1rem}body main>section>*{flex-shrink:0}}@media(display-mode:fullscreen){body main{border-radius:0}}.bento{padding:1rem;border-radius:1rem;background-color:var(--surface);transition:background-color .5s}@media print{body>header,body>nav,main{display:none!important}}@keyframes fadeOutIn{0%{opacity:1}50%{opacity:0}to{opacity:1}}#network-failure,#maintenance{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;gap:60px;padding:60px;background-color:var(--surface);text-align:center;font-weight:700}:is(#network-failure,#maintenance) svg{height:200px;fill:var(--outline)}#really-leave{align-items:start;gap:40px;padding:30px 24px 20px;min-width:300px;max-width:600px;border-radius:24px;font-size:14px}#really-leave div:last-of-type{display:flex;align-self:end}.list{display:flex;flex-direction:column;padding:0 .5rem;scrollbar-gutter:stable both-edges;width:100%;height:0;flex-grow:9;background-color:var(--surface);overflow:auto;transition:background-color .5s}@media not (min-width:500px){.list{padding:0}}.list .sortbuttons{display:flex;gap:10px;width:100%;min-height:56px}.list .sortbuttons:has(+ol:empty){display:none}.list .sortbuttons:has(+ol li){border-bottom:1px solid rgb(150,150,150)}@media not (min-width:500px){.list .sortbuttons{gap:0}}.list .sortbuttons:has(+ol button){padding-right:100px}@media not (min-width:500px){.list .sortbuttons:has(+ol button){padding-right:40px}}.list .sortbuttons button{padding-left:32px;width:100%}@media(max-width:700px){.list .sortbuttons button{padding:0}}.list .sortbuttons button[aria-sort]{fill:var(--primary)}.list .sortbuttons button[aria-sort=descending] svg{rotate:180deg}.list .sortbuttons button svg{height:32px;transition:rotate .4s}.list:not(:has(>ol>li:nth-child(2))) .sortbuttons button{padding-left:0;pointer-events:none}.list:not(:has(>ol>li:nth-child(2))) .sortbuttons button svg{display:none}.list ol{flex-grow:9}.list ol:empty{display:none}.list ol:has(button) li:not(:has(button,.buttons)){padding-right:100px}.list ol>li{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:0 10px;width:100%;min-height:57px;cursor:pointer}.list ol>li:not(:last-child){min-height:56px;border-bottom:1px solid var(--outline-variant)}.list ol>li .really{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;gap:20px 40px;padding:6px 10px;min-height:56px;height:100%;width:100%;background-color:var(--surface)}.list ol>li .really div{display:flex;gap:20px}.list ol>li .really~*{display:none!important}.list ol>li>a{display:contents}.list ol>li>a>div,.list ol>li>div:not(:has(button),.really-decline-order,.mini-menu,.buttons){display:flex;justify-content:center;align-items:center;flex:1 1 0;min-height:56px;padding:.5rem 0;text-align:center}@media not (min-width:1150px){:is(.list ol>li>a>div,.list ol>li>div:not(:has(button),.really-decline-order,.mini-menu,.buttons)):nth-child(2){flex-direction:column}}:is(.list ol>li>a>div,.list ol>li>div:not(:has(button),.really-decline-order,.mini-menu,.buttons))>svg{fill:var(--outline);margin-right:6px}.list ol>li .buttons{display:flex;gap:0 10px}@media not (min-width:500px){.list ol>li .buttons{flex-direction:column}}.list ol>li button{align-self:center}.list ol>li button.accept{fill:green}.list ol>li button.decline{fill:var(--error)}.list ol>li button.options{margin-left:50px}@media not (min-width:500px){.list ol>li button.options{margin-left:0}}.list ol>li>ul{position:relative;display:flex;flex-wrap:wrap;justify-items:center;gap:10px 16px;min-width:100%}.list ol>li>ul:has(li){padding:10px 0;border-top:1px dashed var(--outline-variant)}@media not (min-width:500px){.list ol>li>ul:has(li){padding:10px 6px}}.list ol>li>ul>li{position:relative;display:flex;align-items:center;padding:0 12px;gap:20px;min-width:220px;width:300px;max-width:500px;flex:1 1 0;height:57px;border:1px solid var(--outline-variant);border-radius:15px;font-size:15px}.list ol>li>ul>li>a{display:flex;align-items:center;flex-grow:9;height:100%}.list ol>li>ul>li>a svg{margin-right:12px}.list ol:empty+.no-result{display:flex}.list .no-result{display:none;justify-content:center;align-items:center;flex-grow:9;text-align:center;padding:1rem}.list .no-result svg{height:80px}@media not (min-width:418px){.fluid-frame{padding-left:0!important;padding-right:0!important;border-inline:none!important;border-radius:0!important}.fluid-frame>legend{margin-left:10px}}body>header{position:relative;display:flex;flex-wrap:wrap;align-items:center;width:100%;gap:16px;min-height:56px;padding:0 16px}body>header .alert{position:relative;display:flex;justify-content:center;align-items:center;padding:10px 50px;min-width:100%;min-height:40px;background-color:var(--primary);color:var(--surface);text-align:center}body>header .alert button{position:absolute;right:10px;fill:var(--surface)}body>header>a{margin-right:auto}body>header>a svg{height:34px}@media not (min-width:360px){body>header>a svg{margin-right:-116px}body>header>a svg path:first-child{display:none}}body>header .switch-restaurant{display:flex;align-items:center;gap:10px;padding:0 16px;height:32px;text-align:center;border-radius:20px;border:1px solid var(--outline-variant);--target-inline: 8px;--target-block: 8px}body>header .switch-restaurant.hidden{display:none}@media not (min-width:600px){body>header .switch-restaurant{display:block;padding:0 1px 0 0;width:32px;font-size:0}body>header .switch-restaurant:first-letter{font-size:16px}body>header .switch-restaurant svg{display:none}}body>header .switch-restaurant+div button:not(:has(svg)){padding-left:48px}body>header #show-user-menu{height:32px;width:32px;border-radius:50%;--target-inline: 8px;--target-block: 8px}body>header #show-user-menu span{display:block;width:100%;line-height:32px;text-align:center;color:#fff;border-radius:50%;background-color:#5c6bc0;pointer-events:none}body>header #show-user-menu img,body>header #show-user-menu canvas{width:100%;height:100%;border-radius:50%;pointer-events:none}#user-menu{position:relative}#user-menu header{display:flex;gap:10px;height:72px;padding:10px}#user-menu header>span{flex-shrink:0;height:40px;width:40px;border-radius:50%;line-height:40px;text-align:center;font-size:20px;color:var(--surface);background-color:#5c6bc0}#user-menu header>img{height:40px;border-radius:50%}#user-menu header>div:last-child{display:flex;flex-direction:column;justify-content:center;width:calc(100% - 50px);height:40px}#user-menu header>div:last-child span{display:block;width:100%;height:20px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#user-menu header>div:last-child span:first-child{font-size:18px}#user-menu .user-mini-menu :is(button,a){display:flex;align-items:center;gap:12px;padding:0 16px;height:48px;width:100%}@media(hover:hover)and (pointer:fine){#user-menu .user-mini-menu :is(button,a):hover{background-color:var(--outline-variant)}}#user-menu .user-mini-menu :is(button,a) svg:nth-child(2){margin-left:auto}#user-menu .change-user,#user-menu .change-language,#user-menu .change-localisation{position:absolute;top:0;left:0;display:flex;flex-wrap:wrap;align-content:start;width:100%;height:100%;background-color:var(--surface-container)}:is(#user-menu .change-user,#user-menu .change-language,#user-menu .change-localisation) button:first-child{height:40px;margin:0 5px;aspect-ratio:1}:is(#user-menu .change-user,#user-menu .change-language,#user-menu .change-localisation) div{height:40px;line-height:40px}:is(#user-menu .change-user,#user-menu .change-language,#user-menu .change-localisation) ol{width:100%;height:calc(100% - 40px);overflow:auto}:is(#user-menu .change-user,#user-menu .change-language,#user-menu .change-localisation) ol li{display:flex;align-items:center;padding:0 16px 0 56px;width:max-content;min-width:100%;height:48px;cursor:pointer}:is(#user-menu .change-user,#user-menu .change-language,#user-menu .change-localisation) ol li.active{padding-left:16px}:is(#user-menu .change-user,#user-menu .change-language,#user-menu .change-localisation) ol li.active svg{margin-right:16px}@media(hover:hover)and (pointer:fine){:is(#user-menu .change-user,#user-menu .change-language,#user-menu .change-localisation) ol li:hover{background-color:var(--outline-variant)}}.device-settings{width:100%;max-width:376px}.device-settings form{display:flex;flex-direction:column;gap:30px;padding:10px 16px;width:100%;scrollbar-gutter:stable both-edges;overflow:auto}.device-settings form fieldset{display:flex;flex-direction:column;gap:10px}.device-settings form fieldset label{display:block;padding:1rem;border-radius:20px;box-shadow:0 0 0 1px #79747e inset;text-align:left}.device-settings form fieldset label:has(input:checked){box-shadow:0 0 0 2px var(--primary) inset}.device-settings form fieldset label:has(input:checked) div{color:var(--primary)}.device-settings form fieldset label:has(input:checked) svg{fill:var(--primary)}.device-settings form fieldset label div{display:flex;align-items:center;gap:14px;padding-bottom:10px;font-weight:500;pointer-events:none}.device-settings form fieldset label p{color:var(--outline);pointer-events:none}.device-settings form fieldset label input{display:none}.device-settings form fieldset:has([value=singleUser]:checked)+div{opacity:.5;pointer-events:none}.device-settings form>div{margin-top:10px}.device-settings form>button{margin-bottom:.5rem}#add-restaurant-modal{width:100%;max-width:350px}#add-restaurant-modal form{display:flex;flex-direction:column;gap:30px;padding:24px 24px 0;width:100%}#add-restaurant-modal form>button{margin:10px 0 24px}#staffmenu header{display:flex;align-items:center;justify-content:start;gap:16px;margin-bottom:0;width:260px;height:56px;padding:16px}#staffmenu header button{width:40px;height:40px}#staffmenu header>a svg{height:34px}#staffmenu footer{margin-top:auto;padding:12px;width:260px;text-align:center}.staff-nav{overflow:auto}.staff-nav.hidden{display:none}.staff-nav.short{margin:1rem 0;padding:0 4px;margin:1rem 4px;width:72px}.staff-nav.short a{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px 0;width:100%;gap:6px;border-radius:6px;font-size:10px;text-align:center;overflow:hidden}.staff-nav.short a[href="/analytics"],.staff-nav.short a[href="/menus"],.staff-nav.short a[href="/support"],.staff-nav.short a[href="/invoices"],.staff-nav.short a[href="/employees"],.staff-nav.short a[href="/restaurant-settings"]{display:none}.staff-nav.short a.selected{background-color:var(--surface-container)}@media(hover:hover)and (pointer:fine){.staff-nav.short a:hover{background-color:var(--surface-container-high)}}.staff-nav.short a svg{fill:var(--on-surface-variant)}.staff-nav.large{margin:1rem 0;padding:0 8px;width:262px}.staff-nav.large a{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:1rem;padding:0 8px;width:100%;height:50px;border-radius:6px}.staff-nav.large a.selected{background-color:var(--surface-container)}@media(hover:hover)and (pointer:fine){.staff-nav.large a:hover{background-color:var(--surface-container-high)}}.staff-nav.large a svg{fill:var(--on-surface-variant)}#staffmenu{width:260px}.no-permissions{display:flex;justify-content:center;align-items:center;padding:20px;width:100%;height:300px;text-align:center;font-weight:500}.welcome{align-items:center;justify-content:center;gap:60px;padding:0 40px 40px}.welcome p{text-align:center}.welcome p:first-child{font-size:28px}#staff{margin:0;padding:1rem .5rem;background-color:var(--surface-container);scrollbar-gutter:stable both-edges}#staff nav{padding:.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,450px),1fr));flex-wrap:wrap;width:100%;gap:1.5rem}@media not (min-width:500px){#staff nav{gap:10px 20px}}#staff nav a{display:flex;align-items:center;justify-content:space-evenly;font-size:18px;border-radius:8px;overflow:hidden;background-color:var(--surface)}@media not (min-width:800px){#staff nav a{width:100%}}#staff nav a div:first-child{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;width:50%;flex-grow:9;color:var(--primary);text-align:center}#staff nav a div:last-child{margin-left:auto;width:50%;height:100%;aspect-ratio:2;background-position:center;background-size:cover}@media not (min-width:600px){#staff nav a div:last-child{width:33.33%;aspect-ratio:1}}@media not (min-width:350px){#staff nav a div:last-child{width:40%}}