/* /web/common/tokens.css */
.gr-root { --gray-1: #fcfcfd; --gray-2: #f9f9fb; --gray-3: #f0f0f3; --gray-4: #e8e8ec; --gray-5: #e0e1e6; --gray-6: #d9d9e0; --gray-7: #cdced6; --gray-8: #b9bbc6; --gray-9: #8b8d98; --gray-10: #80838d; --gray-11: #60646c; --gray-12: #1c2024; --gray-a1: #00005503; --gray-a2: #00005506; --gray-a3: #0000330f; --gray-a4: #00002d17; --gray-a5: #0009321f; --gray-a6: #00002f26; --gray-a7: #00062e32; --gray-a8: #00083046; --gray-a9: #00051d74; --gray-a10: #00071b7f; --gray-a11: #0007149f; --gray-a12: #000509e3; --accent: #0a6cbe; --accent-hover: color-mix(in oklab, var(--accent), black 12%); --accent-active: color-mix(in oklab, var(--accent), black 22%); --accent-subtle: color-mix(in oklab, var(--accent) 10%, white); --accent-subtle-hover: color-mix(in oklab, var(--accent) 16%, white); --accent-border: color-mix(in oklab, var(--accent) 45%, white); --accent-text: var(--accent); --on-accent: #ffffff; --bg-app: #ffffff; --bg-panel: #ffffff; --bg-subtle: var(--gray-2); --bg-canvas: var(--gray-3); --bg-raised: #ffffff; --bg-control: var(--gray-a3); --bg-control-hover: var(--gray-a4); --bg-control-active: var(--gray-a5); --bg-hover: var(--gray-a3); --bg-selected: var(--accent-subtle); --bg-overlay: rgb(0 0 0 / 0.24); --border-subtle: var(--gray-a4); --border: var(--gray-a6); --border-strong: var(--gray-a8); --text: var(--gray-12); --text-muted: var(--gray-11); --text-subtle: var(--gray-10); --text-disabled: var(--gray-8); --icon: var(--gray-11); --icon-hover: var(--gray-12); --danger: #ce2c31; --danger-solid: #e5484d; --danger-subtle: #feebec; --warning: #ab6400; --warning-subtle: #fefbe9; --success: #218358; --success-subtle: #e6f6eb; --type-string: #218358; --type-number: #3a5bc7; --font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --font-mono: ui-monospace, 'Cascadia Mono', 'SF Mono', Consolas, monospace; --text-sm: 11px; --text-md: 12px; --text-lg: 13px; --text-xl: 15px; --text-2xl: 20px; --leading-sm: 16px; --leading-md: 20px; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --radius-sm: 3px; --radius-md: 5px; --radius-lg: 8px; --radius-xl: 12px; --radius-full: 999px; --control-h-sm: 20px; --control-h: 24px; --control-h-lg: 32px; --shadow-xs: 0 1px 1px rgb(0 0 0 / 0.04); --shadow-sheet: 0 0 0 1px var(--gray-a3), 0 1px 3px rgb(0 0 0 / 0.06); --shadow-popover: 0 0 0 1px var(--gray-a3), 0 4px 12px -2px rgb(0 0 0 / 0.10), 0 12px 32px -8px rgb(0 0 0 / 0.12); --shadow-dialog: 0 0 0 1px var(--gray-a3), 0 12px 32px -8px rgb(0 0 0 / 0.18), 0 32px 64px -16px rgb(0 0 0 / 0.18); --shadow-drag: 0 4px 12px rgb(0 0 0 / 0.16); --focus-border: var(--accent); --focus-ring: 0 0 0 2px color-mix(in oklab, var(--accent) 35%, transparent); --duration-fast: 80ms; --duration: 150ms; --ease: cubic-bezier(0.2, 0, 0, 1); }

/* /web/common/base.css */
.gr-root { --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2360646c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='7' cy='7' r='4.5' fill='none' stroke='%2380838d' stroke-width='1.5'/%3E%3Cpath d='m10.5 10.5 3 3' fill='none' stroke='%2380838d' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E"); --icon-chevron-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m6 4 4 4-4 4' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.17 6.81a2.82 2.82 0 0 0-3.99-3.99L3.84 16.17a2 2 0 0 0-.5.83l-1.32 4.35a.5.5 0 0 0 .62.62l4.35-1.32a2 2 0 0 0 .83-.5z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E"); }
div:where(.gr-root) { font-size: 16px; line-height: 1.5; text-size-adjust: 100%; background: var(--bg-app); color: var(--text); }
div:where(.gr-body) { margin: 0px; font-family: var(--font-ui); -webkit-font-smoothing: antialiased; }
a { color: var(--accent-text); text-decoration: none; cursor: pointer; }
a:is(:hover,.gr-hover) { text-decoration: underline; }
canvas, img,:is(svg,gr-svg) { vertical-align: middle; }
canvas, img { height: auto; box-sizing: border-box; }
:is(svg,gr-svg):not(.gr-root) { overflow: hidden; }
p, ul { margin: 0px 0px 20px; }
* + ul { margin-top: 20px; }
h1 { margin: 0px 0px 20px; font-weight: normal; color: var(--text); text-transform: none; }
h1 { font-size: 42px; line-height: 1.2; }
ul { padding-left: 30px; }
button, input, select { font-family: inherit; }
::placeholder { color: var(--text-subtle); opacity: 1; }
::selection { background: color-mix(in oklab, var(--accent) 24%, white); }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-button { display: none; }
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { background: transparent; }
::-webkit-scrollbar-thumb { background-color: var(--gray-a6); background-clip: padding-box; border: 2px solid transparent; border-radius: var(--radius-full); }
::-webkit-scrollbar-thumb:is(:hover,.gr-hover) { background-color: var(--gray-a9); }
@supports (-moz-appearance: none) {
  * { scrollbar-width: thin; scrollbar-color: var(--gray-a6) transparent; }
}
.ui-input { box-sizing: border-box; width: 100%; max-width: 100%; margin: 0px; padding: 0 var(--space-2); border: 0px; border-radius: var(--radius-md); outline: none; background: var(--bg-control); color: var(--text); font: var(--weight-regular) var(--text-md) / var(--leading-sm) var(--font-ui); appearance: none; transition: background-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease); }
.ui-input { display: inline-block; height: var(--control-h); vertical-align: middle; overflow: visible; }
.ui-input:is(:hover,.gr-hover) { background: var(--bg-control-hover); }
.ui-input:is(:focus,.gr-focus) { background: var(--bg-raised); box-shadow: inset 0 0 0 1px var(--focus-border); }
.ui-button { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); box-sizing: border-box; height: var(--control-h-lg); margin: 0px; padding: 0px 14px; border: 0px; border-radius: var(--radius-md); background: var(--bg-control); color: var(--text); font: var(--weight-medium) var(--text-md) / 1 var(--font-ui); text-decoration: none; text-transform: none; white-space: nowrap; vertical-align: middle; cursor: pointer; transition: background-color var(--duration) var(--ease), color var(--duration) var(--ease); }
.ui-button:is(:hover,.gr-hover) { background: var(--bg-control-hover); text-decoration: none; }
.ui-button:is(:active,.gr-active) { background: var(--bg-control-active); }
.ui-button:is(:focus-visible,.gr-focus-visible) { outline: none; box-shadow: var(--focus-ring); }
.ui-button-primary { background: var(--accent); color: var(--on-accent); }
.ui-button-primary:is(:hover,.gr-hover) { background: var(--accent-hover); }
.ui-button-primary:is(:active,.gr-active) { background: var(--accent-active); }
.ui-button-sm { height: var(--control-h); padding: 0px 10px; }
.ui-checkbox { box-sizing: border-box; display: inline-block; width: 14px; height: 14px; margin: -2px 0px 0px; vertical-align: middle; border: 0px; border-radius: var(--radius-sm); background: var(--bg-raised) no-repeat 50% 50%; box-shadow: inset 0 0 0 1px var(--border-strong); appearance: none; cursor: pointer; transition: background-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease); }
.ui-checkbox:is(:hover,.gr-hover) { box-shadow: inset 0 0 0 1px var(--gray-a9); }
.ui-checkbox:is(:focus-visible,.gr-focus-visible) { outline: none; box-shadow: inset 0 0 0 1px var(--focus-border), var(--focus-ring); }
.ui-checkbox:checked { background-color: var(--accent); box-shadow: none; }
.ui-checkbox:checked:is(:hover,.gr-hover) { background-color: var(--accent-hover); }
.ui-checkbox:checked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.6 7.3 6 9.7 10.4 4.6' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
select.is-open { box-shadow: inset 0 0 0 1px var(--focus-border); }
.ui-select-popover { position: fixed; z-index: 10001; overflow-y: auto; overscroll-behavior: contain; }
.ui-select-popover .ui-menu > li > a:is(:hover,.gr-hover) { background: transparent; color: var(--text); }
.ui-select-popover .ui-menu > li > a.selected_vartype { background: var(--bg-selected); color: var(--accent-text); }
.ui-select-popover:not(.is-pristine) .ui-menu > li > a.is-active { background: var(--accent); color: var(--on-accent); }
.scrub-handle { cursor: ew-resize !important; touch-action: none; }
.ui-color-popover { position: fixed; z-index: 10001; display: grid; gap: var(--space-2); width: 232px; box-sizing: border-box; padding: var(--space-2); }
.ui-color-popover hex-color-picker { width: 100%; height: 176px; }
.ui-color-popover hex-color-picker::part(saturation) { margin-bottom: 10px; border-bottom: 0px; border-radius: var(--radius-md); box-shadow: inset 0 0 0 1px var(--gray-a3); }
.ui-color-popover hex-color-picker::part(hue) { flex: 0 0 12px; border-radius: var(--radius-full); box-shadow: inset 0 0 0 1px var(--gray-a3); }
.ui-color-popover hex-color-picker::part(saturation-pointer), .ui-color-popover hex-color-picker::part(hue-pointer) { width: 14px; height: 14px; border: 2px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 1px 3px; }
.ui-color-row { display: flex; align-items: center; gap: 6px; }
.ui-color-preview { flex: 0 0 auto; width: var(--control-h); height: var(--control-h); border-radius: var(--radius-md); box-shadow: inset 0 0 0 1px var(--gray-a5); }
.ui-color-hex { flex: 1 1 0%; min-width: 0px; font-variant-numeric: tabular-nums; text-transform: uppercase; }
.ui-color-eyedropper { flex: 0 0 auto; display: inline-grid; place-items: center; width: var(--control-h); height: var(--control-h); padding: 0px; border: 0px; border-radius: var(--radius-md); background: transparent; color: var(--icon); cursor: pointer; }
.ui-color-eyedropper:is(:hover,.gr-hover) { background: var(--bg-hover); color: var(--icon-hover); }
.ui-color-swatches { display: grid; grid-template-columns: repeat(10, 1fr); gap: 4px; }
.ui-color-swatch { aspect-ratio: 1 / 1; padding: 0px; border: 0px; border-radius: var(--radius-sm); box-shadow: inset 0 0 0 1px var(--gray-a4); cursor: pointer; }
.ui-color-swatch:is(:hover,.gr-hover) { box-shadow: inset 0 0 0 1px var(--gray-a4), 0 0 0 2px var(--bg-raised), 0 0 0 3px var(--border-strong); }
.ui-popover { border-radius: var(--radius-lg); box-shadow: var(--shadow-popover); background-color: var(--bg-raised); font-size: var(--text-md); }
.ui-menu { margin: 0px; padding: 4px; list-style: none; font-size: var(--text-md); line-height: var(--leading-sm); white-space: nowrap; }
.ui-menu > li > a { display: flex; align-items: center; gap: var(--space-2); min-height: var(--control-h); box-sizing: border-box; padding: 4px var(--space-2); border-radius: calc(var(--radius-lg) - 4px); color: var(--text); text-decoration: none; }
.ui-menu > li > a:is(:hover,.gr-hover), .ui-menu > li > a:is(:focus-visible,.gr-focus-visible) { outline: none; background: var(--accent); color: var(--on-accent); text-decoration: none; }
.ui-menu > li > a.selected_vartype:not(:is(:hover,.gr-hover)) { background: var(--bg-selected); color: var(--accent-text); }
.ui-menu > li > a:is(:hover,.gr-hover), .ui-menu > li > a:is(:focus-visible,.gr-focus-visible) { --badge-color: currentColor; }

