@designcrowd/library.brand-page 6.0.14-5804-1 → 6.0.14

package/lib/src/{CreatedOnBrandCrowd-de-de-BYABvnQX.js → CreatedOnBrandCrowd-de-de-DmzRlsce.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-ClM5iHnZ.js";
+import { _ as t } from "./lib-CNOJ4Gd2.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-CU6aE_W2.js → CreatedOnBrandCrowd-en-us-Bar3LFZV.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-ClM5iHnZ.js";
+import { _ as t } from "./lib-CNOJ4Gd2.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-Pfuc4Nfl.js → CreatedOnBrandCrowd-es-es-BIiEe4jb.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-ClM5iHnZ.js";
+import { _ as t } from "./lib-CNOJ4Gd2.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-DyQ1RyZN.js → CreatedOnBrandCrowd-fr-ca-DqwzTDeo.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-ClM5iHnZ.js";
+import { _ as t } from "./lib-CNOJ4Gd2.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-ca-DyQ1RyZN.js → CreatedOnBrandCrowd-fr-fr-DqwzTDeo.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-ClM5iHnZ.js";
+import { _ as t } from "./lib-CNOJ4Gd2.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-DXMSa1wa.js → CreatedOnBrandCrowd-pt-br-BY23Zbv_.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-ClM5iHnZ.js";
+import { _ as t } from "./lib-CNOJ4Gd2.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-br-DXMSa1wa.js → CreatedOnBrandCrowd-pt-pt-BY23Zbv_.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-ClM5iHnZ.js";
+import { _ as t } from "./lib-CNOJ4Gd2.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-kGnTiAMq.js → CreatedOnDcom-de-de-D5P5YJNx.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-ClM5iHnZ.js";
+import { _ as e } from "./lib-CNOJ4Gd2.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-CKrgHXUY.js → CreatedOnDcom-en-us-BDS8zKK8.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-ClM5iHnZ.js";
+import { _ as e } from "./lib-CNOJ4Gd2.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-CVxOQoOy.js → CreatedOnDcom-es-es-oRaJy9ar.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-ClM5iHnZ.js";
+import { _ as e } from "./lib-CNOJ4Gd2.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-ca-BduB1A0z.js → CreatedOnDcom-fr-ca-CCNBdzYl.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-ClM5iHnZ.js";
+import { _ as e } from "./lib-CNOJ4Gd2.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-LGhd51py.js → CreatedOnDcom-fr-fr-BHQfOJAM.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-ClM5iHnZ.js";
+import { _ as e } from "./lib-CNOJ4Gd2.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-br-BLqHx-RQ.js → CreatedOnDcom-pt-br-CvMLP93q.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-ClM5iHnZ.js";
+import { _ as M } from "./lib-CNOJ4Gd2.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-52goGQ1s.js → CreatedOnDcom-pt-pt-ClBnrBW0.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-ClM5iHnZ.js";
+import { _ as M } from "./lib-CNOJ4Gd2.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts

@@ -50,7 +50,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isSaving: import("vue").ComputedRef<boolean>;
     isPublishing: import("vue").ComputedRef<boolean>;
     isPublished: import("vue").ComputedRef<boolean>;
-    shouldShowQuickLinkBar: import("vue").ComputedRef<boolean>;
     isBrandPageOrIsBrandContact: import("vue").ComputedRef<boolean>;
     brandPageViewModel: import("vue").ComputedRef<import("@brand-page").BrandPageViewModel>;
     backUrl: import("vue").ComputedRef<string>;

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.js

@@ -13,7 +13,6 @@ import { UI_DEVICE_MODES, UI_SCREENSIZE_MODES, } from '@shared/models';
 import { useBrandPageMakerStore, useBrandPageMakerUserStore, useLocalisedRouteStore, useUiStore, useSnapshotStore, useVideoStore, } from '@brand-page-maker/stores';
 import { useHistoryStore } from '@brand-page-maker/stores/history/history-store';
 import { useUndoRedoFlag } from '@brand-page-maker/composables/useUndoRedoFlag';
-import { useQuickLinkBarVisibility } from '@brand-page-maker/composables/useQuickLinkBarVisibility';
 import { useUiContentSettingsStore } from '@shared/content-settings/store';
 import { useUiTemplateSettingsStore } from '@shared/template-settings/store';
 import { useUiPageSettingsStore } from '@shared/page-settings/store';
@@ -74,10 +73,6 @@ export default defineComponent({
             isSaving: computed(() => brandPageMakerStore.isSaving),
             isPublishing: computed(() => brandPageMakerStore.isPublishing),
             isPublished: computed(() => brandPageMakerStore.isPublished),
-            // Whether the QuickLinkBar renders — used to offset the preview (Device)
-            // and SideBar clear of the fixed bar on mobile. Must match the bar's own
-            // render condition, so it shares the same predicate.
-            shouldShowQuickLinkBar: useQuickLinkBarVisibility(),
             isBrandPageOrIsBrandContact: computed(() => brandPageMakerStore.isBrandPageOrIsBrandContact),
             brandPageViewModel: computed(() => brandPageMakerStore.brandPageViewModel),
             backUrl: computed(() => localisedRouteStore.backToWebsiteManageUrlPath),

package/lib/src/brand-page-maker/components/quick-link-bar/QuickLinkBar.mixin.d.ts

@@ -292,11 +292,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         pushManageWebPageUnpublishClickEvent(): Promise<void>;
     }>;
     undoRedoEnabled: import("vue").ComputedRef<boolean>;
-    shouldShowBar: import("vue").ComputedRef<boolean>;
 }, {
     copied: boolean;
 }, {
     isPublished(): boolean;
+    shouldShowBar(): boolean;
     brandPageUrl(): string;
     copyButtonLabel(): string;
 }, {

package/lib/src/brand-page-maker/components/quick-link-bar/QuickLinkBar.mixin.js

@@ -2,7 +2,6 @@ import { defineComponent } from 'vue';
 import { CUSTOM_DOMAIN_STATUSES } from '@brand-page-maker/constants';
 import { useBrandPageContainerStore, useEventManagerStore, } from '@brand-page-maker/stores';
 import { useUndoRedoFlag } from '@brand-page-maker/composables/useUndoRedoFlag';
-import { useQuickLinkBarVisibility } from '@brand-page-maker/composables/useQuickLinkBarVisibility';
 import { quickLinkBarTr } from '@src/composables/useTranslate';
 export default defineComponent({
     props: {
@@ -20,9 +19,6 @@ export default defineComponent({
             brandPageContainerStore: useBrandPageContainerStore(),
             eventManagerStore: useEventManagerStore(),
             undoRedoEnabled: useUndoRedoFlag(),
-            // Single source of truth for whether the bar renders — shared with the
-            // layout components (Device, SideBar) that offset content clear of it.
-            shouldShowBar: useQuickLinkBarVisibility(),
         };
     },
     data() {
@@ -34,6 +30,12 @@ export default defineComponent({
         isPublished() {
             return this.brandPageContainerStore.isPublished;
         },
+        // Only render the bar when at least one inner cluster has something to
+        // show. Otherwise we'd render an empty white strip — e.g. on an
+        // unpublished page with the undo flag off.
+        shouldShowBar() {
+            return Boolean(this.undoRedoEnabled) || this.isPublished;
+        },
         brandPageUrl() {
             if (this.brandPageContainerStore.isCustomDomainEnabled &&
                 this.brandPageContainerStore.customDomain &&

package/lib/src/css/library.brand-page-brandCrowd.min.css

@@ -2870,6 +2870,9 @@ a.maker-anchor {
 .tw-pt-1 {
     padding-top: 0.25rem
 }
+.tw-pt-10 {
+    padding-top: 2.5rem
+}
 .tw-pt-12 {
     padding-top: 3rem
 }
@@ -9103,7 +9106,7 @@ input[type='number'][data-v-f3d394d9] {
   min-height: 0rem;
 }
 
-.device-wrapper[data-v-3a40a3e4] {
+.device-wrapper[data-v-050b1996] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   height: 100%;
@@ -9114,7 +9117,7 @@ input[type='number'][data-v-f3d394d9] {
   -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
 }
-.device-wrapper--mobile[data-v-3a40a3e4] {
+.device-wrapper--mobile[data-v-050b1996] {
   margin-top: auto;
   margin-bottom: auto;
   display: -webkit-box;
@@ -9127,7 +9130,7 @@ input[type='number'][data-v-f3d394d9] {
   padding-right: 3rem;
   padding-bottom: 2rem;
 }
-.device[data-v-3a40a3e4] {
+.device[data-v-050b1996] {
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -9141,17 +9144,17 @@ input[type='number'][data-v-f3d394d9] {
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 @media (min-width: 1024px) {
-.device[data-v-3a40a3e4] {
+.device[data-v-050b1996] {
     margin-bottom: auto;
     margin-top: auto;
 }
 }
-.device[data-v-3a40a3e4] {
+.device[data-v-050b1996] {
   -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
   visibility: visible;
 }
-.device.loading[data-v-3a40a3e4] {
+.device.loading[data-v-050b1996] {
   -webkit-transition-duration: 0s;
           transition-duration: 0s;
   -webkit-transition-property: none;
@@ -9160,12 +9163,12 @@ input[type='number'][data-v-f3d394d9] {
           animation: none;
   visibility: hidden;
 }
-.device--desktop[data-v-3a40a3e4] {
+.device--desktop[data-v-050b1996] {
   border-radius: 0px;
   -webkit-box-shadow: 0 0 0 0rem rgb(0, 0, 0);
           box-shadow: 0 0 0 0rem rgb(0, 0, 0);
 }
-.device--mobile[data-v-3a40a3e4] {
+.device--mobile[data-v-050b1996] {
   height: 100%;
   overflow: hidden;
   border-radius: 3rem;
@@ -9174,7 +9177,7 @@ input[type='number'][data-v-f3d394d9] {
   height: 734px;
   width: 358px;
 }
-.device--mobile[data-v-3a40a3e4] .c-preview-container {
+.device--mobile[data-v-050b1996] .c-preview-container {
   border-radius: 3rem;
 }
 
@@ -9604,7 +9607,7 @@ to {
     overflow: hidden
 }
 
-.c-brand-page-maker[data-v-7ed18bee] {
+.c-brand-page-maker[data-v-2e7e54e3] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -9614,10 +9617,10 @@ to {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-7ed18bee] {
+.c-brand-page-maker__inner[data-v-2e7e54e3] {
   height: 100%;
 }
-.c-save-bar[data-v-7ed18bee] {
+.c-save-bar[data-v-2e7e54e3] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -9639,7 +9642,7 @@ to {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-7ed18bee] {
+.c-save-bar--visible[data-v-2e7e54e3] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -9649,11 +9652,11 @@ to {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-7ed18bee] {
+.c-brand-page-maker[data-v-2e7e54e3] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-7ed18bee] {
+.c-brand-page-maker__inner[data-v-2e7e54e3] {
     height: 100%;
 }
 }

package/lib/src/css/library.brand-page-brandPage.min.css

@@ -3293,6 +3293,9 @@ a.maker-anchor {
 .tw-pt-1 {
   padding-top: 0.25rem;
 }
+.tw-pt-10 {
+  padding-top: 2.5rem;
+}
 .tw-pt-12 {
   padding-top: 3rem;
 }
@@ -9714,7 +9717,7 @@ input[type='number'][data-v-f3d394d9] {
   min-height: 0rem;
 }
 
-.device-wrapper[data-v-3a40a3e4] {
+.device-wrapper[data-v-050b1996] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   height: 100%;
@@ -9725,7 +9728,7 @@ input[type='number'][data-v-f3d394d9] {
   -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
 }
-.device-wrapper--mobile[data-v-3a40a3e4] {
+.device-wrapper--mobile[data-v-050b1996] {
   margin-top: auto;
   margin-bottom: auto;
   display: -webkit-box;
@@ -9738,7 +9741,7 @@ input[type='number'][data-v-f3d394d9] {
   padding-right: 3rem;
   padding-bottom: 2rem;
 }
-.device[data-v-3a40a3e4] {
+.device[data-v-050b1996] {
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -9752,17 +9755,17 @@ input[type='number'][data-v-f3d394d9] {
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 @media (min-width: 1024px) {
-.device[data-v-3a40a3e4] {
+.device[data-v-050b1996] {
     margin-bottom: auto;
     margin-top: auto;
 }
 }
-.device[data-v-3a40a3e4] {
+.device[data-v-050b1996] {
   -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
   visibility: visible;
 }
-.device.loading[data-v-3a40a3e4] {
+.device.loading[data-v-050b1996] {
   -webkit-transition-duration: 0s;
           transition-duration: 0s;
   -webkit-transition-property: none;
@@ -9771,12 +9774,12 @@ input[type='number'][data-v-f3d394d9] {
           animation: none;
   visibility: hidden;
 }
-.device--desktop[data-v-3a40a3e4] {
+.device--desktop[data-v-050b1996] {
   border-radius: 0px;
   -webkit-box-shadow: 0 0 0 0rem rgb(0, 0, 0);
           box-shadow: 0 0 0 0rem rgb(0, 0, 0);
 }
-.device--mobile[data-v-3a40a3e4] {
+.device--mobile[data-v-050b1996] {
   height: 100%;
   overflow: hidden;
   border-radius: 3rem;
@@ -9785,7 +9788,7 @@ input[type='number'][data-v-f3d394d9] {
   height: 734px;
   width: 358px;
 }
-.device--mobile[data-v-3a40a3e4] .c-preview-container {
+.device--mobile[data-v-050b1996] .c-preview-container {
   border-radius: 3rem;
 }
 
@@ -10215,7 +10218,7 @@ to {
     overflow: hidden
 }
 
-.c-brand-page-maker[data-v-7ed18bee] {
+.c-brand-page-maker[data-v-2e7e54e3] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -10225,10 +10228,10 @@ to {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-7ed18bee] {
+.c-brand-page-maker__inner[data-v-2e7e54e3] {
   height: 100%;
 }
-.c-save-bar[data-v-7ed18bee] {
+.c-save-bar[data-v-2e7e54e3] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -10250,7 +10253,7 @@ to {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-7ed18bee] {
+.c-save-bar--visible[data-v-2e7e54e3] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -10260,11 +10263,11 @@ to {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-7ed18bee] {
+.c-brand-page-maker[data-v-2e7e54e3] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-7ed18bee] {
+.c-brand-page-maker__inner[data-v-2e7e54e3] {
     height: 100%;
 }
 }

package/lib/src/css/library.brand-page-designCom.min.css

@@ -2900,6 +2900,9 @@ a:not(.tw-lowercase) {
 .tw-pt-1 {
     padding-top: 0.25rem
 }
+.tw-pt-10 {
+    padding-top: 2.5rem
+}
 .tw-pt-12 {
     padding-top: 3rem
 }
@@ -9133,7 +9136,7 @@ input[type='number'][data-v-f3d394d9] {
   min-height: 0rem;
 }
 
-.device-wrapper[data-v-3a40a3e4] {
+.device-wrapper[data-v-050b1996] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   height: 100%;
@@ -9144,7 +9147,7 @@ input[type='number'][data-v-f3d394d9] {
   -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
 }
-.device-wrapper--mobile[data-v-3a40a3e4] {
+.device-wrapper--mobile[data-v-050b1996] {
   margin-top: auto;
   margin-bottom: auto;
   display: -webkit-box;
@@ -9157,7 +9160,7 @@ input[type='number'][data-v-f3d394d9] {
   padding-right: 3rem;
   padding-bottom: 2rem;
 }
-.device[data-v-3a40a3e4] {
+.device[data-v-050b1996] {
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -9171,17 +9174,17 @@ input[type='number'][data-v-f3d394d9] {
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 @media (min-width: 1024px) {
-.device[data-v-3a40a3e4] {
+.device[data-v-050b1996] {
     margin-bottom: auto;
     margin-top: auto;
 }
 }
-.device[data-v-3a40a3e4] {
+.device[data-v-050b1996] {
   -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
   visibility: visible;
 }
-.device.loading[data-v-3a40a3e4] {
+.device.loading[data-v-050b1996] {
   -webkit-transition-duration: 0s;
           transition-duration: 0s;
   -webkit-transition-property: none;
@@ -9190,12 +9193,12 @@ input[type='number'][data-v-f3d394d9] {
           animation: none;
   visibility: hidden;
 }
-.device--desktop[data-v-3a40a3e4] {
+.device--desktop[data-v-050b1996] {
   border-radius: 0px;
   -webkit-box-shadow: 0 0 0 0rem rgb(0, 0, 0);
           box-shadow: 0 0 0 0rem rgb(0, 0, 0);
 }
-.device--mobile[data-v-3a40a3e4] {
+.device--mobile[data-v-050b1996] {
   height: 100%;
   overflow: hidden;
   border-radius: 3rem;
@@ -9204,7 +9207,7 @@ input[type='number'][data-v-f3d394d9] {
   height: 734px;
   width: 358px;
 }
-.device--mobile[data-v-3a40a3e4] .c-preview-container {
+.device--mobile[data-v-050b1996] .c-preview-container {
   border-radius: 3rem;
 }
 
@@ -9634,7 +9637,7 @@ to {
     overflow: hidden
 }
 
-.c-brand-page-maker[data-v-7ed18bee] {
+.c-brand-page-maker[data-v-2e7e54e3] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -9644,10 +9647,10 @@ to {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-7ed18bee] {
+.c-brand-page-maker__inner[data-v-2e7e54e3] {
   height: 100%;
 }
-.c-save-bar[data-v-7ed18bee] {
+.c-save-bar[data-v-2e7e54e3] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -9669,7 +9672,7 @@ to {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-7ed18bee] {
+.c-save-bar--visible[data-v-2e7e54e3] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -9679,11 +9682,11 @@ to {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-7ed18bee] {
+.c-brand-page-maker[data-v-2e7e54e3] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-7ed18bee] {
+.c-brand-page-maker__inner[data-v-2e7e54e3] {
     height: 100%;
 }
 }