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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -50,6 +50,7 @@ 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,6 +13,7 @@ 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';
@@ -73,6 +74,10 @@ 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,6 +2,7 @@ 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: {
@@ -19,6 +20,9 @@ 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() {
@@ -30,12 +34,6 @@ 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/brand-page-maker/composables/useQuickLinkBarVisibility.d.ts

@@ -0,0 +1,17 @@
+import { type ComputedRef } from 'vue';
+/**
+ * Whether the QuickLinkBar is rendered in the maker.
+ *
+ * The bar shows when at least one of its inner clusters has something to
+ * display: the undo/redo controls (flag on, non-admin — see
+ * {@link useUndoRedoFlag}) OR the published-URL cluster (page published).
+ *
+ * This is the single source of truth shared by the bar itself
+ * (`QuickLinkBar`) and the layout components that offset their content to sit
+ * clear of the fixed bar on mobile (`Device`, `SideBar`). Keeping the offset
+ * bound to the same predicate the bar renders on prevents the two from
+ * drifting — a drift where the bar showed for the undo/redo reason but the
+ * offset only accounted for the published reason caused the bar to overlap
+ * the mobile preview.
+ */
+export declare function useQuickLinkBarVisibility(): ComputedRef<boolean>;

package/lib/src/brand-page-maker/composables/useQuickLinkBarVisibility.js

@@ -0,0 +1,23 @@
+import { computed } from 'vue';
+import { useBrandPageContainerStore } from '@brand-page-maker/stores';
+import { useUndoRedoFlag } from './useUndoRedoFlag';
+/**
+ * Whether the QuickLinkBar is rendered in the maker.
+ *
+ * The bar shows when at least one of its inner clusters has something to
+ * display: the undo/redo controls (flag on, non-admin — see
+ * {@link useUndoRedoFlag}) OR the published-URL cluster (page published).
+ *
+ * This is the single source of truth shared by the bar itself
+ * (`QuickLinkBar`) and the layout components that offset their content to sit
+ * clear of the fixed bar on mobile (`Device`, `SideBar`). Keeping the offset
+ * bound to the same predicate the bar renders on prevents the two from
+ * drifting — a drift where the bar showed for the undo/redo reason but the
+ * offset only accounted for the published reason caused the bar to overlap
+ * the mobile preview.
+ */
+export function useQuickLinkBarVisibility() {
+    const containerStore = useBrandPageContainerStore();
+    const undoRedoEnabled = useUndoRedoFlag();
+    return computed(() => undoRedoEnabled.value || containerStore.isPublished);
+}

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

@@ -2870,9 +2870,6 @@ a.maker-anchor {
 .tw-pt-1 {
     padding-top: 0.25rem
 }
-.tw-pt-10 {
-    padding-top: 2.5rem
-}
 .tw-pt-12 {
     padding-top: 3rem
 }
@@ -5704,7 +5701,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   content: '\00A0';
 }
 
-.c-button[data-v-dff82fb8] {
+.c-button[data-v-8c623b57] {
   --icon-h: 1.5rem;
   --icon-m-r: 2rem;
   --icon-m-icon: 0.5rem;
@@ -5718,7 +5715,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 
 /* Shape-library icons (vector, nested in .c-shape, no class on the img):
    render at the default icon size, centered in normal flow like the SVG icons. */
-.bp-button[data-v-dff82fb8] .c-button__icon-img img {
+.bp-button[data-v-8c623b57] .c-button__icon-img img {
   max-width: none;
   -o-object-fit: cover;
      object-fit: cover;
@@ -5728,7 +5725,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 
 /* Raster image thumbnails (FallbackImage renders <img class="c-image">):
    render larger/prominent and centered over the icon slot. */
-.bp-button[data-v-dff82fb8] .c-button__icon-img img.c-image {
+.bp-button[data-v-8c623b57] .c-button__icon-img img.c-image {
   --icon-img-size: 2.3rem;
   position: absolute;
   top: calc(var(--icon-img-size) / -2 + var(--icon-h) / 2);
@@ -5736,49 +5733,49 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   width: var(--icon-img-size);
   height: var(--icon-img-size);
 }
-.c-button--disabled[data-v-dff82fb8] {
+.c-button--disabled[data-v-8c623b57] {
   pointer-events: none;
 }
-.c-button[data-v-dff82fb8]:hover .c-button__label p {
+.c-button[data-v-8c623b57]:hover .c-button__label p {
   text-decoration: underline;
 }
-.c-button__icon[data-v-dff82fb8] {
+.c-button__icon[data-v-8c623b57] {
   margin-right: var(--icon-m-r);
 }
-.bp-button[data-v-dff82fb8] .c-button__icon-img {
+.bp-button[data-v-8c623b57] .c-button__icon-img {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.c-button__label[data-v-dff82fb8] {
+.c-button__label[data-v-8c623b57] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.c-button__label--offset-sm[data-v-dff82fb8] {
+.c-button__label--offset-sm[data-v-8c623b57] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__label--offset-md[data-v-dff82fb8] {
+.c-button__label--offset-md[data-v-8c623b57] {
   -webkit-transform: translateX(-1.75rem);
           transform: translateX(-1.75rem);
 }
-.c-button__label--offset-lg[data-v-dff82fb8] {
+.c-button__label--offset-lg[data-v-8c623b57] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__no-icon[data-v-dff82fb8] {
+.c-button__no-icon[data-v-8c623b57] {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.device-wrapper--mobile .c-button__icon[data-v-dff82fb8] {
+.device-wrapper--mobile .c-button__icon[data-v-8c623b57] {
   margin: 0;
   margin-right: var(--icon-m-r);
 }
 @media (min-width: 767px) {
-.c-button__icon[data-v-dff82fb8] {
+.c-button__icon[data-v-8c623b57] {
     margin: 0 var(--icon-m-icon);
 }
 }
@@ -9106,7 +9103,7 @@ input[type='number'][data-v-f3d394d9] {
   min-height: 0rem;
 }
 
-.device-wrapper[data-v-050b1996] {
+.device-wrapper[data-v-3a40a3e4] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   height: 100%;
@@ -9117,7 +9114,7 @@ input[type='number'][data-v-f3d394d9] {
   -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
 }
-.device-wrapper--mobile[data-v-050b1996] {
+.device-wrapper--mobile[data-v-3a40a3e4] {
   margin-top: auto;
   margin-bottom: auto;
   display: -webkit-box;
@@ -9130,7 +9127,7 @@ input[type='number'][data-v-f3d394d9] {
   padding-right: 3rem;
   padding-bottom: 2rem;
 }
-.device[data-v-050b1996] {
+.device[data-v-3a40a3e4] {
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -9144,17 +9141,17 @@ input[type='number'][data-v-f3d394d9] {
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 @media (min-width: 1024px) {
-.device[data-v-050b1996] {
+.device[data-v-3a40a3e4] {
     margin-bottom: auto;
     margin-top: auto;
 }
 }
-.device[data-v-050b1996] {
+.device[data-v-3a40a3e4] {
   -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
   visibility: visible;
 }
-.device.loading[data-v-050b1996] {
+.device.loading[data-v-3a40a3e4] {
   -webkit-transition-duration: 0s;
           transition-duration: 0s;
   -webkit-transition-property: none;
@@ -9163,12 +9160,12 @@ input[type='number'][data-v-f3d394d9] {
           animation: none;
   visibility: hidden;
 }
-.device--desktop[data-v-050b1996] {
+.device--desktop[data-v-3a40a3e4] {
   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-050b1996] {
+.device--mobile[data-v-3a40a3e4] {
   height: 100%;
   overflow: hidden;
   border-radius: 3rem;
@@ -9177,7 +9174,7 @@ input[type='number'][data-v-f3d394d9] {
   height: 734px;
   width: 358px;
 }
-.device--mobile[data-v-050b1996] .c-preview-container {
+.device--mobile[data-v-3a40a3e4] .c-preview-container {
   border-radius: 3rem;
 }
 
@@ -9607,7 +9604,7 @@ to {
     overflow: hidden
 }
 
-.c-brand-page-maker[data-v-2e7e54e3] {
+.c-brand-page-maker[data-v-7ed18bee] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -9617,10 +9614,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-2e7e54e3] {
+.c-brand-page-maker__inner[data-v-7ed18bee] {
   height: 100%;
 }
-.c-save-bar[data-v-2e7e54e3] {
+.c-save-bar[data-v-7ed18bee] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -9642,7 +9639,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-2e7e54e3] {
+.c-save-bar--visible[data-v-7ed18bee] {
   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;
@@ -9652,11 +9649,11 @@ to {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-2e7e54e3] {
+.c-brand-page-maker[data-v-7ed18bee] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-2e7e54e3] {
+.c-brand-page-maker__inner[data-v-7ed18bee] {
     height: 100%;
 }
 }

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

@@ -3293,9 +3293,6 @@ a.maker-anchor {
 .tw-pt-1 {
   padding-top: 0.25rem;
 }
-.tw-pt-10 {
-  padding-top: 2.5rem;
-}
 .tw-pt-12 {
   padding-top: 3rem;
 }
@@ -6315,7 +6312,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   content: '\00A0';
 }
 
-.c-button[data-v-dff82fb8] {
+.c-button[data-v-8c623b57] {
   --icon-h: 1.5rem;
   --icon-m-r: 2rem;
   --icon-m-icon: 0.5rem;
@@ -6329,7 +6326,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 
 /* Shape-library icons (vector, nested in .c-shape, no class on the img):
    render at the default icon size, centered in normal flow like the SVG icons. */
-.bp-button[data-v-dff82fb8] .c-button__icon-img img {
+.bp-button[data-v-8c623b57] .c-button__icon-img img {
   max-width: none;
   -o-object-fit: cover;
      object-fit: cover;
@@ -6339,7 +6336,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 
 /* Raster image thumbnails (FallbackImage renders <img class="c-image">):
    render larger/prominent and centered over the icon slot. */
-.bp-button[data-v-dff82fb8] .c-button__icon-img img.c-image {
+.bp-button[data-v-8c623b57] .c-button__icon-img img.c-image {
   --icon-img-size: 2.3rem;
   position: absolute;
   top: calc(var(--icon-img-size) / -2 + var(--icon-h) / 2);
@@ -6347,49 +6344,49 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   width: var(--icon-img-size);
   height: var(--icon-img-size);
 }
-.c-button--disabled[data-v-dff82fb8] {
+.c-button--disabled[data-v-8c623b57] {
   pointer-events: none;
 }
-.c-button[data-v-dff82fb8]:hover .c-button__label p {
+.c-button[data-v-8c623b57]:hover .c-button__label p {
   text-decoration: underline;
 }
-.c-button__icon[data-v-dff82fb8] {
+.c-button__icon[data-v-8c623b57] {
   margin-right: var(--icon-m-r);
 }
-.bp-button[data-v-dff82fb8] .c-button__icon-img {
+.bp-button[data-v-8c623b57] .c-button__icon-img {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.c-button__label[data-v-dff82fb8] {
+.c-button__label[data-v-8c623b57] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.c-button__label--offset-sm[data-v-dff82fb8] {
+.c-button__label--offset-sm[data-v-8c623b57] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__label--offset-md[data-v-dff82fb8] {
+.c-button__label--offset-md[data-v-8c623b57] {
   -webkit-transform: translateX(-1.75rem);
           transform: translateX(-1.75rem);
 }
-.c-button__label--offset-lg[data-v-dff82fb8] {
+.c-button__label--offset-lg[data-v-8c623b57] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__no-icon[data-v-dff82fb8] {
+.c-button__no-icon[data-v-8c623b57] {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.device-wrapper--mobile .c-button__icon[data-v-dff82fb8] {
+.device-wrapper--mobile .c-button__icon[data-v-8c623b57] {
   margin: 0;
   margin-right: var(--icon-m-r);
 }
 @media (min-width: 767px) {
-.c-button__icon[data-v-dff82fb8] {
+.c-button__icon[data-v-8c623b57] {
     margin: 0 var(--icon-m-icon);
 }
 }
@@ -9717,7 +9714,7 @@ input[type='number'][data-v-f3d394d9] {
   min-height: 0rem;
 }
 
-.device-wrapper[data-v-050b1996] {
+.device-wrapper[data-v-3a40a3e4] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   height: 100%;
@@ -9728,7 +9725,7 @@ input[type='number'][data-v-f3d394d9] {
   -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
 }
-.device-wrapper--mobile[data-v-050b1996] {
+.device-wrapper--mobile[data-v-3a40a3e4] {
   margin-top: auto;
   margin-bottom: auto;
   display: -webkit-box;
@@ -9741,7 +9738,7 @@ input[type='number'][data-v-f3d394d9] {
   padding-right: 3rem;
   padding-bottom: 2rem;
 }
-.device[data-v-050b1996] {
+.device[data-v-3a40a3e4] {
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -9755,17 +9752,17 @@ input[type='number'][data-v-f3d394d9] {
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 @media (min-width: 1024px) {
-.device[data-v-050b1996] {
+.device[data-v-3a40a3e4] {
     margin-bottom: auto;
     margin-top: auto;
 }
 }
-.device[data-v-050b1996] {
+.device[data-v-3a40a3e4] {
   -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
   visibility: visible;
 }
-.device.loading[data-v-050b1996] {
+.device.loading[data-v-3a40a3e4] {
   -webkit-transition-duration: 0s;
           transition-duration: 0s;
   -webkit-transition-property: none;
@@ -9774,12 +9771,12 @@ input[type='number'][data-v-f3d394d9] {
           animation: none;
   visibility: hidden;
 }
-.device--desktop[data-v-050b1996] {
+.device--desktop[data-v-3a40a3e4] {
   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-050b1996] {
+.device--mobile[data-v-3a40a3e4] {
   height: 100%;
   overflow: hidden;
   border-radius: 3rem;
@@ -9788,7 +9785,7 @@ input[type='number'][data-v-f3d394d9] {
   height: 734px;
   width: 358px;
 }
-.device--mobile[data-v-050b1996] .c-preview-container {
+.device--mobile[data-v-3a40a3e4] .c-preview-container {
   border-radius: 3rem;
 }
 
@@ -10218,7 +10215,7 @@ to {
     overflow: hidden
 }
 
-.c-brand-page-maker[data-v-2e7e54e3] {
+.c-brand-page-maker[data-v-7ed18bee] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -10228,10 +10225,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-2e7e54e3] {
+.c-brand-page-maker__inner[data-v-7ed18bee] {
   height: 100%;
 }
-.c-save-bar[data-v-2e7e54e3] {
+.c-save-bar[data-v-7ed18bee] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -10253,7 +10250,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-2e7e54e3] {
+.c-save-bar--visible[data-v-7ed18bee] {
   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;
@@ -10263,11 +10260,11 @@ to {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-2e7e54e3] {
+.c-brand-page-maker[data-v-7ed18bee] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-2e7e54e3] {
+.c-brand-page-maker__inner[data-v-7ed18bee] {
     height: 100%;
 }
 }