@designcrowd/library.brand-page 5.16.27 → 5.16.28-ast-save-contact

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 (29) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-Dfs4kuhz.js → CreatedOnBrandCrowd-de-de-BB_h-oIB.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-DJ13cGoF.js → CreatedOnBrandCrowd-en-us-C3dbk0ik.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-CYnYFX32.js → CreatedOnBrandCrowd-es-es-D7RXAfQi.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-DxVqJhKj.js → CreatedOnBrandCrowd-fr-ca-BnntV1Px.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-DxVqJhKj.js → CreatedOnBrandCrowd-fr-fr-BnntV1Px.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-DRVSgk5J.js → CreatedOnBrandCrowd-pt-br-BadWdGAt.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-DRVSgk5J.js → CreatedOnBrandCrowd-pt-pt-BadWdGAt.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-CY_TZaZq.js → CreatedOnDcom-de-de-W8j4hoR_.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-B_sgd1y-.js → CreatedOnDcom-en-us-b1tVDl6h.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-DO2a5QCl.js → CreatedOnDcom-es-es-CZbW3GAi.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-D_eCbDAT.js → CreatedOnDcom-fr-ca-Cl-lIPOu.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-B3J5bsTR.js → CreatedOnDcom-fr-fr-DtRjjCcz.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-xDatVqDR.js → CreatedOnDcom-pt-br-ByS-J1yh.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-D9Yzuo4O.js → CreatedOnDcom-pt-pt-D1cvU4U6.js} +1 -1
  15. package/lib/src/brand-page/components/page/Page.mixin.d.ts +1 -0
  16. package/lib/src/brand-page/components/page/Page.mixin.js +3 -0
  17. package/lib/src/brand-page/utils/vcard.util.js +24 -13
  18. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +1 -0
  19. package/lib/src/css/library.brand-page-brandCrowd.min.css +24 -24
  20. package/lib/src/css/library.brand-page-brandPage.min.css +24 -24
  21. package/lib/src/css/library.brand-page-designCom.min.css +24 -24
  22. package/lib/src/css/library.brand-page-preview.min.css +24 -24
  23. package/lib/src/index.mjs +1 -1
  24. package/lib/src/{lib-BXqEits5.js → lib-CQ3umz6b.js} +11491 -11456
  25. package/package.json +1 -1
  26. package/src/brand-page/components/page/Page.mixin.ts +3 -0
  27. package/src/brand-page/components/page/Page.vue +7 -6
  28. package/src/brand-page/components/save-contact/SaveContactWidget.vue +7 -3
  29. package/src/brand-page/utils/vcard.util.ts +33 -13
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-BXqEits5.js";
2
+ import { _ as t } from "./lib-CQ3umz6b.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-BXqEits5.js";
2
+ import { _ as t } from "./lib-CQ3umz6b.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-BXqEits5.js";
2
+ import { _ as t } from "./lib-CQ3umz6b.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-BXqEits5.js";
2
+ import { _ as t } from "./lib-CQ3umz6b.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-BXqEits5.js";
2
+ import { _ as t } from "./lib-CQ3umz6b.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-BXqEits5.js";
2
+ import { _ as t } from "./lib-CQ3umz6b.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-BXqEits5.js";
2
+ import { _ as t } from "./lib-CQ3umz6b.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-BXqEits5.js";
2
+ import { _ as e } from "./lib-CQ3umz6b.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-BXqEits5.js";
2
+ import { _ as e } from "./lib-CQ3umz6b.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-BXqEits5.js";
2
+ import { _ as e } from "./lib-CQ3umz6b.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-BXqEits5.js";
2
+ import { _ as e } from "./lib-CQ3umz6b.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-BXqEits5.js";
2
+ import { _ as e } from "./lib-CQ3umz6b.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-BXqEits5.js";
2
+ import { _ as M } from "./lib-CQ3umz6b.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-BXqEits5.js";
2
+ import { _ as M } from "./lib-CQ3umz6b.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -74,6 +74,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
74
74
  bpShowTopNavigationDesktop(): boolean;
