npm - n8n-editor-ui - Versions diffs - 1.101.0 → 1.102.0 - Mend

n8n-editor-ui 1.101.0 → 1.102.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (132) hide show

package/dist/assets/{index-BzamKJpD.css → index-C66_v3sX.css} RENAMED Viewed

@@ -1090,6 +1090,12 @@
   	var(--prim-color-alt-j-l),
   	0.75
   );
+  --prim-color-alt-j-alpha-095: hsla(
+  	var(--prim-color-alt-j-h),
+  	var(--prim-color-alt-j-s),
+  	var(--prim-color-alt-j-l),
+  	0.95
+  );
   --prim-color-alt-k-h: 355;
   --prim-color-alt-k-s: 100%;
   --prim-color-alt-k-l: 69%;
@@ -1351,10 +1357,11 @@
   --execution-selector-background: var(--color-background-dark);
   --execution-selector-text: var(--color-text-xlight);
   --execution-select-all-text: var(--color-danger);
-  --color-run-data-background: var(--color-background-base);
+  --color-run-data-background: var(--prim-gray-70);
   --color-ndv-droppable-parameter: var(--color-secondary);
   --color-ndv-droppable-parameter-background: var(--prim-color-secondary-alpha-010);
   --color-ndv-droppable-parameter-active-background: var(--prim-color-alt-a-alpha-015);
+  --color-ndv-overlay-background: var(--prim-color-alt-j-alpha-095);
   --color-ndv-back-font: var(--prim-gray-0);
   --color-notice-warning-border: var(--color-warning-tint-1);
   --color-notice-warning-background: var(--color-warning-tint-2);
