n8n-editor-ui 1.115.0 → 1.116.0

package/dist/assets/{TriggerPanel-CQgUdcjv.css → TriggerPanel-BbB_P9ZT.css}

@@ -120,7 +120,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._pulseContainer_1w2uc_123 {
+._pulseContainer_1cm1j_123 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -133,16 +133,16 @@
   height: 240px;
   width: 100%;
 }
-._pulse_1w2uc_123 {
+._pulse_1cm1j_123 {
   width: 74px;
   height: 74px;
   border-radius: 50%;
-  -webkit-box-shadow: 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
-          box-shadow: 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
-  -webkit-animation: _pulse_1w2uc_123 6s infinite cubic-bezier(0.33, 1, 0.68, 1);
-          animation: _pulse_1w2uc_123 6s infinite cubic-bezier(0.33, 1, 0.68, 1);
+  -webkit-box-shadow: 0 0 0 hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0.4);
+          box-shadow: 0 0 0 hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0.4);
+  -webkit-animation: _pulse_1cm1j_123 6s infinite cubic-bezier(0.33, 1, 0.68, 1);
+          animation: _pulse_1cm1j_123 6s infinite cubic-bezier(0.33, 1, 0.68, 1);
 }
-._pulse2_1w2uc_139 {
+._pulse2_1cm1j_139 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -155,19 +155,19 @@
   width: 74px;
   height: 74px;
   border-radius: 50%;
-  -webkit-box-shadow: 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
-          box-shadow: 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
-  -webkit-animation: _pulse2_1w2uc_139 6s infinite cubic-bezier(0.33, 1, 0.68, 1);
-          animation: _pulse2_1w2uc_139 6s infinite cubic-bezier(0.33, 1, 0.68, 1);
+  -webkit-box-shadow: 0 0 0 hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0.4);
+          box-shadow: 0 0 0 hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0.4);
+  -webkit-animation: _pulse2_1cm1j_139 6s infinite cubic-bezier(0.33, 1, 0.68, 1);
+          animation: _pulse2_1cm1j_139 6s infinite cubic-bezier(0.33, 1, 0.68, 1);
 }
-@-webkit-keyframes _pulse_1w2uc_123 {
+@-webkit-keyframes _pulse_1cm1j_123 {
 0% {
-    -webkit-box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
-            box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+    -webkit-box-shadow: 0 0 0 0 hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0.4);
+            box-shadow: 0 0 0 0 hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0.4);
 }
 58.33% {
-    -webkit-box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
-            box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
+    -webkit-box-shadow: 0 0 0 60px hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0);
+            box-shadow: 0 0 0 60px hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0);
 }
 66.6% {
     -webkit-box-shadow: 0 0 0 66px transparent;
@@ -178,14 +178,14 @@
             box-shadow: 0 0 0 0 transparent;
 }
 }
-@keyframes _pulse_1w2uc_123 {
+@keyframes _pulse_1cm1j_123 {
 0% {
-    -webkit-box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
-            box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+    -webkit-box-shadow: 0 0 0 0 hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0.4);
+            box-shadow: 0 0 0 0 hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0.4);
 }
 58.33% {
-    -webkit-box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
-            box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
+    -webkit-box-shadow: 0 0 0 60px hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0);
+            box-shadow: 0 0 0 60px hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0);
 }
 66.6% {
     -webkit-box-shadow: 0 0 0 66px transparent;
@@ -196,18 +196,18 @@
             box-shadow: 0 0 0 0 transparent;
 }
 }
-@-webkit-keyframes _pulse2_1w2uc_139 {
+@-webkit-keyframes _pulse2_1cm1j_139 {
 0% {
-    -webkit-box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
-            box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+    -webkit-box-shadow: 0 0 0 0 hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0.4);
+            box-shadow: 0 0 0 0 hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0.4);
 }
 16.66% {
-    -webkit-box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
-            box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+    -webkit-box-shadow: 0 0 0 0 hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0.4);
+            box-shadow: 0 0 0 0 hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0.4);
 }
 50% {
-    -webkit-box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
-            box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
+    -webkit-box-shadow: 0 0 0 60px hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0);
+            box-shadow: 0 0 0 60px hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0);
 }
 83.3% {
     -webkit-box-shadow: 0 0 0 66px transparent;
@@ -218,18 +218,18 @@
             box-shadow: 0 0 0 0 transparent;
 }
 }
