@designcrowd/library.brand-page 6.2.6 → 6.2.7

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-DpeSEnwP.js → CreatedOnBrandCrowd-de-de-vzF6Ikn9.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-CxYv3NzT.js → CreatedOnBrandCrowd-en-us-cXu20Wxb.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-CzQ1HRHw.js → CreatedOnBrandCrowd-es-es-PSfMEmIN.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-J77YZaT1.js → CreatedOnBrandCrowd-fr-ca-CKSJaTW0.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-J77YZaT1.js → CreatedOnBrandCrowd-fr-fr-CKSJaTW0.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-1vh4Smqt.js → CreatedOnBrandCrowd-pt-br-28G2T3DJ.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-1vh4Smqt.js → CreatedOnBrandCrowd-pt-pt-28G2T3DJ.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-CXX6W_29.js → CreatedOnDcom-de-de-CG2vQgBe.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-D78BmX6f.js → CreatedOnDcom-en-us-DzPaDxZd.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-FfbPM2vD.js → CreatedOnDcom-es-es-BmN7lNDe.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-C6L60rxJ.js → CreatedOnDcom-fr-ca-BarL0nmZ.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-BEDnW9w-.js → CreatedOnDcom-fr-fr-e5Bk-c84.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-CZXVvc1n.js → CreatedOnDcom-pt-br-89-1jjm5.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-IQq744nb.js → CreatedOnDcom-pt-pt-B9v9kExe.js} +1 -1
  15. package/lib/src/css/library.brand-page-brandCrowd.min.css +225 -220
  16. package/lib/src/css/library.brand-page-brandPage.min.css +225 -220
  17. package/lib/src/css/library.brand-page-designCom.min.css +225 -220
  18. package/lib/src/css/library.brand-page-preview.min.css +225 -220
  19. package/lib/src/index.mjs +1 -1
  20. package/lib/src/{lib-CyVd3FMn.js → lib-BTgw6Jw7.js} +7 -7
  21. package/package.json +1 -1
  22. package/src/brand-page/components/button/ButtonStyleWrapper.vue +4 -2
  23. package/src/brand-page/components/page-header/HeaderLayout.vue +3 -3
  24. package/src/brand-page-maker/components/rich-text-editor/RichTextEditor.vue +2 -1
@@ -6471,23 +6471,23 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6471
6471
  margin on the button itself shifts it out of alignment with the decoration. The
6472
6472
  top gap is instead applied to the wrapper (tw-mt-4 above) so the whole decorated
6473
6473
  unit moves together and stays flush at the container's bottom edge (BP-5800). */