@@ -2280,6 +2287,7 @@ body[data-theme=dark] {
   --color-ndv-droppable-parameter-background: var(--prim-color-primary-alpha-010);
   --color-ndv-droppable-parameter-active-background: var(--prim-color-alt-a-alpha-015);
   --color-ndv-back-font: var(--prim-gray-0);
+  --color-ndv-overlay-background: var(--prim-color-alt-j-alpha-095);
   --color-notice-warning-border: var(--prim-color-alt-b-tint-250);
   --color-notice-warning-background: var(--prim-color-alt-b-alpha-02);
   --color-notice-font: var(--prim-gray-0);
@@ -2701,6 +2709,7 @@ body[data-theme=dark] {
     --color-ndv-droppable-parameter-background: var(--prim-color-primary-alpha-010);
     --color-ndv-droppable-parameter-active-background: var(--prim-color-alt-a-alpha-015);
     --color-ndv-back-font: var(--prim-gray-0);
+    --color-ndv-overlay-background: var(--prim-color-alt-j-alpha-095);
     --color-notice-warning-border: var(--prim-color-alt-b-tint-250);
     --color-notice-warning-background: var(--prim-color-alt-b-alpha-02);
     --color-notice-font: var(--prim-gray-0);
@@ -16878,6 +16887,9 @@ body[data-theme=dark] .hljs-tag {
 .vue-flow__node:has(.sticky--active) {
   z-index: 1 !important;
 }
+.vue-flow__node:has(.canvas-handle-plus-wrapper):hover {
+  z-index: 2 !important;
+}
 .vue-flow__nodes:has(.bring-to-front) {
   z-index: 2 !important;
@@ -17316,76 +17328,33 @@ body[data-theme=dark] .hljs-tag {
  -------------------------- */
 /* BEM
  -------------------------- */
-._bold_ihh15_123 {
-  font-weight: var(--font-weight-medium);
-}
-._regular_ihh15_127 {
-  font-weight: var(--font-weight-regular);
-}
-._size-xlarge_ihh15_131 {
-  font-size: var(--font-size-xl);
-  line-height: var(--font-line-height-xloose);
-}
-._size-large_ihh15_136 {
-  font-size: var(--font-size-m);
-  line-height: var(--font-line-height-xloose);
+._strokeWidth_1hmtr_123 rect,
+._strokeWidth_1hmtr_123 path {
+  stroke-width: var(--n8n-icon-stroke-width);
 }
-._size-medium_ihh15_141 {
-  font-size: var(--font-size-s);
-  line-height: var(--font-line-height-loose);
-}
-._size-small_ihh15_146 {
-  font-size: var(--font-size-2xs);
-  line-height: var(--font-line-height-loose);
+._spin_1hmtr_128 {
+  -webkit-animation: _spin_1hmtr_128 1s linear infinite;
+          animation: _spin_1hmtr_128 1s linear infinite;
 }
-._size-xsmall_ihh15_151 {
-  font-size: var(--font-size-3xs);
-  line-height: var(--font-line-height-compact);
-}
-._compact_ihh15_156 {
-  line-height: 1;
-}
-._primary_ihh15_160 {
-  color: var(--color-primary);
-}
-._secondary_ihh15_164 {
-  color: var(--color-secondary);
-}
-._text-dark_ihh15_168 {
-  color: var(--color-text-dark);
-}
-._text-base_ihh15_172 {
-  color: var(--color-text-base);
-}
-._text-light_ihh15_176 {
-  color: var(--color-text-light);
-}
-._text-xlight_ihh15_180 {
-  color: var(--color-text-xlight);
-}
-._danger_ihh15_184 {
-  color: var(--color-text-danger);
-}
-._success_ihh15_188 {
-  color: var(--color-success);
-}
-._warning_ihh15_192 {
-  color: var(--color-warning);
+@-webkit-keyframes _spin_1hmtr_128 {
+from {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
 }
-._foreground-dark_ihh15_196 {
-  color: var(--color-foreground-dark);
+to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
 }
-._foreground-xdark_ihh15_200 {
-  color: var(--color-foreground-xdark);
 }
-._align-left_ihh15_204 {
-  text-align: left;
+@keyframes _spin_1hmtr_128 {
+from {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
 }
-._align-right_ihh15_208 {
-  text-align: right;
+to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
 }
-._align-center_ihh15_212 {
-  text-align: center;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -17508,20 +17477,56 @@ body[data-theme=dark] .hljs-tag {
  -------------------------- */
 /* BEM
  -------------------------- */
-._xlarge_1cwxf_123 {
-  width: var(--font-size-xl) !important;
+.lds-ring {
+  display: inline-block;
+  position: relative;
+  width: 48px;
+  height: 48px;
+}
+.lds-ring div {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  display: block;
+  position: absolute;
+  width: 48px;
+  height: 48px;
+  border: 4px solid var(--color-foreground-xlight);
+  border-radius: 50%;
+  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+  border-color: var(--color-primary) transparent transparent transparent;
+}
+.lds-ring div:nth-child(1) {
+  -webkit-animation-delay: -0.45s;
+          animation-delay: -0.45s;
+}
+.lds-ring div:nth-child(2) {
+  -webkit-animation-delay: -0.3s;
+          animation-delay: -0.3s;
+}
+.lds-ring div:nth-child(3) {
+  -webkit-animation-delay: -0.15s;
+          animation-delay: -0.15s;
+}
+@-webkit-keyframes lds-ring {
+0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
 }
-._large_1cwxf_127 {
-  width: var(--font-size-m) !important;
+100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
 }
-._medium_1cwxf_131 {
-  width: var(--font-size-s) !important;
 }
-._small_1cwxf_135 {
-  width: var(--font-size-2xs) !important;
+@keyframes lds-ring {
+0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+}
+100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
 }
-._xsmall_1cwxf_139 {
-  width: var(--font-size-3xs) !important;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -17644,57 +17649,7 @@ body[data-theme=dark] .hljs-tag {
  -------------------------- */
 /* BEM
  -------------------------- */
-.lds-ring {
-  display: inline-block;
-  position: relative;
-  width: 48px;
-  height: 48px;
-}
-.lds-ring div {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  display: block;
-  position: absolute;
-  width: 48px;
-  height: 48px;
-  border: 4px solid var(--color-foreground-xlight);
-  border-radius: 50%;
-  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-  border-color: var(--color-primary) transparent transparent transparent;
-}
-.lds-ring div:nth-child(1) {
-  -webkit-animation-delay: -0.45s;
-          animation-delay: -0.45s;
-}
-.lds-ring div:nth-child(2) {
-  -webkit-animation-delay: -0.3s;
-          animation-delay: -0.3s;
-}
-.lds-ring div:nth-child(3) {
-  -webkit-animation-delay: -0.15s;
-          animation-delay: -0.15s;
-}
-@-webkit-keyframes lds-ring {
-0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-}
-100% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-}
-}
-@keyframes lds-ring {
-0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-}
-100% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-}
-}/* BEM support Func
+/* BEM support Func
  -------------------------- */
 /* Transition
 -------------------------- */
@@ -17808,244 +17763,120 @@ body[data-theme=dark] .hljs-tag {
 --------------------------*/
 /* Break-point
 --------------------------*/
-/* Break-points
- -------------------------- */
-/* Scrollbar
- -------------------------- */
-/* Placeholder
- -------------------------- */
-/* BEM
- -------------------------- */
-/* 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
---------------------------*/
-.el-button {
-  display: inline-block;
-  line-height: 1;
-  white-space: nowrap;
-  cursor: pointer;
-  border: var(--border-width-base) var(--button-border-color, var(--color-button-primary-border)) var(--border-style-base) !important;
-  color: var(--button-font-color, var(--color-button-primary-font)) !important;
-  background-color: var(--button-background-color, var(--color-button-primary-background)) !important;
-  font-weight: var(--font-weight-medium) !important;
-  border-radius: var(--button-border-radius, 4px) !important;
-  padding: var(--button-padding-vertical, var(--spacing-xs)) var(--button-padding-horizontal, var(--spacing-m)) !important;
-  font-size: var(--button-font-size, var(--font-size-s)) !important;
-  -webkit-appearance: none;
-  text-align: center;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  outline: none;
-  margin: 0;
-  -webkit-transition: all 0.3s, padding 0s, width 0s, height 0s;
-  transition: all 0.3s, padding 0s, width 0s, height 0s;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  --button-padding-vertical: var(--spacing-2xs);
-  --button-padding-horizontal: var(--spacing-xs);
-  --button-font-size: var(--font-size-2xs);
-}
-.el-button a {
-  color: var(--button-font-color, var(--color-button-primary-font)) !important;
-}
-.el-button:hover {
-  color: var(--button-hover-font-color, var(--color-button-primary-font)) !important;
-  border-color: var(--button-hover-border-color, var(--color-button-primary-hover-active-border)) !important;
-  background-color: var(--button-hover-background-color, var(--color-button-primary-hover-active-focus-background)) !important;
-}
-.el-button:hover a {
-  color: var(--button-hover-font-color, var(--color-button-primary-font)) !important;
-}
-.el-button:active, .el-button.active {
-  color: var(--button-active-font-color, var(--color-button-primary-font)) !important;
-  border-color: var(--button-active-border-color, var(--color-button-primary-hover-active-border)) !important;
-  background-color: var(--button-active-background-color, var(--color-button-primary-hover-active-focus-background)) !important;
-  outline: none;
-}
-.el-button:active a, .el-button.active a {
-  color: var(--button-active-font-color, var(--color-button-primary-font)) !important;
-}
-.el-button:focus-visible:not(:active, .active) {
-  color: var(--button-focus-font-color, var(--color-button-primary-font)) !important;
-  border-color: var(--button-focus-border-color, var(--color-button-primary-border)) !important;
-  background-color: var(--button-focus-background-color, var(--color-button-primary-hover-active-focus-background)) !important;
-  outline: 3px solid var(--button-focus-outline-color, var(--color-button-primary-focus-outline)) !important;
-}
-.el-button:focus-visible:not(:active, .active) a {
-  color: var(--button-focus-font-color, var(--color-button-primary-font)) !important;
-}
-.el-button.disabled, .el-button.disabled:hover, .el-button.disabled:active, .el-button.disabled:focus-visible {
-  color: var(--button-disabled-font-color, var(--color-button-primary-disabled-font));
-  border-color: var(--button-disabled-border-color, var(--color-button-primary-disabled-border));
-  background-color: var(--button-disabled-background-color, var(--color-button-primary-disabled-background));
-}
-.el-button.disabled a, .el-button.disabled:hover a, .el-button.disabled:active a, .el-button.disabled:focus-visible a {
-  color: var(--button-disabled-font-color, var(--color-button-primary-disabled-font));
-}
-.el-button .loading, .el-button .loading:hover, .el-button .loading:active, .el-button .loading:focus-visible {
-  color: var(--button-loading-font-color, var(--color-button-primary-font));
-  border-color: var(--button-loading-border-color, var(--color-button-primary-border));
-  background-color: var(--button-loading-background-color, var(--color-button-primary-background));
-}
-.el-button .loading a, .el-button .loading:hover a, .el-button .loading:active a, .el-button .loading:focus-visible a {
-  color: var(--button-loading-font-color, var(--color-button-primary-font));
-}
-.el-button::-moz-focus-inner {
-  border: 0;
-}
-.el-button > i {
-  display: none;
-}
-.el-button > span {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.el-button span + span {
-  margin-left: var(--spacing-3xs);
-}
-.el-button + .el-button {
-  margin-left: var(--spacing-2xs);
-}
-.el-button.btn--cancel, .el-button.el-color-dropdown__link-btn {
-  --button-font-color: var(--color-button-secondary-font);
-  --button-border-color: var(--color-button-secondary-border);
-  --button-background-color: var(--color-button-secondary-background);
-  --button-hover-font-color: var(--color-button-secondary-hover-active-focus-font);
-  --button-hover-border-color: var(--color-button-secondary-hover-active-focus-border);
-  --button-hover-background-color: var(--color-button-secondary-hover-background);
-  --button-active-font-color: var(--color-button-secondary-hover-active-focus-font);
-  --button-active-border-color: var(--color-button-secondary-hover-active-focus-border);
-  --button-active-background-color: var(--color-button-secondary-active-focus-background);
-  --button-focus-font-color: var(--color-button-secondary-hover-active-focus-font);
-  --button-focus-border-color: var(--color-button-secondary-hover-active-focus-border);
-  --button-focus-background-color: var(--color-button-secondary-active-focus-background);
-  --button-focus-outline-color: var(--color-button-secondary-focus-outline);
-  --button-disabled-font-color: var(--color-button-secondary-disabled-font);
-  --button-disabled-border-color: var(--color-button-secondary-disabled-border);
-  --button-disabled-background-color: var(--color-button-secondary-background);
-  --button-loading-font-color: var(--color-button-secondary-loading-font);
-  --button-loading-border-color: var(--color-button-secondary-loading-border);
-  --button-loading-background-color: var(--color-button-secondary-loading-background);
-}/* BEM support Func
+.el-button {
+  display: inline-block;
+  line-height: 1;
+  white-space: nowrap;
+  cursor: pointer;
+  border: var(--border-width-base) var(--button-border-color, var(--color-button-primary-border)) var(--border-style-base) !important;
+  color: var(--button-font-color, var(--color-button-primary-font)) !important;
+  background-color: var(--button-background-color, var(--color-button-primary-background)) !important;
+  font-weight: var(--font-weight-medium) !important;
+  border-radius: var(--button-border-radius, 4px) !important;
+  padding: var(--button-padding-vertical, var(--spacing-xs)) var(--button-padding-horizontal, var(--spacing-m)) !important;
+  font-size: var(--button-font-size, var(--font-size-s)) !important;
+  -webkit-appearance: none;
+  text-align: center;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  outline: none;
+  margin: 0;
+  -webkit-transition: all 0.3s, padding 0s, width 0s, height 0s;
+  transition: all 0.3s, padding 0s, width 0s, height 0s;
+  gap: var(--spacing-3xs);
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  --button-padding-vertical: var(--spacing-2xs);
+  --button-padding-horizontal: var(--spacing-xs);
+  --button-font-size: var(--font-size-2xs);
+}
+.el-button a {
+  color: var(--button-font-color, var(--color-button-primary-font)) !important;
+}
+.el-button:hover {
+  color: var(--button-hover-font-color, var(--color-button-primary-font)) !important;
+  border-color: var(--button-hover-border-color, var(--color-button-primary-hover-active-border)) !important;
+  background-color: var(--button-hover-background-color, var(--color-button-primary-hover-active-focus-background)) !important;
+}
+.el-button:hover a {
+  color: var(--button-hover-font-color, var(--color-button-primary-font)) !important;
+}
+.el-button:active, .el-button.active {
+  color: var(--button-active-font-color, var(--color-button-primary-font)) !important;
+  border-color: var(--button-active-border-color, var(--color-button-primary-hover-active-border)) !important;
+  background-color: var(--button-active-background-color, var(--color-button-primary-hover-active-focus-background)) !important;
+  outline: none;
+}
+.el-button:active a, .el-button.active a {
+  color: var(--button-active-font-color, var(--color-button-primary-font)) !important;
+}
+.el-button:focus-visible:not(:active, .active) {
+  color: var(--button-focus-font-color, var(--color-button-primary-font)) !important;
+  border-color: var(--button-focus-border-color, var(--color-button-primary-border)) !important;
+  background-color: var(--button-focus-background-color, var(--color-button-primary-hover-active-focus-background)) !important;
+  outline: 3px solid var(--button-focus-outline-color, var(--color-button-primary-focus-outline)) !important;
+}
+.el-button:focus-visible:not(:active, .active) a {
+  color: var(--button-focus-font-color, var(--color-button-primary-font)) !important;
+}
+.el-button.disabled, .el-button.disabled:hover, .el-button.disabled:active, .el-button.disabled:focus-visible {
+  color: var(--button-disabled-font-color, var(--color-button-primary-disabled-font));
+  border-color: var(--button-disabled-border-color, var(--color-button-primary-disabled-border));
+  background-color: var(--button-disabled-background-color, var(--color-button-primary-disabled-background));
+}
+.el-button.disabled a, .el-button.disabled:hover a, .el-button.disabled:active a, .el-button.disabled:focus-visible a {
+  color: var(--button-disabled-font-color, var(--color-button-primary-disabled-font));
+}
+.el-button .loading, .el-button .loading:hover, .el-button .loading:active, .el-button .loading:focus-visible {
+  color: var(--button-loading-font-color, var(--color-button-primary-font));
+  border-color: var(--button-loading-border-color, var(--color-button-primary-border));
+  background-color: var(--button-loading-background-color, var(--color-button-primary-background));
+}
+.el-button .loading a, .el-button .loading:hover a, .el-button .loading:active a, .el-button .loading:focus-visible a {
+  color: var(--button-loading-font-color, var(--color-button-primary-font));
+}
+.el-button::-moz-focus-inner {
+  border: 0;
+}
+.el-button > i {
+  display: none;
+}
+.el-button > span {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.el-button + .el-button {
+  margin-left: var(--spacing-2xs);
+}
+.el-button.btn--cancel, .el-button.el-color-dropdown__link-btn {
+  --button-font-color: var(--color-button-secondary-font);
+  --button-border-color: var(--color-button-secondary-border);
+  --button-background-color: var(--color-button-secondary-background);
+  --button-hover-font-color: var(--color-button-secondary-hover-active-focus-font);
+  --button-hover-border-color: var(--color-button-secondary-hover-active-focus-border);
+  --button-hover-background-color: var(--color-button-secondary-hover-background);
+  --button-active-font-color: var(--color-button-secondary-hover-active-focus-font);
+  --button-active-border-color: var(--color-button-secondary-hover-active-focus-border);
+  --button-active-background-color: var(--color-button-secondary-active-focus-background);
+  --button-focus-font-color: var(--color-button-secondary-hover-active-focus-font);
+  --button-focus-border-color: var(--color-button-secondary-hover-active-focus-border);
+  --button-focus-background-color: var(--color-button-secondary-active-focus-background);
+  --button-focus-outline-color: var(--color-button-secondary-focus-outline);
+  --button-disabled-font-color: var(--color-button-secondary-disabled-font);
+  --button-disabled-border-color: var(--color-button-secondary-disabled-border);
+  --button-disabled-background-color: var(--color-button-secondary-background);
+  --button-loading-font-color: var(--color-button-secondary-loading-font);
+  --button-loading-border-color: var(--color-button-secondary-loading-border);
+  --button-loading-background-color: var(--color-button-secondary-loading-background);
+}/* BEM support Func
  -------------------------- */
 /* Transition
 -------------------------- */
@@ -18395,7 +18226,7 @@ body[data-theme=dark] .hljs-tag {
 --------------------------*/
 /* Break-point
 --------------------------*/
-._button_186j6_351 {
+._button_1af10_351 {
   display: inline-block;
   line-height: 1;
   white-space: nowrap;
@@ -18415,62 +18246,63 @@ body[data-theme=dark] .hljs-tag {
   margin: 0;
   -webkit-transition: all 0.3s, padding 0s, width 0s, height 0s;
   transition: all 0.3s, padding 0s, width 0s, height 0s;
+  gap: var(--spacing-3xs);
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
 }
-._button_186j6_351 a {
+._button_1af10_351 a {
   color: var(--button-font-color, var(--color-button-primary-font));
 }
-._button_186j6_351:hover {
+._button_1af10_351:hover {
   color: var(--button-hover-font-color, var(--color-button-primary-font));
   border-color: var(--button-hover-border-color, var(--color-button-primary-hover-active-border));
   background-color: var(--button-hover-background-color, var(--color-button-primary-hover-active-focus-background));
 }
-._button_186j6_351:hover a {
+._button_1af10_351:hover a {
   color: var(--button-hover-font-color, var(--color-button-primary-font));
 }
-._button_186j6_351:active, ._button_186j6_351._active_186j6_384 {
+._button_1af10_351:active, ._button_1af10_351._active_1af10_385 {
   color: var(--button-active-font-color, var(--color-button-primary-font));
   border-color: var(--button-active-border-color, var(--color-button-primary-hover-active-border));
   background-color: var(--button-active-background-color, var(--color-button-primary-hover-active-focus-background));
   outline: none;
 }
-._button_186j6_351:active a, ._button_186j6_351._active_186j6_384 a {
+._button_1af10_351:active a, ._button_1af10_351._active_1af10_385 a {
   color: var(--button-active-font-color, var(--color-button-primary-font));
 }
-._button_186j6_351:focus-visible:not(:active, ._active_186j6_384) {
+._button_1af10_351:focus-visible:not(:active, ._active_1af10_385) {
   color: var(--button-focus-font-color, var(--color-button-primary-font));
   border-color: var(--button-focus-border-color, var(--color-button-primary-border));
   background-color: var(--button-focus-background-color, var(--color-button-primary-hover-active-focus-background));
   outline: 3px solid var(--button-focus-outline-color, var(--color-button-primary-focus-outline));
 }
-._button_186j6_351:focus-visible:not(:active, ._active_186j6_384) a {
+._button_1af10_351:focus-visible:not(:active, ._active_1af10_385) a {
   color: var(--button-focus-font-color, var(--color-button-primary-font));
 }
-._button_186j6_351._disabled_186j6_402, ._button_186j6_351._disabled_186j6_402:hover, ._button_186j6_351._disabled_186j6_402:active, ._button_186j6_351._disabled_186j6_402:focus-visible {
+._button_1af10_351._disabled_1af10_403, ._button_1af10_351._disabled_1af10_403:hover, ._button_1af10_351._disabled_1af10_403:active, ._button_1af10_351._disabled_1af10_403:focus-visible {
   color: var(--button-disabled-font-color, var(--color-button-primary-disabled-font));
   border-color: var(--button-disabled-border-color, var(--color-button-primary-disabled-border));
   background-color: var(--button-disabled-background-color, var(--color-button-primary-disabled-background));
 }
-._button_186j6_351._disabled_186j6_402 a, ._button_186j6_351._disabled_186j6_402:hover a, ._button_186j6_351._disabled_186j6_402:active a, ._button_186j6_351._disabled_186j6_402:focus-visible a {
+._button_1af10_351._disabled_1af10_403 a, ._button_1af10_351._disabled_1af10_403:hover a, ._button_1af10_351._disabled_1af10_403:active a, ._button_1af10_351._disabled_1af10_403:focus-visible a {
   color: var(--button-disabled-font-color, var(--color-button-primary-disabled-font));
 }
-._button_186j6_351 ._loading_186j6_410, ._button_186j6_351 ._loading_186j6_410:hover, ._button_186j6_351 ._loading_186j6_410:active, ._button_186j6_351 ._loading_186j6_410:focus-visible {
+._button_1af10_351 ._loading_1af10_411, ._button_1af10_351 ._loading_1af10_411:hover, ._button_1af10_351 ._loading_1af10_411:active, ._button_1af10_351 ._loading_1af10_411:focus-visible {
   color: var(--button-loading-font-color, var(--color-button-primary-font));
   border-color: var(--button-loading-border-color, var(--color-button-primary-border));
   background-color: var(--button-loading-background-color, var(--color-button-primary-background));
 }
-._button_186j6_351 ._loading_186j6_410 a, ._button_186j6_351 ._loading_186j6_410:hover a, ._button_186j6_351 ._loading_186j6_410:active a, ._button_186j6_351 ._loading_186j6_410:focus-visible a {
+._button_1af10_351 ._loading_1af10_411 a, ._button_1af10_351 ._loading_1af10_411:hover a, ._button_1af10_351 ._loading_1af10_411:active a, ._button_1af10_351 ._loading_1af10_411:focus-visible a {
   color: var(--button-loading-font-color, var(--color-button-primary-font));
 }
-._button_186j6_351::-moz-focus-inner {
+._button_1af10_351::-moz-focus-inner {
   border: 0;
 }
-._button_186j6_351 > i {
+._button_1af10_351 > i {
   display: none;
 }
-._button_186j6_351 > span {
+._button_1af10_351 > span {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -18481,14 +18313,11 @@ body[data-theme=dark] .hljs-tag {
       -ms-flex-align: center;
           align-items: center;
 }
-._button_186j6_351 span + span {
-  margin-left: var(--spacing-3xs);
-}
 /**
  * Colors
  */
-._secondary_186j6_436 {
+._secondary_1af10_434 {
   --button-font-color: var(--color-button-secondary-font);
   --button-border-color: var(--color-button-secondary-border);
   --button-background-color: var(--color-button-secondary-background);
@@ -18509,7 +18338,7 @@ body[data-theme=dark] .hljs-tag {
   --button-loading-border-color: var(--color-button-secondary-loading-border);
   --button-loading-background-color: var(--color-button-secondary-loading-background);
 }
-._tertiary_186j6_458 {
+._tertiary_1af10_456 {
   --button-font-color: var(--color-button-secondary-font);
   --button-border-color: var(--color-button-secondary-border);
   --button-background-color: var(--color-button-secondary-background);
@@ -18530,7 +18359,7 @@ body[data-theme=dark] .hljs-tag {
   --button-loading-border-color: var(--color-button-secondary-loading-border);
   --button-loading-background-color: var(--color-button-secondary-loading-background);
 }
-._success_186j6_480 {
+._success_1af10_478 {
   --button-font-color: var(--color-button-success-font);
   --button-border-color: var(--color-success);
   --button-background-color: var(--color-success);
@@ -18551,7 +18380,7 @@ body[data-theme=dark] .hljs-tag {
   --button-loading-border-color: var(--color-success);
   --button-loading-background-color: var(--color-success);
 }
-._warning_186j6_502 {
+._warning_1af10_500 {
   --button-font-color: var(--color-button-warning-font);
   --button-border-color: var(--color-warning);
   --button-background-color: var(--color-warning);
@@ -18572,7 +18401,7 @@ body[data-theme=dark] .hljs-tag {
   --button-loading-border-color: var(--color-warning);
   --button-loading-background-color: var(--color-warning);
 }
-._danger_186j6_524 {
+._danger_1af10_522 {
   --button-font-color: var(--color-button-danger-font);
   --button-border-color: var(--color-button-danger-border);
   --button-background-color: var(--color-danger);
@@ -18597,52 +18426,52 @@ body[data-theme=dark] .hljs-tag {
 /**
  * Sizes
  */
-._xmini_186j6_549 {
+._xmini_1af10_547 {
   --button-padding-vertical: var(--spacing-4xs);
   --button-padding-horizontal: var(--spacing-3xs);
   --button-font-size: var(--font-size-3xs);
 }
-._xmini_186j6_549._square_186j6_554 {
+._xmini_1af10_547._square_1af10_552 {
   height: 22px;
   width: 22px;
 }
-._mini_186j6_559 {
+._mini_1af10_557 {
   --button-padding-vertical: var(--spacing-4xs);
   --button-padding-horizontal: var(--spacing-2xs);
   --button-font-size: var(--font-size-2xs);
 }
-._mini_186j6_559._square_186j6_554 {
+._mini_1af10_557._square_1af10_552 {
   height: 22px;
   width: 22px;
 }
-._small_186j6_569 {
+._small_1af10_567 {
   --button-padding-vertical: var(--spacing-3xs);
   --button-padding-horizontal: var(--spacing-xs);
   --button-font-size: var(--font-size-2xs);
 }
-._small_186j6_569._square_186j6_554 {
+._small_1af10_567._square_1af10_552 {
   height: 26px;
   width: 26px;
 }
-._medium_186j6_579 {
+._medium_1af10_577 {
   --button-padding-vertical: var(--spacing-2xs);
   --button-padding-horizontal: var(--spacing-xs);
   --button-font-size: var(--font-size-2xs);
 }
-._medium_186j6_579._square_186j6_554 {
+._medium_1af10_577._square_1af10_552 {
   height: 30px;
   width: 30px;
 }
-._large_186j6_589._square_186j6_554 {
+._large_1af10_587._square_1af10_552 {
   height: 42px;
   width: 42px;
 }
-._xlarge_186j6_594 {
+._xlarge_1af10_592 {
   --button-padding-vertical: var(--spacing-xs);
   --button-padding-horizontal: var(--spacing-s);
   --button-font-size: var(--font-size-m);
 }
-._xlarge_186j6_594._square_186j6_554 {
+._xlarge_1af10_592._square_1af10_552 {
   height: 46px;
   width: 46px;
 }
@@ -18650,17 +18479,17 @@ body[data-theme=dark] .hljs-tag {
 /**
  * Modifiers
  */
-._outline_186j6_607 {
+._outline_1af10_605 {
   --button-background-color: transparent;
   --button-disabled-background-color: transparent;
 }
-._outline_186j6_607._primary_186j6_611 {
+._outline_1af10_605._primary_1af10_609 {
   --button-font-color: var(--color-primary);
   --button-disabled-font-color: var(--color-primary-tint-1);
   --button-disabled-border-color: var(--color-primary-tint-1);
   --button-disabled-background-color: transparent;
 }
-._outline_186j6_607._success_186j6_480 {
+._outline_1af10_605._success_1af10_478 {
   --button-font-color: var(--color-success);
   --button-border-color: var(--color-success);
   --button-hover-border-color: var(--color-success);
@@ -18670,7 +18499,7 @@ body[data-theme=dark] .hljs-tag {
   --button-disabled-border-color: var(--color-success-light);
   --button-disabled-background-color: transparent;
 }
-._outline_186j6_607._warning_186j6_502 {
+._outline_1af10_605._warning_1af10_500 {
   --button-font-color: var(--color-warning);
   --button-border-color: var(--color-warning);
   --button-hover-border-color: var(--color-warning);
@@ -18680,7 +18509,7 @@ body[data-theme=dark] .hljs-tag {
   --button-disabled-border-color: var(--color-warning-tint-1);
   --button-disabled-background-color: transparent;
 }
-._outline_186j6_607._danger_186j6_524 {
+._outline_1af10_605._danger_1af10_522 {
   --button-font-color: var(--color-danger);
   --button-border-color: var(--color-danger);
   --button-hover-border-color: var(--color-danger);
@@ -18690,7 +18519,7 @@ body[data-theme=dark] .hljs-tag {
   --button-disabled-border-color: var(--color-danger-tint-1);
   --button-disabled-background-color: transparent;
 }
-._text_186j6_648 {
+._text_1af10_646 {
   --button-font-color: var(--color-text-button-secondary-font);
   --button-border-color: transparent;
   --button-background-color: transparent;
@@ -18703,45 +18532,45 @@ body[data-theme=dark] .hljs-tag {
   --button-disabled-border-color: transparent;
   --button-disabled-background-color: transparent;
 }
-._text_186j6_648:focus {
+._text_1af10_646:focus {
   outline: 0;
 }
-._text_186j6_648._primary_186j6_611 {
+._text_1af10_646._primary_1af10_609 {
   --button-font-color: var(--color-primary);
   --button-hover-font-color: var(--color-primary-shade-1);
   --button-active-font-color: var(--color-primary-shade-1);
   --button-focus-font-color: var(--color-primary);
   --button-disabled-font-color: var(--color-primary-tint-1);
 }
-._text_186j6_648._success_186j6_480 {
+._text_1af10_646._success_1af10_478 {
   --button-font-color: var(--color-success);
   --button-hover-font-color: var(--color-success-shade-1);
   --button-active-font-color: var(--color-success-shade-1);
   --button-focus-font-color: var(--color-success);
   --button-disabled-font-color: var(--color-success-light);
 }
-._text_186j6_648._warning_186j6_502 {
+._text_1af10_646._warning_1af10_500 {
   --button-font-color: var(--color-warning);
   --button-hover-font-color: var(--color-warning-shade-1);
   --button-active-font-color: var(--color-warning-shade-1);
   --button-focus-font-color: var(--color-warning);
   --button-disabled-font-color: var(--color-warning-tint-1);
 }
-._text_186j6_648._danger_186j6_524 {
+._text_1af10_646._danger_1af10_522 {
   --button-font-color: var(--color-danger);
   --button-hover-font-color: var(--color-danger-shade-1);
   --button-active-font-color: var(--color-danger-shade-1);
   --button-focus-font-color: var(--color-danger);
   --button-disabled-font-color: var(--color-danger-tint-1);
 }
-._text_186j6_648:hover {
+._text_1af10_646:hover {
   text-decoration: underline;
 }
-._loading_186j6_410 {
+._loading_1af10_411 {
   position: relative;
   pointer-events: none;
 }
-._loading_186j6_410:before {
+._loading_1af10_411:before {
   pointer-events: none;
   content: "";
   position: absolute;
@@ -18751,15 +18580,15 @@ body[data-theme=dark] .hljs-tag {
   bottom: -1px;
   border-radius: inherit;
 }
-._disabled_186j6_402, ._disabled_186j6_402:hover, ._disabled_186j6_402:active, ._disabled_186j6_402:focus {
+._disabled_1af10_403, ._disabled_1af10_403:hover, ._disabled_1af10_403:active, ._disabled_1af10_403:focus {
   cursor: not-allowed;
   background-image: none;
 }
-._transparent_186j6_716 {
+._transparent_1af10_714 {
   --button-background-color: transparent;
   --button-active-background-color: transparent;
 }
-._withIcon_186j6_721 {
+._withIcon_1af10_719 {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -18770,7 +18599,7 @@ body[data-theme=dark] .hljs-tag {
       -ms-flex-align: center;
           align-items: center;
 }
-._icon_186j6_727 {
+._icon_1af10_725 {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -18781,16 +18610,16 @@ body[data-theme=dark] .hljs-tag {
       -ms-flex-align: center;
           align-items: center;
 }
-._icon_186j6_727 svg {
+._icon_1af10_725 svg {
   display: block;
 }
-._block_186j6_736 {
+._block_1af10_734 {
   width: 100%;
 }
-._float-left_186j6_740 {
+._float-left_1af10_738 {
   float: left;
 }
-._float-right_186j6_744 {
+._float-right_1af10_742 {
   float: right;
 }/* BEM support Func
  -------------------------- */
@@ -19045,102 +18874,76 @@ body[data-theme=dark] .hljs-tag {
  -------------------------- */
 /* BEM
  -------------------------- */
-._callout_3856x_123 {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  font-size: var(--font-size-2xs);
-  padding: var(--spacing-xs);
-  border: var(--border-width-base) var(--border-style-base);
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+._bold_ihh15_123 {
+  font-weight: var(--font-weight-medium);
+}
+._regular_ihh15_127 {
+  font-weight: var(--font-weight-regular);
+}
+._size-xlarge_ihh15_131 {
+  font-size: var(--font-size-xl);
   line-height: var(--font-line-height-xloose);
-  border-color: var(--color-callout-info-border);
-  background-color: var(--color-callout-info-background);
-  color: var(--color-callout-info-font);
 }
-._callout_3856x_123._slim_3856x_135 {
+._size-large_ihh15_136 {
+  font-size: var(--font-size-m);
   line-height: var(--font-line-height-xloose);
-  padding: var(--spacing-3xs) var(--spacing-2xs);
 }
-._callout_3856x_123 a {
-  color: var(--color-secondary-link);
-  font-weight: var(--font-weight-medium);
-  text-decoration-line: underline;
-  text-decoration-style: solid;
-  -webkit-text-decoration-skip-ink: none;
-          text-decoration-skip-ink: none;
-  text-decoration-thickness: auto;
-  text-underline-offset: auto;
-  text-underline-position: from-font;
+._size-medium_ihh15_141 {
+  font-size: var(--font-size-s);
+  line-height: var(--font-line-height-loose);
 }
-._round_3856x_150 {
-  border-radius: var(--border-radius-base);
+._size-small_ihh15_146 {
+  font-size: var(--font-size-2xs);
+  line-height: var(--font-line-height-loose);
 }
-._onlyBottomBorder_3856x_154 {
-  border-top: 0;
-  border-left: 0;
-  border-right: 0;
+._size-xsmall_ihh15_151 {
+  font-size: var(--font-size-3xs);
+  line-height: var(--font-line-height-compact);
 }
-._messageSection_3856x_160 {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+._compact_ihh15_156 {
+  line-height: 1;
 }
-._info_3856x_165,
-._custom_3856x_166 {
-  border-color: var(--color-callout-info-border);
-  background-color: var(--color-callout-info-background);
-  color: var(--color-callout-info-font);
+._primary_ihh15_160 {
+  color: var(--color-primary);
 }
-._info_3856x_165 ._icon_3856x_171,
-._custom_3856x_166 ._icon_3856x_171 {
-  color: var(--color-callout-info-icon);
+._secondary_ihh15_164 {
+  color: var(--color-secondary);
 }
-._success_3856x_176 {
-  border-color: var(--color-callout-success-border);
-  background-color: var(--color-callout-success-background);
-  color: var(--color-callout-success-font);
+._text-dark_ihh15_168 {
+  color: var(--color-text-dark);
 }
-._success_3856x_176 ._icon_3856x_171 {
-  color: var(--color-callout-success-icon);
+._text-base_ihh15_172 {
+  color: var(--color-text-base);
 }
-._warning_3856x_185 {
-  border-color: var(--color-callout-warning-border);
-  background-color: var(--color-callout-warning-background);
-  color: var(--color-callout-warning-font);
+._text-light_ihh15_176 {
+  color: var(--color-text-light);
 }
-._warning_3856x_185 ._icon_3856x_171 {
-  color: var(--color-callout-warning-icon);
+._text-xlight_ihh15_180 {
+  color: var(--color-text-xlight);
 }
-._danger_3856x_194 {
-  border-color: var(--color-callout-danger-border);
-  background-color: var(--color-callout-danger-background);
-  color: var(--color-callout-danger-font);
+._danger_ihh15_184 {
+  color: var(--color-text-danger);
 }
-._danger_3856x_194 ._icon_3856x_171 {
-  color: var(--color-callout-danger-icon);
+._success_ihh15_188 {
+  color: var(--color-success);
 }
-._icon_3856x_171 {
-  line-height: 1;
-  margin-right: var(--spacing-xs);
+._warning_ihh15_192 {
+  color: var(--color-warning);
 }
-._secondary_3856x_208 {
-  font-size: var(--font-size-2xs);
-  font-weight: var(--font-weight-bold);
-  border-color: var(--color-callout-secondary-border);
-  background-color: var(--color-callout-secondary-background);
-  color: var(--color-callout-secondary-font);
+._foreground-dark_ihh15_196 {
+  color: var(--color-foreground-dark);
 }
-._secondary_3856x_208 ._icon_3856x_171 {
-  color: var(--color-callout-secondary-icon);
+._foreground-xdark_ihh15_200 {
+  color: var(--color-foreground-xdark);
+}
+._align-left_ihh15_204 {
+  text-align: left;
+}
+._align-right_ihh15_208 {
+  text-align: right;
+}
+._align-center_ihh15_212 {
+  text-align: center;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -19263,58 +19066,102 @@ body[data-theme=dark] .hljs-tag {
  -------------------------- */
 /* BEM
  -------------------------- */
-._bold_ephjb_123 {
-  font-weight: var(--font-weight-bold);
+._callout_3856x_123 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  font-size: var(--font-size-2xs);
+  padding: var(--spacing-xs);
+  border: var(--border-width-base) var(--border-style-base);
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  line-height: var(--font-line-height-xloose);
+  border-color: var(--color-callout-info-border);
+  background-color: var(--color-callout-info-background);
+  color: var(--color-callout-info-font);
 }
-._regular_ephjb_127 {
-  font-weight: var(--font-weight-regular);
+._callout_3856x_123._slim_3856x_135 {
+  line-height: var(--font-line-height-xloose);
+  padding: var(--spacing-3xs) var(--spacing-2xs);
 }
-._size-2xlarge_ephjb_131 {
-  font-size: var(--font-size-2xl);
-  line-height: var(--font-line-height-compact);
+._callout_3856x_123 a {
+  color: var(--color-secondary-link);
+  font-weight: var(--font-weight-medium);
+  text-decoration-line: underline;
+  text-decoration-style: solid;
+  -webkit-text-decoration-skip-ink: none;
+          text-decoration-skip-ink: none;
+  text-decoration-thickness: auto;
+  text-underline-offset: auto;
+  text-underline-position: from-font;
 }
-._size-xlarge_ephjb_136 {
-  font-size: var(--font-size-xl);
-  line-height: var(--font-line-height-compact);
+._round_3856x_150 {
+  border-radius: var(--border-radius-base);
 }
-._size-large_ephjb_141 {
-  font-size: var(--font-size-l);
-  line-height: var(--font-line-height-loose);
+._onlyBottomBorder_3856x_154 {
+  border-top: 0;
+  border-left: 0;
+  border-right: 0;
 }
-._size-medium_ephjb_146 {
-  font-size: var(--font-size-m);
-  line-height: var(--font-line-height-loose);
+._messageSection_3856x_160 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
-._size-small_ephjb_151 {
-  font-size: var(--font-size-s);
-  line-height: var(--font-line-height-regular);
+._info_3856x_165,
+._custom_3856x_166 {
+  border-color: var(--color-callout-info-border);
+  background-color: var(--color-callout-info-background);
+  color: var(--color-callout-info-font);
 }
-._primary_ephjb_156 {
-  color: var(--color-primary);
+._info_3856x_165 ._icon_3856x_171,
+._custom_3856x_166 ._icon_3856x_171 {
+  color: var(--color-callout-info-icon);
 }
-._text-dark_ephjb_160 {
-  color: var(--color-text-dark);
+._success_3856x_176 {
+  border-color: var(--color-callout-success-border);
+  background-color: var(--color-callout-success-background);
+  color: var(--color-callout-success-font);
 }
-._text-base_ephjb_164 {
-  color: var(--color-text-base);
+._success_3856x_176 ._icon_3856x_171 {
+  color: var(--color-callout-success-icon);
 }
-._text-light_ephjb_168 {
-  color: var(--color-text-light);
+._warning_3856x_185 {
+  border-color: var(--color-callout-warning-border);
+  background-color: var(--color-callout-warning-background);
+  color: var(--color-callout-warning-font);
 }
-._text-xlight_ephjb_172 {
-  color: var(--color-text-xlight);
+._warning_3856x_185 ._icon_3856x_171 {
+  color: var(--color-callout-warning-icon);
 }
-._danger_ephjb_176 {
-  color: var(--color-danger);
+._danger_3856x_194 {
+  border-color: var(--color-callout-danger-border);
+  background-color: var(--color-callout-danger-background);
+  color: var(--color-callout-danger-font);
 }
-._align-left_ephjb_180 {
-  text-align: left;
+._danger_3856x_194 ._icon_3856x_171 {
+  color: var(--color-callout-danger-icon);
 }
-._align-right_ephjb_184 {
-  text-align: right;
+._icon_3856x_171 {
+  line-height: 1;
+  margin-right: var(--spacing-xs);
 }
-._align-center_ephjb_188 {
-  text-align: center;
+._secondary_3856x_208 {
+  font-size: var(--font-size-2xs);
+  font-weight: var(--font-weight-bold);
+  border-color: var(--color-callout-secondary-border);
+  background-color: var(--color-callout-secondary-background);
+  color: var(--color-callout-secondary-font);
+}
+._secondary_3856x_208 ._icon_3856x_171 {
+  color: var(--color-callout-secondary-icon);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -19437,42 +19284,58 @@ body[data-theme=dark] .hljs-tag {
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_12zp7_123 {
-  border: 2px dashed var(--color-foreground-base);
-  border-radius: var(--border-radius-large);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  padding: var(--spacing-3xl);
+._bold_ephjb_123 {
+  font-weight: var(--font-weight-bold);
 }
-._container_12zp7_123 > * {
-  margin-bottom: var(--spacing-l);
+._regular_ephjb_127 {
+  font-weight: var(--font-weight-regular);
 }
-._container_12zp7_123 > *:last-child {
-  margin-bottom: 0;
+._size-2xlarge_ephjb_131 {
+  font-size: var(--font-size-2xl);
+  line-height: var(--font-line-height-compact);
 }
-._emoji_12zp7_138 {
-  font-size: 40px;
+._size-xlarge_ephjb_136 {
+  font-size: var(--font-size-xl);
+  line-height: var(--font-line-height-compact);
 }
-._heading_12zp7_142 {
-  margin-bottom: var(--spacing-l);
-  text-align: center;
+._size-large_ephjb_141 {
+  font-size: var(--font-size-l);
+  line-height: var(--font-line-height-loose);
 }
-._description_12zp7_147 {
+._size-medium_ephjb_146 {
+  font-size: var(--font-size-m);
+  line-height: var(--font-line-height-loose);
+}
+._size-small_ephjb_151 {
+  font-size: var(--font-size-s);
+  line-height: var(--font-line-height-regular);
+}
+._primary_ephjb_156 {
+  color: var(--color-primary);
+}
+._text-dark_ephjb_160 {
+  color: var(--color-text-dark);
+}
+._text-base_ephjb_164 {
   color: var(--color-text-base);
-  margin-bottom: var(--spacing-xl);
-  text-align: center;
 }
-._callout_12zp7_153 {
-  width: 100%;
+._text-light_ephjb_168 {
+  color: var(--color-text-light);
+}
+._text-xlight_ephjb_172 {
+  color: var(--color-text-xlight);
+}
+._danger_ephjb_176 {
+  color: var(--color-danger);
+}
+._align-left_ephjb_180 {
   text-align: left;
+}
+._align-right_ephjb_184 {
+  text-align: right;
+}
+._align-center_ephjb_188 {
+  text-align: center;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -19595,56 +19458,42 @@ body[data-theme=dark] .hljs-tag {
  -------------------------- */
 /* BEM
  -------------------------- */
-._badge_1yc0p_123 {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
+._container_12zp7_123 {
+  border: 2px dashed var(--color-foreground-base);
+  border-radius: var(--border-radius-large);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  padding: var(--spacing-5xs) var(--spacing-4xs);
-  white-space: nowrap;
-}
-._badge_1yc0p_123._border_1yc0p_129 {
-  border: var(--border-base);
-}
-._default_1yc0p_133 {
-  border-radius: var(--border-radius-base);
-  color: var(--color-text-light);
-  border-color: var(--color-text-light);
+  padding: var(--spacing-3xl);
 }
-._success_1yc0p_140 {
-  border-radius: var(--border-radius-base);
-  color: var(--color-success);
-  border-color: var(--color-success);
+._container_12zp7_123 > * {
+  margin-bottom: var(--spacing-l);
 }
-._warning_1yc0p_147 {
-  border-radius: var(--border-radius-base);
-  color: var(--color-warning);
-  border-color: var(--color-warning);
+._container_12zp7_123 > *:last-child {
+  margin-bottom: 0;
 }
-._danger_1yc0p_154 {
-  border-radius: var(--border-radius-base);
-  color: var(--color-danger);
-  border-color: var(--color-danger);
+._emoji_12zp7_138 {
+  font-size: 40px;
 }
-._primary_1yc0p_161 {
-  padding: var(--spacing-5xs) var(--spacing-3xs);
-  border-radius: var(--border-radius-xlarge);
-  color: var(--color-foreground-xlight);
-  background-color: var(--color-primary);
-  border-color: var(--color-primary);
+._heading_12zp7_142 {
+  margin-bottom: var(--spacing-l);
+  text-align: center;
 }
-._secondary_1yc0p_170 {
-  border-radius: var(--border-radius-xlarge);
-  color: var(--color-secondary);
-  background-color: var(--color-secondary-tint-1);
+._description_12zp7_147 {
+  color: var(--color-text-base);
+  margin-bottom: var(--spacing-xl);
+  text-align: center;
 }
-._tertiary_1yc0p_177 {
-  border-radius: var(--border-radius-base);
-  color: var(--color-text-light);
-  border-color: var(--color-text-light);
-  padding: 1px var(--spacing-5xs);
+._callout_12zp7_153 {
+  width: 100%;
+  text-align: left;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -19767,35 +19616,207 @@ body[data-theme=dark] .hljs-tag {
  -------------------------- */
 /* BEM
  -------------------------- */
-._shortcut_105up_123 {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
+._badge_1yc0p_123 {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  gap: var(--spacing-4xs);
+  padding: var(--spacing-5xs) var(--spacing-4xs);
+  white-space: nowrap;
 }
-._keyWrapper_105up_129 {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  border-radius: var(--border-radius-small);
-  height: 18px;
-  min-width: 18px;
-  padding: 0 var(--spacing-4xs);
-  border: solid 1px var(--color-foreground-base);
-  background: var(--color-background-base);
+._badge_1yc0p_123._border_1yc0p_129 {
+  border: var(--border-base);
 }
-._key_105up_129 {
-  color: var(--color-text-base);
-  font-size: var(--font-size-3xs);
+._default_1yc0p_133 {
+  border-radius: var(--border-radius-base);
+  color: var(--color-text-light);
+  border-color: var(--color-text-light);
+}
+._success_1yc0p_140 {
+  border-radius: var(--border-radius-base);
+  color: var(--color-success);
+  border-color: var(--color-success);
+}
+._warning_1yc0p_147 {
+  border-radius: var(--border-radius-base);
+  color: var(--color-warning);
+  border-color: var(--color-warning);
+}
+._danger_1yc0p_154 {
+  border-radius: var(--border-radius-base);
+  color: var(--color-danger);
+  border-color: var(--color-danger);
+}
+._primary_1yc0p_161 {
+  padding: var(--spacing-5xs) var(--spacing-3xs);
+  border-radius: var(--border-radius-xlarge);
+  color: var(--color-foreground-xlight);
+  background-color: var(--color-primary);
+  border-color: var(--color-primary);
+}
+._secondary_1yc0p_170 {
+  border-radius: var(--border-radius-xlarge);
+  color: var(--color-secondary);
+  background-color: var(--color-secondary-tint-1);
+}
+._tertiary_1yc0p_177 {
+  border-radius: var(--border-radius-base);
+  color: var(--color-text-light);
+  border-color: var(--color-text-light);
+  padding: 1px var(--spacing-5xs);
+}/* 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
+ -------------------------- */
+._shortcut_105up_123 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: var(--spacing-4xs);
+}
+._keyWrapper_105up_129 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  border-radius: var(--border-radius-small);
+  height: 18px;
+  min-width: 18px;
+  padding: 0 var(--spacing-4xs);
+  border: solid 1px var(--color-foreground-base);
+  background: var(--color-background-base);
+}
+._key_105up_129 {
+  color: var(--color-text-base);
+  font-size: var(--font-size-3xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -23346,7 +23367,7 @@ input[type=checkbox] + label {
  -------------------------- */
 /* BEM
  -------------------------- */
-.el-tooltip svg[data-v-4fb9df72] {
+.el-tooltip svg[data-v-878aee66] {
   color: var(--color-foreground-xdark);
 }/* BEM support Func
  -------------------------- */
@@ -24977,13 +24998,13 @@ input[type=checkbox] + label {
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_xpjou_123 {
+._container_19hxy_123 {
   position: relative;
   height: 24px;
   min-height: 24px;
   width: 100%;
 }
-._tabs_xpjou_130 {
+._tabs_19hxy_130 {
   color: var(--color-text-base);
   font-weight: var(--font-weight-medium);
   display: -webkit-box;
@@ -25000,48 +25021,49 @@ input[type=checkbox] + label {
   -ms-overflow-style: none; /* IE and Edge */
   scrollbar-width: none; /* Firefox */
 }
-._tabs_xpjou_130::-webkit-scrollbar {
+._tabs_19hxy_130::-webkit-scrollbar {
   display: none;
 }
-._tab_xpjou_130 {
+._tab_19hxy_130 {
   --active-tab-border-width: 2px;
   display: block;
   padding: 0 var(--spacing-s);
-  padding-bottom: calc(var(--spacing-2xs) + var(--active-tab-border-width));
-  font-size: var(--font-size-s);
+  padding-bottom: calc(var(--spacing-bottom-tab, var(--spacing-2xs)) + var(--active-tab-border-width));
+  font-size: var(--font-size-tab, var(--font-size-s));
+  font-weight: var(--font-weight-tab, var(--font-weight-regular));
   cursor: pointer;
   white-space: nowrap;
   color: var(--color-text-base);
 }
-._tab_xpjou_130:hover {
+._tab_19hxy_130:hover {
   color: var(--color-primary);
 }
-._tab_xpjou_130 span + span {
+._tab_19hxy_130 span + span {
   margin-left: var(--spacing-4xs);
 }
-._small_xpjou_163 ._tab_xpjou_130 {
+._small_19hxy_164 ._tab_19hxy_130 {
   font-size: var(--font-size-2xs);
 }
-._activeTab_xpjou_167 {
+._activeTab_19hxy_168 {
   color: var(--color-primary);
-  padding-bottom: var(--spacing-2xs);
+  padding-bottom: var(--spacing-bottom-tab, var(--spacing-2xs));
   border-bottom: var(--color-primary) var(--active-tab-border-width) solid;
 }
-._alignRight_xpjou_173:not(._alignRight_xpjou_173 + ._alignRight_xpjou_173) {
+._alignRight_19hxy_174:not(._alignRight_19hxy_174 + ._alignRight_19hxy_174) {
   margin-left: auto;
 }
-._link_xpjou_177 {
+._link_19hxy_178 {
   cursor: pointer;
   color: var(--color-text-base);
 }
-._link_xpjou_177:hover {
+._link_19hxy_178:hover {
   color: var(--color-primary);
 }
-._external_xpjou_185 {
+._external_19hxy_186 {
   display: inline-block;
   margin-left: var(--spacing-5xs);
 }
-._button_xpjou_190 {
+._button_19hxy_191 {
   position: absolute;
   background-color: var(--color-tabs-arrow-buttons, var(--color-background-base));
   z-index: 1;
@@ -25055,10 +25077,10 @@ input[type=checkbox] + label {
           align-items: center;
   font-weight: var(--font-weight-bold);
 }
-._back_xpjou_201 {
+._back_19hxy_202 {
   left: 0;
 }
-._next_xpjou_207 {
+._next_19hxy_208 {
   right: 0;
 }/* BEM support Func
  -------------------------- */
@@ -25648,30 +25670,30 @@ ul.user-stack-list li:hover {
  -------------------------- */
 /* BEM
  -------------------------- */
-.n8n-data-table-server[data-v-181e11a0] {
+.n8n-data-table-server[data-v-809a3356] {
   height: 100%;
   font-size: var(--font-size-s);
 }
-.n8n-data-table-server table[data-v-181e11a0] {
+.n8n-data-table-server table[data-v-809a3356] {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
   white-space: nowrap;
 }
-.n8n-data-table-server table > thead[data-v-181e11a0] {
+.n8n-data-table-server table > thead[data-v-809a3356] {
   position: sticky;
   top: 0;
   z-index: 2;
 }
-.n8n-data-table-server th[data-v-181e11a0] {
+.n8n-data-table-server th[data-v-809a3356] {
   position: relative;
   text-align: left;
 }
-.n8n-data-table-server thead[data-v-181e11a0] {
+.n8n-data-table-server thead[data-v-809a3356] {
   background-color: var(--color-background-light-base);
   border-bottom: 1px solid var(--color-foreground-base);
 }
-.n8n-data-table-server th[data-v-181e11a0] {
+.n8n-data-table-server th[data-v-809a3356] {
   color: var(--color-text-base);
   font-weight: 600;
   font-size: 12px;
@@ -25680,67 +25702,67 @@ ul.user-stack-list li:hover {
   height: 36px;
   white-space: nowrap;
 }
-.n8n-data-table-server th[data-v-181e11a0]:first-child {
+.n8n-data-table-server th[data-v-809a3356]:first-child {
   padding-left: 16px;
 }
-.n8n-data-table-server th[data-v-181e11a0]:last-child {
+.n8n-data-table-server th[data-v-809a3356]:last-child {
   padding-right: 16px;
 }
-.n8n-data-table-server tbody > tr[data-v-181e11a0]:hover {
+.n8n-data-table-server tbody > tr[data-v-809a3356]:hover {
   background-color: var(--color-background-light);
 }
-.n8n-data-table-server tbody > tr:last-child > td[data-v-181e11a0] {
+.n8n-data-table-server tbody > tr:last-child > td[data-v-809a3356] {
   border-bottom: 0;
 }
-.n8n-data-table-server tbody tr[data-v-181e11a0] {
+.n8n-data-table-server tbody tr[data-v-809a3356] {
   background-color: var(--color-background-xlight);
   border-bottom: 1px solid var(--color-foreground-base);
 }
-.n8n-data-table-server td[data-v-181e11a0] {
+.n8n-data-table-server td[data-v-809a3356] {
   color: var(--color-text-dark);
   padding: 0 8px;
   height: 48px;
 }
-.n8n-data-table-server td[data-v-181e11a0]:first-child {
+.n8n-data-table-server td[data-v-809a3356]:first-child {
   padding-left: 16px;
 }
-.n8n-data-table-server td[data-v-181e11a0]:last-child {
+.n8n-data-table-server td[data-v-809a3356]:last-child {
   padding-right: 16px;
 }
-.n8n-data-table-server-wrapper[data-v-181e11a0] {
+.n8n-data-table-server-wrapper[data-v-809a3356] {
   border-radius: 8px;
   border: 1px solid var(--color-foreground-base);
   overflow: hidden;
 }
-.table-scroll[data-v-181e11a0] {
+.table-scroll[data-v-809a3356] {
   max-height: 100%;
   overflow: auto;
   position: relative;
 }
-th.loading-row[data-v-181e11a0] {
+th.loading-row[data-v-809a3356] {
   background-color: transparent;
   padding: 0 !important;
   border: 0 !important;
   height: 0px;
   position: relative;
 }
-.progress-bar[data-v-181e11a0] {
+.progress-bar[data-v-809a3356] {
   position: absolute;
   height: 2px;
   width: 100%;
   overflow: hidden;
 }
-.progress-bar-value[data-v-181e11a0] {
+.progress-bar-value[data-v-809a3356] {
   width: 100%;
   height: 100%;
   background-color: var(--color-primary);
-  -webkit-animation: indeterminateAnimation-181e11a0 1s infinite linear;
-          animation: indeterminateAnimation-181e11a0 1s infinite linear;
+  -webkit-animation: indeterminateAnimation-809a3356 1s infinite linear;
+          animation: indeterminateAnimation-809a3356 1s infinite linear;
   -webkit-transform-origin: 0% 50%;
           transform-origin: 0% 50%;
   position: absolute;
 }
-@-webkit-keyframes indeterminateAnimation-181e11a0 {
+@-webkit-keyframes indeterminateAnimation-809a3356 {
 0% {
     -webkit-transform: translateX(0) scaleX(0);
             transform: translateX(0) scaleX(0);
@@ -25754,7 +25776,7 @@ th.loading-row[data-v-181e11a0] {
             transform: translateX(100%) scaleX(0.5);
 }
 }
-@keyframes indeterminateAnimation-181e11a0 {
+@keyframes indeterminateAnimation-809a3356 {
 0% {
     -webkit-transform: translateX(0) scaleX(0);
             transform: translateX(0) scaleX(0);
@@ -25768,10 +25790,10 @@ th.loading-row[data-v-181e11a0] {
             transform: translateX(100%) scaleX(0.5);
 }
 }
-.table--loading td[data-v-181e11a0] {
+.table--loading td[data-v-809a3356] {
   opacity: 0.38;
 }
-.table-pagination[data-v-181e11a0] {
+.table-pagination[data-v-809a3356] {
   margin-top: 10px;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -25783,12 +25805,12 @@ th.loading-row[data-v-181e11a0] {
       -ms-flex-align: center;
           align-items: center;
 }
-.table-pagination__sizes[data-v-181e11a0] {
+.table-pagination__sizes[data-v-809a3356] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.table-pagination__sizes__label[data-v-181e11a0] {
+.table-pagination__sizes__label[data-v-809a3356] {
   color: var(--color-text-base);
   background-color: var(--color-background-light);
   border: 1px solid var(--color-foreground-base);
@@ -25804,12 +25826,12 @@ th.loading-row[data-v-181e11a0] {
   border-top-left-radius: var(--border-radius-base);
   border-bottom-left-radius: var(--border-radius-base);
 }
-.table-pagination__sizes__select[data-v-181e11a0] {
+.table-pagination__sizes__select[data-v-809a3356] {
   --input-border-top-left-radius: 0;
   --input-border-bottom-left-radius: 0;
   width: 70px;
 }
-.resizer[data-v-181e11a0] {
+.resizer[data-v-809a3356] {
   position: absolute;
   top: 0;
   height: 100%;
@@ -25826,19 +25848,19 @@ th.loading-row[data-v-181e11a0] {
   display: none;
   z-index: 1;
 }
-.resizer[data-v-181e11a0]:hover {
+.resizer[data-v-809a3356]:hover {
   display: block;
 }
-.resizer.is-resizing[data-v-181e11a0] {
+.resizer.is-resizing[data-v-809a3356] {
   display: block;
 }
-th:hover:not(:last-child) > .resizer[data-v-181e11a0] {
+th:hover:not(:last-child) > .resizer[data-v-809a3356] {
   display: block;
 }
-.cell-align--end[data-v-181e11a0] {
+.cell-align--end[data-v-809a3356] {
   text-align: end;
 }
-.cell-align--center[data-v-181e11a0] {
+.cell-align--center[data-v-809a3356] {
   text-align: center;
 }/* BEM support Func
  -------------------------- */
@@ -28867,15 +28889,16 @@ th:hover:not(:last-child) > .resizer[data-v-181e11a0] {
  -------------------------- */
 /* BEM
  -------------------------- */
-._descriptionContainer_raffj_123 {
+._descriptionContainer_1oh1r_123 {
   display: flex;
   margin: var(--spacing-s) 0;
+  flex-direction: column;
 }
-._descriptionIcon_raffj_128 {
+._descriptionIcon_1oh1r_129 {
   align-self: center;
   color: var(--color-text-lighter);
 }
-._descriptionText_raffj_133 {
+._descriptionText_1oh1r_134 {
   padding: 0 var(--spacing-xs);
 }/* BEM support Func
  -------------------------- */
@@ -31080,19 +31103,19 @@ th:hover:not(:last-child) > .resizer[data-v-181e11a0] {
 ._parameter-issues_g7ipr_277 {
   width: 25px !important;
 }
-.text-fade-in-out-enter-active[data-v-f84fd2b8],
-.text-fade-in-out-leave-active[data-v-f84fd2b8] {
+.text-fade-in-out-enter-active[data-v-85771093],
+.text-fade-in-out-leave-active[data-v-85771093] {
 	transition:
 		opacity 0.5s ease-in-out,
 		transform 0.5s ease-in-out;
 }
-.text-fade-in-out-enter[data-v-f84fd2b8],
-.text-fade-in-out-leave-to[data-v-f84fd2b8] {
+.text-fade-in-out-enter[data-v-85771093],
+.text-fade-in-out-leave-to[data-v-85771093] {
 	opacity: 0;
 	transform: translateX(10px);
 }
-.text-fade-in-out-enter-to[data-v-f84fd2b8],
-.text-fade-in-out-leave[data-v-f84fd2b8] {
+.text-fade-in-out-enter-to[data-v-85771093],
+.text-fade-in-out-leave[data-v-85771093] {
 	opacity: 1;
 }
 /* BEM support Func
@@ -32239,28 +32262,28 @@ th:hover:not(:last-child) > .resizer[data-v-181e11a0] {
  -------------------------- */
 /* BEM
  -------------------------- */
-.schema-header-wrapper[data-v-529b42cc] {
+.schema-header-wrapper[data-v-e003ad5c] {
   padding-bottom: var(--spacing-2xs);
 }
-.schema-header[data-v-529b42cc] {
+.schema-header[data-v-e003ad5c] {
   display: flex;
   align-items: center;
   cursor: pointer;
 }
-.toggle[data-v-529b42cc] {
+.toggle[data-v-e003ad5c] {
   width: 30px;
   height: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.collapse-icon[data-v-529b42cc] {
+.collapse-icon[data-v-e003ad5c] {
   transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
 }
-.collapsed[data-v-529b42cc] {
+.collapsed[data-v-e003ad5c] {
   transform: rotateZ(-90deg);
 }
-.icon[data-v-529b42cc] {
+.icon[data-v-e003ad5c] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -32270,28 +32293,29 @@ th:hover:not(:last-child) > .resizer[data-v-181e11a0] {
   background-color: var(--color-background-xlight);
   margin-right: var(--spacing-2xs);
 }
-.icon-trigger[data-v-529b42cc] {
+.icon-trigger[data-v-e003ad5c] {
   border-radius: 16px 4px 4px 16px;
 }
-.title[data-v-529b42cc] {
+.title[data-v-e003ad5c] {
   font-size: var(--font-size-2xs);
   color: var(--color-text-dark);
 }
-.info[data-v-529b42cc] {
+.info[data-v-e003ad5c] {
   margin-left: var(--spacing-2xs);
   color: var(--color-text-light);
   font-weight: var(--font-weight-regular);
 }
-.trigger-icon[data-v-529b42cc] {
+.trigger-icon[data-v-e003ad5c] {
   margin-left: var(--spacing-2xs);
   color: var(--color-primary);
 }
-.extra-info[data-v-529b42cc] {
+.extra-info[data-v-e003ad5c] {
   font-size: var(--font-size-2xs);
   color: var(--color-text-light);
   margin-left: auto;
+  white-space: nowrap;
 }
-.notice[data-v-529b42cc] {
+.notice[data-v-e003ad5c] {
   margin-left: var(--spacing-2xl);
   margin-top: var(--spacing-2xs);
   padding-bottom: var(--spacing-2xs);
@@ -32425,17 +32449,17 @@ th:hover:not(:last-child) > .resizer[data-v-181e11a0] {
   color: var(--color-line-break);
   padding-right: 2px;
 }
-.schema-item[data-v-19bd94d9] {
+.schema-item[data-v-5521181b] {
 	display: flex;
-	margin-left: calc(var(--spacing-l) * var(--51e09374));
+	margin-left: calc(var(--spacing-l) * var(--111d2997));
 	align-items: baseline;
 	padding-bottom: var(--spacing-2xs);
 }
-.toggle-container[data-v-19bd94d9] {
+.toggle-container[data-v-5521181b] {
 	min-width: var(--spacing-l);
 	min-height: 17px;
 }
-.toggle[data-v-19bd94d9] {
+.toggle[data-v-5521181b] {
 	cursor: pointer;
 	display: flex;
 	justify-content: center;
@@ -32444,7 +32468,7 @@ th:hover:not(:last-child) > .resizer[data-v-181e11a0] {
 	color: var(--color-text-light);
 }
 .pill {
-&[data-v-19bd94d9] {
+&[data-v-5521181b] {
 	display: inline-flex;
 	height: 24px;
 	padding: 0 var(--spacing-3xs);
@@ -32456,13 +32480,13 @@ th:hover:not(:last-child) > .resizer[data-v-181e11a0] {
 	max-width: 50%;
 	align-items: center;
 	}
-> *[data-v-19bd94d9]:not(:first-child) {
+> *[data-v-5521181b]:not(:first-child) {
 		margin-left: var(--spacing-3xs);
 		padding-left: var(--spacing-3xs);
 		border-left: 1px solid var(--color-foreground-light);
 }
 &.pill--preview {
-&[data-v-19bd94d9] {
+&[data-v-5521181b] {
 		/* Cannot use CSS variable inside data URL, so instead switching based on data-theme and media query */
 		--schema-preview-dashed-border: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' viewBox='0 0 400 400' fill='none' rx='4' ry='4' stroke='%230000002A' stroke-width='2' stroke-dasharray='4%2c 4' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
 		--schema-preview-dashed-border-dark: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' viewBox='0 0 400 400' fill='none' rx='4' ry='4' stroke='%23FFFFFF2A' stroke-width='2' stroke-dasharray='4%2c 4' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
@@ -32472,60 +32496,60 @@ th:hover:not(:last-child) > .resizer[data-v-181e11a0] {
 		max-width: calc(100% - var(--spacing-l));
 		background-image: var(--schema-preview-dashed-border);
 		}
-.title[data-v-19bd94d9] {
+.title[data-v-5521181b] {
 			color: var(--color-text-light);
 }
 }
 }
 @media (prefers-color-scheme: dark) {
-body:not([data-theme]) .pill--preview[data-v-19bd94d9] {
+body:not([data-theme]) .pill--preview[data-v-5521181b] {
 		background-image: var(--schema-preview-dashed-border-dark);
 }
 }
-[data-theme='dark'] .pill--preview[data-v-19bd94d9] {
+[data-theme='dark'] .pill--preview[data-v-5521181b] {
 	background-image: var(--schema-preview-dashed-border-dark);
 }
-.draggable .pill.pill--highlight[data-v-19bd94d9] {
+.draggable .pill.pill--highlight[data-v-5521181b] {
 	color: var(--color-primary);
 	border-color: var(--color-primary-tint-1);
 	background-color: var(--color-primary-tint-3);
 }
-.draggable .pill.pill--highlight .type-icon[data-v-19bd94d9] {
+.draggable .pill.pill--highlight .type-icon[data-v-5521181b] {
 	color: var(--color-primary);
 }
-.draggable .pill[data-v-19bd94d9]:not(.pill--locked) {
+.draggable .pill[data-v-5521181b]:not(.pill--locked) {
 	cursor: grab;
 }
-.draggable .pill[data-v-19bd94d9]:not(.pill--locked):hover {
+.draggable .pill[data-v-5521181b]:not(.pill--locked):hover {
 	background-color: var(--color-background-light);
 	border-color: var(--color-foreground-base);
 }
-.type-icon[data-v-19bd94d9] {
+.type-icon[data-v-5521181b] {
 	color: var(--color-text-light);
 }
-.locked-icon[data-v-19bd94d9] {
+.locked-icon[data-v-5521181b] {
 	color: var(--color-text-light);
 	margin-left: var(--spacing-2xs);
 }
-.title[data-v-19bd94d9] {
+.title[data-v-5521181b] {
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	line-height: 1.5;
 }
-.text[data-v-19bd94d9] {
+.text[data-v-5521181b] {
 	font-weight: var(--font-weight-normal);
 	font-size: var(--font-size-2xs);
 	margin-left: var(--spacing-2xs);
 	word-break: break-word;
 }
-.collapse-icon[data-v-19bd94d9] {
+.collapse-icon[data-v-5521181b] {
 	transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
 }
-.collapsed[data-v-19bd94d9] {
+.collapsed[data-v-5521181b] {
 	transform: rotateZ(-90deg);
 }
-.tooltip[data-v-19bd94d9] {
+.tooltip[data-v-5521181b] {
 	max-width: 260px;
 }
@@ -32691,22 +32715,22 @@ body:not([data-theme]) .pill--preview[data-v-19bd94d9] {
 	padding: 0;
 }
-.full-height[data-v-adb6229b] {
+.full-height[data-v-659d6fdb] {
 	height: 100%;
 }
-.run-data-schema[data-v-adb6229b] {
+.run-data-schema[data-v-659d6fdb] {
 	padding: 0;
 }
 .scroller {
-&[data-v-adb6229b] {
-	padding: 0 var(--spacing-s);
+&[data-v-659d6fdb] {
+	padding: 0 var(--ndv-spacing);
 	padding-bottom: var(--spacing-2xl);
 	}
-.compact &[data-v-adb6229b] {
+.compact &[data-v-659d6fdb] {
 		padding: 0 var(--spacing-2xs);
 }
 }
-.no-results[data-v-adb6229b] {
+.no-results[data-v-659d6fdb] {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
@@ -32714,24 +32738,24 @@ body:not([data-theme]) .pill--preview[data-v-19bd94d9] {
 	text-align: center;
 	height: 100%;
 	gap: var(--spacing-2xs);
-	padding: var(--spacing-s) var(--spacing-s) var(--spacing-xl) var(--spacing-s);
+	padding: var(--ndv-spacing) var(--ndv-spacing) var(--spacing-xl) var(--ndv-spacing);
 }
-.icon[data-v-adb6229b] {
+.icon[data-v-659d6fdb] {
 	display: inline-flex;
 	margin-left: var(--spacing-xl);
 	color: var(--color-text-light);
-	margin-bottom: var(--spacing-s);
+	margin-bottom: var(--ndv-spacing);
 }
-.notice[data-v-adb6229b] {
+.notice[data-v-659d6fdb] {
 	padding-bottom: var(--spacing-xs);
 	color: var(--color-text-base);
 	font-size: var(--font-size-2xs);
 	line-height: var(--font-line-height-loose);
 }
-.notice[data-v-adb6229b] {
+.notice[data-v-659d6fdb] {
 	margin-left: calc(var(--spacing-l) * var(--schema-level));
 }
-.empty-schema[data-v-adb6229b] {
+.empty-schema[data-v-659d6fdb] {
 	padding-bottom: var(--spacing-xs);
 	margin-left: calc((var(--spacing-xl) * var(--schema-level)));
 }
@@ -34041,34 +34065,34 @@ body:not([data-theme]) .pill--preview[data-v-19bd94d9] {
  -------------------------- */
 /* BEM
  -------------------------- */
-.readonly-code[data-v-389e2320] {
+.readonly-code[data-v-d9927454] {
   font-size: var(--font-size-xs);
 }
-.switch-input[data-v-389e2320] {
+.switch-input[data-v-d9927454] {
   margin: var(--spacing-5xs) 0 var(--spacing-2xs) 0;
 }
-.parameter-value-container[data-v-389e2320] {
+.parameter-value-container[data-v-d9927454] {
   display: flex;
   align-items: center;
 }
-.parameter-actions[data-v-389e2320] {
+.parameter-actions[data-v-d9927454] {
   display: inline-flex;
   align-items: center;
 }
-.parameter-switch[data-v-389e2320] {
+.parameter-switch[data-v-d9927454] {
   display: inline-flex;
   align-self: flex-start;
   justify-items: center;
   gap: var(--spacing-xs);
 }
-.parameter-input[data-v-389e2320] {
+.parameter-input[data-v-d9927454] {
   display: inline-block;
   position: relative;
 }
-.parameter-input[data-v-389e2320] .color-input {
+.parameter-input[data-v-d9927454] .color-input {
   display: flex;
 }
-.parameter-input[data-v-389e2320] .color-input .el-color-picker__trigger {
+.parameter-input[data-v-d9927454] .color-input .el-color-picker__trigger {
   border: none;
 }/* BEM support Func
  -------------------------- */
@@ -37765,7 +37789,7 @@ body:not([data-theme]) .pill--preview[data-v-19bd94d9] {
  -------------------------- */
 /* BEM
  -------------------------- */
-.tags-header[data-v-ef452003] {
+.tags-header[data-v-4fbc03ec] {
   margin-bottom: 15px;
 }/* BEM support Func
  -------------------------- */
@@ -38044,12 +38068,12 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
  -------------------------- */
 /* BEM
  -------------------------- */
-.fade-enter-active[data-v-b7ce69a4],
-.fade-leave-active[data-v-b7ce69a4] {
+.fade-enter-active[data-v-661f7520],
+.fade-leave-active[data-v-661f7520] {
   transition: opacity 0.2s;
 }
-.fade-enter[data-v-b7ce69a4],
-.fade-leave-to[data-v-b7ce69a4] {
+.fade-enter[data-v-661f7520],
+.fade-leave-to[data-v-661f7520] {
   opacity: 0;
 }/* BEM support Func
  -------------------------- */
@@ -39382,34 +39406,34 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
  -------------------------- */
 /* BEM
  -------------------------- */
-.workflow-settings[data-v-87020df3] {
+.workflow-settings[data-v-96fb788a] {
   font-size: var(--font-size-s);
 }
-.workflow-settings .el-row[data-v-87020df3] {
+.workflow-settings .el-row[data-v-96fb788a] {
   padding: 0.25em 0;
 }
-.setting-name[data-v-87020df3] {
+.setting-name[data-v-96fb788a] {
   line-height: 32px;
 }
-.setting-name svg[data-v-87020df3] {
+.setting-name svg[data-v-96fb788a] {
   display: inline-flex;
   opacity: 0;
   transition: opacity 0.3s ease;
 }
-.setting-name:hover svg[data-v-87020df3] {
+.setting-name:hover svg[data-v-96fb788a] {
   opacity: 1;
 }
-.timeout-input[data-v-87020df3] {
+.timeout-input[data-v-96fb788a] {
   margin-left: 5px;
 }
-.time-saved[data-v-87020df3] {
+.time-saved[data-v-96fb788a] {
   display: flex;
   align-items: center;
 }
-.time-saved[data-v-87020df3] .el-input {
+.time-saved[data-v-96fb788a] .el-input {
   width: 64px;
 }
-.time-saved span[data-v-87020df3] {
+.time-saved span[data-v-96fb788a] {
   margin-left: var(--spacing-2xs);
 }/* BEM support Func
  -------------------------- */
@@ -40118,86 +40142,510 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_1b16z_123 {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-._container_1b16z_123 > * {
-  overflow: visible;
-  margin-bottom: var(--spacing-s);
-}
-._container_1b16z_123 > *:last-child {
-  margin-bottom: 0;
-}
-._textContainer_1b16z_137 {
-  text-align: left;
-  margin: 0px;
-  margin-bottom: 5px;
-}
-._formContainer_1b16z_143 {
-  padding-bottom: var(--spacing-xl);
+._customCell_9n36u_123 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border-bottom: 1px solid var(--border-color-light) !important;
 }
-._qrContainer_1b16z_147 {
-  text-align: center;
+._cell_9n36u_130 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
-._qrContainer_1b16z_147 canvas {
-  border: 4px solid var(--prim-gray-10);
+._customRow_9n36u_136 {
+  cursor: pointer;
+  --color-table-row-hover-background: var(--color-background-light);
 }
-._headerContainer_1b16z_154 {
-  text-align: center;
+._customDisabledRow_9n36u_141 {
+  cursor: default;
+  --color-table-row-hover-background: var(--color-background-light);
 }
-._recoveryCodesContainer_1b16z_158 {
+._customHeaderCell_9n36u_146 {
   display: flex;
-  flex-direction: column;
-  background-color: var(--color-mfa-recovery-code-background);
-  text-align: center;
-  flex-wrap: nowrap;
-  justify-content: space-between;
-  align-items: normal;
-  align-content: normal;
-  padding-top: var(--spacing-xs);
-  padding-bottom: var(--spacing-xs);
-  gap: var(--spacing-xs);
-  margin-bottom: var(--spacing-2xs);
-  overflow-y: auto;
-}
-._recoveryCodesContainer_1b16z_158 span {
-  font-size: var(--font-size-s);
-  font-weight: var(--font-weight-regular);
-  line-height: var(--spacing-m);
-  color: var(--color-mfa-recovery-code-color);
+  gap: 4px;
 }
-._form_1b16z_143:first-child span {
+._customHeaderCellLabel_9n36u_151 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 12px;
+  font-weight: var(--font-weight-bold);
   color: var(--color-text-base);
-  font-weight: var(--font-weight-regular);
-  font-size: var(--font-size-s);
 }
-._form_1b16z_143 input {
-  width: 50%;
-  height: 30px;
+._customHeaderCellSort_9n36u_160 {
+  display: flex;
+  align-items: center;
 }
-._secret_1b16z_192 {
-  color: var(--color-primary);
-  font-weight: var(--font-weight-bold);
+._table_9n36u_165 {
+  border-radius: 12px;
 }
-._loseAccessText_1b16z_197 {
-  color: var(--color-mfa-lose-access-text-color);
+._table_9n36u_165 .el-scrollbar__wrap {
+  overflow: hidden;
 }
-._error_1b16z_201 input {
-  border-color: var(--color-danger);
+._table_9n36u_165 .el-table__column-resize-proxy {
+  background-color: var(--color-primary);
+  width: 3px;
 }
-._error_1b16z_201 > div > span {
-  color: var(--color-danger);
-  font-size: var(--font-size-2xs);
+._table_9n36u_165 thead th {
+  padding: 6px 0;
 }
-._modalFooter_1b16z_210 {
-  justify-content: space-between;
-  display: flex;
-  flex-direction: row;
+._table_9n36u_165 .caret-wrapper {
+  display: none;
 }
-._notice_1b16z_216 {
-  margin: 0;
+._table_9n36u_165 .el-scrollbar__thumb {
+  background-color: var(--color-foreground-base);
+}
+._table_9n36u_165 .el-scrollbar__bar {
+  opacity: 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
+ -------------------------- */
+._container_c93hv_123 {
+  height: 100%;
+  width: 100%;
+  max-width: var(--content-container-width);
+  margin: auto;
+  padding: var(--spacing-l) var(--spacing-2xl) 0;
+}
+._header_c93hv_131 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2xs);
+  margin-bottom: var(--spacing-l);
+}
+._header_c93hv_131 ._timestamp_c93hv_137 {
+  color: var(--color-text-base);
+  font-size: var(--font-size-s);
+}
+._backButton_c93hv_142 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3xs);
+  padding: 0;
+  border: none;
+  background: none;
+  cursor: pointer;
+  color: var(--color-text-base);
+  transition: color 0.1s ease-in-out;
+}
+._backButton_c93hv_142:hover {
+  color: var(--color-primary);
+}
+._headerSeparator_c93hv_157 {
+  font-size: var(--font-size-xl);
+  color: var(--color-text-light);
+}
+._summary_c93hv_162 {
+  margin-bottom: var(--spacing-m);
+}
+._summary_c93hv_162 ._summaryStats_c93hv_165 {
+  display: flex;
+  gap: var(--spacing-l);
+}
+._stat_c93hv_170 {
+  display: flex;
+  flex-direction: column;
+}
+._controls_c93hv_175 {
+  display: flex;
+  gap: var(--spacing-s);
+  margin-bottom: var(--spacing-s);
+}
+._downloadButton_c93hv_181 {
+  margin-bottom: var(--spacing-s);
+}
+._loading_c93hv_185 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 200px;
+}
+._scrollableSummary_c93hv_192 {
+  border: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
+  border-radius: 5px;
+  background-color: var(--color-background-xlight);
+}
+._scrollableSummary_c93hv_192 .el-scrollbar__bar {
+  opacity: 1;
+}
+._scrollableSummary_c93hv_192 .el-scrollbar__thumb {
+  background-color: var(--color-foreground-base);
+}
+._scrollableSummary_c93hv_192 .el-scrollbar__thumb:hover {
+  background-color: var(--color-foreground-dark);
+}
+._summaryCard_c93hv_207 {
+  height: 100px;
+  box-sizing: border-box;
+  padding: var(--spacing-s);
+  border-right: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
+  flex-basis: 169px;
+  flex-shrink: 0;
+  max-width: 170px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+._summaryCard_c93hv_207:first-child {
+  border-top-left-radius: inherit;
+  border-bottom-left-radius: inherit;
+}
+._capitalized_c93hv_224 {
+  text-transform: none;
+}
+._capitalized_c93hv_224::first-letter {
+  text-transform: uppercase;
+}
+._summaryCardTitle_c93hv_232 {
+  display: inline;
+  width: -moz-fit-content;
+  width: fit-content;
+  max-width: 100%;
+  flex-shrink: 0;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  color: var(--color-text-base);
+}
+._summaryCardContentLargeNumber_c93hv_243 {
+  font-size: 32px;
+  line-height: 1;
+}
+._alertText_c93hv_248 {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  -webkit-box-orient: vertical;
+  max-width: 100%;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: normal;
+  word-break: break-word;
+  color: var(--color-text-danger);
+  font-size: var(--font-size-2xs);
+  line-height: 1.25;
+}/* 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
+ -------------------------- */
+._container_1b16z_123 {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+._container_1b16z_123 > * {
+  overflow: visible;
+  margin-bottom: var(--spacing-s);
+}
+._container_1b16z_123 > *:last-child {
+  margin-bottom: 0;
+}
+._textContainer_1b16z_137 {
+  text-align: left;
+  margin: 0px;
+  margin-bottom: 5px;
+}
+._formContainer_1b16z_143 {
+  padding-bottom: var(--spacing-xl);
+}
+._qrContainer_1b16z_147 {
+  text-align: center;
+}
+._qrContainer_1b16z_147 canvas {
+  border: 4px solid var(--prim-gray-10);
+}
+._headerContainer_1b16z_154 {
+  text-align: center;
+}
+._recoveryCodesContainer_1b16z_158 {
+  display: flex;
+  flex-direction: column;
+  background-color: var(--color-mfa-recovery-code-background);
+  text-align: center;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  align-items: normal;
+  align-content: normal;
+  padding-top: var(--spacing-xs);
+  padding-bottom: var(--spacing-xs);
+  gap: var(--spacing-xs);
+  margin-bottom: var(--spacing-2xs);
+  overflow-y: auto;
+}
+._recoveryCodesContainer_1b16z_158 span {
+  font-size: var(--font-size-s);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--spacing-m);
+  color: var(--color-mfa-recovery-code-color);
+}
+._form_1b16z_143:first-child span {
+  color: var(--color-text-base);
+  font-weight: var(--font-weight-regular);
+  font-size: var(--font-size-s);
+}
+._form_1b16z_143 input {
+  width: 50%;
+  height: 30px;
+}
+._secret_1b16z_192 {
+  color: var(--color-primary);
+  font-weight: var(--font-weight-bold);
+}
+._loseAccessText_1b16z_197 {
+  color: var(--color-mfa-lose-access-text-color);
+}
+._error_1b16z_201 input {
+  border-color: var(--color-danger);
+}
+._error_1b16z_201 > div > span {
+  color: var(--color-danger);
+  font-size: var(--font-size-2xs);
+}
+._modalFooter_1b16z_210 {
+  justify-content: space-between;
+  display: flex;
+  flex-direction: row;
+}
+._notice_1b16z_216 {
+  margin: 0;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -41677,37 +42125,33 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
  -------------------------- */
 /* BEM
  -------------------------- */
-._wrapper_ir1br_123 {
+._wrapper_krvsp_123 {
   position: relative;
   display: flex;
   align-items: flex-end;
   gap: var(--spacing-4xs);
 }
-._wrapper_ir1br_123._hasIssues_ir1br_129 {
+._wrapper_krvsp_123._hasIssues_krvsp_129 {
   --input-border-color: var(--color-danger);
 }
-._wrapper_ir1br_123:hover ._iconButton_ir1br_132 {
+._wrapper_krvsp_123:hover ._iconButton_krvsp_132 {
   opacity: 1;
 }
-._status_ir1br_136 {
+._status_krvsp_136 {
   align-self: flex-start;
   padding-top: 28px;
 }
-._statusIcon_ir1br_141 {
-  padding-left: var(--spacing-4xs);
-  padding-right: var(--spacing-4xs);
-}
-._iconButton_ir1br_132 {
+._iconButton_krvsp_132 {
   position: absolute;
   left: 0;
   opacity: 0;
   transition: opacity 100ms ease-in;
   color: var(--icon-base-color);
 }
-._defaultTopPadding_ir1br_154 {
+._defaultTopPadding_krvsp_149 {
   top: var(--spacing-m);
 }
-._extraTopPadding_ir1br_158 {
+._extraTopPadding_krvsp_153 {
   top: calc(14px + var(--spacing-m));
 }/* BEM support Func
  -------------------------- */
@@ -42422,27 +42866,27 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
  -------------------------- */
 /* BEM
  -------------------------- */
-.duplicate-parameter[data-v-1441aeb8] .button {
+.duplicate-parameter[data-v-4ff0f9d3] .button {
   --button-background-color: var(--color-background-base);
   --button-border-color: var(--color-foreground-base);
 }
-.duplicate-parameter[data-v-1441aeb8] .duplicate-parameter-item {
+.duplicate-parameter[data-v-4ff0f9d3] .duplicate-parameter-item {
   position: relative;
 }
-.duplicate-parameter[data-v-1441aeb8] .duplicate-parameter-item .multi > .delete-item {
+.duplicate-parameter[data-v-4ff0f9d3] .duplicate-parameter-item .multi > .delete-item {
   top: 0.1em;
 }
-.duplicate-parameter[data-v-1441aeb8] .duplicate-parameter-input-item {
+.duplicate-parameter[data-v-4ff0f9d3] .duplicate-parameter-input-item {
   margin: 0.5em 0 0.25em 2em;
 }
-.duplicate-parameter[data-v-1441aeb8] .duplicate-parameter-item + .duplicate-parameter-item .collection-parameter-wrapper {
+.duplicate-parameter[data-v-4ff0f9d3] .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-1441aeb8] {
+.duplicate-parameter-item ~ .add-item-wrapper[data-v-4ff0f9d3] {
   margin-top: var(--spacing-xs);
 }
-.delete-item[data-v-1441aeb8] {
+.delete-item[data-v-4ff0f9d3] {
   display: none;
   position: absolute;
   left: 0.1em;
@@ -42452,10 +42896,10 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
   width: 15px;
   font-size: var(--font-size-2xs);
 }
-.delete-item[data-v-1441aeb8] :hover {
+.delete-item[data-v-4ff0f9d3] :hover {
   color: #ff0000;
 }
-.no-items-exist[data-v-1441aeb8] {
+.no-items-exist[data-v-4ff0f9d3] {
   margin: var(--spacing-xs) 0;
 }
 .duplicate-parameter-item:hover > .delete-item {
@@ -42586,34 +43030,37 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
  -------------------------- */
 /* BEM
  -------------------------- */
-._parameterItem_9bgl0_123 {
+._parameterItem_okbjr_123 {
   --delete-option-width: 22px;
   display: flex;
   padding: 0 0 0 var(--spacing-s);
 }
-._parameterItem_9bgl0_123 ._parameterInput_9bgl0_128 {
+._parameterItem_okbjr_123 ._parameterInput_okbjr_128 {
   width: calc(100% - var(--delete-option-width));
 }
-._parameterItem_9bgl0_123 ._parameterInput_9bgl0_128:first-child {
+._parameterItem_okbjr_123 ._parameterInput_okbjr_128:first-child {
   margin-left: var(--delete-option-width);
 }
-._parameterItem_9bgl0_123._hasIssues_9bgl0_134 ._parameterIssues_9bgl0_134 {
+._parameterItem_okbjr_123._hasIssues_okbjr_134 ._parameterIssues_okbjr_134 {
   float: none;
   padding-top: var(--spacing-xl);
 }
-._parameterItem_9bgl0_123._hasIssues_9bgl0_134 input,
-._parameterItem_9bgl0_123._hasIssues_9bgl0_134 input:focus {
+._parameterItem_okbjr_123._hasIssues_okbjr_134 input,
+._parameterItem_okbjr_123._hasIssues_okbjr_134 input:focus {
   --input-border-color: var(--color-danger);
   border-color: var(--color-danger);
 }
-._parameterTooltipIcon_9bgl0_144 {
+._parameterTooltipIcon_okbjr_144 {
+  font-size: var(--font-size-2xs);
   color: var(--color-text-light) !important;
+  width: 26px;
+  text-align: center;
 }
-._addOption_9bgl0_148 {
+._addOption_okbjr_151 {
   margin-top: var(--spacing-l);
   padding: 0 0 0 var(--spacing-s);
 }
-._staleDataWarning_9bgl0_153 {
+._staleDataWarning_okbjr_156 {
   display: flex;
   height: var(--spacing-m);
   align-items: baseline;
@@ -42872,8 +43319,8 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
 .parameter-input-list-wrapper .icon-button {
   position: absolute;
   opacity: 0;
-  top: 0;
-  left: calc(-0.5 * var(--spacing-2xs));
+  top: -3px;
+  left: calc(-0.5 * var(--spacing-xs));
   transition: opacity 100ms ease-in;
 }
 .parameter-input-list-wrapper .icon-button Button {
@@ -43927,13 +44374,13 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
  -------------------------- */
 /* BEM
  -------------------------- */
-.connection-switch[data-v-0ec47a24] {
+.connection-switch[data-v-df3d0401] {
   position: relative;
   display: flex;
   flex-direction: row;
   align-items: center;
 }
-.connection-switch.error[data-v-0ec47a24] .el-switch.is-checked .el-switch__core {
+.connection-switch.error[data-v-df3d0401] .el-switch.is-checked .el-switch__core {
   background-color: #ff4027;
   border-color: #ff4027;
 }/* BEM support Func
@@ -50047,428 +50494,4 @@ textarea._disabled_zhw6d_248 {
 }
 ._modals_1tlmi_188 {
   width: 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
- -------------------------- */
-._customCell_9n36u_123 {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  border-bottom: 1px solid var(--border-color-light) !important;
-}
-._cell_9n36u_130 {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-._customRow_9n36u_136 {
-  cursor: pointer;
-  --color-table-row-hover-background: var(--color-background-light);
-}
-._customDisabledRow_9n36u_141 {
-  cursor: default;
-  --color-table-row-hover-background: var(--color-background-light);
-}
-._customHeaderCell_9n36u_146 {
-  display: flex;
-  gap: 4px;
-}
-._customHeaderCellLabel_9n36u_151 {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-size: 12px;
-  font-weight: var(--font-weight-bold);
-  color: var(--color-text-base);
-}
-._customHeaderCellSort_9n36u_160 {
-  display: flex;
-  align-items: center;
-}
-._table_9n36u_165 {
-  border-radius: 12px;
-}
-._table_9n36u_165 .el-scrollbar__wrap {
-  overflow: hidden;
-}
-._table_9n36u_165 .el-table__column-resize-proxy {
-  background-color: var(--color-primary);
-  width: 3px;
-}
-._table_9n36u_165 thead th {
-  padding: 6px 0;
-}
-._table_9n36u_165 .caret-wrapper {
-  display: none;
-}
-._table_9n36u_165 .el-scrollbar__thumb {
-  background-color: var(--color-foreground-base);
-}
-._table_9n36u_165 .el-scrollbar__bar {
-  opacity: 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
- -------------------------- */
-._container_c93hv_123 {
-  height: 100%;
-  width: 100%;
-  max-width: var(--content-container-width);
-  margin: auto;
-  padding: var(--spacing-l) var(--spacing-2xl) 0;
-}
-._header_c93hv_131 {
-  display: flex;
-  align-items: center;
-  gap: var(--spacing-2xs);
-  margin-bottom: var(--spacing-l);
-}
-._header_c93hv_131 ._timestamp_c93hv_137 {
-  color: var(--color-text-base);
-  font-size: var(--font-size-s);
-}
-._backButton_c93hv_142 {
-  display: flex;
-  align-items: center;
-  gap: var(--spacing-3xs);
-  padding: 0;
-  border: none;
-  background: none;
-  cursor: pointer;
-  color: var(--color-text-base);
-  transition: color 0.1s ease-in-out;
-}
-._backButton_c93hv_142:hover {
-  color: var(--color-primary);
-}
-._headerSeparator_c93hv_157 {
-  font-size: var(--font-size-xl);
-  color: var(--color-text-light);
-}
-._summary_c93hv_162 {
-  margin-bottom: var(--spacing-m);
-}
-._summary_c93hv_162 ._summaryStats_c93hv_165 {
-  display: flex;
-  gap: var(--spacing-l);
-}
-._stat_c93hv_170 {
-  display: flex;
-  flex-direction: column;
-}
-._controls_c93hv_175 {
-  display: flex;
-  gap: var(--spacing-s);
-  margin-bottom: var(--spacing-s);
-}
-._downloadButton_c93hv_181 {
-  margin-bottom: var(--spacing-s);
-}
-._loading_c93hv_185 {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 200px;
-}
-._scrollableSummary_c93hv_192 {
-  border: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
-  border-radius: 5px;
-  background-color: var(--color-background-xlight);
-}
-._scrollableSummary_c93hv_192 .el-scrollbar__bar {
-  opacity: 1;
-}
-._scrollableSummary_c93hv_192 .el-scrollbar__thumb {
-  background-color: var(--color-foreground-base);
-}
-._scrollableSummary_c93hv_192 .el-scrollbar__thumb:hover {
-  background-color: var(--color-foreground-dark);
-}
-._summaryCard_c93hv_207 {
-  height: 100px;
-  box-sizing: border-box;
-  padding: var(--spacing-s);
-  border-right: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
-  flex-basis: 169px;
-  flex-shrink: 0;
-  max-width: 170px;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-}
-._summaryCard_c93hv_207:first-child {
-  border-top-left-radius: inherit;
-  border-bottom-left-radius: inherit;
-}
-._capitalized_c93hv_224 {
-  text-transform: none;
-}
-._capitalized_c93hv_224::first-letter {
-  text-transform: uppercase;
-}
-._summaryCardTitle_c93hv_232 {
-  display: inline;
-  width: -moz-fit-content;
-  width: fit-content;
-  max-width: 100%;
-  flex-shrink: 0;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  color: var(--color-text-base);
-}
-._summaryCardContentLargeNumber_c93hv_243 {
-  font-size: 32px;
-  line-height: 1;
-}
-._alertText_c93hv_248 {
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  line-clamp: 2;
-  -webkit-box-orient: vertical;
-  max-width: 100%;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: normal;
-  word-break: break-word;
-  color: var(--color-text-danger);
-  font-size: var(--font-size-2xs);
-  line-height: 1.25;
 }