@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
@@ -2900,9 +2900,6 @@ a:not(.tw-lowercase) {
2900
2900
  .tw-pt-1 {
2901
2901
  padding-top: 0.25rem
2902
2902
  }
2903
- .tw-pt-10 {
2904
- padding-top: 2.5rem
2905
- }
2906
2903
  .tw-pt-12 {
2907
2904
  padding-top: 3rem
2908
2905
  }
@@ -5734,7 +5731,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5734
5731
  content: '\00A0';
5735
5732
  }
5736
5733
 
5737
- .c-button[data-v-dff82fb8] {
5734
+ .c-button[data-v-8c623b57] {
5738
5735
  --icon-h: 1.5rem;
5739
5736
  --icon-m-r: 2rem;
5740
5737
  --icon-m-icon: 0.5rem;
@@ -5748,7 +5745,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5748
5745
 
5749
5746
  /* Shape-library icons (vector, nested in .c-shape, no class on the img):
5750
5747
  render at the default icon size, centered in normal flow like the SVG icons. */
5751
- .bp-button[data-v-dff82fb8] .c-button__icon-img img {
5748
+ .bp-button[data-v-8c623b57] .c-button__icon-img img {
5752
5749
  max-width: none;
5753
5750
  -o-object-fit: cover;
5754
5751
  object-fit: cover;
@@ -5758,7 +5755,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5758
5755
 
5759
5756
  /* Raster image thumbnails (FallbackImage renders <img class="c-image">):
5760
5757
  render larger/prominent and centered over the icon slot. */
5761
- .bp-button[data-v-dff82fb8] .c-button__icon-img img.c-image {
5758
+ .bp-button[data-v-8c623b57] .c-button__icon-img img.c-image {
5762
5759
  --icon-img-size: 2.3rem;
5763
5760
  position: absolute;
5764
5761
  top: calc(var(--icon-img-size) / -2 + var(--icon-h) / 2);
@@ -5766,49 +5763,49 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5766
5763
  width: var(--icon-img-size);
5767
5764
  height: var(--icon-img-size);
5768
5765
  }
5769
- .c-button--disabled[data-v-dff82fb8] {
5766
+ .c-button--disabled[data-v-8c623b57] {
5770
5767
  pointer-events: none;
5771
5768
  }
5772
- .c-button[data-v-dff82fb8]:hover .c-button__label p {
5769
+ .c-button[data-v-8c623b57]:hover .c-button__label p {
5773
5770
  text-decoration: underline;
5774
5771
  }
5775
- .c-button__icon[data-v-dff82fb8] {
5772
+ .c-button__icon[data-v-8c623b57] {
5776
5773
  margin-right: var(--icon-m-r);
5777
5774
  }
5778
- .bp-button[data-v-dff82fb8] .c-button__icon-img {
5775
+ .bp-button[data-v-8c623b57] .c-button__icon-img {
5779
5776
  margin-right: var(--icon-m-r);
5780
5777
  width: var(--icon-w);
5781
5778
  height: var(--icon-h);
5782
5779
  }
5783
- .c-button__label[data-v-dff82fb8] {
5780
+ .c-button__label[data-v-8c623b57] {
5784
5781
  margin: 0 auto;
5785
5782
  word-break: break-word;
5786
5783
  overflow-wrap: anywhere;
5787
5784
  width: auto;
5788
5785
  }
5789
- .c-button__label--offset-sm[data-v-dff82fb8] {
5786
+ .c-button__label--offset-sm[data-v-8c623b57] {
5790
5787
  -webkit-transform: translateX(-1.5rem);
5791
5788
  transform: translateX(-1.5rem);
5792
5789
  }
5793
- .c-button__label--offset-md[data-v-dff82fb8] {
5790
+ .c-button__label--offset-md[data-v-8c623b57] {
5794
5791
  -webkit-transform: translateX(-1.75rem);
5795
5792
  transform: translateX(-1.75rem);
5796
5793
  }
5797
- .c-button__label--offset-lg[data-v-dff82fb8] {
5794
+ .c-button__label--offset-lg[data-v-8c623b57] {
5798
5795
  -webkit-transform: translateX(-1.5rem);
5799
5796
  transform: translateX(-1.5rem);
5800
5797
  }
5801
- .c-button__no-icon[data-v-dff82fb8] {
5798
+ .c-button__no-icon[data-v-8c623b57] {
5802
5799
  margin-right: var(--icon-m-r);
5803
5800
  width: var(--icon-w);
5804
5801
  height: var(--icon-h);
5805
5802
  }
5806
- .device-wrapper--mobile .c-button__icon[data-v-dff82fb8] {
5803
+ .device-wrapper--mobile .c-button__icon[data-v-8c623b57] {
5807
5804
  margin: 0;
5808
5805
  margin-right: var(--icon-m-r);
5809
5806
  }
5810
5807
  @media (min-width: 767px) {
5811
- .c-button__icon[data-v-dff82fb8] {
5808
+ .c-button__icon[data-v-8c623b57] {
5812
5809
  margin: 0 var(--icon-m-icon);
5813
5810
  }
5814
5811
  }
@@ -5830,7 +5827,18 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5830
5827
  --logo-spacing: 0.75rem;
5831
5828
  }
5832
5829
 
5833
- .form-error[data-v-fc0a55a9] {
5830
+ .recaptcha-disclosure[data-v-50f84a2a] {
5831
+ margin-top: 0.75rem;
5832
+ text-align: center;
5833
+ font-size: 0.75rem;
5834
+ line-height: 1rem;
5835
+ }
5836
+ .recaptcha-disclosure[data-v-50f84a2a] a {
5837
+ color: inherit;
5838
+ text-decoration: underline;
5839
+ }
5840
+
5841
+ .form-error[data-v-49b27af8] {
5834
5842
  font-size: 0.875rem;
5835
5843
  line-height: 1.25rem;
5836
5844
  color: #f21b3f
@@ -6188,53 +6196,53 @@ select[data-v-14e7c7c7] {
6188
6196
  width: 100%;
6189
6197
  }
6190
6198
 
6191
- .form-error[data-v-900bcf87] {
6199
+ .form-error[data-v-d0a8cdec] {
6192
6200
  font-size: 0.875rem;
6193
6201
  line-height: 1.25rem;
6194
6202
  color: #f21b3f;
6195
6203
  }
6196
- .contact-container[data-v-900bcf87] {
6204
+ .contact-container[data-v-d0a8cdec] {
6197
6205
  max-width: var(--brandsite-max-width);
6198
6206
  margin: 0 auto;
6199
6207
  }
6200
- .c-text-padding[data-v-900bcf87] {
6208
+ .c-text-padding[data-v-d0a8cdec] {
6201
6209
  padding-left: 1rem;
6202
6210
  padding-right: 1rem;
6203
6211
  }
6204
- .device-wrapper--mobile .c-divided-container[data-v-900bcf87] {
6212
+ .device-wrapper--mobile .c-divided-container[data-v-d0a8cdec] {
6205
6213
  -webkit-box-orient: vertical;
6206
6214
  -webkit-box-direction: normal;
6207
6215
  -ms-flex-direction: column;
6208
6216
  flex-direction: column;
6209
6217
  }
6210
- .device-wrapper--mobile .c-divided-container-reverse[data-v-900bcf87] {
6218
+ .device-wrapper--mobile .c-divided-container-reverse[data-v-d0a8cdec] {
6211
6219
  -webkit-box-orient: vertical;
6212
6220
  -webkit-box-direction: reverse;
6213
6221
  -ms-flex-direction: column-reverse;
6214
6222
  flex-direction: column-reverse;
6215
6223
  }
6216
6224
  @media (max-width: 767px) {
6217
- .c-button-full[data-v-900bcf87] {
6225
+ .c-button-full[data-v-d0a8cdec] {
6218
6226
  width: 100%;
6219
6227
  }
6220
- .c-col-span-2[data-v-900bcf87] {
6228
+ .c-col-span-2[data-v-d0a8cdec] {
6221
6229
  grid-column: span 2 / span 2;
6222
6230
  }
6223
- .c-mobile-padding[data-v-900bcf87] {
6231
+ .c-mobile-padding[data-v-d0a8cdec] {
6224
6232
  padding: 1rem;
6225
6233
  }
6226
- .c-text-padding[data-v-900bcf87] {
6234
+ .c-text-padding[data-v-d0a8cdec] {
6227
6235
  grid-column: span 2 / span 2;
6228
6236
  padding-left: 0px;
6229
6237
  padding-right: 0px;
6230
6238
  }
6231
- .c-divided-container[data-v-900bcf87] {
6239
+ .c-divided-container[data-v-d0a8cdec] {
6232
6240
  -webkit-box-orient: vertical;
6233
6241
  -webkit-box-direction: normal;
6234
6242
  -ms-flex-direction: column;
6235
6243
  flex-direction: column;
6236
6244
  }
6237
- .c-divided-container-reverse[data-v-900bcf87] {
6245
+ .c-divided-container-reverse[data-v-d0a8cdec] {
6238
6246
  -webkit-box-orient: vertical;
6239
6247
  -webkit-box-direction: reverse;
6240
6248
  -ms-flex-direction: column-reverse;
@@ -6242,16 +6250,16 @@ select[data-v-14e7c7c7] {
6242
6250
  }
6243
6251
  }
6244
6252
  @media (min-width: 767px) {
6245
- .c-aspect-square[data-v-900bcf87] {
6253
+ .c-aspect-square[data-v-d0a8cdec] {
6246
6254
  aspect-ratio: 1 / 1;
6247
6255
  }
6248
- .c-divided-container[data-v-900bcf87] {
6256
+ .c-divided-container[data-v-d0a8cdec] {
6249
6257
  -webkit-box-orient: horizontal;
6250
6258
  -webkit-box-direction: normal;
6251
6259
  -ms-flex-direction: row;
6252
6260
  flex-direction: row;
6253
6261
  }
6254
- .c-divided-container-reverse[data-v-900bcf87] {
6262
+ .c-divided-container-reverse[data-v-d0a8cdec] {
6255
6263
  -webkit-box-orient: horizontal;
6256
6264
  -webkit-box-direction: reverse;
6257
6265
  -ms-flex-direction: row-reverse;
@@ -7670,15 +7678,24 @@ body,
7670
7678
  body {
7671
7679
  line-height: 1.5;
7672
7680
  }
7681
+ /*
7682
+ * Hide Google's floating reCAPTCHA badge. Google's Terms of Service permit this
7683
+ * only when the reCAPTCHA branding is disclosed in the form flow instead — see
7684
+ * RecaptchaDisclosure.vue, rendered by ContactForm and MailingList. Using
7685
+ * visibility (not display:none) keeps the invisible-challenge flow working.
7686
+ */
7687
+ .grecaptcha-badge {
7688
+ visibility: hidden !important;
7689
+ }
7673
7690
 
7674
- .brand-page-root[data-v-27b8625d] {
7691
+ .brand-page-root[data-v-e1ab9780] {
7675
7692
  height: 100%;
7676
7693
  }
7677
- .sortable[data-v-27b8625d] {
7694
+ .sortable[data-v-e1ab9780] {
7678
7695
  outline-color: #b2bdfb;
7679
7696
  outline-width: 0.2rem;
7680
7697
  }
7681
- .brand-page[data-v-27b8625d] {
7698
+ .brand-page[data-v-e1ab9780] {
7682
7699
  -webkit-box-sizing: border-box;
7683
7700
  box-sizing: border-box;
7684
7701
  display: -webkit-box;
@@ -7690,7 +7707,7 @@ body {
7690
7707
  -ms-flex-direction: column;
7691
7708
  flex-direction: column;
7692
7709
  }
7693
- .brand-page__background-shapes-layer[data-v-27b8625d] {
7710
+ .brand-page__background-shapes-layer[data-v-e1ab9780] {
7694
7711
  position: fixed;
7695
7712
  top: 0;
7696
7713
  left: 0;
@@ -7701,11 +7718,11 @@ body {
7701
7718
  transform: translate3d(0, 0, 0);
7702
7719
  contain: layout paint;
7703
7720
  }
7704
- .template-preview .brand-page__background-shapes-layer[data-v-27b8625d],
7705
- .device-wrapper .brand-page__background-shapes-layer[data-v-27b8625d] {
7721
+ .template-preview .brand-page__background-shapes-layer[data-v-e1ab9780],
7722
+ .device-wrapper .brand-page__background-shapes-layer[data-v-e1ab9780] {
7706
7723
  height: 100%;
7707
7724
  }
7708
- .brand-page__inner--default[data-v-27b8625d] {
7725
+ .brand-page__inner--default[data-v-e1ab9780] {
7709
7726
  position: relative;
7710
7727
  z-index: 10;
7711
7728
  display: -webkit-box;
@@ -7717,16 +7734,16 @@ body {
7717
7734
  -ms-flex-direction: column;
7718
7735
  flex-direction: column;
7719
7736
  }
7720
- .brand-page__inner--desktop[data-v-27b8625d] {
7737
+ .brand-page__inner--desktop[data-v-e1ab9780] {
7721
7738
  min-height: 100vh;
7722
7739
  }
7723
- .brand-site__header[data-v-27b8625d] {
7740
+ .brand-site__header[data-v-e1ab9780] {
7724
7741
  container-type: inline-size;
7725
7742
  }
7726
- .brand-page__header[data-v-27b8625d] {
7743
+ .brand-page__header[data-v-e1ab9780] {
7727
7744
  padding-top: var(--page-padding);
7728
7745
  }
7729
- .brand-page__content--default[data-v-27b8625d] {
7746
+ .brand-page__content--default[data-v-e1ab9780] {
7730
7747
  margin-left: auto;
7731
7748
  margin-right: auto;
7732
7749
  margin-bottom: 2.5rem;
@@ -7743,7 +7760,7 @@ body {
7743
7760
  flex-direction: column;
7744
7761
  max-width: var(--page-max-width);
7745
7762
  }
7746
- .brand-page__content--desktop[data-v-27b8625d] {
7763
+ .brand-page__content--desktop[data-v-e1ab9780] {
7747
7764
  margin-left: auto;
7748
7765
  margin-right: auto;
7749
7766
  display: -webkit-box;
@@ -7759,15 +7776,15 @@ body {
7759
7776
  flex-direction: column;
7760
7777
  max-width: 100%;
7761
7778
  }
7762
- .brand-page__content--inner[data-v-27b8625d] {
7779
+ .brand-page__content--inner[data-v-e1ab9780] {
7763
7780
  padding-left: var(--page-padding);
7764
7781
  padding-right: var(--page-padding);
7765
7782
  }
7766
- .brand-page__content--inner--brandsite[data-v-27b8625d] {
7783
+ .brand-page__content--inner--brandsite[data-v-e1ab9780] {
7767
7784
  max-width: var(--brandsite-max-width);
7768
7785
  margin: 0 auto;
7769
7786
  }
7770
- .brand-page__content--outline-selected[data-v-27b8625d] {
7787
+ .brand-page__content--outline-selected[data-v-e1ab9780] {
7771
7788
  position: relative;
7772
7789
  z-index: 10;
7773
7790
  outline-color: #b2bdfb;
@@ -7775,20 +7792,20 @@ body {
7775
7792
  outline-style: dashed;
7776
7793
  outline-offset: -0.25rem;
7777
7794
  }
7778
- .brand-page__content--outline-footer-selected[data-v-27b8625d] {
7795
+ .brand-page__content--outline-footer-selected[data-v-e1ab9780] {
7779
7796
  outline-color: #f7768c;
7780
7797
  outline-width: 0.2rem;
7781
7798
  outline-style: dashed;
7782
7799
  outline-offset: -0.25rem;
7783
7800
  }
7784
7801
  @media (max-width: 640px) {
7785
- .brand-page__content--inner--full-width[data-v-27b8625d] {
7802
+ .brand-page__content--inner--full-width[data-v-e1ab9780] {
7786
7803
  padding-left: 0;
7787
7804
  padding-right: 0;
7788
7805
  }
7789
7806
  }
7790
7807
  @media (min-width: 640px) {
7791
- .brand-page__content--inner--full-width[data-v-27b8625d] {
7808
+ .brand-page__content--inner--full-width[data-v-e1ab9780] {
7792
7809
  padding-left: var(--page-padding);
7793
7810
  padding-right: var(--page-padding);
7794
7811
  }
@@ -9136,7 +9153,7 @@ input[type='number'][data-v-f3d394d9] {
9136
9153
  min-height: 0rem;
9137
9154
  }
9138
9155
 
9139
- .device-wrapper[data-v-050b1996] {
9156
+ .device-wrapper[data-v-3a40a3e4] {
9140
9157
  -webkit-box-sizing: border-box;
9141
9158
  box-sizing: border-box;
9142
9159
  height: 100%;
@@ -9147,7 +9164,7 @@ input[type='number'][data-v-f3d394d9] {
9147
9164
  -webkit-transform: translate3d(0, 0, 0);
9148
9165
  transform: translate3d(0, 0, 0);
9149
9166
  }
9150
- .device-wrapper--mobile[data-v-050b1996] {
9167
+ .device-wrapper--mobile[data-v-3a40a3e4] {
9151
9168
  margin-top: auto;
9152
9169
  margin-bottom: auto;
9153
9170
  display: -webkit-box;
@@ -9160,7 +9177,7 @@ input[type='number'][data-v-f3d394d9] {
9160
9177
  padding-right: 3rem;
9161
9178
  padding-bottom: 2rem;
9162
9179
  }
9163
- .device[data-v-050b1996] {
9180
+ .device[data-v-3a40a3e4] {
9164
9181
  width: 100%;
9165
9182
  --tw-bg-opacity: 1;
9166
9183
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -9174,17 +9191,17 @@ input[type='number'][data-v-f3d394d9] {
9174
9191
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
9175
9192
  }
9176
9193
  @media (min-width: 1024px) {
9177
- .device[data-v-050b1996] {
9194
+ .device[data-v-3a40a3e4] {
9178
9195
  margin-bottom: auto;
9179
9196
  margin-top: auto;
9180
9197
  }
9181
9198
  }
9182
- .device[data-v-050b1996] {
9199
+ .device[data-v-3a40a3e4] {
9183
9200
  -webkit-transform: translate3d(0, 0, 0);
9184
9201
  transform: translate3d(0, 0, 0);
9185
9202
  visibility: visible;
9186
9203
  }
9187
- .device.loading[data-v-050b1996] {
9204
+ .device.loading[data-v-3a40a3e4] {
9188
9205
  -webkit-transition-duration: 0s;
9189
9206
  transition-duration: 0s;
9190
9207
  -webkit-transition-property: none;
@@ -9193,12 +9210,12 @@ input[type='number'][data-v-f3d394d9] {
9193
9210
  animation: none;
9194
9211
  visibility: hidden;
9195
9212
  }
9196
- .device--desktop[data-v-050b1996] {
9213
+ .device--desktop[data-v-3a40a3e4] {
9197
9214
  border-radius: 0px;
9198
9215
  -webkit-box-shadow: 0 0 0 0rem rgb(0, 0, 0);
9199
9216
  box-shadow: 0 0 0 0rem rgb(0, 0, 0);
9200
9217
  }
9201
- .device--mobile[data-v-050b1996] {
9218
+ .device--mobile[data-v-3a40a3e4] {
9202
9219
  height: 100%;
9203
9220
  overflow: hidden;
9204
9221
  border-radius: 3rem;
@@ -9207,7 +9224,7 @@ input[type='number'][data-v-f3d394d9] {
9207
9224
  height: 734px;
9208
9225
  width: 358px;
9209
9226
  }
9210
- .device--mobile[data-v-050b1996] .c-preview-container {
9227
+ .device--mobile[data-v-3a40a3e4] .c-preview-container {
9211
9228
  border-radius: 3rem;
9212
9229
  }
9213
9230
 
@@ -9637,7 +9654,7 @@ to {
9637
9654
  overflow: hidden
9638
9655
  }
9639
9656
 
9640
- .c-brand-page-maker[data-v-2e7e54e3] {
9657
+ .c-brand-page-maker[data-v-7ed18bee] {
9641
9658
  --navigation-height-desktop: 64px;
9642
9659
  --navigation-height-mobile: 96px;
9643
9660
  --maker-height: 100vh;
@@ -9647,10 +9664,10 @@ to {
9647
9664
  height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
9648
9665
  padding-top: var(--navigation-height-mobile);
9649
9666
  }
9650
- .c-brand-page-maker__inner[data-v-2e7e54e3] {
9667
+ .c-brand-page-maker__inner[data-v-7ed18bee] {
9651
9668
  height: 100%;
9652
9669
  }
9653
- .c-save-bar[data-v-2e7e54e3] {
9670
+ .c-save-bar[data-v-7ed18bee] {
9654
9671
  position: absolute;
9655
9672
  top: 0px;
9656
9673
  left: 0px;
@@ -9672,7 +9689,7 @@ to {
9672
9689
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
9673
9690
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
9674
9691
  }
9675
- .c-save-bar--visible[data-v-2e7e54e3] {
9692
+ .c-save-bar--visible[data-v-7ed18bee] {
9676
9693
  visibility: visible !important;
9677
9694
  --tw-translate-y: 0px !important;
9678
9695
  -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;
@@ -9682,11 +9699,11 @@ to {
9682
9699
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
9683
9700
  }
9684
9701
  @media (min-width: 1024px) {
9685
- .c-brand-page-maker[data-v-2e7e54e3] {
9702
+ .c-brand-page-maker[data-v-7ed18bee] {
9686
9703
  height: calc(var(--maker-height) - var(--navigation-height-desktop));
9687
9704
  padding-top: 0px;
9688
9705
  }
9689
- .c-brand-page-maker__inner[data-v-2e7e54e3] {
9706
+ .c-brand-page-maker__inner[data-v-7ed18bee] {
9690
9707
  height: 100%;
9691
9708
  }
9692
9709
  }