/* /web/common/General.css */
div:where(.gr-body) { font-family: var(--font-ui); overflow: hidden; font-variant-numeric: tabular-nums; }
.center_dialogwin { position: absolute; background-color: var(--bg-raised); box-shadow: var(--shadow-dialog); z-index: 9999; border-radius: var(--radius-xl); font-size: var(--text-lg); }
.dialog_actions { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 48px; display: flex; align-items: center; justify-content: flex-end; gap: var(--space-2); padding: 0px 12px; box-sizing: border-box; }
#datacanvas { padding: 8px; background-color: var(--bg-subtle); position: absolute; inset: 80px 0px 1px; }
#emptytable { position: absolute; inset: 0px; background: transparent; color: var(--text-disabled); font-size: 18px; padding: 0px; display: flex; }
#emptytable_sidebar { width: 286px; flex-shrink: 0; background-color: var(--bg-panel); border-right: 1px solid var(--border-subtle); padding: 24px; box-sizing: border-box; overflow-y: auto; display: flex; flex-direction: column; }
#sidebar_footer { margin: auto -6px 0px; padding-top: 24px; }
#emptytable_main { flex: 1 1 0%; min-width: 0px; background-color: var(--bg-subtle); padding: 12px; box-sizing: border-box; overflow: hidden; position: relative; display: flex; flex-direction: column; }
#emptytable_sidebar p { display: block; margin: 0px 0px 24px; max-width: none; font-size: var(--text-lg); color: var(--text-muted); text-align: left; line-height: 170%; }
#emptytable_sidebar #loaddatabutton { display: flex; margin: 0px; width: 100%; }
.loaddatabutton_icon { width: 16px; height: 16px; fill: none; stroke: currentcolor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
#sidebar_menu { margin: 24px -6px 0px; padding-top: 16px; border-top: 1px solid var(--border-subtle); }
#open_burguer { display: none; }
#open_burguer:is(:hover,.gr-hover) { background-color: var(--bg-hover); color: var(--icon-hover); }
#TableDataContainer, #EdgeTableDataContainer { position: absolute; inset: 0px; overflow: auto; display: block; background-color: var(--bg-subtle); border-top: 8px solid transparent; }
#EdgeTableDataContainer { display: none; }
.FooterContainer { display: flex; align-items: center; gap: 2px; position: absolute; bottom: 0px; left: 0px; right: 0px; box-sizing: border-box; height: 32px; padding: 0px 8px 1px; background-color: var(--bg-canvas); border-top: 1px solid var(--border-subtle); user-select: none; }
table.tabledata { table-layout: fixed; margin-top: 0px; margin-left: 8px; margin-right: 8px; font-size: var(--text-lg); border-spacing: 0px; border: 1px solid var(--border-subtle); word-break: break-all; width: 90px; user-select: none; cursor: default; font-variant-numeric: tabular-nums; outline: none; color: var(--text); }
table.tabledata thead { display: table-caption; position: sticky; top: 0px; background: var(--bg-raised); box-shadow: 0 1px 0 var(--border-subtle), 0 2px 6px -2px rgb(0 0 0 / 0.08); }
table.tabledata thead tr th { position: relative; text-align: left; vertical-align: top; font-size: var(--text-md); font-weight: var(--weight-regular); color: var(--text); border-left: 1px solid var(--border-subtle); }
table.tabledata thead tr th.disabledTH { background-color: var(--gray-2); color: var(--text-subtle); border-left-color: var(--border-subtle); }
table.tabledata thead tr th, table.tabledata tbody tr td { width: 200px; table-layout: fixed; padding: 3px; vertical-align: top; box-sizing: border-box; }
table.tabledata tbody tr { display: none; }
table.tabledata tbody tr td { border-width: 1px; border-style: solid; border-top-color: transparent; border-left-color: transparent; border-image: none; border-bottom-color: var(--border-subtle); border-right-color: var(--border-subtle); background-color: var(--bg-raised); overflow: hidden; white-space: nowrap; height: 30px; box-sizing: border-box; }
.input-rich-text { display: inline-block; position: relative; box-sizing: border-box; width: 100%; max-width: calc(100% - 16px); height: var(--control-h); margin: 0px 0px 12px 8px; padding: 0px 28px 0px 8px; border: 0px; border-radius: var(--radius-md); background-color: var(--bg-control); color: var(--text); font-size: var(--text-md); font-weight: var(--weight-regular); line-height: var(--control-h); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; cursor: pointer; transition: background-color var(--duration) var(--ease); }
.input-rich-text:is(:hover,.gr-hover) { background-color: var(--bg-control-hover); }
.input-rich-text::after { content: ""; position: absolute; right: 6px; top: 5px; width: 14px; height: 14px; background-color: var(--icon); mask: var(--icon-pencil) no-repeat center / contain; }
table.tabledata tbody tr td.tablecounter:is(:hover,.gr-hover) { background-color: var(--bg-raised); }
table.tabledata tbody tr td.numeric_cell { text-align: right; }
table.tabledata tbody tr td.numeric_cell:is(:hover,.gr-hover) { background-position: left center; }
table.tabledata thead tr th.tablecounter, table.tabledata tbody tr td.tablecounter { width: 80px; color: var(--text-subtle); text-align: left; padding: 4px; }
table.tabledata thead tr th.tablecounter { padding: 0px; display: block; }
.subtab { display: inline-flex; align-items: center; gap: 6px; box-sizing: border-box; height: var(--control-h); padding: 0px 10px; border-radius: var(--radius-md); font-size: var(--text-md); font-weight: var(--weight-medium); color: var(--text-muted); transition: background-color var(--duration) var(--ease), color var(--duration) var(--ease), box-shadow var(--duration) var(--ease); }
.subtab:is(:hover,.gr-hover) { background-color: var(--bg-hover); color: var(--text); }
.subtab.subtab_selected, .subtab.subtab_selected:is(:hover,.gr-hover) { background-color: var(--bg-raised); box-shadow: 0 0 0 1px var(--gray-a4), 0 1px 2px rgb(0 0 0 / 0.06); color: var(--text); }
.subtabnumber { color: var(--text-subtle); font-weight: var(--weight-regular); font-variant-numeric: tabular-nums; }
.varsparkline { width: 192px; height: 60px; }
.optionvartype :is(svg,gr-svg) { height: 16px; width: 16px; vertical-align: text-bottom; }
.optionvartype .ui-icon { color: var(--icon); }
.optionvartype:is(:hover,.gr-hover) .ui-icon { color: currentcolor; }
.varname { border-bottom: 1px solid var(--border-subtle); padding: 2px 4px 4px; margin-bottom: 4px; font-size: var(--text-md); font-weight: var(--weight-semibold); position: relative; transition: border-color var(--duration) var(--ease); }
.varname span { display: block; width: 166px; white-space: nowrap; overflow: hidden; }
.varname:is(:hover,.gr-hover) { border-bottom-color: var(--accent); cursor: text; }
.disabledTH .varname:is(:hover,.gr-hover) { border-bottom-color: var(--border-subtle); cursor: inherit; }
.optioncomputebutton { display: inline-grid; place-items: center; position: absolute; right: 4px; width: var(--control-h); height: var(--control-h); box-sizing: border-box; padding: 0px; border-radius: var(--radius-md); background-color: var(--bg-control); color: var(--icon); font-size: var(--text-md); cursor: pointer; transition: background-color var(--duration-fast) var(--ease); }
.optioncomputebutton:is(:hover,.gr-hover) { background-color: var(--bg-control-hover); }
.optioncomputebutton :is(svg,gr-svg) { width: 14px; height: 14px; margin: 0px; }
.optionvarbutton { display: inline-block; height: var(--control-h); box-sizing: border-box; padding: 0px 22px 0px 6px; border-radius: var(--radius-md); color: var(--text-muted); font-size: var(--text-md); line-height: var(--control-h); cursor: pointer; transition: background-color var(--duration-fast) var(--ease); background: var(--bg-control) var(--icon-chevron-down) no-repeat right 5px center / 12px 12px !important; }
.optionvarbutton:is(:hover,.gr-hover) { background-color: var(--bg-control-hover) !important; }
.optionvarbutton :is(svg,gr-svg) { width: 20px; height: 20px; margin-right: 2px; vertical-align: -5px; }
.optionvarbutton :is(svg,gr-svg).type-badge { width: 24px; height: 16px; vertical-align: -3px; }
.optionvarbutton :is(svg,gr-svg).ui-icon { width: 14px; height: 14px; margin: 0px 5px 0px 1px; vertical-align: -2px; }
.innerdivresizable { position: absolute; inset: 0px 7px 7px 0px; }
.innerdivwidthtag, .innerdivheighttag { display: none; font-size: var(--text-md); border-radius: var(--radius-full); background-color: var(--accent); padding-left: 8px; padding-right: 8px; color: var(--on-accent); font-variant-numeric: tabular-nums; }
.logo_block { display: inline-block; height: 34px; padding: 10px 10px 10px 0px; vertical-align: middle; }
.menu_icon { width: 28px; height: 28px; margin: 6px; padding: 6px; border: 0px; border-radius: var(--radius-md); box-sizing: border-box; background: transparent; color: var(--icon); vertical-align: middle; cursor: pointer; }
.menu_icon .ui-icon { display: block; }
.block_menu { display: flex; align-items: center; position: relative; text-decoration: none; color: var(--text); padding: 6px 8px; margin-left: 6px; margin-right: 6px; border-radius: var(--radius-md); font-size: var(--text-lg); box-sizing: border-box; cursor: pointer; transition: background-color var(--duration-fast) var(--ease); }
.block_menu:is(:hover,.gr-hover) { text-decoration: none; color: var(--text); background-color: var(--bg-hover); }
.block_menu img { width: 20px; padding: 2px; opacity: 0.6; margin-right: 12px; margin-left: 0px; }
.block_menu:is(:hover,.gr-hover) img { opacity: 0.9; }
.block_menu_icon { width: 20px; height: 20px; box-sizing: border-box; padding: 2px; margin-right: 12px; color: var(--icon); fill: none; stroke: currentcolor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.block_menu:is(:hover,.gr-hover) .block_menu_icon { color: var(--icon-hover); }
.block_menu_ext { width: 11px; height: 11px; margin-left: 6px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: 0.5; }
.pre_proceed { position: absolute; inset: 0px 0px 48px; padding: 10px; }
.shortcutwin { color: var(--text-subtle); position: absolute; right: 12px; }
#lastProjects { display: flex; flex-wrap: wrap; gap: 16px; align-content: flex-start; align-items: flex-start; position: static; flex: 1 1 0%; min-height: 0px; overflow: hidden auto; user-select: none; margin: -12px -12px 0px; padding: 12px 12px 0px 20px; scrollbar-gutter: stable; }
@container gr-window (max-height: 500px) {
  #lastProjects { display: none; } }

/* /web/common/TabBar.css */
.TabBarItem { position: relative; display: inline-block; box-sizing: border-box; min-width: 72px; max-width: 160px; height: 28px; margin: 6px 2px 0px 0px; padding: 0px 14px; border: 0px; border-radius: 6px; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: var(--text-md); font-weight: var(--weight-medium); line-height: 28px; color: var(--text-muted); transition: background-color var(--duration) var(--ease), color var(--duration) var(--ease), box-shadow var(--duration) var(--ease); }
.TabBarItem:is(:hover,.gr-hover) { background-color: var(--gray-a2); color: var(--text); cursor: default !important; }
.TabBarItemSelected, .TabBarItemSelected:is(:hover,.gr-hover) { background-color: var(--bg-control); box-shadow: 0 0 0 1px var(--gray-a4), 0 1px 2px rgb(0 0 0 / 0.06); color: var(--text); }
.TabBarItem .ui-icon { display: inline-block; vertical-align: -3px; color: var(--icon); transition: color var(--duration) var(--ease); }
#datatab { min-width: 0px; width: 36px; padding: 0px; }
.viewtabscontainer .TabBarItem { flex: 0 1 auto; min-width: 0px; }
.viewtabscontainer .TabBarItemSelected { flex-shrink: 0; }
.TabBarItem:is(:hover,.gr-hover) .ui-icon { color: var(--text); }
#ToolBarContainer { user-select: none; app-region: drag; display: block; height: 40px; background-color: var(--bg-app); border-bottom: 1px solid var(--border-subtle); box-sizing: border-box; white-space: nowrap; position: relative; }
#ToolBarContainer #mainmenubutton { width: 93px; app-region: no-drag; position: absolute; left: 0px; top: 0px; bottom: 0px; }
#ToolBarContainer #toolbaroptions { display: none; position: absolute; inset: 0px 0px 0px 200px; }
#ToolBarContainer #toolbaroptions .tb-btn { display: inline-grid; place-items: center; width: 28px; height: 28px; margin: 6px 1px; padding: 0px; border: 0px; border-radius: var(--radius-md); background: transparent; color: var(--icon); app-region: no-drag; box-sizing: border-box; vertical-align: top; cursor: pointer; transition: background-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease); }
#ToolBarContainer #toolbaroptions .tb-btn:is(:hover,.gr-hover) { background-color: var(--bg-hover); color: var(--icon-hover); }
#ToolBarContainer #toolbaroptions .tb-btn:is(:focus-visible,.gr-focus-visible) { outline: none; box-shadow: var(--focus-ring); }
#ToolBarContainer #toolbaroptions .tb-btn.hiddenoption { color: var(--text-disabled); cursor: default; }
#ToolBarContainer #toolbaroptions .tb-btn.hiddenoption:is(:hover,.gr-hover) { background-color: transparent; }
#ToolBarContainer #scimagolablink { app-region: no-drag; position: absolute; right: 16px; top: 0px; bottom: 0px; display: flex; align-items: center; }
#ToolBarContainer #scimagolablink img { display: block; height: 20px; width: auto; opacity: 0.9; }
#ToolBarContainer #scimagolablink:is(:hover,.gr-hover) img { opacity: 1; }
#TabBarContainer { position: relative; user-select: none; display: block; height: 40px; padding: 0px 8px 0px 6px; background-color: var(--bg-app); border-bottom: 1px solid var(--border-subtle); box-sizing: border-box; white-space: nowrap; }
.bottomline { display: none; }
.viewtabscontainer { display: inline-flex; align-items: flex-start; height: 39px; max-width: calc(100% - 150px); margin-left: 4px; padding: 0px 2px 0px 9px; box-sizing: border-box; overflow: hidden; white-space: nowrap; vertical-align: top; background: linear-gradient(var(--border), var(--border)) no-repeat left 12px / 1px 16px; }
#addchart, #magicchart { display: none; min-width: 0px; width: 28px; padding: 0px; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.addchart-label { display: none; margin-left: 6px; }
#magicchart { position: absolute; right: 8px; top: 0px; }
#projectname { position: relative; display: inline-flex; align-items: center; gap: 2px; box-sizing: border-box; max-width: 600px; height: 28px; margin: 6px 0px 0px 8px; padding: 0px 2px 0px 8px; border-radius: var(--radius-md); vertical-align: top; color: var(--text-muted); cursor: pointer; app-region: no-drag; transition: background-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease); }
#projectname:is(:hover,.gr-hover) { background-color: var(--bg-hover); color: var(--text); }
#filenametitle { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--text-md); line-height: 28px; }
.projectname-edit { display: grid; place-items: center; flex-shrink: 0; width: 24px; height: 24px; padding: 0px; border: 0px; border-radius: var(--radius-md); background: transparent; color: var(--icon); cursor: pointer; opacity: 0; transition: opacity var(--duration-fast) var(--ease); }
#projectname:is(:hover,.gr-hover) .projectname-edit, .projectname-edit:is(:focus-visible,.gr-focus-visible) { opacity: 1; }
.projectname-edit:is(:focus-visible,.gr-focus-visible) { outline: none; box-shadow: var(--focus-ring); }
@container gr-window (max-width: 1480px) {
  #ToolBarContainer #toolbaroptions #exportbutton, #ToolBarContainer #toolbaroptions #reloadbutton { right: 140px; } }

/* /web/common/ViewPanel.css */
.variables_container { position: absolute; display: block; top: 80px; left: 0px; width: 200px; bottom: 38px; background-color: var(--bg-panel); overflow-y: auto; user-select: none; }
.properties_container { position: absolute; display: block; top: 80px; left: 200px; width: 200px; bottom: 0px; background-color: var(--bg-panel); border-left: 1px solid var(--border-subtle); border-right: 1px solid var(--border-subtle); overflow-y: auto; user-select: none; }
.config_container { position: absolute; display: block; top: 80px; right: 0px; width: 256px; bottom: 0px; font-size: var(--text-md); padding: 0px; background-color: var(--bg-panel); overflow-y: scroll; user-select: none; border-left: 1px solid var(--border-subtle); }
.popup_container { position: absolute; display: block; overflow-x: hidden; width: 402px; font-size: var(--text-md); padding: 0px; background-color: var(--bg-panel); user-select: none; box-shadow: 1px 0 0 var(--border-subtle), 12px 0 24px -16px rgb(0 0 0 / 0.18); }
.config_container h1, .popup_container h1 { position: relative; margin: 0px -4px; padding: 10px 12px; font-size: var(--text-md); line-height: var(--leading-sm); font-weight: var(--weight-medium); color: var(--text); cursor: pointer; }
.config_container h1:is(:hover,.gr-hover), .popup_container h1:is(:hover,.gr-hover) { background-color: var(--gray-a2); }
.config_container h1::after, .popup_container h1::after { content: ""; position: absolute; top: 11px; right: 10px; width: 14px; height: 14px; background-color: var(--icon); mask: var(--icon-chevron-right) no-repeat center / contain; transition: transform var(--duration) var(--ease); }
.expanded_group h1::after { transform: rotate(90deg); }
.config_container label, .config_container input[type="text"], .popup_container label, .popup_container input[type="text"] { margin: 0px 0px 12px 8px; max-width: calc(100% - 16px); font-size: var(--text-md); }
.variables_container ul { display: block; min-height: 31px; margin: 0px; padding: 4px 6px; list-style-type: none; background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.variables_container .ultitle { min-height: 0px; margin: 8px 0px 4px; font-size: var(--text-sm); font-weight: var(--weight-medium); line-height: var(--leading-sm); color: var(--text-muted); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--border-subtle); padding: 0px 6px !important; }
.variables_container ul li { position: relative; box-sizing: border-box; height: var(--control-h); margin-bottom: 1px; padding: 4px 6px; border-radius: var(--radius-md); font-size: var(--text-md); line-height: var(--leading-sm); color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: background-color var(--duration-fast) var(--ease); cursor: grab !important; }
.variables_container ul li:is(:hover,.gr-hover) { background-color: var(--bg-hover); }
.ultitle { position: relative; display: flex; align-items: center; gap: 4px; min-height: 24px; margin: 10px 0px 4px; padding: 0px 8px 0px 10px; font-size: var(--text-md); font-weight: var(--weight-medium); color: var(--text); }
.ultitle :is(svg,gr-svg) { width: 16px; height: 16px; flex: 0 0 auto; color: var(--icon); }
.ultitle_hint { color: var(--text-subtle); font-weight: var(--weight-regular); }
.ultitle .switch_button { top: 3px; display: grid; place-items: center; width: 20px; height: 20px; border-radius: var(--radius-sm); cursor: pointer; }
.ultitle .switch_button:is(:hover,.gr-hover) { background-color: var(--bg-hover); }
.ultitle .switch_button :is(svg,gr-svg) { width: 14px; height: 14px; }
.properties_container ul { display: block; box-sizing: border-box; min-height: calc(var(--control-h) + 8px); margin: 0px 8px; padding: 3px 3px 0px; list-style-type: none; background-color: var(--gray-a2); border: 1px solid var(--gray-a3); border-radius: calc(var(--radius-md) + 2px); }
.properties_container ul { height: calc(5px + (var(--pills, 0) + 1) * (var(--control-h) + 3px)); }
.properties_container ul:empty { background-color: transparent; border: 1px dashed var(--border); }
.properties_container ul li { position: relative; box-sizing: border-box; height: var(--control-h); margin-bottom: 3px; padding: 4px 22px 4px 6px; background: var(--bg-raised) var(--icon-chevron-down) no-repeat right 5px center / 12px 12px; border-radius: var(--radius-md); box-shadow: 0 0 0 1px var(--gray-a4), var(--shadow-xs); font-size: var(--text-md); line-height: var(--leading-sm); color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; transition: box-shadow var(--duration-fast) var(--ease); }
.properties_container ul li:is(:hover,.gr-hover) { box-shadow: 0 0 0 1px var(--gray-a6), var(--shadow-xs); }
.properties_container ul li.selected_variable { box-shadow: 0 0 0 1px var(--focus-border), var(--focus-ring); }
.variables_container ul li :is(svg,gr-svg), .properties_container ul li :is(svg,gr-svg) { width: 24px; height: 16px; margin-right: 4px; vertical-align: -3px; }
.variables_container ul li :is(svg,gr-svg).ui-icon, .properties_container ul li :is(svg,gr-svg).ui-icon { width: 14px; height: 14px; margin: 0px 9px 0px 5px; vertical-align: -2px; color: var(--text-subtle); }
.variables_container .span_aggregation_operator { display: none; }
.properties_container .span_aggregation_operator { padding-right: 4px; font-style: normal; font-weight: var(--weight-regular); color: var(--text-muted); text-transform: lowercase; }
.chart_container { user-select: none; position: absolute; display: block; inset: 80px 256px 0px 400px; background-color: var(--bg-canvas); overflow: auto; }
.chart { display: inline-block; margin: 8px; border: 0px; background-color: white; box-shadow: var(--shadow-sheet); overflow: auto; }
.proptitle { display: inline-flex; align-items: center; gap: 2px; position: relative; height: 24px; margin: 6px 0px 6px 6px; padding: 0px 4px; border-radius: var(--radius-md); vertical-align: middle; cursor: pointer; }
.proptitle:is(:hover,.gr-hover) { background-color: var(--bg-hover); }
.proptitle :is(svg,gr-svg) { width: 16px; height: 16px; color: var(--icon); }
.proptitle :is(svg,gr-svg):first-child { color: var(--text); }
.proptitle_name { display: inline-block; max-width: 300px; padding: 0px 4px; font-size: var(--text-md); font-weight: var(--weight-semibold); line-height: 36px; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
div.InputDropDown, div.ColorDropDown, div.blank, div.numberinput, div.smallnumberinput, div.smalldropdown, div.iconselect, div.numbercontrol { display: inline-block; width: 120px; padding-left: 8px; padding-right: 8px; box-sizing: border-box; position: relative; vertical-align: top; margin-bottom: 12px; }
div.blank { width: 100px; display: none; }
div.smallnumberinput { width: 60px; }
div.smalldropdown { margin-bottom: 0px; }
div.smalldropdown select { width: 104px; margin-left: 0px; }
div.InputDropDown span, div.ColorDropDown span, span.titlecomponent, div.numberinput span, div.smallnumberinput span, div.smalldropdown span, div.numbercontrol span { display: block; color: var(--text-muted); font-size: var(--text-sm); line-height: var(--leading-sm); cursor: default; margin-bottom: 4px; }
span.titlecomponent { margin-left: 8px; }
div.smalldropdown span { margin-left: 0px; padding-left: 0px; }
div.numberinput input[type="number"] { width: 104px; display: inline-block; padding: 0px 8px; margin-left: 0px !important; }
div.smallnumberinput input[type="number"] { width: 44px; display: inline-block; padding: 0px 0px 0px 8px; margin-left: 0px !important; }
div.numbercontrol input { width: 104px; display: inline-block; padding: 0px 8px 0px 26px; position: absolute; margin-left: 0px !important; }
.iconslider { position: relative; place-items: center; width: 24px; height: 24px; vertical-align: top; display: inline-grid !important; margin: 0px !important; }
.iconslider:is(:hover,.gr-hover) { color: var(--icon-hover); }
.iconslider :is(svg,gr-svg) { width: 14px; height: 14px; margin: 0px; }
.iconslider { color: var(--icon); }
div.InputDropDown input[type="text"] { width: 76px; display: inline-block; padding: 0px 0px 0px 8px; position: absolute; left: 0px; background-color: var(--gray-3); border-radius: var(--radius-md) 0 0 var(--radius-md); margin-left: 8px !important; }
div.InputDropDown input[type="text"]:is(:focus,.gr-focus) { background-color: var(--bg-raised); border-radius: var(--radius-md); }
div.InputDropDown select { position: absolute; left: 0px; box-sizing: border-box; width: 104px; height: var(--control-h); margin-left: 8px; padding: 0px 22px 0px 8px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--radius-md); background: var(--gray-3) var(--icon-chevron-down) no-repeat right 5px center / 12px 12px; color: var(--text); font-size: var(--text-md); appearance: none; outline: none; cursor: pointer; }
div.InputDropDown select:is(:hover,.gr-hover) { background-color: var(--gray-4); }
div.ColorDropDown .color-swatch { display: inline-block; position: relative; box-sizing: border-box; width: 14px; height: 14px; margin: 5px 0px 5px 5px; padding: 0px; border: 0px; border-radius: var(--radius-sm); box-shadow: inset 0 0 0 1px var(--gray-a5); vertical-align: top; cursor: pointer; }
div.ColorDropDown .color-swatch:is(:focus-visible,.gr-focus-visible) { outline: none; box-shadow: inset 0 0 0 1px var(--gray-a5), var(--focus-ring); }
div.ColorDropDown.is-color-open input[type="text"] { background-color: var(--bg-raised); box-shadow: inset 0 0 0 1px var(--focus-border); }
div.ColorDropDown input[type="text"] { width: 104px; display: inline-block; margin: 0px; position: absolute; left: 8px; padding: 0px 0px 0px 26px; vertical-align: top; font-variant-numeric: tabular-nums; text-transform: uppercase; }
select.selectdropdown { box-sizing: border-box; width: calc(100% - 16px); height: var(--control-h); margin-left: 8px; margin-bottom: 12px; padding: 0px 24px 0px 8px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--radius-md); background: var(--bg-control) var(--icon-chevron-down) no-repeat right 6px center / 12px 12px; color: var(--text); font-family: var(--font-ui); font-size: var(--text-md); font-weight: var(--weight-regular); appearance: none; outline: none; cursor: pointer; transition: background-color var(--duration) var(--ease); }
select.selectdropdown:is(:hover,.gr-hover) { background-color: var(--bg-control-hover); }
select.selectdropdown:is(:focus-visible,.gr-focus-visible) { box-shadow: inset 0 0 0 1px var(--focus-border); }
select.selectdropdown option { font-family: var(--font-ui); font-weight: var(--weight-regular); }
label.config { display: inline-block; position: relative; box-sizing: border-box; width: 104px; margin: 0px 8px 12px; padding-left: 20px; vertical-align: top; font-size: var(--text-md); line-height: var(--leading-sm); color: var(--text); }
label.config input.ui-checkbox { position: absolute; left: 0px; top: 1px; margin: 0px; }
label.config input.default_value_checkbox { background-color: var(--gray-a2); box-shadow: inset 0 0 0 1px var(--border); }
label.config input.default_value_checkbox:checked { background-color: var(--gray-9); box-shadow: none; }
.config_group { position: relative; max-height: 36px; padding: 0px 4px; overflow-y: hidden; border-bottom: 1px solid var(--border-subtle); background-color: var(--bg-panel); }
.expanded_group { max-height: 1500px; transition: max-height 1.5s; }
.expanded_group.no_anim { transition: none; }
.expanded_group h1 { color: var(--text); }
.expanded_group h1:is(:hover,.gr-hover) { background-color: transparent; }
.is_visible_icon { position: absolute; display: grid; place-items: center; width: 24px; height: 24px; box-sizing: border-box; top: 6px; right: 30px; border-radius: var(--radius-md); color: var(--icon); cursor: pointer; }
.is_visible_icon:is(:hover,.gr-hover) { background-color: var(--bg-hover); }
.is_visible_icon :is(svg,gr-svg) { width: 16px; height: 16px; }
.iconselectContainer { display: inline-flex; flex-wrap: wrap; gap: 2px; max-width: 104px; margin: 0px; padding: 2px; border-radius: calc(var(--radius-md) + 2px); background-color: var(--bg-control); }
div.iconselect.iconselectWide { width: 240px; }
.iconselectWide .iconselectContainer { max-width: 172px; }
.iconselectItem { display: inline-grid; place-items: center; width: 32px; height: 28px; box-sizing: border-box; border-radius: var(--radius-md); cursor: pointer; transition: background-color var(--duration-fast) var(--ease); }
.iconselectItem:is(:hover,.gr-hover) { background-color: var(--gray-a3); }
.iconselectItem :is(svg,gr-svg) { width: 18px; height: 18px; margin: 0px; color: var(--icon); }
.iconselectItem :is(svg,gr-svg).ui-icon { width: 16px; height: 16px; }
.iconselect span.titlecomponent { margin-left: 0px; }
.iconselectItemSelected, .iconselectItemSelected:is(:hover,.gr-hover) { background-color: var(--bg-raised); box-shadow: 0 0 0 1px var(--gray-a3), 0 1px 2px rgb(0 0 0 / 0.08); }
.iconselectItemSelected :is(svg,gr-svg) { color: var(--text); }
div.positionselect { display: block; margin-bottom: 12px; padding: 0px 8px; }
div.positionselect span.titlecomponent { margin-left: 0px; }
.positionselect-box { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 20px 20px; gap: 7px 2px; padding: 2px; border-radius: calc(var(--radius-md) + 2px); background-color: var(--bg-control); }
.positionselect-ref { position: absolute; top: calc(50% - 0.75px); left: 8px; right: 8px; height: 1.5px; border-radius: 1px; background-color: var(--icon); pointer-events: none; }
.positionselect-slot { display: flex; min-width: 0px; margin: 0px; padding: 4px 7px; border: 0px; border-radius: var(--radius-md); background: transparent; cursor: pointer; position: relative; transition: background-color var(--duration-fast) var(--ease); }
.positionselect-slot:is(:hover,.gr-hover) { background-color: var(--gray-a3); }
.positionselect-slot:is(:focus-visible,.gr-focus-visible) { outline: none; box-shadow: var(--focus-ring); }
.positionselect-slot[aria-checked="true"] { background-color: var(--bg-raised); box-shadow: 0 0 0 1px var(--gray-a3), 0 1px 2px rgb(0 0 0 / 0.08); }
.positionselect-slot[aria-checked="true"]:is(:focus-visible,.gr-focus-visible) { box-shadow: 0 0 0 1px var(--gray-a3), var(--focus-ring); }
.positionselect-glyph { display: block; width: 18px; height: 3px; border-radius: 1.5px; background-color: var(--gray-a7); transition: background-color var(--duration-fast) var(--ease); }
.positionselect-slot:is(:hover,.gr-hover) .positionselect-glyph { background-color: var(--icon); }
.positionselect-slot[aria-checked="true"] .positionselect-glyph { background-color: var(--accent); }
.positionselect-slot[data-side="top"] { grid-row: 1; align-items: flex-end; }
.positionselect-slot[data-side="bottom"] { grid-row: 2; align-items: flex-start; }
.positionselect-slot[data-along="left"] { grid-column: 1; justify-content: flex-start; }
.positionselect-slot[data-along="center"] { grid-column: 2; justify-content: center; }
.positionselect-slot[data-along="right"] { grid-column: 3; justify-content: flex-end; }
.shapelistrow { box-sizing: border-box; display: flex; align-items: center; min-height: var(--control-h); margin-bottom: 3px; padding: 2px 4px 2px 8px; background-color: var(--bg-control); border-radius: var(--radius-md); font-size: var(--text-md); line-height: var(--leading-sm); color: var(--text); cursor: pointer; transition: background-color var(--duration-fast) var(--ease); }
.shapelistrow:is(:hover,.gr-hover) { background-color: var(--bg-control-hover); }
.shapelistlabel { flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 8px; }
.shapelistthumb { flex-shrink: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; }
div.shapepicker { display: inline-block; width: 120px; padding-left: 8px; padding-right: 8px; box-sizing: border-box; vertical-align: top; margin-bottom: 12px; }
div.shapepicker span.titlecomponent { margin-left: 0px; }
div.shapepicker .shapelistrow { margin-bottom: 0px; }
.configpanelhelpicon :is(svg,gr-svg) { width: 12px; height: 12px; vertical-align: -1px; margin-left: 4px; cursor: help; opacity: 0.6 !important; }
.configpanelhelpicon :is(svg,gr-svg) { color: var(--icon); }
.subtitle_viewpanel { display: block; max-width: calc(100% - 16px); margin-bottom: 8px; padding-left: 8px; padding-right: 8px; color: var(--text-muted); font-size: var(--text-sm); font-weight: var(--weight-medium); line-height: var(--leading-sm); cursor: default; }
.wrap_search_variables { position: fixed; bottom: 0px; left: 0px; width: 200px; padding: 7px 8px; background-color: var(--bg-panel); border-top: 1px solid var(--border-subtle); box-sizing: border-box; }
.search_variables { position: relative; box-sizing: border-box; width: 100%; margin: 0px; padding-left: 26px; background: var(--bg-control) var(--icon-search) no-repeat left 7px center / 14px 14px; }
.search_variables:is(:focus,.gr-focus) { background-color: var(--bg-raised); }
@container gr-window (max-width: 1280px) {
  .chart_container { right: 134px; }
  .config_container { width: 134px; }
  .config_container select.selectdropdown { width: 108px; }
  .config_container label, .config_container input[type="text"], .numbercontrol input { max-width: 108px; }
  .config_container div.blank { display: none !important; } }

/* style:0 */
.gph-ctxmenu { position: fixed; z-index: 100000; background: rgb(255, 255, 255); border: 1px solid rgb(208, 208, 208); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 18px; padding: 4px 0px; min-width: 170px; font-family: Inter, Arial, sans-serif; font-size: 13px; color: rgb(34, 34, 34); user-select: none; }
.gph-ctxmenu-item { padding: 5px 26px 5px 22px; cursor: pointer; white-space: nowrap; position: relative; }
.gph-ctxmenu-item:is(:hover,.gr-hover) { background: rgb(240, 240, 240); }
.gr-root { opacity: 1; }