@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")}*{font-size:100%;font:inherit;vertical-align:baseline;-webkit-user-select:none;user-select:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,li{display:block}fieldset{min-inline-size:unset;margin-inline:0;padding-block:0;padding-inline:0}legend{padding-inline:0;padding:0 10px}button{color:inherit;background-color:#0000;border:none}button,label,input[type=checkbox]{cursor:pointer}html,body{scroll-snap-type:y proximity;overscroll-behavior-x:none;font-family:Roboto,sans-serif;font-size:1em;line-height:1.25;position:relative}main{width:100%;min-height:calc(100vh - 56px);margin:auto;display:block;position:relative}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;text-align:center}:root{--primary:purple;--surface-tint:#9e2a9b;--on-primary:#fff;--primary-container:#921d90;--on-primary-container:#fff6f9;--secondary:#824b7c;--on-secondary:#fff;--secondary-container:#e6c2dc;--on-secondary-container:#5f2d5b;--tertiary:#6b0028;--on-tertiary:#fff;--tertiary-container:#a31d47;--on-tertiary-container:#fff8f7;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#410002;--background:#fff7f9;--on-background:#221920;--surface:#fff;--on-surface:#221920;--surface-variant:#f3dcec;--on-surface-variant:#52424e;--outline:#84727f;--outline-variant:#d6c0cf;--shadow:#000;--scrim:#000;--inverse-surface:#372d35;--inverse-on-surface:#fdecf6;--inverse-primary:#ffaaf3;--primary-fixed:#ffd7f5;--on-primary-fixed:#380038;--primary-fixed-dim:#ffaaf3;--on-primary-fixed-variant:#810181;--secondary-fixed:#ffd7f5;--on-secondary-fixed:#350634;--secondary-fixed-dim:#f4b2e9;--on-secondary-fixed-variant:#673463;--tertiary-fixed:#ffd9de;--on-tertiary-fixed:#3f0015;--tertiary-fixed-dim:#ffb2be;--on-tertiary-fixed-variant:#8e0739;--surface-dim:#dad7dd;--surface-bright:#f9f7ff;--surface-container-lowest:#fff;--surface-container-low:#fbf8fe;--surface-container:#f3f0f6;--surface-container-high:#edeaf1;--surface-container-highest:#e7e4ea;--warning-color:#e67e22;--layer-opacity:0;--elevation1:0px 1px 2px 0px #0000004d, 0px 1px 3px 1px #00000026;--elevation2:0px 1px 2px 0px #0000004d, 0px 2px 6px 2px #00000026;--elevation3:0px 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026}:focus,input:focus-visible{outline:none}svg,use{vertical-align:middle;pointer-events:none;aspect-ratio:1;height:24px}a{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],input[type=tel],input[type=search]{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{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;color:var(--primary);text-decoration:none;transition:color .2s ease-in}.hidden{display:none}label:has(>.clearable){width:fit-content;display:block;position:relative}.clearinput{top:50%;right:8px;translate:0 -50%;position:absolute!important}a{color:unset;text-decoration:none}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:#0000;width:8px;height:8px}::-webkit-scrollbar:horizontal{display:none!important}::-webkit-scrollbar-thumb{background-color:var(--surface-container-highest);border-radius:4px}.android ::-webkit-scrollbar:horizontal{display:none!important}.android :not(html):not(body)::-webkit-scrollbar{background-color:#0000;width:8px}.android :not(html):not(body)::-webkit-scrollbar-thumb{background-color:#0000;border-radius:4px;transition:background-color .3s}.android :not(html):not(body):hover::-webkit-scrollbar-thumb{background-color:var(--surface-container-highest)}.android :not(html):not(body):active::-webkit-scrollbar-thumb{background-color:var(--surface-container-highest)}.android :not(html):not(body):focus::-webkit-scrollbar-thumb{background-color:var(--surface-container-highest)}:disabled{pointer-events:none}.bigger-target{position:relative;overflow:visible}.bigger-target:before{content:"";inset-inline:calc(var(--target-inline) * -1);inset-block:calc(var(--target-block) * -1);z-index:1;position:absolute}.show-scrollable{position:relative}.show-scrollable:before,.show-scrollable:after{content:"";z-index:4;grid-column:1/-1;transition:box-shadow .3s;display:none;position:sticky;box-shadow:0 0 #0000}.show-scrollable:before{top:0}.show-scrollable:after{bottom:0}.scrollable-up:before,.scrollable-down:after{box-shadow:0 0 60px 60px var(--surface);display:block}.cesure{display:inline-block}.sortable{position:relative}.sortable li{width:100%;transition:top .3s;position:relative}.drag-clone{pointer-events:none;opacity:.7;z-index:50;flex-direction:column;display:flex;position:absolute}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes show{to{opacity:1}}svg.loading{opacity:0;animation:1.5s linear infinite loading,0s .2s forwards show}.sticking{z-index:2;transition:box-shadow .2s ease-in-out;box-shadow:0 2px 10px #00000026;border-radius:0!important}.order-content{scrollbar-gutter:stable both-edges;flex-direction:column;gap:6px;margin:1rem 0;padding:0 8px;display:flex;overflow:auto}.order-content>li{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;width:100%;min-height:40px;padding:4px 8px;display:flex}.order-content>li span{color:var(--outline);font-style:italic}.order-content>li .name{flex-grow:9;width:0}.order-content>li .amount{white-space:nowrap;margin-left:auto;padding-left:4px}.order-content>li .customizations{flex-direction:column;min-width:100%;margin-bottom:6px;display:flex}.order-content>li .customizations li{align-items:center;gap:6px;display:flex}.order-content>li .customizations li svg{fill:var(--outline);margin-bottom:8px}.order-content>li .customizations li div:first-child{color:var(--outline);font-style:italic}.order-content>li>ol{flex-direction:column;min-width:100%;display:flex}.order-content>li>ol>li{flex-wrap:wrap;align-items:center;gap:0 6px;min-height:32px;display:flex}.order-content>li>ol>li svg{fill:var(--outline);margin-bottom:8px}.order-content>li>ol>li .customizations{padding-left:30px}.app-required{max-width:358px}.app-required>svg{height:100px;fill:var(--outline);opacity:.5}.app-required div{text-align:center;flex-direction:column;gap:60px;padding:24px;line-height:22px;display:flex}@keyframes orbit{0%{transform:rotate(0deg) translateX(var(--radius)) rotate(0deg)}to{transform:rotate(360deg) translateX(var(--radius)) rotate(-360deg)}}.printEscPos,.print-os{--surface:white;--on-surface:black;--outline:dimgray}.print-os{display:none!important}@media print{.print-os{display:flex!important}}.bill,.receipt,.z-report{z-index:-1;background-color:var(--surface);width:100%;max-width:8cm;color:var(--on-surface);flex-direction:column;gap:10px;font-size:14px;display:flex}:is(.bill,.receipt,.z-report) h2{text-align:center;font-size:22px;font-weight:500;line-height:1}:is(.bill,.receipt,.z-report) address{text-align:center;flex-direction:column;align-items:center;display:flex}:is(.bill,.receipt,.z-report) h3{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:14px;font-size:18px;font-weight:500;display:flex}:is(.bill,.receipt,.z-report) h3 time{font-size:16px}:is(.bill,.receipt,.z-report) .z-infos{flex-direction:column;gap:10px;display:flex}:is(.bill,.receipt,.z-report) .infos{text-align:right;grid-template-rows:17.5px minmax(17.5px,max-content);grid-template-columns:auto auto;align-items:start;gap:0 10px;padding-top:16px;display:grid}: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{scrollbar-gutter:auto;gap:0;width:100%;padding:0}:is(.bill,.receipt,.z-report)>ul>li{gap:0 10px;min-height:0;padding:2px 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{margin:-3px 0;position:relative;top:-5px}:is(.bill,.receipt,.z-report)>ul>li .customizations{margin-bottom:0}:is(.bill,.receipt,.z-report) .totals{text-align:right;grid-template-columns:1fr auto;justify-items:end;gap:10px;display:grid}:is(.bill,.receipt,.z-report) .totals :is(dd,dt):last-of-type{font-weight:700}:is(.bill,.receipt,.z-report) .tax-rates{border-block:1px dashed var(--on-surface);grid-template-columns:repeat(4,max-content);justify-content:space-between;justify-items:flex-end;gap:0 4px;padding:6px 0;display:grid}:is(.bill,.receipt,.z-report) .tax-rates:empty{border-top:0}:is(.bill,.receipt,.z-report) .tax-rates thead,:is(.bill,.receipt,.z-report) .tax-rates tbody,:is(.bill,.receipt,.z-report) .tax-rates tfoot,:is(.bill,.receipt,.z-report) .tax-rates tr{display:contents}:is(:is(.bill,.receipt,.z-report) .tax-rates thead,:is(.bill,.receipt,.z-report) .tax-rates tbody,:is(.bill,.receipt,.z-report) .tax-rates tfoot,:is(.bill,.receipt,.z-report) .tax-rates tr):first-child div{justify-self:center}:is(:is(.bill,.receipt,.z-report) .tax-rates thead,:is(.bill,.receipt,.z-report) .tax-rates tbody,:is(.bill,.receipt,.z-report) .tax-rates tfoot,:is(.bill,.receipt,.z-report) .tax-rates tr).totals *{border-top:1px dashed var(--on-surface);margin-top:6px;padding-top:4px}:is(.bill,.receipt,.z-report) .payments{grid-template-columns:auto auto;padding-top:10px;display:grid}:is(.bill,.receipt,.z-report) .payments dd{text-align:right}:is(.bill,.receipt,.z-report) .legal{border-block:1px dashed var(--on-surface);padding:6px 0;font-size:10px}:is(.bill,.receipt,.z-report) .legal div{justify-content:space-between;display:flex}:is(.bill,.receipt,.z-report).z-report .legal{border-bottom:none;padding-bottom:0}:is(.bill,.receipt,.z-report) footer{color:var(--outline);flex-direction:column;align-items:center;gap:10px;padding-top:10px;font-style:italic;display:flex}:is(.bill,.receipt,.z-report) footer .duplicata{background-color:var(--on-surface);width:max-content;color:var(--surface);padding:2px 6px;font-style:normal;font-weight:500}@media not print{html.dark-mode{--primary:#ffaaf3;--surface-tint:#ffaaf3;--on-primary:#5b005b;--primary-container:#720072;--on-primary-container:#ffbdf4;--secondary:#f4b2e9;--on-secondary:#4e1d4b;--secondary-container:#5d2b59;--on-secondary-container:#ffbef4;--tertiary:#ffb2be;--on-tertiary:#660026;--tertiary-container:#7f0031;--on-tertiary-container:#ffc1cb;--error:#ffb4ab;--on-error:#690005;--error-container:#93000a;--on-error-container:#ffdad6;--background:#191117;--on-background:#efdee8;--surface:#191117;--on-surface:#efdee8;--surface-variant:#52424e;--on-surface-variant:#d6c0cf;--outline:#9f8b99;--outline-variant:#52424e;--shadow:#000;--scrim:#000;--inverse-surface:#efdee8;--inverse-on-surface:#372d35;--inverse-primary:#9e2a9b;--primary-fixed:#ffd7f5;--on-primary-fixed:#380038;--primary-fixed-dim:#ffaaf3;--on-primary-fixed-variant:#810181;--secondary-fixed:#ffd7f5;--on-secondary-fixed:#350634;--secondary-fixed-dim:#f4b2e9;--on-secondary-fixed-variant:#673463;--tertiary-fixed:#ffd9de;--on-tertiary-fixed:#3f0015;--tertiary-fixed-dim:#ffb2be;--on-tertiary-fixed-variant:#8e0739;--surface-dim:#191117;--surface-bright:#41363e;--surface-container-lowest:#140c12;--surface-container-low:#221920;--surface-container:#261d24;--surface-container-high:#31272e;--surface-container-highest:#3c3239;--elevation1:0px 1px 3px 1px #0006, 0px 1px 2px 0px #00000080;--elevation2:0px 2px 6px 2px #0006, 0px 1px 2px 0px #00000080;--elevation3:0px 4px 8px 3px #0006, 0px 1px 3px 0px #00000080}html.dark-mode #logo g:last-child{fill:#fff}}:root{--table:#9a6735;--bar:#a1586f;--room:#607d8b;--takeout:#4555ff;--delivery:#008f7a;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}@media print{:root{--on-surface:black!important;--surface:white!important;--outline:black!important}body>header,body>nav,body>main{display:none!important}}html.no-transitions *{transition:none!important}body{padding:var(--safe-top) 0 var(--safe-bottom) 0;background-color:var(--surface);z-index:0;grid-template-rows:auto 1fr;grid-template-columns:1fr;height:100svh;transition:background-color .5s;display:grid}@media (width>700px){body{grid-template-columns:auto 1fr;justify-items:start;max-height:100svh;padding-bottom:8px}}body>header{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px 16px;width:100%;padding:8px 16px;display:flex;position:relative}body>header .electron-header{text-align:center;-webkit-app-region:drag;grid-template-columns:40px 40px 40px 1fr 120px;align-items:center;gap:8px;width:100%;font-size:20px;display:grid}.macos :is(body>header .electron-header){padding:0 70px}body>header .electron-header time{-webkit-app-region:drag}body>header .electron-header~*{-webkit-app-region:none}body>header .alert{background-color:var(--primary);width:100%;min-height:56px;color:var(--surface);text-align:center;z-index:9;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px;display:grid;position:fixed;top:0;left:0}body>header .alert button:last-child{--target-inline:10px;--target-block:8px;fill:var(--surface);flex:none;margin-left:auto}@media (width>700px){body>header .alert{padding:8px 16px}}body>header>a{margin-right:auto}body>header>a svg{height:30px;margin-bottom:2px}@media (width<360px){body>header>a svg{margin-right:-116px}body>header>a svg path:first-child{display:none}}body>header .switch-restaurant{text-align:center;border:1px solid var(--outline-variant);--target-inline:8px;--target-block:8px;border-radius:20px;align-items:center;gap:10px;height:32px;padding:0 16px;display:flex}body>header .switch-restaurant.hidden{display:none}@media (width<600px){body>header .switch-restaurant{width:32px;padding:0 1px 0 0;font-size:0;display:block}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{--target-inline:8px;--target-block:8px;border-radius:50%;width:32px;height:32px}body>header #show-user-menu span{text-align:center;color:#fff;pointer-events:none;background-color:#5c6bc0;border-radius:50%;width:100%;line-height:32px;display:block}body>header #show-user-menu img,body>header #show-user-menu canvas{pointer-events:none;border-radius:50%;width:100%;height:100%}#user-menu{position:relative}#user-menu header{gap:10px;height:72px;padding:10px;display:flex}#user-menu header>span{text-align:center;width:40px;height:40px;color:var(--surface);background-color:#5c6bc0;border-radius:50%;flex-shrink:0;font-size:20px;line-height:40px}#user-menu header>img{border-radius:50%;height:40px}#user-menu header>div:last-child{flex-direction:column;justify-content:center;width:calc(100% - 50px);height:40px;display:flex}#user-menu header>div:last-child span{white-space:nowrap;text-overflow:ellipsis;width:100%;height:20px;line-height:20px;display:block;overflow:hidden}#user-menu header>div:last-child span:first-child{font-size:18px}#user-menu .user-mini-menu :is(button,a){align-items:center;gap:12px;width:100%;height:48px;padding:0 16px;display:flex}@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{background-color:var(--surface-container);flex-wrap:wrap;align-content:start;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}:is(#user-menu .change-user,#user-menu .change-language,#user-menu .change-localisation) button:first-child{aspect-ratio:1;height:40px;margin:0 5px}: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{cursor:pointer;align-items:center;width:max-content;min-width:100%;height:48px;padding:0 16px 0 56px;display:flex}: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)}}#add-restaurant-modal,.modal.add-company{max-width:350px}:is(#add-restaurant-modal,.modal.add-company) form{flex-direction:column;gap:30px;width:100%;padding:24px 24px 0;display:flex}:is(#add-restaurant-modal,.modal.add-company) form>button{margin:10px 0 24px}#staffmenu{width:260px;padding-top:var(--safe-top)}#staffmenu header{justify-content:start;align-items:center;gap:16px;width:260px;height:56px;margin-bottom:0;padding:16px;display:flex}#staffmenu header button{width:40px;height:40px}#staffmenu header>a svg{height:30px;margin-bottom:2px}#staffmenu footer{text-align:center;width:260px;margin-top:auto;padding:12px}.staff-nav{overflow:auto}.staff-nav.hidden{display:none}.staff-nav.short{width:80px;margin:1rem 0;padding:0 4px}.staff-nav.short a{text-align:center;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 0;font-size:10px;display:flex;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=\/billing-and-subscriptions],.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{width:262px;margin:1rem 0;padding:0 8px}.staff-nav.large a{border-radius:6px;grid-template-columns:24px 1fr;align-items:center;gap:1rem;width:100%;height:50px;padding:0 8px;display:grid}.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)}@media (width>700px){@supports not selector(::-webkit-scrollbar){.staff-nav:not(:hover){scrollbar-color:var(--outline-variant) transparent;scrollbar-width:none}}.staff-nav:not(:hover)::-webkit-scrollbar{background-color:#0000;width:0;height:0}}body>main{flex-direction:column;width:100%;height:100%;min-height:100%;margin:0;display:flex;container:main/inline-size}@media (display-mode:fullscreen){body>main{border-radius:0}}@media (width>700px){body>main{background-color:var(--surface-container);border-radius:1rem;width:calc(100% - 8px);transition:background-color .5s;overflow:auto}body>main>section{gap:1rem;height:100%;margin:1rem;transition:background-color .5s;overflow:auto}body>main>section.intro{margin:1rem}body>main>section>*{flex-shrink:0}}body>main>section{flex-direction:column;flex-grow:9;display:flex}body>main .bento{background-color:var(--surface);border-radius:1rem;padding:1rem;transition:background-color .5s}body:has(#user-selection){background-color:var(--surface);flex-wrap:wrap;padding:0;display:flex}body:has(#user-selection)>header,body:has(#user-selection)>nav{display:none}body:has(#user-selection) main{border-radius:0;height:100svh;margin:0;padding:0}#user-selection{background-image:url(/images/ui/staff/restaurant.avif);background-position:50%;background-size:cover;flex-flow:row-reverse wrap;justify-content:center;align-items:center;gap:40px;width:100vw;height:100lvh;display:flex}@media (width<690px){#user-selection{background-image:none;gap:0;height:auto}}#user-selection form{background-color:var(--surface);border:1px solid var(--outline-variant);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:360px;padding:30px;display:flex}@media (width<690px){#user-selection form{border:none}}#user-selection form img,#user-selection form span:first-child{aspect-ratio:1;text-align:center;width:90px;color:var(--surface);object-fit:cover;background-color:#5c6bc0;border-radius:50%;font-size:36px;line-height:90px}#user-selection form h1{font-size:24px}#user-selection form div{width:100%}#user-selection form .user-select-login{margin:20px 0 10px}#user-selection form #resetpassword{text-align:center;width:100%}#user-selection>div{background-color:var(--surface);border:1px solid var(--outline-variant);border-radius:20px;min-width:286px;min-height:402px;padding:20px}@media (width<690px){#user-selection>div{border:none;width:100%}}#user-selection>div div{text-align:center;padding-bottom:30px;font-weight:500}#user-selection>div ol li{cursor:pointer;align-items:center;gap:16px;height:56px;font-weight:500;display:flex}#user-selection>div ol li:not(:last-child){border-bottom:1px solid var(--outline-variant)}#user-selection>div ol li img{pointer-events:none;border-radius:50%;height:40px}#user-selection>div ol li span{text-align:center;width:40px;color:var(--surface);pointer-events:none;background-color:#5c6bc0;border-radius:50%;line-height:40px;display:block}.no-permissions{text-align:center;justify-content:center;align-items:center;width:100%;height:300px;padding:20px;font-weight:500;display:flex}.welcome{justify-content:center;align-items:center;gap:60px;padding:0 40px 40px}.welcome p{text-align:center}.welcome p:first-child{font-size:28px}#staff{background-color:var(--surface-container);scrollbar-gutter:stable both-edges;margin:0;padding:1rem .5rem}@media (width<700px){#staff{padding:.5rem}}#staff nav{flex-wrap:wrap;grid-template-columns:repeat(auto-fill,minmax(min(100%,450px),1fr));gap:1.5rem;width:100%;padding:.5rem;display:grid}@media (width<700px){#staff nav{gap:10px 20px}}#staff nav a{background-color:var(--surface);border-radius:8px;justify-content:space-evenly;align-items:center;font-size:18px;display:flex;overflow:hidden}@media (width<800px){#staff nav a{width:100%}}#staff nav a div:first-child{width:50%;color:var(--primary);text-align:center;flex-direction:column;flex-grow:9;justify-content:center;align-items:center;padding:20px;display:flex}#staff nav a div:last-child{aspect-ratio:2;background-position:50%;background-size:cover;width:50%;height:100%;margin-left:auto}@media (width<600px){#staff nav a div:last-child{aspect-ratio:1;width:33.33%}}@media (width<350px){#staff nav a div:last-child{width:40%}}.intro{text-align:center;flex-direction:column;flex-grow:9;justify-content:center;align-items:center;gap:40px;padding:0 40px 40px;display:flex}.intro div{gap:20px;display:flex}.intro>button{margin:0 auto 30px}#network-failure,#maintenance{z-index:9;background-color:var(--surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:60px;width:100%;height:100%;padding:60px;font-weight:700;display:flex;position:fixed;top:0;left:0}:is(#network-failure,#maintenance) svg{height:200px;fill:var(--outline)}.new-app-version{justify-content:center;gap:40px;width:100%;max-width:410px}.new-app-version header{margin-bottom:auto;padding-bottom:2rem}.new-app-version>svg{fill:var(--outline);opacity:.2;height:200px}.new-app-version>div{text-align:center;padding:0 1rem}#really-leave{border-radius:24px;align-items:start;gap:40px;min-width:300px;max-width:max-content;padding:30px 24px 20px;font-size:14px}#really-leave div:last-of-type{align-self:end;display:flex}