6474
- .bp-style-wrapper--no-margin[data-v-255edfd5] button {
6474
+ .bp-style-wrapper--no-margin[data-v-aee08bf9] button {
6475
6475
  margin-top: 0;
6476
6476
  margin-bottom: 0;
6477
6477
  }
6478
6478
 
6479
6479
  /* Brushstroke: flanking brush-end icons are transformed over the button's
6480
6480
  left/right edges, so they must not capture clicks (BP-5882). */
6481
- .bp-icon-brush-left[data-v-255edfd5],
6482
- .bp-icon-brush-right[data-v-255edfd5] {
6481
+ .bp-icon-brush-left[data-v-aee08bf9],
6482
+ .bp-icon-brush-right[data-v-aee08bf9] {
6483
6483
  pointer-events: none;
6484
6484
  }
6485
- .bp-icon-brush-left[data-v-255edfd5] svg {
6485
+ .bp-icon-brush-left[data-v-aee08bf9] svg {
6486
6486
  -webkit-transform: translateX(-99%);
6487
6487
  transform: translateX(-99%);
6488
6488
  width: auto;
6489
6489
  }
6490
- .bp-icon-brush-right[data-v-255edfd5] svg {
6490
+ .bp-icon-brush-right[data-v-aee08bf9] svg {
6491
6491
  width: auto;
6492
6492
  }
6493
6493
 
@@ -6496,31 +6496,33 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6496
6496
  the button box exactly (inset:0 + preserveAspectRatio none) without inflating
6497
6497
  its size or capturing clicks (BP-5882/BP-5883). The button's own fill is made
6498
6498
  transparent so the icon's colour shows through. */
6499
- .bp-button-shape[data-v-255edfd5] {
6499
+ .bp-button-shape[data-v-aee08bf9] {
6500
6500
  position: relative;
6501
6501
  }
6502
- .bp-icon-shape[data-v-255edfd5] {
6502
+ .bp-icon-shape[data-v-aee08bf9] {
6503
6503
  position: absolute;
6504
6504
  inset: 0;
6505
6505
  width: 100%;
6506
6506
  height: 100%;
6507
6507
  pointer-events: none;
6508
6508
  }
6509
- .bp-button-shape[data-v-255edfd5] button,
6510
- .bp-button-shape[data-v-255edfd5] a {
6509
+ .bp-button-shape[data-v-aee08bf9] button,
6510
+ .bp-button-shape[data-v-aee08bf9] a,
6511
+ .bp-button-shape[data-v-aee08bf9] .c-button {
6511
6512
  position: relative; /* sit above the inert background */
6512
- /* !important to override the host button's inline background-color. */
6513
+ /* !important to override the host button's inline background-color. A page link nests
6514
+ the styled .c-button div inside its <a>, so that needs clearing too. */
6513
6515
  background-color: transparent !important;
6514
6516
  }
6515
6517
  /* button-paper ships hardcoded fill="black"; recolour to the button's fill. CSS
6516
6518
  fill overrides the presentation attribute; clip-path rects are geometric so
6517
6519
  recolouring them is harmless. */
6518
- .bp-icon-shape[data-v-255edfd5] path,
6519
- .bp-icon-shape[data-v-255edfd5] rect {
6520
+ .bp-icon-shape[data-v-aee08bf9] path,
6521
+ .bp-icon-shape[data-v-aee08bf9] rect {
6520
6522
  fill: currentColor;
6521
6523
  }
6522
- .bp-button-arrow[data-v-255edfd5],
6523
- .device-wrapper--mobile .bp-button-arrow[data-v-255edfd5] {
6524
+ .bp-button-arrow[data-v-aee08bf9],
6525
+ .device-wrapper--mobile .bp-button-arrow[data-v-aee08bf9] {
6524
6526
  /* Fixed-px arrowhead (not %) so the chevron is equally sharp at any button
6525
6527
  width — a %-based point collapses on narrow buttons (e.g. the 120px contact
6526
6528
  form submit) and only reads as an arrow on wide ones. */
@@ -7764,65 +7766,65 @@ select[data-v-665b8067] {
7764
7766
  margin: 0 auto;
7765
7767
  }
7766
7768
 
7767
- .root[data-v-c23d864e] {
7768
- --logo-width: var(--v62a07554);
7769
+ .root[data-v-7c703177] {
7770
+ --logo-width: var(--a1839a3c);
7769
7771
  --logo-max-width: 20rem;
7770
7772
  --tab-nav-height: 56px;
7771
7773
  --hamburger-nav-height: 32px;
7772
7774
  --hamburger-nav-width: 32px;
7773
7775
  }
7774
- .nav-container[data-v-c23d864e] {
7776
+ .nav-container[data-v-7c703177] {
7775
7777
  max-width: 100%;
7776
7778
  overflow: hidden;
7777
7779
  }
7778
- .logo-container[data-v-c23d864e] {
7780
+ .logo-container[data-v-7c703177] {
7779
7781
  }
7780
7782
  /* The rules below position this box; the button just fills whatever box it gets.
7781
7783
  Never shrinks below its label: in the flex placements a wide nav compresses into its
7782
7784
  carousel instead of wrapping the button's text (the grid placements floor it likewise). */
7783
- .cta-container[data-v-c23d864e] {
7785
+ .cta-container[data-v-7c703177] {
7784
7786
  min-width: 0px;
7785
7787
  -ms-flex-negative: 0;
7786
7788
  flex-shrink: 0;
7787
7789
  }
7788
7790
 
7789
7791
  /* DESKTOP_TAB_1 */
7790
- .desktop-tab-horizontal-stack-left-logo-right-menu[data-v-c23d864e] {
7792
+ .desktop-tab-horizontal-stack-left-logo-right-menu[data-v-7c703177] {
7791
7793
  display: -webkit-box;
7792
7794
  display: -ms-flexbox;
7793
7795
  display: flex;
7794
7796
  }
7795
- .desktop-tab-horizontal-stack-left-logo-right-menu .nav-container[data-v-c23d864e] {
7797
+ .desktop-tab-horizontal-stack-left-logo-right-menu .nav-container[data-v-7c703177] {
7796
7798
  margin-left: 1rem;
7797
7799
  -webkit-box-flex: 1;
7798
7800
  -ms-flex: 1 1 0%;
7799
7801
  flex: 1 1 0%;
7800
7802
  }
7801
- .desktop-tab-horizontal-stack-left-logo-right-menu .nav-container__inner[data-v-c23d864e] {
7803
+ .desktop-tab-horizontal-stack-left-logo-right-menu .nav-container__inner[data-v-7c703177] {
7802
7804
  float: right;
7803
7805
  display: inline-block;
7804
7806
  max-width: 100%;
7805
7807
  }
7806
7808
 
7807
7809
  /* DESKTOP_TAB_2 */
7808
- .desktop-tab-horizontal-stack-left-logo-left-menu[data-v-c23d864e] {
7810
+ .desktop-tab-horizontal-stack-left-logo-left-menu[data-v-7c703177] {
7809
7811
  display: -webkit-box;
7810
7812
  display: -ms-flexbox;
7811
7813
  display: flex;
7812
7814
  }
7813
- .desktop-tab-horizontal-stack-left-logo-left-menu .nav-container[data-v-c23d864e] {
7815
+ .desktop-tab-horizontal-stack-left-logo-left-menu .nav-container[data-v-7c703177] {
7814
7816
  margin-left: 1rem;
7815
7817
  -webkit-box-flex: 1;
7816
7818
  -ms-flex: 1 1 0%;
7817
7819
  flex: 1 1 0%;
7818
7820
  }
7819
- .desktop-tab-horizontal-stack-left-logo-left-menu .nav-container__inner[data-v-c23d864e] {
7821
+ .desktop-tab-horizontal-stack-left-logo-left-menu .nav-container__inner[data-v-7c703177] {
7820
7822
  display: inline-block;
7821
7823
  max-width: 100%;
7822
7824
  }
7823
7825
 
7824
7826
  /* DESKTOP_TAB_3 */
7825
- .desktop-tab-horizontal-stack-left-logo-centered-menu[data-v-c23d864e] {
7827
+ .desktop-tab-horizontal-stack-left-logo-centered-menu[data-v-7c703177] {
7826
7828
  display: grid;
7827
7829
  grid-template-columns:
7828
7830
  [logo-start] var(--logo-max-width) [logo-end nav-start] 1fr [nav-end] var(
@@ -7835,14 +7837,14 @@ select[data-v-665b8067] {
7835
7837
  -moz-column-gap: 1rem;
7836
7838
  column-gap: 1rem;
7837
7839
  }
7838
- .desktop-tab-horizontal-stack-left-logo-centered-menu .logo-container[data-v-c23d864e] {
7840
+ .desktop-tab-horizontal-stack-left-logo-centered-menu .logo-container[data-v-7c703177] {
7839
7841
  grid-column: logo-start / logo-end;
7840
7842
  justify-self: start;
7841
7843
  }
7842
- .desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container[data-v-c23d864e] {
7844
+ .desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container[data-v-7c703177] {
7843
7845
  grid-column: nav-start / nav-end;
7844
7846
  }
7845
- .desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container__inner[data-v-c23d864e] {
7847
+ .desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container__inner[data-v-7c703177] {
7846
7848
  /* start - center content */
7847
7849
  display: inline-block;
7848
7850
  -webkit-transform: translateX(-50%);
@@ -7853,7 +7855,7 @@ select[data-v-665b8067] {
7853
7855
  /* end - center content */
7854
7856
  }
7855
7857
  /* DESKTOP_TAB_4 */
7856
- .desktop-tab-horizontal-stack-centered-logo-right-menu[data-v-c23d864e] {
7858
+ .desktop-tab-horizontal-stack-centered-logo-right-menu[data-v-7c703177] {
7857
7859
  display: grid;
7858
7860
  -webkit-column-gap: 1rem;
7859
7861
  -moz-column-gap: 1rem;
@@ -7862,26 +7864,26 @@ select[data-v-665b8067] {
7862
7864
  [col-start] 1fr [logo-start] var(--logo-max-width)
7863
7865
  [logo-end nav-start] 1fr [nav-end];
7864
7866
  }
7865
- .desktop-tab-horizontal-stack-centered-logo-right-menu .logo-container[data-v-c23d864e] {
7867
+ .desktop-tab-horizontal-stack-centered-logo-right-menu .logo-container[data-v-7c703177] {
7866
7868
  grid-column: logo-start / logo-end;
7867
7869
  }
7868
- .desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container[data-v-c23d864e] {
7870
+ .desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container[data-v-7c703177] {
7869
7871
  grid-column: nav-start / nav-end;
7870
7872
  }
7871
- .desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container__inner[data-v-c23d864e] {
7873
+ .desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container__inner[data-v-7c703177] {
7872
7874
  /* start - align right content */
7873
7875
  float: right;
7874
7876
  max-width: 100%;
7875
7877
  /* end - align right content */
7876
7878
  }
7877
7879
  /* DESKTOP_TAB_5 */
7878
- .desktop-tab-vertical-stack-centered-logo-centered-menu[data-v-c23d864e] {
7880
+ .desktop-tab-vertical-stack-centered-logo-centered-menu[data-v-7c703177] {
7879
7881
  -webkit-box-align: center;
7880
7882
  -ms-flex-align: center;
7881
7883
  align-items: center;
7882
7884
  justify-items: center;
7883
7885
  }
7884
- .desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-c23d864e] {
7886
+ .desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-7c703177] {
7885
7887
  display: grid;
7886
7888
  grid-template-rows: repeat(2, minmax(0, 1fr));
7887
7889
  row-gap: 1rem;
@@ -7890,16 +7892,16 @@ select[data-v-665b8067] {
7890
7892
  [row2-end];
7891
7893
  }
7892
7894
  .desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav
7893
- .logo-container[data-v-c23d864e] {
7895
+ .logo-container[data-v-7c703177] {
7894
7896
  grid-row: row1-start / row1-end;
7895
7897
  }
7896
7898
  .desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav
7897
- .nav-container[data-v-c23d864e] {
7899
+ .nav-container[data-v-7c703177] {
7898
7900
  grid-row: row2-start / row2-end;
7899
7901
  width: 100%;
7900
7902
  }
7901
7903
  .desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav
7902
- .nav-container__inner[data-v-c23d864e] {
7904
+ .nav-container__inner[data-v-7c703177] {
7903
7905
  display: inline-block;
7904
7906
  -webkit-transform: translateX(-50%);
7905
7907
  transform: translateX(-50%);
@@ -7907,7 +7909,7 @@ select[data-v-665b8067] {
7907
7909
  left: 50%;
7908
7910
  max-width: 100%;
7909
7911
  }
7910
- .desktop-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-c23d864e] {
7912
+ .desktop-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-7c703177] {
7911
7913
  display: -webkit-box;
7912
7914
  display: -ms-flexbox;
7913
7915
  display: flex;
@@ -7917,14 +7919,14 @@ select[data-v-665b8067] {
7917
7919
  }
7918
7920
 
7919
7921
  /* MOBILE_TAB_1 */
7920
- .mobile-tab-vertical-stack-centered-logo-centered-menu[data-v-c23d864e] {
7922
+ .mobile-tab-vertical-stack-centered-logo-centered-menu[data-v-7c703177] {
7921
7923
  width: 100%;
7922
7924
  -webkit-box-align: center;
7923
7925
  -ms-flex-align: center;
7924
7926
  align-items: center;
7925
7927
  justify-items: center;
7926
7928
  }
7927
- .mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-c23d864e] {
7929
+ .mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-7c703177] {
7928
7930
  display: grid;
7929
7931
  row-gap: 1rem;
7930
7932
  grid-template-rows:
@@ -7932,21 +7934,24 @@ select[data-v-665b8067] {
7932
7934
  [row2-end];
7933
7935
  }
7934
7936
  .mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav
7935
- .logo-container[data-v-c23d864e] {
7937
+ .logo-container[data-v-7c703177] {
7936
7938
  grid-row: row1-start / row1-end;
7937
7939
  }
7938
- .mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav .nav-container[data-v-c23d864e] {
7940
+ .mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav .nav-container[data-v-7c703177] {
7939
7941
  grid-row: row2-start / row2-end;
7940
7942
  width: 100%;
7941
7943
  }
7942
- .mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-c23d864e] {
7944
+ .mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-7c703177] {
7943
7945
  display: -webkit-box;
7944
7946
  display: -ms-flexbox;
7945
7947
  display: flex;
7948
+ -webkit-box-pack: center;
7949
+ -ms-flex-pack: center;
7950
+ justify-content: center;
7946
7951
  }
7947
7952
 
7948
7953
  /* DESKTOP_TAB_6 */
7949
- .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-c23d864e] {
7954
+ .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-7c703177] {
7950
7955
  display: grid;
7951
7956
  grid-template-rows:
7952
7957
  [row1-start] var(--tab-nav-height)
@@ -7958,15 +7963,15 @@ select[data-v-665b8067] {
7958
7963
  row-gap: 1rem;
7959
7964
  }
7960
7965
  .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav
7961
- .logo-container[data-v-c23d864e] {
7966
+ .logo-container[data-v-7c703177] {
7962
7967
  grid-row: row2-start / row2-end;
7963
7968
  text-align: center;
7964
7969
  }
7965
7970
  .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav
7966
- .nav-container[data-v-c23d864e] {
7971
+ .nav-container[data-v-7c703177] {
7967
7972
  grid-row: row1-start / row1-end;
7968
7973
  }
7969
- .desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-c23d864e] {
7974
+ .desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-7c703177] {
7970
7975
  display: -webkit-box;
7971
7976
  display: -ms-flexbox;
7972
7977
  display: flex;
@@ -7975,14 +7980,14 @@ select[data-v-665b8067] {
7975
7980
  justify-content: center;
7976
7981
  }
7977
7982
  /* MOBILE_TAB_2 */
7978
- .mobile-tab-vertical-stack-centered-menu-centered-logo[data-v-c23d864e] {
7983
+ .mobile-tab-vertical-stack-centered-menu-centered-logo[data-v-7c703177] {
7979
7984
  width: 100%;
7980
7985
  -webkit-box-align: center;
7981
7986
  -ms-flex-align: center;
7982
7987
  align-items: center;
7983
7988
  justify-items: center;
7984
7989
  }
7985
- .mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-c23d864e] {
7990
+ .mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-7c703177] {
7986
7991
  display: grid;
7987
7992
  grid-template-rows:
7988
7993
  [row1-start] var(--tab-nav-height)
@@ -7991,22 +7996,25 @@ select[data-v-665b8067] {
7991
7996
  row-gap: 1rem;
7992
7997
  }
7993
7998
  .mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav
7994
- .logo-container[data-v-c23d864e] {
7999
+ .logo-container[data-v-7c703177] {
7995
8000
  grid-row: row2-start / row2-end;
7996
8001
  }
7997
- .mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav .nav-container[data-v-c23d864e] {
8002
+ .mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav .nav-container[data-v-7c703177] {
7998
8003
  grid-row: row1-start / row1-end;
7999
8004
  width: 100%;
8000
8005
  }
8001
- .mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-c23d864e] {
8006
+ .mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-7c703177] {
8002
8007
  display: -webkit-box;
8003
8008
  display: -ms-flexbox;
8004
8009
  display: flex;
8010
+ -webkit-box-pack: center;
8011
+ -ms-flex-pack: center;
8012
+ justify-content: center;
8005
8013
  }
8006
8014
 
8007
8015
  /* DESKTOP_TAB_NO_LOGO_1, DESKTOP_HAMBURGER_NO_LOGO_1 */
8008
- .desktop-tab-left-menu-no-logo[data-v-c23d864e],
8009
- .desktop-hamburger-no-logo-left-menu[data-v-c23d864e] {
8016
+ .desktop-tab-left-menu-no-logo[data-v-7c703177],
8017
+ .desktop-hamburger-no-logo-left-menu[data-v-7c703177] {
8010
8018
  display: -webkit-box;
8011
8019
  display: -ms-flexbox;
8012
8020
  display: flex;
@@ -8014,15 +8022,15 @@ select[data-v-665b8067] {
8014
8022
  -ms-flex-pack: start;
8015
8023
  justify-content: flex-start;
8016
8024
  }
8017
- .desktop-tab-left-menu-no-logo .logo-container[data-v-c23d864e],
8018
- .desktop-hamburger-no-logo-left-menu .logo-container[data-v-c23d864e] {
8025
+ .desktop-tab-left-menu-no-logo .logo-container[data-v-7c703177],
8026
+ .desktop-hamburger-no-logo-left-menu .logo-container[data-v-7c703177] {
8019
8027
  display: none;
8020
8028
  }
8021
8029
 
8022
8030
  /* DESKTOP_TAB_NO_LOGO_2, DESKTOP_HAMBURGER_NO_LOGO_2, MOBILE_TAB_NO_LOGO_1 */
8023
- .desktop-tab-centered-menu-no-logo[data-v-c23d864e],
8024
- .desktop-hamburger-no-logo-centered-menu[data-v-c23d864e],
8025
- .mobile-tab-centered-menu-no-logo[data-v-c23d864e] {
8031
+ .desktop-tab-centered-menu-no-logo[data-v-7c703177],
8032
+ .desktop-hamburger-no-logo-centered-menu[data-v-7c703177],
8033
+ .mobile-tab-centered-menu-no-logo[data-v-7c703177] {
8026
8034
  display: -webkit-box;
8027
8035
  display: -ms-flexbox;
8028
8036
  display: flex;
@@ -8030,15 +8038,15 @@ select[data-v-665b8067] {
8030
8038
  -ms-flex-pack: center;
8031
8039
  justify-content: center;
8032
8040
  }
8033
- .desktop-tab-centered-menu-no-logo .logo-container[data-v-c23d864e],
8034
- .desktop-hamburger-no-logo-centered-menu .logo-container[data-v-c23d864e],
8035
- .mobile-tab-centered-menu-no-logo .logo-container[data-v-c23d864e] {
8041
+ .desktop-tab-centered-menu-no-logo .logo-container[data-v-7c703177],
8042
+ .desktop-hamburger-no-logo-centered-menu .logo-container[data-v-7c703177],
8043
+ .mobile-tab-centered-menu-no-logo .logo-container[data-v-7c703177] {
8036
8044
  display: none;
8037
8045
  }
8038
8046
 
8039
8047
  /* DESKTOP_TAB_NO_LOGO_3, DESKTOP_HAMBURGER_NO_LOGO_3 */
8040
- .desktop-tab-right-menu-no-logo[data-v-c23d864e],
8041
- .desktop-hamburger-no-logo-right-menu[data-v-c23d864e] {
8048
+ .desktop-tab-right-menu-no-logo[data-v-7c703177],
8049
+ .desktop-hamburger-no-logo-right-menu[data-v-7c703177] {
8042
8050
  display: -webkit-box;
8043
8051
  display: -ms-flexbox;
8044
8052
  display: flex;
@@ -8046,14 +8054,14 @@ select[data-v-665b8067] {
8046
8054
  -ms-flex-pack: end;
8047
8055
  justify-content: flex-end;
8048
8056
  }
8049
- .desktop-tab-right-menu-no-logo .logo-container[data-v-c23d864e],
8050
- .desktop-hamburger-no-logo-right-menu .logo-container[data-v-c23d864e] {
8057
+ .desktop-tab-right-menu-no-logo .logo-container[data-v-7c703177],
8058
+ .desktop-hamburger-no-logo-right-menu .logo-container[data-v-7c703177] {
8051
8059
  display: none;
8052
8060
  }
8053
8061
 
8054
8062
  /* DESKTOP_HAMBURGER_1, MOBILE_HAMBURGER_1 */
8055
- .desktop-hamburger-horizontal-stack-left-logo-right-menu[data-v-c23d864e],
8056
- .mobile-hamburger-horizontal-stack-left-logo-right-menu[data-v-c23d864e] {
8063
+ .desktop-hamburger-horizontal-stack-left-logo-right-menu[data-v-7c703177],
8064
+ .mobile-hamburger-horizontal-stack-left-logo-right-menu[data-v-7c703177] {
8057
8065
  display: grid;
8058
8066
  grid-template-columns: [logo-start] auto [nav-start] var(
8059
8067
  --hamburger-nav-width
@@ -8062,8 +8070,8 @@ select[data-v-665b8067] {
8062
8070
  -ms-flex-align: start;
8063
8071
  align-items: flex-start;
8064
8072
  }
8065
- .desktop-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-c23d864e],
8066
- .mobile-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-c23d864e] {
8073
+ .desktop-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-7c703177],
8074
+ .mobile-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-7c703177] {
8067
8075
  margin-right: 1rem;
8068
8076
  display: -webkit-box;
8069
8077
  display: -ms-flexbox;
@@ -8073,16 +8081,16 @@ select[data-v-665b8067] {
8073
8081
  justify-content: flex-start;
8074
8082
  grid-column: logo-start;
8075
8083
  }
8076
- .desktop-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-c23d864e],
8077
- .mobile-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-c23d864e] {
8084
+ .desktop-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-7c703177],
8085
+ .mobile-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-7c703177] {
8078
8086
  grid-column: nav-start;
8079
8087
  /* The icon centres on the row's height (the logo is usually the tallest thing in it). */
8080
8088
  align-self: center;
8081
8089
  }
8082
8090
 
8083
8091
  /* DESKTOP_HAMBURGER_2, MOBILE_HAMBURGER_2 */
8084
- .desktop-hamburger-horizontal-stack-centered-logo-right-menu[data-v-c23d864e],
8085
- .mobile-hamburger-horizontal-stack-centered-logo-right-menu[data-v-c23d864e] {
8092
+ .desktop-hamburger-horizontal-stack-centered-logo-right-menu[data-v-7c703177],
8093
+ .mobile-hamburger-horizontal-stack-centered-logo-right-menu[data-v-7c703177] {
8086
8094
  display: grid;
8087
8095
  grid-template-columns:
8088
8096
  [start] var(--hamburger-nav-width)
@@ -8091,8 +8099,8 @@ select[data-v-665b8067] {
8091
8099
  -ms-flex-align: start;
8092
8100
  align-items: flex-start;
8093
8101
  }
8094
- .desktop-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-c23d864e],
8095
- .mobile-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-c23d864e] {
8102
+ .desktop-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-7c703177],
8103
+ .mobile-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-7c703177] {
8096
8104
  margin-left: 1rem;
8097
8105
  margin-right: 1rem;
8098
8106
  display: -webkit-box;
@@ -8103,14 +8111,14 @@ select[data-v-665b8067] {
8103
8111
  justify-content: center;
8104
8112
  grid-column: logo-start;
8105
8113
  }
8106
- .desktop-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-c23d864e],
8107
- .mobile-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-c23d864e] {
8114
+ .desktop-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-7c703177],
8115
+ .mobile-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-7c703177] {
8108
8116
  grid-column: nav-start;
8109
8117
  align-self: center;
8110
8118
  }
8111
8119
 
8112
8120
  /* MOBILE_HAMBURGER_3 */
8113
- .mobile-hamburger-horizontal-stack-left-menu-centered-logo[data-v-c23d864e] {
8121
+ .mobile-hamburger-horizontal-stack-left-menu-centered-logo[data-v-7c703177] {
8114
8122
  display: grid;
8115
8123
  grid-template-columns: var(--hamburger-nav-width) auto var(
8116
8124
  --hamburger-nav-width
@@ -8120,7 +8128,7 @@ select[data-v-665b8067] {
8120
8128
  -ms-flex-align: start;
8121
8129
  align-items: flex-start;
8122
8130
  }
8123
- .mobile-hamburger-horizontal-stack-left-menu-centered-logo .logo-container[data-v-c23d864e] {
8131
+ .mobile-hamburger-horizontal-stack-left-menu-centered-logo .logo-container[data-v-7c703177] {
8124
8132
  margin-left: 1rem;
8125
8133
  margin-right: 1rem;
8126
8134
  display: -webkit-box;
@@ -8131,18 +8139,18 @@ select[data-v-665b8067] {
8131
8139
  justify-content: center;
8132
8140
  grid-area: b;
8133
8141
  }
8134
- .mobile-hamburger-horizontal-stack-left-menu-centered-logo .nav-container[data-v-c23d864e] {
8142
+ .mobile-hamburger-horizontal-stack-left-menu-centered-logo .nav-container[data-v-7c703177] {
8135
8143
  grid-area: a;
8136
8144
  align-self: center;
8137
8145
  }
8138
8146
  .mobile-hamburger-horizontal-stack-left-menu-centered-logo
8139
- .nav-container__inner[data-v-c23d864e] {
8147
+ .nav-container__inner[data-v-7c703177] {
8140
8148
  float: left;
8141
8149
  max-width: 100%;
8142
8150
  }
8143
8151
 
8144
8152
  /* MOBILE_HAMBURGER_4 */
8145
- .mobile-hamburger-horizontal-stack-left-menu-left-logo[data-v-c23d864e] {
8153
+ .mobile-hamburger-horizontal-stack-left-menu-left-logo[data-v-7c703177] {
8146
8154
  display: grid;
8147
8155
  grid-template-columns: var(--hamburger-nav-width) auto;
8148
8156
  grid-template-areas: 'a b';
@@ -8150,7 +8158,7 @@ select[data-v-665b8067] {
8150
8158
  -ms-flex-align: start;
8151
8159
  align-items: flex-start;
8152
8160
  }
8153
- .mobile-hamburger-horizontal-stack-left-menu-left-logo .logo-container[data-v-c23d864e] {
8161
+ .mobile-hamburger-horizontal-stack-left-menu-left-logo .logo-container[data-v-7c703177] {
8154
8162
  margin-left: 1rem;
8155
8163
  display: -webkit-box;
8156
8164
  display: -ms-flexbox;
@@ -8160,17 +8168,17 @@ select[data-v-665b8067] {
8160
8168
  justify-content: flex-start;
8161
8169
  grid-area: b;
8162
8170
  }
8163
- .mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container[data-v-c23d864e] {
8171
+ .mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container[data-v-7c703177] {
8164
8172
  grid-area: a;
8165
8173
  align-self: center;
8166
8174
  }
8167
- .mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container__inner[data-v-c23d864e] {
8175
+ .mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container__inner[data-v-7c703177] {
8168
8176
  float: left;
8169
8177
  max-width: 100%;
8170
8178
  }
8171
8179
 
8172
8180
  /* MOBILE_HAMBURGER_NO_LOGO_1 */
8173
- .mobile-hamburger-no-logo-left-menu[data-v-c23d864e] {
8181
+ .mobile-hamburger-no-logo-left-menu[data-v-7c703177] {
8174
8182
  display: -webkit-box;
8175
8183
  display: -ms-flexbox;
8176
8184
  display: flex;
@@ -8178,12 +8186,12 @@ select[data-v-665b8067] {
8178
8186
  -ms-flex-pack: start;
8179
8187
  justify-content: flex-start;
8180
8188
  }
8181
- .mobile-hamburger-no-logo-left-menu .logo-container[data-v-c23d864e] {
8189
+ .mobile-hamburger-no-logo-left-menu .logo-container[data-v-7c703177] {
8182
8190
  display: none;
8183
8191
  }
8184
8192
 
8185
8193
  /* MOBILE_HAMBURGER_NO_LOGO_2 */
8186
- .mobile-hamburger-no-logo-centered-menu[data-v-c23d864e] {
8194
+ .mobile-hamburger-no-logo-centered-menu[data-v-7c703177] {
8187
8195
  display: -webkit-box;
8188
8196
  display: -ms-flexbox;
8189
8197
  display: flex;
@@ -8191,11 +8199,11 @@ select[data-v-665b8067] {
8191
8199
  -ms-flex-pack: center;
8192
8200
  justify-content: center;
8193
8201
  }
8194
- .mobile-hamburger-no-logo-centered-menu .logo-container[data-v-c23d864e] {
8202
+ .mobile-hamburger-no-logo-centered-menu .logo-container[data-v-7c703177] {
8195
8203
  display: none;
8196
8204
  }
8197
8205
  /* MOBILE_HAMBURGER_NO_LOGO_3 */
8198
- .mobile-hamburger-no-logo-right-menu[data-v-c23d864e] {
8206
+ .mobile-hamburger-no-logo-right-menu[data-v-7c703177] {
8199
8207
  display: -webkit-box;
8200
8208
  display: -ms-flexbox;
8201
8209
  display: flex;
@@ -8203,7 +8211,7 @@ select[data-v-665b8067] {
8203
8211
  -ms-flex-pack: end;
8204
8212
  justify-content: flex-end;
8205
8213
  }
8206
- .mobile-hamburger-no-logo-right-menu .logo-container[data-v-c23d864e] {
8214
+ .mobile-hamburger-no-logo-right-menu .logo-container[data-v-7c703177] {
8207
8215
  display: none;
8208
8216
  }
8209
8217
 
@@ -8211,26 +8219,26 @@ select[data-v-665b8067] {
8211
8219
 
8212
8220
  /* The generic Button ships section spacing; the header row, as the caller, strips it here:
8213
8221
  no stack margin, no maker height floor, no icon spacer/label offset (icon room it never uses). */
8214
- .cta-container[data-v-c23d864e] .bp-button,
8215
- .cta-mirror[data-v-c23d864e] .bp-button {
8222
+ .cta-container[data-v-7c703177] .bp-button,
8223
+ .cta-mirror[data-v-7c703177] .bp-button {
8216
8224
  margin-bottom: 0;
8217
8225
  min-height: 0;
8218
8226
  }
8219
- .cta-container[data-v-c23d864e] .c-button__no-icon,
8220
- .cta-mirror[data-v-c23d864e] .c-button__no-icon {
8227
+ .cta-container[data-v-7c703177] .c-button__no-icon,
8228
+ .cta-mirror[data-v-7c703177] .c-button__no-icon {
8221
8229
  display: none;
8222
8230
  }
8223
8231
  /* Target the base label class, not a specific --offset-* variant, so the icon-gutter shift is
8224
8232
  neutralised for whichever offset the button carries — a future offset swap can't slide the label. */
8225
- .cta-container[data-v-c23d864e] .c-button__label,
8226
- .cta-mirror[data-v-c23d864e] .c-button__label {
8233
+ .cta-container[data-v-7c703177] .c-button__label,
8234
+ .cta-mirror[data-v-7c703177] .c-button__label {
8227
8235
  -webkit-transform: none;
8228
8236
  transform: none;
8229
8237
  }
8230
8238
  /* Decorative styles (arrow/brush/paper) size by percentage, which collapses to zero inside the
8231
8239
  header's content-sized tracks — hug the label instead. Full-width rows re-stretch below. */
8232
- .cta-container[data-v-c23d864e] .bp-style-wrapper,
8233
- .cta-mirror[data-v-c23d864e] .bp-style-wrapper {
8240
+ .cta-container[data-v-7c703177] .bp-style-wrapper,
8241
+ .cta-mirror[data-v-7c703177] .bp-style-wrapper {
8234
8242
  width: -webkit-fit-content;
8235
8243
  width: -moz-fit-content;
8236
8244
  width: fit-content;
@@ -8239,7 +8247,7 @@ select[data-v-665b8067] {
8239
8247
  /* Invisible size-peer of the CTA (see template). Sized exactly like .cta-container — same
8240
8248
  button-normalising :deep rules above, same max-width cap — so the leading mirror track it
8241
8249
  occupies matches the trailing button track. Per-style placement is defined below. */
8242
- .cta-mirror[data-v-c23d864e] {
8250
+ .cta-mirror[data-v-7c703177] {
8243
8251
  visibility: hidden;
8244
8252
  pointer-events: none;
8245
8253
  min-width: 0px;
@@ -8249,33 +8257,33 @@ select[data-v-665b8067] {
8249
8257
  }
8250
8258
 
8251
8259
  /* DESKTOP_TAB_1/2, TAB_NO_LOGO_3: extra flex child one gap after the nav — beside the links, or at the right edge when the nav is right-aligned. */
8252
- .desktop-tab-horizontal-stack-left-logo-right-menu .cta-container[data-v-c23d864e],
8253
- .desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-c23d864e],
8254
- .desktop-tab-right-menu-no-logo .cta-container[data-v-c23d864e] {
8260
+ .desktop-tab-horizontal-stack-left-logo-right-menu .cta-container[data-v-7c703177],
8261
+ .desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-7c703177],
8262
+ .desktop-tab-right-menu-no-logo .cta-container[data-v-7c703177] {
8255
8263
  margin-left: 1rem;
8256
8264
  }
8257
8265
 
8258
8266
  /* TAB_NO_LOGO_1: the nav sits left, so the button pins to the right edge — the same spot
8259
8267
  whether the nav is shown or not (BP-6120). */
8260
- .desktop-tab-left-menu-no-logo .cta-container[data-v-c23d864e] {
8268
+ .desktop-tab-left-menu-no-logo .cta-container[data-v-7c703177] {
8261
8269
  margin-left: auto;
8262
8270
  }
8263
8271
 
8264
8272
  /* Same styles with the nav hidden (single page): no nav to sit beside — button takes the right edge. */
8265
- .desktop-tab-horizontal-stack-left-logo-right-menu.no-nav .cta-container[data-v-c23d864e],
8266
- .desktop-tab-horizontal-stack-left-logo-left-menu.no-nav .cta-container[data-v-c23d864e] {
8273
+ .desktop-tab-horizontal-stack-left-logo-right-menu.no-nav .cta-container[data-v-7c703177],
8274
+ .desktop-tab-horizontal-stack-left-logo-left-menu.no-nav .cta-container[data-v-7c703177] {
8267
8275
  margin-left: auto;
8268
8276
  }
8269
8277
 
8270
8278
  /* DESKTOP_TAB_3: button uses the existing spare right column, nothing else moves. */
8271
- .desktop-tab-horizontal-stack-left-logo-centered-menu .cta-container[data-v-c23d864e] {
8279
+ .desktop-tab-horizontal-stack-left-logo-centered-menu .cta-container[data-v-7c703177] {
8272
8280
  grid-column: nav-end / cols-end;
8273
8281
  justify-self: end;
8274
8282
  }
8275
8283
 
8276
8284
  /* DESKTOP_TAB_4: adds a column for the button after the nav links, mirrored by a leading
8277
8285
  track sized by the hidden button copy so the logo keeps the header's true centre. */
8278
- .desktop-tab-horizontal-stack-centered-logo-right-menu.has-header-cta[data-v-c23d864e] {
8286
+ .desktop-tab-horizontal-stack-centered-logo-right-menu.has-header-cta[data-v-7c703177] {
8279
8287
  grid-template-columns:
8280
8288
  [mirror-start] minmax(-webkit-max-content, auto) [col-start] 1fr
8281
8289
  [logo-start] var(--logo-max-width)
@@ -8289,10 +8297,10 @@ select[data-v-665b8067] {
8289
8297
  [logo-end nav-start] 1fr [nav-end cta-start] minmax(max-content, auto)
8290
8298
  [cta-end];
8291
8299
  }
8292
- .desktop-tab-horizontal-stack-centered-logo-right-menu .cta-container[data-v-c23d864e] {
8300
+ .desktop-tab-horizontal-stack-centered-logo-right-menu .cta-container[data-v-7c703177] {
8293
8301
  grid-column: cta-start / cta-end;
8294
8302
  }
8295
- .desktop-tab-horizontal-stack-centered-logo-right-menu .cta-mirror[data-v-c23d864e] {
8303
+ .desktop-tab-horizontal-stack-centered-logo-right-menu .cta-mirror[data-v-7c703177] {
8296
8304
  grid-column: mirror-start / col-start;
8297
8305
  /* Pinned to row 1: the mirror follows the real CTA in the DOM, so auto-placement — whose
8298
8306
  cursor never moves backwards along a row — would drop it onto a second row and grow the
@@ -8303,8 +8311,8 @@ select[data-v-665b8067] {
8303
8311
  /* DESKTOP_TAB_6, TAB_NO_LOGO_2: nav and button share the top row, so the button takes a
8304
8312
  trailing column mirrored by the leading one — the nav pays for the collision it would
8305
8313
  otherwise have. */
8306
- .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta[data-v-c23d864e],
8307
- .desktop-tab-centered-menu-no-logo.show-nav.has-header-cta[data-v-c23d864e] {
8314
+ .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta[data-v-7c703177],
8315
+ .desktop-tab-centered-menu-no-logo.show-nav.has-header-cta[data-v-7c703177] {
8308
8316
  display: grid;
8309
8317
  /* The trailing track never shrinks below the button, so a wide nav compresses (its carousel
8310
8318
  scrolls) rather than running under it; the leading track floors at the hidden button copy
@@ -8317,19 +8325,19 @@ select[data-v-665b8067] {
8317
8325
  [nav-end cta-start] minmax(max-content, 1fr) [cta-end];
8318
8326
  }
8319
8327
  .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta
8320
- .nav-container[data-v-c23d864e],
8321
- .desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .nav-container[data-v-c23d864e] {
8328
+ .nav-container[data-v-7c703177],
8329
+ .desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .nav-container[data-v-7c703177] {
8322
8330
  grid-column: nav-start / nav-end;
8323
8331
  }
8324
8332
 
8325
8333
  /* The logo shares the nav's track: that track widens to whichever is bigger, so both stay centered. */
8326
8334
  .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta
8327
- .logo-container[data-v-c23d864e] {
8335
+ .logo-container[data-v-7c703177] {
8328
8336
  grid-column: nav-start / nav-end;
8329
8337
  }
8330
8338
  .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta
8331
- .cta-container[data-v-c23d864e],
8332
- .desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .cta-container[data-v-c23d864e] {
8339
+ .cta-container[data-v-7c703177],
8340
+ .desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .cta-container[data-v-7c703177] {
8333
8341
  grid-column: cta-start / cta-end;
8334
8342
  /* Top row, right edge — the shipped corner position. */
8335
8343
  grid-row: 1;
@@ -8337,8 +8345,8 @@ select[data-v-665b8067] {
8337
8345
  align-self: start;
8338
8346
  }
8339
8347
  .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta
8340
- .cta-mirror[data-v-c23d864e],
8341
- .desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .cta-mirror[data-v-c23d864e] {
8348
+ .cta-mirror[data-v-7c703177],
8349
+ .desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .cta-mirror[data-v-7c703177] {
8342
8350
  grid-column: 1 / nav-start;
8343
8351
  grid-row: 1;
8344
8352
  }
@@ -8346,10 +8354,10 @@ select[data-v-665b8067] {
8346
8354
  /* DESKTOP_TAB_5: the button shares the TOP row with the logo — the nav lives on its own
8347
8355
  full-width row below — so an absolute corner pin collides with nothing and, unlike a
8348
8356
  column, costs the nav no width. */
8349
- .desktop-tab-vertical-stack-centered-logo-centered-menu.has-header-cta[data-v-c23d864e] {
8357
+ .desktop-tab-vertical-stack-centered-logo-centered-menu.has-header-cta[data-v-7c703177] {
8350
8358
  position: relative;
8351
8359
  }
8352
- .desktop-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-c23d864e] {
8360
+ .desktop-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-7c703177] {
8353
8361
  position: absolute;
8354
8362
  top: 0px;
8355
8363
  right: 0px;
@@ -8357,10 +8365,10 @@ select[data-v-665b8067] {
8357
8365
 
8358
8366
  /* TAB_6 with the nav hidden: no nav to collide with, so the button keeps its corner pin
8359
8367
  (absolute, so it never pushes the logo off-centre; the logo keeps the band's height). */
8360
- .desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav.has-header-cta[data-v-c23d864e] {
8368
+ .desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav.has-header-cta[data-v-7c703177] {
8361
8369
  position: relative;
8362
8370
  }
8363
- .desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav .cta-container[data-v-c23d864e] {
8371
+ .desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav .cta-container[data-v-7c703177] {
8364
8372
  position: absolute;
8365
8373
  top: 0px;
8366
8374
  right: 0px;
@@ -8368,83 +8376,80 @@ select[data-v-665b8067] {
8368
8376
 
8369
8377
  /* TAB_NO_LOGO_2 with the nav hidden: the button is the band's only content, so it stays in
8370
8378
  flow (an absolute pin would collapse the header to zero height) at the same right edge. */
8371
- .desktop-tab-centered-menu-no-logo.no-nav .cta-container[data-v-c23d864e] {
8379
+ .desktop-tab-centered-menu-no-logo.no-nav .cta-container[data-v-7c703177] {
8372
8380
  margin-left: auto;
8373
8381
  }
8374
8382
 
8375
8383
  /* MOBILE_TAB_1/2: full-width button row in the centered stack. */
8376
- .mobile-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-c23d864e],
8377
- .mobile-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-c23d864e] {
8384
+ .mobile-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-7c703177],
8385
+ .mobile-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-7c703177] {
8378
8386
  width: 100%;
8379
8387
  justify-self: stretch;
8380
8388
  }
8381
8389
  /* The row is definite-width, so the decorated button can span it like a section's. */
8382
8390
  .mobile-tab-vertical-stack-centered-logo-centered-menu
8383
- .cta-container[data-v-c23d864e]
8391
+ .cta-container[data-v-7c703177]
8384
8392
  .bp-style-wrapper,
8385
8393
  .mobile-tab-vertical-stack-centered-menu-centered-logo
8386
- .cta-container[data-v-c23d864e]
8394
+ .cta-container[data-v-7c703177]
8387
8395
  .bp-style-wrapper,
8388
- .mobile-tab-centered-menu-no-logo .cta-container[data-v-c23d864e] .bp-style-wrapper,
8396
+ .mobile-tab-centered-menu-no-logo .cta-container[data-v-7c703177] .bp-style-wrapper,
8389
8397
  .mobile-hamburger-no-logo-left-menu.no-nav
8390
- .cta-container[data-v-c23d864e]
8398
+ .cta-container[data-v-7c703177]
8391
8399
  .bp-style-wrapper,
8392
8400
  .mobile-hamburger-no-logo-centered-menu.no-nav
8393
- .cta-container[data-v-c23d864e]
8401
+ .cta-container[data-v-7c703177]
8394
8402
  .bp-style-wrapper,
8395
8403
  .mobile-hamburger-no-logo-right-menu.no-nav
8396
- .cta-container[data-v-c23d864e]
8404
+ .cta-container[data-v-7c703177]
8397
8405
  .bp-style-wrapper,
8398
8406
  .mobile-hamburger-horizontal-stack-left-logo-right-menu.no-nav
8399
- .cta-container[data-v-c23d864e]
8407
+ .cta-container[data-v-7c703177]
8400
8408
  .bp-style-wrapper,
8401
8409
  .mobile-hamburger-horizontal-stack-centered-logo-right-menu.no-nav
8402
- .cta-container[data-v-c23d864e]
8410
+ .cta-container[data-v-7c703177]
8403
8411
  .bp-style-wrapper,
8404
8412
  .mobile-hamburger-horizontal-stack-left-menu-centered-logo.no-nav
8405
- .cta-container[data-v-c23d864e]
8413
+ .cta-container[data-v-7c703177]
8406
8414
  .bp-style-wrapper,
8407
8415
  .mobile-hamburger-horizontal-stack-left-menu-left-logo.no-nav
8408
- .cta-container[data-v-c23d864e]
8416
+ .cta-container[data-v-7c703177]
8409
8417
  .bp-style-wrapper {
8410
8418
  width: 100%;
8411
8419
  }
8412
8420
 
8413
8421
  /* MOBILE_TAB_1/2 with the nav hidden: the stack is a plain flex row, so the button wraps below it. */
8414
- .mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav.has-header-cta[data-v-c23d864e],
8415
- .mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav.has-header-cta[data-v-c23d864e] {
8422
+ .mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav.has-header-cta[data-v-7c703177],
8423
+ .mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav.has-header-cta[data-v-7c703177] {
8416
8424
  -ms-flex-wrap: wrap;
8417
8425
  flex-wrap: wrap;
8418
- -webkit-box-pack: center;
8419
- -ms-flex-pack: center;
8420
- justify-content: center;
8421
8426
  }
8422
8427
 
8423
8428
  /* MOBILE_TAB_NO_LOGO_1 (nav shown or not — its flex-centre stack wraps the button either way)
8424
8429
  and MOBILE_HAMBURGER_NO_LOGO_1..3 with the nav hidden: button wraps onto its own full-width
8425
8430
  line below the nav, one row gap apart (the same gap the with-logo stacks use). */
8426
- .mobile-tab-centered-menu-no-logo.has-header-cta[data-v-c23d864e],
8427
- .mobile-hamburger-no-logo-left-menu.no-nav.has-header-cta[data-v-c23d864e],
8428
- .mobile-hamburger-no-logo-centered-menu.no-nav.has-header-cta[data-v-c23d864e],
8429
- .mobile-hamburger-no-logo-right-menu.no-nav.has-header-cta[data-v-c23d864e] {
8431
+ .mobile-tab-centered-menu-no-logo.has-header-cta[data-v-7c703177],
8432
+ .mobile-hamburger-no-logo-left-menu.no-nav.has-header-cta[data-v-7c703177],
8433
+ .mobile-hamburger-no-logo-centered-menu.no-nav.has-header-cta[data-v-7c703177],
8434
+ .mobile-hamburger-no-logo-right-menu.no-nav.has-header-cta[data-v-7c703177] {
8430
8435
  -ms-flex-wrap: wrap;
8431
8436
  flex-wrap: wrap;
8432
8437
  row-gap: 1rem;
8433
8438
  }
8434
- .mobile-tab-centered-menu-no-logo .cta-container[data-v-c23d864e],
8435
- .mobile-hamburger-no-logo-left-menu.no-nav .cta-container[data-v-c23d864e],
8436
- .mobile-hamburger-no-logo-centered-menu.no-nav .cta-container[data-v-c23d864e],
8437
- .mobile-hamburger-no-logo-right-menu.no-nav .cta-container[data-v-c23d864e] {
8439
+ .mobile-tab-centered-menu-no-logo .cta-container[data-v-7c703177],
8440
+ .mobile-hamburger-no-logo-left-menu.no-nav .cta-container[data-v-7c703177],
8441
+ .mobile-hamburger-no-logo-centered-menu.no-nav .cta-container[data-v-7c703177],
8442
+ .mobile-hamburger-no-logo-right-menu.no-nav .cta-container[data-v-7c703177] {
8438
8443
  width: 100%;
8439
8444
  }
8440
8445
 
8441
8446
  /* DESKTOP_HAMBURGER_1: button gets its own column just before the hamburger icon. */
8442
- .desktop-hamburger-horizontal-stack-left-logo-right-menu.has-header-cta[data-v-c23d864e] {
8447
+ .desktop-hamburger-horizontal-stack-left-logo-right-menu.has-header-cta[data-v-7c703177] {
8443
8448
  grid-template-columns: [logo-start] 1fr [cta-start] auto [nav-start] var(
8444
8449
  --hamburger-nav-width
8445
8450
  );
8446
8451
  }
8447
- .desktop-hamburger-horizontal-stack-left-logo-right-menu .cta-container[data-v-c23d864e] {
8452
+ .desktop-hamburger-horizontal-stack-left-logo-right-menu .cta-container[data-v-7c703177] {
8448
8453
  grid-column: cta-start;
8449
8454
  /* Without an explicit row the button wraps onto a second row. */
8450
8455
  grid-row: 1;
@@ -8456,7 +8461,7 @@ select[data-v-665b8067] {
8456
8461
  /* DESKTOP_HAMBURGER_2: button and icon share the trailing track (the button's right margin
8457
8462
  reserves the icon's spot), mirrored by a leading 1fr so the logo stays truly centered.
8458
8463
  The track's max-content floor means a tight header shifts the logo instead of overlapping. */
8459
- .desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta[data-v-c23d864e] {
8464
+ .desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta[data-v-7c703177] {
8460
8465
  grid-template-columns:
8461
8466
  minmax(-webkit-max-content, 1fr)
8462
8467
  [logo-start] auto [right-start] minmax(-webkit-max-content, 1fr);
@@ -8465,16 +8470,16 @@ select[data-v-665b8067] {
8465
8470
  [logo-start] auto [right-start] minmax(max-content, 1fr);
8466
8471
  }
8467
8472
  .desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta
8468
- .logo-container[data-v-c23d864e] {
8473
+ .logo-container[data-v-7c703177] {
8469
8474
  grid-column: logo-start;
8470
8475
  }
8471
8476
  .desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta
8472
- .nav-container[data-v-c23d864e] {
8477
+ .nav-container[data-v-7c703177] {
8473
8478
  grid-column: right-start;
8474
8479
  grid-row: 1;
8475
8480
  justify-self: end;
8476
8481
  }
8477
- .desktop-hamburger-horizontal-stack-centered-logo-right-menu .cta-container[data-v-c23d864e] {
8482
+ .desktop-hamburger-horizontal-stack-centered-logo-right-menu .cta-container[data-v-7c703177] {
8478
8483
  grid-column: right-start;
8479
8484
  grid-row: 1;
8480
8485
  justify-self: end;
@@ -8485,7 +8490,7 @@ select[data-v-665b8067] {
8485
8490
  /* The mirror reserves the icon's spot the same way the real button does (margin-right), so the
8486
8491
  leading track equals button + icon + gap and the logo stays centred. */
8487
8492
  .desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta
8488
- .cta-mirror[data-v-c23d864e] {
8493
+ .cta-mirror[data-v-7c703177] {
8489
8494
  grid-column: 1;
8490
8495
  grid-row: 1;
8491
8496
  margin-right: calc(var(--hamburger-nav-width) + 1rem);
@@ -8493,7 +8498,7 @@ select[data-v-665b8067] {
8493
8498
 
8494
8499
  /* Single page: no nav means no icon, so the button takes the right edge and the
8495
8500
  leading mirror shrinks to just the button's width. */
8496
- .desktop-hamburger-horizontal-stack-centered-logo-right-menu.no-nav.has-header-cta[data-v-c23d864e] {
8501
+ .desktop-hamburger-horizontal-stack-centered-logo-right-menu.no-nav.has-header-cta[data-v-7c703177] {
8497
8502
  grid-template-columns:
8498
8503
  minmax(-webkit-max-content, 1fr)
8499
8504
  [logo-start] auto [right-start] minmax(-webkit-max-content, 1fr);
@@ -8502,17 +8507,17 @@ select[data-v-665b8067] {
8502
8507
  [logo-start] auto [right-start] minmax(max-content, 1fr);
8503
8508
  }
8504
8509
  .desktop-hamburger-horizontal-stack-centered-logo-right-menu.no-nav
8505
- .cta-container[data-v-c23d864e],
8510
+ .cta-container[data-v-7c703177],
8506
8511
  .desktop-hamburger-horizontal-stack-centered-logo-right-menu.no-nav
8507
- .cta-mirror[data-v-c23d864e] {
8512
+ .cta-mirror[data-v-7c703177] {
8508
8513
  /* Single page: no icon to reserve. */
8509
8514
  margin-right: 0;
8510
8515
  }
8511
8516
 
8512
8517
  /* DESKTOP_HAMBURGER_NO_LOGO_1..3: button shows before the icon. */
8513
- .desktop-hamburger-no-logo-left-menu .cta-container[data-v-c23d864e],
8514
- .desktop-hamburger-no-logo-centered-menu .cta-container[data-v-c23d864e],
8515
- .desktop-hamburger-no-logo-right-menu .cta-container[data-v-c23d864e] {
8518
+ .desktop-hamburger-no-logo-left-menu .cta-container[data-v-7c703177],
8519
+ .desktop-hamburger-no-logo-centered-menu .cta-container[data-v-7c703177],
8520
+ .desktop-hamburger-no-logo-right-menu .cta-container[data-v-7c703177] {
8516
8521
  -webkit-box-ordinal-group: 0;
8517
8522
  -ms-flex-order: -1;
8518
8523
  order: -1;
@@ -8523,20 +8528,20 @@ select[data-v-665b8067] {
8523
8528
 
8524
8529
  /* With the button on, icon + button always sit at the right whatever alignment the stored
8525
8530
  style carries — the display-style picker is hidden in this state (HeaderDisplayStyle.vue). */
8526
- .desktop-hamburger-no-logo-left-menu.has-header-cta[data-v-c23d864e],
8527
- .desktop-hamburger-no-logo-centered-menu.has-header-cta[data-v-c23d864e] {
8531
+ .desktop-hamburger-no-logo-left-menu.has-header-cta[data-v-7c703177],
8532
+ .desktop-hamburger-no-logo-centered-menu.has-header-cta[data-v-7c703177] {
8528
8533
  -webkit-box-pack: end;
8529
8534
  -ms-flex-pack: end;
8530
8535
  justify-content: flex-end;
8531
8536
  }
8532
8537
 
8533
8538
  /* MOBILE_HAMBURGER_1..4 with the nav hidden (single page): no side menu exists, so the button gets a full-width row below the logo. */
8534
- .mobile-hamburger-horizontal-stack-left-logo-right-menu.no-nav .cta-container[data-v-c23d864e],
8539
+ .mobile-hamburger-horizontal-stack-left-logo-right-menu.no-nav .cta-container[data-v-7c703177],
8535
8540
  .mobile-hamburger-horizontal-stack-centered-logo-right-menu.no-nav
8536
- .cta-container[data-v-c23d864e],
8541
+ .cta-container[data-v-7c703177],
8537
8542
  .mobile-hamburger-horizontal-stack-left-menu-centered-logo.no-nav
8538
- .cta-container[data-v-c23d864e],
8539
- .mobile-hamburger-horizontal-stack-left-menu-left-logo.no-nav .cta-container[data-v-c23d864e] {
8543
+ .cta-container[data-v-7c703177],
8544
+ .mobile-hamburger-horizontal-stack-left-menu-left-logo.no-nav .cta-container[data-v-7c703177] {
8540
8545
  grid-column: 1 / -1;
8541
8546
  margin-top: 1rem;
8542
8547
  width: 100%;
@@ -8544,20 +8549,20 @@ select[data-v-665b8067] {
8544
8549
 
8545
8550
  /* Desktop placements: cap the button so a long label wraps to the next line (like the
8546
8551
  banner's button) instead of stretching across the header. Mobile rows stay full-width. */
8547
- .desktop-tab-horizontal-stack-left-logo-right-menu .cta-container[data-v-c23d864e],
8548
- .desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-c23d864e],
8549
- .desktop-tab-horizontal-stack-left-logo-centered-menu .cta-container[data-v-c23d864e],
8550
- .desktop-tab-horizontal-stack-centered-logo-right-menu .cta-container[data-v-c23d864e],
8551
- .desktop-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-c23d864e],
8552
- .desktop-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-c23d864e],
8553
- .desktop-tab-left-menu-no-logo .cta-container[data-v-c23d864e],
8554
- .desktop-tab-centered-menu-no-logo .cta-container[data-v-c23d864e],
8555
- .desktop-tab-right-menu-no-logo .cta-container[data-v-c23d864e],
8556
- .desktop-hamburger-horizontal-stack-left-logo-right-menu .cta-container[data-v-c23d864e],
8557
- .desktop-hamburger-horizontal-stack-centered-logo-right-menu .cta-container[data-v-c23d864e],
8558
- .desktop-hamburger-no-logo-left-menu .cta-container[data-v-c23d864e],
8559
- .desktop-hamburger-no-logo-centered-menu .cta-container[data-v-c23d864e],
8560
- .desktop-hamburger-no-logo-right-menu .cta-container[data-v-c23d864e] {
8552
+ .desktop-tab-horizontal-stack-left-logo-right-menu .cta-container[data-v-7c703177],
8553
+ .desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-7c703177],
8554
+ .desktop-tab-horizontal-stack-left-logo-centered-menu .cta-container[data-v-7c703177],
8555
+ .desktop-tab-horizontal-stack-centered-logo-right-menu .cta-container[data-v-7c703177],
8556
+ .desktop-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-7c703177],
8557
+ .desktop-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-7c703177],
8558
+ .desktop-tab-left-menu-no-logo .cta-container[data-v-7c703177],
8559
+ .desktop-tab-centered-menu-no-logo .cta-container[data-v-7c703177],
8560
+ .desktop-tab-right-menu-no-logo .cta-container[data-v-7c703177],
8561
+ .desktop-hamburger-horizontal-stack-left-logo-right-menu .cta-container[data-v-7c703177],
8562
+ .desktop-hamburger-horizontal-stack-centered-logo-right-menu .cta-container[data-v-7c703177],
8563
+ .desktop-hamburger-no-logo-left-menu .cta-container[data-v-7c703177],
8564
+ .desktop-hamburger-no-logo-centered-menu .cta-container[data-v-7c703177],
8565
+ .desktop-hamburger-no-logo-right-menu .cta-container[data-v-7c703177] {
8561
8566
  max-width: var(--logo-max-width);
8562
8567
  }
8563
8568
 
@@ -10175,11 +10180,11 @@ body {
10175
10180
  contain-intrinsic-size: auto 36px;
10176
10181
  }
10177
10182
 
10178
- .rich-text-editor[data-v-7272d264]:focus-within {
10183
+ .rich-text-editor[data-v-d27ffcd7]:focus-within {
10179
10184
  --tw-border-opacity: 1;
10180
10185
  border-color: rgb(94 94 94 / var(--tw-border-opacity));
10181
10186
  }
10182
- .style-editor[data-v-7272d264] {
10187
+ .style-editor[data-v-d27ffcd7] {
10183
10188
  display: -webkit-box;
10184
10189
  display: -ms-flexbox;
10185
10190
  display: flex;
@@ -10190,7 +10195,7 @@ body {
10190
10195
  -ms-flex-wrap: wrap;
10191
10196
  flex-wrap: wrap;
10192
10197
  }
10193
- .style-editor[data-v-7272d264] button:not(.c-button-style) {
10198
+ .style-editor[data-v-d27ffcd7] button:not(.c-button-style) {
10194
10199
  display: -webkit-box;
10195
10200
  display: -ms-flexbox;
10196
10201
  display: flex;
@@ -10200,16 +10205,16 @@ body {
10200
10205
  padding-left: 0.5rem;
10201
10206
  padding-right: 0.5rem;
10202
10207
  }
10203
- .style-editor-button[data-v-7272d264] {
10208
+ .style-editor-button[data-v-d27ffcd7] {
10204
10209
  cursor: pointer;
10205
10210
  padding-left: 0.25rem;
10206
10211
  padding-top: 0.25rem;
10207
10212
  }
10208
- .toolbar-editor-button.active[data-v-7272d264] {
10213
+ .toolbar-editor-button.active[data-v-d27ffcd7] {
10209
10214
  font-weight: 700;
10210
10215
  background: #e3e3e3;
10211
10216
  }
10212
- .toolbar-editor-button[data-v-7272d264] {
10217
+ .toolbar-editor-button[data-v-d27ffcd7] {
10213
10218
  height: 32px;
10214
10219
  width: 32px;
10215
10220
  border-radius: 4px;
@@ -10227,7 +10232,7 @@ body {
10227
10232
  -ms-flex-pack: center;
10228
10233
  justify-content: center;
10229
10234
  }
10230
- [data-v-7272d264] .ProseMirror {
10235
+ [data-v-d27ffcd7] .ProseMirror {
10231
10236
  border-top: 1px solid #ccc;
10232
10237
  min-height: 150px;
10233
10238
  padding: 8px;
@@ -10240,13 +10245,13 @@ body {
10240
10245
  max-height: 14rem;
10241
10246
  overflow: auto;
10242
10247
  }
10243
- .editor-compact[data-v-7272d264] .ProseMirror {
10248
+ .editor-compact[data-v-d27ffcd7] .ProseMirror {
10244
10249
  min-height: 6rem;
10245
10250
  }
10246
- [data-v-7272d264] .ProseMirror:focus {
10251
+ [data-v-d27ffcd7] .ProseMirror:focus {
10247
10252
  outline: none;
10248
10253
  }
10249
- [data-v-7272d264] .ProseMirror * {
10254
+ [data-v-d27ffcd7] .ProseMirror * {
10250
10255
  text-align: left !important;
10251
10256
  font-size: 16px !important;
10252
10257
  color: #606060 !important;
@@ -10255,29 +10260,29 @@ body {
10255
10260
  background-color: transparent !important;
10256
10261
  font-family: 'Lato' !important;
10257
10262
  }
10258
- [data-v-7272d264] .ProseMirror a s,[data-v-7272d264] .ProseMirror a strike,[data-v-7272d264] .ProseMirror a [data-strike] {
10263
+ [data-v-d27ffcd7] .ProseMirror a s,[data-v-d27ffcd7] .ProseMirror a strike,[data-v-d27ffcd7] .ProseMirror a [data-strike] {
10259
10264
  text-decoration: line-through !important;
10260
10265
  }
10261
- [data-v-7272d264] .ProseMirror a,[data-v-7272d264] .ProseMirror a * {
10266
+ [data-v-d27ffcd7] .ProseMirror a,[data-v-d27ffcd7] .ProseMirror a * {
10262
10267
  /* Keep in sync with DEFAULT_LINK_COLOR (src/constants/rich-text-editor.constants.ts) — scoped CSS can't import it. */
10263
10268
  color: #0097d7 !important;
10264
10269
  text-decoration: underline !important;
10265
10270
  }
10266
- .error-message[data-v-7272d264] {
10271
+ .error-message[data-v-d27ffcd7] {
10267
10272
  color: #d32f2f;
10268
10273
  font-size: 0.875rem;
10269
10274
  margin-top: 4px;
10270
10275
  }
10271
- .popup-container[data-v-7272d264] {
10276
+ .popup-container[data-v-d27ffcd7] {
10272
10277
  position: absolute;
10273
10278
  z-index: 10;
10274
10279
  right: 8%;
10275
10280
  }
10276
- .hyperlink-preview[data-v-7272d264] {
10281
+ .hyperlink-preview[data-v-d27ffcd7] {
10277
10282
  position: absolute;
10278
10283
  z-index: 10;
10279
10284
  }
10280
- .popup-panel[data-v-7272d264] {
10285
+ .popup-panel[data-v-d27ffcd7] {
10281
10286
  background: #fff;
10282
10287
  border: 1px solid #ccc;
10283
10288
  border-radius: 8px;
@@ -10285,17 +10290,17 @@ body {
10285
10290
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
10286
10291
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
10287
10292
  }
10288
- .popup-panel[data-v-7272d264] input {
10293
+ .popup-panel[data-v-d27ffcd7] input {
10289
10294
  border: 1px solid #ccc;
10290
10295
  border-radius: 8px;
10291
10296
  }
10292
- .border[data-v-7272d264] {
10297
+ .border[data-v-d27ffcd7] {
10293
10298
  width: 100%;
10294
10299
  --tw-bg-opacity: 1;
10295
10300
  background-color: rgb(208 208 208 / var(--tw-bg-opacity));
10296
10301
  height: 1px;
10297
10302
  }
10298
- [data-v-7272d264] .text-dropdown-title {
10303
+ [data-v-d27ffcd7] .text-dropdown-title {
10299
10304
  height: 2rem;
10300
10305
  width: 100%;
10301
10306
  font-size: 0.875rem;
@@ -10304,7 +10309,7 @@ body {
10304
10309
  color: rgb(43 43 43 / var(--tw-text-opacity));
10305
10310
  font-weight: 300;
10306
10311
  }
10307
- [data-v-7272d264] .ProseMirror p.is-editor-empty:first-child::before {
10312
+ [data-v-d27ffcd7] .ProseMirror p.is-editor-empty:first-child::before {
10308
10313
  --tw-text-opacity: 1;
10309
10314
  color: rgb(208 208 208 / var(--tw-text-opacity));
10310
10315
  content: attr(data-placeholder);
@@ -10313,56 +10318,56 @@ body {
10313
10318
  pointer-events: none;
10314
10319
  }
10315
10320
  @media (max-width: 399px) {
10316
- .style-editor-button-font[data-v-7272d264],
10317
- .style-editor-button-textstyle[data-v-7272d264] {
10321
+ .style-editor-button-font[data-v-d27ffcd7],
10322
+ .style-editor-button-textstyle[data-v-d27ffcd7] {
10318
10323
  max-width: 48%;
10319
10324
  padding-bottom: 0.25rem;
10320
10325
  }
10321
- .style-editor-button.stepper[data-v-7272d264] {
10326
+ .style-editor-button.stepper[data-v-d27ffcd7] {
10322
10327
  max-width: 40%;
10323
10328
  }
10324
- .style-editor-button-stepper[data-v-7272d264] {
10329
+ .style-editor-button-stepper[data-v-d27ffcd7] {
10325
10330
  max-width: 100%;
10326
10331
  }
10327
- .border.desktop[data-v-7272d264] {
10332
+ .border.desktop[data-v-d27ffcd7] {
10328
10333
  display: none;
10329
10334
  }
10330
- .border.mobile[data-v-7272d264] {
10335
+ .border.mobile[data-v-d27ffcd7] {
10331
10336
  display: block;
10332
10337
  }
10333
- [data-v-7272d264] .left-align {
10338
+ [data-v-d27ffcd7] .left-align {
10334
10339
  -webkit-transform: translateX(-48%);
10335
10340
  transform: translateX(-48%);
10336
10341
  }
10337
- .hyperlink-popup[data-v-7272d264] {
10342
+ .hyperlink-popup[data-v-d27ffcd7] {
10338
10343
  z-index: 10000 !important;
10339
10344
  }
10340
10345
  }
10341
10346
  @media (min-width: 400px) {
10342
- .style-editor-button.stepper[data-v-7272d264] {
10347
+ .style-editor-button.stepper[data-v-d27ffcd7] {
10343
10348
  max-width: 32%;
10344
10349
  }
10345
- .style-editor-button-font[data-v-7272d264] {
10350
+ .style-editor-button-font[data-v-d27ffcd7] {
10346
10351
  max-width: 28%;
10347
10352
  }
10348
- .style-editor-button-stepper[data-v-7272d264] {
10353
+ .style-editor-button-stepper[data-v-d27ffcd7] {
10349
10354
  max-width: 100%;
10350
10355
  }
10351
- .style-editor-button-textstyle[data-v-7272d264] {
10356
+ .style-editor-button-textstyle[data-v-d27ffcd7] {
10352
10357
  max-width: 25%;
10353
10358
  }
10354
- .border.desktop[data-v-7272d264] {
10359
+ .border.desktop[data-v-d27ffcd7] {
10355
10360
  display: block;
10356
10361
  }
10357
- .border.mobile[data-v-7272d264] {
10362
+ .border.mobile[data-v-d27ffcd7] {
10358
10363
  display: none;
10359
10364
  }
10360
- [data-v-7272d264] .left-align {
10365
+ [data-v-d27ffcd7] .left-align {
10361
10366
  -webkit-transform: translateX(-25%);
10362
10367
  transform: translateX(-25%);
10363
10368
  }
10364
10369
  }
10365
- .drop-down-item[data-v-7272d264]:hover {
10370
+ .drop-down-item[data-v-d27ffcd7]:hover {
10366
10371
  background-color: #eee;
10367
10372
  }
10368
10373