@media screen{html[data-interface-size]{zoom:var(--interface-scale, 1)}html[data-interface-size] body dialog.header-settings[open]{width:calc(100vw / var(--interface-scale, 1));max-width:calc(100vw / var(--interface-scale, 1));height:calc(100dvh / var(--interface-scale, 1));max-height:calc(100dvh / var(--interface-scale, 1));margin:0}html[data-interface-size] body dialog.popup-layout[open]{max-height:calc((100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) / var(--interface-scale, 1))}}.interface-size-settings{display:grid;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.interface-size-controls{display:flex;align-items:center;gap:10px;min-width:0}.interface-size-controls input[type=range]{flex:1;min-width:0;width:100%;padding:0;accent-color:var(--green)}.interface-size-controls button{flex:0 0 auto;width:44px;padding-inline:0}.interface-size-controls output{min-width:4ch;text-align:center}.interface-size-reset{justify-self:start}@media screen and (any-pointer:coarse){html[data-interface-size] :is(.workspace,.staff-nav,.customer-page,dialog.popup-layout) :is(button,a.button,.icon-button):not(.product-open,.desktop-card-add,.item-image-open),.interface-size-controls input[type=range]{min-height:max(44px,calc(44px / var(--interface-scale, 1)))}html[data-interface-size] :is(.icon-button,.interface-size-controls button){min-width:max(44px,calc(44px / var(--interface-scale, 1)))}}@media print{html[data-interface-size]{zoom:1}}html body .settings-page-grid .interface-size-settings .interface-size-controls button{width:max(44px,calc(44px / var(--interface-scale, 1)))}@media screen and (max-width:600px){html[data-interface-size] body dialog.popup-layout.open-bill-dialog.fast-billing-dialog[open],html[data-interface-size] body dialog.popup-layout.order-item-picker[open]{width:calc(100vw / var(--interface-scale, 1));max-width:calc(100vw / var(--interface-scale, 1));height:calc(100dvh / var(--interface-scale, 1));max-height:calc(100dvh / var(--interface-scale, 1));margin:0}}
