n8n-editor-ui 1.55.1 → 1.56.0

package/dist/assets/{NodeViewSwitcher-woYNnTaU.css → NodeViewSwitcher-BDq5Bd4L.css}

@@ -359,7 +359,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-}.node-settings[data-v-2f8c21b0] {
+}.node-settings[data-v-f492f692] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -372,23 +372,23 @@
   height: 100%;
   width: 100%;
 }
-.node-settings .no-parameters[data-v-2f8c21b0] {
+.node-settings .no-parameters[data-v-f492f692] {
   margin-top: var(--spacing-xs);
 }
-.node-settings .header-side-menu[data-v-2f8c21b0] {
+.node-settings .header-side-menu[data-v-f492f692] {
   padding: var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-s);
   font-size: var(--font-size-l);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.node-settings .header-side-menu .node-name[data-v-2f8c21b0] {
+.node-settings .header-side-menu .node-name[data-v-f492f692] {
   padding-top: var(--spacing-5xs);
   -webkit-box-flex: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
 }
-.node-settings .node-is-not-valid[data-v-2f8c21b0] {
+.node-settings .node-is-not-valid[data-v-f492f692] {
   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-2f8c21b0] {
+.node-settings .node-parameters-wrapper[data-v-f492f692] {
   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-2f8c21b0] {
+.node-settings.dragging[data-v-f492f692] {
   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-2f8c21b0] {
+.parameter-content[data-v-f492f692] {
   font-size: 0.9em;
   margin-right: -15px;
   margin-left: -15px;
 }
-.parameter-content input[data-v-2f8c21b0] {
+.parameter-content input[data-v-f492f692] {
   width: calc(100% - 35px);
   padding: 5px;
 }
-.parameter-content select[data-v-2f8c21b0] {
+.parameter-content select[data-v-f492f692] {
   width: calc(100% - 20px);
   padding: 5px;
 }
-.parameter-content[data-v-2f8c21b0]:before {
+.parameter-content[data-v-f492f692]:before {
   display: table;
   content: " ";
   position: relative;
@@ -440,25 +440,25 @@
           box-sizing: border-box;
   clear: both;
 }
-.parameter-wrapper[data-v-2f8c21b0] {
+.parameter-wrapper[data-v-f492f692] {
   padding: 0 1em;
 }
-.color-reset-button-wrapper[data-v-2f8c21b0] {
+.color-reset-button-wrapper[data-v-f492f692] {
   position: relative;
 }
-.color-reset-button[data-v-2f8c21b0] {
+.color-reset-button[data-v-f492f692] {
   position: absolute;
   right: 7px;
   top: -25px;
 }
-.node-version[data-v-2f8c21b0] {
+.node-version[data-v-f492f692] {
   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-2f8c21b0] {
+.parameter-value input.expression[data-v-f492f692] {
   border-style: dashed;
   border-color: #ff9600;
   display: inline-block;
@@ -1314,9 +1314,9 @@
 }
 ._schema_12msl_290 {
   padding: 0 var(--spacing-s);
-}.run-data .code-node-editor[data-v-a8e35839] {
+}.run-data .code-node-editor[data-v-2cded2ce] {
   height: 100%;
-}[data-v-a8e35839] .highlight {
+}[data-v-2cded2ce] .highlight {
   background-color: #f7dc55;
   color: black;
   border-radius: var(--border-radius-base);
@@ -1618,23 +1618,23 @@
 }
 ._featureRequest_16z4c_31 * {
   margin-right: var(--spacing-3xs);
-}.sticky-wrapper[data-v-23ba8f70] {
+}.sticky-wrapper[data-v-6b154f28] {
   position: absolute;
 }
-.sticky-wrapper .sticky-default .sticky-box[data-v-23ba8f70] {
+.sticky-wrapper .sticky-default .sticky-box[data-v-6b154f28] {
   width: 100%;
   height: 100%;
 }
-.sticky-wrapper .sticky-default.touch-active .sticky-options[data-v-23ba8f70], .sticky-wrapper .sticky-default:hover .sticky-options[data-v-23ba8f70] {
+.sticky-wrapper .sticky-default.touch-active .sticky-options[data-v-6b154f28], .sticky-wrapper .sticky-default:hover .sticky-options[data-v-6b154f28] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   cursor: pointer;
 }
-.sticky-wrapper .sticky-default.is-read-only[data-v-23ba8f70] {
+.sticky-wrapper .sticky-default.is-read-only[data-v-6b154f28] {
   pointer-events: none;
 }
-.sticky-wrapper .sticky-default .sticky-options[data-v-23ba8f70] {
+.sticky-wrapper .sticky-default .sticky-options[data-v-6b154f28] {
   display: none;
   -webkit-box-pack: start;
       -ms-flex-pack: start;
@@ -1649,29 +1649,29 @@
   color: #aaa;
   text-align: center;
 }
-.sticky-wrapper .sticky-default .sticky-options .option[data-v-23ba8f70] {
+.sticky-wrapper .sticky-default .sticky-options .option[data-v-6b154f28] {
   width: 28px;
   display: inline-block;
 }
-.sticky-wrapper .sticky-default .sticky-options .option.touch[data-v-23ba8f70] {
+.sticky-wrapper .sticky-default .sticky-options .option.touch[data-v-6b154f28] {
   display: none;
 }
-.sticky-wrapper .sticky-default .sticky-options .option[data-v-23ba8f70]:hover {
+.sticky-wrapper .sticky-default .sticky-options .option[data-v-6b154f28]:hover {
   color: var(--color-primary);
 }
-.sticky-wrapper .sticky-default .force-show[data-v-23ba8f70] {
+.sticky-wrapper .sticky-default .force-show[data-v-6b154f28] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.sticky-wrapper .sticky-default.is-touch-device .sticky-options[data-v-23ba8f70] {
+.sticky-wrapper .sticky-default.is-touch-device .sticky-options[data-v-6b154f28] {
   left: -25px;
   width: 150px;
 }
-.sticky-wrapper .sticky-default.is-touch-device .sticky-options .option.touch[data-v-23ba8f70] {
+.sticky-wrapper .sticky-default.is-touch-device .sticky-options .option.touch[data-v-6b154f28] {
   display: initial;
 }
-.select-sticky-background[data-v-23ba8f70] {
+.select-sticky-background[data-v-6b154f28] {
   display: block;
   position: absolute;
   background-color: var(--color-canvas-selected);
@@ -1683,7 +1683,7 @@
   top: -8px;
   z-index: 0;
 }
-.content[data-v-23ba8f70] {
+.content[data-v-6b154f28] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -1696,13 +1696,13 @@
   width: fit-content;
   gap: var(--spacing-2xs);
 }
-.color[data-v-23ba8f70] {
+.color[data-v-6b154f28] {
   width: 20px;
   height: 20px;
   border-radius: 50%;
   border-color: var(--color-primary-shade-1);
 }
-.color[data-v-23ba8f70]:hover {
+.color[data-v-6b154f28]:hover {
   cursor: pointer;
 }.context-menu[data-v-75cfc2b3] {
   position: absolute;
@@ -2473,7 +2473,7 @@
   line-height: var(--font-line-height-xloose);
   color: var(--color-text-dark);
   margin-top: var(--spacing-2xs);
-}.node-view-root[data-v-02aa368e] {
+}.node-view-root[data-v-00532269] {
   position: relative;
   -webkit-box-flex: 1;
       -ms-flex: 1;
@@ -2484,10 +2484,10 @@
   height: 100%;
   position: relative;
 }
-.node-view-wrapper[data-v-02aa368e] {
+.node-view-wrapper[data-v-00532269] {
   position: fixed;
 }
-.node-view[data-v-02aa368e] {
+.node-view[data-v-00532269] {
   position: relative;
   width: 100%;
   height: 100%;
@@ -2495,26 +2495,26 @@
           transform-origin: 0 0;
   z-index: -1;
 }
-.node-view-background[data-v-02aa368e] {
+.node-view-background[data-v-00532269] {
   background-color: var(--color-canvas-background);
   position: absolute;
   width: 100vw;
   height: 100vh;
   z-index: -2;
 }
-.move-active[data-v-02aa368e] {
+.move-active[data-v-00532269] {
   cursor: grab;
   cursor: -webkit-grab;
   -ms-touch-action: none;
       touch-action: none;
 }
-.move-in-process[data-v-02aa368e] {
+.move-in-process[data-v-00532269] {
   cursor: grabbing;
   cursor: -webkit-grabbing;
   -ms-touch-action: none;
       touch-action: none;
 }
-.workflow-execute-wrapper[data-v-02aa368e] {
+.workflow-execute-wrapper[data-v-00532269] {
   position: absolute;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -2532,11 +2532,11 @@
   width: auto;
 }
 @media (max-width: 600px) {
-.workflow-execute-wrapper[data-v-02aa368e] {
+.workflow-execute-wrapper[data-v-00532269] {
     bottom: 150px;
 }
 }
-.workflow-execute-wrapper button[data-v-02aa368e] {
+.workflow-execute-wrapper button[data-v-00532269] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -2548,13 +2548,13 @@
           align-items: center;
   margin-left: 0.625rem;
 }
-.workflow-execute-wrapper button[data-v-02aa368e]:first-child {
+.workflow-execute-wrapper button[data-v-00532269]:first-child {
   margin: 0;
 }
 
 /* Makes sure that when selected with mouse it does not select text */
-.do-not-select *[data-v-02aa368e],
-.jtk-drag-select *[data-v-02aa368e] {
+.do-not-select *[data-v-00532269],
+.jtk-drag-select *[data-v-00532269] {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -3069,32 +3069,39 @@
   position: absolute;
   left: var(--spacing-l);
   top: var(--spacing-l);
-}[data-v-02aa368e] .node-view .jtk-connector.success:not(.jtk-hover) path:not(.jtk-connector-outline) {
+}[data-v-00532269] .node-view .jtk-connector.success:not(.jtk-hover) path:not(.jtk-connector-outline) {
   stroke: var(--color-success-light);
 }
-[data-v-02aa368e] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-02aa368e] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-02aa368e] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
+[data-v-00532269] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-00532269] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-00532269] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
   fill: var(--color-success-light);
 }
-[data-v-02aa368e] .node-view .connection-run-items-label.success {
+[data-v-00532269] .node-view .connection-run-items-label.success {
   color: var(--color-success);
 }
-[data-v-02aa368e] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path:not(.jtk-connector-outline) {
+[data-v-00532269] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path:not(.jtk-connector-outline) {
   stroke: var(--color-foreground-xdark);
 }
-[data-v-02aa368e] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-02aa368e] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-02aa368e] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
+[data-v-00532269] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-00532269] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-00532269] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
   fill: var(--color-foreground-xdark);
 }
-[data-v-02aa368e] .node-view .connection-run-items-label.success.pinned {
+[data-v-00532269] .node-view .connection-run-items-label.success.pinned {
   color: var(--color-foreground-xdark);
 }
-[data-v-02aa368e] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path:not(.jtk-connector-outline) {
+[data-v-00532269] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path:not(.jtk-connector-outline) {
   stroke: var(--color-secondary);
 }
-[data-v-02aa368e] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-02aa368e] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-02aa368e] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
+[data-v-00532269] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-00532269] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-00532269] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
   fill: var(--color-secondary);
 }
-[data-v-02aa368e] .node-view .connection-run-items-label.success.pinned.has-run {
+[data-v-00532269] .node-view .connection-run-items-label.success.pinned.has-run {
   color: var(--color-secondary);
+}.vue-flow__controls {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  gap: var(--spacing-xs);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }._edge_ujtc6_1 {
   -webkit-transition: stroke 0.3s ease;
   transition: stroke 0.3s ease;
@@ -3132,7 +3139,7 @@
 }
 ._success_8cj0z_10 {
   border-color: var(--color-success-light);
-}._status_zk3it_1 {
+}._status_r5e7l_1 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -3141,23 +3148,35 @@
           align-items: center;
   gap: var(--spacing-5xs);
 }
-._runData_zk3it_7 {
+._runData_r5e7l_7 {
   font-weight: 600;
   color: var(--color-success);
 }
-._pinnedData_zk3it_12 {
+._pinnedData_r5e7l_12 {
   color: var(--color-secondary);
 }
-._running_zk3it_16 {
-  color: var(--color-primary);
+._running_r5e7l_16 {
+  width: calc(100% - 2 * var(--canvas-node--status-icons-offset));
+  height: calc(100% - 2 * var(--canvas-node--status-icons-offset));
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  font-size: 3.75em;
+  color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.7);
 }
-._issues_zk3it_20 {
+._issues_r5e7l_26 {
   color: var(--color-danger);
   cursor: default;
 }
-._count_zk3it_25 {
+._count_r5e7l_31 {
   font-size: var(--font-size-s);
-}._node_10hrg_1 {
+}._node_1lhi1_1 {
   --canvas-node--height: calc(100px + max(0, var(--canvas-node--main-output-count, 1) - 4) * 48px);
   --canvas-node--width: 100px;
   --canvas-node-border-width: 2px;
@@ -3166,6 +3185,7 @@
   --configurable-node--icon-offset: 40px;
   --configurable-node--icon-size: 30px;
   --trigger-node--border-radius: 36px;
+  --canvas-node--status-icons-offset: var(--spacing-2xs);
   height: var(--canvas-node--height);
   width: var(--canvas-node--width);
   display: -webkit-box;
@@ -3188,27 +3208,27 @@
    * The reverse order defines the priority in case multiple states are active
    */
 }
-._node_10hrg_1._trigger_10hrg_26 {
+._node_1lhi1_1._trigger_1lhi1_27 {
   border-radius: var(--trigger-node--border-radius) var(--border-radius-large) var(--border-radius-large) var(--trigger-node--border-radius);
 }
-._node_10hrg_1._configuration_10hrg_29 {
+._node_1lhi1_1._configuration_1lhi1_30 {
   --canvas-node--width: 76px;
   --canvas-node--height: 76px;
   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_10hrg_1._configuration_10hrg_29 ._statusIcons_10hrg_36 {
+._node_1lhi1_1._configuration_1lhi1_30 ._statusIcons_1lhi1_37 {
   right: unset;
 }
-._node_10hrg_1._configurable_10hrg_39 {
+._node_1lhi1_1._configurable_1lhi1_40 {
   --canvas-node--height: 100px;
   --canvas-node--width: calc(
   	max(var(--configurable-node--input-count, 5), var(--configurable-node--min-input-count)) *
   		var(--configurable-node--input-width)
   );
 }
-._node_10hrg_1._configurable_10hrg_39 ._description_10hrg_46 {
+._node_1lhi1_1._configurable_1lhi1_40 ._description_1lhi1_47 {
   top: unset;
   position: relative;
   margin-left: var(--spacing-s);
@@ -3216,31 +3236,31 @@
   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_10hrg_1._selected_10hrg_54 {
-  -webkit-box-shadow: 0 0 0 4px var(--color-canvas-selected);
-          box-shadow: 0 0 0 4px var(--color-canvas-selected);
+._node_1lhi1_1._selected_1lhi1_55 {
+  -webkit-box-shadow: 0 0 0 8px var(--color-canvas-selected-transparent);
+          box-shadow: 0 0 0 8px var(--color-canvas-selected-transparent);
 }
-._node_10hrg_1._success_10hrg_57 {
+._node_1lhi1_1._success_1lhi1_58 {
   border-color: var(--color-canvas-node-success-border-color, var(--color-success));
 }
-._node_10hrg_1._error_10hrg_60 {
+._node_1lhi1_1._error_1lhi1_61 {
   border-color: var(--color-canvas-node-error-border-color, var(--color-danger));
 }
-._node_10hrg_1._pinned_10hrg_63 {
+._node_1lhi1_1._pinned_1lhi1_64 {
   border-color: var(--color-canvas-node-pinned-border-color, var(--color-node-pinned-border));
 }
-._node_10hrg_1._disabled_10hrg_66 {
+._node_1lhi1_1._disabled_1lhi1_67 {
   border-color: var(--color-canvas-node-disabled-border-color, var(--color-foreground-base));
 }
-._node_10hrg_1._running_10hrg_69 {
+._node_1lhi1_1._running_1lhi1_70 {
   background-color: var(--color-node-executing-background);
   border-color: var(--color-canvas-node-running-border-color, var(--color-node-running-border));
 }
-._description_10hrg_46 {
+._description_1lhi1_47 {
   top: 100%;
   position: absolute;
   width: 100%;
-  min-width: 200px;
+  min-width: calc(var(--canvas-node--width) * 2);
   margin-top: var(--spacing-2xs);
   display: -webkit-box;
   display: -ms-flexbox;
@@ -3254,24 +3274,35 @@
       -ms-flex-align: center;
           align-items: center;
 }
-._label_10hrg_86 {
+._label_1lhi1_87 {
   font-size: var(--font-size-m);
-  line-height: var(--font-line-height-compact);
   text-align: center;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  overflow-wrap: anywhere;
+  font-weight: var(--font-weight-bold);
+  line-height: var(--font-line-height-compact);
 }
-._subtitle_10hrg_92 {
+._subtitle_1lhi1_100 {
+  width: 100%;
+  text-align: center;
   color: var(--color-text-light);
   font-size: var(--font-size-xs);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  line-height: var(--font-line-height-compact);
+  font-weight: 400;
 }
-._statusIcons_10hrg_36 {
+._statusIcons_1lhi1_37 {
   position: absolute;
-  bottom: var(--spacing-2xs);
-  right: var(--spacing-2xs);
+  bottom: var(--canvas-node--status-icons-offset);
+  right: var(--canvas-node--status-icons-offset);
 }
-._triggerIcon_10hrg_106 {
+._triggerIcon_1lhi1_118 {
   position: absolute;
   right: 100%;
   margin: auto;
@@ -3476,6 +3507,9 @@
           align-items: center;
   gap: var(--spacing-2xs);
   pointer-events: all;
+}[data-theme=dark] .canvas-edge-toolbar-button {
+  --button-background-color: var(--color-background-base);
+  --button-hover-background-color: var(--color-background-light);
 }._edge_fh0dc_1 {
   -webkit-transition: stroke 0.3s ease;
   transition: stroke 0.3s ease;
@@ -3494,47 +3528,6 @@
 }
 ._canvas_n41gg_1._visible_n41gg_4 {
   opacity: 1;
-}.vue-flow__controls {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  gap: var(--spacing-2xs);
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-.vue-flow__controls-button {
-  width: 42px;
-  height: 42px;
-  border: var(--border-base);
-  border-radius: var(--border-radius-base);
-  padding: 0;
-  -webkit-transition-property: background, border, color, -webkit-transform;
-  transition-property: background, border, color, -webkit-transform;
-  transition-property: transform, background, border, color;
-  transition-property: transform, background, border, color, -webkit-transform;
-  -webkit-transition-duration: 300ms;
-          transition-duration: 300ms;
-  -webkit-transition-timing-function: ease;
-          transition-timing-function: ease;
-}
-.vue-flow__controls-button:hover {
-  border-color: var(--color-button-secondary-hover-active-border);
-  background-color: var(--color-button-secondary-active-background);
-  -webkit-transform: scale(1.1);
-          transform: scale(1.1);
-}
-.vue-flow__controls-button:hover svg {
-  fill: var(--color-primary);
-}
-.vue-flow__controls-button svg {
-  max-height: 16px;
-  max-width: 16px;
-  -webkit-transition-property: fill;
-  transition-property: fill;
-  -webkit-transition-duration: 300ms;
-          transition-duration: 300ms;
-  -webkit-transition-timing-function: ease;
-          transition-timing-function: ease;
 }._wrapper_t1ugk_1 {
   display: block;
   position: relative;