@designcrowd/library.brand-page 5.15.6-ha-logo-width-fix → 5.15.7

package/lib/src/{CreatedOnBrandCrowd-de-de-BcuuQj2A.js → CreatedOnBrandCrowd-de-de-Dxl7b9V_.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-A3ZKIzAw.js → CreatedOnBrandCrowd-en-us-CEoIeAOI.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-D5dteA2O.js → CreatedOnBrandCrowd-es-es-DL9xtWpJ.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-MfIA_yHp.js → CreatedOnBrandCrowd-fr-ca-BJ__NUm8.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-MfIA_yHp.js → CreatedOnBrandCrowd-fr-fr-BJ__NUm8.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-DfnL5nly.js → CreatedOnBrandCrowd-pt-br-NbMBfyBa.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-DfnL5nly.js → CreatedOnBrandCrowd-pt-pt-NbMBfyBa.js}

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

package/lib/src/{CreatedOnDcom-de-de-DUsIVNmB.js → CreatedOnDcom-de-de-BlK-NeP_.js}

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

package/lib/src/{CreatedOnDcom-en-us-Dl3wgcH1.js → CreatedOnDcom-en-us-BGAYF0EZ.js}

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

package/lib/src/{CreatedOnDcom-es-es-BuXrg4Pz.js → CreatedOnDcom-es-es-BB2kXsQh.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-DFOfLgig.js → CreatedOnDcom-fr-ca-g8XVHBzq.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-C9_GuT7N.js → CreatedOnDcom-fr-fr--t1jyGv8.js}

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

package/lib/src/{CreatedOnDcom-pt-br-DfrrG8HB.js → CreatedOnDcom-pt-br-CyVpuXts.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-CycaEzJK.js → CreatedOnDcom-pt-pt-OoWc5iXY.js}

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

package/lib/src/brand-page/components/page-footer/PageFooter.mixin.d.ts

@@ -1,6 +1,6 @@
 import type { PageFooterViewModel } from '../../view-models';
 import type { PropType } from 'vue';
-import type { BrandPageContext } from '../../models';
+import type { BrandPageContext, ViewportsType } from '../../models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     viewModel: {
         type: PropType<PageFooterViewModel>;
@@ -14,6 +14,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         required: true;
     };
+    viewport: {
+        type: PropType<ViewportsType>;
+        required: false;
+        default: undefined;
+    };
 }>, {}, {}, {
     containerStyle(): BrandPageCssStyle;
     socialLinksIconStyle(): BrandPageCssStyle;
@@ -36,8 +41,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         required: true;
     };
