@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
@@ -2870,9 +2870,6 @@ a.maker-anchor {
2870
2870
  .tw-pt-1 {
2871
2871
  padding-top: 0.25rem
2872
2872
  }
2873
- .tw-pt-10 {
2874
- padding-top: 2.5rem
2875
- }
2876
2873
  .tw-pt-12 {
2877
2874
  padding-top: 3rem
2878
2875
  }
@@ -5704,7 +5701,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5704
5701
  content: '\00A0';
5705
5702
  }
5706
5703
 
5707
- .c-button[data-v-dff82fb8] {
5704
+ .c-button[data-v-8c623b57] {
5708
5705
  --icon-h: 1.5rem;
5709
5706
  --icon-m-r: 2rem;
5710
5707
  --icon-m-icon: 0.5rem;
@@ -5718,7 +5715,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5718
5715
 
5719
5716
  /* Shape-library icons (vector, nested in .c-shape, no class on the img):
5720
5717
  render at the default icon size, centered in normal flow like the SVG icons. */
5721
- .bp-button[data-v-dff82fb8] .c-button__icon-img img {
5718
+ .bp-button[data-v-8c623b57] .c-button__icon-img img {
5722
5719
  max-width: none;
5723
5720
  -o-object-fit: cover;
5724
5721
  object-fit: cover;
@@ -5728,7 +5725,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5728
5725
 
5729
5726
  /* Raster image thumbnails (FallbackImage renders <img class="c-image">):
5730
5727
  render larger/prominent and centered over the icon slot. */
5731
- .bp-button[data-v-dff82fb8] .c-button__icon-img img.c-image {
5728
+ .bp-button[data-v-8c623b57] .c-button__icon-img img.c-image {
5732
5729
  --icon-img-size: 2.3rem;
5733
5730
  position: absolute;
5734
5731
  top: calc(var(--icon-img-size) / -2 + var(--icon-h) / 2);
@@ -5736,49 +5733,49 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5736
5733
  width: var(--icon-img-size);
5737
5734
  height: var(--icon-img-size);
5738
5735
  }
5739
- .c-button--disabled[data-v-dff82fb8] {
5736
+ .c-button--disabled[data-v-8c623b57] {
5740
5737
  pointer-events: none;
5741
5738
  }
5742
- .c-button[data-v-dff82fb8]:hover .c-button__label p {
5739
+ .c-button[data-v-8c623b57]:hover .c-button__label p {
5743
5740
  text-decoration: underline;
5744
5741
  }
5745
- .c-button__icon[data-v-dff82fb8] {
5742
+ .c-button__icon[data-v-8c623b57] {
5746
5743
  margin-right: var(--icon-m-r);
5747
5744
  }
5748
- .bp-button[data-v-dff82fb8] .c-button__icon-img {
5745
+ .bp-button[data-v-8c623b57] .c-button__icon-img {
5749
5746
  margin-right: var(--icon-m-r);
5750
5747
  width: var(--icon-w);
5751
5748
  height: var(--icon-h);
5752
5749
  }
5753
- .c-button__label[data-v-dff82fb8] {
5750
+ .c-button__label[data-v-8c623b57] {
5754
5751
  margin: 0 auto;
5755
5752
  word-break: break-word;
5756
5753
  overflow-wrap: anywhere;
5757
5754
  width: auto;
5758
5755
  }
5759
- .c-button__label--offset-sm[data-v-dff82fb8] {
5756
+ .c-button__label--offset-sm[data-v-8c623b57] {
5760
5757
  -webkit-transform: translateX(-1.5rem);
5761
5758
  transform: translateX(-1.5rem);
5762
5759
  }
5763
- .c-button__label--offset-md[data-v-dff82fb8] {
5760
+ .c-button__label--offset-md[data-v-8c623b57] {
5764
5761
  -webkit-transform: translateX(-1.75rem);
5765
5762
  transform: translateX(-1.75rem);
5766
5763
  }
5767
- .c-button__label--offset-lg[data-v-dff82fb8] {
5764
+ .c-button__label--offset-lg[data-v-8c623b57] {
5768
5765
  -webkit-transform: translateX(-1.5rem);
5769
5766
  transform: translateX(-1.5rem);
5770
5767
  }
5771
- .c-button__no-icon[data-v-dff82fb8] {
5768
+ .c-button__no-icon[data-v-8c623b57] {
5772
5769
  margin-right: var(--icon-m-r);
5773
5770
  width: var(--icon-w);
5774
5771
  height: var(--icon-h);
5775
5772
  }
5776
- .device-wrapper--mobile .c-button__icon[data-v-dff82fb8] {
5773
+ .device-wrapper--mobile .c-button__icon[data-v-8c623b57] {
5777
5774
  margin: 0;
5778
5775
  margin-right: var(--icon-m-r);
5779
5776
  }
5780
5777
  @media (min-width: 767px) {
5781
- .c-button__icon[data-v-dff82fb8] {
5778
+ .c-button__icon[data-v-8c623b57] {
5782
5779
  margin: 0 var(--icon-m-icon);
5783
5780
  }
5784
5781
  }
@@ -5800,7 +5797,18 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5800
5797
  --logo-spacing: 0.75rem;
5801
5798
  }
5802
5799
 
5803
- .form-error[data-v-fc0a55a9] {
5800
+ .recaptcha-disclosure[data-v-50f84a2a] {
5801
+ margin-top: 0.75rem;
5802
+ text-align: center;
5803
+ font-size: 0.75rem;
5804
+ line-height: 1rem;
5805
+ }
5806
+ .recaptcha-disclosure[data-v-50f84a2a] a {
5807
+ color: inherit;
5808
+ text-decoration: underline;
5809
+ }
5810
+
5811
+ .form-error[data-v-49b27af8] {
5804
5812
  font-size: 0.875rem;
5805
5813
  line-height: 1.25rem;
5806
5814
  color: #f21b3f
@@ -6158,53 +6166,53 @@ select[data-v-14e7c7c7] {
6158
6166
  width: 100%;
6159
6167
  }
6160
6168
 
6161
- .form-error[data-v-900bcf87] {
6169
+ .form-error[data-v-d0a8cdec] {
6162
6170
  font-size: 0.875rem;
6163
6171
  line-height: 1.25rem;
6164
6172
  color: #f21b3f;
6165
6173
  }
6166
- .contact-container[data-v-900bcf87] {
6174
+ .contact-container[data-v-d0a8cdec] {
6167
6175
  max-width: var(--brandsite-max-width);
6168
6176
  margin: 0 auto;
6169
6177
  }
6170
- .c-text-padding[data-v-900bcf87] {
6178
+ .c-text-padding[data-v-d0a8cdec] {
6171
6179
  padding-left: 1rem;
6172
6180
  padding-right: 1rem;
6173
6181
  }
6174
- .device-wrapper--mobile .c-divided-container[data-v-900bcf87] {
6182
+ .device-wrapper--mobile .c-divided-container[data-v-d0a8cdec] {
6175
6183
  -webkit-box-orient: vertical;
6176
6184
  -webkit-box-direction: normal;
6177
6185
  -ms-flex-direction: column;
6178
6186
  flex-direction: column;
6179
6187
  }
6180
- .device-wrapper--mobile .c-divided-container-reverse[data-v-900bcf87] {
6188
+ .device-wrapper--mobile .c-divided-container-reverse[data-v-d0a8cdec] {
6181
6189
  -webkit-box-orient: vertical;
6182
6190
  -webkit-box-direction: reverse;
6183
6191
  -ms-flex-direction: column-reverse;
6184
6192
  flex-direction: column-reverse;
6185
6193
  }
6186
6194
  @media (max-width: 767px) {
6187
- .c-button-full[data-v-900bcf87] {
6195
+ .c-button-full[data-v-d0a8cdec] {
6188
6196
  width: 100%;
6189
6197
  }
6190
- .c-col-span-2[data-v-900bcf87] {
6198
+ .c-col-span-2[data-v-d0a8cdec] {
6191
6199
  grid-column: span 2 / span 2;
6192
6200
  }
6193
- .c-mobile-padding[data-v-900bcf87] {
6201
+ .c-mobile-padding[data-v-d0a8cdec] {
6194
6202
  padding: 1rem;
6195
6203
  }
6196
- .c-text-padding[data-v-900bcf87] {
6204
+ .c-text-padding[data-v-d0a8cdec] {
6197
6205
  grid-column: span 2 / span 2;
6198
6206
  padding-left: 0px;
6199
6207
  padding-right: 0px;
6200
6208
  }
6201
- .c-divided-container[data-v-900bcf87] {
6209
+ .c-divided-container[data-v-d0a8cdec] {
6202
6210
  -webkit-box-orient: vertical;
6203
6211
  -webkit-box-direction: normal;
6204
6212
  -ms-flex-direction: column;
6205
6213
  flex-direction: column;
6206
6214
  }
6207
- .c-divided-container-reverse[data-v-900bcf87] {
6215
+ .c-divided-container-reverse[data-v-d0a8cdec] {
6208
6216
  -webkit-box-orient: vertical;
6209
6217
  -webkit-box-direction: reverse;
6210
6218
  -ms-flex-direction: column-reverse;
@@ -6212,16 +6220,16 @@ select[data-v-14e7c7c7] {
6212
6220
  }
6213
6221
  }
6214
6222
  @media (min-width: 767px) {
6215
- .c-aspect-square[data-v-900bcf87] {
6223
+ .c-aspect-square[data-v-d0a8cdec] {
6216
6224
  aspect-ratio: 1 / 1;
6217
6225
  }
6218
- .c-divided-container[data-v-900bcf87] {
6226
+ .c-divided-container[data-v-d0a8cdec] {
6219
6227
  -webkit-box-orient: horizontal;
6220
6228
  -webkit-box-direction: normal;
6221
6229
  -ms-flex-direction: row;
6222
6230
  flex-direction: row;
6223
6231
  }
6224
- .c-divided-container-reverse[data-v-900bcf87] {
6232
+ .c-divided-container-reverse[data-v-d0a8cdec] {
6225
6233
  -webkit-box-orient: horizontal;
6226
6234
  -webkit-box-direction: reverse;
6227
6235
  -ms-flex-direction: row-reverse;
@@ -7640,15 +7648,24 @@ body,
7640
7648
  body {
7641
7649
  line-height: 1.5;
7642
7650
  }
7651
+ /*
7652
+ * Hide Google's floating reCAPTCHA badge. Google's Terms of Service permit this
7653
+ * only when the reCAPTCHA branding is disclosed in the form flow instead — see
7654
+ * RecaptchaDisclosure.vue, rendered by ContactForm and MailingList. Using
7655
+ * visibility (not display:none) keeps the invisible-challenge flow working.
7656
+ */
7657
+ .grecaptcha-badge {
7658
+ visibility: hidden !important;
7659
+ }
7643
7660
 
7644
- .brand-page-root[data-v-27b8625d] {
7661
+ .brand-page-root[data-v-e1ab9780] {
7645
7662
  height: 100%;
7646
7663
  }
7647
- .sortable[data-v-27b8625d] {
7664
+ .sortable[data-v-e1ab9780] {
7648
7665
  outline-color: #F7768C;
7649
7666
  outline-width: 0.2rem;
7650
7667
  }
7651
- .brand-page[data-v-27b8625d] {
7668
+ .brand-page[data-v-e1ab9780] {
7652
7669
  -webkit-box-sizing: border-box;
7653
7670
  box-sizing: border-box;
7654
7671
  display: -webkit-box;
@@ -7660,7 +7677,7 @@ body {
7660
7677
  -ms-flex-direction: column;
7661
7678
  flex-direction: column;
7662
7679
  }
7663
- .brand-page__background-shapes-layer[data-v-27b8625d] {
7680
+ .brand-page__background-shapes-layer[data-v-e1ab9780] {
7664
7681
  position: fixed;
7665
7682
  top: 0;
7666
7683
  left: 0;
@@ -7671,11 +7688,11 @@ body {
7671
7688
  transform: translate3d(0, 0, 0);
7672
7689
  contain: layout paint;
7673
7690
  }
7674
- .template-preview .brand-page__background-shapes-layer[data-v-27b8625d],
7675
- .device-wrapper .brand-page__background-shapes-layer[data-v-27b8625d] {
7691
+ .template-preview .brand-page__background-shapes-layer[data-v-e1ab9780],
7692
+ .device-wrapper .brand-page__background-shapes-layer[data-v-e1ab9780] {
7676
7693
  height: 100%;
7677
7694
  }
7678
- .brand-page__inner--default[data-v-27b8625d] {
7695
+ .brand-page__inner--default[data-v-e1ab9780] {
7679
7696
  position: relative;
7680
7697
  z-index: 10;
7681
7698
  display: -webkit-box;
@@ -7687,16 +7704,16 @@ body {
7687
7704
  -ms-flex-direction: column;
7688
7705
  flex-direction: column;
7689
7706
  }
7690
- .brand-page__inner--desktop[data-v-27b8625d] {
7707
+ .brand-page__inner--desktop[data-v-e1ab9780] {
7691
7708
  min-height: 100vh;
7692
7709
  }
7693
- .brand-site__header[data-v-27b8625d] {
7710
+ .brand-site__header[data-v-e1ab9780] {
7694
7711
  container-type: inline-size;
7695
7712
  }
7696
- .brand-page__header[data-v-27b8625d] {
7713
+ .brand-page__header[data-v-e1ab9780] {
7697
7714
  padding-top: var(--page-padding);
7698
7715
  }
7699
- .brand-page__content--default[data-v-27b8625d] {
7716
+ .brand-page__content--default[data-v-e1ab9780] {
7700
7717
  margin-left: auto;
7701
7718
  margin-right: auto;
7702
7719
  margin-bottom: 2.5rem;
@@ -7713,7 +7730,7 @@ body {
7713
7730
  flex-direction: column;
7714
7731
  max-width: var(--page-max-width);
7715
7732
  }
7716
- .brand-page__content--desktop[data-v-27b8625d] {
7733
+ .brand-page__content--desktop[data-v-e1ab9780] {
7717
7734
  margin-left: auto;
7718
7735
  margin-right: auto;
7719
7736
  display: -webkit-box;
@@ -7729,15 +7746,15 @@ body {
7729
7746
  flex-direction: column;
7730
7747
  max-width: 100%;
7731
7748
  }
7732
- .brand-page__content--inner[data-v-27b8625d] {
7749
+ .brand-page__content--inner[data-v-e1ab9780] {
7733
7750
  padding-left: var(--page-padding);
7734
7751
  padding-right: var(--page-padding);
7735
7752
  }
7736
- .brand-page__content--inner--brandsite[data-v-27b8625d] {
7753
+ .brand-page__content--inner--brandsite[data-v-e1ab9780] {
7737
7754
  max-width: var(--brandsite-max-width);
7738
7755
  margin: 0 auto;
7739
7756
  }
7740
- .brand-page__content--outline-selected[data-v-27b8625d] {
7757
+ .brand-page__content--outline-selected[data-v-e1ab9780] {
7741
7758
  position: relative;
7742
7759
  z-index: 10;
7743
7760
  outline-color: #F7768C;
@@ -7745,20 +7762,20 @@ body {
7745
7762
  outline-style: dashed;
7746
7763
  outline-offset: -0.25rem;
7747
7764
  }
7748
- .brand-page__content--outline-footer-selected[data-v-27b8625d] {
7765
+ .brand-page__content--outline-footer-selected[data-v-e1ab9780] {
7749
7766
  outline-color: #f7768c;
7750
7767
  outline-width: 0.2rem;
7751
7768
  outline-style: dashed;
7752
7769
  outline-offset: -0.25rem;
7753
7770
  }
7754
7771
  @media (max-width: 640px) {
7755
- .brand-page__content--inner--full-width[data-v-27b8625d] {
7772
+ .brand-page__content--inner--full-width[data-v-e1ab9780] {
7756
7773
  padding-left: 0;
7757
7774
  padding-right: 0;
7758
7775
  }
7759
7776
  }
7760
7777
  @media (min-width: 640px) {
7761
- .brand-page__content--inner--full-width[data-v-27b8625d] {
7778
+ .brand-page__content--inner--full-width[data-v-e1ab9780] {
7762
7779
  padding-left: var(--page-padding);
7763
7780
  padding-right: var(--page-padding);
7764
7781
  }
@@ -9106,7 +9123,7 @@ input[type='number'][data-v-f3d394d9] {
9106
9123
  min-height: 0rem;
9107
9124
  }
9108
9125
 
9109
- .device-wrapper[data-v-050b1996] {
9126
+ .device-wrapper[data-v-3a40a3e4] {
9110
9127
  -webkit-box-sizing: border-box;
9111
9128
  box-sizing: border-box;
9112
9129
  height: 100%;
@@ -9117,7 +9134,7 @@ input[type='number'][data-v-f3d394d9] {
9117
9134
  -webkit-transform: translate3d(0, 0, 0);
9118
9135
  transform: translate3d(0, 0, 0);
9119
9136
  }
9120
- .device-wrapper--mobile[data-v-050b1996] {
9137
+ .device-wrapper--mobile[data-v-3a40a3e4] {
9121
9138
  margin-top: auto;
9122
9139
  margin-bottom: auto;
9123
9140
  display: -webkit-box;
@@ -9130,7 +9147,7 @@ input[type='number'][data-v-f3d394d9] {
9130
9147
  padding-right: 3rem;
9131
9148
  padding-bottom: 2rem;
9132
9149
  }
9133
- .device[data-v-050b1996] {
9150
+ .device[data-v-3a40a3e4] {
9134
9151
  width: 100%;
9135
9152
  --tw-bg-opacity: 1;
9136
9153
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -9144,17 +9161,17 @@ input[type='number'][data-v-f3d394d9] {
9144
9161
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
9145
9162
  }
9146
9163
  @media (min-width: 1024px) {
9147
- .device[data-v-050b1996] {
9164
+ .device[data-v-3a40a3e4] {
9148
9165
  margin-bottom: auto;
9149
9166
  margin-top: auto;
9150
9167
  }
9151
9168
  }
9152
- .device[data-v-050b1996] {
9169
+ .device[data-v-3a40a3e4] {
9153
9170
  -webkit-transform: translate3d(0, 0, 0);
9154
9171
  transform: translate3d(0, 0, 0);
9155
9172
  visibility: visible;
9156
9173
  }
9157
- .device.loading[data-v-050b1996] {
9174
+ .device.loading[data-v-3a40a3e4] {
9158
9175
  -webkit-transition-duration: 0s;
9159
9176
  transition-duration: 0s;
9160
9177
  -webkit-transition-property: none;
@@ -9163,12 +9180,12 @@ input[type='number'][data-v-f3d394d9] {
9163
9180
  animation: none;
9164
9181
  visibility: hidden;
9165
9182
  }
9166
- .device--desktop[data-v-050b1996] {
9183
+ .device--desktop[data-v-3a40a3e4] {
9167
9184
  border-radius: 0px;
9168
9185
  -webkit-box-shadow: 0 0 0 0rem rgb(0, 0, 0);
9169
9186
  box-shadow: 0 0 0 0rem rgb(0, 0, 0);
9170
9187
  }
9171
- .device--mobile[data-v-050b1996] {
9188
+ .device--mobile[data-v-3a40a3e4] {
9172
9189
  height: 100%;
9173
9190
  overflow: hidden;
9174
9191
  border-radius: 3rem;
@@ -9177,7 +9194,7 @@ input[type='number'][data-v-f3d394d9] {
9177
9194
  height: 734px;
9178
9195
  width: 358px;
9179
9196
  }
9180
- .device--mobile[data-v-050b1996] .c-preview-container {
9197
+ .device--mobile[data-v-3a40a3e4] .c-preview-container {
9181
9198
  border-radius: 3rem;
9182
9199
  }
9183
9200
 
@@ -9607,7 +9624,7 @@ to {
9607
9624
  overflow: hidden
9608
9625
  }
9609
9626
 
9610
- .c-brand-page-maker[data-v-2e7e54e3] {
9627
+ .c-brand-page-maker[data-v-7ed18bee] {
9611
9628
  --navigation-height-desktop: 64px;
9612
9629
  --navigation-height-mobile: 96px;
9613
9630
  --maker-height: 100vh;
@@ -9617,10 +9634,10 @@ to {
9617
9634
  height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
9618
9635
  padding-top: var(--navigation-height-mobile);
9619
9636
  }
9620
- .c-brand-page-maker__inner[data-v-2e7e54e3] {
9637
+ .c-brand-page-maker__inner[data-v-7ed18bee] {
9621
9638
  height: 100%;
9622
9639
  }
9623
- .c-save-bar[data-v-2e7e54e3] {
9640
+ .c-save-bar[data-v-7ed18bee] {
9624
9641
  position: absolute;
9625
9642
  top: 0px;
9626
9643
  left: 0px;
@@ -9642,7 +9659,7 @@ to {
9642
9659
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
9643
9660
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
9644
9661
  }
9645
- .c-save-bar--visible[data-v-2e7e54e3] {
9662
+ .c-save-bar--visible[data-v-7ed18bee] {
9646
9663
  visibility: visible !important;
9647
9664
  --tw-translate-y: 0px !important;
9648
9665
  -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;
@@ -9652,11 +9669,11 @@ to {
9652
9669
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
9653
9670
  }
9654
9671
  @media (min-width: 1024px) {
9655
- .c-brand-page-maker[data-v-2e7e54e3] {
9672
+ .c-brand-page-maker[data-v-7ed18bee] {
9656
9673
  height: calc(var(--maker-height) - var(--navigation-height-desktop));
9657
9674
  padding-top: 0px;
9658
9675
  }
9659
- .c-brand-page-maker__inner[data-v-2e7e54e3] {
9676
+ .c-brand-page-maker__inner[data-v-7ed18bee] {
9660
9677
  height: 100%;
9661
9678
  }
9662
9679
  }