n8n-editor-ui 1.61.0 → 1.62.1

package/dist/assets/{NodeViewSwitcher-Bee93VCg.css → NodeViewSwitcher-DZNvWE_C.css}

@@ -359,7 +359,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-}.node-settings[data-v-0fff2a6e] {
+}.node-settings[data-v-08ca8efa] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -372,10 +372,10 @@
   height: 100%;
   width: 100%;
 }
-.node-settings .no-parameters[data-v-0fff2a6e] {
+.node-settings .no-parameters[data-v-08ca8efa] {
   margin-top: var(--spacing-xs);
 }
-.node-settings .header-side-menu[data-v-0fff2a6e] {
+.node-settings .header-side-menu[data-v-08ca8efa] {
   padding: var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-s);
   font-size: var(--font-size-l);
   display: -webkit-box;
@@ -385,10 +385,10 @@
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
-.node-settings .header-side-menu .node-name[data-v-0fff2a6e] {
+.node-settings .header-side-menu .node-name[data-v-08ca8efa] {
   padding-top: var(--spacing-5xs);
 }
-.node-settings .node-is-not-valid[data-v-0fff2a6e] {
+.node-settings .node-is-not-valid[data-v-08ca8efa] {
   height: 75%;
   padding: 10px;
   display: -webkit-box;
@@ -407,32 +407,32 @@
   text-align: center;
   line-height: var(--font-line-height-regular);
 }
-.node-settings .node-parameters-wrapper[data-v-0fff2a6e] {
+.node-settings .node-parameters-wrapper[data-v-08ca8efa] {
   overflow-y: auto;
   padding: 0 var(--spacing-m) var(--spacing-l) var(--spacing-m);
   -webkit-box-flex: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
 }
-.node-settings.dragging[data-v-0fff2a6e] {
+.node-settings.dragging[data-v-08ca8efa] {
   border-color: var(--color-primary);
   -webkit-box-shadow: 0px 6px 16px rgba(255, 74, 51, 0.15);
           box-shadow: 0px 6px 16px rgba(255, 74, 51, 0.15);
 }
-.parameter-content[data-v-0fff2a6e] {
+.parameter-content[data-v-08ca8efa] {
   font-size: 0.9em;
   margin-right: -15px;
   margin-left: -15px;
 }
-.parameter-content input[data-v-0fff2a6e] {
+.parameter-content input[data-v-08ca8efa] {
   width: calc(100% - 35px);
   padding: 5px;
 }
-.parameter-content select[data-v-0fff2a6e] {
+.parameter-content select[data-v-08ca8efa] {
   width: calc(100% - 20px);
   padding: 5px;
 }
-.parameter-content[data-v-0fff2a6e]:before {
+.parameter-content[data-v-08ca8efa]:before {
   display: table;
   content: " ";
   position: relative;
@@ -440,25 +440,25 @@
           box-sizing: border-box;
   clear: both;
 }
-.parameter-wrapper[data-v-0fff2a6e] {
+.parameter-wrapper[data-v-08ca8efa] {
   padding: 0 1em;
 }
-.color-reset-button-wrapper[data-v-0fff2a6e] {
+.color-reset-button-wrapper[data-v-08ca8efa] {
   position: relative;
 }
-.color-reset-button[data-v-0fff2a6e] {
+.color-reset-button[data-v-08ca8efa] {
   position: absolute;
   right: 7px;
   top: -25px;
 }
-.node-version[data-v-0fff2a6e] {
+.node-version[data-v-08ca8efa] {
   border-top: var(--border-base);
   font-size: var(--font-size-xs);
   font-size: var(--font-size-2xs);
   padding: var(--spacing-xs) 0 var(--spacing-2xs) 0;
   color: var(--color-text-light);
 }
-.parameter-value input.expression[data-v-0fff2a6e] {
+.parameter-value input.expression[data-v-08ca8efa] {
   border-style: dashed;
   border-color: #ff9600;
   display: inline-block;
@@ -1428,23 +1428,23 @@ video {
 }
 ._featureRequest_16z4c_31 * {
   margin-right: var(--spacing-3xs);
-}.sticky-wrapper[data-v-d3f1b373] {
+}.sticky-wrapper[data-v-c3c3325d] {
   position: absolute;
 }
-.sticky-wrapper .sticky-default .sticky-box[data-v-d3f1b373] {
+.sticky-wrapper .sticky-default .sticky-box[data-v-c3c3325d] {
   width: 100%;
   height: 100%;
 }
-.sticky-wrapper .sticky-default.touch-active .sticky-options[data-v-d3f1b373], .sticky-wrapper .sticky-default:hover .sticky-options[data-v-d3f1b373] {
+.sticky-wrapper .sticky-default.touch-active .sticky-options[data-v-c3c3325d], .sticky-wrapper .sticky-default:hover .sticky-options[data-v-c3c3325d] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   cursor: pointer;
 }
-.sticky-wrapper .sticky-default.is-read-only[data-v-d3f1b373] {
+.sticky-wrapper .sticky-default.is-read-only[data-v-c3c3325d] {
   pointer-events: none;
 }
-.sticky-wrapper .sticky-default .sticky-options[data-v-d3f1b373] {
+.sticky-wrapper .sticky-default .sticky-options[data-v-c3c3325d] {
   display: none;
   -webkit-box-pack: start;
       -ms-flex-pack: start;
@@ -1459,29 +1459,29 @@ video {
   color: #aaa;
   text-align: center;
 }
-.sticky-wrapper .sticky-default .sticky-options .option[data-v-d3f1b373] {
+.sticky-wrapper .sticky-default .sticky-options .option[data-v-c3c3325d] {
   width: 28px;
   display: inline-block;
 }
-.sticky-wrapper .sticky-default .sticky-options .option.touch[data-v-d3f1b373] {
+.sticky-wrapper .sticky-default .sticky-options .option.touch[data-v-c3c3325d] {
   display: none;
 }
-.sticky-wrapper .sticky-default .sticky-options .option[data-v-d3f1b373]:hover {
+.sticky-wrapper .sticky-default .sticky-options .option[data-v-c3c3325d]:hover {
   color: var(--color-primary);
 }
-.sticky-wrapper .sticky-default .force-show[data-v-d3f1b373] {
+.sticky-wrapper .sticky-default .force-show[data-v-c3c3325d] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.sticky-wrapper .sticky-default.is-touch-device .sticky-options[data-v-d3f1b373] {
+.sticky-wrapper .sticky-default.is-touch-device .sticky-options[data-v-c3c3325d] {
   left: -25px;
   width: 150px;
 }
-.sticky-wrapper .sticky-default.is-touch-device .sticky-options .option.touch[data-v-d3f1b373] {
+.sticky-wrapper .sticky-default.is-touch-device .sticky-options .option.touch[data-v-c3c3325d] {
   display: initial;
 }
-.select-sticky-background[data-v-d3f1b373] {
+.select-sticky-background[data-v-c3c3325d] {
   display: block;
   position: absolute;
   background-color: var(--color-canvas-selected);
@@ -1493,7 +1493,7 @@ video {
   top: -8px;
   z-index: 0;
 }
-.content[data-v-d3f1b373] {
+.content[data-v-c3c3325d] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -1506,13 +1506,13 @@ video {
   width: fit-content;
   gap: var(--spacing-2xs);
 }
-.color[data-v-d3f1b373] {
+.color[data-v-c3c3325d] {
   width: 20px;
   height: 20px;
   border-radius: 50%;
   border-color: var(--color-primary-shade-1);
 }
-.color[data-v-d3f1b373]:hover {
+.color[data-v-c3c3325d]:hover {
   cursor: pointer;
 }.context-menu[data-v-a84c6b35] {
   position: absolute;
@@ -2283,7 +2283,7 @@ video {
   line-height: var(--font-line-height-xloose);
   color: var(--color-text-dark);
   margin-top: var(--spacing-2xs);
-}.node-view-root[data-v-096d9e88] {
+}.node-view-root[data-v-15661dcd] {
   position: relative;
   -webkit-box-flex: 1;
       -ms-flex: 1;
@@ -2294,10 +2294,10 @@ video {
   height: 100%;
   position: relative;
 }
-.node-view-wrapper[data-v-096d9e88] {
+.node-view-wrapper[data-v-15661dcd] {
   position: fixed;
 }
-.node-view[data-v-096d9e88] {
+.node-view[data-v-15661dcd] {
   position: relative;
   width: 100%;
   height: 100%;
@@ -2305,26 +2305,26 @@ video {
           transform-origin: 0 0;
   z-index: -1;
 }
-.node-view-background[data-v-096d9e88] {
+.node-view-background[data-v-15661dcd] {
   background-color: var(--color-canvas-background);
   position: absolute;
   width: 100vw;
   height: 100vh;
   z-index: -2;
 }
-.move-active[data-v-096d9e88] {
+.move-active[data-v-15661dcd] {
   cursor: grab;
   cursor: -webkit-grab;
   -ms-touch-action: none;
       touch-action: none;
 }
-.move-in-process[data-v-096d9e88] {
+.move-in-process[data-v-15661dcd] {
   cursor: grabbing;
   cursor: -webkit-grabbing;
   -ms-touch-action: none;
       touch-action: none;
 }
-.workflow-execute-wrapper[data-v-096d9e88] {
+.workflow-execute-wrapper[data-v-15661dcd] {
   position: absolute;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -2342,11 +2342,11 @@ video {
   width: auto;
 }
 @media (max-width: 600px) {
-.workflow-execute-wrapper[data-v-096d9e88] {
+.workflow-execute-wrapper[data-v-15661dcd] {
     bottom: 150px;
 }
 }
-.workflow-execute-wrapper button[data-v-096d9e88] {
+.workflow-execute-wrapper button[data-v-15661dcd] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -2358,13 +2358,13 @@ video {
           align-items: center;
   margin-left: 0.625rem;
 }
-.workflow-execute-wrapper button[data-v-096d9e88]:first-child {
+.workflow-execute-wrapper button[data-v-15661dcd]:first-child {
   margin: 0;
 }
 
 /* Makes sure that when selected with mouse it does not select text */
-.do-not-select *[data-v-096d9e88],
-.jtk-drag-select *[data-v-096d9e88] {
+.do-not-select *[data-v-15661dcd],
+.jtk-drag-select *[data-v-15661dcd] {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -2879,31 +2879,31 @@ video {
   position: absolute;
   left: var(--spacing-l);
   top: var(--spacing-l);
-}[data-v-096d9e88] .node-view .jtk-connector.success:not(.jtk-hover) path:not(.jtk-connector-outline) {
+}[data-v-15661dcd] .node-view .jtk-connector.success:not(.jtk-hover) path:not(.jtk-connector-outline) {
   stroke: var(--color-success-light);
 }
-[data-v-096d9e88] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-096d9e88] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-096d9e88] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
+[data-v-15661dcd] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-15661dcd] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-15661dcd] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
   fill: var(--color-success-light);
 }
-[data-v-096d9e88] .node-view .connection-run-items-label.success {
+[data-v-15661dcd] .node-view .connection-run-items-label.success {
   color: var(--color-success);
 }
-[data-v-096d9e88] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path:not(.jtk-connector-outline) {
+[data-v-15661dcd] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path:not(.jtk-connector-outline) {
   stroke: var(--color-foreground-xdark);
 }
-[data-v-096d9e88] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-096d9e88] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-096d9e88] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
+[data-v-15661dcd] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-15661dcd] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-15661dcd] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
   fill: var(--color-foreground-xdark);
 }
-[data-v-096d9e88] .node-view .connection-run-items-label.success.pinned {
+[data-v-15661dcd] .node-view .connection-run-items-label.success.pinned {
   color: var(--color-foreground-xdark);
 }
-[data-v-096d9e88] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path:not(.jtk-connector-outline) {
+[data-v-15661dcd] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path:not(.jtk-connector-outline) {
   stroke: var(--color-secondary);
 }
-[data-v-096d9e88] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-096d9e88] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-096d9e88] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
+[data-v-15661dcd] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-15661dcd] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-15661dcd] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
   fill: var(--color-secondary);
 }
-[data-v-096d9e88] .node-view .connection-run-items-label.success.pinned.has-run {
+[data-v-15661dcd] .node-view .connection-run-items-label.success.pinned.has-run {
   color: var(--color-secondary);
 }.vue-flow__controls {
   display: -webkit-box;
@@ -3051,7 +3051,7 @@ video {
 }
 ._count_r5e7l_31 {
   font-size: var(--font-size-s);
-}._node_1wi2c_1 {
+}._node_11rg8_1 {
   --canvas-node--max-vertical-handles: max(
   	var(--canvas-node--main-input-count),
   	var(--canvas-node--main-output-count),
@@ -3088,55 +3088,66 @@ video {
    * The reverse order defines the priority in case multiple states are active
    */
 }
-._node_1wi2c_1._trigger_1wi2c_32 {
+._node_11rg8_1._trigger_11rg8_32 {
   border-radius: var(--trigger-node--border-radius) var(--border-radius-large) var(--border-radius-large) var(--trigger-node--border-radius);
 }
-._node_1wi2c_1._configuration_1wi2c_35 {
+._node_11rg8_1._configuration_11rg8_35 {
   --canvas-node--width: 80px;
   --canvas-node--height: 80px;
   background: var(--canvas-node--background, var(--node-type-supplemental-background));
   border: var(--canvas-node-border-width) solid var(--canvas-node--border-color, var(--color-foreground-dark));
   border-radius: 50px;
 }
-._node_1wi2c_1._configuration_1wi2c_35 ._statusIcons_1wi2c_42 {
+._node_11rg8_1._configuration_11rg8_35 ._statusIcons_11rg8_42 {
   right: unset;
 }
-._node_1wi2c_1._configurable_1wi2c_45 {
+._node_11rg8_1._configurable_11rg8_45 {
   --canvas-node--height: 100px;
   --canvas-node--width: calc(
   	max(var(--configurable-node--input-count, 4), var(--configurable-node--min-input-count)) *
   		var(--configurable-node--input-width)
   );
 }
-._node_1wi2c_1._configurable_1wi2c_45 ._description_1wi2c_52 {
+._node_11rg8_1._configurable_11rg8_45 ._description_11rg8_52 {
   top: unset;
   position: relative;
+  margin-top: 0;
   margin-left: var(--spacing-s);
   width: auto;
   min-width: unset;
   max-width: calc(var(--canvas-node--width) - var(--configurable-node--icon-offset) - var(--configurable-node--icon-size) - 2 * var(--spacing-s));
 }
-._node_1wi2c_1._selected_1wi2c_60 {
+._node_11rg8_1._configurable_11rg8_45 ._label_11rg8_61 {
+  text-align: left;
+}
+._node_11rg8_1._configurable_11rg8_45._configuration_11rg8_35 {
+  --canvas-node--height: 75px;
+}
+._node_11rg8_1._configurable_11rg8_45._configuration_11rg8_35 ._statusIcons_11rg8_42 {
+  right: calc(-1 * var(--spacing-2xs));
+  bottom: 0;
+}
+._node_11rg8_1._selected_11rg8_71 {
   -webkit-box-shadow: 0 0 0 8px var(--color-canvas-selected-transparent);
           box-shadow: 0 0 0 8px var(--color-canvas-selected-transparent);
 }
-._node_1wi2c_1._success_1wi2c_63 {
+._node_11rg8_1._success_11rg8_74 {
   border-color: var(--color-canvas-node-success-border-color, var(--color-success));
 }
-._node_1wi2c_1._error_1wi2c_66 {
+._node_11rg8_1._error_11rg8_77 {
   border-color: var(--color-canvas-node-error-border-color, var(--color-danger));
 }
-._node_1wi2c_1._pinned_1wi2c_69 {
+._node_11rg8_1._pinned_11rg8_80 {
   border-color: var(--color-canvas-node-pinned-border-color, var(--color-node-pinned-border));
 }
-._node_1wi2c_1._disabled_1wi2c_72 {
+._node_11rg8_1._disabled_11rg8_83 {
   border-color: var(--color-canvas-node-disabled-border-color, var(--color-foreground-base));
 }
-._node_1wi2c_1._running_1wi2c_75 {
+._node_11rg8_1._running_11rg8_86 {
   background-color: var(--color-node-executing-background);
   border-color: var(--color-canvas-node-running-border-color, var(--color-node-running-border));
 }
-._description_1wi2c_52 {
+._description_11rg8_52 {
   top: 100%;
   position: absolute;
   width: 100%;
@@ -3154,7 +3165,7 @@ video {
       -ms-flex-align: center;
           align-items: center;
 }
-._label_1wi2c_92 {
+._label_11rg8_61 {
   font-size: var(--font-size-m);
   text-align: center;
   text-overflow: ellipsis;
@@ -3166,7 +3177,7 @@ video {
   font-weight: var(--font-weight-bold);
   line-height: var(--font-line-height-compact);
 }
-._subtitle_1wi2c_105 {
+._subtitle_11rg8_116 {
   width: 100%;
   text-align: center;
   color: var(--color-text-light);
@@ -3177,12 +3188,12 @@ video {
   line-height: var(--font-line-height-compact);
   font-weight: 400;
 }
-._statusIcons_1wi2c_42 {
+._statusIcons_11rg8_42 {
   position: absolute;
   bottom: var(--canvas-node--status-icons-offset);
   right: var(--canvas-node--status-icons-offset);
 }
-._triggerIcon_1wi2c_123 {
+._triggerIcon_11rg8_134 {
   position: absolute;
   right: 100%;
   margin: auto;
@@ -3250,7 +3261,7 @@ video {
 }
 ._rectangle_m7e52_1:hover {
   background: var(--color-primary);
-}._handle_a6mvd_1 {
+}._handle_1f1io_1 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -3265,7 +3276,7 @@ video {
       -ms-flex-pack: center;
           justify-content: center;
 }
-._label_a6mvd_8 {
+._label_1f1io_8 {
   position: absolute;
   top: 50%;
   left: calc(var(--spacing-xs) * -1);
@@ -3277,19 +3288,32 @@ video {
   z-index: 1;
   text-align: center;
   white-space: nowrap;
-}._wrapper_1m0hx_1 {
+}
+._required_1f1io_21 ._label_1f1io_8::after {
+  content: "*";
+  color: var(--color-danger);
+}._wrapper_13ue6_1 {
   position: relative;
 }
-._wrapper_1m0hx_1._success_1m0hx_4 ._line_1m0hx_4 {
+._wrapper_13ue6_1._ai_13ue6_4 ._line_13ue6_4 {
+  stroke: var(--node-type-supplemental-color);
+}
+._wrapper_13ue6_1._ai_13ue6_4 ._plus_13ue6_7 path {
+  fill: var(--node-type-supplemental-color);
+}
+._wrapper_13ue6_1._ai_13ue6_4 ._plus_13ue6_7 rect {
+  stroke: var(--node-type-supplemental-color);
+}
+._wrapper_13ue6_1._success_13ue6_13 ._line_13ue6_4 {
   stroke: var(--color-success);
 }
-._plus_1m0hx_8:hover {
+._plus_13ue6_7:hover {
   cursor: pointer;
 }
-._plus_1m0hx_8:hover path {
+._plus_13ue6_7:hover path {
   fill: var(--color-primary);
 }
-._plus_1m0hx_8:hover rect {
+._plus_13ue6_7:hover rect {
   stroke: var(--color-primary);
 }._dot_14pp2_1 {
   width: var(--handle--indicator--width);
@@ -3299,7 +3323,7 @@ video {
 }
 ._dot_14pp2_1:hover {
   background: var(--color-primary);
-}._handle_t48zx_1 {
+}._handle_1h8hh_1 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -3314,7 +3338,7 @@ video {
       -ms-flex-pack: center;
           justify-content: center;
 }
-._label_t48zx_8 {
+._label_1h8hh_8 {
   position: absolute;
   background: var(--color-canvas-label-background);
   z-index: 1;
@@ -3323,7 +3347,11 @@ video {
   text-overflow: ellipsis;
   overflow: hidden;
 }
-._outputLabel_t48zx_18 {
+._required_1h8hh_18 ._label_1h8hh_8::after {
+  content: "*";
+  color: var(--color-danger);
+}
+._outputLabel_1h8hh_23 {
   top: 50%;
   left: var(--spacing-m);
   -webkit-transform: translate(0, -50%);
@@ -3331,7 +3359,7 @@ video {
   font-size: var(--font-size-2xs);
   color: var(--color-foreground-xdark);
 }
-._runDataLabel_t48zx_26 {
+._runDataLabel_1h8hh_31 {
   position: absolute;
   top: 0;
   left: 50%;
@@ -3366,7 +3394,7 @@ video {
 }
 ._diamond_1pjv3_1:hover {
   background: var(--color-primary);
-}._handle_l4490_1 {
+}._handle_6focw_1 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -3381,18 +3409,22 @@ video {
       -ms-flex-pack: center;
           justify-content: center;
 }
-._label_l4490_8 {
+._label_6focw_8 {
   position: absolute;
   top: 20px;
   left: 50%;
   -webkit-transform: translate(-50%, 0);
           transform: translate(-50%, 0);
   font-size: var(--font-size-2xs);
-  color: var(--color-foreground-xdark);
+  color: var(--node-type-supplemental-color);
   background: var(--color-canvas-label-background);
   z-index: 1;
   text-align: center;
   white-space: nowrap;
+}
+._required_6focw_21 ._label_6focw_8::after {
+  content: "*";
+  color: var(--color-danger);
 }.canvas-node-handle-non-main-input-enter-active,
 .canvas-node-handle-non-main-input-leave-active {
   -webkit-transform-origin: center 0;
@@ -3411,7 +3443,7 @@ video {
   -webkit-transform: scale(0);
           transform: scale(0);
   opacity: 0;
-}._handle_1ti87_1 {
+}._handle_1q4ej_1 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -3426,19 +3458,23 @@ video {
       -ms-flex-pack: center;
           justify-content: center;
 }
-._label_1ti87_8 {
+._label_1q4ej_8 {
   position: absolute;
   top: -20px;
-  left: -50%;
-  -webkit-transform: translate(0%, 0);
-          transform: translate(0%, 0);
+  left: 50%;
+  -webkit-transform: translate(-50%, 0);
+          transform: translate(-50%, 0);
   font-size: var(--font-size-2xs);
-  color: var(--color-foreground-xdark);
+  color: var(--node-type-supplemental-color);
   background: var(--color-canvas-label-background);
   z-index: 0;
   white-space: nowrap;
 }
-.vue-flow__handle:not(.connectionindicator) ._plus_1ti87_20 {
+._required_1q4ej_20 ._label_1q4ej_8::after {
+  content: "*";
+  color: var(--color-danger);
+}
+.vue-flow__handle:not(.connectionindicator) ._plus_1q4ej_25 {
   display: none;
   position: absolute;
 }._handle_3cwat_1 {