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

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 (96) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-CBjFFeBP.js → CreatedOnBrandCrowd-de-de-BW15_bVX.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-NuNXF81K.js → CreatedOnBrandCrowd-en-us-MXDRWPa1.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-BJG8nfug.js → CreatedOnBrandCrowd-es-es-BkeN_bU4.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-uX-nL53e.js → CreatedOnBrandCrowd-fr-ca-DWPl8vN2.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-uX-nL53e.js → CreatedOnBrandCrowd-fr-fr-DWPl8vN2.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-DTrgFGQV.js → CreatedOnBrandCrowd-pt-br-B2_xFYID.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-DTrgFGQV.js → CreatedOnBrandCrowd-pt-pt-B2_xFYID.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-DSfpxioT.js → CreatedOnDcom-de-de-D-Y_NKQ3.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-C7G4gKem.js → CreatedOnDcom-en-us-TkzWmLPE.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-DVckCaji.js → CreatedOnDcom-es-es-BRcN78-W.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-C5GDrm_C.js → CreatedOnDcom-fr-ca-DcpgnOV-.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-v5eMm-j2.js → CreatedOnDcom-fr-fr-CdppomFF.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-Dq3-fPUc.js → CreatedOnDcom-pt-br-Dm05huFx.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-DFsncYax.js → CreatedOnDcom-pt-pt-C2O9rV7u.js} +1 -1
  15. package/lib/src/brand-page/components/contact-form/ContactForm.mixin.d.ts +1 -0
  16. package/lib/src/brand-page/components/contact-form/ContactForm.mixin.js +19 -1
  17. package/lib/src/brand-page/components/mailing-list/MailingList.mixin.d.ts +1 -0
  18. package/lib/src/brand-page/components/mailing-list/MailingList.mixin.js +8 -1
  19. package/lib/src/brand-page/utils/color.util.d.ts +16 -0
  20. package/lib/src/brand-page/utils/color.util.js +56 -0
  21. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts +1 -0
  22. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.js +5 -0
  23. package/lib/src/brand-page-maker/components/quick-link-bar/QuickLinkBar.mixin.d.ts +1 -1
  24. package/lib/src/brand-page-maker/components/quick-link-bar/QuickLinkBar.mixin.js +4 -6
  25. package/lib/src/brand-page-maker/composables/useQuickLinkBarVisibility.d.ts +17 -0
  26. package/lib/src/brand-page-maker/composables/useQuickLinkBarVisibility.js +23 -0
  27. package/lib/src/bundled-translations-2HkRBbBD.js +177 -0
  28. package/lib/src/bundled-translations.de-DE-DmmZFmGP.js +177 -0
  29. package/lib/src/bundled-translations.es-ES-D7JmTUKc.js +177 -0
  30. package/lib/src/bundled-translations.fr-CA-LANZnNuX.js +177 -0
  31. package/lib/src/bundled-translations.fr-FR-BQybH6dF.js +177 -0
  32. package/lib/src/bundled-translations.pt-BR-DRAIsAdg.js +177 -0
  33. package/lib/src/bundled-translations.pt-PT-CEqBjj6N.js +177 -0
  34. package/lib/src/bundles/bundled-translations.de-DE.json +5 -2
  35. package/lib/src/bundles/bundled-translations.es-ES.json +5 -2
  36. package/lib/src/bundles/bundled-translations.fr-CA.json +5 -2
  37. package/lib/src/bundles/bundled-translations.fr-FR.json +5 -2
  38. package/lib/src/bundles/bundled-translations.json +5 -2
  39. package/lib/src/bundles/bundled-translations.pt-BR.json +5 -2
  40. package/lib/src/bundles/bundled-translations.pt-PT.json +5 -2
  41. package/lib/src/composables/useTranslate.d.ts +2 -1
  42. package/lib/src/composables/useTranslate.js +2 -1
  43. package/lib/src/css/library.brand-page-brandCrowd.min.css +82 -65
  44. package/lib/src/css/library.brand-page-brandPage.min.css +82 -65
  45. package/lib/src/css/library.brand-page-designCom.min.css +82 -65
  46. package/lib/src/css/library.brand-page-preview.min.css +82 -65
  47. package/lib/src/index.mjs +1 -1
  48. package/lib/src/{lib-BG-pyXi9.js → lib-DwLhDsXL.js} +14511 -14413
  49. package/package.json +1 -1
  50. package/src/brand-page/components/button/Button.vue +20 -0
  51. package/src/brand-page/components/button/Button.vue.test.ts +175 -0
  52. package/src/brand-page/components/contact-form/ContactForm.mixin.test.ts +59 -0
  53. package/src/brand-page/components/contact-form/ContactForm.mixin.ts +24 -0
  54. package/src/brand-page/components/contact-form/ContactForm.vue +9 -0
  55. package/src/brand-page/components/mailing-list/MailingList.mixin.ts +11 -0
  56. package/src/brand-page/components/mailing-list/MailingList.vue +3 -0
  57. package/src/brand-page/components/page/Page.vue +9 -0
  58. package/src/brand-page/components/recaptcha-disclosure/RecaptchaDisclosure.vue +60 -0
  59. package/src/brand-page/components/recaptcha-disclosure/RecaptchaDisclosure.vue.test.ts +36 -0
  60. package/src/brand-page/components/recaptcha-disclosure/i18n/recaptcha.de-DE.json +5 -0
  61. package/src/brand-page/components/recaptcha-disclosure/i18n/recaptcha.es-ES.json +5 -0
  62. package/src/brand-page/components/recaptcha-disclosure/i18n/recaptcha.fr-CA.json +5 -0
  63. package/src/brand-page/components/recaptcha-disclosure/i18n/recaptcha.fr-FR.json +5 -0
  64. package/src/brand-page/components/recaptcha-disclosure/i18n/recaptcha.json +5 -0
  65. package/src/brand-page/components/recaptcha-disclosure/i18n/recaptcha.pt-BR.json +5 -0
  66. package/src/brand-page/components/recaptcha-disclosure/i18n/recaptcha.pt-PT.json +5 -0
  67. package/src/brand-page/utils/color.util.test.ts +78 -1
  68. package/src/brand-page/utils/color.util.ts +82 -0
  69. package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.ts +5 -0
  70. package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.vue +2 -2
  71. package/src/brand-page-maker/components/device/Device.vue +0 -1
  72. package/src/brand-page-maker/components/quick-link-bar/QuickLinkBar.mixin.ts +4 -7
  73. package/src/brand-page-maker/composables/useQuickLinkBarVisibility.test.ts +81 -0
  74. package/src/brand-page-maker/composables/useQuickLinkBarVisibility.ts +25 -0
  75. package/src/bundles/bundled-translations.de-DE.json +5 -2
  76. package/src/bundles/bundled-translations.es-ES.json +5 -2
  77. package/src/bundles/bundled-translations.fr-CA.json +5 -2
  78. package/src/bundles/bundled-translations.fr-FR.json +5 -2
  79. package/src/bundles/bundled-translations.json +5 -2
  80. package/src/bundles/bundled-translations.pt-BR.json +5 -2
  81. package/src/bundles/bundled-translations.pt-PT.json +5 -2
  82. package/src/composables/useTranslate.ts +3 -0
  83. package/src/shared/content-settings/components/content-settings/i18n/content-settings.de-DE.json +2 -2
  84. package/src/shared/content-settings/components/content-settings/i18n/content-settings.es-ES.json +2 -2
  85. package/src/shared/content-settings/components/content-settings/i18n/content-settings.fr-CA.json +2 -2
  86. package/src/shared/content-settings/components/content-settings/i18n/content-settings.fr-FR.json +2 -2
  87. package/src/shared/content-settings/components/content-settings/i18n/content-settings.json +2 -2
  88. package/src/shared/content-settings/components/content-settings/i18n/content-settings.pt-BR.json +2 -2
  89. package/src/shared/content-settings/components/content-settings/i18n/content-settings.pt-PT.json +2 -2
  90. package/lib/src/bundled-translations-BzzINHD2.js +0 -175
  91. package/lib/src/bundled-translations.de-DE-opJOfLO-.js +0 -175
  92. package/lib/src/bundled-translations.es-ES-MaidBiW6.js +0 -175
  93. package/lib/src/bundled-translations.fr-CA-CuG0285l.js +0 -175
  94. package/lib/src/bundled-translations.fr-FR-DWh-DHys.js +0 -175
  95. package/lib/src/bundled-translations.pt-BR-DG6n1YPu.js +0 -175
  96. package/lib/src/bundled-translations.pt-PT-J5-Lhk0H.js +0 -175
