.core_ToolBar { box-sizing: border-box; display: flex; flex-direction: row; align-items: center; border-bottom: var(--border); padding: 0 2px; } .core_ToolBar > * { margin: 2px 1px; } .core_ToolBar > .core_ToolBar_group { margin: 2px 3px; display: flex; flex-direction: row; align-items: center; } .core_ToolBar > .core_ToolBar_group > * { margin: 0 2px; } .core_ToolBar .core_Input { height: 26px; } .core_Input { display: inline-block; box-sizing: border-box; height: 24px; border: var(--input-border); } .core_Input .core_Input_inner { box-sizing: border-box; width: 100%; height: 100%; padding: 0 3px; border: var(--input-inner-border); background-color: var(--input-bg-color); color: var(--input-text-color); outline: none; font-size: 13px; } .core_Input:hover { border: var(--input-border-hover); } .core_Input:focus-within { border: var(--input-border-focus); } .core_Input.disabled { border: var(--input-border-disabled); } .core_Input.disabled .core_Input_inner { color: var(--input-text-color-disabled); background-color: var(--input-bg-color-disabled); } .core_NumberInput { width: 54px; } .core_NumberInput .core_NumberInput_inner { padding-right: 1px; } .core_Dialog { z-index: 20; display: flex; flex-direction: column; outline: none; position: fixed; background-color: var(--bg-color); border: var(--border); padding: 10px; box-shadow: black 0 0 10px -2px; } .core_Dialog:focus-within { border: var(--border-focus); } .core_Dialog h1 { font-size: 20px; margin: 0 0 10px 0; padding-bottom: 4px; border-bottom: var(--border); } .core_Dialog_description { user-select: text; cursor: text; } .core_Dialog_body { flex: 1; margin: 4px 0; } .core_Dialog_footer { display: flex; flex-direction: row; justify-content: flex-end; } .core_Dialog_footer > * { margin-left: 2px; } .core_Dialog_modal_overlay { outline: none; z-index: 10; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: black; opacity: 50%; backdrop-filter: blur(5px); }