n8n-editor-ui 1.115.1 → 1.116.1

package/dist/assets/{TemplateList-XNW-2Ugr.css → TemplateList-CNUtq0N7.css}

@@ -120,44 +120,44 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._list_1szy0_123 {
+._list_4d2c7_123 {
   max-width: 100px;
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   align-items: center;
 }
-._container_1szy0_131 {
+._container_4d2c7_131 {
   position: relative;
   display: block;
 }
-._sm_1szy0_136 {
-  margin-left: var(--spacing-2xs);
+._sm_4d2c7_136 {
+  margin-left: var(--spacing--2xs);
 }
-._md_1szy0_140 {
-  margin-left: var(--spacing-xs);
+._md_4d2c7_140 {
+  margin-left: var(--spacing--xs);
 }
-._button_1szy0_144 {
+._button_4d2c7_144 {
   top: 0;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
-  background: var(--color-background-light);
-  border: 1px var(--color-foreground-base) solid;
-  border-radius: var(--border-radius-base);
+  background: var(--color--background--light-2);
+  border: 1px var(--color--foreground) solid;
+  border-radius: var(--radius);
   font-size: 10px;
-  font-weight: var(--font-weight-bold);
-  color: var(--color-text-base);
+  font-weight: var(--font-weight--bold);
+  color: var(--color--text);
 }
-._buttonSm_1szy0_158 {
-  margin-left: var(--spacing-2xs);
+._buttonSm_4d2c7_158 {
+  margin-left: var(--spacing--2xs);
   width: 20px;
   min-width: 20px;
   height: 20px;
 }
-._buttonMd_1szy0_165 {
-  margin-left: var(--spacing-xs);
+._buttonMd_4d2c7_165 {
+  margin-left: var(--spacing--xs);
   width: 24px;
   min-width: 24px;
   height: 24px;
@@ -283,65 +283,65 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._nodes_1xbou_123 {
+._nodes_9we9y_123 {
   display: flex;
   justify-content: center;
   align-content: center;
   flex-direction: row;
 }
-._icon_1xbou_130 {
-  margin-left: var(--spacing-xs);
+._icon_9we9y_130 {
+  margin-left: var(--spacing--xs);
 }
-._card_1xbou_134 {
+._card_9we9y_134 {
   position: relative;
-  border-left: var(--border-base);
-  border-right: var(--border-base);
-  border-bottom: var(--border-base);
-  background-color: var(--color-background-xlight);
+  border-left: var(--border);
+  border-right: var(--border);
+  border-bottom: var(--border);
+  background-color: var(--color--background--light-3);
   display: flex;
   align-items: center;
-  padding: 0 var(--spacing-s) var(--spacing-s) var(--spacing-s);
-  background-color: var(--color-background-xlight);
+  padding: 0 var(--spacing--sm) var(--spacing--sm) var(--spacing--sm);
+  background-color: var(--color--background--light-3);
   cursor: pointer;
 }
-._card_1xbou_134:hover ._hideOnHover_1xbou_146 {
+._card_9we9y_134:hover ._hideOnHover_9we9y_146 {
   visibility: hidden;
 }
-._card_1xbou_134:hover ._buttonContainer_1xbou_149 {
+._card_9we9y_134:hover ._buttonContainer_9we9y_149 {
   display: block;
 }
-._buttonContainer_1xbou_149 {
+._buttonContainer_9we9y_149 {
   display: none;
   position: absolute;
   right: 10px;
   top: 30%;
 }
-._loaded_1xbou_160 {
-  padding-top: var(--spacing-s);
+._loaded_9we9y_160 {
+  padding-top: var(--spacing--sm);
 }
-._first_1xbou_164 {
-  border-top: var(--border-base);
-  border-top-right-radius: var(--border-radius-large);
-  border-top-left-radius: var(--border-radius-large);
+._first_9we9y_164 {
+  border-top: var(--border);
+  border-top-right-radius: var(--radius--lg);
+  border-top-left-radius: var(--radius--lg);
 }
-._last_1xbou_170 {
-  border-bottom-right-radius: var(--border-radius-large);
-  border-bottom-left-radius: var(--border-radius-large);
+._last_9we9y_170 {
+  border-bottom-right-radius: var(--radius--lg);
+  border-bottom-left-radius: var(--radius--lg);
 }
-._content_1xbou_175 {
+._content_9we9y_175 {
   display: flex;
   align-items: center;
 }
-._line_1xbou_180 {
+._line_9we9y_180 {
   padding: 0 6px;
-  color: var(--color-foreground-base);
-  font-size: var(--font-size-2xs);
+  color: var(--color--foreground);
+  font-size: var(--font-size--2xs);
 }
-._loading_1xbou_186 {
+._loading_9we9y_186 {
   width: 100%;
-  background-color: var(--color-background-xlight);
+  background-color: var(--color--background--light-3);
 }
-._nodesContainer_1xbou_191 {
+._nodesContainer_9we9y_191 {
   min-width: 175px;
   display: flex;
   justify-content: flex-end;
@@ -469,12 +469,12 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._header_ryymc_123 {
-  padding-bottom: var(--spacing-2xs);
+._header_ff02l_123 {
+  padding-bottom: var(--spacing--2xs);
 }
-._workflowButton_ryymc_127:hover ._button_ryymc_127 {
+._workflowButton_ff02l_127:hover ._button_ff02l_127 {
   display: block;
 }
-._workflowButton_ryymc_127:hover ._nodes_ryymc_130 {
+._workflowButton_ff02l_127:hover ._nodes_ff02l_130 {
   display: none;
 }

package/dist/assets/{TemplatesCollectionView-BTk7wBlq.js → TemplatesCollectionView-BijeS4Al.js}

@@ -1,9 +1,9 @@
-import { T as TemplateDetails } from "./TemplateDetails-CDaB-6oH.js";
-import { T as TemplateList } from "./TemplateList-DNBeV62H.js";
-import { T as TemplatesView } from "./TemplatesView-BTid6_ga.js";
-import { d as defineComponent, bV as useTemplatesStore, ae as useNodeTypesStore, a3 as useRoute, b as useRouter, ay as useDocumentTitle, r as ref, x as computed, a8 as watch, o as onMounted, e as createBlock, g as openBlock, cJ as createSlots, w as withCtx, j as createBaseVNode, n as normalizeClass, h as createElementBlock, f as createCommentVNode, i as createVNode, k as unref, fo as isFullTemplatesCollection, fp as N8nMarkdown, c as useI18n, m as N8nHeading, l as createTextVNode, t as toDisplayString, p as N8nText, eo as N8nLoading, V as VIEWS, al as useTelemetry, b_ as useExternalHooks, _ as _export_sfc } from "./index-MTM6BbvW.js";
-import { u as useTemplateWorkflow } from "./templateActions-BePunFaZ.js";
-import "./Tags-D03vT_rK.js";
+import { T as TemplateDetails } from "./TemplateDetails-lJNnuxdO.js";
+import { T as TemplateList } from "./TemplateList-BHbHvx-_.js";
+import { T as TemplatesView } from "./TemplatesView-BTxutjLU.js";
+import { d as defineComponent, bk as useTemplatesStore, ae as useNodeTypesStore, a3 as useRoute, b as useRouter, ay as useDocumentTitle, r as ref, x as computed, a8 as watch, o as onMounted, e as createBlock, g as openBlock, b_ as createSlots, w as withCtx, j as createBaseVNode, n as normalizeClass, h as createElementBlock, f as createCommentVNode, i as createVNode, k as unref, eK as isFullTemplatesCollection, eL as N8nMarkdown, c as useI18n, m as N8nHeading, l as createTextVNode, t as toDisplayString, p as N8nText, dI as N8nLoading, V as VIEWS, al as useTelemetry, bs as useExternalHooks, _ as _export_sfc } from "./index-C2iJCVYf.js";
+import { u as useTemplateWorkflow } from "./templateActions-CqLHZUrv.js";
+import "./Tags-DpegReyF.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TemplatesCollectionView",
   setup(__props) {
@@ -181,13 +181,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const wrapper = "_wrapper_17kne_123";
-const notFound = "_notFound_17kne_133";
-const title = "_title_17kne_137";
-const button = "_button_17kne_141";
-const mainContent = "_mainContent_17kne_145";
-const markdown = "_markdown_17kne_156";
-const details = "_details_17kne_160";
+const wrapper = "_wrapper_1m9iq_123";
+const notFound = "_notFound_1m9iq_133";
+const title = "_title_1m9iq_137";
+const button = "_button_1m9iq_141";
+const mainContent = "_mainContent_1m9iq_145";
+const markdown = "_markdown_1m9iq_156";
+const details = "_details_1m9iq_160";
 const style0 = {
   wrapper,
   notFound,

package/dist/assets/{TemplatesCollectionView-2q1rzsOG.css → TemplatesCollectionView-klb8FT9y.css}

@@ -120,37 +120,37 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._wrapper_17kne_123 {
+._wrapper_1m9iq_123 {
   display: flex;
   justify-content: space-between;
 }
 @media (max-width: 768px) {
-._wrapper_17kne_123 {
+._wrapper_1m9iq_123 {
     display: block;
 }
 }
-._notFound_17kne_133 {
-  padding-top: var(--spacing-xl);
+._notFound_1m9iq_133 {
+  padding-top: var(--spacing--xl);
 }
-._title_17kne_137 {
+._title_1m9iq_137 {
   width: 100%;
 }
-._button_17kne_141 {
+._button_1m9iq_141 {
   display: block;
 }
-._mainContent_17kne_145 {
-  padding-right: var(--spacing-2xl);
-  margin-bottom: var(--spacing-l);
+._mainContent_1m9iq_145 {
+  padding-right: var(--spacing--2xl);
+  margin-bottom: var(--spacing--lg);
   width: 100%;
 }
 @media (max-width: 768px) {
-._mainContent_17kne_145 {
+._mainContent_1m9iq_145 {
     padding-right: 0;
 }
 }
-._markdown_17kne_156 {
-  margin-bottom: var(--spacing-l);
+._markdown_1m9iq_156 {
+  margin-bottom: var(--spacing--lg);
 }
-._details_17kne_160 {
+._details_1m9iq_160 {
   width: 180px;
 }

package/dist/assets/{TemplatesSearchView-DtyBPi6V.js → TemplatesSearchView-Db14LD0F.js}

@@ -1,6 +1,6 @@
-import { d as defineComponent, e as createBlock, g as openBlock, k as unref, s as N8nCard, K as mergeProps, cJ as createSlots, w as withCtx, j as createBaseVNode, t as toDisplayString, n as normalizeClass, Y as renderSlot, i as createVNode, eo as N8nLoading, _ as _export_sfc, ap as normalizeStyle, b4 as withDirectives, p as N8nText, l as createTextVNode, c as useI18n, b5 as vShow, fB as orderBy, fC as requireDebounce, fD as requireIsObject, cs as getDefaultExportFromCjs, h as createElementBlock, f as createCommentVNode, F as Fragment, A as renderList, r as ref, a8 as watch, o as onMounted, Z as nextTick, b3 as onBeforeMount, N as N8nIcon, x as computed, en as ElCheckbox, P as useDebounce, a as useToast, ay as useDocumentTitle, v as useSettingsStore, bV as useTemplatesStore, u as useUsersStore, a3 as useRoute, b as useRouter, e1 as onBeforeRouteLeave, cL as resolveDirective, dE as N8nInput, m as N8nHeading, q as N8nButton, fE as CREATOR_HUB_URL, V as VIEWS, al as useTelemetry } from "./index-MTM6BbvW.js";
-import { N as NodeList, T as TemplateList } from "./TemplateList-DNBeV62H.js";
-import { T as TemplatesView } from "./TemplatesView-BTid6_ga.js";
+import { d as defineComponent, e as createBlock, g as openBlock, k as unref, s as N8nCard, K as mergeProps, b_ as createSlots, w as withCtx, j as createBaseVNode, t as toDisplayString, n as normalizeClass, Y as renderSlot, i as createVNode, dI as N8nLoading, _ as _export_sfc, ap as normalizeStyle, b4 as withDirectives, p as N8nText, l as createTextVNode, c as useI18n, b5 as vShow, eX as orderBy, eY as requireDebounce, eZ as requireIsObject, dS as getDefaultExportFromCjs, h as createElementBlock, f as createCommentVNode, F as Fragment, A as renderList, r as ref, a8 as watch, o as onMounted, Z as nextTick, b3 as onBeforeMount, N as N8nIcon, x as computed, dH as ElCheckbox, P as useDebounce, a as useToast, ay as useDocumentTitle, v as useSettingsStore, bk as useTemplatesStore, u as useUsersStore, a3 as useRoute, b as useRouter, di as onBeforeRouteLeave, c0 as resolveDirective, cT as N8nInput, m as N8nHeading, q as N8nButton, e_ as CREATOR_HUB_URL, V as VIEWS, al as useTelemetry } from "./index-C2iJCVYf.js";
+import { N as NodeList, T as TemplateList } from "./TemplateList-BHbHvx-_.js";
+import { T as TemplatesView } from "./TemplatesView-BTxutjLU.js";
 const _hoisted_1$3 = ["textContent"];
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "CollectionWorkflowCard",
@@ -43,8 +43,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const card = "_card_p9uhf_123";
-const title$1 = "_title_p9uhf_139";
+const card = "_card_1goyo_123";
+const title$1 = "_title_1goyo_139";
 const style0$3 = {
   card,
   title: title$1
@@ -962,10 +962,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container = "_container_1rskb_123";
-const button$1 = "_button_1rskb_127";
-const leftButton = "_leftButton_1rskb_148 _button_1rskb_127";
-const rightButton = "_rightButton_1rskb_157 _button_1rskb_127";
+const container = "_container_103nw_123";
+const button$1 = "_button_103nw_127";
+const leftButton = "_leftButton_103nw_148 _button_103nw_127";
+const rightButton = "_rightButton_103nw_157 _button_103nw_127";
 const style0$2 = {
   container,
   button: button$1,
@@ -1119,10 +1119,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const title = "_title_gndmi_123";
-const categories = "_categories_gndmi_128";
-const item = "_item_gndmi_133";
-const button = "_button_gndmi_140";
+const title = "_title_jr0i7_123";
+const categories = "_categories_jr0i7_128";
+const item = "_item_jr0i7_133";
+const button = "_button_jr0i7_140";
 const style0$1 = {
   title,
   categories,
@@ -1529,11 +1529,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const wrapper = "_wrapper_15fkc_123";
-const contentWrapper = "_contentWrapper_15fkc_128";
-const filters = "_filters_15fkc_138";
-const search = "_search_15fkc_144";
-const header = "_header_15fkc_156";
+const wrapper = "_wrapper_xumc9_123";
+const contentWrapper = "_contentWrapper_xumc9_128";
+const filters = "_filters_xumc9_138";
+const search = "_search_xumc9_144";
+const header = "_header_xumc9_156";
 const style0 = {
   wrapper,
   contentWrapper,

package/dist/assets/{TemplatesSearchView-DETaMpDt.css → TemplatesSearchView-gPmmtwoU.css}

@@ -120,28 +120,28 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._card_p9uhf_123 {
+._card_1goyo_123 {
   min-width: 235px;
   height: 140px;
-  margin-right: var(--spacing-2xs);
+  margin-right: var(--spacing--2xs);
   cursor: pointer;
 }
-._card_p9uhf_123:last-child {
-  margin-right: var(--spacing-5xs);
+._card_1goyo_123:last-child {
+  margin-right: var(--spacing--5xs);
 }
-._card_p9uhf_123:hover {
+._card_1goyo_123:hover {
   box-shadow: 0 2px 4px rgba(68, 28, 23, 0.07);
 }
-._card_p9uhf_123 > div {
+._card_1goyo_123 > div {
   height: 100%;
 }
-._title_p9uhf_139 {
+._title_1goyo_139 {
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
-  font-size: var(--font-size-s);
-  line-height: var(--font-line-height-regular);
-  font-weight: var(--font-weight-bold);
+  font-size: var(--font-size--sm);
+  line-height: var(--line-height--md);
+  font-weight: var(--font-weight--bold);
   overflow: hidden;
   white-space: normal;
 }
@@ -359,42 +359,42 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_1rskb_123 {
+._container_103nw_123 {
   position: relative;
 }
-._button_1rskb_127 {
+._button_103nw_127 {
   width: 28px;
   height: 37px;
   position: absolute;
   top: 35%;
-  border-radius: var(--border-radius-large);
-  border: var(--border-base);
+  border-radius: var(--radius--lg);
+  border: var(--border);
   background-color: #fbfcfe;
   cursor: pointer;
 }
-._button_1rskb_127:after {
+._button_103nw_127:after {
   content: "";
   width: 40px;
   height: 140px;
   top: -55px;
   position: absolute;
 }
-._button_1rskb_127 svg {
-  color: var(--color-foreground-xdark);
+._button_103nw_127 svg {
+  color: var(--color--foreground--shade-2);
 }
-._leftButton_1rskb_148 {
+._leftButton_103nw_148 {
   left: -30px;
 }
-._leftButton_1rskb_148:after {
+._leftButton_103nw_148:after {
   left: 27px;
-  background: linear-gradient(270deg, hsla(var(--color-background-light-h), var(--color-background-light-s), var(--color-background-light-l), 50%), hsla(var(--color-background-light-h), var(--color-background-light-s), var(--color-background-light-l), 100%));
+  background: linear-gradient(270deg, hsla(var(--color--background--light-2-h), var(--color--background--light-2-s), var(--color--background--light-2-l), 50%), hsla(var(--color--background--light-2-h), var(--color--background--light-2-s), var(--color--background--light-2-l), 100%));
 }
-._rightButton_1rskb_157 {
+._rightButton_103nw_157 {
   right: -30px;
 }
-._rightButton_1rskb_157:after {
+._rightButton_103nw_157:after {
   right: 27px;
-  background: linear-gradient(90deg, hsla(var(--color-background-light-h), var(--color-background-light-s), var(--color-background-light-l), 50%), hsla(var(--color-background-light-h), var(--color-background-light-s), var(--color-background-light-l), 100%));
+  background: linear-gradient(90deg, hsla(var(--color--background--light-2-h), var(--color--background--light-2-s), var(--color--background--light-2-l), 50%), hsla(var(--color--background--light-2-h), var(--color--background--light-2-s), var(--color--background--light-2-l), 100%));
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -519,7 +519,7 @@
  -------------------------- */
 .agile__list {
   width: 100%;
-  padding-bottom: var(--spacing-2xs);
+  padding-bottom: var(--spacing--2xs);
   overflow-x: auto;
   transition: all 1s ease-in-out;
 }
@@ -647,22 +647,22 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._title_gndmi_123 {
-  font-size: var(--font-size-2xs);
-  color: var(--color-text-base);
+._title_jr0i7_123 {
+  font-size: var(--font-size--2xs);
+  color: var(--color--text);
 }
-._categories_gndmi_128 {
-  padding-top: var(--spacing-xs);
+._categories_jr0i7_128 {
+  padding-top: var(--spacing--xs);
   list-style-type: none;
 }
-._item_gndmi_133 {
-  margin-top: var(--spacing-xs);
+._item_jr0i7_133 {
+  margin-top: var(--spacing--xs);
 }
-._item_gndmi_133:nth-child(1) {
+._item_jr0i7_133:nth-child(1) {
   margin-top: 0;
 }
-._button_gndmi_140 {
-  padding-top: var(--spacing-2xs);
+._button_jr0i7_140 {
+  padding-top: var(--spacing--2xs);
   cursor: pointer;
 }/* BEM support Func
  -------------------------- */
@@ -793,10 +793,10 @@
 .template-filters .el-checkbox__label {
   top: -2px;
   position: relative;
-  font-size: var(--font-size-xs);
-  line-height: var(--font-line-height-loose);
-  color: var(--color-text-dark);
-  padding-left: var(--spacing-2xs);
+  font-size: var(--font-size--xs);
+  line-height: var(--line-height--lg);
+  color: var(--color--text--shade-1);
+  padding-left: var(--spacing--2xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -919,35 +919,35 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._wrapper_15fkc_123 {
+._wrapper_xumc9_123 {
   display: flex;
   justify-content: space-between;
 }
-._contentWrapper_15fkc_128 {
+._contentWrapper_xumc9_128 {
   display: flex;
   justify-content: space-between;
 }
 @media (max-width: 768px) {
-._contentWrapper_15fkc_128 {
+._contentWrapper_xumc9_128 {
     flex-direction: column;
 }
 }
-._filters_15fkc_138 {
+._filters_xumc9_138 {
   width: 200px;
-  margin-bottom: var(--spacing-xl);
-  margin-right: var(--spacing-2xl);
+  margin-bottom: var(--spacing--xl);
+  margin-right: var(--spacing--2xl);
 }
-._search_15fkc_144 {
+._search_xumc9_144 {
   width: 100%;
 }
-._search_15fkc_144 > * {
-  margin-bottom: var(--spacing-l);
+._search_xumc9_144 > * {
+  margin-bottom: var(--spacing--lg);
 }
 @media (max-width: 768px) {
-._search_15fkc_144 {
+._search_xumc9_144 {
     padding-left: 0;
 }
 }
-._header_15fkc_156 {
-  margin-bottom: var(--spacing-2xs);
+._header_xumc9_156 {
+  margin-bottom: var(--spacing--2xs);
 }

package/dist/assets/{TemplatesView-BTid6_ga.js → TemplatesView-BTxutjLU.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, b as useRouter, h as createElementBlock, g as openBlock, n as normalizeClass, i as createVNode, j as createBaseVNode, k as unref, N as N8nIcon, t as toDisplayString, c as useI18n, _ as _export_sfc, f as createCommentVNode, Y as renderSlot } from "./index-MTM6BbvW.js";
+import { d as defineComponent, b as useRouter, h as createElementBlock, g as openBlock, n as normalizeClass, i as createVNode, j as createBaseVNode, k as unref, N as N8nIcon, t as toDisplayString, c as useI18n, _ as _export_sfc, f as createCommentVNode, Y as renderSlot } from "./index-C2iJCVYf.js";
 const _hoisted_1 = ["textContent"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "GoBackButton",
@@ -25,9 +25,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const wrapper = "_wrapper_4nqsp_123";
-const icon = "_icon_4nqsp_128";
-const text = "_text_4nqsp_129";
+const wrapper = "_wrapper_1reb8_123";
+const icon = "_icon_1reb8_128";
+const text = "_text_1reb8_129";
 const style0$1 = {
   wrapper,
   icon,
@@ -69,10 +69,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const template = "_template_19t7o_123";
-const container = "_container_19t7o_136";
-const header = "_header_19t7o_140";
-const goBack = "_goBack_19t7o_146";
+const template = "_template_15388_123";
+const container = "_container_15388_136";
+const header = "_header_15388_140";
+const goBack = "_goBack_15388_146";
 const style0 = {
   template,
   container,

package/dist/assets/{TemplatesView-Cyu28Dlo.css → TemplatesView-BgdyYmrL.css}

@@ -120,24 +120,24 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._wrapper_4nqsp_123 {
+._wrapper_1reb8_123 {
   display: flex;
   align-items: center;
   cursor: pointer;
 }
-._wrapper_4nqsp_123:hover ._icon_4nqsp_128,
-._wrapper_4nqsp_123:hover ._text_4nqsp_129 {
-  color: var(--color-primary);
+._wrapper_1reb8_123:hover ._icon_1reb8_128,
+._wrapper_1reb8_123:hover ._text_1reb8_129 {
+  color: var(--color--primary);
 }
-._icon_4nqsp_128 {
-  margin-right: var(--spacing-2xs);
-  color: var(--color-foreground-dark);
-  font-size: var(--font-size-m);
+._icon_1reb8_128 {
+  margin-right: var(--spacing--2xs);
+  color: var(--color--foreground--shade-1);
+  font-size: var(--font-size--md);
 }
-._text_4nqsp_129 {
-  font-size: var(--font-size-s);
-  line-height: var(--font-line-height-loose);
-  color: var(--color-text-base);
+._text_1reb8_129 {
+  font-size: var(--font-size--sm);
+  line-height: var(--line-height--lg);
+  color: var(--color--text);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -260,26 +260,26 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._template_19t7o_123 {
+._template_15388_123 {
   display: flex;
   width: 100%;
   max-width: var(--content-container-width);
-  padding: var(--spacing-l) var(--spacing-l) 0;
+  padding: var(--spacing--lg) var(--spacing--lg) 0;
   justify-content: center;
 }
 @media (min-width: 1200px) {
-._template_19t7o_123 {
-    padding: var(--spacing-2xl) var(--spacing-2xl) 0;
+._template_15388_123 {
+    padding: var(--spacing--2xl) var(--spacing--2xl) 0;
 }
 }
-._container_19t7o_136 {
+._container_15388_136 {
   width: 100%;
 }
-._header_19t7o_140 {
+._header_15388_140 {
   display: flex;
   flex-direction: column;
-  margin-bottom: var(--spacing-2xl);
+  margin-bottom: var(--spacing--2xl);
 }
-._goBack_19t7o_146 {
-  margin-bottom: var(--spacing-2xs);
+._goBack_15388_146 {
+  margin-bottom: var(--spacing--2xs);
 }