@@ -3293,9 +3293,6 @@ a.maker-anchor {
3293
3293
  .tw-pt-1 {
3294
3294
  padding-top: 0.25rem;
3295
3295
  }
3296
- .tw-pt-10 {
3297
- padding-top: 2.5rem;
3298
- }
3299
3296
  .tw-pt-12 {
3300
3297
  padding-top: 3rem;
3301
3298
  }
@@ -6315,7 +6312,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6315
6312
  content: '\00A0';
6316
6313
  }
6317
6314
 
6318
- .c-button[data-v-dff82fb8] {
6315
+ .c-button[data-v-8c623b57] {
6319
6316
  --icon-h: 1.5rem;
6320
6317
  --icon-m-r: 2rem;
6321
6318
  --icon-m-icon: 0.5rem;
@@ -6329,7 +6326,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6329
6326
 
6330
6327
  /* Shape-library icons (vector, nested in .c-shape, no class on the img):
6331
6328
  render at the default icon size, centered in normal flow like the SVG icons. */
6332
- .bp-button[data-v-dff82fb8] .c-button__icon-img img {
6329
+ .bp-button[data-v-8c623b57] .c-button__icon-img img {
6333
6330
  max-width: none;
6334
6331
  -o-object-fit: cover;
6335
6332
  object-fit: cover;
@@ -6339,7 +6336,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6339
6336
 
6340
6337
  /* Raster image thumbnails (FallbackImage renders <img class="c-image">):
6341
6338
  render larger/prominent and centered over the icon slot. */
6342
- .bp-button[data-v-dff82fb8] .c-button__icon-img img.c-image {
6339
+ .bp-button[data-v-8c623b57] .c-button__icon-img img.c-image {
6343
6340
  --icon-img-size: 2.3rem;
6344
6341
  position: absolute;
6345
6342
  top: calc(var(--icon-img-size) / -2 + var(--icon-h) / 2);
@@ -6347,49 +6344,49 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6347
6344
  width: var(--icon-img-size);
6348
6345
  height: var(--icon-img-size);
6349
6346
  }
6350
- .c-button--disabled[data-v-dff82fb8] {
6347
+ .c-button--disabled[data-v-8c623b57] {
6351
6348
  pointer-events: none;
6352
6349
  }
6353
- .c-button[data-v-dff82fb8]:hover .c-button__label p {
6350
+ .c-button[data-v-8c623b57]:hover .c-button__label p {
6354
6351
  text-decoration: underline;
6355
6352
  }
6356
- .c-button__icon[data-v-dff82fb8] {
6353
+ .c-button__icon[data-v-8c623b57] {
6357
6354
  margin-right: var(--icon-m-r);
6358
6355
  }
6359
- .bp-button[data-v-dff82fb8] .c-button__icon-img {
6356
+ .bp-button[data-v-8c623b57] .c-button__icon-img {
6360
6357
  margin-right: var(--icon-m-r);
6361
6358
  width: var(--icon-w);
6362
6359
  height: var(--icon-h);
6363
6360
  }
6364
- .c-button__label[data-v-dff82fb8] {
6361
+ .c-button__label[data-v-8c623b57] {
6365
6362
  margin: 0 auto;
6366
6363
  word-break: break-word;
6367
6364
  overflow-wrap: anywhere;
6368
6365
  width: auto;
6369
6366
  }
6370
- .c-button__label--offset-sm[data-v-dff82fb8] {
6367
+ .c-button__label--offset-sm[data-v-8c623b57] {
6371
6368
  -webkit-transform: translateX(-1.5rem);
6372
6369
  transform: translateX(-1.5rem);
6373
6370
  }
6374
- .c-button__label--offset-md[data-v-dff82fb8] {
6371
+ .c-button__label--offset-md[data-v-8c623b57] {
6375
6372
  -webkit-transform: translateX(-1.75rem);
6376
6373
  transform: translateX(-1.75rem);
6377
6374
  }
6378
- .c-button__label--offset-lg[data-v-dff82fb8] {
6375
+ .c-button__label--offset-lg[data-v-8c623b57] {
6379
6376
  -webkit-transform: translateX(-1.5rem);
6380
6377
  transform: translateX(-1.5rem);
6381
6378
  }
6382
- .c-button__no-icon[data-v-dff82fb8] {
6379
+ .c-button__no-icon[data-v-8c623b57] {
6383
6380
  margin-right: var(--icon-m-r);
6384
6381
  width: var(--icon-w);
6385
6382
  height: var(--icon-h);
6386
6383
  }
6387
- .device-wrapper--mobile .c-button__icon[data-v-dff82fb8] {
6384
+ .device-wrapper--mobile .c-button__icon[data-v-8c623b57] {
6388
6385
  margin: 0;
6389
6386
  margin-right: var(--icon-m-r);
6390
6387
  }
6391
6388
  @media (min-width: 767px) {
6392
- .c-button__icon[data-v-dff82fb8] {
6389
+ .c-button__icon[data-v-8c623b57] {
6393
6390
  margin: 0 var(--icon-m-icon);
6394
6391
  }
6395
6392
  }
@@ -6411,7 +6408,18 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6411
6408
  --logo-spacing: 0.75rem;
6412
6409
  }
6413
6410
 
6414
- .form-error[data-v-fc0a55a9] {
6411
+ .recaptcha-disclosure[data-v-50f84a2a] {
6412
+ margin-top: 0.75rem;
6413
+ text-align: center;
6414
+ font-size: 0.75rem;
6415
+ line-height: 1rem;
6416
+ }
6417
+ .recaptcha-disclosure[data-v-50f84a2a] a {
6418
+ color: inherit;
6419
+ text-decoration: underline;
6420
+ }
6421
+
6422
+ .form-error[data-v-49b27af8] {
6415
6423
  font-size: 0.875rem;
6416
6424
  line-height: 1.25rem;
6417
6425
  color: #f21b3f
@@ -6769,53 +6777,53 @@ select[data-v-14e7c7c7] {
6769
6777
  width: 100%;
6770
6778
  }
6771
6779
 
6772
- .form-error[data-v-900bcf87] {
6780
+ .form-error[data-v-d0a8cdec] {
6773
6781
  font-size: 0.875rem;
6774
6782
  line-height: 1.25rem;
6775
6783
  color: #f21b3f;
6776
6784
  }
6777
- .contact-container[data-v-900bcf87] {
6785
+ .contact-container[data-v-d0a8cdec] {
6778
6786
  max-width: var(--brandsite-max-width);
6779
6787
  margin: 0 auto;
6780
6788
  }
6781
- .c-text-padding[data-v-900bcf87] {
6789
+ .c-text-padding[data-v-d0a8cdec] {
6782
6790
  padding-left: 1rem;
6783
6791
  padding-right: 1rem;
6784
6792
  }
6785
- .device-wrapper--mobile .c-divided-container[data-v-900bcf87] {
6793
+ .device-wrapper--mobile .c-divided-container[data-v-d0a8cdec] {
6786
6794
  -webkit-box-orient: vertical;
6787
6795
  -webkit-box-direction: normal;
6788
6796
  -ms-flex-direction: column;
6789
6797
  flex-direction: column;
6790
6798
  }
6791
- .device-wrapper--mobile .c-divided-container-reverse[data-v-900bcf87] {
6799
+ .device-wrapper--mobile .c-divided-container-reverse[data-v-d0a8cdec] {
6792
6800
  -webkit-box-orient: vertical;
6793
6801
  -webkit-box-direction: reverse;
6794
6802
  -ms-flex-direction: column-reverse;
6795
6803
  flex-direction: column-reverse;
6796
6804
  }
6797
6805
  @media (max-width: 767px) {
6798
- .c-button-full[data-v-900bcf87] {
6806
+ .c-button-full[data-v-d0a8cdec] {
6799
6807
  width: 100%;
6800
6808
  }
6801
- .c-col-span-2[data-v-900bcf87] {
6809
+ .c-col-span-2[data-v-d0a8cdec] {
6802
6810
  grid-column: span 2 / span 2;
6803
6811
  }
6804
- .c-mobile-padding[data-v-900bcf87] {
6812
+ .c-mobile-padding[data-v-d0a8cdec] {
6805
6813
  padding: 1rem;
6806
6814
  }
6807
- .c-text-padding[data-v-900bcf87] {
6815
+ .c-text-padding[data-v-d0a8cdec] {
6808
6816
  grid-column: span 2 / span 2;
6809
6817
  padding-left: 0px;
6810
6818
  padding-right: 0px;
6811
6819
  }
6812
- .c-divided-container[data-v-900bcf87] {
6820
+ .c-divided-container[data-v-d0a8cdec] {
6813
6821
  -webkit-box-orient: vertical;
6814
6822
  -webkit-box-direction: normal;
6815
6823
  -ms-flex-direction: column;
6816
6824
  flex-direction: column;
6817
6825
  }
6818
- .c-divided-container-reverse[data-v-900bcf87] {
6826
+ .c-divided-container-reverse[data-v-d0a8cdec] {
6819
6827
  -webkit-box-orient: vertical;
6820
6828
  -webkit-box-direction: reverse;
6821
6829
  -ms-flex-direction: column-reverse;
@@ -6823,16 +6831,16 @@ select[data-v-14e7c7c7] {
6823
6831
  }
6824
6832
  }
6825
6833
  @media (min-width: 767px) {
6826
- .c-aspect-square[data-v-900bcf87] {
6834
+ .c-aspect-square[data-v-d0a8cdec] {
6827
6835
  aspect-ratio: 1 / 1;
6828
6836
  }
6829
- .c-divided-container[data-v-900bcf87] {
6837
+ .c-divided-container[data-v-d0a8cdec] {
6830
6838
  -webkit-box-orient: horizontal;
6831
6839
  -webkit-box-direction: normal;
6832
6840
  -ms-flex-direction: row;
6833
6841
  flex-direction: row;
6834
6842
  }
6835
- .c-divided-container-reverse[data-v-900bcf87] {
6843
+ .c-divided-container-reverse[data-v-d0a8cdec] {
6836
6844
  -webkit-box-orient: horizontal;
6837
6845
  -webkit-box-direction: reverse;
6838
6846
  -ms-flex-direction: row-reverse;
@@ -8251,15 +8259,24 @@ body,
8251
8259
  body {
8252
8260
  line-height: 1.5;
8253
8261
  }
8262
+ /*
8263
+ * Hide Google's floating reCAPTCHA badge. Google's Terms of Service permit this
8264
+ * only when the reCAPTCHA branding is disclosed in the form flow instead — see
8265
+ * RecaptchaDisclosure.vue, rendered by ContactForm and MailingList. Using
8266
+ * visibility (not display:none) keeps the invisible-challenge flow working.
8267
+ */
8268
+ .grecaptcha-badge {
8269
+ visibility: hidden !important;
8270
+ }
8254
8271
 
8255
- .brand-page-root[data-v-27b8625d] {
8272
+ .brand-page-root[data-v-e1ab9780] {
8256
8273
  height: 100%;
8257
8274
  }
8258
- .sortable[data-v-27b8625d] {
8275
+ .sortable[data-v-e1ab9780] {
8259
8276
  outline-color: #F7768C;
8260
8277
  outline-width: 0.2rem;
8261
8278
  }
8262
- .brand-page[data-v-27b8625d] {
8279
+ .brand-page[data-v-e1ab9780] {
8263
8280
  -webkit-box-sizing: border-box;
8264
8281
  box-sizing: border-box;
8265
8282
  display: -webkit-box;
@@ -8271,7 +8288,7 @@ body {
8271
8288
  -ms-flex-direction: column;
8272
8289
  flex-direction: column;
8273
8290
  }
8274
- .brand-page__background-shapes-layer[data-v-27b8625d] {
8291
+ .brand-page__background-shapes-layer[data-v-e1ab9780] {
8275
8292
  position: fixed;
8276
8293
  top: 0;
8277
8294
  left: 0;
@@ -8282,11 +8299,11 @@ body {
8282
8299
  transform: translate3d(0, 0, 0);
8283
8300
  contain: layout paint;
8284
8301
  }
8285
- .template-preview .brand-page__background-shapes-layer[data-v-27b8625d],
8286
- .device-wrapper .brand-page__background-shapes-layer[data-v-27b8625d] {
8302
+ .template-preview .brand-page__background-shapes-layer[data-v-e1ab9780],
8303
+ .device-wrapper .brand-page__background-shapes-layer[data-v-e1ab9780] {
8287
8304
  height: 100%;
8288
8305
  }
8289
- .brand-page__inner--default[data-v-27b8625d] {
8306
+ .brand-page__inner--default[data-v-e1ab9780] {
8290
8307
  position: relative;
8291
8308
  z-index: 10;
8292
8309
  display: -webkit-box;
@@ -8298,16 +8315,16 @@ body {
8298
8315
  -ms-flex-direction: column;
8299
8316
  flex-direction: column;
8300
8317
  }
8301
- .brand-page__inner--desktop[data-v-27b8625d] {
8318
+ .brand-page__inner--desktop[data-v-e1ab9780] {
8302
8319
  min-height: 100vh;
8303
8320
  }
8304
- .brand-site__header[data-v-27b8625d] {
8321
+ .brand-site__header[data-v-e1ab9780] {
8305
8322
  container-type: inline-size;
8306
8323
  }
8307
- .brand-page__header[data-v-27b8625d] {
8324
+ .brand-page__header[data-v-e1ab9780] {
8308
8325
  padding-top: var(--page-padding);
8309
8326
  }
8310
- .brand-page__content--default[data-v-27b8625d] {
8327
+ .brand-page__content--default[data-v-e1ab9780] {
8311
8328
  margin-left: auto;
8312
8329
  margin-right: auto;
8313
8330
  margin-bottom: 2.5rem;
@@ -8324,7 +8341,7 @@ body {
8324
8341
  flex-direction: column;
8325
8342
  max-width: var(--page-max-width);
8326
8343
  }
8327
- .brand-page__content--desktop[data-v-27b8625d] {
8344
+ .brand-page__content--desktop[data-v-e1ab9780] {
8328
8345
  margin-left: auto;
8329
8346
  margin-right: auto;
8330
8347
  display: -webkit-box;
@@ -8340,15 +8357,15 @@ body {
8340
8357
  flex-direction: column;
8341
8358
  max-width: 100%;
8342
8359
  }
8343
- .brand-page__content--inner[data-v-27b8625d] {
8360
+ .brand-page__content--inner[data-v-e1ab9780] {
8344
8361
  padding-left: var(--page-padding);
8345
8362
  padding-right: var(--page-padding);
8346
8363
  }
8347
- .brand-page__content--inner--brandsite[data-v-27b8625d] {
8364
+ .brand-page__content--inner--brandsite[data-v-e1ab9780] {
8348
8365
  max-width: var(--brandsite-max-width);
8349
8366
  margin: 0 auto;
8350
8367
  }
8351
- .brand-page__content--outline-selected[data-v-27b8625d] {
8368
+ .brand-page__content--outline-selected[data-v-e1ab9780] {
8352
8369
  position: relative;
8353
8370
  z-index: 10;
8354
8371
  outline-color: #F7768C;
@@ -8356,20 +8373,20 @@ body {
8356
8373
  outline-style: dashed;
8357
8374
  outline-offset: -0.25rem;
8358
8375
  }
8359
- .brand-page__content--outline-footer-selected[data-v-27b8625d] {
8376
+ .brand-page__content--outline-footer-selected[data-v-e1ab9780] {
8360
8377
  outline-color: #f7768c;
8361
8378
  outline-width: 0.2rem;
8362
8379
  outline-style: dashed;
8363
8380
  outline-offset: -0.25rem;
8364
8381
  }
8365
8382
  @media (max-width: 640px) {
8366
- .brand-page__content--inner--full-width[data-v-27b8625d] {
8383
+ .brand-page__content--inner--full-width[data-v-e1ab9780] {
8367
8384
  padding-left: 0;
8368
8385
  padding-right: 0;
8369
8386
  }
8370
8387
  }
8371
8388
  @media (min-width: 640px) {
8372
- .brand-page__content--inner--full-width[data-v-27b8625d] {
8389
+ .brand-page__content--inner--full-width[data-v-e1ab9780] {
8373
8390
  padding-left: var(--page-padding);
8374
8391
  padding-right: var(--page-padding);
8375
8392
  }
@@ -9717,7 +9734,7 @@ input[type='number'][data-v-f3d394d9] {
9717
9734
  min-height: 0rem;
9718
9735
  }
9719
9736
 
9720
- .device-wrapper[data-v-050b1996] {
9737
+ .device-wrapper[data-v-3a40a3e4] {
9721
9738
  -webkit-box-sizing: border-box;
9722
9739
  box-sizing: border-box;
9723
9740
  height: 100%;
@@ -9728,7 +9745,7 @@ input[type='number'][data-v-f3d394d9] {
9728
9745
  -webkit-transform: translate3d(0, 0, 0);
9729
9746
  transform: translate3d(0, 0, 0);
9730
9747
  }
9731
- .device-wrapper--mobile[data-v-050b1996] {
9748
+ .device-wrapper--mobile[data-v-3a40a3e4] {
9732
9749
  margin-top: auto;
9733
9750
  margin-bottom: auto;
9734
9751
  display: -webkit-box;
@@ -9741,7 +9758,7 @@ input[type='number'][data-v-f3d394d9] {
9741
9758
  padding-right: 3rem;
9742
9759
  padding-bottom: 2rem;
9743
9760
  }
9744
- .device[data-v-050b1996] {
9761
+ .device[data-v-3a40a3e4] {
9745
9762
  width: 100%;
9746
9763
  --tw-bg-opacity: 1;
9747
9764
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -9755,17 +9772,17 @@ input[type='number'][data-v-f3d394d9] {
9755
9772
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
9756
9773
  }
9757
9774
  @media (min-width: 1024px) {
9758
- .device[data-v-050b1996] {
9775
+ .device[data-v-3a40a3e4] {
9759
9776
  margin-bottom: auto;
9760
9777
  margin-top: auto;
9761
9778
  }
9762
9779
  }
9763
- .device[data-v-050b1996] {
9780
+ .device[data-v-3a40a3e4] {
9764
9781
  -webkit-transform: translate3d(0, 0, 0);
9765
9782
  transform: translate3d(0, 0, 0);
9766
9783
  visibility: visible;
9767
9784
  }
9768
- .device.loading[data-v-050b1996] {
9785
+ .device.loading[data-v-3a40a3e4] {
9769
9786
  -webkit-transition-duration: 0s;
9770
9787
  transition-duration: 0s;
9771
9788
  -webkit-transition-property: none;
@@ -9774,12 +9791,12 @@ input[type='number'][data-v-f3d394d9] {
9774
9791
  animation: none;
9775
9792
  visibility: hidden;
9776
9793
  }
9777
- .device--desktop[data-v-050b1996] {
9794
+ .device--desktop[data-v-3a40a3e4] {
9778
9795
  border-radius: 0px;
9779
9796
  -webkit-box-shadow: 0 0 0 0rem rgb(0, 0, 0);
9780
9797
  box-shadow: 0 0 0 0rem rgb(0, 0, 0);
9781
9798
  }
9782
- .device--mobile[data-v-050b1996] {
9799
+ .device--mobile[data-v-3a40a3e4] {
9783
9800
  height: 100%;
9784
9801
  overflow: hidden;
9785
9802
  border-radius: 3rem;
@@ -9788,7 +9805,7 @@ input[type='number'][data-v-f3d394d9] {
9788
9805
  height: 734px;
9789
9806
  width: 358px;
9790
9807
  }
9791
- .device--mobile[data-v-050b1996] .c-preview-container {
9808
+ .device--mobile[data-v-3a40a3e4] .c-preview-container {
9792
9809
  border-radius: 3rem;
9793
9810
  }
9794
9811
 
@@ -10218,7 +10235,7 @@ to {
10218
10235
  overflow: hidden
10219
10236
  }
10220
10237
 
10221
- .c-brand-page-maker[data-v-2e7e54e3] {
10238
+ .c-brand-page-maker[data-v-7ed18bee] {
10222
10239
  --navigation-height-desktop: 64px;
10223
10240
  --navigation-height-mobile: 96px;
10224
10241
  --maker-height: 100vh;
@@ -10228,10 +10245,10 @@ to {
10228
10245
  height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
10229
10246
  padding-top: var(--navigation-height-mobile);
10230
10247
  }
10231
- .c-brand-page-maker__inner[data-v-2e7e54e3] {
10248
+ .c-brand-page-maker__inner[data-v-7ed18bee] {
10232
10249
  height: 100%;
10233
10250
  }
10234
- .c-save-bar[data-v-2e7e54e3] {
10251
+ .c-save-bar[data-v-7ed18bee] {
10235
10252
  position: absolute;
10236
10253
  top: 0px;
10237
10254
  left: 0px;
@@ -10253,7 +10270,7 @@ to {
10253
10270
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
10254
10271
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
10255
10272
  }
10256
- .c-save-bar--visible[data-v-2e7e54e3] {
10273
+ .c-save-bar--visible[data-v-7ed18bee] {
10257
10274
  visibility: visible !important;
10258
10275
  --tw-translate-y: 0px !important;
10259
10276
  -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 +10280,11 @@ to {
10263
10280
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
10264
10281
  }
10265
10282
  @media (min-width: 1024px) {
10266
- .c-brand-page-maker[data-v-2e7e54e3] {
10283
+ .c-brand-page-maker[data-v-7ed18bee] {
10267
10284
  height: calc(var(--maker-height) - var(--navigation-height-desktop));
10268
10285
  padding-top: 0px;
10269
10286
  }
10270
- .c-brand-page-maker__inner[data-v-2e7e54e3] {
10287
+ .c-brand-page-maker__inner[data-v-7ed18bee] {
10271
10288
  height: 100%;
10272
10289
  }
10273
10290
  }