/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._data-store-breadcrumbs_12h50_123 { display: flex; align-items: end; } ._data-store-actions_12h50_128 { position: relative; } ._separator_12h50_132 { font-size: var(--font-size-xl); color: var(--color-foreground-base); padding: var(--spacing-3xs) var(--spacing-4xs) var(--spacing-4xs); } ._breadcrumb-current_12h50_138 { color: var(--color-text-dark); font-size: var(--font-size-s); padding: var(--spacing-3xs) var(--spacing-4xs) var(--spacing-4xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .data-store-column-header-wrapper { display: flex; align-items: center; justify-content: space-between; width: 100%; cursor: default; } .data-store-column-header-wrapper.sortable { cursor: pointer; } .data-store-column-header-action-item { justify-content: flex-start; gap: var(--spacing-xs); } .data-store-column-header-icon-wrapper { flex: 1; display: flex; align-items: center; gap: var(--spacing-2xs); min-width: 0; } .data-store-column-header-icon-wrapper .n8n-icon { flex-shrink: 0; } .ag-header-cell-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; } .sort-indicator { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; } .sort-indicator .sort-icon-active { font-size: var(--font-size-2xs); line-height: 1; color: var(--color-text-base); font-weight: var(--font-weight-bold); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .add-ds-column-header-popover-content { display: flex; flex-direction: column; width: 300px; } .add-ds-column-header-popover-content .popover-header { padding: var(--spacing-2xs); border-bottom: var(--border-base); } .add-ds-column-header-popover-content .popover-body { padding: var(--spacing-xs); display: flex; flex-direction: column; gap: var(--spacing-xs); } .add-ds-column-header-popover-content .error-message { display: flex; align-items: center; gap: var(--spacing-4xs); color: var(--color-text-danger); } .add-ds-column-header-popover-content .error-tooltip { cursor: pointer; } .add-column-option-content { display: flex; align-items: center; gap: var(--spacing-xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .n8n-empty-value { font-style: italic; color: var(--color-text-base); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .datastore-datepicker-wrapper { border-radius: var(--border-radius-base); } .datastore-datepicker-wrapper .el-input__prefix { display: none; } .datastore-datepicker-wrapper .el-input__suffix { display: flex; flex-direction: column; justify-content: center; color: var(--color-foreground-dark); } .datastore-datepicker-wrapper .el-input__inner { border: none !important; padding-left: var(--ag-input-padding-start); } .datastore-datepicker-wrapper:where(:focus-within, :active) { box-shadow: none; border: var(--grid-cell-editing-border); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._wrapper_1bnk4_123 { display: flex; flex-direction: column; gap: var(--spacing-m); align-items: center; } ._grid-container_1bnk4_130 { position: relative; display: flex; width: 100%; --ag-foreground-color: var(--color-text-base); --ag-cell-text-color: var(--color-text-dark); --ag-accent-color: var(--p-color-secondary-470); --ag-row-hover-color: var(--color-background-light-base); --ag-background-color: var(--color-background-xlight); --ag-border-color: var(--border-color-base); --ag-border-radius: var(--border-radius-base); --ag-wrapper-border-radius: 0; --ag-font-family: var(--font-family); --ag-font-size: var(--font-size-xs); --ag-font-color: var(--color-text-base); --ag-row-height: calc(var(--ag-grid-size) * 0.8 + 32px); --ag-header-background-color: var(--color-background-light-base); --ag-header-font-size: var(--font-size-xs); --ag-header-font-weight: var(--font-weight-medium); --ag-header-foreground-color: var(--color-text-dark); --ag-cell-horizontal-padding: var(--spacing-2xs); --ag-header-height: calc(var(--ag-grid-size) * 0.8 + 32px); --ag-header-column-border-height: 100%; --ag-range-selection-border-color: var(--p-color-secondary-470); --ag-input-padding-start: var(--spacing-2xs); --ag-input-background-color: var(--color-text-xlight); --ag-focus-shadow: none; } ._grid-container_1bnk4_130 .ag-cell { display: flex; align-items: center; } ._grid-container_1bnk4_130 .ag-header-cell-resize { width: var(--spacing-xs); right: -7px; } ._grid-container_1bnk4_130 .ag-cell[col-id="ag-Grid-SelectionColumn"] { border: none; padding-left: var(--spacing-l); } ._grid-container_1bnk4_130 .ag-header-cell[col-id="ag-Grid-SelectionColumn"] { padding-left: var(--spacing-l); } ._grid-container_1bnk4_130 .ag-header-cell[col-id="ag-Grid-SelectionColumn"]:after { display: none; } ._grid-container_1bnk4_130 .ag-cell[col-id="ag-Grid-SelectionColumn"].ag-cell-focus { outline: none; } ._grid-container_1bnk4_130 .ag-root-wrapper { border-left: none; } ._grid-container_1bnk4_130 .id-column { color: var(--color-text-light); justify-content: center; } ._grid-container_1bnk4_130 .ag-header-cell[col-id="id"] { text-align: center; } ._grid-container_1bnk4_130 .add-row-cell { border: none !important; background-color: transparent !important; } ._grid-container_1bnk4_130 .ag-header-cell[col-id="add-column"]:after { display: none; } ._grid-container_1bnk4_130 .ag-cell-value[col-id="add-column"], ._grid-container_1bnk4_130 .ag-cell-value[col-id="id"], ._grid-container_1bnk4_130 .ag-cell[col-id="ag-Grid-SelectionColumn"] { border: none; background-color: transparent; } ._grid-container_1bnk4_130 .ag-cell-value[col-id="id"] { border-right: 1px solid var(--ag-border-color); } ._grid-container_1bnk4_130 .ag-large-text-input { position: absolute; min-width: 420px; padding: 0; } ._grid-container_1bnk4_130 .ag-large-text-input textarea { padding-top: var(--spacing-xs); } ._grid-container_1bnk4_130 .ag-large-text-input textarea:where(:focus-within, :active) { border: var(--grid-cell-editing-border); } ._grid-container_1bnk4_130 .ag-center-cols-viewport { min-height: auto; } ._grid-container_1bnk4_130 .ag-checkbox-input-wrapper:where(:focus-within, :active) { box-shadow: none; } ._grid-container_1bnk4_130 .ag-cell-inline-editing { box-shadow: none; } ._grid-container_1bnk4_130 .ag-cell-inline-editing.boolean-cell { border: var(--grid-cell-editing-border) !important; } ._grid-container_1bnk4_130 .ag-cell-inline-editing.boolean-cell.ag-cell-focus { background-color: var(--grid-cell-active-background); } ._grid-container_1bnk4_130 .ag-cell-focus { background-color: var(--grid-row-selected-background); } ._grid-container_1bnk4_130._has-records_1bnk4_234 .ag-floating-bottom { border-top: var(--border-width-base) var(--border-style-base) var(--ag-border-color); } ._grid-container_1bnk4_130 .ag-row[row-id="__n8n_add_row__"] { border-bottom: none; } ._footer_1bnk4_241 { display: flex; width: 100%; justify-content: flex-end; margin-bottom: var(--spacing-l); padding-right: var(--spacing-xl); } ._footer_1bnk4_241 .el-pagination__sizes { height: 100%; position: relative; top: -1px; } ._footer_1bnk4_241 .el-pagination__sizes input { height: 100%; min-height: 28px; } ._footer_1bnk4_241 .el-pagination__sizes .el-input__suffix { width: var(--spacing-m); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._data-store-details-view_a2zz6_123 { display: flex; flex-direction: column; height: 100%; width: 100%; box-sizing: border-box; align-content: start; } ._header-loading_a2zz6_132 div { height: 2em; } ._header_a2zz6_132 { display: flex; gap: var(--spacing-l); align-items: center; } ._header_a2zz6_132, ._header-loading_a2zz6_132 { padding: var(--spacing-s); } ._saving_a2zz6_147 { display: flex; align-items: center; gap: var(--spacing-3xs); margin-top: var(--spacing-5xs); } ._actions_a2zz6_154 { display: flex; gap: var(--spacing-3xs); margin-left: auto; }