/* 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 -------------------------- */ /* Focus State -------------------------- */ ._area_1o30r_125 { border: dashed 1px var(--color--foreground--shade-1); border-radius: var(--radius--lg); background: var(--color--background--light-2); padding: var(--spacing--sm) var(--spacing--md); display: flex; align-items: baseline; justify-content: center; font-size: var(--font-size--sm); transition: border-color 0.1s ease-in; box-shadow: inset 0 0 0 1.5px var(--color--background--light-3); } ._area_1o30r_125:not(._active_1o30r_137):hover { border-color: var(--ndv--droppable-parameter--color); background: var(--ndv--droppable-parameter--color--background); } ._droppable_1o30r_142 { border-color: transparent; outline: 1.5px dashed var(--ndv--droppable-parameter--color); outline-offset: -1.5px; background: var(--ndv--droppable-parameter--color--background); } ._active_1o30r_137 { border-color: var(--color--success); border-width: 1px; background: var(--ndv--droppable-parameter--color--background--active); outline: none; }/* 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 -------------------------- */ /* Focus State -------------------------- */ ._triple_pwabg_125 { display: flex; flex-wrap: nowrap; align-items: flex-start; } ._observer_pwabg_131 { --parameter-input-options--height: 22px; width: 100%; position: relative; } ._item_pwabg_137 { position: relative; flex-shrink: 0; flex-basis: 240px; flex-grow: 1; z-index: 0; --input--radius: 0; } ._item_pwabg_137 .n8n-input { gap: 0; } ._item_pwabg_137:focus-within { z-index: 1; } ._default_pwabg_152 ._item_pwabg_137:not(:first-child) { margin-left: -1px; } ._middle_pwabg_156 { flex-grow: 1; flex-basis: 160px; } ._item_pwabg_137:first-of-type { --input--radius--top-left: var(--radius); --input--radius--bottom-left: var(--radius); --input-triple--radius--top-right: 0; --input-triple--radius--bottom-right: 0; } ._item_pwabg_137:first-of-type .cm-editor { border-top-right-radius: 0; border-bottom-right-radius: 0; } ._item_pwabg_137:first-of-type .el-input-group__prepend { border-top-right-radius: 0; border-bottom-right-radius: 0; } ._item_pwabg_137:first-of-type .el-input-group__prepend + * .cm-editor { border-radius: 0; } ._item_pwabg_137:last-of-type { --input--radius--top-left: 0; --input--radius--bottom-left: 0; --input--radius--top-right: var(--radius); --input--radius--bottom-right: var(--radius); --input-triple--radius--top-right: var(--radius); --input-triple--radius--bottom-right: var(--radius); } ._item_pwabg_137:last-of-type .cm-editor { border-top-left-radius: 0; border-bottom-left-radius: 0; } ._item_pwabg_137:last-of-type .el-input-group__prepend { border-top-left-radius: 0; border-bottom-left-radius: 0; } ._medium_pwabg_196:not(._noRightSlot_pwabg_196) ._triple_pwabg_125 { flex-wrap: wrap; } ._medium_pwabg_196:not(._noRightSlot_pwabg_196) ._middle_pwabg_156 { margin-left: -1px; --input-triple--radius--top-right: var(--radius); --input-triple--radius--bottom-right: 0; } ._medium_pwabg_196:not(._noRightSlot_pwabg_196) ._item_pwabg_137:first-of-type { --input--radius--top-left: var(--radius); --input-triple--radius--top-right: 0; --input--radius--bottom-left: 0; --input--radius--bottom-right: 0; } ._medium_pwabg_196:not(._noRightSlot_pwabg_196) ._item_pwabg_137:first-of-type .cm-editor { border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } ._medium_pwabg_196:not(._noRightSlot_pwabg_196) ._item_pwabg_137:first-of-type .el-input-group__prepend { border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } ._medium_pwabg_196:not(._noRightSlot_pwabg_196) ._item_pwabg_137:last-of-type { flex-basis: 100%; margin-top: -1px; --input--radius--top-left: 0; --input--radius--top-right: 0; --input-triple--radius--top-right: 0; --input--radius--bottom-left: var(--radius); --input--radius--bottom-right: var(--radius); --input-triple--radius--bottom-right: var(--radius); } ._medium_pwabg_196:not(._noRightSlot_pwabg_196) ._item_pwabg_137:last-of-type .cm-editor { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; } ._medium_pwabg_196:not(._noRightSlot_pwabg_196) ._item_pwabg_137:last-of-type .el-input-group__prepend { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; } ._stacked_pwabg_241 ._triple_pwabg_125 { display: block; } ._stacked_pwabg_241 ._middle_pwabg_156 { padding-top: 0; } ._stacked_pwabg_241 ._middle_pwabg_156:not(._item_pwabg_137:last-of-type) { width: 100%; --input--radius: 0; } ._stacked_pwabg_241 ._item_pwabg_137:first-of-type { --input--radius--top-left: var(--radius); --input--radius--top-right: var(--radius); --input-triple--radius--top-right: var(--radius); --input--radius--bottom-left: 0; --input--radius--bottom-right: 0; --input-triple--radius--bottom-right: 0; } ._stacked_pwabg_241 ._item_pwabg_137:first-of-type .cm-editor { border-radius: var(--radius) var(--radius) 0 0; } ._stacked_pwabg_241 ._item_pwabg_137:first-of-type .el-input-group__prepend { border-radius: var(--radius) 0 0 0; } ._stacked_pwabg_241 ._item_pwabg_137:first-of-type .el-input-group__prepend + * .cm-editor { border-radius: 0 var(--radius) 0 0; } ._stacked_pwabg_241 ._item_pwabg_137:not(:first-of-type) { margin-top: -1px; } ._stacked_pwabg_241 ._item_pwabg_137:not(:first-of-type):not(:last-of-type) { --parameter-input-options--height: 0; } ._stacked_pwabg_241 ._middle_pwabg_156 .cm-editor, ._stacked_pwabg_241 ._middle_pwabg_156 .el-input-group__prepend { border-radius: 0; } ._stacked_pwabg_241 ._item_pwabg_137:last-of-type { --input--radius--top-left: 0; --input--radius--top-right: 0; --input-triple--radius--top-right: 0; --input--radius--bottom-left: var(--radius); --input--radius--bottom-right: var(--radius); --input-triple--radius--bottom-right: var(--radius); } ._stacked_pwabg_241 ._item_pwabg_137:last-of-type .cm-editor { border-radius: 0 0 var(--radius) var(--radius); } ._stacked_pwabg_241 ._item_pwabg_137:last-of-type .el-input-group__prepend { border-radius: 0 0 0 var(--radius); } ._stacked_pwabg_241 ._item_pwabg_137:last-of-type .el-input-group__prepend + * .cm-editor { border-bottom-left-radius: 0; }/* 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 -------------------------- */ /* Focus State -------------------------- */ ._wrapper_15lxh_125 { width: 100%; height: 100%; padding-top: var(--parameter-input-options--height, 22px); } ._wrapper_15lxh_125 > span { width: 100%; height: var(--height--md); } ._trigger_15lxh_136 { display: flex; align-items: center; gap: var(--spacing--3xs); width: 100%; height: 100%; padding: 0 var(--spacing--2xs); border: var(--border-width) var(--border-style) var(--input--border-color, var(--border-color)); border-top-left-radius: var(--input--radius--top-left, var(--input--radius, 0)); border-bottom-left-radius: var(--input--radius--bottom-left, var(--input--radius, 0)); border-top-right-radius: var(--input-triple--radius--top-right, var(--input--radius, 0)); border-bottom-right-radius: var(--input-triple--radius--bottom-right, var(--input--radius, 0)); background-color: var(--color--background--light-2); color: var(--color--text); font-size: var(--font-size--2xs); font-family: var(--font-family); cursor: pointer; } ._trigger_15lxh_136:disabled { cursor: not-allowed; opacity: 0.6; } ._label_15lxh_159 { flex: 1; text-align: left; font-weight: var(--font-weight--regular); } ._selected_15lxh_165 span { color: var(--color--primary); font-weight: var(--font-weight--bold); } ._dropdownContent_15lxh_170 { z-index: var(--ndv--z); }/* 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 -------------------------- */ /* Focus State -------------------------- */ ._wrapper_12uii_125 { position: relative; display: flex; align-items: flex-end; gap: var(--spacing--4xs); } ._wrapper_12uii_125._hasIssues_12uii_131 { --input--border-color: var(--color--danger); } ._wrapper_12uii_125._hasHint_12uii_134 { padding-bottom: var(--spacing--sm); } ._wrapper_12uii_125:hover ._iconButton_12uii_137 { opacity: 1; } ._inputs_12uii_141 { display: flex; flex-direction: column; flex-grow: 1; min-width: 0; } ._inputs_12uii_141 > div { flex-grow: 1; } ._value_12uii_151 { position: relative; } ._value_12uii_151 ._hint_12uii_154 { position: absolute; bottom: calc(var(--spacing--sm) * -1); left: 0; right: 0; font-family: monospace; } ._iconButton_12uii_137 { position: absolute; left: 0; opacity: 0; transition: opacity 100ms ease-in; color: var(--icon--color); } ._extraTopPadding_12uii_170 { top: calc(20px + var(--spacing--sm)); } ._defaultTopPadding_12uii_174 { top: var(--spacing--sm); } ._status_12uii_178 { align-self: flex-start; padding-top: 28px; } ._statusIcon_12uii_183 { padding-left: var(--spacing--4xs); } ._typeSelectWrapper_12uii_187 { height: 100%; } ._typeSelectWrapper_12uii_187 > :deep(span) { height: 100%; }/* 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 -------------------------- */ /* Focus State -------------------------- */ ._assignmentCollection_v88g2_125 { display: flex; flex-direction: column; margin: var(--spacing--xs) 0; } ._content_v88g2_131 { display: flex; gap: var(--spacing--lg); flex-direction: column; } ._assignments_v88g2_137 { display: flex; flex-direction: column; gap: var(--spacing--4xs); } ._assignment_v88g2_125 { padding-left: var(--spacing--lg); } ._dropAreaWrapper_v88g2_147 { cursor: pointer; } ._dropAreaWrapper_v88g2_147:not(._empty_v88g2_150 ._dropAreaWrapper_v88g2_147) { padding-left: var(--spacing--lg); } ._dropAreaWrapper_v88g2_147:hover ._add_v88g2_153 { color: var(--color--primary--shade-1); } ._dropArea_v88g2_147 { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; font-size: var(--font-size--xs); color: var(--color--text--shade-1); gap: 1ch; min-height: 24px; } ._dropArea_v88g2_147 > span { word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; white-space: normal; max-width: 100%; } ._or_v88g2_175 { color: var(--color--text--tint-1); font-size: var(--font-size--2xs); } ._add_v88g2_153 { color: var(--color--primary); font-weight: var(--font-weight--bold); } ._activeField_v88g2_185 { font-weight: var(--font-weight--bold); color: var(--ndv--droppable-parameter--color); } ._active_v88g2_185 ._activeField_v88g2_185 { color: var(--color--success); } ._empty_v88g2_150 ._dropArea_v88g2_147 { flex-direction: column; align-items: center; gap: var(--spacing--3xs); min-height: 20vh; } ._empty_v88g2_150 ._droppable_v88g2_200 ._dropArea_v88g2_147 { flex-direction: row; gap: 1ch; } ._empty_v88g2_150 ._content_v88g2_131 { gap: var(--spacing--sm); } ._icon_v88g2_208 { font-size: var(--font-size--2xl); } ._ghost_v88g2_212, ._dragging_v88g2_213 { border-radius: var(--radius); padding-right: var(--spacing--xs); padding-bottom: var(--spacing--xs); } ._ghost_v88g2_212 { background-color: var(--color--background); opacity: 0.5; } ._dragging_v88g2_213 { background-color: var(--color--background--light-3); opacity: 0.7; }/* 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 -------------------------- */ /* Focus State -------------------------- */ ._input_o5voa_125 * { border: 1.5px transparent !important; } ._input_o5voa_125 { border-radius: var(--radius); } ._input_o5voa_125 textarea { font-size: var(--font-size--2xs); padding-bottom: var(--spacing--2xl); font-family: var(--font-family); resize: none; margin: 0; } ._intro_o5voa_141 { font-weight: var(--font-weight--bold); font-size: var(--font-size--2xs); color: var(--color--text--shade-1); padding: var(--spacing--2xs) 0 0; } ._inputContainer_o5voa_148 { position: relative; } ._meta_o5voa_152 { display: flex; justify-content: space-between; position: absolute; padding-bottom: var(--spacing--2xs); padding-top: var(--spacing--2xs); bottom: 2px; left: var(--spacing--xs); right: var(--spacing--xs); gap: var(--spacing--2xs); align-items: end; z-index: 1; background-color: var(--color--foreground--tint-2); } ._meta_o5voa_152 * { font-size: var(--font-size--2xs); line-height: 1; } ._counter_o5voa_171 { color: var(--color--text--tint-1); flex-shrink: 0; } ._controls_o5voa_176 { padding: var(--spacing--2xs) 0; display: flex; justify-content: flex-end; } ._warning-text_o5voa_182 { color: var(--color--warning); line-height: 1.2; } ._droppable_o5voa_187 { border: 1.5px dashed var(--ndv--droppable-parameter--color) !important; } ._activeDrop_o5voa_191 { border: 1.5px solid var(--color--success) !important; cursor: grabbing; } ._disabled_o5voa_196 ._meta_o5voa_152 { background-color: var(--input--color--background--disabled); }/* 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 -------------------------- */ /* Focus State -------------------------- */ ._wrapper_1idzj_125 { width: 100%; height: 100%; /* TODO DS-580: Remove when child consumers of DropdownMenu trigger aren't wrapped in containing span */ } ._wrapper_1idzj_125 > [aria-haspopup=menu] { width: 100%; } ._trigger_1idzj_134 { display: flex; align-items: center; gap: var(--spacing--3xs); width: 100%; height: 100%; min-height: var(--height--md); padding: 0 var(--spacing--2xs); border: var(--border-width) var(--border-style) var(--input--border-color, var(--border-color)); border-top-left-radius: var(--input--radius--top-left, var(--input--radius, 0)); border-bottom-left-radius: var(--input--radius--bottom-left, var(--input--radius, 0)); border-top-right-radius: var(--input-triple--radius--top-right, var(--input--radius, 0)); border-bottom-right-radius: var(--input-triple--radius--bottom-right, var(--input--radius, 0)); background-color: var(--color--background--light-2); color: var(--color--text); font-size: var(--font-size--2xs); font-family: var(--font-family); line-height: var(--line-height--md); cursor: pointer; white-space: nowrap; text-align: left; } ._trigger_1idzj_134:hover:not(:disabled) { background-color: var(--color--background--light-1); } ._trigger_1idzj_134:focus { outline: none; border-color: var(--color--secondary); } ._trigger_1idzj_134:disabled { cursor: not-allowed; background-color: var(--color--background--light-3); color: var(--color--text--tint-1); } ._icon_1idzj_169 { color: var(--color--text--tint-1); flex-shrink: 0; } ._label_1idzj_174 { flex-grow: 1; overflow: hidden; text-overflow: ellipsis; font-weight: var(--font-weight--regular); } ._chevron_1idzj_181 { color: var(--color--text--tint-1); flex-shrink: 0; margin-left: auto; } ._dropdownContent_1idzj_187 { z-index: var(--ndv--z); } ._suggested_1idzj_191 span { font-weight: var(--font-weight--bold); } ._selected_1idzj_195 span { color: var(--color--primary); 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 -------------------------- */ /* Focus State -------------------------- */ ._wrapper_g92s8_125 { position: relative; display: flex; align-items: flex-end; gap: var(--spacing--4xs); } ._wrapper_g92s8_125._hasIssues_g92s8_131 { --input--border-color: var(--color--danger); } ._wrapper_g92s8_125:hover ._iconButton_g92s8_134 { opacity: 1; } ._status_g92s8_138 { align-self: flex-start; padding-top: var(--spacing--2xs); } ._iconButton_g92s8_134 { position: absolute; left: 0; opacity: 0; transition: opacity 100ms ease-in; color: var(--icon--color); } ._defaultTopPadding_g92s8_151 { top: 0; } ._extraTopPadding_g92s8_155 { top: var(--spacing--sm); }/* 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 -------------------------- */ /* Focus State -------------------------- */ ._combinatorSelect_1uzld_125 { max-width: 80px; line-height: var(--line-height--xl); font-size: var(--font-size--2xs); color: var(--color--text--tint-1); }/* 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 -------------------------- */ /* Focus State -------------------------- */ ._filter_10dug_125 { display: flex; flex-direction: column; margin: var(--spacing--xs) 0; } ._filter_10dug_125._noTopMargin_10dug_130 { margin-top: 0; } ._filter_10dug_125._noBottomMargin_10dug_133 { margin-bottom: 0; } ._filter_10dug_125:not(._single_10dug_137) ._content_10dug_137 { margin-top: var(--spacing--xs); } ._conditions_10dug_141 { display: flex; flex-direction: column; gap: var(--spacing--4xs); } ._combinator_10dug_147 { position: relative; z-index: 1; margin-top: var(--spacing--2xs); margin-bottom: var(--spacing--2xs); margin-left: var(--spacing--lg); } ._condition_10dug_141 { padding-left: var(--spacing--lg); } ._single_10dug_137 ._condition_10dug_141 { padding-left: 0; } ._addConditionWrapper_10dug_163 { margin-top: var(--spacing--xs); margin-left: var(--spacing--lg); } ._ghost_10dug_168, ._dragging_10dug_169 { border-radius: var(--radius); padding-right: var(--spacing--xs); } ._ghost_10dug_168 { background-color: var(--color--background); opacity: 0.5; } ._dragging_10dug_169 { background-color: var(--color--background--light-3); opacity: 0.7; } ._dragging_10dug_169 > ._combinator_10dug_147 { display: none; }/* 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 -------------------------- */ /* Focus State -------------------------- */ ._importSection_1630r_125 { display: flex; flex-direction: row-reverse; margin-top: 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 -------------------------- */ /* Focus State -------------------------- */ ._collectionParameter_10dxk_125 { padding-left: var(--spacing--sm); } ._collectionParameter_10dxk_125 ._paramOptions_10dxk_129 { margin-top: var(--spacing--xs); } ._collectionParameter_10dxk_125 ._paramOptions_10dxk_129 .button { color: var(--color--text--shade-1); font-weight: var(--font-weight--regular); --button--border-color: var(--color--foreground); --button--color--background: var(--color--background); --button--color--text--hover: var(--button--color--text--secondary); --button--border-color--hover: var(--color--foreground); --button--color--background--hover: var(--color--background); --button--color--text--active: var(--button--color--text--secondary); --button--border-color--active: var(--color--foreground); --button--color--background--active: var(--color--background); --button--color--text--focus: var(--button--color--text--secondary); --button--border-color--focus: var(--color--foreground); --button--color--background--focus: var(--color--background); } ._collectionParameter_10dxk_125 ._paramOptions_10dxk_129 .button:active, ._collectionParameter_10dxk_125 ._paramOptions_10dxk_129 .button._active_10dxk_147, ._collectionParameter_10dxk_125 ._paramOptions_10dxk_129 .button:focus { outline: none; } ._addOption_10dxk_151 > * { border: none; } ._addOption_10dxk_151 .el-select .el-input.is-disabled .el-input__icon { opacity: 1 !important; cursor: not-allowed; color: var(--color--foreground--shade-1); } ._addOption_10dxk_151 .el-select .el-input.is-disabled .el-input__inner, ._addOption_10dxk_151 .el-select .el-input.is-disabled .el-input__inner::placeholder { opacity: 1; color: var(--color--foreground--shade-1); } ._addOption_10dxk_151 .el-select .el-input:not(.is-disabled) .el-input__icon { color: var(--color--text--shade-1); } ._addOption_10dxk_151 .el-input .el-input__inner { text-align: center; } ._addOption_10dxk_151 .el-input:not(.is-disabled) .el-input__inner, ._addOption_10dxk_151 .el-input:not(.is-disabled) .el-input__inner:hover, ._addOption_10dxk_151 .el-input:not(.is-disabled) .el-input__inner:focus { padding-left: 35px; border-radius: var(--radius); color: var(--color--text--shade-1); background-color: var(--color--background); border-color: var(--color--foreground); text-align: center; } ._addOption_10dxk_151 .el-input:not(.is-disabled) .el-input__inner::placeholder { color: var(--color--text--shade-1); opacity: 1; } ._noItemsExist_10dxk_183 { margin: var(--spacing--xs) 0; }/* 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 -------------------------- */ /* Focus State -------------------------- */ ._parameterList_15ykk_125 > div:first-child .multi-parameter, ._parameterList_15ykk_125 > div:first-child .parameter-item { margin-top: 0; } ._parameterList_15ykk_125 > div:last-child .multi-parameter, ._parameterList_15ykk_125 > div:last-child .parameter-item { margin-top: 0; } ._showHeaderDivider_15ykk_134 ._collectionSectionHeader_15ykk_134 { margin-bottom: var(--spacing--xs); } ._collectionParameter_15ykk_138 ._paramOptions_15ykk_138 { margin-top: var(--spacing--xs); } ._addDropdown_15ykk_142 { display: inline-flex; }/* 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 -------------------------- */ /* Focus State -------------------------- */ .duplicate-parameter[data-v-dacb7d88] .button { --button--color--background: var(--color--background); --button--border-color: var(--color--foreground); } .duplicate-parameter[data-v-dacb7d88] .duplicate-parameter-item { position: relative; } .duplicate-parameter[data-v-dacb7d88] .duplicate-parameter-item .multi > .delete-item { top: 0.1em; } .duplicate-parameter[data-v-dacb7d88] .duplicate-parameter-input-item { margin: 0.5em 0 0.25em 2em; } .duplicate-parameter[data-v-dacb7d88] .duplicate-parameter-item + .duplicate-parameter-item .collection-parameter-wrapper { border-top: 1px dashed #999; margin-top: var(--spacing--xs); } .duplicate-parameter-item ~ .add-item-wrapper[data-v-dacb7d88] { margin-top: var(--spacing--xs); } .delete-item[data-v-dacb7d88] { display: none; position: absolute; left: 0.1em; top: 0.3em; z-index: 999; color: #f56c6c; width: 15px; font-size: var(--font-size--2xs); } .delete-item[data-v-dacb7d88] :hover { color: #f00; } .no-items-exist[data-v-dacb7d88] { margin: var(--spacing--xs) 0; } .duplicate-parameter-item:hover > .delete-item { display: inline; } .duplicate-parameter-item .multi > .delete-item { top: 0.1em; } /* 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 -------------------------- */ /* Focus State -------------------------- */ ._parameterItem_qfgw4_125 { --delete-option--width: 22px; display: flex; padding: 0 0 0 var(--spacing--sm); } ._parameterItem_qfgw4_125 ._parameterInput_qfgw4_130 { width: calc(100% - var(--delete-option--width)); } ._parameterItem_qfgw4_125 ._parameterInput_qfgw4_130:first-child { margin-left: var(--delete-option--width); } ._parameterItem_qfgw4_125._hasIssues_qfgw4_136 ._parameterIssues_qfgw4_136 { float: none; padding-top: var(--spacing--xl); } ._parameterItem_qfgw4_125._hasIssues_qfgw4_136 input, ._parameterItem_qfgw4_125._hasIssues_qfgw4_136 input:focus { --input--border-color: var(--color--danger); border-color: var(--color--danger); } ._addOption_qfgw4_146 { margin-top: var(--spacing--lg); padding: 0 0 0 var(--spacing--sm); } ._staleDataWarning_qfgw4_151 { display: flex; height: var(--spacing--md); align-items: baseline; gap: var(--spacing--5xs); } ._dropdown_qfgw4_158 { display: inline-flex; } ._dropdownContent_qfgw4_162 { z-index: var(--ndv--z); }/* 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 -------------------------- */ /* Focus State -------------------------- */ ._typeConversionOptions_ix1zi_125 { display: grid; padding: var(--spacing--md); gap: var(--spacing--2xs); }/* 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 -------------------------- */ /* Focus State -------------------------- */ .parameter-input-list-wrapper { --input--color--background--disabled: var(--color--background); } .parameter-input-list-wrapper .icon-button { position: absolute; opacity: 0; top: -3px; left: calc(-0.5 * var(--spacing--xs)); transition: opacity 100ms ease-in; } .parameter-input-list-wrapper .icon-button Button { color: var(--icon--color); } .parameter-input-list-wrapper .icon-button > Button:hover { color: var(--icon--color--hover); } .parameter-input-list-wrapper .indent > div { padding-left: var(--spacing--sm); } .parameter-input-list-wrapper .multi-parameter { position: relative; margin: var(--spacing--xs) 0; } .parameter-input-list-wrapper .multi-parameter .parameter-info { display: none; } .parameter-input-list-wrapper .parameter-item { position: relative; margin: var(--spacing--xs) 0; scroll-margin: var(--spacing--lg); } .parameter-input-list-wrapper .parameter-item:hover > .icon-button, .parameter-input-list-wrapper .multi-parameter:hover > .icon-button { opacity: 1; } .parameter-input-list-wrapper .parameter-notice { background-color: var(--color--warning--tint-2); color: var(--color--text--shade-1); margin: 0.3em 0; padding: 0.7em; } .parameter-input-list-wrapper .parameter-notice a { font-weight: var(--font-weight--bold); } .parameter-input-list-wrapper .async-notice { display: block; padding: var(--spacing--3xs) 0; } .parameter-input-list-wrapper .callout-dismiss { margin-left: var(--spacing--xs); line-height: 1; cursor: pointer; } .parameter-input-list-wrapper .callout-dismiss:hover { color: var(--icon--color--hover); }/* 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 -------------------------- */ /* Focus State -------------------------- */ ._parameterContainer_16myo_125 { scroll-margin: var(--spacing--xl); } /* Fields grouped under a section header (e.g. "Advanced Interactivity") are indented. */ ._parameterContainer_16myo_125[data-section-indent=true] { padding-left: var(--spacing--sm); } ._firstParameter_16myo_134 > .parameter-item, ._firstParameter_16myo_134 > .multi-parameter { margin-top: 0; } ._lastParameter_16myo_139 > .parameter-item, ._lastParameter_16myo_139 > .multi-parameter { margin-bottom: 0; } ._unsupportedActionNotice_16myo_144 { margin-top: var(--spacing--2xs); margin-bottom: 0; } ._inlineLayout_16myo_149 { display: flex; align-items: center; gap: var(--spacing--4xs); } ._inlineLayout_16myo_149 ._parameterContainer_16myo_125 { flex: 1; min-width: 0; } ._inlineLayout_16myo_149 ._parameterContainer_16myo_125:first-child { flex: 0 0 auto; } ._inlineLayout_16myo_149 .parameter-item { margin: 0; }