n8n-editor-ui 2.1.1 → 2.2.0

package/dist/assets/{src-DS0bffpn.css → src-CWWagUhy.css}

@@ -3850,6 +3850,506 @@ from, to {
 --------------------------*/
 /* Break-point
 --------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._container_17mee_123 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: var(--spacing--sm);
+  padding: var(--spacing--md) var(--spacing--sm);
+  border: 1px solid var(--color--foreground);
+  border-radius: var(--radius--lg);
+  background-color: var(--color--background--light-3);
+  width: 288px;
+  -webkit-box-shadow: var(--shadow);
+          box-shadow: var(--shadow);
+}
+._content_17mee_135 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: var(--spacing--3xs);
+  color: var(--color--text);
+}
+._title_17mee_142 {
+  margin: 0;
+  font-size: var(--font-size--md);
+  font-weight: var(--font-weight--bold);
+  color: var(--color--text--shade-1);
+}
+._description_17mee_149 {
+  margin: 0;
+  font-size: var(--font-size--sm);
+  color: var(--color--text);
+  line-height: var(--line-height--xl);
+}
+._actions_17mee_156 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: var(--spacing--2xs);
+}
+._showVersionButton_17mee_163 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: var(--spacing--4xs);
+  background: none;
+  border: none;
+  padding: 0;
+  color: var(--color--text--shade-1);
+  font-size: var(--font-size--sm);
+  font-weight: var(--font-weight--bold);
+  cursor: pointer;
+  padding: var(--spacing--3xs) var(--spacing--sm);
+}
+._showVersionButton_17mee_163:hover {
+  text-decoration: underline;
+  color: var(--color--primary);
+}/* 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
+ -------------------------- */
+._button_1km3u_123 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: var(--spacing--3xs);
+  background: none;
+  border: none;
+  border-radius: var(--radius--lg);
+  padding: var(--spacing--4xs) var(--spacing--2xs);
+  color: var(--color--text--tint-1);
+  font-size: var(--font-size--2xs);
+  cursor: pointer;
+  white-space: nowrap;
+  -webkit-transition: background-color 0.15s ease, color 0.15s ease;
+  transition: background-color 0.15s ease, color 0.15s ease;
+  font-weight: var(--font-weight--medium);
+}
+._button_1km3u_123:hover {
+  background-color: var(--color--foreground--tint-1);
+}
+._button_1km3u_123:active, ._button_1km3u_123._active_1km3u_141 {
+  background-color: var(--color--foreground);
+}
+._button_1km3u_123._disabled_1km3u_144 {
+  cursor: not-allowed;
+}
+._button_1km3u_123._disabled_1km3u_144:hover, ._button_1km3u_123._disabled_1km3u_144:active {
+  background-color: transparent;
+}/* 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
+ -------------------------- */
+._restoreWrapper_hbaqt_123 {
+  position: relative;
+  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;
+  width: 100%;
+  margin-bottom: var(--spacing--2xs);
+}
+._restoreContainer_hbaqt_132 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 100%;
+  padding: 0 var(--spacing--md);
+}
+._restoreLine_hbaqt_139 {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  height: 1px;
+  background-color: var(--color--text--tint-1);
+}/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
 /* Break-points
  -------------------------- */
 /* Scrollbar
@@ -10736,13 +11236,143 @@ input[type=checkbox] + label {
  -------------------------- */
 /* BEM
  -------------------------- */
