@designcrowd/library.brand-page 5.15.7 → 5.15.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-Dxl7b9V_.js → CreatedOnBrandCrowd-de-de-DananZ7O.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-CEoIeAOI.js → CreatedOnBrandCrowd-en-us-B5TCZLJU.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-DL9xtWpJ.js → CreatedOnBrandCrowd-es-es-zw-oE6vZ.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-BJ__NUm8.js → CreatedOnBrandCrowd-fr-ca-CIn849gM.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-BJ__NUm8.js → CreatedOnBrandCrowd-fr-fr-CIn849gM.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-NbMBfyBa.js → CreatedOnBrandCrowd-pt-br-4__DyYF0.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-NbMBfyBa.js → CreatedOnBrandCrowd-pt-pt-4__DyYF0.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-BlK-NeP_.js → CreatedOnDcom-de-de-DVi5nidB.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-BGAYF0EZ.js → CreatedOnDcom-en-us-CnEgKfr9.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-BB2kXsQh.js → CreatedOnDcom-es-es-CxjrdaLG.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-g8XVHBzq.js → CreatedOnDcom-fr-ca-BTc2--67.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr--t1jyGv8.js → CreatedOnDcom-fr-fr-CXPv26w1.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-CyVpuXts.js → CreatedOnDcom-pt-br-DqrtGI2M.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-OoWc5iXY.js → CreatedOnDcom-pt-pt-BuR6EcQc.js} +1 -1
  15. package/lib/src/brand-page/components/page-footer/PageFooter.mixin.d.ts +8 -8
  16. package/lib/src/brand-page/components/page-footer/PageFooter.mixin.js +3 -3
  17. package/lib/src/brand-page/components/page-header/PageHeader.mixin.d.ts +8 -8
  18. package/lib/src/brand-page/components/page-header/PageHeader.mixin.js +3 -3
  19. package/lib/src/css/library.brand-page-brandCrowd.min.css +27 -27
  20. package/lib/src/css/library.brand-page-brandPage.min.css +27 -27
  21. package/lib/src/css/library.brand-page-designCom.min.css +27 -27
  22. package/lib/src/css/library.brand-page-preview.min.css +27 -27
  23. package/lib/src/index.mjs +1 -1
  24. package/lib/src/{lib-CpmXOBrP.js → lib-BbYOKZgE.js} +39 -41
  25. package/package.json +1 -1
  26. package/src/brand-page/components/logo/Logo.vue +8 -8
  27. package/src/brand-page/components/logo/LogoRender.vue +2 -2
  28. package/src/brand-page/components/page/Page.vue +2 -4
  29. package/src/brand-page/components/page-footer/PageFooter.mixin.ts +3 -3
  30. package/src/brand-page/components/page-footer/PageFooter.vue +1 -1
  31. package/src/brand-page/components/page-header/PageHeader.mixin.ts +3 -3
  32. package/src/brand-page/components/page-header/PageHeader.vue +1 -1
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CpmXOBrP.js";
2
+ import { _ as t } from "./lib-BbYOKZgE.js";
3
3
  const i = {}, h = {
4
4
  width: "275",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CpmXOBrP.js";
2
+ import { _ as t } from "./lib-BbYOKZgE.js";
3
3
  const i = {}, h = {
4
4
  width: "251",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CpmXOBrP.js";
2
+ import { _ as t } from "./lib-BbYOKZgE.js";
3
3
  const i = {}, h = {
4
4
  width: "250",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CpmXOBrP.js";
2
+ import { _ as t } from "./lib-BbYOKZgE.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CpmXOBrP.js";
2
+ import { _ as t } from "./lib-BbYOKZgE.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CpmXOBrP.js";
2
+ import { _ as t } from "./lib-BbYOKZgE.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CpmXOBrP.js";
2
+ import { _ as t } from "./lib-BbYOKZgE.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-CpmXOBrP.js";
2
+ import { _ as e } from "./lib-BbYOKZgE.js";
3
3
  const M = {}, Z = {
4
4
  width: "242",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-CpmXOBrP.js";
2
+ import { _ as e } from "./lib-BbYOKZgE.js";
3
3
  const i = {}, M = {
4
4
  width: "231",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-CpmXOBrP.js";
2
+ import { _ as e } from "./lib-BbYOKZgE.js";
3
3
  const M = {}, Z = {
4
4
  width: "230",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-CpmXOBrP.js";
2
+ import { _ as e } from "./lib-BbYOKZgE.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-CpmXOBrP.js";
2
+ import { _ as e } from "./lib-BbYOKZgE.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-CpmXOBrP.js";
2
+ import { _ as M } from "./lib-BbYOKZgE.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-CpmXOBrP.js";
2
+ import { _ as M } from "./lib-BbYOKZgE.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -1,6 +1,6 @@
1
1
  import type { PageFooterViewModel } from '../../view-models';
2
2
  import type { PropType } from 'vue';
3
- import type { BrandPageContext, ViewportsType } from '../../models';
3
+ import type { BrandPageContext } from '../../models';
4
4
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
5
  viewModel: {
6
6
  type: PropType<PageFooterViewModel>;
@@ -14,10 +14,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
14
14
  type: BooleanConstructor;
15
15
  required: true;
16
16
  };
17
- viewport: {
18
- type: PropType<ViewportsType>;
17
+ isMobile: {
18
+ type: BooleanConstructor;
19
19
  required: false;
20
- default: undefined;
20
+ default: boolean;
21
21
  };
22
22
  }>, {}, {}, {
23
23
  containerStyle(): BrandPageCssStyle;
@@ -41,15 +41,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
41
41
  type: BooleanConstructor;
42
42
  required: true;
43
43
  };
44
- viewport: {
45
- type: PropType<ViewportsType>;
44
+ isMobile: {
45
+ type: BooleanConstructor;
46
46
  required: false;
47
- default: undefined;
47
+ default: boolean;
48
48
  };
49
49
  }>> & Readonly<{
50
50
  "onOn-logo-click"?: ((...args: any[]) => any) | undefined;
51
51
  "onFooter-container-click"?: ((...args: any[]) => any) | undefined;
52
52
  }>, {
53
- viewport: ViewportsType;
53
+ isMobile: boolean;
54
54
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
55
55
  export default _default;
@@ -15,10 +15,10 @@ export default defineComponent({
15
15
  type: Boolean,
16
16
  required: true,
17
17
  },
18
- viewport: {
19
- type: String,
18
+ isMobile: {
19
+ type: Boolean,
20
20
  required: false,
21
- default: undefined,
21
+ default: false,
22
22
  },
23
23
  },
24
24
  emits: ['on-logo-click', 'footer-container-click'],
@@ -1,5 +1,5 @@
1
1
  import type { PropType } from 'vue';
2
- import type { BrandPageContext, ViewportsType } from '../../models';
2
+ import type { BrandPageContext } from '../../models';
3
3
  import type { PageHeaderViewModel } from '../../view-models';
4
4
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
5
  navId: {
@@ -14,10 +14,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
14
14
  type: PropType<BrandPageContext>;
15
15
  required: true;
16
16
  };
17
- viewport: {
18
- type: PropType<ViewportsType>;
17
+ isMobile: {
18
+ type: BooleanConstructor;
19
19
  required: false;
20
- default: undefined;
20
+ default: boolean;
21
21
  };
22
22
  }>, {}, {
23
23
  LOGO_SLIDER_DESKTOP_MAX: number;
@@ -39,14 +39,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
39
39
  type: PropType<BrandPageContext>;
40
40
  required: true;
41
41
  };
42
- viewport: {
43
- type: PropType<ViewportsType>;
42
+ isMobile: {
43
+ type: BooleanConstructor;
44
44
  required: false;
45
- default: undefined;
45
+ default: boolean;
46
46
  };
47
47
  }>> & Readonly<{
48
48
  "onHeader-container-click"?: ((...args: any[]) => any) | undefined;
49
49
  }>, {
50
- viewport: ViewportsType;
50
+ isMobile: boolean;
51
51
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
52
52
  export default _default;
@@ -14,10 +14,10 @@ export default defineComponent({
14
14
  type: Object,
15
15
  required: true,
16
16
  },
17
- viewport: {
18
- type: String,
17
+ isMobile: {
18
+ type: Boolean,
19
19
  required: false,
20
- default: undefined,
20
+ default: false,
21
21
  },
22
22
  },
23
23
  data: function () {
@@ -5336,18 +5336,18 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5336
5336
  }
5337
5337
  }
5338
5338
 
5339
- .logo__container[data-v-69653fe2] {
5339
+ .logo__container[data-v-acc9a38e] {
5340
5340
  border: 0.125rem solid var(--logo-border-colour);
5341
5341
  border-radius: 0.75rem;
5342
5342
  }
5343
- .logo__image[data-v-69653fe2] {
5343
+ .logo__image[data-v-acc9a38e] {
5344
5344
  display: block;
5345
5345
  -o-object-fit: contain;
5346
5346
  object-fit: contain;
5347
5347
  height: 6rem;
5348
5348
  }
5349
5349
 
5350
- .logo[data-v-cb75e122] {
5350
+ .logo[data-v-7d564fad] {
5351
5351
  --logo-border-colour: #00000000;
5352
5352
  --logo-size: 8rem;
5353
5353
  --logo-spacing: 0.75rem;
@@ -6868,27 +6868,27 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6868
6868
  margin: 0;
6869
6869
  }
6870
6870
 
6871
- .c-page-header-container[data-v-2b8ad1d3] {
6871
+ .c-page-header-container[data-v-2515716a] {
6872
6872
  max-width: var(--brandsite-max-width);
6873
6873
  margin: 0 auto;
6874
6874
  padding: 0.25rem var(--page-padding);
6875
6875
  }
6876
6876
 
6877
- .c-page-footer__container[data-v-088f27af] {
6877
+ .c-page-footer__container[data-v-fa71f987] {
6878
6878
  max-width: var(--brandsite-max-width);
6879
6879
  margin: 0 auto;
6880
6880
  padding: 0.25rem var(--page-padding);
6881
6881
  }
6882
- .c-page-footer__container-justified[data-v-088f27af] {
6882
+ .c-page-footer__container-justified[data-v-fa71f987] {
6883
6883
  -webkit-box-pack: justify;
6884
6884
  -ms-flex-pack: justify;
6885
6885
  justify-content: space-between;
6886
6886
  }
6887
- .sortable[data-v-088f27af] {
6887
+ .sortable[data-v-fa71f987] {
6888
6888
  outline-color: #F7768C;
6889
6889
  outline-width: 0.2rem;
6890
6890
  }
6891
- .brand-page__content--outline-selected[data-v-088f27af] {
6891
+ .brand-page__content--outline-selected[data-v-fa71f987] {
6892
6892
  position: relative;
6893
6893
  z-index: 10;
6894
6894
  margin-left: 0.25rem;
@@ -6897,25 +6897,25 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6897
6897
  outline-width: 0.2rem;
6898
6898
  outline-style: dashed;
6899
6899
  }
6900
- .c_footer-container[data-v-088f27af] {
6900
+ .c_footer-container[data-v-fa71f987] {
6901
6901
  max-width: var(--brandsite-max-width);
6902
6902
  margin: 0 auto;
6903
6903
  padding-left: var(--page-padding);
6904
6904
  padding-right: var(--page-padding);
6905
6905
  }
6906
6906
  @container (max-width: 640px) {
6907
- .c-page-footer__container-justified[data-v-088f27af] {
6907
+ .c-page-footer__container-justified[data-v-fa71f987] {
6908
6908
  -webkit-box-orient: vertical;
6909
6909
  -webkit-box-direction: normal;
6910
6910
  -ms-flex-direction: column;
6911
6911
  flex-direction: column;
6912
6912
  }
6913
- .c-page-footer__container-justified[data-v-088f27af] > :nth-child(2) {
6913
+ .c-page-footer__container-justified[data-v-fa71f987] > :nth-child(2) {
6914
6914
  margin-bottom: 1rem;
6915
6915
  }
6916
6916
  }
6917
6917
  @container (min-width: 640px) {
6918
- .c-page-footer__container-justified-stack[data-v-088f27af] {
6918
+ .c-page-footer__container-justified-stack[data-v-fa71f987] {
6919
6919
  margin-left: 1rem;
6920
6920
  margin-right: 1rem;
6921
6921
  -webkit-box-pack: justify;
@@ -7058,14 +7058,14 @@ body {
7058
7058
  line-height: 1.5;
7059
7059
  }
7060
7060
 
7061
- .brand-page-root[data-v-21038c19] {
7061
+ .brand-page-root[data-v-11475b7e] {
7062
7062
  height: 100%;
7063
7063
  }
7064
- .sortable[data-v-21038c19] {
7064
+ .sortable[data-v-11475b7e] {
7065
7065
  outline-color: #F7768C;
7066
7066
  outline-width: 0.2rem;
7067
7067
  }
7068
- .brand-page[data-v-21038c19] {
7068
+ .brand-page[data-v-11475b7e] {
7069
7069
  -webkit-box-sizing: border-box;
7070
7070
  box-sizing: border-box;
7071
7071
  display: -webkit-box;
@@ -7077,7 +7077,7 @@ body {
7077
7077
  -ms-flex-direction: column;
7078
7078
  flex-direction: column;
7079
7079
  }
7080
- .brand-page__inner--default[data-v-21038c19] {
7080
+ .brand-page__inner--default[data-v-11475b7e] {
7081
7081
  position: relative;
7082
7082
  z-index: 10;
7083
7083
  display: -webkit-box;
@@ -7089,16 +7089,16 @@ body {
7089
7089
  -ms-flex-direction: column;
7090
7090
  flex-direction: column;
7091
7091
  }
7092
- .brand-page__inner--desktop[data-v-21038c19] {
7092
+ .brand-page__inner--desktop[data-v-11475b7e] {
7093
7093
  min-height: 100vh;
7094
7094
  }
7095
- .brand-site__header[data-v-21038c19] {
7095
+ .brand-site__header[data-v-11475b7e] {
7096
7096
  container-type: inline-size;
7097
7097
  }
7098
- .brand-page__header[data-v-21038c19] {
7098
+ .brand-page__header[data-v-11475b7e] {
7099
7099
  padding-top: var(--page-padding);
7100
7100
  }
7101
- .brand-page__content--default[data-v-21038c19] {
7101
+ .brand-page__content--default[data-v-11475b7e] {
7102
7102
  margin-left: auto;
7103
7103
  margin-right: auto;
7104
7104
  margin-bottom: 2.5rem;
@@ -7115,7 +7115,7 @@ body {
7115
7115
  flex-direction: column;
7116
7116
  max-width: var(--page-max-width);
7117
7117
  }
7118
- .brand-page__content--desktop[data-v-21038c19] {
7118
+ .brand-page__content--desktop[data-v-11475b7e] {
7119
7119
  margin-left: auto;
7120
7120
  margin-right: auto;
7121
7121
  display: -webkit-box;
@@ -7131,15 +7131,15 @@ body {
7131
7131
  flex-direction: column;
7132
7132
  max-width: 100%;
7133
7133
  }
7134
- .brand-page__content--inner[data-v-21038c19] {
7134
+ .brand-page__content--inner[data-v-11475b7e] {
7135
7135
  padding-left: var(--page-padding);
7136
7136
  padding-right: var(--page-padding);
7137
7137
  }
7138
- .brand-page__content--inner--brandsite[data-v-21038c19] {
7138
+ .brand-page__content--inner--brandsite[data-v-11475b7e] {
7139
7139
  max-width: var(--brandsite-max-width);
7140
7140
  margin: 0 auto;
7141
7141
  }
7142
- .brand-page__content--outline-selected[data-v-21038c19] {
7142
+ .brand-page__content--outline-selected[data-v-11475b7e] {
7143
7143
  position: relative;
7144
7144
  z-index: 10;
7145
7145
  outline-color: #F7768C;
@@ -7147,20 +7147,20 @@ body {
7147
7147
  outline-style: dashed;
7148
7148
  outline-offset: -0.25rem;
7149
7149
  }
7150
- .brand-page__content--outline-footer-selected[data-v-21038c19] {
7150
+ .brand-page__content--outline-footer-selected[data-v-11475b7e] {
7151
7151
  outline-color: #f7768c;
7152
7152
  outline-width: 0.2rem;
7153
7153
  outline-style: dashed;
7154
7154
  outline-offset: -0.25rem;
7155
7155
  }
7156
7156
  @media (max-width: 640px) {
7157
- .brand-page__content--inner--full-width[data-v-21038c19] {
7157
+ .brand-page__content--inner--full-width[data-v-11475b7e] {
7158
7158
  padding-left: 0;
7159
7159
  padding-right: 0;
7160
7160
  }
7161
7161
  }
7162
7162
  @media (min-width: 640px) {
7163
- .brand-page__content--inner--full-width[data-v-21038c19] {
7163
+ .brand-page__content--inner--full-width[data-v-11475b7e] {
7164
7164
  padding-left: var(--page-padding);
7165
7165
  padding-right: var(--page-padding);
7166
7166
  }
@@ -5664,18 +5664,18 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5664
5664
  }
5665
5665
  }
5666
5666
 
5667
- .logo__container[data-v-69653fe2] {
5667
+ .logo__container[data-v-acc9a38e] {
5668
5668
  border: 0.125rem solid var(--logo-border-colour);
5669
5669
  border-radius: 0.75rem;
5670
5670
  }
5671
- .logo__image[data-v-69653fe2] {
5671
+ .logo__image[data-v-acc9a38e] {
5672
5672
  display: block;
5673
5673
  -o-object-fit: contain;
5674
5674
  object-fit: contain;
5675
5675
  height: 6rem;
5676
5676
  }
5677
5677
 
5678
- .logo[data-v-cb75e122] {
5678
+ .logo[data-v-7d564fad] {
5679
5679
  --logo-border-colour: #00000000;
5680
5680
  --logo-size: 8rem;
5681
5681
  --logo-spacing: 0.75rem;
@@ -7196,27 +7196,27 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
7196
7196
  margin: 0;
7197
7197
  }
7198
7198
 
7199
- .c-page-header-container[data-v-2b8ad1d3] {
7199
+ .c-page-header-container[data-v-2515716a] {
7200
7200
  max-width: var(--brandsite-max-width);
7201
7201
  margin: 0 auto;
7202
7202
  padding: 0.25rem var(--page-padding);
7203
7203
  }
7204
7204
 
7205
- .c-page-footer__container[data-v-088f27af] {
7205
+ .c-page-footer__container[data-v-fa71f987] {
7206
7206
  max-width: var(--brandsite-max-width);
7207
7207
  margin: 0 auto;
7208
7208
  padding: 0.25rem var(--page-padding);
7209
7209
  }
7210
- .c-page-footer__container-justified[data-v-088f27af] {
7210
+ .c-page-footer__container-justified[data-v-fa71f987] {
7211
7211
  -webkit-box-pack: justify;
7212
7212
  -ms-flex-pack: justify;
7213
7213
  justify-content: space-between;
7214
7214
  }
7215
- .sortable[data-v-088f27af] {
7215
+ .sortable[data-v-fa71f987] {
7216
7216
  outline-color: #F7768C;
7217
7217
  outline-width: 0.2rem;
7218
7218
  }
7219
- .brand-page__content--outline-selected[data-v-088f27af] {
7219
+ .brand-page__content--outline-selected[data-v-fa71f987] {
7220
7220
  position: relative;
7221
7221
  z-index: 10;
7222
7222
  margin-left: 0.25rem;
@@ -7225,25 +7225,25 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
7225
7225
  outline-width: 0.2rem;
7226
7226
  outline-style: dashed;
7227
7227
  }
7228
- .c_footer-container[data-v-088f27af] {
7228
+ .c_footer-container[data-v-fa71f987] {
7229
7229
  max-width: var(--brandsite-max-width);
7230
7230
  margin: 0 auto;
7231
7231
  padding-left: var(--page-padding);
7232
7232
  padding-right: var(--page-padding);
7233
7233
  }
7234
7234
  @container (max-width: 640px) {
7235
- .c-page-footer__container-justified[data-v-088f27af] {
7235
+ .c-page-footer__container-justified[data-v-fa71f987] {
7236
7236
  -webkit-box-orient: vertical;
7237
7237
  -webkit-box-direction: normal;
7238
7238
  -ms-flex-direction: column;
7239
7239
  flex-direction: column;
7240
7240
  }
7241
- .c-page-footer__container-justified[data-v-088f27af] > :nth-child(2) {
7241
+ .c-page-footer__container-justified[data-v-fa71f987] > :nth-child(2) {
7242
7242
  margin-bottom: 1rem;
7243
7243
  }
7244
7244
  }
7245
7245
  @container (min-width: 640px) {
7246
- .c-page-footer__container-justified-stack[data-v-088f27af] {
7246
+ .c-page-footer__container-justified-stack[data-v-fa71f987] {
7247
7247
  margin-left: 1rem;
7248
7248
  margin-right: 1rem;
7249
7249
  -webkit-box-pack: justify;
@@ -7386,14 +7386,14 @@ body {
7386
7386
  line-height: 1.5;
7387
7387
  }
7388
7388
 
7389
- .brand-page-root[data-v-21038c19] {
7389
+ .brand-page-root[data-v-11475b7e] {
7390
7390
  height: 100%;
7391
7391
  }
7392
- .sortable[data-v-21038c19] {
7392
+ .sortable[data-v-11475b7e] {
7393
7393
  outline-color: #F7768C;
7394
7394
  outline-width: 0.2rem;
7395
7395
  }
7396
- .brand-page[data-v-21038c19] {
7396
+ .brand-page[data-v-11475b7e] {
7397
7397
  -webkit-box-sizing: border-box;
7398
7398
  box-sizing: border-box;
7399
7399
  display: -webkit-box;
@@ -7405,7 +7405,7 @@ body {
7405
7405
  -ms-flex-direction: column;
7406
7406
  flex-direction: column;
7407
7407
  }
7408
- .brand-page__inner--default[data-v-21038c19] {
7408
+ .brand-page__inner--default[data-v-11475b7e] {
7409
7409
  position: relative;
7410
7410
  z-index: 10;
7411
7411
  display: -webkit-box;
@@ -7417,16 +7417,16 @@ body {
7417
7417
  -ms-flex-direction: column;
7418
7418
  flex-direction: column;
7419
7419
  }
7420
- .brand-page__inner--desktop[data-v-21038c19] {
7420
+ .brand-page__inner--desktop[data-v-11475b7e] {
7421
7421
  min-height: 100vh;
7422
7422
  }
7423
- .brand-site__header[data-v-21038c19] {
7423
+ .brand-site__header[data-v-11475b7e] {
7424
7424
  container-type: inline-size;
7425
7425
  }
7426
- .brand-page__header[data-v-21038c19] {
7426
+ .brand-page__header[data-v-11475b7e] {
7427
7427
  padding-top: var(--page-padding);
7428
7428
  }
7429
- .brand-page__content--default[data-v-21038c19] {
7429
+ .brand-page__content--default[data-v-11475b7e] {
7430
7430
  margin-left: auto;
7431
7431
  margin-right: auto;
7432
7432
  margin-bottom: 2.5rem;
@@ -7443,7 +7443,7 @@ body {
7443
7443
  flex-direction: column;
7444
7444
  max-width: var(--page-max-width);
7445
7445
  }
7446
- .brand-page__content--desktop[data-v-21038c19] {
7446
+ .brand-page__content--desktop[data-v-11475b7e] {
7447
7447
  margin-left: auto;
7448
7448
  margin-right: auto;
7449
7449
  display: -webkit-box;
@@ -7459,15 +7459,15 @@ body {
7459
7459
  flex-direction: column;
7460
7460
  max-width: 100%;
7461
7461
  }
7462
- .brand-page__content--inner[data-v-21038c19] {
7462
+ .brand-page__content--inner[data-v-11475b7e] {
7463
7463
  padding-left: var(--page-padding);
7464
7464
  padding-right: var(--page-padding);
7465
7465
  }
7466
- .brand-page__content--inner--brandsite[data-v-21038c19] {
7466
+ .brand-page__content--inner--brandsite[data-v-11475b7e] {
7467
7467
  max-width: var(--brandsite-max-width);
7468
7468
  margin: 0 auto;
7469
7469
  }
7470
- .brand-page__content--outline-selected[data-v-21038c19] {
7470
+ .brand-page__content--outline-selected[data-v-11475b7e] {
7471
7471
  position: relative;
7472
7472
  z-index: 10;
7473
7473
  outline-color: #F7768C;
@@ -7475,20 +7475,20 @@ body {
7475
7475
  outline-style: dashed;
7476
7476
  outline-offset: -0.25rem;
7477
7477
  }
7478
- .brand-page__content--outline-footer-selected[data-v-21038c19] {
7478
+ .brand-page__content--outline-footer-selected[data-v-11475b7e] {
7479
7479
  outline-color: #f7768c;
7480
7480
  outline-width: 0.2rem;
7481
7481
  outline-style: dashed;
7482
7482
  outline-offset: -0.25rem;
7483
7483
  }
7484
7484
  @media (max-width: 640px) {
7485
- .brand-page__content--inner--full-width[data-v-21038c19] {
7485
+ .brand-page__content--inner--full-width[data-v-11475b7e] {
7486
7486
  padding-left: 0;
7487
7487
  padding-right: 0;
7488
7488
  }
7489
7489
  }
7490
7490
  @media (min-width: 640px) {
7491
- .brand-page__content--inner--full-width[data-v-21038c19] {
7491
+ .brand-page__content--inner--full-width[data-v-11475b7e] {
7492
7492
  padding-left: var(--page-padding);
7493
7493
  padding-right: var(--page-padding);
7494
7494
  }