@vcita/design-system 0.3.13 → 0.3.14

package/dist/@vcita/design-system.esm.js

@@ -1,4 +1,4 @@
-import { VDialog, VBtn, VLayout, VAlert, VTooltip, VIcon, VSubheader, VListItem, VList, VBottomSheet, VListItemTitle, VMenu, VStepperStep, VStepper, VProgressCircular, VCol, VRow, VContainer, VSwitch, VTextField, VTextarea, VSnackbar, VCard, VCheckbox, VStepperContent, VStepperItems } from 'vuetify/lib';
+import { VDialog, VBtn, VLayout, VAlert, VTooltip, VIcon, VSubheader, VListItem, VList, VBottomSheet, VListItemTitle, VMenu, VStepperStep, VStepper, VProgressCircular, VCheckbox, VDivider, VCol, VRow, VContainer, VSwitch, VTextField, VTextarea, VSnackbar, VCard, VStepperContent, VStepperItems } from 'vuetify/lib';
 
 //
 //
@@ -11,7 +11,7 @@ import { VDialog, VBtn, VLayout, VAlert, VTooltip, VIcon, VSubheader, VListItem,
 //
 //
 //
-var script$F = {
+var script$I = {
   components: {
     VDialog: VDialog
   },
@@ -168,10 +168,10 @@ function addStyle(id, css) {
 }
 
 /* script */
-const __vue_script__$F = script$F;
+const __vue_script__$I = script$I;
 /* template */
 
-var __vue_render__$C = function () {
+var __vue_render__$F = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -206,10 +206,10 @@ var __vue_render__$C = function () {
   }, [_vm._t("default")], 2);
 };
 
-var __vue_staticRenderFns__$C = [];
+var __vue_staticRenderFns__$F = [];
 /* style */
 
-const __vue_inject_styles__$F = function (inject) {
+const __vue_inject_styles__$I = function (inject) {
   if (!inject) return;
   inject("data-v-2f9f1f74_0", {
     source: ".VcModalWrapper{position:relative;width:auto;background-color:var(--modal-bg-color);box-shadow:var(--modal-box-shadow)}@media screen and (min-width:960px){.VcModalWrapper{margin:0 24px}.VcModalWrapper.offset{left:var(--modal-desktop-offset)}#app[dir=rtl] .VcModalWrapper.offset{left:auto;right:var(--modal-desktop-offset)}}",
@@ -220,23 +220,23 @@ const __vue_inject_styles__$F = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$F = undefined;
+const __vue_scope_id__$I = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$F = undefined;
+const __vue_module_identifier__$I = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$F = false;
+const __vue_is_functional_template__$I = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$F = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$C,
-  staticRenderFns: __vue_staticRenderFns__$C
-}, __vue_inject_styles__$F, __vue_script__$F, __vue_scope_id__$F, __vue_is_functional_template__$F, __vue_module_identifier__$F, false, createInjector, undefined, undefined);
+const __vue_component__$I = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$F,
+  staticRenderFns: __vue_staticRenderFns__$F
+}, __vue_inject_styles__$I, __vue_script__$I, __vue_scope_id__$I, __vue_is_functional_template__$I, __vue_module_identifier__$I, false, createInjector, undefined, undefined);
 
-var script$E = {
+var script$H = {
   name: "VcIcon",
   render: function (createElement) {
     const props = {
@@ -248,28 +248,28 @@ var script$E = {
 };
 
 /* script */
-const __vue_script__$E = script$E;
+const __vue_script__$H = script$H;
 /* template */
 
 /* style */
 
-const __vue_inject_styles__$E = undefined;
+const __vue_inject_styles__$H = undefined;
 /* scoped */
 
-const __vue_scope_id__$E = undefined;
+const __vue_scope_id__$H = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$E = undefined;
+const __vue_module_identifier__$H = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$E = undefined;
+const __vue_is_functional_template__$H = undefined;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$E = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$E, __vue_script__$E, __vue_scope_id__$E, __vue_is_functional_template__$E, __vue_module_identifier__$E, false, undefined, undefined, undefined);
+const __vue_component__$H = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$H, __vue_script__$H, __vue_scope_id__$H, __vue_is_functional_template__$H, __vue_module_identifier__$H, false, undefined, undefined, undefined);
 
 //
 //
@@ -297,7 +297,7 @@ const __vue_component__$E = /*#__PURE__*/normalizeComponent({}, __vue_inject_sty
 //
 //
 //
-var script$D = {
+var script$G = {
   components: {
     VBtn: VBtn
   },
@@ -375,10 +375,10 @@ var script$D = {
 };
 
 /* script */
-const __vue_script__$D = script$D;
+const __vue_script__$G = script$G;
 /* template */
 
-var __vue_render__$B = function () {
+var __vue_render__$E = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -414,10 +414,10 @@ var __vue_render__$B = function () {
   }, [_vm._t("prepend"), _vm._v("\n  " + _vm._s(_vm.label || _vm.$slots.default && _vm.$slots.default[0].text || '') + "\n  "), _vm._t("append")], 2);
 };
 
-var __vue_staticRenderFns__$B = [];
+var __vue_staticRenderFns__$E = [];
 /* style */
 
-const __vue_inject_styles__$D = function (inject) {
+const __vue_inject_styles__$G = function (inject) {
   if (!inject) return;
   inject("data-v-b69a1aa2_0", {
     source: ".VcButton[data-v-b69a1aa2]{letter-spacing:.003em}.VcButton[data-v-b69a1aa2]:disabled{background-color:var(--gray-lighten-2);color:var(--gray-darken-2)}",
@@ -428,28 +428,28 @@ const __vue_inject_styles__$D = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$D = "data-v-b69a1aa2";
+const __vue_scope_id__$G = "data-v-b69a1aa2";
 /* module identifier */
 
-const __vue_module_identifier__$D = undefined;
+const __vue_module_identifier__$G = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$D = false;
+const __vue_is_functional_template__$G = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$D = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$B,
-  staticRenderFns: __vue_staticRenderFns__$B
-}, __vue_inject_styles__$D, __vue_script__$D, __vue_scope_id__$D, __vue_is_functional_template__$D, __vue_module_identifier__$D, false, createInjector, undefined, undefined);
+const __vue_component__$G = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$E,
+  staticRenderFns: __vue_staticRenderFns__$E
+}, __vue_inject_styles__$G, __vue_script__$G, __vue_scope_id__$G, __vue_is_functional_template__$G, __vue_module_identifier__$G, false, createInjector, undefined, undefined);
 
-var script$C = {
+var script$F = {
   name: 'VcModalContainer',
   components: {
-    VcButton: __vue_component__$D,
-    VcModalWrapper: __vue_component__$F,
-    VcIcon: __vue_component__$E,
+    VcButton: __vue_component__$G,
+    VcModalWrapper: __vue_component__$I,
+    VcIcon: __vue_component__$H,
     VLayout: VLayout
   },
   props: {
@@ -495,10 +495,10 @@ var script$C = {
 };
 
 /* script */
-const __vue_script__$C = script$C;
+const __vue_script__$F = script$F;
 /* template */
 
-var __vue_render__$A = function () {
+var __vue_render__$D = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -571,10 +571,10 @@ var __vue_render__$A = function () {
   }, [_vm._t("footer")], 2)])]], 2) : _vm._e();
 };
 
-var __vue_staticRenderFns__$A = [];
+var __vue_staticRenderFns__$D = [];
 /* style */
 
-const __vue_inject_styles__$C = function (inject) {
+const __vue_inject_styles__$F = function (inject) {
   if (!inject) return;
   inject("data-v-6b2b8919_0", {
     source: ".VcModalContainer{overflow-y:hidden;height:auto;min-height:100px;min-width:300px;display:flex}.VcModalContainer.sm{width:var(--modal-width-small)}.VcModalContainer.md{width:var(--modal-width-medium)}.VcModalContainer.lg{width:var(--modal-width-large)}.VcModalContainer.responsive{width:100%;margin:0 24px}.VcModalContainer .VcModalContainerContent,.VcModalContainer footer,.VcModalContainer header{flex-shrink:0}.VcModalContainer header{display:flex;justify-content:space-between}.VcModalContainer header .VcModalCloseButton{position:absolute;right:5px;top:var(--size-value2)}.VcModalContainer header .VcModalCloseButton .VcIcon{font-size:22px}.VcModalContainer header.showDivider{border-bottom:1px solid rgba(0,0,0,.12)}.VcModalContainer .VcModalContainerContent{overflow-y:auto;height:calc(100% - 138px);line-height:var(--size-value6);flex-grow:1;font-size:var(--font-size-small);padding:0 var(--size-value6) var(--size-value6)}.VcModalContainer footer{padding:var(--size-value3) var(--size-value4) var(--size-value3);text-align:right}#app[dir=rtl] .VcModalContainer footer{text-align:left}.VcModalContainer footer.showDivider{border-top:1px solid rgba(0,0,0,.12)}@media screen and (min-width:960px){.VcModalContainer footer{padding:var(--size-value3) var(--size-value6) var(--size-value3)}}.VcModalContainer.notice header,.VcModalContainer.prominent header{font-weight:var(--font-weight-xl);font-size:var(--font-size-medium2);padding-bottom:0;padding-top:var(--size-value10)}.VcModalContainer.notice .VcModalContainerContent,.VcModalContainer.prominent .VcModalContainerContent{padding:0;min-height:168px;height:calc(100% - 497px)}@media screen and (min-width:960px){.VcModalContainer.notice .VcModalContainerContent,.VcModalContainer.prominent .VcModalContainerContent{margin-bottom:var(--size-value2)}}.VcModalContainer.notice footer,.VcModalContainer.prominent footer{padding-top:var(--size-value3);padding-bottom:0}.VcModalContainer.notice.responsive .VcModalContainerContent,.VcModalContainer.notice.sm .VcModalContainerContent,.VcModalContainer.prominent.responsive .VcModalContainerContent,.VcModalContainer.prominent.sm .VcModalContainerContent{margin-left:var(--size-value6);padding-right:var(--size-value6)}.VcModalContainer.notice.md .VcModalContainerContent,.VcModalContainer.prominent.md .VcModalContainerContent{margin-left:var(--size-value10);padding-right:var(--size-value10)}.VcModalContainer.notice.lg header,.VcModalContainer.prominent.lg header{height:initial}.VcModalContainer.notice.lg .VcModalContainerContent,.VcModalContainer.prominent.lg .VcModalContainerContent{min-height:0;margin-left:var(--size-value16);padding-right:var(--size-value16)}.VcModalContainer.prominent .VcModalContainerContent{margin-bottom:var(--size-value6)}.VcModalContainer.input.responsive{height:100%;margin:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.VcModalContainer.input .VcModalContainerContent{height:auto;padding:0}",
@@ -585,23 +585,23 @@ const __vue_inject_styles__$C = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$C = undefined;
+const __vue_scope_id__$F = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$C = undefined;
+const __vue_module_identifier__$F = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$C = false;
+const __vue_is_functional_template__$F = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$C = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$A,
-  staticRenderFns: __vue_staticRenderFns__$A
-}, __vue_inject_styles__$C, __vue_script__$C, __vue_scope_id__$C, __vue_is_functional_template__$C, __vue_module_identifier__$C, false, createInjector, undefined, undefined);
+const __vue_component__$F = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$D,
+  staticRenderFns: __vue_staticRenderFns__$D
+}, __vue_inject_styles__$F, __vue_script__$F, __vue_scope_id__$F, __vue_is_functional_template__$F, __vue_module_identifier__$F, false, createInjector, undefined, undefined);
 
-var script$B = {
+var script$E = {
   name: "VcLayout",
   render: function (createElement) {
     // `<v-layout><slot></slot></v-layout>`
@@ -615,34 +615,34 @@ var script$B = {
 };
 
 /* script */
-const __vue_script__$B = script$B;
+const __vue_script__$E = script$E;
 /* template */
 
 /* style */
 
-const __vue_inject_styles__$B = undefined;
+const __vue_inject_styles__$E = undefined;
 /* scoped */
 
-const __vue_scope_id__$B = "data-v-0751575a";
+const __vue_scope_id__$E = "data-v-0751575a";
 /* module identifier */
 
-const __vue_module_identifier__$B = undefined;
+const __vue_module_identifier__$E = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$B = undefined;
+const __vue_is_functional_template__$E = undefined;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$B = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$B, __vue_script__$B, __vue_scope_id__$B, __vue_is_functional_template__$B, __vue_module_identifier__$B, false, undefined, undefined, undefined);
+const __vue_component__$E = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$E, __vue_script__$E, __vue_scope_id__$E, __vue_is_functional_template__$E, __vue_module_identifier__$E, false, undefined, undefined, undefined);
 
-var script$A = {
+var script$D = {
   name: "VcModalFooter",
   components: {
-    VcLayout: __vue_component__$B,
-    VcButton: __vue_component__$D
+    VcLayout: __vue_component__$E,
+    VcButton: __vue_component__$G
   },
   props: {
     direction: {
@@ -667,10 +667,10 @@ var script$A = {
 };
 
 /* script */
-const __vue_script__$A = script$A;
+const __vue_script__$D = script$D;
 /* template */
 
-var __vue_render__$z = function () {
+var __vue_render__$C = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -703,10 +703,10 @@ var __vue_render__$z = function () {
   }), 1);
 };
 
-var __vue_staticRenderFns__$z = [];
+var __vue_staticRenderFns__$C = [];
 /* style */
 
-const __vue_inject_styles__$A = function (inject) {
+const __vue_inject_styles__$D = function (inject) {
   if (!inject) return;
   inject("data-v-daacbd22_0", {
     source: ".VcModalFooter.vertical .VcFooterButton[data-v-daacbd22]{width:100%;margin-bottom:var(--size-value2)}.VcModalFooter.vertical .VcFooterButton[data-v-daacbd22]:last-of-type{margin-bottom:0}@media screen and (min-width:960px){.VcModalFooter.vertical .VcFooterButton[data-v-daacbd22]{width:auto}}.VcModalFooter.horizontal .VcFooterButton[data-v-daacbd22]{flex-basis:0;flex-grow:1}.VcModalFooter.horizontal .VcFooterButton[data-v-daacbd22]:first-of-type{margin-left:0}.VcModalFooter.horizontal .VcFooterButton[data-v-daacbd22]:last-of-type{margin-right:0}@media screen and (min-width:960px){.VcModalFooter.horizontal .VcFooterButton[data-v-daacbd22]{flex-basis:auto;flex-grow:0}}.VcModalFooter .VcFooterButton[data-v-daacbd22]{margin-left:var(--size-value1);margin-right:var(--size-value1)}",
@@ -717,28 +717,28 @@ const __vue_inject_styles__$A = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$A = "data-v-daacbd22";
+const __vue_scope_id__$D = "data-v-daacbd22";
 /* module identifier */
 
-const __vue_module_identifier__$A = undefined;
+const __vue_module_identifier__$D = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$A = false;
+const __vue_is_functional_template__$D = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$A = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$z,
-  staticRenderFns: __vue_staticRenderFns__$z
-}, __vue_inject_styles__$A, __vue_script__$A, __vue_scope_id__$A, __vue_is_functional_template__$A, __vue_module_identifier__$A, false, createInjector, undefined, undefined);
+const __vue_component__$D = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$C,
+  staticRenderFns: __vue_staticRenderFns__$C
+}, __vue_inject_styles__$D, __vue_script__$D, __vue_scope_id__$D, __vue_is_functional_template__$D, __vue_module_identifier__$D, false, createInjector, undefined, undefined);
 
-var script$z = {
+var script$C = {
   name: "VcModalHeader",
   components: {
-    VcLayout: __vue_component__$B,
-    VcIcon: __vue_component__$E,
-    VcButton: __vue_component__$D
+    VcLayout: __vue_component__$E,
+    VcIcon: __vue_component__$H,
+    VcButton: __vue_component__$G
   },
   props: {
     topTitle: {
@@ -776,10 +776,10 @@ var script$z = {
 };
 
 /* script */
-const __vue_script__$z = script$z;
+const __vue_script__$C = script$C;
 /* template */
 
-var __vue_render__$y = function () {
+var __vue_render__$B = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -852,10 +852,10 @@ var __vue_render__$y = function () {
   }, [_vm._v(_vm._s(_vm.subtitle))]) : _vm._e()])], 1)], 2);
 };
 
-var __vue_staticRenderFns__$y = [];
+var __vue_staticRenderFns__$B = [];
 /* style */
 
-const __vue_inject_styles__$z = function (inject) {
+const __vue_inject_styles__$C = function (inject) {
   if (!inject) return;
   inject("data-v-407bef94_0", {
     source: ".VcHeader[data-v-407bef94]{font-size:var(--font-size-small2);padding:var(--size-value4) var(--size-value6) var(--size-value4);line-height:24px;font-weight:var(--font-weight-large2)}@media screen and (min-width:960px){.VcHeader[data-v-407bef94]{font-weight:var(--font-weight-large);font-size:var(--font-size-medium)}}.VcHeader .VcHeaderImage[data-v-407bef94]{width:32px;margin-right:var(--size-value3);padding:5px;border:1px solid rgba(0,0,0,.12);box-sizing:border-box;border-radius:6px}.VcHeader .VcHeaderTopTitle[data-v-407bef94]{font-size:11px;font-weight:var(--font-weight-medium);line-height:12px;color:rgba(0,0,0,.54)}.VcHeader .VcHeaderTitleWithPadding[data-v-407bef94]{padding-left:var(--size-value6)}.VcHeader .VcHeaderSubtitle[data-v-407bef94]{font-size:15px;font-weight:var(--font-weight-medium);color:rgba(0,0,0,.87);padding-left:var(--size-value2)}.VcHeader.confirm[data-v-407bef94]{font-size:var(--font-size-medium);font-weight:var(--font-weight-large2);padding-bottom:var(--size-value1);padding-top:var(--size-value6)}@media screen and (min-width:960px){.VcHeader.confirm[data-v-407bef94]{padding-bottom:var(--size-value1)}}.VcHeader.confirm .VcHeaderButton[data-v-407bef94],.VcHeader.input .VcHeaderButton[data-v-407bef94]{max-height:24px;margin-right:var(--size-value3)}.VcHeader.confirm .VcHeaderIcon[data-v-407bef94],.VcHeader.input .VcHeaderIcon[data-v-407bef94]{padding-right:var(--size-value3);font-size:var(--font-size-medium)}.VcHeader.input[data-v-407bef94]{transform:translateX(-8px)}@media screen and (min-width:960px){.VcHeader.input[data-v-407bef94]{transform:translateX(0);padding-bottom:var(--size-value3)}}",
@@ -866,30 +866,30 @@ const __vue_inject_styles__$z = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$z = "data-v-407bef94";
+const __vue_scope_id__$C = "data-v-407bef94";
 /* module identifier */
 
-const __vue_module_identifier__$z = undefined;
+const __vue_module_identifier__$C = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$z = false;
+const __vue_is_functional_template__$C = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$z = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$y,
-  staticRenderFns: __vue_staticRenderFns__$y
-}, __vue_inject_styles__$z, __vue_script__$z, __vue_scope_id__$z, __vue_is_functional_template__$z, __vue_module_identifier__$z, false, createInjector, undefined, undefined);
+const __vue_component__$C = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$B,
+  staticRenderFns: __vue_staticRenderFns__$B
+}, __vue_inject_styles__$C, __vue_script__$C, __vue_scope_id__$C, __vue_is_functional_template__$C, __vue_module_identifier__$C, false, createInjector, undefined, undefined);
 
-var script$y = {
+var script$B = {
   name: "VcConfirmModal",
   components: {
-    VcModalHeader: __vue_component__$z,
-    VcLayout: __vue_component__$B,
-    VcModalFooter: __vue_component__$A,
-    VcIcon: __vue_component__$E,
-    VcModalContainer: __vue_component__$C
+    VcModalHeader: __vue_component__$C,
+    VcLayout: __vue_component__$E,
+    VcModalFooter: __vue_component__$D,
+    VcIcon: __vue_component__$H,
+    VcModalContainer: __vue_component__$F
   },
   props: {
     showDialog: {
@@ -946,10 +946,10 @@ var script$y = {
 };
 
 /* script */
-const __vue_script__$y = script$y;
+const __vue_script__$B = script$B;
 /* template */
 
-var __vue_render__$x = function () {
+var __vue_render__$A = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1033,31 +1033,31 @@ var __vue_render__$x = function () {
   });
 };
 
-var __vue_staticRenderFns__$x = [];
+var __vue_staticRenderFns__$A = [];
 /* style */
 
-const __vue_inject_styles__$y = undefined;
+const __vue_inject_styles__$B = undefined;
 /* scoped */
 
-const __vue_scope_id__$y = "data-v-43bbc80a";
+const __vue_scope_id__$B = "data-v-43bbc80a";
 /* module identifier */
 
-const __vue_module_identifier__$y = undefined;
+const __vue_module_identifier__$B = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$y = false;
+const __vue_is_functional_template__$B = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$y = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$x,
-  staticRenderFns: __vue_staticRenderFns__$x
-}, __vue_inject_styles__$y, __vue_script__$y, __vue_scope_id__$y, __vue_is_functional_template__$y, __vue_module_identifier__$y, false, undefined, undefined, undefined);
+const __vue_component__$B = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$A,
+  staticRenderFns: __vue_staticRenderFns__$A
+}, __vue_inject_styles__$B, __vue_script__$B, __vue_scope_id__$B, __vue_is_functional_template__$B, __vue_module_identifier__$B, false, undefined, undefined, undefined);
 
-var script$x = {
+var script$A = {
   name: "VcForm",
   methods: {
     validate() {
@@ -1077,38 +1077,38 @@ var script$x = {
 };
 
 /* script */
-const __vue_script__$x = script$x;
+const __vue_script__$A = script$A;
 /* template */
 
 /* style */
 
-const __vue_inject_styles__$x = undefined;
+const __vue_inject_styles__$A = undefined;
 /* scoped */
 
-const __vue_scope_id__$x = "data-v-398cf17d";
+const __vue_scope_id__$A = "data-v-398cf17d";
 /* module identifier */
 
-const __vue_module_identifier__$x = undefined;
+const __vue_module_identifier__$A = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$x = undefined;
+const __vue_is_functional_template__$A = undefined;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$x = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$x, __vue_script__$x, __vue_scope_id__$x, __vue_is_functional_template__$x, __vue_module_identifier__$x, false, undefined, undefined, undefined);
+const __vue_component__$A = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$A, __vue_script__$A, __vue_scope_id__$A, __vue_is_functional_template__$A, __vue_module_identifier__$A, false, undefined, undefined, undefined);
 
-var script$w = {
+var script$z = {
   name: "VcInputModal",
   components: {
-    VcForm: __vue_component__$x,
-    VcLayout: __vue_component__$B,
-    VcModalFooter: __vue_component__$A,
-    VcIcon: __vue_component__$E,
-    VcModalContainer: __vue_component__$C,
-    VcModalHeader: __vue_component__$z
+    VcForm: __vue_component__$A,
+    VcLayout: __vue_component__$E,
+    VcModalFooter: __vue_component__$D,
+    VcIcon: __vue_component__$H,
+    VcModalContainer: __vue_component__$F,
+    VcModalHeader: __vue_component__$C
   },
   props: {
     showDialog: {
@@ -1189,10 +1189,10 @@ var script$w = {
 };
 
 /* script */
-const __vue_script__$w = script$w;
+const __vue_script__$z = script$z;
 /* template */
 
-var __vue_render__$w = function () {
+var __vue_render__$z = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1294,10 +1294,10 @@ var __vue_render__$w = function () {
   });
 };
 
-var __vue_staticRenderFns__$w = [];
+var __vue_staticRenderFns__$z = [];
 /* style */
 
-const __vue_inject_styles__$w = function (inject) {
+const __vue_inject_styles__$z = function (inject) {
   if (!inject) return;
   inject("data-v-3ed487e3_0", {
     source: ".VcInputForm-layout .VcInputForm-main[data-v-3ed487e3]{width:100%;max-width:100%;padding:var(--size-value6)}.VcInputForm-layout .VcInputForm-additional[data-v-3ed487e3]{min-width:324px;padding:var(--size-value6);background:#f8f9fb;border-left:1px solid rgba(0,0,0,.12)}",
@@ -1308,37 +1308,119 @@ const __vue_inject_styles__$w = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$w = "data-v-3ed487e3";
+const __vue_scope_id__$z = "data-v-3ed487e3";
 /* module identifier */
 
-const __vue_module_identifier__$w = undefined;
+const __vue_module_identifier__$z = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$w = false;
+const __vue_is_functional_template__$z = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$w = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$w,
-  staticRenderFns: __vue_staticRenderFns__$w
-}, __vue_inject_styles__$w, __vue_script__$w, __vue_scope_id__$w, __vue_is_functional_template__$w, __vue_module_identifier__$w, false, createInjector, undefined, undefined);
+const __vue_component__$z = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$z,
+  staticRenderFns: __vue_staticRenderFns__$z
+}, __vue_inject_styles__$z, __vue_script__$z, __vue_scope_id__$z, __vue_is_functional_template__$z, __vue_module_identifier__$z, false, createInjector, undefined, undefined);
 
-var script$v = {
+//
+//
+//
+//
+//
+//
+//
+var script$y = {
+  name: "VcImage",
+  props: {
+    image: {
+      type: [String, Object],
+      required: true
+    },
+    dataQa: {
+      type: String,
+      default: 'VcImage'
+    }
+  }
+};
+
+/* script */
+const __vue_script__$y = script$y;
+/* template */
+
+var __vue_render__$y = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    staticClass: "VcBannerImage d-none d-md-block",
+    attrs: {
+      "data-qa": _vm.dataQa
+    }
+  }, [_vm.image && typeof _vm.image === 'string' ? _c('img', {
+    staticClass: "image",
+    attrs: {
+      "src": _vm.image
+    }
+  }) : _c(_vm.image, {
+    tag: "component",
+    staticClass: "VcBannerImage d-none d-md-block"
+  })], 1);
+};
+
+var __vue_staticRenderFns__$y = [];
+/* style */
+
+const __vue_inject_styles__$y = function (inject) {
+  if (!inject) return;
+  inject("data-v-5c2181b6_0", {
+    source: ".VcBannerImage[data-v-5c2181b6]{height:100%}.VcBannerImage[data-v-5c2181b6]  img{max-width:100%;height:100%}.VcBannerImage[data-v-5c2181b6]  svg{max-width:100%;height:100%}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$y = "data-v-5c2181b6";
+/* module identifier */
+
+const __vue_module_identifier__$y = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$y = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$y = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$y,
+  staticRenderFns: __vue_staticRenderFns__$y
+}, __vue_inject_styles__$y, __vue_script__$y, __vue_scope_id__$y, __vue_is_functional_template__$y, __vue_module_identifier__$y, false, createInjector, undefined, undefined);
+
+var script$x = {
   name: "VcNoticeModal",
   components: {
-    VcLayout: __vue_component__$B,
-    VcModalFooter: __vue_component__$A,
-    VcModalContainer: __vue_component__$C
+    VcImage: __vue_component__$y,
+    VcLayout: __vue_component__$E,
+    VcModalFooter: __vue_component__$D,
+    VcModalContainer: __vue_component__$F
   },
   props: {
     showDialog: {
       type: Boolean,
       required: true
     },
+    image: {
+      type: [String, Object]
+    },
     icon: {
-      type: String,
-      required: true
+      type: [String, Object],
+      comment: 'deprecated'
     },
     titleText: {
       type: String,
@@ -1375,14 +1457,21 @@ var script$v = {
       type: String,
       required: false
     }
+  },
+  computed: {
+    currentImage() {
+      // for backward compatibility
+      return this.image || this.icon;
+    }
+
   }
 };
 
 /* script */
-const __vue_script__$v = script$v;
+const __vue_script__$x = script$x;
 /* template */
 
-var __vue_render__$v = function () {
+var __vue_render__$x = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1412,15 +1501,15 @@ var __vue_render__$v = function () {
             "column": "",
             "align-content-center": ""
           }
-        }, [_c('img', {
+        }, [_c('VcImage', {
           staticClass: "VcNoticeImage",
           class: "" + _vm.size,
           attrs: {
-            "src": _vm.icon
+            "image": _vm.currentImage
           }
         }), _vm._v(" "), _c('div', {
           staticClass: "VcNoticeHeaderText"
-        }, [_vm._v(_vm._s(_vm.titleText))])]), _vm._v(" "), _c('VcLayout', {
+        }, [_vm._v(_vm._s(_vm.titleText))])], 1), _vm._v(" "), _c('VcLayout', {
           class: "VcNoticeSubtitle " + _vm.flavor,
           attrs: {
             "column": ""
@@ -1469,13 +1558,13 @@ var __vue_render__$v = function () {
   });
 };
 
-var __vue_staticRenderFns__$v = [];
+var __vue_staticRenderFns__$x = [];
 /* style */
 
-const __vue_inject_styles__$v = function (inject) {
+const __vue_inject_styles__$x = function (inject) {
   if (!inject) return;
-  inject("data-v-46595384_0", {
-    source: ".VcNoticeImage[data-v-46595384]{margin-bottom:var(--size-value4)}.VcNoticeImage.md[data-v-46595384],.VcNoticeImage.responsive[data-v-46595384],.VcNoticeImage.sm[data-v-46595384]{max-height:160px}.VcNoticeImage.lg[data-v-46595384]{max-height:208px}.VcNoticeContent[data-v-46595384],.VcNoticeHeader[data-v-46595384],.VcNoticeSubtitle[data-v-46595384]{text-align:center;line-height:24px}.VcNoticeHeader[data-v-46595384]{text-align:center;font-size:18px;font-weight:600;line-height:28px}@media screen and (min-width:960px){.VcNoticeHeader[data-v-46595384]{font-size:24px;font-weight:800;line-height:var(--size-value10)}}.VcNoticeHeader .VcNoticeHeaderText[data-v-46595384]{padding-bottom:var(--size-value2)}.VcNoticeHeader.prominent .VcNoticeHeaderText[data-v-46595384]{font-size:18px;font-weight:600}.VcNoticeSubtitle[data-v-46595384]{font-size:15px;font-weight:var(--font-weight-medium);line-height:var(--size-value6)}@media screen and (min-width:960px){.VcNoticeSubtitle[data-v-46595384]{font-size:var(--font-size-small)}}.VcNoticeSubtitle.prominent[data-v-46595384]{font-size:15px}.VcNoticeContent[data-v-46595384]{background:#eafcf2;border:1px solid #cff8e1;box-sizing:border-box;border-radius:8px;padding:var(--size-value3) var(--size-value4);margin-top:var(--size-value4);line-height:20px;font-size:13px}@media screen and (min-width:960px){.VcNoticeContent[data-v-46595384]{line-height:21px;font-size:14px}}.VcNoticeFooter[data-v-46595384]{padding-bottom:var(--size-value10)}",
+  inject("data-v-d8b2c82a_0", {
+    source: ".VcNoticeImage[data-v-d8b2c82a]{margin-bottom:var(--size-value4)}.VcNoticeImage.md[data-v-d8b2c82a],.VcNoticeImage.responsive[data-v-d8b2c82a],.VcNoticeImage.sm[data-v-d8b2c82a]{height:160px}.VcNoticeImage.lg[data-v-d8b2c82a]{height:208px}.VcNoticeContent[data-v-d8b2c82a],.VcNoticeHeader[data-v-d8b2c82a],.VcNoticeSubtitle[data-v-d8b2c82a]{text-align:center;line-height:24px}.VcNoticeHeader[data-v-d8b2c82a]{text-align:center;align-items:center;font-size:18px;font-weight:600;line-height:28px}@media screen and (min-width:960px){.VcNoticeHeader[data-v-d8b2c82a]{font-size:24px;font-weight:800;line-height:var(--size-value10)}}.VcNoticeHeader .VcNoticeHeaderText[data-v-d8b2c82a]{padding-bottom:var(--size-value2)}.VcNoticeHeader.prominent .VcNoticeHeaderText[data-v-d8b2c82a]{font-size:18px;font-weight:600}.VcNoticeSubtitle[data-v-d8b2c82a]{font-size:15px;font-weight:var(--font-weight-medium);line-height:var(--size-value6)}@media screen and (min-width:960px){.VcNoticeSubtitle[data-v-d8b2c82a]{font-size:var(--font-size-small)}}.VcNoticeSubtitle.prominent[data-v-d8b2c82a]{font-size:15px}.VcNoticeContent[data-v-d8b2c82a]{background:#eafcf2;border:1px solid #cff8e1;box-sizing:border-box;border-radius:8px;padding:var(--size-value3) var(--size-value4);margin-top:var(--size-value4);line-height:20px;font-size:13px}@media screen and (min-width:960px){.VcNoticeContent[data-v-d8b2c82a]{line-height:21px;font-size:14px}}.VcNoticeFooter[data-v-d8b2c82a]{padding-bottom:var(--size-value10)}",
     map: undefined,
     media: undefined
   });
@@ -1483,28 +1572,28 @@ const __vue_inject_styles__$v = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$v = "data-v-46595384";
+const __vue_scope_id__$x = "data-v-d8b2c82a";
 /* module identifier */
 
-const __vue_module_identifier__$v = undefined;
+const __vue_module_identifier__$x = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$v = false;
+const __vue_is_functional_template__$x = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$v = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$v,
-  staticRenderFns: __vue_staticRenderFns__$v
-}, __vue_inject_styles__$v, __vue_script__$v, __vue_scope_id__$v, __vue_is_functional_template__$v, __vue_module_identifier__$v, false, createInjector, undefined, undefined);
+const __vue_component__$x = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$x,
+  staticRenderFns: __vue_staticRenderFns__$x
+}, __vue_inject_styles__$x, __vue_script__$x, __vue_scope_id__$x, __vue_is_functional_template__$x, __vue_module_identifier__$x, false, createInjector, undefined, undefined);
 
-var script$u = {
+var script$w = {
   name: "VcAlert",
   components: {
-    VcIcon: __vue_component__$E,
-    VcButton: __vue_component__$D,
-    VcLayout: __vue_component__$B,
+    VcIcon: __vue_component__$H,
+    VcButton: __vue_component__$G,
+    VcLayout: __vue_component__$E,
     VAlert: VAlert
   },
   props: {
@@ -1600,10 +1689,10 @@ var script$u = {
 };
 
 /* script */
-const __vue_script__$u = script$u;
+const __vue_script__$w = script$w;
 /* template */
 
-var __vue_render__$u = function () {
+var __vue_render__$w = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1673,10 +1762,10 @@ var __vue_render__$u = function () {
   }) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$u = [];
+var __vue_staticRenderFns__$w = [];
 /* style */
 
-const __vue_inject_styles__$u = function (inject) {
+const __vue_inject_styles__$w = function (inject) {
   if (!inject) return;
   inject("data-v-285965af_0", {
     source: ".dialog-alert{padding:var(--size-value3);margin:var(--size-value0)}.dialog-alert__close-btn{margin-inline-end:var(--size-value7)}.dialog-alert .alert-content{padding-inline-end:var(--size-value9)}.dialog-alert .v-alert__icon{margin-inline-end:var(--size-value2);font-size:var(--size-value5);height:var(--size-value5);min-width:var(--size-value5)}.dialog-alert .close-button{position:absolute;width:var(--size-value6);height:var(--size-value6);top:var(--size-value3);right:var(--size-value3)}#app[dir=rtl] .dialog-alert .close-button{right:auto;left:var(--size-value3)}.dialog-alert .close-button .v-btn__content{opacity:unset}.dialog-alert .close-button:hover{background-color:rgba(0,0,0,.07)}.dialog-alert .close-button .v-icon{margin-right:var(--size-value0)}.dialog-alert .close-button .v-icon svg{fill:var(--gray-darken-2);width:var(--size-value4);height:var(--size-value4)}.dialog-alert.stripe.v-alert{border-radius:var(--size-value0);border-top:none;border-left:none;border-right:none}.dialog-alert.inline.v-alert{border-radius:var(--size-value0);border:none;padding:var(--size-value0);background-color:transparent}.dialog-alert.vcita-alert-attention{border:1px solid var(--red-lighten-2);background-color:var(--red-lighten-3)}.dialog-alert.vcita-alert-attention .v-icon svg.vc-attention-fill,.dialog-alert.vcita-alert-attention .v-icon svg.vc-notif{fill:var(--red)}.dialog-alert.vcita-alert-warning{border:1px solid var(--yellow-lighten-2);background-color:var(--yellow-lighten-3)}.dialog-alert.vcita-alert-warning .v-alert__wrapper .v-icon svg.vc-notif,.dialog-alert.vcita-alert-warning .v-alert__wrapper .v-icon svg.vc-warning-fill{fill:var(--yellow)}.dialog-alert.vcita-alert-info{border:1px solid var(--blue-lighten-2);background-color:var(--blue-lighten-3)}.dialog-alert.vcita-alert-info .v-alert__wrapper .v-icon svg.vc-info-fill,.dialog-alert.vcita-alert-info .v-alert__wrapper .v-icon svg.vc-notif{fill:var(--blue)}.dialog-alert.vcita-alert-success{border:1px solid var(--green-lighten-2);background-color:var(--green-lighten-3)}.dialog-alert.vcita-alert-success .v-icon svg.vc-check-fill,.dialog-alert.vcita-alert-success .v-icon svg.vc-notif{fill:var(--green)}.dialog-alert .v-alert__wrapper .v-icon__component{height:var(--size-value4);width:var(--size-value4)}.dialog-alert .v-alert__wrapper .v-icon__component svg.vc-notif{font-size:var(--size-value4);height:var(--size-value4);min-width:var(--size-value4)}.dialog-alert .v-alert__wrapper .v-icon__component svg.arrow-right{fill:var(--blue)}.dialog-alert .alert-header{font-weight:700;font-size:var(--font-size-x-small);line-height:var(--size-value5);letter-spacing:.003em;margin-bottom:var(--size-value1);color:var(--gray-darken-5)}.dialog-alert .alert-header:after{content:\" \";padding-right:var(--size-value1)}.dialog-alert .alert-body{font-size:var(--font-size-x-small);line-height:var(--size-value5);letter-spacing:-.01em;color:var(--gray-darken-5)}.dialog-alert .alert-body a{color:-webkit-link}.dialog-alert .VcButton .v-icon{margin-right:initial;align-items:initial}.dialog-alert .VcButton.action-button{height:var(--size-value6);color:var(--blue)!important;font-weight:var(--font-weight-large);font-size:var(--font-size-x-small);line-height:var(--size-value6);margin-top:var(--size-value1);padding:var(--size-value0)}.dialog-alert .VcButton.action-button span.v-btn__content{opacity:unset!important}.dialog-alert .VcButton.action-button span.v-btn__content .v-icon:before{content:\" \";padding-right:var(--size-value1)}",
@@ -1687,24 +1776,22 @@ const __vue_inject_styles__$u = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$u = undefined;
+const __vue_scope_id__$w = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$u = undefined;
+const __vue_module_identifier__$w = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$u = false;
+const __vue_is_functional_template__$w = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$u = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$u,
-  staticRenderFns: __vue_staticRenderFns__$u
-}, __vue_inject_styles__$u, __vue_script__$u, __vue_scope_id__$u, __vue_is_functional_template__$u, __vue_module_identifier__$u, false, createInjector, undefined, undefined);
-
-//
-//
+const __vue_component__$w = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$w,
+  staticRenderFns: __vue_staticRenderFns__$w
+}, __vue_inject_styles__$w, __vue_script__$w, __vue_scope_id__$w, __vue_is_functional_template__$w, __vue_module_identifier__$w, false, createInjector, undefined, undefined);
+
 //
 //
 //
@@ -1748,7 +1835,10 @@ const __vue_component__$u = /*#__PURE__*/normalizeComponent({
 //
 //
 //
-var script$t = {
+//
+//
+//
+var script$v = {
   components: {
     VTooltip: VTooltip
   },
@@ -1790,6 +1880,10 @@ var script$t = {
       type: Boolean,
       default: false
     },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
     dataQa: {
       type: String,
       default: 'vc-tooltip'
@@ -1805,10 +1899,10 @@ var script$t = {
 };
 
 /* script */
-const __vue_script__$t = script$t;
+const __vue_script__$v = script$v;
 /* template */
 
-var __vue_render__$t = function () {
+var __vue_render__$v = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1824,6 +1918,7 @@ var __vue_render__$t = function () {
       "bottom": _vm.bottom,
       "nudge-left": _vm.nudgeLeft,
       "nudge-right": _vm.nudgeRight,
+      "disabled": _vm.disabled,
       "data-qa": _vm.dataQa
     },
     scopedSlots: _vm._u([{
@@ -1860,12 +1955,12 @@ var __vue_render__$t = function () {
   })])])])], 1);
 };
 
-var __vue_staticRenderFns__$t = [];
+var __vue_staticRenderFns__$v = [];
 /* style */
 
-const __vue_inject_styles__$t = function (inject) {
+const __vue_inject_styles__$v = function (inject) {
   if (!inject) return;
-  inject("data-v-858200cc_0", {
+  inject("data-v-09191fda_0", {
     source: ":root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.vc-tooltip{padding:0;border-radius:var(--border-radius)}.vc-tooltip .dark-tooltip{background-color:rgba(0,0,0,.97);font-size:var(--size-value3);font-weight:400;border-radius:var(--size-value1);padding:var(--size-value2)}.vc-tooltip .tooltip-wrapper{background:var(--modal-bg-color);box-shadow:0 5px 5px -3px rgba(0,0,0,.1),0 8px 10px 1px rgba(0,0,0,.06),0 3px 14px 2px rgba(0,0,0,.06);border-radius:var(--border-radius)}.vc-tooltip .tooltip-wrapper .tooltip-header{color:var(--gray-darken-5);font-size:var(--font-size-small2);border-radius:var(--border-radius) var(--border-radius) 0 0;font-weight:var(--font-weight-large);padding:var(--size-value3) var(--size-value4)}.vc-tooltip .tooltip-wrapper .tooltip-header.alert{background-color:var(--red-lighten-3)}.vc-tooltip .tooltip-wrapper .tooltip-header.information{background-color:var(--blue-lighten-3)}.vc-tooltip .tooltip-wrapper .tooltip-content{display:block;font-size:var(--font-size-x-small);padding:var(--size-value3) var(--size-value4) var(--size-value4)}.vc-tooltip .tooltip-wrapper .tooltip-content .content-text{color:var(--gray-darken-5);max-width:fit-content;min-width:250px;word-wrap:break-word}",
     map: undefined,
     media: undefined
@@ -1874,26 +1969,26 @@ const __vue_inject_styles__$t = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$t = undefined;
+const __vue_scope_id__$v = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$t = undefined;
+const __vue_module_identifier__$v = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$t = false;
+const __vue_is_functional_template__$v = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$t = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$t,
-  staticRenderFns: __vue_staticRenderFns__$t
-}, __vue_inject_styles__$t, __vue_script__$t, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, createInjector, undefined, undefined);
+const __vue_component__$v = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$v,
+  staticRenderFns: __vue_staticRenderFns__$v
+}, __vue_inject_styles__$v, __vue_script__$v, __vue_scope_id__$v, __vue_is_functional_template__$v, __vue_module_identifier__$v, false, createInjector, undefined, undefined);
 
-var script$s = {
+var script$u = {
   name: "VcIconWithTooltip",
   components: {
-    VcTooltip: __vue_component__$t,
+    VcTooltip: __vue_component__$v,
     VIcon: VIcon
   },
   props: {
@@ -1953,10 +2048,10 @@ var script$s = {
 };
 
 /* script */
-const __vue_script__$s = script$s;
+const __vue_script__$u = script$u;
 /* template */
 
-var __vue_render__$s = function () {
+var __vue_render__$u = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1986,10 +2081,10 @@ var __vue_render__$s = function () {
   }, [_vm._v("\n      " + _vm._s(_vm.getIcon) + "\n    ")])]], 2);
 };
 
-var __vue_staticRenderFns__$s = [];
+var __vue_staticRenderFns__$u = [];
 /* style */
 
-const __vue_inject_styles__$s = function (inject) {
+const __vue_inject_styles__$u = function (inject) {
   if (!inject) return;
   inject("data-v-7193d7d6_0", {
     source: ":root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.tooltip-icon{cursor:pointer}.tooltip-icon .vc-question{fill:rgba(0,0,0,.4)}.tooltip-icon .vc-question-fill{fill:var(--gray-darken-4)}.tooltip-icon .vc-info-fill,.tooltip-icon .vc-information{fill:var(--v-info-base)}.tooltip-icon .vc-attention,.tooltip-icon .vc-attention-fill{fill:var(--red)}.tooltip-icon.vc-default .vc-info-fill,.tooltip-icon.vc-default .vc-information{fill:rgba(0,0,0,.4)}.tooltip-icon.vc-default_hovering .vc-info-fill,.tooltip-icon.vc-default_hovering .vc-information{fill:var(--gray-darken-4)}",
@@ -2000,50 +2095,25 @@ const __vue_inject_styles__$s = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$s = undefined;
+const __vue_scope_id__$u = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$s = undefined;
+const __vue_module_identifier__$u = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$s = false;
+const __vue_is_functional_template__$u = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$s = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$s,
-  staticRenderFns: __vue_staticRenderFns__$s
-}, __vue_inject_styles__$s, __vue_script__$s, __vue_scope_id__$s, __vue_is_functional_template__$s, __vue_module_identifier__$s, false, createInjector, undefined, undefined);
+const __vue_component__$u = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$u,
+  staticRenderFns: __vue_staticRenderFns__$u
+}, __vue_inject_styles__$u, __vue_script__$u, __vue_scope_id__$u, __vue_is_functional_template__$u, __vue_module_identifier__$u, false, createInjector, undefined, undefined);
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-var script$r = {
+var script$t = {
   components: {
+    VcImage: __vue_component__$y,
     VIcon: VIcon,
     VTooltip: VTooltip
   },
@@ -2081,10 +2151,9 @@ var script$r = {
   },
 
   name: "VcAvatar",
-
   props: {
     imagePath: {
-      type: String
+      type: [String, Object]
     },
     name: {
       type: String
@@ -2115,15 +2184,34 @@ var script$r = {
       type: String,
       default: ''
     },
+    showBorder: {
+      type: Boolean,
+      default: true
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
     dataQa: {
       type: String,
       default: 'VcAvatar'
     }
   },
-
   computed: {
+    setLightModeClass() {
+      return this.lightMode && !this.imagePath ? "light-mode" : "";
+    },
+
+    setShowBorder() {
+      return this.showBorder ? 'show-border' : '';
+    },
+
+    setdisabled() {
+      return this.disabled ? 'vc-disabled' : '';
+    },
+
     computedClasses() {
-      return this.colorClass + " " + this.size + " " + (this.lightMode && !this.imagePath ? "light-mode" : "");
+      return `${this.colorClass} ${this.size} ${this.setLightModeClass} ${this.setShowBorder} ${this.setdisabled}`;
     },
 
     computedBadgeClass() {
@@ -2139,7 +2227,6 @@ var script$r = {
     }
 
   },
-
   methods: {
     getInitials(name) {
       let split = name.trim().split(' ').filter(Boolean);
@@ -2162,10 +2249,10 @@ var script$r = {
 };
 
 /* script */
-const __vue_script__$r = script$r;
+const __vue_script__$t = script$t;
 /* template */
 
-var __vue_render__$r = function () {
+var __vue_render__$t = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2187,13 +2274,13 @@ var __vue_render__$r = function () {
       fn: function (ref) {
         var on = ref.on;
         ref.attrs;
-        return [_vm.imagePath ? _c('img', _vm._g({
+        return [_vm.imagePath ? _c('VcImage', _vm._g({
           staticClass: "avatar-image",
           attrs: {
             "data-qa": "avatarImage",
-            "src": _vm.imagePath
+            "image": _vm.imagePath
           }
-        }, _vm.lightMode && _vm.lightModeTooltip && on)) : !_vm.imagePath && _vm.name || _vm.text ? _c('div', _vm._g({
+        }, _vm.lightMode && _vm.lightModeTooltip && on)) : _vm._e(), _vm._v(" "), !_vm.imagePath && _vm.name || _vm.text ? _c('div', _vm._g({
           staticClass: "avatar-initials",
           attrs: {
             "data-qa": "avatar-initials"
@@ -2215,13 +2302,13 @@ var __vue_render__$r = function () {
   }, [_vm._v(" "), _c('span', [_vm._v(_vm._s(_vm.lightModeTooltip))])])], 1);
 };
 
-var __vue_staticRenderFns__$r = [];
+var __vue_staticRenderFns__$t = [];
 /* style */
 
-const __vue_inject_styles__$r = function (inject) {
+const __vue_inject_styles__$t = function (inject) {
   if (!inject) return;
-  inject("data-v-24222052_0", {
-    source: ".avatar-wrapper[data-v-24222052]{position:relative;border-radius:50%;background-color:#a7a9ac;text-align:center;border:1px solid #fff;color:#fff}.avatar-wrapper.light-mode[data-v-24222052]{border:1px solid rgba(0,0,0,.3);color:rgba(0,0,0,.3);background-color:#fff}.avatar-wrapper.x-sm[data-v-24222052]{height:var(--avatar-x-sm);width:var(--avatar-x-sm);font-size:9px}.avatar-wrapper.sm[data-v-24222052]{height:var(--avatar-sm);width:var(--avatar-sm);font-size:12px}.avatar-wrapper.md[data-v-24222052]{height:var(--avatar-md);width:var(--avatar-md);font-size:14px}.avatar-wrapper.lg[data-v-24222052]{height:var(--avatar-lg);width:var(--avatar-lg);font-size:17px}.avatar-wrapper .avatar-image[data-v-24222052]{display:block;margin:auto;height:100%;width:100%;object-fit:cover;border-radius:50%}.avatar-wrapper .avatar-initials[data-v-24222052]{position:relative;top:50%;font-weight:var(--font-weight-medium2);transform:translateY(-50%)}.avatar-wrapper .badge[data-v-24222052]{fill:#fff;position:absolute;--gap:0;height:16px;width:16px;border-radius:50%;bottom:calc(var(--gap) * -1);left:calc(var(--gap) * -1)}.avatar-wrapper .badge.x-sm[data-v-24222052]{--gap:4px}.avatar-wrapper .badge.sm[data-v-24222052]{--gap:4px}.avatar-wrapper .badge.md[data-v-24222052]{--gap:2px}.avatar-wrapper .badge.lg[data-v-24222052]{--gap:0px}.avatar-wrapper .badge.right[data-v-24222052]{left:unset;right:calc(var(--gap) * -1)}.avatar-wrapper .badge.confirmed[data-v-24222052]{border:2px #fff solid}.color-0[data-v-24222052]{background-color:#fed62f}.color-1[data-v-24222052]{background-color:#fec22e}.color-2[data-v-24222052]{background-color:#feac2a}.color-3[data-v-24222052]{background-color:#fe9a28}.color-4[data-v-24222052]{background-color:#fd7024}.color-5[data-v-24222052]{background-color:#fd5b32}.color-6[data-v-24222052]{background-color:#f2483f}.color-7[data-v-24222052]{background-color:#dc331b}.color-8[data-v-24222052]{background-color:#d41419}.color-9[data-v-24222052]{background-color:#e72866}.color-10[data-v-24222052]{background-color:#c41c63}.color-11[data-v-24222052]{background-color:#9b2bae}.color-12[data-v-24222052]{background-color:#673bb5}.color-13[data-v-24222052]{background-color:#7c4efc}.color-14[data-v-24222052]{background-color:#4051b3}.color-15[data-v-24222052]{background-color:#311b92}.color-16[data-v-24222052]{background-color:#2d62fb}.color-17[data-v-24222052]{background-color:#5c6bc0}.color-18[data-v-24222052]{background-color:#17a8f1}.color-19[data-v-24222052]{background-color:#17bbd2}.color-20[data-v-24222052]{background-color:#14abbf}.color-21[data-v-24222052]{background-color:#0f9587}.color-22[data-v-24222052]{background-color:#16bea5}.color-23[data-v-24222052]{background-color:#4eae53}.color-24[data-v-24222052]{background-color:#3a8d3f}.color-25[data-v-24222052]{background-color:#8cc250}.color-26[data-v-24222052]{background-color:#66bb6a}.color-27[data-v-24222052]{background-color:#880e4f}.color-28[data-v-24222052]{background-color:#1565c0}.color-29[data-v-24222052]{background-color:#1e88e5}",
+  inject("data-v-7c46a152_0", {
+    source: "[data-v-7c46a152]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.avatar-wrapper[data-v-7c46a152]{position:relative;border-radius:50%;background-color:#a7a9ac;text-align:center;color:var(--modal-bg-color)}.avatar-wrapper.show-border[data-v-7c46a152]{border:1px solid var(--modal-bg-color)}.avatar-wrapper.vc-disabled[data-v-7c46a152]{filter:grayscale(100%)}.avatar-wrapper.light-mode[data-v-7c46a152]{border:1px solid rgba(0,0,0,.3);color:rgba(0,0,0,.3);background-color:var(--modal-bg-color)}.avatar-wrapper.x-sm[data-v-7c46a152]{height:var(--avatar-x-sm);width:var(--avatar-x-sm);font-size:var(--font-size-xxx-small)}.avatar-wrapper.sm[data-v-7c46a152]{height:var(--avatar-sm);width:var(--avatar-sm);font-size:var(--font-size-xx-small)}.avatar-wrapper.md[data-v-7c46a152]{height:var(--avatar-md);width:var(--avatar-md);font-size:var(--font-size-small)}.avatar-wrapper.lg[data-v-7c46a152]{height:var(--avatar-lg);width:var(--avatar-lg);font-size:var(--font-size-small3)}.avatar-wrapper .avatar-image[data-v-7c46a152]{display:block;margin:auto;height:100%;width:100%;object-fit:cover;border-radius:50%;overflow:hidden}.avatar-wrapper .avatar-image[data-v-7c46a152]  svg{height:100%}.avatar-wrapper .avatar-image[data-v-7c46a152]  img{height:100%}.avatar-wrapper .avatar-initials[data-v-7c46a152]{position:relative;top:50%;font-weight:var(--font-weight-medium2);transform:translateY(-50%)}.avatar-wrapper .badge[data-v-7c46a152]{fill:#fff;position:absolute;--gap:0;height:var(--size-value4);width:var(--size-value4);border-radius:50%;bottom:calc(var(--gap) * -1);left:calc(var(--gap) * -1)}.avatar-wrapper .badge.x-sm[data-v-7c46a152]{--gap:var(--size-value1)}.avatar-wrapper .badge.sm[data-v-7c46a152]{--gap:var(--size-value1)}.avatar-wrapper .badge.md[data-v-7c46a152]{--gap:2px}.avatar-wrapper .badge.lg[data-v-7c46a152]{--gap:var(--size-value0)}.avatar-wrapper .badge.right[data-v-7c46a152]{left:unset;right:calc(var(--gap) * -1)}.avatar-wrapper .badge.confirmed[data-v-7c46a152]{border:2px var(--modal-bg-color) solid}.color-0[data-v-7c46a152]{background-color:#fed62f}.color-1[data-v-7c46a152]{background-color:#fec22e}.color-2[data-v-7c46a152]{background-color:#feac2a}.color-3[data-v-7c46a152]{background-color:#fe9a28}.color-4[data-v-7c46a152]{background-color:#fd7024}.color-5[data-v-7c46a152]{background-color:#fd5b32}.color-6[data-v-7c46a152]{background-color:#f2483f}.color-7[data-v-7c46a152]{background-color:#dc331b}.color-8[data-v-7c46a152]{background-color:#d41419}.color-9[data-v-7c46a152]{background-color:#e72866}.color-10[data-v-7c46a152]{background-color:#c41c63}.color-11[data-v-7c46a152]{background-color:#9b2bae}.color-12[data-v-7c46a152]{background-color:#673bb5}.color-13[data-v-7c46a152]{background-color:#7c4efc}.color-14[data-v-7c46a152]{background-color:#4051b3}.color-15[data-v-7c46a152]{background-color:#311b92}.color-16[data-v-7c46a152]{background-color:#2d62fb}.color-17[data-v-7c46a152]{background-color:#5c6bc0}.color-18[data-v-7c46a152]{background-color:#17a8f1}.color-19[data-v-7c46a152]{background-color:#17bbd2}.color-20[data-v-7c46a152]{background-color:#14abbf}.color-21[data-v-7c46a152]{background-color:#0f9587}.color-22[data-v-7c46a152]{background-color:#16bea5}.color-23[data-v-7c46a152]{background-color:#4eae53}.color-24[data-v-7c46a152]{background-color:#3a8d3f}.color-25[data-v-7c46a152]{background-color:#8cc250}.color-26[data-v-7c46a152]{background-color:#66bb6a}.color-27[data-v-7c46a152]{background-color:#880e4f}.color-28[data-v-7c46a152]{background-color:#1565c0}.color-29[data-v-7c46a152]{background-color:#1e88e5}",
     map: undefined,
     media: undefined
   });
@@ -2229,29 +2316,29 @@ const __vue_inject_styles__$r = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$r = "data-v-24222052";
+const __vue_scope_id__$t = "data-v-7c46a152";
 /* module identifier */
 
-const __vue_module_identifier__$r = undefined;
+const __vue_module_identifier__$t = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$r = false;
+const __vue_is_functional_template__$t = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$r = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$r,
-  staticRenderFns: __vue_staticRenderFns__$r
-}, __vue_inject_styles__$r, __vue_script__$r, __vue_scope_id__$r, __vue_is_functional_template__$r, __vue_module_identifier__$r, false, createInjector, undefined, undefined);
+const __vue_component__$t = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$t,
+  staticRenderFns: __vue_staticRenderFns__$t
+}, __vue_inject_styles__$t, __vue_script__$t, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, createInjector, undefined, undefined);
 
-var script$q = {
+var script$s = {
   name: "VcBottomActions",
   components: {
-    VcLayout: __vue_component__$B,
-    VcButton: __vue_component__$D,
-    VcIcon: __vue_component__$E,
-    VcAvatar: __vue_component__$r,
+    VcLayout: __vue_component__$E,
+    VcButton: __vue_component__$G,
+    VcIcon: __vue_component__$H,
+    VcAvatar: __vue_component__$t,
     VSubheader: VSubheader,
     VListItem: VListItem,
     VList: VList,
@@ -2293,10 +2380,10 @@ var script$q = {
 };
 
 /* script */
-const __vue_script__$q = script$q;
+const __vue_script__$s = script$s;
 /* template */
 
-var __vue_render__$q = function () {
+var __vue_render__$s = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2382,10 +2469,10 @@ var __vue_render__$q = function () {
   }), 1)], 1)], 1);
 };
 
-var __vue_staticRenderFns__$q = [];
+var __vue_staticRenderFns__$s = [];
 /* style */
 
-const __vue_inject_styles__$q = function (inject) {
+const __vue_inject_styles__$s = function (inject) {
   if (!inject) return;
   inject("data-v-51eeacd7_0", {
     source: ":root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.vc-bottom-sheet{box-shadow:0 1px 10px rgba(0,0,0,.12),0 4px 5px rgba(0,0,0,.14),0 2px 4px -1px rgba(0,0,0,.2);margin:var(--size-value3) var(--size-value3) var(--size-value5)!important;border-radius:var(--modal-border-radius)!important}.vc-bottom-sheet .v-sheet.v-list{border-radius:var(--modal-border-radius);padding-top:var(--size-value0)}.vc-bottom-sheet .v-sheet.v-list .subheader{border-bottom:1px solid rgba(0,0,0,.12);padding:var(--size-value3) var(--size-value4);color:var(--gray-darken-5)}.vc-bottom-sheet .v-sheet.v-list .subheader .avatar{margin-inline-end:var(--size-value3)}.vc-bottom-sheet .v-sheet.v-list .subheader .vc-title{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small)}.vc-bottom-sheet .v-sheet.v-list .subheader .button-close-wrapper{flex-grow:1;justify-content:flex-end}.vc-bottom-sheet .v-sheet.v-list .subheader .button-close-wrapper .close-button{justify-content:flex-end;padding:var(--size-value0)}.vc-bottom-sheet .v-sheet.v-list .subheader .button-close-wrapper .close-button .v-btn__content{opacity:unset}.vc-bottom-sheet .v-sheet.v-list .subheader .button-close-wrapper .close-button .v-icon svg{fill:rgba(0,0,0,.4);width:var(--size-value4);height:var(--size-value4)}.vc-bottom-sheet .v-sheet.v-list .items-wrapper{padding:var(--size-value1) var(--size-value0)}.vc-bottom-sheet .v-sheet.v-list .items-wrapper .sheet-item{min-height:var(--size-value10)}.vc-bottom-sheet .v-sheet.v-list .items-wrapper .sheet-item .option-title{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2);letter-spacing:-.2px}.vc-bottom-sheet .v-sheet.v-list .items-wrapper .sheet-item .option-title .icon-item{vertical-align:sub;margin-inline-end:var(--size-value3)}",
@@ -2396,28 +2483,28 @@ const __vue_inject_styles__$q = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$q = undefined;
+const __vue_scope_id__$s = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$q = undefined;
+const __vue_module_identifier__$s = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$q = false;
+const __vue_is_functional_template__$s = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$q = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$q,
-  staticRenderFns: __vue_staticRenderFns__$q
-}, __vue_inject_styles__$q, __vue_script__$q, __vue_scope_id__$q, __vue_is_functional_template__$q, __vue_module_identifier__$q, false, createInjector, undefined, undefined);
+const __vue_component__$s = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$s,
+  staticRenderFns: __vue_staticRenderFns__$s
+}, __vue_inject_styles__$s, __vue_script__$s, __vue_scope_id__$s, __vue_is_functional_template__$s, __vue_module_identifier__$s, false, createInjector, undefined, undefined);
 
-var script$p = {
+var script$r = {
   name: "VcActionList",
   components: {
-    VcLayout: __vue_component__$B,
-    VcButton: __vue_component__$D,
-    VcIcon: __vue_component__$E,
+    VcLayout: __vue_component__$E,
+    VcButton: __vue_component__$G,
+    VcIcon: __vue_component__$H,
     VListItemTitle: VListItemTitle,
     VListItem: VListItem,
     VList: VList,
@@ -2443,10 +2530,10 @@ var script$p = {
 };
 
 /* script */
-const __vue_script__$p = script$p;
+const __vue_script__$r = script$r;
 /* template */
 
-var __vue_render__$p = function () {
+var __vue_render__$r = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2498,10 +2585,10 @@ var __vue_render__$p = function () {
   }), 1)], 1)], 1);
 };
 
-var __vue_staticRenderFns__$p = [];
+var __vue_staticRenderFns__$r = [];
 /* style */
 
-const __vue_inject_styles__$p = function (inject) {
+const __vue_inject_styles__$r = function (inject) {
   if (!inject) return;
   inject("data-v-e0ece422_0", {
     source: ":root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.vc-action-list{box-shadow:0 1px 10px rgba(0,0,0,.12),0 4px 5px rgba(0,0,0,.14),0 2px 4px -1px rgba(0,0,0,.2);border-radius:var(--modal-border-radius)}.vc-action-list .v-list{border-radius:var(--modal-border-radius);padding:var(--size-value1) 0}.vc-action-list .v-list .items-wrapper .sheet-item{min-height:var(--size-value10)}.vc-action-list .v-list .items-wrapper .sheet-item .option-title{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2);letter-spacing:-.2px}.vc-action-list .v-list .items-wrapper .sheet-item .option-title .icon-item{vertical-align:sub;margin-inline-end:var(--size-value3)}",
@@ -2512,28 +2599,28 @@ const __vue_inject_styles__$p = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$p = undefined;
+const __vue_scope_id__$r = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$p = undefined;
+const __vue_module_identifier__$r = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$p = false;
+const __vue_is_functional_template__$r = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$p = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$p,
-  staticRenderFns: __vue_staticRenderFns__$p
-}, __vue_inject_styles__$p, __vue_script__$p, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, createInjector, undefined, undefined);
+const __vue_component__$r = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$r,
+  staticRenderFns: __vue_staticRenderFns__$r
+}, __vue_inject_styles__$r, __vue_script__$r, __vue_scope_id__$r, __vue_is_functional_template__$r, __vue_module_identifier__$r, false, createInjector, undefined, undefined);
 
-var script$o = {
+var script$q = {
   name: "VcActions",
   components: {
-    VcIcon: __vue_component__$E,
-    VcActionList: __vue_component__$p,
-    VcBottomActions: __vue_component__$q
+    VcIcon: __vue_component__$H,
+    VcActionList: __vue_component__$r,
+    VcBottomActions: __vue_component__$s
   },
 
   data() {
@@ -2586,10 +2673,10 @@ var script$o = {
 };
 
 /* script */
-const __vue_script__$o = script$o;
+const __vue_script__$q = script$q;
 /* template */
 
-var __vue_render__$o = function () {
+var __vue_render__$q = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2633,29 +2720,29 @@ var __vue_render__$o = function () {
   }, 'component', _vm.$props, false));
 };
 
-var __vue_staticRenderFns__$o = [];
+var __vue_staticRenderFns__$q = [];
 /* style */
 
-const __vue_inject_styles__$o = undefined;
+const __vue_inject_styles__$q = undefined;
 /* scoped */
 
-const __vue_scope_id__$o = undefined;
+const __vue_scope_id__$q = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$o = undefined;
+const __vue_module_identifier__$q = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$o = false;
+const __vue_is_functional_template__$q = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$o = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$o,
-  staticRenderFns: __vue_staticRenderFns__$o
-}, __vue_inject_styles__$o, __vue_script__$o, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, undefined, undefined, undefined);
+const __vue_component__$q = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$q,
+  staticRenderFns: __vue_staticRenderFns__$q
+}, __vue_inject_styles__$q, __vue_script__$q, __vue_scope_id__$q, __vue_is_functional_template__$q, __vue_module_identifier__$q, false, undefined, undefined, undefined);
 
 //
 //
@@ -2678,7 +2765,9 @@ const __vue_component__$o = /*#__PURE__*/normalizeComponent({
 //
 //
 //
-var script$n = {
+//
+//
+var script$p = {
   components: {
     VStepperStep: VStepperStep,
     VStepper: VStepper
@@ -2687,7 +2776,7 @@ var script$n = {
   name: "VcStepsBar",
 
   model: {
-    prop: 'currentStep'
+    prop: "currentStep"
   },
 
   props: {
@@ -2702,11 +2791,11 @@ var script$n = {
     },
     title: {
       type: String,
-      default: ''
+      default: ""
     },
     dataQa: {
       type: String,
-      default: 'vc-steps-bar'
+      default: "vc-steps-bar"
     }
   },
 
@@ -2729,7 +2818,7 @@ var script$n = {
     },
 
     shareStep(step) {
-      this.$emit('input', step);
+      this.$emit("input", step);
     }
 
   },
@@ -2751,10 +2840,10 @@ var script$n = {
 };
 
 /* script */
-const __vue_script__$n = script$n;
+const __vue_script__$p = script$p;
 /* template */
 
-var __vue_render__$n = function () {
+var __vue_render__$p = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2789,17 +2878,17 @@ var __vue_render__$n = function () {
         "complete": _vm.lastCompleted > index + 1,
         "step": index + 1
       }
-    }, [_vm._v("\n        " + _vm._s(step.name) + "\n      ")])];
+    }, [_vm._v("\n        " + _vm._s(step.title ? step.title : step.name) + "\n      ")])];
   })], 2)], 1);
 };
 
-var __vue_staticRenderFns__$n = [];
+var __vue_staticRenderFns__$p = [];
 /* style */
 
-const __vue_inject_styles__$n = function (inject) {
+const __vue_inject_styles__$p = function (inject) {
   if (!inject) return;
-  inject("data-v-9f3fe138_0", {
-    source: "[data-v-9f3fe138]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.vc-stepper-container[data-v-9f3fe138]{height:100%;padding-block-start:var(--size-value4);padding-inline-start:var(--size-value10)}.vc-stepper.v-stepper[data-v-9f3fe138]{box-shadow:none}.vc-stepper.v-stepper .stepper-title[data-v-9f3fe138]{margin-block-end:var(--size-value6);font-weight:var(--font-weight-large2);font-size:var(--font-size-medium);letter-spacing:.03em;color:var(--gray-darken-5)}.vc-stepper.v-stepper .v-stepper__step[data-v-9f3fe138]{padding:var(--size-value0);width:fit-content;align-items:flex-start;margin-block-end:var(--size-value1)}.vc-stepper.v-stepper .v-stepper__step[data-v-9f3fe138]  .v-stepper__label{padding-inline-end:var(--size-value6);text-shadow:none;font-size:var(--font-size-small2);letter-spacing:.01em;line-height:var(--size-value6);padding-bottom:var(--size-value7)}.vc-stepper.v-stepper .v-stepper__step[data-v-9f3fe138]  span.v-stepper__step__step{height:var(--size-value5);min-width:var(--size-value5);width:var(--size-value5);margin-inline-end:var(--size-value3);margin-inline-start:var(--size-value0);margin-block:2px;font-size:var(--font-size-xx-small);font-weight:var(--font-weight-medium2)}.vc-stepper.v-stepper .v-stepper__step[data-v-9f3fe138]:not(.v-stepper__step--active):not(.v-stepper__step--complete)  span.v-stepper__step__step{background-color:var(--gray-lighten-2);color:var(--gray-darken-2)}.vc-stepper.v-stepper .v-stepper__step[data-v-9f3fe138]:not(.v-stepper__step--active):not(.v-stepper__step--complete)  .v-stepper__label{color:var(--gray-darken-4)}.vc-stepper.v-stepper .v-stepper__step.v-stepper__step--active[data-v-9f3fe138]:not(.v-stepper__step--complete)  span.v-stepper__step__step{background-color:var(--v-secondary-base)!important}.vc-stepper.v-stepper .v-stepper__step.v-stepper__step--active[data-v-9f3fe138]:not(.v-stepper__step--complete)  .v-stepper__label{color:var(--gray-darken-5);font-weight:var(--font-weight-large)}.vc-stepper.v-stepper .v-stepper__step.v-stepper__step--complete[data-v-9f3fe138]  span.v-stepper__step__step{background-color:var(--green)!important}.vc-stepper.v-stepper .v-stepper__step.v-stepper__step--complete[data-v-9f3fe138]  span.v-stepper__step__step i{font-size:var(--size-value3)}.vc-stepper.v-stepper .v-stepper__step.v-stepper__step--complete[data-v-9f3fe138]  .v-stepper__label{color:var(--gray-darken-5)}.vc-stepper.v-stepper .v-stepper__step.v-stepper__step--complete.v-stepper__step--active[data-v-9f3fe138]  .v-stepper__label{font-weight:var(--font-weight-large)}.vc-stepper.v-stepper .v-stepper__step[data-v-9f3fe138]:not(:last-child)::after{content:\"\";border-inline-start:2px solid var(--gray-lighten-1);position:absolute;top:0;margin-inline-start:9px;height:-webkit-fill-available;margin-top:var(--size-value7)}",
+  inject("data-v-d21a486c_0", {
+    source: "[data-v-d21a486c]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.vc-stepper-container[data-v-d21a486c]{height:100%;padding-block-start:var(--size-value4);padding-inline-start:var(--size-value10)}.vc-stepper.v-stepper[data-v-d21a486c]{box-shadow:none}.vc-stepper.v-stepper .stepper-title[data-v-d21a486c]{margin-block-end:var(--size-value6);font-weight:var(--font-weight-large2);font-size:var(--font-size-medium);letter-spacing:.03em;color:var(--gray-darken-5)}.vc-stepper.v-stepper .v-stepper__step[data-v-d21a486c]{padding:var(--size-value0);width:fit-content;align-items:flex-start;margin-block-end:var(--size-value1)}.vc-stepper.v-stepper .v-stepper__step[data-v-d21a486c]  .v-stepper__label{padding-inline-end:var(--size-value6);text-shadow:none;font-size:var(--font-size-small2);letter-spacing:.01em;line-height:var(--size-value6);padding-bottom:var(--size-value7)}.vc-stepper.v-stepper .v-stepper__step[data-v-d21a486c]  span.v-stepper__step__step{height:var(--size-value5);min-width:var(--size-value5);width:var(--size-value5);margin-inline-end:var(--size-value3);margin-inline-start:var(--size-value0);margin-block:2px;font-size:var(--font-size-xx-small);font-weight:var(--font-weight-medium2)}.vc-stepper.v-stepper .v-stepper__step[data-v-d21a486c]:not(.v-stepper__step--active):not(.v-stepper__step--complete)  span.v-stepper__step__step{background-color:var(--gray-lighten-2);color:var(--gray-darken-2)}.vc-stepper.v-stepper .v-stepper__step[data-v-d21a486c]:not(.v-stepper__step--active):not(.v-stepper__step--complete)  .v-stepper__label{color:var(--gray-darken-4)}.vc-stepper.v-stepper .v-stepper__step.v-stepper__step--active[data-v-d21a486c]:not(.v-stepper__step--complete)  span.v-stepper__step__step{background-color:var(--v-secondary-base)!important}.vc-stepper.v-stepper .v-stepper__step.v-stepper__step--active[data-v-d21a486c]:not(.v-stepper__step--complete)  .v-stepper__label{color:var(--gray-darken-5);font-weight:var(--font-weight-large)}.vc-stepper.v-stepper .v-stepper__step.v-stepper__step--complete[data-v-d21a486c]  span.v-stepper__step__step{background-color:var(--green)!important}.vc-stepper.v-stepper .v-stepper__step.v-stepper__step--complete[data-v-d21a486c]  span.v-stepper__step__step i{font-size:var(--size-value3)}.vc-stepper.v-stepper .v-stepper__step.v-stepper__step--complete[data-v-d21a486c]  .v-stepper__label{color:var(--gray-darken-5)}.vc-stepper.v-stepper .v-stepper__step.v-stepper__step--complete.v-stepper__step--active[data-v-d21a486c]  .v-stepper__label{font-weight:var(--font-weight-large)}.vc-stepper.v-stepper .v-stepper__step[data-v-d21a486c]:not(:last-child)::after{content:\"\";border-inline-start:2px solid var(--gray-lighten-1);position:absolute;top:0;margin-inline-start:9px;height:-webkit-fill-available;margin-top:var(--size-value7)}",
     map: undefined,
     media: undefined
   });
@@ -2807,21 +2896,21 @@ const __vue_inject_styles__$n = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$n = "data-v-9f3fe138";
+const __vue_scope_id__$p = "data-v-d21a486c";
 /* module identifier */
 
-const __vue_module_identifier__$n = undefined;
+const __vue_module_identifier__$p = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$n = false;
+const __vue_is_functional_template__$p = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$n = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$n,
-  staticRenderFns: __vue_staticRenderFns__$n
-}, __vue_inject_styles__$n, __vue_script__$n, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, createInjector, undefined, undefined);
+const __vue_component__$p = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$p,
+  staticRenderFns: __vue_staticRenderFns__$p
+}, __vue_inject_styles__$p, __vue_script__$p, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, createInjector, undefined, undefined);
 
 //
 //
@@ -2838,7 +2927,7 @@ const __vue_component__$n = /*#__PURE__*/normalizeComponent({
 //
 //
 //
-var script$m = {
+var script$o = {
   components: {
     VProgressCircular: VProgressCircular
   },
@@ -2907,10 +2996,10 @@ var script$m = {
 };
 
 /* script */
-const __vue_script__$m = script$m;
+const __vue_script__$o = script$o;
 /* template */
 
-var __vue_render__$m = function () {
+var __vue_render__$o = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2931,10 +3020,10 @@ var __vue_render__$m = function () {
   }, [_vm._v("\n    " + _vm._s(_vm.currentStep) + " / " + _vm._s(_vm.steps) + "\n  ")]) : _vm._e()]);
 };
 
-var __vue_staticRenderFns__$m = [];
+var __vue_staticRenderFns__$o = [];
 /* style */
 
-const __vue_inject_styles__$m = function (inject) {
+const __vue_inject_styles__$o = function (inject) {
   if (!inject) return;
   inject("data-v-5c278fc2_0", {
     source: "[data-v-5c278fc2]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.vc-progress-circular .vc-progress-counter[data-v-5c278fc2]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2);color:var(--gray-darken-5)}.vc-progress-circular[data-v-5c278fc2]  .v-progress-circular__underlay{stroke:var(--neutral-lighten-1)}",
@@ -2945,27 +3034,27 @@ const __vue_inject_styles__$m = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$m = "data-v-5c278fc2";
+const __vue_scope_id__$o = "data-v-5c278fc2";
 /* module identifier */
 
-const __vue_module_identifier__$m = undefined;
+const __vue_module_identifier__$o = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$m = false;
+const __vue_is_functional_template__$o = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$m = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$m,
-  staticRenderFns: __vue_staticRenderFns__$m
-}, __vue_inject_styles__$m, __vue_script__$m, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, createInjector, undefined, undefined);
+const __vue_component__$o = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$o,
+  staticRenderFns: __vue_staticRenderFns__$o
+}, __vue_inject_styles__$o, __vue_script__$o, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, createInjector, undefined, undefined);
 
-var script$l = {
+var script$n = {
   name: "VcMobileWizardProgress",
   components: {
-    VcLayout: __vue_component__$B,
-    VcProgressCircular: __vue_component__$m
+    VcLayout: __vue_component__$E,
+    VcProgressCircular: __vue_component__$o
   },
   model: {
     prop: 'currentStep'
@@ -3021,10 +3110,10 @@ var script$l = {
 };
 
 /* script */
-const __vue_script__$l = script$l;
+const __vue_script__$n = script$n;
 /* template */
 
-var __vue_render__$l = function () {
+var __vue_render__$n = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3060,10 +3149,10 @@ var __vue_render__$l = function () {
   }, [_vm._v(_vm._s(_vm.nextStepName))]) : _vm._e()])], 1);
 };
 
-var __vue_staticRenderFns__$l = [];
+var __vue_staticRenderFns__$n = [];
 /* style */
 
-const __vue_inject_styles__$l = function (inject) {
+const __vue_inject_styles__$n = function (inject) {
   if (!inject) return;
   inject("data-v-4fe04d36_0", {
     source: "[data-v-4fe04d36]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.vc-mobile-wizard-progress[data-v-4fe04d36]{padding:var(--size-value4);background-color:var(--neutral-lighten-3);width:100%;max-height:84px}.vc-mobile-wizard-progress .titles-container[data-v-4fe04d36]{margin:var(--size-value0) var(--size-value4)}.vc-mobile-wizard-progress .titles-container .current-step[data-v-4fe04d36]{font-weight:var(--font-weight-large2);font-size:var(--font-size-small2)}.vc-mobile-wizard-progress .titles-container .next-step[data-v-4fe04d36]{font-size:var(--font-size-x-small);color:var(--gray-darken-4)}",
@@ -3074,24 +3163,446 @@ const __vue_inject_styles__$l = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$l = "data-v-4fe04d36";
+const __vue_scope_id__$n = "data-v-4fe04d36";
 /* module identifier */
 
-const __vue_module_identifier__$l = undefined;
+const __vue_module_identifier__$n = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$l = false;
+const __vue_is_functional_template__$n = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$l = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$l,
-  staticRenderFns: __vue_staticRenderFns__$l
-}, __vue_inject_styles__$l, __vue_script__$l, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, createInjector, undefined, undefined);
-
-//
-//
+const __vue_component__$n = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$n,
+  staticRenderFns: __vue_staticRenderFns__$n
+}, __vue_inject_styles__$n, __vue_script__$n, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, createInjector, undefined, undefined);
+
+var script$m = {
+  name: 'VcCheckbox',
+  components: {
+    VcIcon: __vue_component__$H,
+    VcAvatar: __vue_component__$t,
+    VcTooltip: __vue_component__$v,
+    VCheckbox: VCheckbox
+  },
+  computed: {
+    selected: {
+      get() {
+        return this.checked;
+      },
+
+      set(val) {
+        this.$emit('change', val);
+      }
+
+    }
+  },
+  props: {
+    label: {
+      type: String,
+      required: false
+    },
+    tooltip: {
+      type: String,
+      required: false
+    },
+    avatar: {
+      type: Object,
+      required: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    indeterminate: {
+      type: Boolean,
+      default: false
+    },
+    checked: {
+      type: [Boolean, Array],
+      default: false
+    },
+    value: {
+      type: [String, Boolean, Number],
+      default: false
+    },
+    showAvatarBorder: {
+      type: Boolean,
+      default: true
+    },
+    dataQa: {
+      type: String,
+      default: 'VcCheckbox'
+    }
+  }
+};
+
+/* script */
+const __vue_script__$m = script$m;
+/* template */
+
+var __vue_render__$m = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('v-checkbox', {
+    staticClass: "vc-checkbox d-flex align-center",
+    attrs: {
+      "hide-details": "true",
+      "disabled": _vm.disabled,
+      "ripple": false,
+      "on-icon": "check",
+      "off-icon": "",
+      "indeterminate-icon": "$indeterminate",
+      "indeterminate": _vm.indeterminate,
+      "color": "white",
+      "label": _vm.label,
+      "value": _vm.value,
+      "data-qa": _vm.dataQa
+    },
+    scopedSlots: _vm._u([{
+      key: "label",
+      fn: function () {
+        return [_c('div', {
+          staticClass: "d-flex align-center"
+        }, [_vm.avatar && _vm.label ? _c('VcAvatar', {
+          staticClass: "ms-1 me-3",
+          attrs: {
+            "image-path": _vm.avatar.path,
+            "name": _vm.avatar.name,
+            "color-id": _vm.avatar.colorId,
+            "disabled": _vm.disabled,
+            "show-border": _vm.showAvatarBorder,
+            "size": "x-sm"
+          }
+        }) : _vm._e(), _vm._v(" "), _vm.label ? _c('span', {
+          staticClass: "checkbox-label"
+        }, [_vm._v(_vm._s(_vm.label))]) : _vm._e(), _vm._v(" "), _vm.tooltip && _vm.label ? _c('VcTooltip', {
+          attrs: {
+            "dark": "",
+            "content": _vm.tooltip,
+            "bottom": ""
+          }
+        }, [_c('VcIcon', {
+          staticClass: "tooltip-icon ms-2",
+          attrs: {
+            "size": "16"
+          }
+        }, [_vm._v("$info")])], 1) : _vm._e()], 1)];
+      },
+      proxy: true
+    }]),
+    model: {
+      value: _vm.selected,
+      callback: function ($$v) {
+        _vm.selected = $$v;
+      },
+      expression: "selected"
+    }
+  });
+};
+
+var __vue_staticRenderFns__$m = [];
+/* style */
+
+const __vue_inject_styles__$m = function (inject) {
+  if (!inject) return;
+  inject("data-v-347ec55e_0", {
+    source: ".vc-checkbox[data-v-347ec55e]{font-family:var(--primary-font-family)}.vc-checkbox[data-v-347ec55e] .v-input__slot .v-input--selection-controls__input{width:var(--size-value4);height:var(--size-value4)}.vc-checkbox[data-v-347ec55e] .v-input__slot .v-input--selection-controls__input .v-icon{color:transparent;border:1px solid rgba(0,0,0,.2);box-sizing:border-box;border-radius:2px;font-size:var(--font-size-small);font-weight:700}.vc-checkbox[data-v-347ec55e] .checkbox-label{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small)}.vc-checkbox[data-v-347ec55e]:not(.v-input--is-disabled) .checkbox-label{color:var(--gray-darken-5)}.vc-checkbox[data-v-347ec55e] .tooltip-icon{color:var(--gray-darken-3)}.vc-checkbox[data-v-347ec55e] .avatar-wrapper .avatar-initials{font-size:var(--font-size-xxx-small);font-weight:var(--font-weight-medium2)}.vc-checkbox[data-v-347ec55e].v-input--indeterminate:not(.v-input--is-disabled) .v-input--selection-controls__input .v-icon{background-color:var(--green);color:#fff}.vc-checkbox[data-v-347ec55e].v-input--is-label-active:not(.v-input--is-disabled) .v-input--selection-controls__input .v-icon{background-color:var(--green);color:#fff;border:none}.vc-checkbox[data-v-347ec55e]:not(.v-input--is-disabled):hover:not(:active) .v-input--selection-controls__input .v-icon{background-color:rgba(0,0,0,.03)}.vc-checkbox[data-v-347ec55e].v-input--indeterminate:not(.v-input--is-disabled):hover .v-input--selection-controls__input .v-icon,.vc-checkbox[data-v-347ec55e].v-input--is-label-active:not(.v-input--is-disabled):hover .v-input--selection-controls__input .v-icon{background-color:rgba(84,210,140,.76)}.vc-checkbox[data-v-347ec55e].v-input--indeterminate:not(.v-input--is-disabled):active .v-input--selection-controls__input .v-icon,.vc-checkbox[data-v-347ec55e].v-input--is-label-active:not(.v-input--is-disabled):active .v-input--selection-controls__input .v-icon{background-color:rgba(84,210,140,.5)}.vc-checkbox[data-v-347ec55e]:not(.v-input--is-label-active):not(.v-input--indeterminate):not(.v-input--is-disabled):active .v-input--selection-controls__input .v-icon{background:rgba(0,0,0,.12)}.vc-checkbox[data-v-347ec55e]:not(.v-input--is-disabled):focus .v-input--selection-controls__input .v-icon{box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.vc-checkbox[data-v-347ec55e].v-input--is-disabled .v-input--selection-controls__input .v-icon{background:rgba(0,0,0,.07)}.vc-checkbox[data-v-347ec55e].v-input--is-disabled.v-input--is-label-active .v-input--selection-controls__input .v-icon{border:none}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$m = "data-v-347ec55e";
+/* module identifier */
+
+const __vue_module_identifier__$m = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$m = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$m = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$m,
+  staticRenderFns: __vue_staticRenderFns__$m
+}, __vue_inject_styles__$m, __vue_script__$m, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, createInjector, undefined, undefined);
+
+var script$l = {
+  name: "VcChecklistItem",
+  components: {
+    VcLayout: __vue_component__$E,
+    VcCheckbox: __vue_component__$m,
+    VcTooltip: __vue_component__$v
+  },
+  model: {
+    prop: 'checked'
+  },
+  props: {
+    checked: {
+      type: Boolean,
+      default: false
+    },
+    label: {
+      type: String,
+      required: true
+    },
+    avatar: {
+      type: Object,
+      default: undefined
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    tooltipContent: {
+      type: String,
+      default: ''
+    },
+    dataQa: {
+      type: String,
+      default: 'VcChecklistItem'
+    }
+  },
+  computed: {
+    getAvatar() {
+      if (this.avatar && Object.keys(this.avatar).length) {
+        return {
+          name: this.label,
+          ...this.avatar
+        };
+      }
+    }
+
+  },
+  methods: {
+    onChange(val) {
+      this.$emit('change', {
+        checked: val
+      });
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__$l = script$l;
+/* template */
+
+var __vue_render__$l = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('VcTooltip', {
+    staticClass: "VcChecklistItem-wrapper",
+    attrs: {
+      "content": _vm.tooltipContent,
+      "dark": "",
+      "disabled": !_vm.tooltipContent || !_vm.disabled
+    }
+  }, [[_c('VcLayout', {
+    staticClass: "VcChecklistItem",
+    class: {
+      'disabled': _vm.disabled
+    },
+    attrs: {
+      "data-qa": _vm.dataQa
+    }
+  }, [_c('VcCheckbox', {
+    attrs: {
+      "checked": _vm.checked,
+      "avatar": _vm.getAvatar,
+      "label": _vm.label,
+      "show-avatar-border": false,
+      "disabled": _vm.disabled,
+      "data-qa": _vm.dataQa + "-checkbox"
+    },
+    on: {
+      "change": _vm.onChange
+    }
+  })], 1)]], 2);
+};
+
+var __vue_staticRenderFns__$l = [];
+/* style */
+
+const __vue_inject_styles__$l = function (inject) {
+  if (!inject) return;
+  inject("data-v-03c417f7_0", {
+    source: "[data-v-03c417f7]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.VcChecklistItem-wrapper[data-v-03c417f7]{width:100%}.VcChecklistItem-wrapper .VcChecklistItem[data-v-03c417f7]{padding:var(--size-value2) var(--size-value4)}.VcChecklistItem-wrapper .VcChecklistItem.disabled[data-v-03c417f7]{background-color:var(--gray-lighten-3)}.VcChecklistItem-wrapper .VcChecklistItem .vc-checkbox[data-v-03c417f7]{flex:1 1 auto;padding:var(--size-value0);margin:var(--size-value0)}.VcChecklistItem-wrapper .VcChecklistItem[data-v-03c417f7]:hover{background-color:var(--gray-lighten-3)}.VcChecklistItem-wrapper .VcChecklistItem[data-v-03c417f7]:focus{box-shadow:0 0 0 2px var(--v-secondary-lighten1)}.VcChecklistItem-wrapper .VcChecklistItem[data-v-03c417f7]:active{background-color:var(--v-secondary-lighten3)}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$l = "data-v-03c417f7";
+/* module identifier */
+
+const __vue_module_identifier__$l = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$l = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$l = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$l,
+  staticRenderFns: __vue_staticRenderFns__$l
+}, __vue_inject_styles__$l, __vue_script__$l, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, createInjector, undefined, undefined);
+
+var script$k = {
+  name: "VcListbox",
+  components: {
+    VcChecklistItem: __vue_component__$l,
+    VcIcon: __vue_component__$H,
+    VListItem: VListItem,
+    VDivider: VDivider,
+    VList: VList
+  },
+  props: {
+    items: {
+      type: Array,
+      required: true,
+      validator: items => items.every(item => item.label)
+    },
+    addAnother: {
+      type: Boolean,
+      default: false
+    },
+    addAnotherLabel: {
+      type: String,
+      default: ""
+    },
+    title: {
+      type: String,
+      default: ''
+    },
+    dataQa: {
+      type: String,
+      default: 'VcListbox'
+    }
+  },
+  computed: {
+    getAddAnotherLabel() {
+      return this.addAnotherLabel || this.$dst('ds.listbox.add');
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__$k = script$k;
+/* template */
+
+var __vue_render__$k = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', [_vm.title ? _c('div', {
+    staticClass: "vc-list-title",
+    attrs: {
+      "data-qa": _vm.dataQa + "-title"
+    }
+  }, [_vm._v("\n    " + _vm._s(_vm.title) + "\n  ")]) : _vm._e(), _vm._v(" "), _c('v-list', {
+    staticClass: "VcListbox",
+    attrs: {
+      "data-qa": _vm.dataQa
+    }
+  }, [_c('div', {
+    staticClass: "vc-overflow"
+  }, _vm._l(_vm.items, function (item, index) {
+    return _c('v-list-item', {
+      key: index,
+      staticClass: "vc-list-item",
+      attrs: {
+        "tabindex": index
+      }
+    }, [_c('VcChecklistItem', _vm._b({
+      attrs: {
+        "data-qa": _vm.dataQa + "-" + index
+      },
+      on: {
+        "change": function (args) {
+          return _vm.$emit('change', Object.assign({}, args, {
+            id: index
+          }));
+        }
+      }
+    }, 'VcChecklistItem', item, false))], 1);
+  }), 1), _vm._v(" "), _vm.addAnother ? _c('div', {
+    attrs: {
+      "data-qa": _vm.dataQa + "-increase"
+    }
+  }, [_c('v-divider', {
+    staticClass: "divider"
+  }), _vm._v(" "), _c('v-list-item', {
+    staticClass: "last-item",
+    attrs: {
+      "align-baseline": ""
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.$emit('addNew');
+      }
+    }
+  }, [_c('VcIcon', {
+    staticClass: "add-another-icon",
+    attrs: {
+      "dense": ""
+    }
+  }, [_vm._v("$plus")]), _vm._v(" "), _c('span', {
+    staticClass: "add-another-label"
+  }, [_vm._v(_vm._s(_vm.getAddAnotherLabel))])], 1)], 1) : _vm._e()])], 1);
+};
+
+var __vue_staticRenderFns__$k = [];
+/* style */
+
+const __vue_inject_styles__$k = function (inject) {
+  if (!inject) return;
+  inject("data-v-1518d320_0", {
+    source: "[data-v-1518d320]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.vc-list-title[data-v-1518d320]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-small2);line-height:var(--size-value5);margin-block-end:var(--size-value3)}.VcListbox[data-v-1518d320]{padding-block:var(--size-value1);margin-block:var(--size-value1);border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:var(--border-radius);width:fit-content;box-shadow:none!important}.VcListbox .vc-overflow[data-v-1518d320]{overflow:auto;max-height:160px}.VcListbox .vc-overflow .vc-list-item[data-v-1518d320]{padding:var(--size-value0);min-height:unset}.VcListbox .divider[data-v-1518d320]{border-color:var(--gray-lighten-1)}.VcListbox .last-item[data-v-1518d320]{cursor:pointer;min-height:var(--size-value10)}.VcListbox .last-item[data-v-1518d320]:hover{background-color:var(--gray-lighten-3)}.VcListbox .last-item .add-another-label[data-v-1518d320]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small);line-height:var(--size-value5);color:var(--gray-darken-5)}.VcListbox .last-item .add-another-icon[data-v-1518d320]{margin-inline-end:var(--size-value3);cursor:pointer}.VcListbox .last-item .add-another-icon[data-v-1518d320]  .v-icon__component{height:unset;width:unset}.VcListbox .last-item .add-another-icon[data-v-1518d320]  .v-icon__component svg{width:var(--size-value3)}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$k = "data-v-1518d320";
+/* module identifier */
+
+const __vue_module_identifier__$k = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$k = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$k = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$k,
+  staticRenderFns: __vue_staticRenderFns__$k
+}, __vue_inject_styles__$k, __vue_script__$k, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, createInjector, undefined, undefined);
+
 //
 //
 //
@@ -3112,7 +3623,9 @@ const __vue_component__$l = /*#__PURE__*/normalizeComponent({
 //
 //
 //
-var script$k = {
+//
+//
+var script$j = {
   components: {
     VCol: VCol,
     VRow: VRow,
@@ -3198,10 +3711,10 @@ var script$k = {
 };
 
 /* script */
-const __vue_script__$k = script$k;
+const __vue_script__$j = script$j;
 /* template */
 
-var __vue_render__$k = function () {
+var __vue_render__$j = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3248,10 +3761,10 @@ var __vue_render__$k = function () {
   }), 1);
 };
 
-var __vue_staticRenderFns__$k = [];
+var __vue_staticRenderFns__$j = [];
 /* style */
 
-const __vue_inject_styles__$k = function (inject) {
+const __vue_inject_styles__$j = function (inject) {
   if (!inject) return;
   inject("data-v-284ef818_0", {
     source: ".VcButtonGroup[data-v-284ef818]{font-weight:var(--font-weight-medium2);font-size:13px}.VcButtonGroup .button-group-row[data-v-284ef818]{margin:0}.VcButtonGroup .button-item[data-v-284ef818]{cursor:pointer;transition:.3s background-color,color ease-out;min-height:40px;border-color:#d6dbe6;border-style:solid;border-width:0;color:rgba(0,0,0,.62);border-right-width:1px;border-bottom-width:1px;padding:0 12px}.VcButtonGroup .button-item .button-label[data-v-284ef818]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.VcButtonGroup .button-item.left[data-v-284ef818]{border-left-width:1px}.VcButtonGroup .button-item.top[data-v-284ef818]{border-top-width:1px}.VcButtonGroup .button-item.bottom[data-v-284ef818]:not(.top):not(.selected){border-top-width:0}.VcButtonGroup .button-item.top.left[data-v-284ef818]{border-top-left-radius:6px}.VcButtonGroup .button-item.top.right[data-v-284ef818]{border-top-right-radius:6px}.VcButtonGroup .button-item.bottom.left[data-v-284ef818]{border-bottom-left-radius:6px}.VcButtonGroup .button-item.bottom.right[data-v-284ef818]{border-bottom-right-radius:6px}.VcButtonGroup .button-item[data-v-284ef818]:hover{background-color:rgba(0,0,0,.03)}.VcButtonGroup .button-item[data-v-284ef818]:focus{box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.VcButtonGroup .button-item.selected[data-v-284ef818]{border:2px solid var(--v-secondary-base);font-weight:600}.VcButtonGroup .button-item.selected[data-v-284ef818]:hover{background:rgba(0,0,0,.03)}.VcButtonGroup .button-item[data-v-284ef818]:active{background:rgba(0,0,0,.12)}.VcButtonGroup .button-item.disabled[data-v-284ef818]{background:rgba(0,0,0,.07);color:rgba(0,0,0,.4);pointer-events:none}",
@@ -3262,21 +3775,21 @@ const __vue_inject_styles__$k = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$k = "data-v-284ef818";
+const __vue_scope_id__$j = "data-v-284ef818";
 /* module identifier */
 
-const __vue_module_identifier__$k = undefined;
+const __vue_module_identifier__$j = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$k = false;
+const __vue_is_functional_template__$j = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$k = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$k,
-  staticRenderFns: __vue_staticRenderFns__$k
-}, __vue_inject_styles__$k, __vue_script__$k, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, createInjector, undefined, undefined);
+const __vue_component__$j = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$j,
+  staticRenderFns: __vue_staticRenderFns__$j
+}, __vue_inject_styles__$j, __vue_script__$j, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, createInjector, undefined, undefined);
 
 //
 //
@@ -3287,7 +3800,7 @@ const __vue_component__$k = /*#__PURE__*/normalizeComponent({
 //
 //
 //
-var script$j = {
+var script$i = {
   components: {
     VProgressCircular: VProgressCircular
   },
@@ -3315,10 +3828,10 @@ var script$j = {
 };
 
 /* script */
-const __vue_script__$j = script$j;
+const __vue_script__$i = script$i;
 /* template */
 
-var __vue_render__$j = function () {
+var __vue_render__$i = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3336,33 +3849,33 @@ var __vue_render__$j = function () {
   });
 };
 
-var __vue_staticRenderFns__$j = [];
+var __vue_staticRenderFns__$i = [];
 /* style */
 
-const __vue_inject_styles__$j = undefined;
+const __vue_inject_styles__$i = undefined;
 /* scoped */
 
-const __vue_scope_id__$j = undefined;
+const __vue_scope_id__$i = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$j = undefined;
+const __vue_module_identifier__$i = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$j = false;
+const __vue_is_functional_template__$i = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$j = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$j,
-  staticRenderFns: __vue_staticRenderFns__$j
-}, __vue_inject_styles__$j, __vue_script__$j, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, undefined, undefined, undefined);
+const __vue_component__$i = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$i,
+  staticRenderFns: __vue_staticRenderFns__$i
+}, __vue_inject_styles__$i, __vue_script__$i, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, undefined, undefined, undefined);
 
-var script$i = {
+var script$h = {
   components: {
-    VcIcon: __vue_component__$E,
+    VcIcon: __vue_component__$H,
     VSwitch: VSwitch
   },
   name: "VcSwitch",
@@ -3400,10 +3913,10 @@ var script$i = {
 };
 
 /* script */
-const __vue_script__$i = script$i;
+const __vue_script__$h = script$h;
 /* template */
 
-var __vue_render__$i = function () {
+var __vue_render__$h = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3453,10 +3966,10 @@ var __vue_render__$i = function () {
   }, [_vm._v("$close_button")]) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$i = [];
+var __vue_staticRenderFns__$h = [];
 /* style */
 
-const __vue_inject_styles__$i = function (inject) {
+const __vue_inject_styles__$h = function (inject) {
   if (!inject) return;
   inject("data-v-13c7166f_0", {
     source: ".switchContainer .VcSwitch[data-v-13c7166f]{padding:0;margin:0}.switchContainer .VcSwitch[data-v-13c7166f]  label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);line-height:var(--size-value6);color:rgba(0,0,0,.87)}.switchContainer .VcSwitch[data-v-13c7166f]  input{height:var(--size-value5)}.switchContainer .VcSwitch[data-v-13c7166f]  .v-input--selection-controls__input{margin-left:0;margin-right:var(--size-value3);height:var(--size-value5);width:var(--size-value8)}#app[dir=rtl] .switchContainer .VcSwitch[data-v-13c7166f]  .v-input--selection-controls__input{margin-left:var(--size-value3)}#app[dir=rtl] .switchContainer .VcSwitch[data-v-13c7166f]  .v-input--selection-controls__input{margin-right:0}.switchContainer .VcSwitch[data-v-13c7166f]  .v-input--switch__track{top:0;left:0}#app[dir=rtl] .switchContainer .VcSwitch[data-v-13c7166f]  .v-input--switch__track{left:auto;right:0}.switchContainer .VcSwitch[data-v-13c7166f]  .v-input--selection-controls__ripple{left:-10px;height:25px;width:25px}#app[dir=rtl] .switchContainer .VcSwitch[data-v-13c7166f]  .v-input--selection-controls__ripple{left:auto;right:-10px}.switchContainer .VcSwitch[data-v-13c7166f]  .v-input--switch__thumb{height:14px;width:14px;background-color:#fff;top:calc(50% - 7px);transform:translateX(3px)!important;box-shadow:var(--shadow-5)}#app[dir=rtl] .switchContainer .VcSwitch[data-v-13c7166f]  .v-input--switch__thumb{transform:translateX(-3px)!important}.switchContainer .VcSwitch.v-input--is-disabled[data-v-13c7166f] {opacity:1}.switchContainer .VcSwitch.v-input--is-disabled[data-v-13c7166f]  .v-input--switch__track{color:var(--gray-lighten-2)!important}.switchContainer .VcSwitch.v-input--is-disabled[data-v-13c7166f]  .v-input--switch__thumb{background-color:var(--gray)!important;box-shadow:none}.switchContainer .VcSwitch.is-active[data-v-13c7166f]  .v-input--switch__track{opacity:1;background-color:currentColor}.switchContainer .VcSwitch.is-active[data-v-13c7166f]  .v-input--selection-controls__ripple{transform:translateX(14px)!important}#app[dir=rtl] .switchContainer .VcSwitch.is-active[data-v-13c7166f]  .v-input--selection-controls__ripple{transform:translateX(-14px)!important}.switchContainer .VcSwitch.is-active[data-v-13c7166f]  .v-input--switch__thumb{transform:translateX(17px)!important}#app[dir=rtl] .switchContainer .VcSwitch.is-active[data-v-13c7166f]  .v-input--switch__thumb{transform:translateX(-17px)!important}.switchContainer .VcSwitch.with-icon[data-v-13c7166f]  input{height:var(--size-value6)}.switchContainer .VcSwitch.with-icon[data-v-13c7166f]  .v-input--selection-controls__input{margin-left:0;margin-right:var(--size-value3);height:var(--size-value6);width:var(--size-value12)}#app[dir=rtl] .switchContainer .VcSwitch.with-icon[data-v-13c7166f]  .v-input--selection-controls__input{margin-left:var(--size-value3)}#app[dir=rtl] .switchContainer .VcSwitch.with-icon[data-v-13c7166f]  .v-input--selection-controls__input{margin-right:0}.switchContainer .VcSwitch.with-icon[data-v-13c7166f]  .v-input--switch__track{top:0;left:0;height:var(--size-value6);width:var(--size-value12)}#app[dir=rtl] .switchContainer .VcSwitch.with-icon[data-v-13c7166f]  .v-input--switch__track{left:auto;right:0}.switchContainer .VcSwitch.with-icon[data-v-13c7166f]  .v-input--selection-controls__ripple{left:-9px;height:29px;width:29px;top:calc(50% - 21.5px)}#app[dir=rtl] .switchContainer .VcSwitch.with-icon[data-v-13c7166f]  .v-input--selection-controls__ripple{left:auto;right:-9px}.switchContainer .VcSwitch.with-icon[data-v-13c7166f]  .v-input--switch__thumb{height:18px;width:18px;top:calc(50% - 9px);transform:translateX(3.5px)!important}#app[dir=rtl] .switchContainer .VcSwitch.with-icon[data-v-13c7166f]  .v-input--switch__thumb{transform:translateX(-3.5px)!important}.switchContainer .VcSwitch.with-icon.v-input--is-disabled[data-v-13c7166f] {opacity:1}.switchContainer .VcSwitch.with-icon.v-input--is-disabled[data-v-13c7166f]  .v-input--switch__track{color:var(--gray-lighten-2)!important}.switchContainer .VcSwitch.with-icon.v-input--is-disabled[data-v-13c7166f]  .v-input--switch__thumb{background-color:var(--gray)!important;box-shadow:none}.switchContainer .VcSwitch.with-icon.v-input--is-disabled+.VcSwitchIcon[data-v-13c7166f]{fill:var(--gray-lighten-2)!important}.switchContainer .VcSwitch.with-icon.is-active[data-v-13c7166f]  .v-input--switch__track{opacity:1;background-color:currentColor}.switchContainer .VcSwitch.with-icon.is-active[data-v-13c7166f]  .v-input--selection-controls__ripple{transform:translateX(23.5px)!important}#app[dir=rtl] .switchContainer .VcSwitch.with-icon.is-active[data-v-13c7166f]  .v-input--selection-controls__ripple{transform:translateX(-23.5px)!important}.switchContainer .VcSwitch.with-icon.is-active[data-v-13c7166f]  .v-input--switch__thumb{transform:translateX(26px)!important}#app[dir=rtl] .switchContainer .VcSwitch.with-icon.is-active[data-v-13c7166f]  .v-input--switch__thumb{transform:translateX(-26px)!important}.switchContainer .VcSwitchIcon[data-v-13c7166f]{position:relative}.switchContainer .VcSwitchIconV[data-v-13c7166f]{left:30px;top:-47px;margin-bottom:-47px;fill:var(--v-secondary-base)}.switchContainer .VcSwitchIconX[data-v-13c7166f]{left:7.4px;top:-51px;margin-bottom:-51px;fill:var(--neutral-lighten-1)}.switchContainer.with-icon[data-v-13c7166f]{height:var(--size-value6)}",
@@ -3467,26 +3980,26 @@ const __vue_inject_styles__$i = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$i = "data-v-13c7166f";
+const __vue_scope_id__$h = "data-v-13c7166f";
 /* module identifier */
 
-const __vue_module_identifier__$i = undefined;
+const __vue_module_identifier__$h = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$i = false;
+const __vue_is_functional_template__$h = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$i = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$i,
-  staticRenderFns: __vue_staticRenderFns__$i
-}, __vue_inject_styles__$i, __vue_script__$i, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, createInjector, undefined, undefined);
+const __vue_component__$h = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$h,
+  staticRenderFns: __vue_staticRenderFns__$h
+}, __vue_inject_styles__$h, __vue_script__$h, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, createInjector, undefined, undefined);
 
-var script$h = {
+var script$g = {
   components: {
-    VcIcon: __vue_component__$E,
-    VcSwitch: __vue_component__$i,
+    VcIcon: __vue_component__$H,
+    VcSwitch: __vue_component__$h,
     VContainer: VContainer
   },
   name: 'VcListEntity',
@@ -3511,10 +4024,10 @@ var script$h = {
 };
 
 /* script */
-const __vue_script__$h = script$h;
+const __vue_script__$g = script$g;
 /* template */
 
-var __vue_render__$h = function () {
+var __vue_render__$g = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3560,10 +4073,10 @@ var __vue_render__$h = function () {
   })], 1)])])], 1);
 };
 
-var __vue_staticRenderFns__$h = [];
+var __vue_staticRenderFns__$g = [];
 /* style */
 
-const __vue_inject_styles__$h = function (inject) {
+const __vue_inject_styles__$g = function (inject) {
   if (!inject) return;
   inject("data-v-03298204_0", {
     source: ".listEntity .sl-title{font-size:var(--font-size-x-small);line-height:var(--size-value4);font-weight:var(--font-weight-medium2);margin:0 8px}.listEntity .sl-row{min-width:100%}",
@@ -3574,26 +4087,27 @@ const __vue_inject_styles__$h = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$h = undefined;
+const __vue_scope_id__$g = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$h = undefined;
+const __vue_module_identifier__$g = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$h = false;
+const __vue_is_functional_template__$g = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$h = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$h,
-  staticRenderFns: __vue_staticRenderFns__$h
-}, __vue_inject_styles__$h, __vue_script__$h, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, createInjector, undefined, undefined);
+const __vue_component__$g = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$g,
+  staticRenderFns: __vue_staticRenderFns__$g
+}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
 
-var script$g = {
+var script$f = {
   components: {
-    VcIcon: __vue_component__$E,
-    VcSwitch: __vue_component__$i,
+    VcImage: __vue_component__$y,
+    VcIcon: __vue_component__$H,
+    VcSwitch: __vue_component__$h,
     VContainer: VContainer
   },
   name: 'VcExpansionCard',
@@ -3628,10 +4142,10 @@ var script$g = {
 };
 
 /* script */
-const __vue_script__$g = script$g;
+const __vue_script__$f = script$f;
 /* template */
 
-var __vue_render__$g = function () {
+var __vue_render__$f = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3652,28 +4166,22 @@ var __vue_render__$g = function () {
       "fluid": ""
     }
   }, [_c('div', {
-    staticClass: "d-flex flex-wrap justify-space-between align-center",
-    staticStyle: {
-      "min-width": "100%"
-    }
+    staticClass: "expansionCardTitle d-flex flex-wrap justify-space-between align-center"
   }, [_c('div', {
-    staticClass: "justify-start d-flex align-center",
-    staticStyle: {
-      "min-width": "92px"
-    }
-  }, [_c('img', {
+    staticClass: "logo-area justify-start d-flex align-center"
+  }, [_c('VcImage', {
     staticClass: "VcLogoImage",
     attrs: {
-      "src": _vm.fromLogo
+      "image": _vm.fromLogo
     }
   }), _vm._v(" "), _c('VcIcon', {
     attrs: {
       "size": "12"
     }
-  }, [_vm._v("$chevron_left")]), _vm._v(" "), _c('img', {
+  }, [_vm._v("$chevron_left")]), _vm._v(" "), _c('VcImage', {
     staticClass: "VcLogoImage",
     attrs: {
-      "src": _vm.toLogo
+      "image": _vm.toLogo
     }
   })], 1), _vm._v(" "), _c('div', {
     staticClass: "d-flex justify-end",
@@ -3710,13 +4218,17 @@ var __vue_render__$g = function () {
   })])]), _vm._v(" "), _vm.value ? _vm._t("content") : _vm._e()], 2)], 1);
 };
 
-var __vue_staticRenderFns__$g = [];
+var __vue_staticRenderFns__$f = [];
 /* style */
 
-const __vue_inject_styles__$g = function (inject) {
+const __vue_inject_styles__$f = function (inject) {
   if (!inject) return;
-  inject("data-v-1883492c_0", {
-    source: ".expansionCard{border-radius:6px;border:1px solid;border-color:var(--gray-darken-1)!important;margin:var(--size-value5) 0}.expansionCard.is-active{border-color:var(--v-secondary-base)!important}.expansionCard .ec-title{font-size:var(--font-size-small2);line-height:var(--size-value6);margin:var(--size-value3) 0}.expansionCard .vc-chevron-left{fill:var(--gray-darken-1)!important}.expansionCard .VcLogoImage{width:var(--size-value7);height:var(--size-value7);margin:0 6px;border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:6px}.expansionCard .ec-text.full-width{width:100%}.expansionCard .ec-text.order-1{flex-grow:1}",
+  inject("data-v-0528d794_0", {
+    source: ".expansionCard[data-v-0528d794]{border-radius:6px;border:1px solid;border-color:var(--gray-darken-1)!important;margin:var(--size-value5) 0}.expansionCard.is-active[data-v-0528d794]{border-color:var(--v-secondary-base)!important}.expansionCard .ec-title[data-v-0528d794]{font-size:var(--font-size-small2);line-height:var(--size-value6);margin:var(--size-value3) 0}.expansionCard .VcLogoImage[data-v-0528d794]{width:var(--size-value7);height:var(--size-value7);margin:0 6px;border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:6px}.expansionCard .ec-text.full-width[data-v-0528d794]{width:100%}.expansionCard .ec-text.order-1[data-v-0528d794]{flex-grow:1}.expansionCardTitle[data-v-0528d794]{min-width:100%}.logo-area[data-v-0528d794]{min-width:92px}",
+    map: undefined,
+    media: undefined
+  }), inject("data-v-0528d794_1", {
+    source: ".expansionCard .vc-chevron-left{fill:var(--gray-darken-1)!important}",
     map: undefined,
     media: undefined
   });
@@ -3724,21 +4236,21 @@ const __vue_inject_styles__$g = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$g = undefined;
+const __vue_scope_id__$f = "data-v-0528d794";
 /* module identifier */
 
-const __vue_module_identifier__$g = undefined;
+const __vue_module_identifier__$f = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$g = false;
+const __vue_is_functional_template__$f = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$g = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$g,
-  staticRenderFns: __vue_staticRenderFns__$g
-}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
+const __vue_component__$f = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$f,
+  staticRenderFns: __vue_staticRenderFns__$f
+}, __vue_inject_styles__$f, __vue_script__$f, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, createInjector, undefined, undefined);
 
 //
 //
@@ -3759,7 +4271,7 @@ const __vue_component__$g = /*#__PURE__*/normalizeComponent({
 //
 //
 //
-var script$f = {
+var script$e = {
   components: {
     VTextField: VTextField
   },
@@ -3807,10 +4319,10 @@ var script$f = {
 };
 
 /* script */
-const __vue_script__$f = script$f;
+const __vue_script__$e = script$e;
 /* template */
 
-var __vue_render__$f = function () {
+var __vue_render__$e = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3842,10 +4354,10 @@ var __vue_render__$f = function () {
   });
 };
 
-var __vue_staticRenderFns__$f = [];
+var __vue_staticRenderFns__$e = [];
 /* style */
 
-const __vue_inject_styles__$f = function (inject) {
+const __vue_inject_styles__$e = function (inject) {
   if (!inject) return;
   inject("data-v-027a8ee5_0", {
     source: ".VcTextInput.v-text-field[data-v-027a8ee5]{font-family:var(--primary-font-family)}.VcTextInput.v-text-field[data-v-027a8ee5] .v-input__slot{padding:0 var(--size-value3);height:var(--size-value13);background:#fff;border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:6px}.VcTextInput.v-text-field[data-v-027a8ee5] .v-input__slot label{font-size:var(--font-size-small2);line-height:var(--size-value5);color:var(--gray-darken-3);font-weight:var(--font-weight-medium)}.VcTextInput.v-text-field[data-v-027a8ee5] .v-input__slot input{font-weight:var(--font-weight-medium2);font-size:var(--font-size-small2);line-height:var(--size-value5);color:var(--gray-darken-5)}.VcTextInput.v-text-field[data-v-027a8ee5] .v-input__slot:after,.VcTextInput.v-text-field[data-v-027a8ee5] .v-input__slot:before{display:none}.VcTextInput.v-text-field[data-v-027a8ee5] .v-input__slot:hover{border-color:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-027a8ee5] .v-input__slot:active,.VcTextInput.v-text-field[data-v-027a8ee5] .v-input__slot:focus,.VcTextInput.v-text-field[data-v-027a8ee5] .v-input__slot:focus-within{border:1px solid var(--v-secondary-base);box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.VcTextInput.v-text-field[data-v-027a8ee5] .v-input__slot:active input,.VcTextInput.v-text-field[data-v-027a8ee5] .v-input__slot:focus input,.VcTextInput.v-text-field[data-v-027a8ee5] .v-input__slot:focus-within input{color:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-027a8ee5].error--text .v-input__slot{border-color:var(--red);color:unset;box-shadow:unset;font-size:var(--font-size-xx-small);line-height:var(--size-value4)}.VcTextInput.v-text-field[data-v-027a8ee5].v-input--is-focused label,.VcTextInput.v-text-field[data-v-027a8ee5].v-input--is-label-active label{font-size:var(--font-size-small);line-height:1.17;letter-spacing:-.3px;color:var(--gray-darken-4)!important;transform:translateY(-100%) scale(.85);top:var(--size-value2)}.VcTextInput.v-text-field[data-v-027a8ee5].v-input--is-focused .v-text-field__slot,.VcTextInput.v-text-field[data-v-027a8ee5].v-input--is-label-active .v-text-field__slot{margin-bottom:-14px}.VcTextInput.v-text-field[data-v-027a8ee5].v-input--is-disabled .v-input__slot{background:var(--gray-lighten-3);border:1px solid var(--gray-lighten-1)}.VcTextInput.v-text-field[data-v-027a8ee5].v-input--is-disabled .v-input__slot input,.VcTextInput.v-text-field[data-v-027a8ee5].v-input--is-disabled .v-input__slot label{color:var(--gray-darken-2)}.VcTextInput.v-text-field[data-v-027a8ee5]:not(.v-input--is-label-active):not(.v-input--is-focused) input{padding:var(--size-value2) 0}.VcTextInput.v-text-field[data-v-027a8ee5] .v-messages__message{line-height:var(--size-value4)}",
@@ -3856,21 +4368,21 @@ const __vue_inject_styles__$f = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$f = "data-v-027a8ee5";
+const __vue_scope_id__$e = "data-v-027a8ee5";
 /* module identifier */
 
-const __vue_module_identifier__$f = undefined;
+const __vue_module_identifier__$e = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$f = false;
+const __vue_is_functional_template__$e = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$f = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$f,
-  staticRenderFns: __vue_staticRenderFns__$f
-}, __vue_inject_styles__$f, __vue_script__$f, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, createInjector, undefined, undefined);
+const __vue_component__$e = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$e,
+  staticRenderFns: __vue_staticRenderFns__$e
+}, __vue_inject_styles__$e, __vue_script__$e, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, createInjector, undefined, undefined);
 
 //
 //
@@ -3888,7 +4400,7 @@ const __vue_component__$f = /*#__PURE__*/normalizeComponent({
 //
 //
 //
-var script$e = {
+var script$d = {
   components: {
     VTextarea: VTextarea
   },
@@ -3931,10 +4443,10 @@ var script$e = {
 };
 
 /* script */
-const __vue_script__$e = script$e;
+const __vue_script__$d = script$d;
 /* template */
 
-var __vue_render__$e = function () {
+var __vue_render__$d = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3964,10 +4476,10 @@ var __vue_render__$e = function () {
   });
 };
 
-var __vue_staticRenderFns__$e = [];
+var __vue_staticRenderFns__$d = [];
 /* style */
 
-const __vue_inject_styles__$e = function (inject) {
+const __vue_inject_styles__$d = function (inject) {
   if (!inject) return;
   inject("data-v-021f98ca_0", {
     source: "[data-v-021f98ca].VcTextArea.v-text-field .v-text-field__slot:first-child{margin-inline-start:12px;margin-top:3px}[data-v-021f98ca].VcTextArea.v-text-field.v-input--is-focused label,[data-v-021f98ca].VcTextArea.v-text-field.v-input--is-label-active label{font-size:12px;color:rgba(0,0,0,.62)!important;transform:translateY(-18px) scale(.85)}[data-v-021f98ca].VcTextArea.v-text-field.v-input--is-focused .v-input__slot{border-color:var(--v-secondary-base);box-shadow:0 0 0 3px var(--v-secondary-lighten1);transition:box-shadow .1s!important}[data-v-021f98ca].VcTextArea.v-text-field:not(.v-text-field--outlined) .v-text-field__slot{transition:margin-bottom .1s}[data-v-021f98ca].VcTextArea.v-text-field:not(.v-text-field--outlined).v-input--is-focused label,[data-v-021f98ca].VcTextArea.v-text-field:not(.v-text-field--outlined).v-input--is-label-active label{font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.17;letter-spacing:-.3px;color:rgba(0,0,0,.62)!important;transform:translateY(-100%) scale(.85);top:24px}[data-v-021f98ca].VcTextArea.v-text-field .v-input__slot{border-radius:6px;background-color:#fff!important;position:relative!important;border:solid 1px rgba(0,0,0,.12);transition:border-color .1s!important}[data-v-021f98ca].VcTextArea.v-text-field .v-input__slot:hover:not(.v-input--is-focused.v-input__slot):not(.error--text.v-input__slot){border-color:#757575}[data-v-021f98ca].VcTextArea.v-text-field .v-input__slot:after,[data-v-021f98ca].VcTextArea.v-text-field .v-input__slot:before{display:none}[data-v-021f98ca].VcTextArea.v-text-field textarea{font-size:15px!important;font-weight:500;margin-top:0;line-height:1.5;margin-top:20px}[data-v-021f98ca].VcTextArea.v-text-field .v-text-field__prefix{color:rgba(0,0,0,.54)!important}[data-v-021f98ca].VcTextArea.v-text-field.error--text .v-input__slot{border:1px solid var(--v-danger-base);box-shadow:none}[data-v-021f98ca].VcTextArea.v-text-field.v-input--is-disabled .v-input__slot{background-color:rgba(0,0,0,.03)!important}",
@@ -3978,26 +4490,26 @@ const __vue_inject_styles__$e = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$e = "data-v-021f98ca";
+const __vue_scope_id__$d = "data-v-021f98ca";
 /* module identifier */
 
-const __vue_module_identifier__$e = undefined;
+const __vue_module_identifier__$d = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$e = false;
+const __vue_is_functional_template__$d = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$e = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$e,
-  staticRenderFns: __vue_staticRenderFns__$e
-}, __vue_inject_styles__$e, __vue_script__$e, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, createInjector, undefined, undefined);
+const __vue_component__$d = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$d,
+  staticRenderFns: __vue_staticRenderFns__$d
+}, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, createInjector, undefined, undefined);
 
-var script$d = {
+var script$c = {
   name: 'VcToast',
   components: {
-    VcAlert: __vue_component__$u,
+    VcAlert: __vue_component__$w,
     VSnackbar: VSnackbar
   },
   props: {
@@ -4018,10 +4530,10 @@ var script$d = {
 };
 
 /* script */
-const __vue_script__$d = script$d;
+const __vue_script__$c = script$c;
 /* template */
 
-var __vue_render__$d = function () {
+var __vue_render__$c = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4043,10 +4555,10 @@ var __vue_render__$d = function () {
   }, 'VcAlert', _vm.$attrs, false))], 1);
 };
 
-var __vue_staticRenderFns__$d = [];
+var __vue_staticRenderFns__$c = [];
 /* style */
 
-const __vue_inject_styles__$d = function (inject) {
+const __vue_inject_styles__$c = function (inject) {
   if (!inject) return;
   inject("data-v-2d3e5bbe_0", {
     source: "[data-v-2d3e5bbe] .v-snack__action{display:none}[data-v-2d3e5bbe] .v-snack__wrapper.theme--dark{background-color:unset}[data-v-2d3e5bbe] .v-alert{margin-bottom:0}[data-v-2d3e5bbe] .v-sheet.v-snack__wrapper:not(.v-sheet--outlined){box-shadow:none}",
@@ -4057,21 +4569,21 @@ const __vue_inject_styles__$d = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$d = "data-v-2d3e5bbe";
+const __vue_scope_id__$c = "data-v-2d3e5bbe";
 /* module identifier */
 
-const __vue_module_identifier__$d = undefined;
+const __vue_module_identifier__$c = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$d = false;
+const __vue_is_functional_template__$c = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$d = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$d,
-  staticRenderFns: __vue_staticRenderFns__$d
-}, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, createInjector, undefined, undefined);
+const __vue_component__$c = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$c,
+  staticRenderFns: __vue_staticRenderFns__$c
+}, __vue_inject_styles__$c, __vue_script__$c, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, createInjector, undefined, undefined);
 
 //
 //
@@ -4085,7 +4597,7 @@ const __vue_component__$d = /*#__PURE__*/normalizeComponent({
 //
 //
 //
-var script$c = {
+var script$b = {
   components: {
     VCard: VCard
   },
@@ -4109,10 +4621,10 @@ var script$c = {
 };
 
 /* script */
-const __vue_script__$c = script$c;
+const __vue_script__$b = script$b;
 /* template */
 
-var __vue_render__$c = function () {
+var __vue_render__$b = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4146,165 +4658,13 @@ var __vue_render__$c = function () {
   }) : _vm._e(), _vm._v(" "), _vm._t("default")], 2);
 };
 
-var __vue_staticRenderFns__$c = [];
-/* style */
-
-const __vue_inject_styles__$c = function (inject) {
-  if (!inject) return;
-  inject("data-v-11425092_0", {
-    source: ".VcCard[data-v-11425092]{position:relative;padding:16px 24px;border:1px solid var(--gray-lighten-1);box-sizing:border-box;box-shadow:none;overflow:hidden;transition:box-shadow .4s}.VcCard.elevation[data-v-11425092]{border:0;box-shadow:var(--shadow-2)}.VcCard.elevation[data-v-11425092]:hover{box-shadow:var(--shadow-5)}.VcCard.dash[data-v-11425092]{border-top:0}.VcCard__dash[data-v-11425092]{position:absolute;top:0;left:-5px;width:110%;border:0;height:5px}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-
-
-const __vue_scope_id__$c = "data-v-11425092";
-/* module identifier */
-
-const __vue_module_identifier__$c = undefined;
-/* functional template */
-
-const __vue_is_functional_template__$c = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$c = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$c,
-  staticRenderFns: __vue_staticRenderFns__$c
-}, __vue_inject_styles__$c, __vue_script__$c, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, createInjector, undefined, undefined);
-
-var script$b = {
-  name: 'VcCheckbox',
-  components: {
-    VcIcon: __vue_component__$E,
-    VcAvatar: __vue_component__$r,
-    VcTooltip: __vue_component__$t,
-    VCheckbox: VCheckbox
-  },
-  computed: {
-    selected: {
-      get() {
-        return this.checked;
-      },
-
-      set(val) {
-        this.$emit('change', val);
-      }
-
-    }
-  },
-  props: {
-    label: {
-      type: String,
-      required: false
-    },
-    tooltip: {
-      type: String,
-      required: false
-    },
-    avatar: {
-      type: Object,
-      required: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    indeterminate: {
-      type: Boolean,
-      default: false
-    },
-    checked: {
-      type: [Boolean, Array],
-      default: false
-    },
-    value: {
-      type: [String, Boolean, Number],
-      default: false
-    },
-    dataQa: {
-      type: String,
-      default: 'VcCheckbox'
-    }
-  }
-};
-
-/* script */
-const __vue_script__$b = script$b;
-/* template */
-
-var __vue_render__$b = function () {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('v-checkbox', {
-    staticClass: "vc-checkbox d-flex align-center",
-    attrs: {
-      "hide-details": "true",
-      "disabled": _vm.disabled,
-      "ripple": false,
-      "on-icon": "check",
-      "off-icon": "",
-      "indeterminate-icon": "$indeterminate",
-      "indeterminate": _vm.indeterminate,
-      "color": "white",
-      "label": _vm.label,
-      "value": _vm.value,
-      "data-qa": _vm.dataQa
-    },
-    scopedSlots: _vm._u([{
-      key: "label",
-      fn: function () {
-        return [_c('div', {
-          staticClass: "d-flex align-center"
-        }, [_vm.avatar && _vm.label ? _c('VcAvatar', {
-          staticClass: "ms-1 me-3",
-          attrs: {
-            "image-path": _vm.avatar.path,
-            "name": _vm.avatar.name,
-            "color-id": _vm.avatar.colorId,
-            "size": "x-sm"
-          }
-        }) : _vm._e(), _vm._v(" "), _vm.label ? _c('span', {
-          staticClass: "checkbox-label"
-        }, [_vm._v(_vm._s(_vm.label))]) : _vm._e(), _vm._v(" "), _vm.tooltip && _vm.label ? _c('VcTooltip', {
-          attrs: {
-            "dark": "",
-            "content": _vm.tooltip,
-            "bottom": ""
-          }
-        }, [_c('VcIcon', {
-          staticClass: "tooltip-icon ms-2",
-          attrs: {
-            "size": "16"
-          }
-        }, [_vm._v("$info")])], 1) : _vm._e()], 1)];
-      },
-      proxy: true
-    }]),
-    model: {
-      value: _vm.selected,
-      callback: function ($$v) {
-        _vm.selected = $$v;
-      },
-      expression: "selected"
-    }
-  });
-};
-
 var __vue_staticRenderFns__$b = [];
 /* style */
 
 const __vue_inject_styles__$b = function (inject) {
   if (!inject) return;
-  inject("data-v-48d8e389_0", {
-    source: ".vc-checkbox[data-v-48d8e389]{font-family:var(--primary-font-family)}.vc-checkbox[data-v-48d8e389] .v-input__slot .v-input--selection-controls__input{width:var(--size-value4);height:var(--size-value4)}.vc-checkbox[data-v-48d8e389] .v-input__slot .v-input--selection-controls__input .v-icon{color:transparent;border:1px solid rgba(0,0,0,.2);box-sizing:border-box;border-radius:2px;font-size:var(--font-size-small);font-weight:700}.vc-checkbox[data-v-48d8e389] .checkbox-label{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small)}.vc-checkbox[data-v-48d8e389]:not(.v-input--is-disabled) .checkbox-label{color:var(--gray-darken-5)}.vc-checkbox[data-v-48d8e389] .tooltip-icon{color:var(--gray-darken-3)}.vc-checkbox[data-v-48d8e389] .avatar-wrapper .avatar-initials{font-size:var(--font-size-xxx-small);font-weight:var(--font-weight-medium2)}.vc-checkbox[data-v-48d8e389].v-input--indeterminate:not(.v-input--is-disabled) .v-input--selection-controls__input .v-icon{background-color:var(--green);color:#fff}.vc-checkbox[data-v-48d8e389].v-input--is-label-active:not(.v-input--is-disabled) .v-input--selection-controls__input .v-icon{background-color:var(--green);color:#fff;border:none}.vc-checkbox[data-v-48d8e389]:not(.v-input--is-disabled):hover:not(:active) .v-input--selection-controls__input .v-icon{background-color:rgba(0,0,0,.03)}.vc-checkbox[data-v-48d8e389].v-input--indeterminate:not(.v-input--is-disabled):hover .v-input--selection-controls__input .v-icon,.vc-checkbox[data-v-48d8e389].v-input--is-label-active:not(.v-input--is-disabled):hover .v-input--selection-controls__input .v-icon{background-color:rgba(84,210,140,.76)}.vc-checkbox[data-v-48d8e389].v-input--indeterminate:not(.v-input--is-disabled):active .v-input--selection-controls__input .v-icon,.vc-checkbox[data-v-48d8e389].v-input--is-label-active:not(.v-input--is-disabled):active .v-input--selection-controls__input .v-icon{background-color:rgba(84,210,140,.5)}.vc-checkbox[data-v-48d8e389]:not(.v-input--is-label-active):not(.v-input--indeterminate):not(.v-input--is-disabled):active .v-input--selection-controls__input .v-icon{background:rgba(0,0,0,.12)}.vc-checkbox[data-v-48d8e389]:not(.v-input--is-disabled):focus .v-input--selection-controls__input .v-icon{box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.vc-checkbox[data-v-48d8e389].v-input--is-disabled .v-input--selection-controls__input .v-icon{background:rgba(0,0,0,.07)}.vc-checkbox[data-v-48d8e389].v-input--is-disabled.v-input--is-label-active .v-input--selection-controls__input .v-icon{border:none}",
+  inject("data-v-11425092_0", {
+    source: ".VcCard[data-v-11425092]{position:relative;padding:16px 24px;border:1px solid var(--gray-lighten-1);box-sizing:border-box;box-shadow:none;overflow:hidden;transition:box-shadow .4s}.VcCard.elevation[data-v-11425092]{border:0;box-shadow:var(--shadow-2)}.VcCard.elevation[data-v-11425092]:hover{box-shadow:var(--shadow-5)}.VcCard.dash[data-v-11425092]{border-top:0}.VcCard__dash[data-v-11425092]{position:absolute;top:0;left:-5px;width:110%;border:0;height:5px}",
     map: undefined,
     media: undefined
   });
@@ -4312,7 +4672,7 @@ const __vue_inject_styles__$b = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$b = "data-v-48d8e389";
+const __vue_scope_id__$b = "data-v-11425092";
 /* module identifier */
 
 const __vue_module_identifier__$b = undefined;
@@ -4331,10 +4691,10 @@ const __vue_component__$b = /*#__PURE__*/normalizeComponent({
 var script$a = {
   name: "FilterPanel",
   components: {
-    VcLayout: __vue_component__$B,
-    VcIcon: __vue_component__$E,
-    VcButton: __vue_component__$D,
-    VcLoader: __vue_component__$j
+    VcLayout: __vue_component__$E,
+    VcIcon: __vue_component__$H,
+    VcButton: __vue_component__$G,
+    VcLoader: __vue_component__$i
   },
   props: {
     title: {
@@ -4592,9 +4952,9 @@ const __vue_component__$8 = /*#__PURE__*/normalizeComponent({
 var script$7 = {
   name: "ListItem",
   components: {
-    VcLayout: __vue_component__$B,
-    VcCheckbox: __vue_component__$b,
-    VcActions: __vue_component__$o
+    VcLayout: __vue_component__$E,
+    VcCheckbox: __vue_component__$m,
+    VcActions: __vue_component__$q
   },
   props: {
     showSelect: {
@@ -4705,7 +5065,7 @@ const __vue_component__$7 = /*#__PURE__*/normalizeComponent({
 var script$6 = {
   name: "VcGroupHeader",
   components: {
-    VcLayout: __vue_component__$B
+    VcLayout: __vue_component__$E
   },
   props: {
     title: {
@@ -4827,9 +5187,10 @@ const __vue_component__$5 = /*#__PURE__*/normalizeComponent({
 var script$4 = {
   name: 'VcEmptyState',
   components: {
+    VcImage: __vue_component__$y,
     VcSvg: __vue_component__$5,
-    VcButton: __vue_component__$D,
-    VcLayout: __vue_component__$B,
+    VcButton: __vue_component__$G,
+    VcLayout: __vue_component__$E,
     VcLink: __vue_component__$8
   },
   props: {
@@ -4838,13 +5199,17 @@ var script$4 = {
       default: 'md',
       validator: prop => ['sm', 'md', 'lg'].includes(prop)
     },
+    image: {
+      type: [String, Object],
+      comment: 'This is the standard way to pass the image, the icon and svg props are for backward compatibility'
+    },
     icon: {
-      type: String,
-      comment: 'url to some image'
+      type: [String, Object],
+      comment: 'url to some image, deprecated'
     },
     svg: {
-      type: String,
-      comment: 'using the svgImage design system object'
+      type: [String, Object],
+      comment: 'using the svgImage design system object, deprecated'
     },
     title: {
       type: String,
@@ -4870,6 +5235,13 @@ var script$4 = {
       type: String,
       default: 'VcEmptyState'
     }
+  },
+  computed: {
+    currentImage() {
+      // for backward compatibility
+      return this.image || this.icon || this.svg;
+    }
+
   }
 };
 
@@ -4895,15 +5267,10 @@ var __vue_render__$4 = function () {
       "column": "",
       "align-content-center": ""
     }
-  }, [_vm.icon ? _c('img', {
-    staticClass: "VcEmptyStateImage",
-    attrs: {
-      "src": _vm.icon
-    }
-  }) : _vm._e(), _vm._v(" "), _vm.svg ? _c('VcSvg', {
+  }, [_vm.currentImage ? _c('VcImage', {
     staticClass: "VcEmptyStateImage",
     attrs: {
-      "svg": _vm.svg
+      "image": _vm.currentImage
     }
   }) : _vm._e(), _vm._v(" "), _c('div', {
     staticClass: "VcEmptyStateTitle"
@@ -4930,7 +5297,7 @@ var __vue_render__$4 = function () {
           return _vm.$emit('click');
         }
       }
-    }, [_vm._v(_vm._s(_vm.button))]) : _vm._e(), _vm._v(" "), _vm.linkLabel && _vm.linkUrl ? _c('VcLink', {
+    }, [_vm._v("\n        " + _vm._s(_vm.button) + "\n      ")]) : _vm._e(), _vm._v(" "), _vm.linkLabel && _vm.linkUrl ? _c('VcLink', {
       attrs: {
         "url": _vm.linkUrl,
         "label": _vm.linkLabel
@@ -4944,8 +5311,8 @@ var __vue_staticRenderFns__$4 = [];
 
 const __vue_inject_styles__$4 = function (inject) {
   if (!inject) return;
-  inject("data-v-27288639_0", {
-    source: ".VcEmptyState[data-v-27288639],.VcEmptyStateSubtitle[data-v-27288639]{text-align:center;line-height:var(--size-value6)}.VcEmptyState[data-v-27288639]{text-align:center}.VcEmptyState .VcEmptyStateImage[data-v-27288639]{margin-bottom:var(--size-value4);max-height:160px}.VcEmptyState .VcEmptyStateImage[data-v-27288639]  svg{width:160px}.VcEmptyState .VcEmptyStateTitle[data-v-27288639]{font-weight:var(--font-weight-xl);line-height:22px;padding-bottom:var(--size-value1);font-size:var(--font-size-small2)}.VcEmptyState .VcEmptyStateSubtitle[data-v-27288639]{font-size:var(--font-size-x-small)}.VcEmptyState .VcEmptyStateButton[data-v-27288639]{margin-top:var(--size-value4)}.sm .VcEmptyStateImage[data-v-27288639]{max-height:48px;margin-bottom:var(--size-value8)}.sm .VcEmptyStateImage[data-v-27288639]  svg{width:48px}.lg .VcEmptyStateImage[data-v-27288639]{max-height:280px;margin-bottom:var(--size-value8)}.lg .VcEmptyStateImage[data-v-27288639]  svg{width:280px}.lg .VcEmptyStateTitle[data-v-27288639]{font-weight:var(--font-weight-large);line-height:22px;padding-bottom:var(--size-value2);font-size:var(--font-size-medium1)}",
+  inject("data-v-5412fef9_0", {
+    source: ".VcEmptyState[data-v-5412fef9],.VcEmptyStateSubtitle[data-v-5412fef9]{text-align:center;line-height:var(--size-value6)}.VcEmptyState[data-v-5412fef9]{text-align:center}.VcEmptyState .VcEmptyStateImage[data-v-5412fef9]{margin-bottom:var(--size-value4);height:160px}.VcEmptyState .VcEmptyStateTitle[data-v-5412fef9]{font-weight:var(--font-weight-xl);line-height:22px;padding-bottom:var(--size-value1);font-size:var(--font-size-small2)}.VcEmptyState .VcEmptyStateSubtitle[data-v-5412fef9]{font-size:var(--font-size-x-small)}.VcEmptyState .VcEmptyStateButton[data-v-5412fef9]{margin-top:var(--size-value4)}.sm .VcEmptyStateImage[data-v-5412fef9]{height:48px;margin-bottom:var(--size-value8)}.sm .VcEmptyStateImage[data-v-5412fef9]  svg{width:48px}.lg .VcEmptyStateImage[data-v-5412fef9]{height:280px;margin-bottom:var(--size-value8)}.lg .VcEmptyStateImage[data-v-5412fef9]  svg{width:280px}.lg .VcEmptyStateTitle[data-v-5412fef9]{font-weight:var(--font-weight-large);line-height:22px;padding-bottom:var(--size-value2);font-size:var(--font-size-medium1)}",
     map: undefined,
     media: undefined
   });
@@ -4953,7 +5320,7 @@ const __vue_inject_styles__$4 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$4 = "data-v-27288639";
+const __vue_scope_id__$4 = "data-v-5412fef9";
 /* module identifier */
 
 const __vue_module_identifier__$4 = undefined;
@@ -4972,7 +5339,8 @@ const __vue_component__$4 = /*#__PURE__*/normalizeComponent({
 var script$3 = {
   name: "VcBanner",
   components: {
-    VcButton: __vue_component__$D
+    VcImage: __vue_component__$y,
+    VcButton: __vue_component__$G
   },
   props: {
     dataQa: {
@@ -4980,7 +5348,8 @@ var script$3 = {
       default: 'VcBanner'
     },
     image: {
-      type: String
+      type: [String, Object],
+      required: true
     },
     backgroundColor: {
       type: String,
@@ -5017,12 +5386,12 @@ var __vue_render__$3 = function () {
     attrs: {
       "data-qa": _vm.dataQa
     }
-  }, [_vm.image ? _c('img', {
+  }, [_c('VcImage', {
     staticClass: "d-none d-md-block",
     attrs: {
-      "src": _vm.image
+      "image": _vm.image
     }
-  }) : _vm._e(), _vm._v(" "), _c('div', {
+  }), _vm._v(" "), _c('div', {
     staticClass: "text-container px-md-8 flex-grow-1"
   }, [_c('div', {
     staticClass: "banner-title pb-2 pb-md-0"
@@ -5039,7 +5408,7 @@ var __vue_render__$3 = function () {
         return _vm.$emit('onAction');
       }
     }
-  }, [_vm._v(_vm._s(_vm.buttonLabel))]) : _vm._e()], 1);
+  }, [_vm._v("\n    " + _vm._s(_vm.buttonLabel) + "\n  ")]) : _vm._e()], 1);
 };
 
 var __vue_staticRenderFns__$3 = [];
@@ -5047,8 +5416,8 @@ var __vue_staticRenderFns__$3 = [];
 
 const __vue_inject_styles__$3 = function (inject) {
   if (!inject) return;
-  inject("data-v-27b8a6b4_0", {
-    source: ".VcBanner[data-v-27b8a6b4]{min-height:128px;box-sizing:border-box;box-shadow:var(--shadow-10)}@media screen and (min-width:960px){.VcBanner[data-v-27b8a6b4]{box-shadow:unset;border-radius:var(--size-value3);border:1px solid var(--neutral-lighten-2)}}.VcBanner img[data-v-27b8a6b4]{max-width:104px}.VcBanner .text-container[data-v-27b8a6b4]{color:var(--gray-darken-5)}.VcBanner .text-container .banner-title[data-v-27b8a6b4]{font-weight:var(--font-weight-large2);font-size:var(--font-size-small3);line-height:22px}@media screen and (min-width:960px){.VcBanner .text-container .banner-title[data-v-27b8a6b4]{font-size:var(--font-size-medium2);line-height:var(--size-value8)}}.VcBanner .text-container .banner-subtitle[data-v-27b8a6b4]{font-size:var(--font-size-small2);line-height:var(--size-value5);font-weight:var(--font-weight-medium)}",
+  inject("data-v-464e58dc_0", {
+    source: ".VcBanner[data-v-464e58dc]{height:128px;box-sizing:border-box;box-shadow:var(--shadow-10)}@media screen and (min-width:960px){.VcBanner[data-v-464e58dc]{box-shadow:unset;border-radius:var(--size-value3);border:1px solid var(--neutral-lighten-2)}}.VcBanner .text-container[data-v-464e58dc]{color:var(--gray-darken-5)}.VcBanner .text-container .banner-title[data-v-464e58dc]{font-weight:var(--font-weight-large2);font-size:var(--font-size-small3);line-height:22px}@media screen and (min-width:960px){.VcBanner .text-container .banner-title[data-v-464e58dc]{font-size:var(--font-size-medium2);line-height:var(--size-value8)}}.VcBanner .text-container .banner-subtitle[data-v-464e58dc]{font-size:var(--font-size-small2);line-height:var(--size-value5);font-weight:var(--font-weight-medium)}",
     map: undefined,
     media: undefined
   });
@@ -5056,7 +5425,7 @@ const __vue_inject_styles__$3 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$3 = "data-v-27b8a6b4";
+const __vue_scope_id__$3 = "data-v-464e58dc";
 /* module identifier */
 
 const __vue_module_identifier__$3 = undefined;
@@ -5075,8 +5444,8 @@ const __vue_component__$3 = /*#__PURE__*/normalizeComponent({
 var script$2 = {
   name: "VcWizardCtaContainer",
   components: {
-    VcButton: __vue_component__$D,
-    VcLayout: __vue_component__$B
+    VcButton: __vue_component__$G,
+    VcLayout: __vue_component__$E
   },
   props: {
     isBackDisplayed: {
@@ -5201,8 +5570,8 @@ var script$1 = {
     }
   },
   components: {
-    VcLayout: __vue_component__$B,
-    VcLoader: __vue_component__$j,
+    VcLayout: __vue_component__$E,
+    VcLoader: __vue_component__$i,
     VStepperContent: VStepperContent,
     VStepperItems: VStepperItems,
     VStepper: VStepper
@@ -5395,9 +5764,9 @@ const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
 var script = {
   name: "VcWizard",
   components: {
-    VcStepsBar: __vue_component__$n,
+    VcStepsBar: __vue_component__$p,
     VcStepperContent: __vue_component__$1,
-    VcMobileWizardProgress: __vue_component__$l,
+    VcMobileWizardProgress: __vue_component__$n,
     VcWizardCtaContainer: __vue_component__$2,
     VLayout: VLayout
   },
@@ -5585,35 +5954,37 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
 
 var components$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  VcConfirmModal: __vue_component__$y,
-  VcInputModal: __vue_component__$w,
-  VcNoticeModal: __vue_component__$v,
-  VcModalFooter: __vue_component__$A,
-  VcModalHeader: __vue_component__$z,
-  VcAlert: __vue_component__$u,
-  VcTooltip: __vue_component__$t,
-  VcIconWithTooltip: __vue_component__$s,
-  VcBottomActions: __vue_component__$q,
-  VcActionList: __vue_component__$p,
-  VcActions: __vue_component__$o,
-  VcStepsBar: __vue_component__$n,
-  VcMobileWizardProgress: __vue_component__$l,
-  VcProgressCircular: __vue_component__$m,
-  VcButton: __vue_component__$D,
-  VcButtonGroup: __vue_component__$k,
-  VcForm: __vue_component__$x,
-  VcIcon: __vue_component__$E,
-  VcLayout: __vue_component__$B,
-  VcLoader: __vue_component__$j,
-  VcSwitch: __vue_component__$i,
-  VcListEntity: __vue_component__$h,
-  VcExpansionCard: __vue_component__$g,
-  VcTextField: __vue_component__$f,
-  VcAvatar: __vue_component__$r,
-  VcTextArea: __vue_component__$e,
-  VcToast: __vue_component__$d,
-  VcCard: __vue_component__$c,
-  VcCheckbox: __vue_component__$b,
+  VcConfirmModal: __vue_component__$B,
+  VcInputModal: __vue_component__$z,
+  VcNoticeModal: __vue_component__$x,
+  VcModalFooter: __vue_component__$D,
+  VcModalHeader: __vue_component__$C,
+  VcAlert: __vue_component__$w,
+  VcTooltip: __vue_component__$v,
+  VcIconWithTooltip: __vue_component__$u,
+  VcBottomActions: __vue_component__$s,
+  VcActionList: __vue_component__$r,
+  VcActions: __vue_component__$q,
+  VcStepsBar: __vue_component__$p,
+  VcMobileWizardProgress: __vue_component__$n,
+  VcProgressCircular: __vue_component__$o,
+  VcChecklistItem: __vue_component__$l,
+  VcListbox: __vue_component__$k,
+  VcButton: __vue_component__$G,
+  VcButtonGroup: __vue_component__$j,
+  VcForm: __vue_component__$A,
+  VcIcon: __vue_component__$H,
+  VcLayout: __vue_component__$E,
+  VcLoader: __vue_component__$i,
+  VcSwitch: __vue_component__$h,
+  VcListEntity: __vue_component__$g,
+  VcExpansionCard: __vue_component__$f,
+  VcTextField: __vue_component__$e,
+  VcAvatar: __vue_component__$t,
+  VcTextArea: __vue_component__$d,
+  VcToast: __vue_component__$c,
+  VcCard: __vue_component__$b,
+  VcCheckbox: __vue_component__$m,
   VcFilterPanel: __vue_component__$a,
   VcFocusArea: __vue_component__$9,
   VcLink: __vue_component__$8,
@@ -5623,7 +5994,8 @@ var components$1 = /*#__PURE__*/Object.freeze({
   VcSvg: __vue_component__$5,
   VcBanner: __vue_component__$3,
   VcWizardCtaContainer: __vue_component__$2,
-  VcWizard: __vue_component__
+  VcWizard: __vue_component__,
+  VcImage: __vue_component__$y
 });
 
 // Import vue components
@@ -5637,35 +6009,37 @@ const install = function installdesignSystem(Vue) {
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': install,
-  VcConfirmModal: __vue_component__$y,
-  VcInputModal: __vue_component__$w,
-  VcNoticeModal: __vue_component__$v,
-  VcModalFooter: __vue_component__$A,
-  VcModalHeader: __vue_component__$z,
-  VcAlert: __vue_component__$u,
-  VcTooltip: __vue_component__$t,
-  VcIconWithTooltip: __vue_component__$s,
-  VcBottomActions: __vue_component__$q,
-  VcActionList: __vue_component__$p,
-  VcActions: __vue_component__$o,
-  VcStepsBar: __vue_component__$n,
-  VcMobileWizardProgress: __vue_component__$l,
-  VcProgressCircular: __vue_component__$m,
-  VcButton: __vue_component__$D,
-  VcButtonGroup: __vue_component__$k,
-  VcForm: __vue_component__$x,
-  VcIcon: __vue_component__$E,
-  VcLayout: __vue_component__$B,
-  VcLoader: __vue_component__$j,
-  VcSwitch: __vue_component__$i,
-  VcListEntity: __vue_component__$h,
-  VcExpansionCard: __vue_component__$g,
-  VcTextField: __vue_component__$f,
-  VcAvatar: __vue_component__$r,
-  VcTextArea: __vue_component__$e,
-  VcToast: __vue_component__$d,
-  VcCard: __vue_component__$c,
-  VcCheckbox: __vue_component__$b,
+  VcConfirmModal: __vue_component__$B,
+  VcInputModal: __vue_component__$z,
+  VcNoticeModal: __vue_component__$x,
+  VcModalFooter: __vue_component__$D,
+  VcModalHeader: __vue_component__$C,
+  VcAlert: __vue_component__$w,
+  VcTooltip: __vue_component__$v,
+  VcIconWithTooltip: __vue_component__$u,
+  VcBottomActions: __vue_component__$s,
+  VcActionList: __vue_component__$r,
+  VcActions: __vue_component__$q,
+  VcStepsBar: __vue_component__$p,
+  VcMobileWizardProgress: __vue_component__$n,
+  VcProgressCircular: __vue_component__$o,
+  VcChecklistItem: __vue_component__$l,
+  VcListbox: __vue_component__$k,
+  VcButton: __vue_component__$G,
+  VcButtonGroup: __vue_component__$j,
+  VcForm: __vue_component__$A,
+  VcIcon: __vue_component__$H,
+  VcLayout: __vue_component__$E,
+  VcLoader: __vue_component__$i,
+  VcSwitch: __vue_component__$h,
+  VcListEntity: __vue_component__$g,
+  VcExpansionCard: __vue_component__$f,
+  VcTextField: __vue_component__$e,
+  VcAvatar: __vue_component__$t,
+  VcTextArea: __vue_component__$d,
+  VcToast: __vue_component__$c,
+  VcCard: __vue_component__$b,
+  VcCheckbox: __vue_component__$m,
   VcFilterPanel: __vue_component__$a,
   VcFocusArea: __vue_component__$9,
   VcLink: __vue_component__$8,
@@ -5675,7 +6049,8 @@ var components = /*#__PURE__*/Object.freeze({
   VcSvg: __vue_component__$5,
   VcBanner: __vue_component__$3,
   VcWizardCtaContainer: __vue_component__$2,
-  VcWizard: __vue_component__
+  VcWizard: __vue_component__,
+  VcImage: __vue_component__$y
 });
 
 // iife/cjs usage extends esm default export - so import it all