/* Scale application controls independently from the infinite canvas. */
:is(.top,.right,.toolbar,.bottom,.bottom-left,#topMoreMenu,#boardMenu,#props,#stylePopup,#toolOptions,#workspacePanel,#savedPanel,#detailsPanel,#workspaceBreadcrumbs,#presentationBar,body>dialog){zoom:var(--ui-scale,1)}
#uiScale{margin-left:auto;max-width:90px;padding:4px;border:1px solid var(--ui-border);border-radius:4px;background:var(--surface);color:var(--ui-text);font-size:11px}
.popover>button>svg{width:18px;height:18px;flex:0 0 18px}
.top{max-width:calc(100vw / var(--ui-scale,1) - 65px)}
.top>div:not(.divider){min-width:0;flex:1}
.top #title{width:100%;max-width:130px}
.top .divider{flex-shrink:0}
#topMoreMenu{max-height:calc(100vh / var(--ui-scale,1) - 70px);overflow:auto}
#props{max-width:calc(100vw / var(--ui-scale,1) - 72px);overflow-x:auto;overflow-y:hidden}
#stylePopup{max-height:calc(100vh / var(--ui-scale,1) - 80px);overflow:auto}
#toolOptions{max-height:calc(100vh / var(--ui-scale,1) - 110px)}
#savedPanel,#workspacePanel,#detailsPanel{max-width:calc(100vw / var(--ui-scale,1) - 65px)}
body>dialog{max-width:calc(100vw / var(--ui-scale,1) - 24px);max-height:calc(100vh / var(--ui-scale,1) - 24px);overflow:auto}