75
75
  slug(): string;
76
76
  shouldShowSaveContactWidget(): boolean;
77
+ isPremiumSubscription(): boolean;
77
78
  }, {
78
79
  openSideMenu(): void;
79
80
  onLogoClick(tabName: string): void;
@@ -279,6 +279,9 @@ export default defineComponent({
279
279
  return false;
280
280
  }
281
281
  },
282
+ isPremiumSubscription() {
283
+ return !this.showBrandCrowdLogo;
284
+ },
282
285
  },
283
286
  watch: {
284
287
  rootElementStyles() {
@@ -9,16 +9,24 @@ const HTML_ENTITIES = {
9
9
  '&gt;': '>',
10
10
  '&quot;': '"',
11
11
  };
12
- const SOCIAL_TYPE_MAP = {
13
- facebook: 'FACEBOOK',
14
- instagram: 'INSTAGRAM',
15
- x: 'TWITTER',
16
- linkedin: 'LINKEDIN',
17
- youtube: 'YOUTUBE',
18
- pinterest: 'PINTEREST',
19
- tiktok: 'TIKTOK',
20
- twitch: 'TWITCH',
21
- website: 'WEBSITE',
12
+ const SOCIAL_PLATFORM_PATTERNS = {
13
+ X: ['twitter.com', 'x.com', 'x'],
14
+ FACEBOOK: ['facebook.com', 'facebook'],
15
+ INSTAGRAM: ['instagram.com', 'instagram'],
16
+ LINKEDIN: ['linkedin.com', 'linkedin'],
17
+ YOUTUBE: ['youtube.com', 'youtu.be', 'youtube'],
18
+ PINTEREST: ['pinterest.com', 'pinterest'],
19
+ TIKTOK: ['tiktok.com', 'tiktok'],
20
+ TWITCH: ['twitch.tv', 'twitch'],
21
+ };
22
+ const detectSocialPlatform = (url) => {
23
+ const urlLower = url.toLowerCase();
24
+ for (const [platform, patterns] of Object.entries(SOCIAL_PLATFORM_PATTERNS)) {
25
+ if (patterns.some((pattern) => urlLower.includes(pattern))) {
26
+ return platform;
27
+ }
28
+ }
29
+ return undefined;
22
30
  };
23
31
  // Utility Functions
24
32
  const sanitizeForVCard = (value) => {
@@ -89,8 +97,10 @@ const addUrlEntry = (url, type, vcardLines, addedEntries) => {
89
97
  return;
90
98
  const key = `url:${formatted.toLowerCase()}`;
91
99
  if (!addedEntries.has(key)) {
92
- if (type) {
93
- vcardLines.push(`URL;TYPE=${type}:${formatted}`);
100
+ // Detect social platform from URL if type is not provided
101
+ const detectedType = type || detectSocialPlatform(formatted);
102
+ if (detectedType) {
103
+ vcardLines.push(`URL;TYPE=${detectedType}:${formatted}`);
94
104
  }
95
105
  else {
96
106
  vcardLines.push(`URL:${formatted}`);
@@ -116,7 +126,8 @@ const processContactUrl = (url, iconType, vcardLines, addedEntries, role) => {
116
126
  }
117
127
  // Finally use iconType as fallback
118
128
  else {
119
- addUrlEntry(url, SOCIAL_TYPE_MAP[iconType], vcardLines, addedEntries);
129
+ // detectSocialPlatform will handle iconType matching (e.g., 'x', 'facebook', etc.)
130
+ addUrlEntry(url, detectSocialPlatform(url) || detectSocialPlatform(iconType), vcardLines, addedEntries);
120
131
  }
121
132
  };
122
133
  const processButton = (button, vcardLines, addedEntries) => {
@@ -1170,6 +1170,7 @@ declare const _default: import("vue").DefineComponent<{}, {
1170
1170
  bpShowTopNavigationDesktop(): boolean;
1171
1171
  slug(): string;
1172
1172
  shouldShowSaveContactWidget(): boolean;
1173
+ isPremiumSubscription(): boolean;
1173
1174
  }, {
1174
1175
  openSideMenu(): void;
1175
1176
  onLogoClick(tabName: string): void;
@@ -7215,7 +7215,7 @@ to {
7215
7215
  font-family: Lato, Helvetica, sans-serif;
7216
7216
  }
7217
7217
 
7218
- .brand-page__footer[data-v-94f275b9] {
7218
+ .brand-page__footer[data-v-672a4537] {
7219
7219
  display: -webkit-box;
7220
7220
  display: -ms-flexbox;
7221
7221
  display: flex;
@@ -7223,7 +7223,7 @@ to {
7223
7223
  -ms-flex-pack: center;
7224
7224
  justify-content: center;
7225
7225
  }
7226
- .brand-page__footer-link[data-v-94f275b9] {
7226
+ .brand-page__footer-link[data-v-672a4537] {
7227
7227
  display: block;
7228
7228
  border-radius: 0.25rem;
7229
7229
  padding: 0.75rem;
@@ -7231,25 +7231,25 @@ to {
7231
7231
  -webkit-transition: background 0.2s ease-in-out;
7232
7232
  transition: background 0.2s ease-in-out;
7233
7233
  }
7234
- .brand-page__footer-link[data-v-94f275b9]:hover {
7234
+ .brand-page__footer-link[data-v-672a4537]:hover {
7235
7235
  opacity: 0.9;
7236
7236
  }
7237
- .icon-container[data-v-94f275b9] {
7237
+ .icon-container[data-v-672a4537] {
7238
7238
  width: 20px;
7239
7239
  overflow: hidden;
7240
7240
  }
7241
- .extra-height[data-v-94f275b9] {
7241
+ .extra-height[data-v-672a4537] {
7242
7242
  -webkit-transition: height 0.5s ease-in-out;
7243
7243
  transition: height 0.5s ease-in-out;
7244
7244
  width: 100%;
7245
7245
  }
7246
- .c-button__label[data-v-94f275b9] {
7246
+ .c-button__label[data-v-672a4537] {
7247
7247
  margin: 0 auto;
7248
7248
  word-break: break-word;
7249
7249
  overflow-wrap: anywhere;
7250
7250
  width: auto;
7251
7251
  }
7252
- .c-button[data-v-94f275b9] {
7252
+ .c-button[data-v-672a4537] {
7253
7253
  --icon-h: 1.5rem;
7254
7254
  --icon-m-r: 0.5rem;
7255
7255
  --icon-m-icon: 0.5rem;
@@ -7264,10 +7264,10 @@ to {
7264
7264
  -ms-flex-align: center !important;
7265
7265
  align-items: center !important;
7266
7266
  }
7267
- .button__icon[data-v-94f275b9] {
7267
+ .button__icon[data-v-672a4537] {
7268
7268
  margin-right: var(--icon-m-r);
7269
7269
  }
7270
- .btn-max-width[data-v-94f275b9] {
7270
+ .btn-max-width[data-v-672a4537] {
7271
7271
  max-width: 315px;
7272
7272
  width: 100%;
7273
7273
  }
@@ -7281,14 +7281,14 @@ body {
7281
7281
  line-height: 1.5;
7282
7282
  }
7283
7283
 
7284
- .brand-page-root[data-v-5ea93483] {
7284
+ .brand-page-root[data-v-6ae63486] {
7285
7285
  height: 100%;
7286
7286
  }
7287
- .sortable[data-v-5ea93483] {
7287
+ .sortable[data-v-6ae63486] {
7288
7288
  outline-color: #F7768C;
7289
7289
  outline-width: 0.2rem;
7290
7290
  }
7291
- .brand-page[data-v-5ea93483] {
7291
+ .brand-page[data-v-6ae63486] {
7292
7292
  -webkit-box-sizing: border-box;
7293
7293
  box-sizing: border-box;
7294
7294
  display: -webkit-box;
@@ -7300,7 +7300,7 @@ body {
7300
7300
  -ms-flex-direction: column;
7301
7301
  flex-direction: column;
7302
7302
  }
7303
- .brand-page__inner--default[data-v-5ea93483] {
7303
+ .brand-page__inner--default[data-v-6ae63486] {
7304
7304
  position: relative;
7305
7305
  z-index: 10;
7306
7306
  display: -webkit-box;
@@ -7312,16 +7312,16 @@ body {
7312
7312
  -ms-flex-direction: column;
7313
7313
  flex-direction: column;
7314
7314
  }
7315
- .brand-page__inner--desktop[data-v-5ea93483] {
7315
+ .brand-page__inner--desktop[data-v-6ae63486] {
7316
7316
  min-height: 100vh;
7317
7317
  }
7318
- .brand-site__header[data-v-5ea93483] {
7318
+ .brand-site__header[data-v-6ae63486] {
7319
7319
  container-type: inline-size;
7320
7320
  }
7321
- .brand-page__header[data-v-5ea93483] {
7321
+ .brand-page__header[data-v-6ae63486] {
7322
7322
  padding-top: var(--page-padding);
7323
7323
  }
7324
- .brand-page__content--default[data-v-5ea93483] {
7324
+ .brand-page__content--default[data-v-6ae63486] {
7325
7325
  margin-left: auto;
7326
7326
  margin-right: auto;
7327
7327
  margin-bottom: 2.5rem;
@@ -7338,7 +7338,7 @@ body {
7338
7338
  flex-direction: column;
7339
7339
  max-width: var(--page-max-width);
7340
7340
  }
7341
- .brand-page__content--desktop[data-v-5ea93483] {
7341
+ .brand-page__content--desktop[data-v-6ae63486] {
7342
7342
  margin-left: auto;
7343
7343
  margin-right: auto;
7344
7344
  display: -webkit-box;
@@ -7354,15 +7354,15 @@ body {
7354
7354
  flex-direction: column;
7355
7355
  max-width: 100%;
7356
7356
  }
7357
- .brand-page__content--inner[data-v-5ea93483] {
7357
+ .brand-page__content--inner[data-v-6ae63486] {
7358
7358
  padding-left: var(--page-padding);
7359
7359
  padding-right: var(--page-padding);
7360
7360
  }
7361
- .brand-page__content--inner--brandsite[data-v-5ea93483] {
7361
+ .brand-page__content--inner--brandsite[data-v-6ae63486] {
7362
7362
  max-width: var(--brandsite-max-width);
7363
7363
  margin: 0 auto;
7364
7364
  }
7365
- .brand-page__content--outline-selected[data-v-5ea93483] {
7365
+ .brand-page__content--outline-selected[data-v-6ae63486] {
7366
7366
  position: relative;
7367
7367
  z-index: 10;
7368
7368
  outline-color: #F7768C;
@@ -7370,20 +7370,20 @@ body {
7370
7370
  outline-style: dashed;
7371
7371
  outline-offset: -0.25rem;
7372
7372
  }
7373
- .brand-page__content--outline-footer-selected[data-v-5ea93483] {
7373
+ .brand-page__content--outline-footer-selected[data-v-6ae63486] {
7374
7374
  outline-color: #f7768c;
7375
7375
  outline-width: 0.2rem;
7376
7376
  outline-style: dashed;
7377
7377
  outline-offset: -0.25rem;
7378
7378
  }
7379
7379
  @media (max-width: 640px) {
7380
- .brand-page__content--inner--full-width[data-v-5ea93483] {
7380
+ .brand-page__content--inner--full-width[data-v-6ae63486] {
7381
7381
  padding-left: 0;
7382
7382
  padding-right: 0;
7383
7383
  }
7384
7384
  }
7385
7385
  @media (min-width: 640px) {
7386
- .brand-page__content--inner--full-width[data-v-5ea93483] {
7386
+ .brand-page__content--inner--full-width[data-v-6ae63486] {
7387
7387
  padding-left: var(--page-padding);
7388
7388
  padding-right: var(--page-padding);
7389
7389
  }
@@ -7531,7 +7531,7 @@ to {
7531
7531
  font-family: Lato, Helvetica, sans-serif;
7532
7532
  }
7533
7533
 
7534
- .brand-page__footer[data-v-94f275b9] {
7534
+ .brand-page__footer[data-v-672a4537] {
7535
7535
  display: -webkit-box;
7536
7536
  display: -ms-flexbox;
7537
7537
  display: flex;
@@ -7539,7 +7539,7 @@ to {
7539
7539
  -ms-flex-pack: center;
7540
7540
  justify-content: center;
7541
7541
  }
7542
- .brand-page__footer-link[data-v-94f275b9] {
7542
+ .brand-page__footer-link[data-v-672a4537] {
7543
7543
  display: block;
7544
7544
  border-radius: 0.25rem;
7545
7545
  padding: 0.75rem;
@@ -7547,25 +7547,25 @@ to {
7547
7547
  -webkit-transition: background 0.2s ease-in-out;
7548
7548
  transition: background 0.2s ease-in-out;
7549
7549
  }
7550
- .brand-page__footer-link[data-v-94f275b9]:hover {
7550
+ .brand-page__footer-link[data-v-672a4537]:hover {
7551
7551
  opacity: 0.9;
7552
7552
  }
7553
- .icon-container[data-v-94f275b9] {
7553
+ .icon-container[data-v-672a4537] {
7554
7554
  width: 20px;
7555
7555
  overflow: hidden;
7556
7556
  }
7557
- .extra-height[data-v-94f275b9] {
7557
+ .extra-height[data-v-672a4537] {
7558
7558
  -webkit-transition: height 0.5s ease-in-out;
7559
7559
  transition: height 0.5s ease-in-out;
7560
7560
  width: 100%;
7561
7561
  }
7562
- .c-button__label[data-v-94f275b9] {
7562
+ .c-button__label[data-v-672a4537] {
7563
7563
  margin: 0 auto;
7564
7564
  word-break: break-word;
7565
7565
  overflow-wrap: anywhere;
7566
7566
  width: auto;
7567
7567
  }
7568
- .c-button[data-v-94f275b9] {
7568
+ .c-button[data-v-672a4537] {
7569
7569
  --icon-h: 1.5rem;
7570
7570
  --icon-m-r: 0.5rem;
7571
7571
  --icon-m-icon: 0.5rem;
@@ -7580,10 +7580,10 @@ to {
7580
7580
  -ms-flex-align: center !important;
7581
7581
  align-items: center !important;
7582
7582
  }
7583
- .button__icon[data-v-94f275b9] {
7583
+ .button__icon[data-v-672a4537] {
7584
7584
  margin-right: var(--icon-m-r);
7585
7585
  }
7586
- .btn-max-width[data-v-94f275b9] {
7586
+ .btn-max-width[data-v-672a4537] {
7587
7587
  max-width: 315px;
7588
7588
  width: 100%;
7589
7589
  }
@@ -7597,14 +7597,14 @@ body {
7597
7597
  line-height: 1.5;
7598
7598
  }
7599
7599
 
7600
- .brand-page-root[data-v-5ea93483] {
7600
+ .brand-page-root[data-v-6ae63486] {
7601
7601
  height: 100%;
7602
7602
  }
7603
- .sortable[data-v-5ea93483] {
7603
+ .sortable[data-v-6ae63486] {
7604
7604
  outline-color: #F7768C;
7605
7605
  outline-width: 0.2rem;
7606
7606
  }
7607
- .brand-page[data-v-5ea93483] {
7607
+ .brand-page[data-v-6ae63486] {
7608
7608
  -webkit-box-sizing: border-box;
7609
7609
  box-sizing: border-box;
7610
7610
  display: -webkit-box;
@@ -7616,7 +7616,7 @@ body {
7616
7616
  -ms-flex-direction: column;
7617
7617
  flex-direction: column;
7618
7618
  }
7619
- .brand-page__inner--default[data-v-5ea93483] {
7619
+ .brand-page__inner--default[data-v-6ae63486] {
7620
7620
  position: relative;
7621
7621
  z-index: 10;
7622
7622
  display: -webkit-box;
@@ -7628,16 +7628,16 @@ body {
7628
7628
  -ms-flex-direction: column;
7629
7629
  flex-direction: column;
7630
7630
  }
7631
- .brand-page__inner--desktop[data-v-5ea93483] {
7631
+ .brand-page__inner--desktop[data-v-6ae63486] {
7632
7632
  min-height: 100vh;
7633
7633
  }
7634
- .brand-site__header[data-v-5ea93483] {
7634
+ .brand-site__header[data-v-6ae63486] {
7635
7635
  container-type: inline-size;
7636
7636
  }
7637
- .brand-page__header[data-v-5ea93483] {
7637
+ .brand-page__header[data-v-6ae63486] {
7638
7638
  padding-top: var(--page-padding);
7639
7639
  }
7640
- .brand-page__content--default[data-v-5ea93483] {
7640
+ .brand-page__content--default[data-v-6ae63486] {
7641
7641
  margin-left: auto;
7642
7642
  margin-right: auto;
7643
7643
  margin-bottom: 2.5rem;
@@ -7654,7 +7654,7 @@ body {
7654
7654
  flex-direction: column;
7655
7655
  max-width: var(--page-max-width);
7656
7656
  }
7657
- .brand-page__content--desktop[data-v-5ea93483] {
7657
+ .brand-page__content--desktop[data-v-6ae63486] {
7658
7658
  margin-left: auto;
7659
7659
  margin-right: auto;
7660
7660
  display: -webkit-box;
@@ -7670,15 +7670,15 @@ body {
7670
7670
  flex-direction: column;
7671
7671
  max-width: 100%;
7672
7672
  }
7673
- .brand-page__content--inner[data-v-5ea93483] {
7673
+ .brand-page__content--inner[data-v-6ae63486] {
7674
7674
  padding-left: var(--page-padding);
7675
7675
  padding-right: var(--page-padding);
7676
7676
  }
7677
- .brand-page__content--inner--brandsite[data-v-5ea93483] {
7677
+ .brand-page__content--inner--brandsite[data-v-6ae63486] {
7678
7678
  max-width: var(--brandsite-max-width);
7679
7679
  margin: 0 auto;
7680
7680
  }
7681
- .brand-page__content--outline-selected[data-v-5ea93483] {
7681
+ .brand-page__content--outline-selected[data-v-6ae63486] {
7682
7682
  position: relative;
7683
7683
  z-index: 10;
7684
7684
  outline-color: #F7768C;
@@ -7686,20 +7686,20 @@ body {
7686
7686
  outline-style: dashed;
7687
7687
  outline-offset: -0.25rem;
7688
7688
  }
7689
- .brand-page__content--outline-footer-selected[data-v-5ea93483] {
7689
+ .brand-page__content--outline-footer-selected[data-v-6ae63486] {
7690
7690
  outline-color: #f7768c;
7691
7691
  outline-width: 0.2rem;
7692
7692
  outline-style: dashed;
7693
7693
  outline-offset: -0.25rem;
7694
7694
  }
7695
7695
  @media (max-width: 640px) {
7696
- .brand-page__content--inner--full-width[data-v-5ea93483] {
7696
+ .brand-page__content--inner--full-width[data-v-6ae63486] {
7697
7697
  padding-left: 0;
7698
7698
  padding-right: 0;
7699
7699
  }
7700
7700
  }
7701
7701
  @media (min-width: 640px) {
7702
- .brand-page__content--inner--full-width[data-v-5ea93483] {
7702
+ .brand-page__content--inner--full-width[data-v-6ae63486] {
7703
7703
  padding-left: var(--page-padding);
7704
7704
  padding-right: var(--page-padding);
7705
7705
  }