@designcrowd/library.brand-page 5.17.27-shape-memory-2 → 5.17.27

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 (24) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-CmwyVngB.js → CreatedOnBrandCrowd-de-de-DjrwAblu.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-BsYNmX7g.js → CreatedOnBrandCrowd-en-us-Clib9Fmn.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-Di-Cb90E.js → CreatedOnBrandCrowd-es-es-FAUHtPC2.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-DkPUGPrO.js → CreatedOnBrandCrowd-fr-ca-I1bem2U3.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-DkPUGPrO.js → CreatedOnBrandCrowd-fr-fr-I1bem2U3.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-BB1hWv0w.js → CreatedOnBrandCrowd-pt-br-B4-cqGVL.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-BB1hWv0w.js → CreatedOnBrandCrowd-pt-pt-B4-cqGVL.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-CLPQHUdt.js → CreatedOnDcom-de-de-DCiTSoZu.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-4xPohzcl.js → CreatedOnDcom-en-us-CBwxJf3p.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-COjxz_Aa.js → CreatedOnDcom-es-es-CuWpM6Ui.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-sxQVouYP.js → CreatedOnDcom-fr-ca-BPW1Q-90.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-B2XC86kO.js → CreatedOnDcom-fr-fr-COX-ZI7v.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-CYK9le9x.js → CreatedOnDcom-pt-br-N6E3uYhE.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-CF-QACKl.js → CreatedOnDcom-pt-pt-BUBb5xjA.js} +1 -1
  15. package/lib/src/css/library.brand-page-brandCrowd.min.css +25 -34
  16. package/lib/src/css/library.brand-page-brandPage.min.css +25 -34
  17. package/lib/src/css/library.brand-page-designCom.min.css +25 -34
  18. package/lib/src/css/library.brand-page-preview.min.css +25 -34
  19. package/lib/src/index.mjs +1 -1
  20. package/lib/src/{lib-vkr7dfRD.js → lib-CsTVlu2a.js} +3121 -3127
  21. package/package.json +1 -1
  22. package/src/brand-page/components/background-shape/BackgroundShape.vue +8 -7
  23. package/src/brand-page/components/media/Shape.vue +3 -1
  24. package/src/brand-page/components/page/Page.vue +5 -27
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-vkr7dfRD.js";
2
+ import { _ as t } from "./lib-CsTVlu2a.js";
3
3
  const i = {}, h = {
4
4
  width: "275",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-vkr7dfRD.js";
2
+ import { _ as t } from "./lib-CsTVlu2a.js";
3
3
  const i = {}, h = {
4
4
  width: "251",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-vkr7dfRD.js";
2
+ import { _ as t } from "./lib-CsTVlu2a.js";
3
3
  const i = {}, h = {
4
4
  width: "250",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-vkr7dfRD.js";
2
+ import { _ as t } from "./lib-CsTVlu2a.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-vkr7dfRD.js";
2
+ import { _ as t } from "./lib-CsTVlu2a.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-vkr7dfRD.js";
2
+ import { _ as t } from "./lib-CsTVlu2a.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-vkr7dfRD.js";
2
+ import { _ as t } from "./lib-CsTVlu2a.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-vkr7dfRD.js";
2
+ import { _ as e } from "./lib-CsTVlu2a.js";
3
3
  const M = {}, Z = {
4
4
  width: "242",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-vkr7dfRD.js";
2
+ import { _ as e } from "./lib-CsTVlu2a.js";
3
3
  const i = {}, M = {
4
4
  width: "231",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-vkr7dfRD.js";
2
+ import { _ as e } from "./lib-CsTVlu2a.js";
3
3
  const M = {}, Z = {
4
4
  width: "230",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-vkr7dfRD.js";
2
+ import { _ as e } from "./lib-CsTVlu2a.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-vkr7dfRD.js";
2
+ import { _ as e } from "./lib-CsTVlu2a.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-vkr7dfRD.js";
2
+ import { _ as M } from "./lib-CsTVlu2a.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-vkr7dfRD.js";
2
+ import { _ as M } from "./lib-CsTVlu2a.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -5543,14 +5543,20 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5543
5543
  flex-shrink: 0;
5544
5544
  }
5545
5545
 
5546
- .c-shape-background[data-v-5bc062de] {
5547
- position: absolute;
5546
+ .c-shape-background[data-v-c7dfe9d2] {
5547
+ -webkit-transform: translate3d(0, 0, 0);
5548
+ transform: translate3d(0, 0, 0);
5549
+ position: fixed;
5548
5550
  top: 0;
5549
5551
  left: 0;
5550
5552
  width: 100%;
5553
+ height: 100vh;
5554
+ }
5555
+ .template-preview .c-shape-background[data-v-c7dfe9d2],
5556
+ .device-wrapper .c-shape-background[data-v-c7dfe9d2] {
5551
5557
  height: 100%;
5552
5558
  }
5553
- .c-shape[data-v-5bc062de] {
5559
+ .c-shape[data-v-c7dfe9d2] {
5554
5560
  fill: currentColor;
5555
5561
  }
5556
5562
 
@@ -5567,7 +5573,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5567
5573
  height: 2rem;
5568
5574
  }
5569
5575
 
5570
- .c-shape[data-v-e966ad0d] {
5576
+ .c-shape[data-v-c999aec0] {
5571
5577
  fill: currentColor;
5572
5578
  }
5573
5579
 
@@ -7610,14 +7616,14 @@ body {
7610
7616
  line-height: 1.5;
7611
7617
  }
7612
7618
 
7613
- .brand-page-root[data-v-27b8625d] {
7619
+ .brand-page-root[data-v-05d0eb3b] {
7614
7620
  height: 100%;
7615
7621
  }
7616
- .sortable[data-v-27b8625d] {
7622
+ .sortable[data-v-05d0eb3b] {
7617
7623
  outline-color: #F7768C;
7618
7624
  outline-width: 0.2rem;
7619
7625
  }
7620
- .brand-page[data-v-27b8625d] {
7626
+ .brand-page[data-v-05d0eb3b] {
7621
7627
  -webkit-box-sizing: border-box;
7622
7628
  box-sizing: border-box;
7623
7629
  display: -webkit-box;
@@ -7629,22 +7635,7 @@ body {
7629
7635
  -ms-flex-direction: column;
7630
7636
  flex-direction: column;
7631
7637
  }
7632
- .brand-page__background-shapes-layer[data-v-27b8625d] {
7633
- position: fixed;
7634
- top: 0;
7635
- left: 0;
7636
- width: 100%;
7637
- height: 100vh;
7638
- pointer-events: none;
7639
- -webkit-transform: translate3d(0, 0, 0);
7640
- transform: translate3d(0, 0, 0);
7641
- contain: layout paint;
7642
- }
7643
- .template-preview .brand-page__background-shapes-layer[data-v-27b8625d],
7644
- .device-wrapper .brand-page__background-shapes-layer[data-v-27b8625d] {
7645
- height: 100%;
7646
- }
7647
- .brand-page__inner--default[data-v-27b8625d] {
7638
+ .brand-page__inner--default[data-v-05d0eb3b] {
7648
7639
  position: relative;
7649
7640
  z-index: 10;
7650
7641
  display: -webkit-box;
@@ -7656,16 +7647,16 @@ body {
7656
7647
  -ms-flex-direction: column;
7657
7648
  flex-direction: column;
7658
7649
  }
7659
- .brand-page__inner--desktop[data-v-27b8625d] {
7650
+ .brand-page__inner--desktop[data-v-05d0eb3b] {
7660
7651
  min-height: 100vh;
7661
7652
  }
7662
- .brand-site__header[data-v-27b8625d] {
7653
+ .brand-site__header[data-v-05d0eb3b] {
7663
7654
  container-type: inline-size;
7664
7655
  }
7665
- .brand-page__header[data-v-27b8625d] {
7656
+ .brand-page__header[data-v-05d0eb3b] {
7666
7657
  padding-top: var(--page-padding);
7667
7658
  }
7668
- .brand-page__content--default[data-v-27b8625d] {
7659
+ .brand-page__content--default[data-v-05d0eb3b] {
7669
7660
  margin-left: auto;
7670
7661
  margin-right: auto;
7671
7662
  margin-bottom: 2.5rem;
@@ -7682,7 +7673,7 @@ body {
7682
7673
  flex-direction: column;
7683
7674
  max-width: var(--page-max-width);
7684
7675
  }
7685
- .brand-page__content--desktop[data-v-27b8625d] {
7676
+ .brand-page__content--desktop[data-v-05d0eb3b] {
7686
7677
  margin-left: auto;
7687
7678
  margin-right: auto;
7688
7679
  display: -webkit-box;
@@ -7698,15 +7689,15 @@ body {
7698
7689
  flex-direction: column;
7699
7690
  max-width: 100%;
7700
7691
  }
7701
- .brand-page__content--inner[data-v-27b8625d] {
7692
+ .brand-page__content--inner[data-v-05d0eb3b] {
7702
7693
  padding-left: var(--page-padding);
7703
7694
  padding-right: var(--page-padding);
7704
7695
  }
7705
- .brand-page__content--inner--brandsite[data-v-27b8625d] {
7696
+ .brand-page__content--inner--brandsite[data-v-05d0eb3b] {
7706
7697
  max-width: var(--brandsite-max-width);
7707
7698
  margin: 0 auto;
7708
7699
  }
7709
- .brand-page__content--outline-selected[data-v-27b8625d] {
7700
+ .brand-page__content--outline-selected[data-v-05d0eb3b] {
7710
7701
  position: relative;
7711
7702
  z-index: 10;
7712
7703
  outline-color: #F7768C;
@@ -7714,20 +7705,20 @@ body {
7714
7705
  outline-style: dashed;
7715
7706
  outline-offset: -0.25rem;
7716
7707
  }
7717
- .brand-page__content--outline-footer-selected[data-v-27b8625d] {
7708
+ .brand-page__content--outline-footer-selected[data-v-05d0eb3b] {
7718
7709
  outline-color: #f7768c;
7719
7710
  outline-width: 0.2rem;
7720
7711
  outline-style: dashed;
7721
7712
  outline-offset: -0.25rem;
7722
7713
  }
7723
7714
  @media (max-width: 640px) {
7724
- .brand-page__content--inner--full-width[data-v-27b8625d] {
7715
+ .brand-page__content--inner--full-width[data-v-05d0eb3b] {
7725
7716
  padding-left: 0;
7726
7717
  padding-right: 0;
7727
7718
  }
7728
7719
  }
7729
7720
  @media (min-width: 640px) {
7730
- .brand-page__content--inner--full-width[data-v-27b8625d] {
7721
+ .brand-page__content--inner--full-width[data-v-05d0eb3b] {
7731
7722
  padding-left: var(--page-padding);
7732
7723
  padding-right: var(--page-padding);
7733
7724
  }
@@ -5861,14 +5861,20 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5861
5861
  flex-shrink: 0;
5862
5862
  }
5863
5863
 
5864
- .c-shape-background[data-v-5bc062de] {
5865
- position: absolute;
5864
+ .c-shape-background[data-v-c7dfe9d2] {
5865
+ -webkit-transform: translate3d(0, 0, 0);
5866
+ transform: translate3d(0, 0, 0);
5867
+ position: fixed;
5866
5868
  top: 0;
5867
5869
  left: 0;
5868
5870
  width: 100%;
5871
+ height: 100vh;
5872
+ }
5873
+ .template-preview .c-shape-background[data-v-c7dfe9d2],
5874
+ .device-wrapper .c-shape-background[data-v-c7dfe9d2] {
5869
5875
  height: 100%;
5870
5876
  }
5871
- .c-shape[data-v-5bc062de] {
5877
+ .c-shape[data-v-c7dfe9d2] {
5872
5878
  fill: currentColor;
5873
5879
  }
5874
5880
 
@@ -5885,7 +5891,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5885
5891
  height: 2rem;
5886
5892
  }
5887
5893
 
5888
- .c-shape[data-v-e966ad0d] {
5894
+ .c-shape[data-v-c999aec0] {
5889
5895
  fill: currentColor;
5890
5896
  }
5891
5897
 
@@ -7928,14 +7934,14 @@ body {
7928
7934
  line-height: 1.5;
7929
7935
  }
7930
7936
 
7931
- .brand-page-root[data-v-27b8625d] {
7937
+ .brand-page-root[data-v-05d0eb3b] {
7932
7938
  height: 100%;
7933
7939
  }
7934
- .sortable[data-v-27b8625d] {
7940
+ .sortable[data-v-05d0eb3b] {
7935
7941
  outline-color: #F7768C;
7936
7942
  outline-width: 0.2rem;
7937
7943
  }
7938
- .brand-page[data-v-27b8625d] {
7944
+ .brand-page[data-v-05d0eb3b] {
7939
7945
  -webkit-box-sizing: border-box;
7940
7946
  box-sizing: border-box;
7941
7947
  display: -webkit-box;
@@ -7947,22 +7953,7 @@ body {
7947
7953
  -ms-flex-direction: column;
7948
7954
  flex-direction: column;
7949
7955
  }
7950
- .brand-page__background-shapes-layer[data-v-27b8625d] {
7951
- position: fixed;
7952
- top: 0;
7953
- left: 0;
7954
- width: 100%;
7955
- height: 100vh;
7956
- pointer-events: none;
7957
- -webkit-transform: translate3d(0, 0, 0);
7958
- transform: translate3d(0, 0, 0);
7959
- contain: layout paint;
7960
- }
7961
- .template-preview .brand-page__background-shapes-layer[data-v-27b8625d],
7962
- .device-wrapper .brand-page__background-shapes-layer[data-v-27b8625d] {
7963
- height: 100%;
7964
- }
7965
- .brand-page__inner--default[data-v-27b8625d] {
7956
+ .brand-page__inner--default[data-v-05d0eb3b] {
7966
7957
  position: relative;
7967
7958
  z-index: 10;
7968
7959
  display: -webkit-box;
@@ -7974,16 +7965,16 @@ body {
7974
7965
  -ms-flex-direction: column;
7975
7966
  flex-direction: column;
7976
7967
  }
7977
- .brand-page__inner--desktop[data-v-27b8625d] {
7968
+ .brand-page__inner--desktop[data-v-05d0eb3b] {
7978
7969
  min-height: 100vh;
7979
7970
  }
7980
- .brand-site__header[data-v-27b8625d] {
7971
+ .brand-site__header[data-v-05d0eb3b] {
7981
7972
  container-type: inline-size;
7982
7973
  }
7983
- .brand-page__header[data-v-27b8625d] {
7974
+ .brand-page__header[data-v-05d0eb3b] {
7984
7975
  padding-top: var(--page-padding);
7985
7976
  }
7986
- .brand-page__content--default[data-v-27b8625d] {
7977
+ .brand-page__content--default[data-v-05d0eb3b] {
7987
7978
  margin-left: auto;
7988
7979
  margin-right: auto;
7989
7980
  margin-bottom: 2.5rem;
@@ -8000,7 +7991,7 @@ body {
8000
7991
  flex-direction: column;
8001
7992
  max-width: var(--page-max-width);
8002
7993
  }
8003
- .brand-page__content--desktop[data-v-27b8625d] {
7994
+ .brand-page__content--desktop[data-v-05d0eb3b] {
8004
7995
  margin-left: auto;
8005
7996
  margin-right: auto;
8006
7997
  display: -webkit-box;
@@ -8016,15 +8007,15 @@ body {
8016
8007
  flex-direction: column;
8017
8008
  max-width: 100%;
8018
8009
  }
8019
- .brand-page__content--inner[data-v-27b8625d] {
8010
+ .brand-page__content--inner[data-v-05d0eb3b] {
8020
8011
  padding-left: var(--page-padding);
8021
8012
  padding-right: var(--page-padding);
8022
8013
  }
8023
- .brand-page__content--inner--brandsite[data-v-27b8625d] {
8014
+ .brand-page__content--inner--brandsite[data-v-05d0eb3b] {
8024
8015
  max-width: var(--brandsite-max-width);
8025
8016
  margin: 0 auto;
8026
8017
  }
8027
- .brand-page__content--outline-selected[data-v-27b8625d] {
8018
+ .brand-page__content--outline-selected[data-v-05d0eb3b] {
8028
8019
  position: relative;
8029
8020
  z-index: 10;
8030
8021
  outline-color: #F7768C;
@@ -8032,20 +8023,20 @@ body {
8032
8023
  outline-style: dashed;
8033
8024
  outline-offset: -0.25rem;
8034
8025
  }
8035
- .brand-page__content--outline-footer-selected[data-v-27b8625d] {
8026
+ .brand-page__content--outline-footer-selected[data-v-05d0eb3b] {
8036
8027
  outline-color: #f7768c;
8037
8028
  outline-width: 0.2rem;
8038
8029
  outline-style: dashed;
8039
8030
  outline-offset: -0.25rem;
8040
8031
  }
8041
8032
  @media (max-width: 640px) {
8042
- .brand-page__content--inner--full-width[data-v-27b8625d] {
8033
+ .brand-page__content--inner--full-width[data-v-05d0eb3b] {
8043
8034
  padding-left: 0;
8044
8035
  padding-right: 0;
8045
8036
  }
8046
8037
  }
8047
8038
  @media (min-width: 640px) {
8048
- .brand-page__content--inner--full-width[data-v-27b8625d] {
8039
+ .brand-page__content--inner--full-width[data-v-05d0eb3b] {
8049
8040
  padding-left: var(--page-padding);
8050
8041
  padding-right: var(--page-padding);
8051
8042
  }
@@ -5573,14 +5573,20 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5573
5573
  flex-shrink: 0;
5574
5574
  }
5575
5575
 
5576
- .c-shape-background[data-v-5bc062de] {
5577
- position: absolute;
5576
+ .c-shape-background[data-v-c7dfe9d2] {
5577
+ -webkit-transform: translate3d(0, 0, 0);
5578
+ transform: translate3d(0, 0, 0);
5579
+ position: fixed;
5578
5580
  top: 0;
5579
5581
  left: 0;
5580
5582
  width: 100%;
5583
+ height: 100vh;
5584
+ }
5585
+ .template-preview .c-shape-background[data-v-c7dfe9d2],
5586
+ .device-wrapper .c-shape-background[data-v-c7dfe9d2] {
5581
5587
  height: 100%;
5582
5588
  }
5583
- .c-shape[data-v-5bc062de] {
5589
+ .c-shape[data-v-c7dfe9d2] {
5584
5590
  fill: currentColor;
5585
5591
  }
5586
5592
 
@@ -5597,7 +5603,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5597
5603
  height: 2rem;
5598
5604
  }
5599
5605
 
5600
- .c-shape[data-v-e966ad0d] {
5606
+ .c-shape[data-v-c999aec0] {
5601
5607
  fill: currentColor;
5602
5608
  }
5603
5609
 
@@ -7640,14 +7646,14 @@ body {
7640
7646
  line-height: 1.5;
7641
7647
  }
7642
7648
 
7643
- .brand-page-root[data-v-27b8625d] {
7649
+ .brand-page-root[data-v-05d0eb3b] {
7644
7650
  height: 100%;
7645
7651
  }
7646
- .sortable[data-v-27b8625d] {
7652
+ .sortable[data-v-05d0eb3b] {
7647
7653
  outline-color: #b2bdfb;
7648
7654
  outline-width: 0.2rem;
7649
7655
  }
7650
- .brand-page[data-v-27b8625d] {
7656
+ .brand-page[data-v-05d0eb3b] {
7651
7657
  -webkit-box-sizing: border-box;
7652
7658
  box-sizing: border-box;
7653
7659
  display: -webkit-box;
@@ -7659,22 +7665,7 @@ body {
7659
7665
  -ms-flex-direction: column;
7660
7666
  flex-direction: column;
7661
7667
  }
7662
- .brand-page__background-shapes-layer[data-v-27b8625d] {
7663
- position: fixed;
7664
- top: 0;
7665
- left: 0;
7666
- width: 100%;
7667
- height: 100vh;
7668
- pointer-events: none;
7669
- -webkit-transform: translate3d(0, 0, 0);
7670
- transform: translate3d(0, 0, 0);
7671
- contain: layout paint;
7672
- }
7673
- .template-preview .brand-page__background-shapes-layer[data-v-27b8625d],
7674
- .device-wrapper .brand-page__background-shapes-layer[data-v-27b8625d] {
7675
- height: 100%;
7676
- }
7677
- .brand-page__inner--default[data-v-27b8625d] {
7668
+ .brand-page__inner--default[data-v-05d0eb3b] {
7678
7669
  position: relative;
7679
7670
  z-index: 10;
7680
7671
  display: -webkit-box;
@@ -7686,16 +7677,16 @@ body {
7686
7677
  -ms-flex-direction: column;
7687
7678
  flex-direction: column;
7688
7679
  }
7689
- .brand-page__inner--desktop[data-v-27b8625d] {
7680
+ .brand-page__inner--desktop[data-v-05d0eb3b] {
7690
7681
  min-height: 100vh;
7691
7682
  }
7692
- .brand-site__header[data-v-27b8625d] {
7683
+ .brand-site__header[data-v-05d0eb3b] {
7693
7684
  container-type: inline-size;
7694
7685
  }
7695
- .brand-page__header[data-v-27b8625d] {
7686
+ .brand-page__header[data-v-05d0eb3b] {
7696
7687
  padding-top: var(--page-padding);
7697
7688
  }
7698
- .brand-page__content--default[data-v-27b8625d] {
7689
+ .brand-page__content--default[data-v-05d0eb3b] {
7699
7690
  margin-left: auto;
7700
7691
  margin-right: auto;
7701
7692
  margin-bottom: 2.5rem;
@@ -7712,7 +7703,7 @@ body {
7712
7703
  flex-direction: column;
7713
7704
  max-width: var(--page-max-width);
7714
7705
  }
7715
- .brand-page__content--desktop[data-v-27b8625d] {
7706
+ .brand-page__content--desktop[data-v-05d0eb3b] {
7716
7707
  margin-left: auto;
7717
7708
  margin-right: auto;
7718
7709
  display: -webkit-box;
@@ -7728,15 +7719,15 @@ body {
7728
7719
  flex-direction: column;
7729
7720
  max-width: 100%;
7730
7721
  }
7731
- .brand-page__content--inner[data-v-27b8625d] {
7722
+ .brand-page__content--inner[data-v-05d0eb3b] {
7732
7723
  padding-left: var(--page-padding);
7733
7724
  padding-right: var(--page-padding);
7734
7725
  }
7735
- .brand-page__content--inner--brandsite[data-v-27b8625d] {
7726
+ .brand-page__content--inner--brandsite[data-v-05d0eb3b] {
7736
7727
  max-width: var(--brandsite-max-width);
7737
7728
  margin: 0 auto;
7738
7729
  }
7739
- .brand-page__content--outline-selected[data-v-27b8625d] {
7730
+ .brand-page__content--outline-selected[data-v-05d0eb3b] {
7740
7731
  position: relative;
7741
7732
  z-index: 10;
7742
7733
  outline-color: #b2bdfb;
@@ -7744,20 +7735,20 @@ body {
7744
7735
  outline-style: dashed;
7745
7736
  outline-offset: -0.25rem;
7746
7737
  }
7747
- .brand-page__content--outline-footer-selected[data-v-27b8625d] {
7738
+ .brand-page__content--outline-footer-selected[data-v-05d0eb3b] {
7748
7739
  outline-color: #f7768c;
7749
7740
  outline-width: 0.2rem;
7750
7741
  outline-style: dashed;
7751
7742
  outline-offset: -0.25rem;
7752
7743
  }
7753
7744
  @media (max-width: 640px) {
7754
- .brand-page__content--inner--full-width[data-v-27b8625d] {
7745
+ .brand-page__content--inner--full-width[data-v-05d0eb3b] {
7755
7746
  padding-left: 0;
7756
7747
  padding-right: 0;
7757
7748
  }
7758
7749
  }
7759
7750
  @media (min-width: 640px) {
7760
- .brand-page__content--inner--full-width[data-v-27b8625d] {
7751
+ .brand-page__content--inner--full-width[data-v-05d0eb3b] {
7761
7752
  padding-left: var(--page-padding);
7762
7753
  padding-right: var(--page-padding);
7763
7754
  }