-@keyframes _pulse2_1w2uc_139 {
+@keyframes _pulse2_1cm1j_139 {
 0% {
-    -webkit-box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
-            box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+    -webkit-box-shadow: 0 0 0 0 hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0.4);
+            box-shadow: 0 0 0 0 hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0.4);
 }
 16.66% {
-    -webkit-box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
-            box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
+    -webkit-box-shadow: 0 0 0 0 hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0.4);
+            box-shadow: 0 0 0 0 hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0.4);
 }
 50% {
-    -webkit-box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
-            box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
+    -webkit-box-shadow: 0 0 0 60px hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0);
+            box-shadow: 0 0 0 60px hsla(var(--color--primary-h), var(--color--primary-s), var(--color--primary-l), 0);
 }
 83.3% {
     -webkit-box-shadow: 0 0 0 66px transparent;
@@ -361,7 +361,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._floatingNodes_mldmm_123 {
+._floatingNodes_yxgfp_123 {
   position: absolute;
   bottom: 0;
   top: 0;
@@ -370,7 +370,7 @@
   z-index: 10;
   pointer-events: none;
 }
-._nodesList_mldmm_133 {
+._nodesList_yxgfp_133 {
   list-style: none;
   padding: 0;
   position: absolute;
@@ -381,39 +381,39 @@
   width: min-content;
   margin: auto;
   transform-origin: center;
-  gap: var(--spacing-s);
+  gap: var(--spacing--sm);
   transition: transform 0.2s ease-in-out;
 }
-._nodesList_mldmm_133._inputSub_mldmm_147, ._nodesList_mldmm_133._outputSub_mldmm_147 {
+._nodesList_yxgfp_133._inputSub_yxgfp_147, ._nodesList_yxgfp_133._outputSub_yxgfp_147 {
   right: 0;
   left: 0;
   flex-direction: row;
 }
-._nodesList_mldmm_133._outputSub_mldmm_147 {
+._nodesList_yxgfp_133._outputSub_yxgfp_147 {
   top: 0;
   transform: translateY(-50%);
 }
-._nodesList_mldmm_133._inputSub_mldmm_147 {
+._nodesList_yxgfp_133._inputSub_yxgfp_147 {
   bottom: 0;
   transform: translateY(50%);
 }
-._nodesList_mldmm_133._outputMain_mldmm_160, ._nodesList_mldmm_133._inputMain_mldmm_160 {
+._nodesList_yxgfp_133._outputMain_yxgfp_160, ._nodesList_yxgfp_133._inputMain_yxgfp_160 {
   top: 0;
   bottom: 0;
 }
-._nodesList_mldmm_133._outputMain_mldmm_160 {
+._nodesList_yxgfp_133._outputMain_yxgfp_160 {
   right: 0;
   transform: translateX(50%);
 }
-._nodesList_mldmm_133._inputMain_mldmm_160 {
+._nodesList_yxgfp_133._inputMain_yxgfp_160 {
   left: 0;
   transform: translateX(-50%);
 }
-._connectedNode_mldmm_173 {
-  border: var(--border-base);
+._connectedNode_yxgfp_173 {
+  border: var(--border);
   background-color: var(--color-node-background);
   border-radius: 100%;
-  padding: var(--spacing-s);
+  padding: var(--spacing--sm);
   cursor: pointer;
   pointer-events: all;
   transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
@@ -423,7 +423,7 @@
   justify-self: center;
   align-self: center;
 }
-._connectedNode_mldmm_173::after {
+._connectedNode_yxgfp_173::after {
   content: "";
   position: absolute;
   top: -35%;
@@ -432,31 +432,31 @@
   left: -15%;
   z-index: -1;
 }
-._outputMain_mldmm_160 ._connectedNode_mldmm_173, ._inputMain_mldmm_160 ._connectedNode_mldmm_173 {
-  border-radius: var(--border-radius-large);
+._outputMain_yxgfp_160 ._connectedNode_yxgfp_173, ._inputMain_yxgfp_160 ._connectedNode_yxgfp_173 {
+  border-radius: var(--radius--lg);
   display: flex;
   align-items: center;
   justify-content: center;
 }
-._outputMain_mldmm_160 ._connectedNode_mldmm_173:hover {
+._outputMain_yxgfp_160 ._connectedNode_yxgfp_173:hover {
   transform: scale(1.2) translateX(-50%);
 }
-._outputSub_mldmm_147 ._connectedNode_mldmm_173:hover {
+._outputSub_yxgfp_147 ._connectedNode_yxgfp_173:hover {
   transform: scale(1.2) translateY(50%);
 }
-._inputMain_mldmm_160 ._connectedNode_mldmm_173:hover {
+._inputMain_yxgfp_160 ._connectedNode_yxgfp_173:hover {
   transform: scale(1.2) translateX(50%);
 }
-._inputSub_mldmm_147 ._connectedNode_mldmm_173:hover {
+._inputSub_yxgfp_147 ._connectedNode_yxgfp_173:hover {
   transform: scale(1.2) translateY(-50%);
 }
-._v2_mldmm_214 ._connectedNode_mldmm_173 {
-  padding: var(--spacing-xs);
+._v2_yxgfp_214 ._connectedNode_yxgfp_173 {
+  padding: var(--spacing--xs);
 }
-._v2_mldmm_214 ._connectedNode_mldmm_173::after {
+._v2_yxgfp_214 ._connectedNode_yxgfp_173::after {
   display: none;
 }
-._v2_mldmm_214 ._connectedNode_mldmm_173:hover {
+._v2_yxgfp_214 ._connectedNode_yxgfp_173:hover {
   transform: scale(1.1);
 }/* BEM support Func
  -------------------------- */
@@ -580,9 +580,9 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._tooltipRow_14r7d_123 {
+._tooltipRow_1uvh5_123 {
   display: flex;
-  column-gap: var(--spacing-4xs);
+  column-gap: var(--spacing--4xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -705,99 +705,99 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._block_wafm4_123 {
-  padding: var(--spacing-s) 0 var(--spacing-2xs) var(--spacing-2xs);
-  border: 1px solid var(--color-foreground-light);
-  margin-top: var(--spacing-s);
-  border-radius: var(--border-radius-base);
+._block_g7rki_123 {
+  padding: var(--spacing--sm) 0 var(--spacing--2xs) var(--spacing--2xs);
+  border: 1px solid var(--color--foreground--tint-1);
+  margin-top: var(--spacing--sm);
+  border-radius: var(--radius);
 }
-:root ._blockContent_wafm4_130 {
+:root ._blockContent_g7rki_130 {
   height: 0;
   overflow: hidden;
 }
-:root ._blockContent_wafm4_130._blockContentExpanded_wafm4_134 {
+:root ._blockContent_g7rki_130._blockContentExpanded_g7rki_134 {
   height: auto;
 }
-._rawSwitch_wafm4_138 {
+._rawSwitch_g7rki_138 {
   opacity: 0;
   height: -moz-fit-content;
   height: fit-content;
   margin-left: auto;
-  margin-right: var(--spacing-2xs);
+  margin-right: var(--spacing--2xs);
 }
-._block_wafm4_123:hover ._rawSwitch_wafm4_138 {
+._block_g7rki_123:hover ._rawSwitch_g7rki_138 {
   opacity: 1;
 }
-._blockHeader_wafm4_148 {
+._blockHeader_g7rki_148 {
   display: flex;
-  gap: var(--spacing-xs);
+  gap: var(--spacing--xs);
   cursor: pointer;
   /* This hack is needed to make the whole surface of header clickable  */
-  margin: calc(-1 * var(--spacing-xs));
-  padding: var(--spacing-2xs) var(--spacing-xs);
+  margin: calc(-1 * var(--spacing--xs));
+  padding: var(--spacing--2xs) var(--spacing--xs);
   align-items: center;
 }
-._blockHeader_wafm4_148 * {
+._blockHeader_g7rki_148 * {
   -webkit-user-select: none;
           user-select: none;
 }
-._blockTitle_wafm4_161 {
-  font-size: var(--font-size-s);
-  color: var(--color-text-dark);
+._blockTitle_g7rki_161 {
+  font-size: var(--font-size--sm);
+  color: var(--color--text--shade-1);
   margin: 0;
-  padding-bottom: var(--spacing-4xs);
+  padding-bottom: var(--spacing--4xs);
 }
-._blockToggle_wafm4_168 {
+._blockToggle_g7rki_168 {
   border: none;
   background: none;
   padding: 0;
-  color: var(--color-text-base);
-  margin-top: calc(-1 * var(--spacing-3xs));
+  color: var(--color--text);
+  margin-top: calc(-1 * var(--spacing--3xs));
 }
-._error_wafm4_176 {
-  padding: var(--spacing-s) 0;
+._error_g7rki_176 {
+  padding: var(--spacing--sm) 0;
 }
-._container_dypaw_2 {
-	padding: 0 var(--spacing-s) var(--spacing-s);
+._container_1ddvo_2 {
+	padding: 0 var(--spacing--sm) var(--spacing--sm);
 }
-._nodeIcon_dypaw_5 {
-	margin-top: calc(var(--spacing-3xs) * -1);
+._nodeIcon_1ddvo_5 {
+	margin-top: calc(var(--spacing--3xs) * -1);
 }
-._header_dypaw_8 {
+._header_1ddvo_8 {
 	display: flex;
 	align-items: center;
-	gap: var(--spacing-3xs);
-	margin-bottom: var(--spacing-s);
+	gap: var(--spacing--3xs);
+	margin-bottom: var(--spacing--sm);
 }
-._headerWrap_dypaw_14 {
+._headerWrap_1ddvo_14 {
 	display: flex;
 	flex-direction: column;
 }
-._title_dypaw_18 {
+._title_1ddvo_18 {
 	display: flex;
 	align-items: center;
-	font-size: var(--font-size-s);
-	gap: var(--spacing-3xs);
-	color: var(--color-text-dark);
+	font-size: var(--font-size--sm);
+	gap: var(--spacing--3xs);
+	color: var(--color--text--shade-1);
 }
-._meta_dypaw_25 {
+._meta_1ddvo_25 {
 	list-style: none;
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
-	font-size: var(--font-size-xs);
+	font-size: var(--font-size--xs);
 & > li:not(:last-child) {
-		border-right: 1px solid var(--color-text-base);
-		padding-right: var(--spacing-3xs);
+		border-right: 1px solid var(--color--text);
+		padding-right: var(--spacing--3xs);
 }
 & > li:not(:first-child) {
-		padding-left: var(--spacing-3xs);
+		padding-left: var(--spacing--3xs);
 }
 }
-._tokensUsage_dypaw_41 {
+._tokensUsage_1ddvo_41 {
 	display: flex;
 	align-items: center;
-	gap: var(--spacing-3xs);
+	gap: var(--spacing--3xs);
 }
 /* BEM support Func
  -------------------------- */
@@ -921,110 +921,32 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._treeToggle_1qaq4_123 {
-  border: none;
-  background-color: transparent;
-  padding: 0 var(--spacing-3xs);
-  margin: 0 calc(-1 * var(--spacing-3xs));
-  cursor: pointer;
-}
-._leafLabel_1qaq4_131 {
-  display: flex;
-  align-items: center;
-  gap: var(--spacing-3xs);
-}
-._noData_1qaq4_137 {
+._noData_owvsu_123 {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
-  color: var(--color-text-light);
+  color: var(--color--text--tint-1);
 }
-._empty_1qaq4_145 {
-  padding: var(--spacing-l);
+._empty_owvsu_131 {
+  padding: var(--spacing--lg);
 }
-._title_1qaq4_149 {
-  font-size: var(--font-size-s);
-  margin-bottom: var(--spacing-xs);
-}
-._tree_1qaq4_123 {
+._tree_owvsu_135 {
   flex-shrink: 0;
-  min-width: 8rem;
-  height: 100%;
-  padding-right: var(--spacing-xs);
-  padding-left: var(--spacing-2xs);
+  flex-grow: 0;
+  width: 30%;
+  min-width: 180px;
 }
-._tree_1qaq4_123._slim_1qaq4_161 {
-  min-width: auto;
-}
-._runData_1qaq4_165 {
+._runData_owvsu_142 {
   width: 100%;
   height: 100%;
   overflow: auto;
 }
-._container_1qaq4_171 {
+._container_owvsu_148 {
   height: 100%;
-  padding: 0 var(--spacing-xs);
+  padding: 0 var(--spacing--xs);
   display: flex;
-}
-._container_1qaq4_171 .el-tree > .el-tree-node {
-  position: relative;
-}
-._container_1qaq4_171 .el-tree > .el-tree-node:after {
-  content: "";
-  position: absolute;
-  top: 2rem;
-  bottom: 1.2rem;
-  left: 0.75rem;
-  width: 0.125rem;
-  background-color: var(--color-foreground-base);
-}
-._container_1qaq4_171 .el-tree-node__expand-icon {
-  display: none;
-}
-._container_1qaq4_171 .el-tree {
-  margin-left: calc(-1 * var(--spacing-xs));
-}
-._container_1qaq4_171 .el-tree-node__content {
-  margin-left: var(--spacing-xs);
-}
-._nodeIcon_1qaq4_198 {
-  padding: var(--spacing-3xs) var(--spacing-3xs);
-  border-radius: var(--border-radius-base);
-  margin-right: var(--spacing-4xs);
-}
-._isSelected_1qaq4_204 {
-  background-color: var(--color-foreground-base);
-}
-._treeNode_1qaq4_208 {
-  display: inline-flex;
-  border-radius: var(--border-radius-base);
-  align-items: center;
-  padding-right: var(--spacing-3xs);
-  margin: var(--spacing-4xs) 0;
-  font-size: var(--font-size-2xs);
-  color: var(--color-text-dark);
-  margin-bottom: var(--spacing-3xs);
-  cursor: pointer;
-}
-._treeNode_1qaq4_208._isSelected_1qaq4_204 {
-  font-weight: var(--font-weight-bold);
-}
-._treeNode_1qaq4_208:hover {
-  background-color: var(--color-foreground-base);
-}
-._treeNode_1qaq4_208[data-tree-depth="0"] {
-  margin-left: calc(-1 * var(--spacing-2xs));
-}
-._treeNode_1qaq4_208:after {
-  content: "";
-  position: absolute;
-  margin: auto;
-  background-color: var(--color-foreground-base);
-  height: 0.125rem;
-  left: 0.75rem;
-  width: calc(var(--item-depth) * 0.625rem);
-  margin-top: var(--spacing-3xs);
+  gap: var(--spacing--xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -1151,60 +1073,60 @@
 [data-output-type="logs"] [class*="displayModes"] {
   display: none;
 }
-._runData_1lxlh_128 {
+._runData_kisyc_128 {
   background-color: var(--color-run-data-background);
 }
-._runDataV2_1lxlh_132 {
+._runDataV2_kisyc_132 {
   background-color: var(--color-ndvv2-run-data-background);
 }
-._outputTypeSelect_1lxlh_136 {
-  margin-bottom: var(--spacing-4xs);
+._outputTypeSelect_kisyc_136 {
+  margin-bottom: var(--spacing--4xs);
   width: -moz-fit-content;
   width: fit-content;
 }
-._titleSection_1lxlh_141 {
+._titleSection_kisyc_141 {
   display: flex;
   align-items: center;
 }
-._titleSection_1lxlh_141 > * {
-  margin-right: var(--spacing-2xs);
+._titleSection_kisyc_141 > * {
+  margin-right: var(--spacing--2xs);
 }
-._titleSectionV2_1lxlh_149 {
-  padding-left: var(--spacing-4xs);
+._titleSectionV2_kisyc_149 {
+  padding-left: var(--spacing--4xs);
 }
-._title_1lxlh_141 {
+._title_kisyc_141 {
   text-transform: uppercase;
-  color: var(--color-text-light);
+  color: var(--color--text--tint-1);
   letter-spacing: 2px;
-  font-weight: var(--font-weight-bold);
-  font-size: var(--font-size-s);
+  font-weight: var(--font-weight--bold);
+  font-size: var(--font-size--sm);
 }
-._titleV2_1lxlh_161 {
+._titleV2_kisyc_161 {
   letter-spacing: 2px;
-  font-size: var(--font-size-xs);
+  font-size: var(--font-size--xs);
 }
-._noOutputData_1lxlh_166 {
+._noOutputData_kisyc_166 {
   max-width: 180px;
 }
-._noOutputData_1lxlh_166 > *:first-child {
-  margin-bottom: var(--spacing-m);
+._noOutputData_kisyc_166 > *:first-child {
+  margin-bottom: var(--spacing--md);
 }
-._noOutputData_1lxlh_166 > * {
-  margin-bottom: var(--spacing-2xs);
+._noOutputData_kisyc_166 > * {
+  margin-bottom: var(--spacing--2xs);
 }
-._link_1lxlh_176 {
+._link_kisyc_176 {
   display: inline;
   padding: 0;
-  font-size: var(--font-size-s);
-  font-weight: var(--font-weight-regular);
+  font-size: var(--font-size--sm);
+  font-weight: var(--font-weight--regular);
 }
-._spinner_1lxlh_183 {
+._spinner_kisyc_183 {
   display: flex;
   justify-content: center;
   margin-bottom: var(--ndv-spacing);
 }
-._spinner_1lxlh_183 * {
-  color: var(--color-primary);
+._spinner_kisyc_183 * {
+  color: var(--color--primary);
   min-height: 40px;
   min-width: 40px;
 }/* BEM support Func
@@ -1329,7 +1251,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_1mcl9_123 {
+._container_6j3mj_123 {
   position: relative;
   width: 100%;
   height: 100%;
@@ -1338,26 +1260,26 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding: var(--spacing-s) var(--spacing-s) var(--spacing-xl) var(--spacing-s);
+  padding: var(--spacing--sm) var(--spacing--sm) var(--spacing--xl) var(--spacing--sm);
   text-align: center;
   overflow: hidden;
 }
-._container_1mcl9_123 > * {
+._container_6j3mj_123 > * {
   width: 100%;
 }
-._header_1mcl9_140 {
-  margin-bottom: var(--spacing-s);
+._header_6j3mj_140 {
+  margin-bottom: var(--spacing--sm);
 }
-._header_1mcl9_140 > * {
-  margin-bottom: var(--spacing-2xs);
+._header_6j3mj_140 > * {
+  margin-bottom: var(--spacing--2xs);
 }
-._action_1mcl9_147 {
-  margin-bottom: var(--spacing-2xl);
+._action_6j3mj_147 {
+  margin-bottom: var(--spacing--2xl);
 }
-._shake_1mcl9_151 {
-  animation: _shake_1mcl9_151 8s infinite;
+._shake_6j3mj_151 {
+  animation: _shake_6j3mj_151 8s infinite;
 }
-@keyframes _shake_1mcl9_151 {
+@keyframes _shake_6j3mj_151 {
 90% {
     transform: translateX(0);
 }
@@ -1374,7 +1296,7 @@
     transform: translateX(0);
 }
 }
-._accordion_1mcl9_172 {
+._accordion_6j3mj_172 {
   position: absolute;
   bottom: 0;
   left: 0;
@@ -1501,11 +1423,11 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.fade-enter-active[data-v-1595498e],
-.fade-leave-active[data-v-1595498e] {
+.fade-enter-active[data-v-47185fc9],
+.fade-leave-active[data-v-47185fc9] {
   transition: opacity 200ms;
 }
-.fade-enter[data-v-1595498e],
-.fade-leave-to[data-v-1595498e] {
+.fade-enter[data-v-47185fc9],
+.fade-leave-to[data-v-47185fc9] {
   opacity: 0;
 }