-._menuItemWrapper_14738_123 {
+._beta_1t1w7_123 {
+  display: inline-block;
+  color: var(--color--secondary);
+  font-size: var(--font-size--3xs);
+  font-weight: var(--font-weight--bold);
+  background-color: var(--color--secondary--tint-2);
+  padding: var(--spacing--5xs) var(--spacing--4xs);
+  border-radius: 16px;
+}/* 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
+ -------------------------- */
+._menuItemWrapper_1anc5_123 {
   position: relative;
   width: 100%;
   max-width: 100%;
   margin-bottom: var(--spacing--5xs);
 }
-._menuItem_14738_123 {
+._menuItem_1anc5_123 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -10762,34 +11392,34 @@ input[type=checkbox] + label {
   width: 100%;
   position: relative;
 }
-._menuItem_14738_123:hover ._menuItemIcon_14738_144 {
+._menuItem_1anc5_123:hover ._menuItemIcon_1anc5_144 {
   color: var(--color--text--shade-1);
 }
-._menuItem_14738_123.router-link-active, ._menuItem_14738_123._active_14738_147 {
+._menuItem_1anc5_123.router-link-active, ._menuItem_1anc5_123._active_1anc5_147 {
   background-color: var(--color--background--light-1);
 }
-._menuItem_14738_123:hover:not(._active_14738_147):not(.router-link-active) {
+._menuItem_1anc5_123:hover:not(._active_1anc5_147):not(.router-link-active) {
   background-color: var(--color--background--light-1);
   color: var(--color--text--shade-1);
 }
-._menuItem_14738_123:focus-visible {
+._menuItem_1anc5_123._compact_1anc5_154 {
+  gap: 0;
+}
+._menuItem_1anc5_123:focus-visible {
   outline: 1px solid var(--color--secondary);
   outline-offset: -1px;
 }
-._menuItemText_14738_160 {
+._menuItemText_1anc5_163 {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
   line-height: var(--font-size--lg);
   min-width: 0;
 }
-._menuItemText_14738_160 * {
+._menuItemText_1anc5_163 * {
   color: var(--color--text);
 }
-._menuItemIcon_14738_144 {
+._menuItemIcon_1anc5_144 {
   position: relative;
   width: var(--spacing--lg);
   height: var(--spacing--lg);
@@ -10804,7 +11434,7 @@ input[type=checkbox] + label {
       -ms-flex-pack: center;
           justify-content: center;
 }
-._menuItemIcon_14738_144._notification_14738_182::after {
+._menuItemIcon_1anc5_144._notification_1anc5_184::after {
   content: "";
   position: absolute;
   top: 0;
@@ -10814,12 +11444,29 @@ input[type=checkbox] + label {
   background-color: var(--color--danger);
   border-radius: 50%;
 }
-._menuItemEmoji_14738_193 {
+._menuItemEmoji_1anc5_195 {
   font-size: var(--spacing--sm);
   line-height: 1;
 }
-._menuItem_14738_123._active_14738_147 ._menuItemIcon_14738_144 {
+._menuItem_1anc5_123._active_1anc5_147 ._menuItemIcon_1anc5_144 {
   color: var(--color--text--shade-1);
+}
+._menuItemLabel_1anc5_204 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  gap: var(--spacing--3xs);
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  min-width: 0;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -10942,68 +11589,59 @@ input[type=checkbox] + label {
  -------------------------- */
 /* BEM
  -------------------------- */
-.el-menu._dropdown_a2vc5_123 {
+.el-menu._dropdown_1ovwv_123 {
   border-bottom: 0 !important;
   background-color: transparent;
 }
-.el-menu._dropdown_a2vc5_123 > .el-sub-menu > .el-sub-menu__title {
+.el-menu._dropdown_1ovwv_123 > .el-sub-menu > .el-sub-menu__title {
   height: auto;
   line-height: initial;
   border-bottom: 0 !important;
   padding: 0;
 }
-.el-menu._dropdown_a2vc5_123 > .el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow {
+.el-menu._dropdown_1ovwv_123 > .el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow {
   display: none;
 }
-.el-menu._dropdown_a2vc5_123 > .el-sub-menu.is-active .el-sub-menu__title {
+.el-menu._dropdown_1ovwv_123 > .el-sub-menu.is-active .el-sub-menu__title {
   border: 0;
 }
-._nestedSubmenu_a2vc5_140 .el-menu {
+._nestedSubmenu_1ovwv_140 .el-menu {
   max-height: 450px;
   overflow: auto;
 }
-._submenu_a2vc5_145 {
+._submenu_1ovwv_145 {
   padding: 5px 0 !important;
 }
-._submenu_a2vc5_145 .el-menu--horizontal .el-menu .el-menu-item,
-._submenu_a2vc5_145 .el-menu--horizontal .el-menu .el-sub-menu__title {
+._submenu_1ovwv_145 .el-menu--horizontal .el-menu .el-menu-item,
+._submenu_1ovwv_145 .el-menu--horizontal .el-menu .el-sub-menu__title {
   color: var(--color--text--shade-1);
   background-color: var(--menu--color--background);
 }
-._submenu_a2vc5_145 .el-menu--horizontal .el-menu .el-menu-item:not(.is-disabled):hover,
-._submenu_a2vc5_145 .el-menu--horizontal .el-menu .el-sub-menu__title:not(.is-disabled):hover {
+._submenu_1ovwv_145 .el-menu--horizontal .el-menu .el-menu-item:not(.is-disabled):hover,
+._submenu_1ovwv_145 .el-menu--horizontal .el-menu .el-sub-menu__title:not(.is-disabled):hover {
   background-color: var(--menu--color--background--hover);
 }
-._submenu_a2vc5_145 .el-popper {
+._submenu_1ovwv_145 .el-popper {
   padding: 0 10px !important;
 }
-._submenu_a2vc5_145 .el-menu--popup {
+._submenu_1ovwv_145 .el-menu--popup {
   border: 1px solid var(--color--foreground);
   border-radius: var(--radius);
 }
-._submenu_a2vc5_145 .el-menu--horizontal .el-menu .el-menu-item.is-disabled {
+._submenu_1ovwv_145 .el-menu--horizontal .el-menu .el-menu-item.is-disabled {
   opacity: 1;
   cursor: default;
   color: var(--color--text--tint-1);
 }
-._submenu_a2vc5_145 .el-menu--horizontal .el-menu .el-menu-item {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  gap: var(--spacing--2xs);
-}
-._submenu_a2vc5_145 .el-sub-menu__icon-arrow svg {
+._submenu_1ovwv_145 .el-sub-menu__icon-arrow svg {
   margin-top: auto;
 }
-._submenu_a2vc5_145 hr {
+._submenu_1ovwv_145 hr {
   border-top: none;
   border-bottom: var(--border);
   margin-block: var(--spacing--4xs);
 }
-._subMenuTitle_a2vc5_183 {
+._subMenuTitle_1ovwv_178 {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -11012,14 +11650,11 @@ input[type=checkbox] + label {
           align-items: center;
   gap: var(--spacing--2xs);
 }
-._submenu__icon_a2vc5_189 {
+._submenu__icon_1ovwv_184 {
   margin-right: var(--spacing--2xs);
   color: var(--color--text);
 }
-._menuItemWithTooltip_a2vc5_194 {
-  position: relative;
-}
-._menuItemTitle_a2vc5_198 {
+._menuItemTitle_1ovwv_189 {
   -webkit-box-flex: 1;
       -ms-flex: 1;
           flex: 1;
@@ -11028,7 +11663,7 @@ input[type=checkbox] + label {
   white-space: nowrap;
   min-width: 0;
 }
-._infoTooltip_a2vc5_206 {
+._infoTooltip_1ovwv_197 {
   -ms-flex-negative: 0;
       flex-shrink: 0;
   display: -webkit-box;
@@ -11039,12 +11674,10 @@ input[type=checkbox] + label {
           align-items: center;
   padding-left: var(--spacing--xs);
 }
-._infoIcon_a2vc5_213 {
+._infoIcon_1ovwv_204 {
   color: var(--color--text--tint-1);
-  cursor: pointer;
-}
-._infoIcon_a2vc5_213:hover {
-  color: var(--color--text);
+  outline: none;
+  margin-left: var(--spacing--2xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -11796,7 +12429,7 @@ input[type=checkbox] + label {
  -------------------------- */
 /* BEM
  -------------------------- */
-._notice_18d4u_123 {
+._notice_1eqb9_123 {
   font-size: var(--font-size--2xs);
   display: -webkit-box;
   display: -ms-flexbox;
@@ -11811,30 +12444,37 @@ input[type=checkbox] + label {
   border-radius: var(--radius--sm);
   line-height: var(--line-height--sm);
 }
-._notice_18d4u_123 a {
+._notice_1eqb9_123 a {
   font-weight: var(--font-weight--bold);
 }
-._warning_18d4u_140 {
+._notice_1eqb9_123 ul {
+  padding-left: var(--spacing--lg);
+  margin: var(--spacing--xs) 0;
+}
+._notice_1eqb9_123 li {
+  margin-bottom: var(--spacing--4xs);
+}
+._warning_1eqb9_147 {
   --border-color: var(--notice--border-color--warning);
   --notice--color--background: var(--notice--color--background--warning);
 }
-._danger_18d4u_145 {
+._danger_1eqb9_152 {
   --border-color: var(--callout--border-color--danger);
   --notice--color--background: var(--callout--color--background--danger);
 }
-._success_18d4u_150 {
+._success_1eqb9_157 {
   --border-color: var(--callout--border-color--success);
   --notice--color--background: var(--callout--color--background--success);
 }
-._info_18d4u_155 {
+._info_1eqb9_162 {
   --border-color: var(--color--info--tint-1);
   --notice--color--background: var(--color--info--tint-2);
 }
-._expanded_18d4u_160 + span {
+._expanded_1eqb9_167 + span {
   margin-top: var(--spacing--4xs);
   display: block;
 }
-._truncated_18d4u_165 {
+._truncated_1eqb9_172 {
   display: inline;
 }/* BEM support Func
  -------------------------- */
@@ -12134,7 +12774,7 @@ input[type=checkbox] + label {
  -------------------------- */
 /* BEM
  -------------------------- */
-._popoverContent_fp6jn_123 {
+._popoverContent_13d6x_123 {
   border-radius: var(--radius);
   background-color: var(--color--foreground--tint-2);
   border: var(--border);
@@ -12142,29 +12782,32 @@ input[type=checkbox] + label {
           box-shadow: rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px;
   will-change: transform, opacity;
 }
-._popoverContent_fp6jn_123._enableSlideIn_fp6jn_130 {
+._popoverContent_13d6x_123._enableSlideIn_13d6x_130 {
   -webkit-animation-duration: 400ms;
           animation-duration: 400ms;
   -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
           animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
 }
-._popoverContent_fp6jn_123[data-state=open][data-side=top] {
-  -webkit-animation-name: _slideDownAndFade_fp6jn_1;
-          animation-name: _slideDownAndFade_fp6jn_1;
+._popoverContent_13d6x_123[data-state=closed] {
+  display: none;
+}
+._popoverContent_13d6x_123[data-state=open][data-side=top] {
+  -webkit-animation-name: _slideDownAndFade_13d6x_1;
+          animation-name: _slideDownAndFade_13d6x_1;
 }
-._popoverContent_fp6jn_123[data-state=open][data-side=right] {
-  -webkit-animation-name: _slideLeftAndFade_fp6jn_1;
-          animation-name: _slideLeftAndFade_fp6jn_1;
+._popoverContent_13d6x_123[data-state=open][data-side=right] {
+  -webkit-animation-name: _slideLeftAndFade_13d6x_1;
+          animation-name: _slideLeftAndFade_13d6x_1;
 }
-._popoverContent_fp6jn_123[data-state=open][data-side=bottom] {
-  -webkit-animation-name: _slideUpAndFade_fp6jn_1;
-          animation-name: _slideUpAndFade_fp6jn_1;
+._popoverContent_13d6x_123[data-state=open][data-side=bottom] {
+  -webkit-animation-name: _slideUpAndFade_13d6x_1;
+          animation-name: _slideUpAndFade_13d6x_1;
 }
-._popoverContent_fp6jn_123[data-state=open][data-side=left] {
-  -webkit-animation-name: _slideRightAndFade_fp6jn_1;
-          animation-name: _slideRightAndFade_fp6jn_1;
+._popoverContent_13d6x_123[data-state=open][data-side=left] {
+  -webkit-animation-name: _slideRightAndFade_13d6x_1;
+          animation-name: _slideRightAndFade_13d6x_1;
 }
-@-webkit-keyframes _slideUpAndFade_fp6jn_1 {
+@-webkit-keyframes _slideUpAndFade_13d6x_1 {
 from {
     opacity: 0;
     -webkit-transform: translateY(2px);
@@ -12176,7 +12819,7 @@ to {
             transform: translateY(0);
 }
 }
-@keyframes _slideUpAndFade_fp6jn_1 {
+@keyframes _slideUpAndFade_13d6x_1 {
 from {
     opacity: 0;
     -webkit-transform: translateY(2px);
@@ -12188,7 +12831,7 @@ to {
             transform: translateY(0);
 }
 }
-@-webkit-keyframes _slideRightAndFade_fp6jn_1 {
+@-webkit-keyframes _slideRightAndFade_13d6x_1 {
 from {
     opacity: 0;
     -webkit-transform: translateX(-2px);
@@ -12200,7 +12843,7 @@ to {
             transform: translateX(0);
 }
 }
-@keyframes _slideRightAndFade_fp6jn_1 {
+@keyframes _slideRightAndFade_13d6x_1 {
 from {
     opacity: 0;
     -webkit-transform: translateX(-2px);
@@ -12212,7 +12855,7 @@ to {
             transform: translateX(0);
 }
 }
-@-webkit-keyframes _slideDownAndFade_fp6jn_1 {
+@-webkit-keyframes _slideDownAndFade_13d6x_1 {
 from {
     opacity: 0;
     -webkit-transform: translateY(-2px);
@@ -12224,7 +12867,7 @@ to {
             transform: translateY(0);
 }
 }
-@keyframes _slideDownAndFade_fp6jn_1 {
+@keyframes _slideDownAndFade_13d6x_1 {
 from {
     opacity: 0;
     -webkit-transform: translateY(-2px);
@@ -12236,7 +12879,7 @@ to {
             transform: translateY(0);
 }
 }
-@-webkit-keyframes _slideLeftAndFade_fp6jn_1 {
+@-webkit-keyframes _slideLeftAndFade_13d6x_1 {
 from {
     opacity: 0;
     -webkit-transform: translateX(2px);
@@ -12248,7 +12891,7 @@ to {
             transform: translateX(0);
 }
 }
-@keyframes _slideLeftAndFade_fp6jn_1 {
+@keyframes _slideLeftAndFade_13d6x_1 {
 from {
     opacity: 0;
     -webkit-transform: translateX(2px);
@@ -12259,6 +12902,11 @@ to {
     -webkit-transform: translateX(0);
             transform: translateX(0);
 }
+}
+._popoverArrow_13d6x_194 {
+  fill: var(--color--foreground--tint-2);
+  stroke: var(--color--foreground);
+  stroke-width: 1px;
 }/* BEM support Func
  -------------------------- */
 /* Transition