+    viewport: {
+        type: PropType<ViewportsType>;
+        required: false;
+        default: undefined;
+    };
 }>> & Readonly<{
     "onOn-logo-click"?: ((...args: any[]) => any) | undefined;
     "onFooter-container-click"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {
+    viewport: ViewportsType;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/brand-page/components/page-footer/PageFooter.mixin.js

@@ -15,6 +15,11 @@ export default defineComponent({
             type: Boolean,
             required: true,
         },
+        viewport: {
+            type: String,
+            required: false,
+            default: undefined,
+        },
     },
     emits: ['on-logo-click', 'footer-container-click'],
     computed: {

package/lib/src/brand-page/components/page-header/PageHeader.mixin.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { BrandPageContext } from '../../models';
+import type { BrandPageContext, ViewportsType } from '../../models';
 import type { PageHeaderViewModel } from '../../view-models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     navId: {
@@ -14,6 +14,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<BrandPageContext>;
         required: true;
     };
+    viewport: {
+        type: PropType<ViewportsType>;
+        required: false;
+        default: undefined;
+    };
 }>, {}, {
     LOGO_SLIDER_DESKTOP_MAX: number;
 }, {
@@ -34,7 +39,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<BrandPageContext>;
         required: true;
     };
+    viewport: {
+        type: PropType<ViewportsType>;
+        required: false;
+        default: undefined;
+    };
 }>> & Readonly<{
     "onHeader-container-click"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {
+    viewport: ViewportsType;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/brand-page/components/page-header/PageHeader.mixin.js

@@ -14,6 +14,11 @@ export default defineComponent({
             type: Object,
             required: true,
         },
+        viewport: {
+            type: String,
+            required: false,
+            default: undefined,
+        },
     },
     data: function () {
         return {

package/lib/src/brand-page/constants/styles.constants.d.ts

@@ -16,7 +16,6 @@ export declare const defaultHamburgerNavigation: {
 export declare const OLD_DEFAULT_LOGO_HEIGHT = "6rem";
 export declare const DEFAULT_LOGO_HEIGHT = "9rem";
 export declare const DEFAULT_LOGO_WIDTH = "9rem";
-export declare const MAX_LOGO_WIDTH = "20rem";
 export declare const LOGO_SLIDER_DESKTOP_MIN = 1;
 export declare const LOGO_SLIDER_DESKTOP_MAX = 20;
 export declare const LOGO_SLIDER_MOBILE_MIN = 1;

package/lib/src/brand-page/constants/styles.constants.js

@@ -17,7 +17,6 @@ export const defaultHamburgerNavigation = {
 export const OLD_DEFAULT_LOGO_HEIGHT = '6rem';
 export const DEFAULT_LOGO_HEIGHT = '9rem';
 export const DEFAULT_LOGO_WIDTH = '9rem';
-export const MAX_LOGO_WIDTH = '20rem';
 // Logo slider values are unit of rem
 export const LOGO_SLIDER_DESKTOP_MIN = 1;
 export const LOGO_SLIDER_DESKTOP_MAX = 20;

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

@@ -5336,18 +5336,18 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 
-.logo__container[data-v-97aa4373] {
+.logo__container[data-v-69653fe2] {
   border: 0.125rem solid var(--logo-border-colour);
   border-radius: 0.75rem;
 }
-.logo__image[data-v-97aa4373] {
+.logo__image[data-v-69653fe2] {
   display: block;
   -o-object-fit: contain;
      object-fit: contain;
   height: 6rem;
 }
 
-.logo[data-v-22b08ec5] {
+.logo[data-v-cb75e122] {
   --logo-border-colour: #00000000;
   --logo-size: 8rem;
   --logo-spacing: 0.75rem;
@@ -6868,27 +6868,27 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   margin: 0;
 }
 
-.c-page-header-container[data-v-8aac6ab0] {
+.c-page-header-container[data-v-2b8ad1d3] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding: 0.25rem var(--page-padding);
 }
 
-.c-page-footer__container[data-v-e8d99a31] {
+.c-page-footer__container[data-v-088f27af] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding: 0.25rem var(--page-padding);
 }
-.c-page-footer__container-justified[data-v-e8d99a31] {
+.c-page-footer__container-justified[data-v-088f27af] {
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
-.sortable[data-v-e8d99a31] {
+.sortable[data-v-088f27af] {
   outline-color: #F7768C;
   outline-width: 0.2rem;
 }
-.brand-page__content--outline-selected[data-v-e8d99a31] {
+.brand-page__content--outline-selected[data-v-088f27af] {
   position: relative;
   z-index: 10;
   margin-left: 0.25rem;
@@ -6897,25 +6897,25 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   outline-width: 0.2rem;
   outline-style: dashed;
 }
-.c_footer-container[data-v-e8d99a31] {
+.c_footer-container[data-v-088f27af] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
 @container (max-width: 640px) {
-.c-page-footer__container-justified[data-v-e8d99a31] {
+.c-page-footer__container-justified[data-v-088f27af] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c-page-footer__container-justified[data-v-e8d99a31] > :nth-child(2) {
+.c-page-footer__container-justified[data-v-088f27af] > :nth-child(2) {
     margin-bottom: 1rem;
 }
 }
 @container (min-width: 640px) {
-.c-page-footer__container-justified-stack[data-v-e8d99a31] {
+.c-page-footer__container-justified-stack[data-v-088f27af] {
     margin-left: 1rem;
     margin-right: 1rem;
     -webkit-box-pack: justify;
@@ -7058,14 +7058,14 @@ body {
   line-height: 1.5;
 }
 
-.brand-page-root[data-v-7e71fc85] {
+.brand-page-root[data-v-21038c19] {
   height: 100%;
 }
-.sortable[data-v-7e71fc85] {
+.sortable[data-v-21038c19] {
   outline-color: #F7768C;
   outline-width: 0.2rem;
 }
-.brand-page[data-v-7e71fc85] {
+.brand-page[data-v-21038c19] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: -webkit-box;
@@ -7077,7 +7077,7 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--default[data-v-7e71fc85] {
+.brand-page__inner--default[data-v-21038c19] {
   position: relative;
   z-index: 10;
   display: -webkit-box;
@@ -7089,16 +7089,16 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--desktop[data-v-7e71fc85] {
+.brand-page__inner--desktop[data-v-21038c19] {
   min-height: 100vh;
 }
-.brand-site__header[data-v-7e71fc85] {
+.brand-site__header[data-v-21038c19] {
   container-type: inline-size;
 }
-.brand-page__header[data-v-7e71fc85] {
+.brand-page__header[data-v-21038c19] {
   padding-top: var(--page-padding);
 }
-.brand-page__content--default[data-v-7e71fc85] {
+.brand-page__content--default[data-v-21038c19] {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 2.5rem;
@@ -7115,7 +7115,7 @@ body {
           flex-direction: column;
   max-width: var(--page-max-width);
 }
-.brand-page__content--desktop[data-v-7e71fc85] {
+.brand-page__content--desktop[data-v-21038c19] {
   margin-left: auto;
   margin-right: auto;
   display: -webkit-box;
@@ -7131,15 +7131,15 @@ body {
           flex-direction: column;
   max-width: 100%;
 }
-.brand-page__content--inner[data-v-7e71fc85] {
+.brand-page__content--inner[data-v-21038c19] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.brand-page__content--inner--brandsite[data-v-7e71fc85] {
+.brand-page__content--inner--brandsite[data-v-21038c19] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.brand-page__content--outline-selected[data-v-7e71fc85] {
+.brand-page__content--outline-selected[data-v-21038c19] {
   position: relative;
   z-index: 10;
   outline-color: #F7768C;
@@ -7147,20 +7147,20 @@ body {
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
-.brand-page__content--outline-footer-selected[data-v-7e71fc85] {
+.brand-page__content--outline-footer-selected[data-v-21038c19] {
   outline-color: #f7768c;
   outline-width: 0.2rem;
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
 @media (max-width: 640px) {
-.brand-page__content--inner--full-width[data-v-7e71fc85] {
+.brand-page__content--inner--full-width[data-v-21038c19] {
     padding-left: 0;
     padding-right: 0;
 }
 }
 @media (min-width: 640px) {
-.brand-page__content--inner--full-width[data-v-7e71fc85] {
+.brand-page__content--inner--full-width[data-v-21038c19] {
     padding-left: var(--page-padding);
     padding-right: var(--page-padding);
 }

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

@@ -5664,18 +5664,18 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 
-.logo__container[data-v-97aa4373] {
+.logo__container[data-v-69653fe2] {
   border: 0.125rem solid var(--logo-border-colour);
   border-radius: 0.75rem;
 }
-.logo__image[data-v-97aa4373] {
+.logo__image[data-v-69653fe2] {
   display: block;
   -o-object-fit: contain;
      object-fit: contain;
   height: 6rem;
 }
 
-.logo[data-v-22b08ec5] {
+.logo[data-v-cb75e122] {
   --logo-border-colour: #00000000;
   --logo-size: 8rem;
   --logo-spacing: 0.75rem;
@@ -7196,27 +7196,27 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   margin: 0;
 }
 
-.c-page-header-container[data-v-8aac6ab0] {
+.c-page-header-container[data-v-2b8ad1d3] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding: 0.25rem var(--page-padding);
 }
 
-.c-page-footer__container[data-v-e8d99a31] {
+.c-page-footer__container[data-v-088f27af] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding: 0.25rem var(--page-padding);
 }
-.c-page-footer__container-justified[data-v-e8d99a31] {
+.c-page-footer__container-justified[data-v-088f27af] {
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
-.sortable[data-v-e8d99a31] {
+.sortable[data-v-088f27af] {
   outline-color: #F7768C;
   outline-width: 0.2rem;
 }
-.brand-page__content--outline-selected[data-v-e8d99a31] {
+.brand-page__content--outline-selected[data-v-088f27af] {
   position: relative;
   z-index: 10;
   margin-left: 0.25rem;
@@ -7225,25 +7225,25 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   outline-width: 0.2rem;
   outline-style: dashed;
 }
-.c_footer-container[data-v-e8d99a31] {
+.c_footer-container[data-v-088f27af] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
 @container (max-width: 640px) {
-.c-page-footer__container-justified[data-v-e8d99a31] {
+.c-page-footer__container-justified[data-v-088f27af] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c-page-footer__container-justified[data-v-e8d99a31] > :nth-child(2) {
+.c-page-footer__container-justified[data-v-088f27af] > :nth-child(2) {
     margin-bottom: 1rem;
 }
 }
 @container (min-width: 640px) {
-.c-page-footer__container-justified-stack[data-v-e8d99a31] {
+.c-page-footer__container-justified-stack[data-v-088f27af] {
     margin-left: 1rem;
     margin-right: 1rem;
     -webkit-box-pack: justify;
@@ -7386,14 +7386,14 @@ body {
   line-height: 1.5;
 }
 
-.brand-page-root[data-v-7e71fc85] {
+.brand-page-root[data-v-21038c19] {
   height: 100%;
 }
-.sortable[data-v-7e71fc85] {
+.sortable[data-v-21038c19] {
   outline-color: #F7768C;
   outline-width: 0.2rem;
 }
-.brand-page[data-v-7e71fc85] {
+.brand-page[data-v-21038c19] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: -webkit-box;
@@ -7405,7 +7405,7 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--default[data-v-7e71fc85] {
+.brand-page__inner--default[data-v-21038c19] {
   position: relative;
   z-index: 10;
   display: -webkit-box;
@@ -7417,16 +7417,16 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--desktop[data-v-7e71fc85] {
+.brand-page__inner--desktop[data-v-21038c19] {
   min-height: 100vh;
 }
-.brand-site__header[data-v-7e71fc85] {
+.brand-site__header[data-v-21038c19] {
   container-type: inline-size;
 }
-.brand-page__header[data-v-7e71fc85] {
+.brand-page__header[data-v-21038c19] {
   padding-top: var(--page-padding);
 }
-.brand-page__content--default[data-v-7e71fc85] {
+.brand-page__content--default[data-v-21038c19] {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 2.5rem;
@@ -7443,7 +7443,7 @@ body {
           flex-direction: column;
   max-width: var(--page-max-width);
 }
-.brand-page__content--desktop[data-v-7e71fc85] {
+.brand-page__content--desktop[data-v-21038c19] {
   margin-left: auto;
   margin-right: auto;
   display: -webkit-box;
@@ -7459,15 +7459,15 @@ body {
           flex-direction: column;
   max-width: 100%;
 }
-.brand-page__content--inner[data-v-7e71fc85] {
+.brand-page__content--inner[data-v-21038c19] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.brand-page__content--inner--brandsite[data-v-7e71fc85] {
+.brand-page__content--inner--brandsite[data-v-21038c19] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.brand-page__content--outline-selected[data-v-7e71fc85] {
+.brand-page__content--outline-selected[data-v-21038c19] {
   position: relative;
   z-index: 10;
   outline-color: #F7768C;
@@ -7475,20 +7475,20 @@ body {
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
-.brand-page__content--outline-footer-selected[data-v-7e71fc85] {
+.brand-page__content--outline-footer-selected[data-v-21038c19] {
   outline-color: #f7768c;
   outline-width: 0.2rem;
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
 @media (max-width: 640px) {
-.brand-page__content--inner--full-width[data-v-7e71fc85] {
+.brand-page__content--inner--full-width[data-v-21038c19] {
     padding-left: 0;
     padding-right: 0;
 }
 }
 @media (min-width: 640px) {
-.brand-page__content--inner--full-width[data-v-7e71fc85] {
+.brand-page__content--inner--full-width[data-v-21038c19] {
     padding-left: var(--page-padding);
     padding-right: var(--page-padding);
 }