@designcrowd/library.brand-page 6.2.4 → 6.2.5-ast-small-bugs
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.
- package/lib/src/{CreatedOnBrandCrowd-de-de-ystrO2LW.js → CreatedOnBrandCrowd-de-de-5cKWmmtY.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-en-us-BU7hNzTZ.js → CreatedOnBrandCrowd-en-us-D6fGJtEg.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-es-es-CbuxneQ3.js → CreatedOnBrandCrowd-es-es-Bc2JqrrJ.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-fr-fr-BuNUGOFr.js → CreatedOnBrandCrowd-fr-ca-B0ExS7n4.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-fr-ca-BuNUGOFr.js → CreatedOnBrandCrowd-fr-fr-B0ExS7n4.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-pt-pt-BehL88mc.js → CreatedOnBrandCrowd-pt-br-CDuCW3w1.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-pt-br-BehL88mc.js → CreatedOnBrandCrowd-pt-pt-CDuCW3w1.js} +1 -1
- package/lib/src/{CreatedOnDcom-de-de-CMxjFZt9.js → CreatedOnDcom-de-de-Bo0kKST2.js} +1 -1
- package/lib/src/{CreatedOnDcom-en-us-2Cf6WBvx.js → CreatedOnDcom-en-us-C2rpQEkJ.js} +1 -1
- package/lib/src/{CreatedOnDcom-es-es-CATNnbTq.js → CreatedOnDcom-es-es-BrGM-1s3.js} +1 -1
- package/lib/src/{CreatedOnDcom-fr-ca-DQtMfB-a.js → CreatedOnDcom-fr-ca-N9Gg8bG1.js} +1 -1
- package/lib/src/{CreatedOnDcom-fr-fr-C1_FWOQf.js → CreatedOnDcom-fr-fr-BLNlstwD.js} +1 -1
- package/lib/src/{CreatedOnDcom-pt-br-C0QOCW0L.js → CreatedOnDcom-pt-br-LU9VoSSB.js} +1 -1
- package/lib/src/{CreatedOnDcom-pt-pt-lHD-p6o4.js → CreatedOnDcom-pt-pt-DyST0W9W.js} +1 -1
- package/lib/src/bundled-translations-BNA5h0Dx.js +179 -0
- package/lib/src/bundled-translations.de-DE-fyTHrRxT.js +179 -0
- package/lib/src/bundled-translations.es-ES-BMmvJGGC.js +179 -0
- package/lib/src/bundled-translations.fr-CA-Bo69L_BP.js +179 -0
- package/lib/src/bundled-translations.fr-FR-C4yTVFOW.js +179 -0
- package/lib/src/bundled-translations.pt-BR-CPMPfny0.js +179 -0
- package/lib/src/bundled-translations.pt-PT-C6ZwYs37.js +179 -0
- package/lib/src/bundles/bundled-translations.de-DE.json +5 -1
- package/lib/src/bundles/bundled-translations.es-ES.json +5 -1
- package/lib/src/bundles/bundled-translations.fr-CA.json +5 -1
- package/lib/src/bundles/bundled-translations.fr-FR.json +5 -1
- package/lib/src/bundles/bundled-translations.json +5 -1
- package/lib/src/bundles/bundled-translations.pt-BR.json +5 -1
- package/lib/src/bundles/bundled-translations.pt-PT.json +5 -1
- package/lib/src/css/library.brand-page-brandCrowd.min.css +226 -221
- package/lib/src/css/library.brand-page-brandPage.min.css +226 -221
- package/lib/src/css/library.brand-page-designCom.min.css +226 -221
- package/lib/src/css/library.brand-page-preview.min.css +226 -221
- package/lib/src/index.mjs +1 -1
- package/lib/src/{lib-CqHUUPUW.js → lib-DK6vz-E_.js} +1170 -1165
- package/package.json +1 -1
- package/src/brand-page/components/button/ButtonStyleWrapper.vue +4 -2
- package/src/brand-page/components/page-header/HeaderLayout.vue +3 -3
- package/src/brand-page/components/payment/RequestPaymentStripe.vue +15 -6
- package/src/brand-page/components/payment/RequestPaymentStripe.vue.test.ts +644 -0
- package/src/brand-page/components/payment/i18n/request-payment-stripe.de-DE.json +5 -1
- package/src/brand-page/components/payment/i18n/request-payment-stripe.es-ES.json +5 -1
- package/src/brand-page/components/payment/i18n/request-payment-stripe.fr-CA.json +5 -1
- package/src/brand-page/components/payment/i18n/request-payment-stripe.fr-FR.json +5 -1
- package/src/brand-page/components/payment/i18n/request-payment-stripe.json +5 -1
- package/src/brand-page/components/payment/i18n/request-payment-stripe.pt-BR.json +5 -1
- package/src/brand-page/components/payment/i18n/request-payment-stripe.pt-PT.json +5 -1
- package/src/brand-page-maker/components/rich-text-editor/RichTextEditor.vue +2 -1
- package/src/bundles/bundled-translations.de-DE.json +5 -1
- package/src/bundles/bundled-translations.es-ES.json +5 -1
- package/src/bundles/bundled-translations.fr-CA.json +5 -1
- package/src/bundles/bundled-translations.fr-FR.json +5 -1
- package/src/bundles/bundled-translations.json +5 -1
- package/src/bundles/bundled-translations.pt-BR.json +5 -1
- package/src/bundles/bundled-translations.pt-PT.json +5 -1
- package/lib/src/bundled-translations-BYUfWBT3.js +0 -179
- package/lib/src/bundled-translations.de-DE-MmzUu1tt.js +0 -179
- package/lib/src/bundled-translations.es-ES-D-tG33XL.js +0 -179
- package/lib/src/bundled-translations.fr-CA-CNc1H1h3.js +0 -179
- package/lib/src/bundled-translations.fr-FR-DX0-yepT.js +0 -179
- package/lib/src/bundled-translations.pt-BR-ih1-LRgy.js +0 -179
- package/lib/src/bundled-translations.pt-PT-Dq2CmD1p.js +0 -179
- package/lib/src/metadata-builder/builders/reorder-pages-builder.d.ts +0 -13
- package/lib/src/metadata-builder/builders/reorder-pages-builder.js +0 -49
- package/src/metadata-builder/builders/reorder-pages-builder.ts +0 -80
|
@@ -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-
|
|
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-
|
|
6482
|
-
.bp-icon-brush-right[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
6499
|
+
.bp-button-shape[data-v-aee08bf9] {
|
|
6500
6500
|
position: relative;
|
|
6501
6501
|
}
|
|
6502
|
-
.bp-icon-shape[data-v-
|
|
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-
|
|
6510
|
-
.bp-button-shape[data-v-
|
|
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-
|
|
6519
|
-
.bp-icon-shape[data-v-
|
|
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-
|
|
6523
|
-
.device-wrapper--mobile .bp-button-arrow[data-v-
|
|
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. */
|
|
@@ -6900,7 +6902,7 @@ select[data-v-665b8067] {
|
|
|
6900
6902
|
background-position: right 12px center;
|
|
6901
6903
|
}
|
|
6902
6904
|
|
|
6903
|
-
.form-error[data-v-
|
|
6905
|
+
.form-error[data-v-a0d0666b] {
|
|
6904
6906
|
font-size: 0.75rem;
|
|
6905
6907
|
line-height: 1rem;
|
|
6906
6908
|
color: #f21b3f
|
|
@@ -7764,65 +7766,65 @@ select[data-v-665b8067] {
|
|
|
7764
7766
|
margin: 0 auto;
|
|
7765
7767
|
}
|
|
7766
7768
|
|
|
7767
|
-
.root[data-v-
|
|
7768
|
-
--logo-width: var(--
|
|
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-
|
|
7776
|
+
.nav-container[data-v-7c703177] {
|
|
7775
7777
|
max-width: 100%;
|
|
7776
7778
|
overflow: hidden;
|
|
7777
7779
|
}
|
|
7778
|
-
.logo-container[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
8009
|
-
.desktop-hamburger-no-logo-left-menu[data-v-
|
|
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-
|
|
8018
|
-
.desktop-hamburger-no-logo-left-menu .logo-container[data-v-
|
|
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-
|
|
8024
|
-
.desktop-hamburger-no-logo-centered-menu[data-v-
|
|
8025
|
-
.mobile-tab-centered-menu-no-logo[data-v-
|
|
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-
|
|
8034
|
-
.desktop-hamburger-no-logo-centered-menu .logo-container[data-v-
|
|
8035
|
-
.mobile-tab-centered-menu-no-logo .logo-container[data-v-
|
|
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-
|
|
8041
|
-
.desktop-hamburger-no-logo-right-menu[data-v-
|
|
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-
|
|
8050
|
-
.desktop-hamburger-no-logo-right-menu .logo-container[data-v-
|
|
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-
|
|
8056
|
-
.mobile-hamburger-horizontal-stack-left-logo-right-menu[data-v-
|
|
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-
|
|
8066
|
-
.mobile-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-
|
|
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-
|
|
8077
|
-
.mobile-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-
|
|
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-
|
|
8085
|
-
.mobile-hamburger-horizontal-stack-centered-logo-right-menu[data-v-
|
|
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-
|
|
8095
|
-
.mobile-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-
|
|
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-
|
|
8107
|
-
.mobile-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
8215
|
-
.cta-mirror[data-v-
|
|
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-
|
|
8220
|
-
.cta-mirror[data-v-
|
|
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-
|
|
8226
|
-
.cta-mirror[data-v-
|
|
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-
|
|
8233
|
-
.cta-mirror[data-v-
|
|
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-
|
|
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-
|
|
8253
|
-
.desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-
|
|
8254
|
-
.desktop-tab-right-menu-no-logo .cta-container[data-v-
|
|
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-
|
|
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-
|
|
8266
|
-
.desktop-tab-horizontal-stack-left-logo-left-menu.no-nav .cta-container[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
8307
|
-
.desktop-tab-centered-menu-no-logo.show-nav.has-header-cta[data-v-
|
|
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-
|
|
8321
|
-
.desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .nav-container[data-v-
|
|
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-
|
|
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-
|
|
8332
|
-
.desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .cta-container[data-v-
|
|
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-
|
|
8341
|
-
.desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .cta-mirror[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
8377
|
-
.mobile-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-
|
|
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-
|
|
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-
|
|
8394
|
+
.cta-container[data-v-7c703177]
|
|
8387
8395
|
.bp-style-wrapper,
|
|
8388
|
-
.mobile-tab-centered-menu-no-logo .cta-container[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
8415
|
-
.mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav.has-header-cta[data-v-
|
|
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-
|
|
8427
|
-
.mobile-hamburger-no-logo-left-menu.no-nav.has-header-cta[data-v-
|
|
8428
|
-
.mobile-hamburger-no-logo-centered-menu.no-nav.has-header-cta[data-v-
|
|
8429
|
-
.mobile-hamburger-no-logo-right-menu.no-nav.has-header-cta[data-v-
|
|
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-
|
|
8435
|
-
.mobile-hamburger-no-logo-left-menu.no-nav .cta-container[data-v-
|
|
8436
|
-
.mobile-hamburger-no-logo-centered-menu.no-nav .cta-container[data-v-
|
|
8437
|
-
.mobile-hamburger-no-logo-right-menu.no-nav .cta-container[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
8510
|
+
.cta-container[data-v-7c703177],
|
|
8506
8511
|
.desktop-hamburger-horizontal-stack-centered-logo-right-menu.no-nav
|
|
8507
|
-
.cta-mirror[data-v-
|
|
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-
|
|
8514
|
-
.desktop-hamburger-no-logo-centered-menu .cta-container[data-v-
|
|
8515
|
-
.desktop-hamburger-no-logo-right-menu .cta-container[data-v-
|
|
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-
|
|
8527
|
-
.desktop-hamburger-no-logo-centered-menu.has-header-cta[data-v-
|
|
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-
|
|
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-
|
|
8541
|
+
.cta-container[data-v-7c703177],
|
|
8537
8542
|
.mobile-hamburger-horizontal-stack-left-menu-centered-logo.no-nav
|
|
8538
|
-
.cta-container[data-v-
|
|
8539
|
-
.mobile-hamburger-horizontal-stack-left-menu-left-logo.no-nav .cta-container[data-v-
|
|
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-
|
|
8548
|
-
.desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-
|
|
8549
|
-
.desktop-tab-horizontal-stack-left-logo-centered-menu .cta-container[data-v-
|
|
8550
|
-
.desktop-tab-horizontal-stack-centered-logo-right-menu .cta-container[data-v-
|
|
8551
|
-
.desktop-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-
|
|
8552
|
-
.desktop-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-
|
|
8553
|
-
.desktop-tab-left-menu-no-logo .cta-container[data-v-
|
|
8554
|
-
.desktop-tab-centered-menu-no-logo .cta-container[data-v-
|
|
8555
|
-
.desktop-tab-right-menu-no-logo .cta-container[data-v-
|
|
8556
|
-
.desktop-hamburger-horizontal-stack-left-logo-right-menu .cta-container[data-v-
|
|
8557
|
-
.desktop-hamburger-horizontal-stack-centered-logo-right-menu .cta-container[data-v-
|
|
8558
|
-
.desktop-hamburger-no-logo-left-menu .cta-container[data-v-
|
|
8559
|
-
.desktop-hamburger-no-logo-centered-menu .cta-container[data-v-
|
|
8560
|
-
.desktop-hamburger-no-logo-right-menu .cta-container[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
10248
|
+
.editor-compact[data-v-d27ffcd7] .ProseMirror {
|
|
10244
10249
|
min-height: 6rem;
|
|
10245
10250
|
}
|
|
10246
|
-
[data-v-
|
|
10251
|
+
[data-v-d27ffcd7] .ProseMirror:focus {
|
|
10247
10252
|
outline: none;
|
|
10248
10253
|
}
|
|
10249
|
-
[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
10281
|
+
.hyperlink-preview[data-v-d27ffcd7] {
|
|
10277
10282
|
position: absolute;
|
|
10278
10283
|
z-index: 10;
|
|
10279
10284
|
}
|
|
10280
|
-
.popup-panel[data-v-
|
|
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-
|
|
10293
|
+
.popup-panel[data-v-d27ffcd7] input {
|
|
10289
10294
|
border: 1px solid #ccc;
|
|
10290
10295
|
border-radius: 8px;
|
|
10291
10296
|
}
|
|
10292
|
-
.border[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
10317
|
-
.style-editor-button-textstyle[data-v-
|
|
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-
|
|
10326
|
+
.style-editor-button.stepper[data-v-d27ffcd7] {
|
|
10322
10327
|
max-width: 40%;
|
|
10323
10328
|
}
|
|
10324
|
-
.style-editor-button-stepper[data-v-
|
|
10329
|
+
.style-editor-button-stepper[data-v-d27ffcd7] {
|
|
10325
10330
|
max-width: 100%;
|
|
10326
10331
|
}
|
|
10327
|
-
.border.desktop[data-v-
|
|
10332
|
+
.border.desktop[data-v-d27ffcd7] {
|
|
10328
10333
|
display: none;
|
|
10329
10334
|
}
|
|
10330
|
-
.border.mobile[data-v-
|
|
10335
|
+
.border.mobile[data-v-d27ffcd7] {
|
|
10331
10336
|
display: block;
|
|
10332
10337
|
}
|
|
10333
|
-
[data-v-
|
|
10338
|
+
[data-v-d27ffcd7] .left-align {
|
|
10334
10339
|
-webkit-transform: translateX(-48%);
|
|
10335
10340
|
transform: translateX(-48%);
|
|
10336
10341
|
}
|
|
10337
|
-
.hyperlink-popup[data-v-
|
|
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-
|
|
10347
|
+
.style-editor-button.stepper[data-v-d27ffcd7] {
|
|
10343
10348
|
max-width: 32%;
|
|
10344
10349
|
}
|
|
10345
|
-
.style-editor-button-font[data-v-
|
|
10350
|
+
.style-editor-button-font[data-v-d27ffcd7] {
|
|
10346
10351
|
max-width: 28%;
|
|
10347
10352
|
}
|
|
10348
|
-
.style-editor-button-stepper[data-v-
|
|
10353
|
+
.style-editor-button-stepper[data-v-d27ffcd7] {
|
|
10349
10354
|
max-width: 100%;
|
|
10350
10355
|
}
|
|
10351
|
-
.style-editor-button-textstyle[data-v-
|
|
10356
|
+
.style-editor-button-textstyle[data-v-d27ffcd7] {
|
|
10352
10357
|
max-width: 25%;
|
|
10353
10358
|
}
|
|
10354
|
-
.border.desktop[data-v-
|
|
10359
|
+
.border.desktop[data-v-d27ffcd7] {
|
|
10355
10360
|
display: block;
|
|
10356
10361
|
}
|
|
10357
|
-
.border.mobile[data-v-
|
|
10362
|
+
.border.mobile[data-v-d27ffcd7] {
|
|
10358
10363
|
display: none;
|
|
10359
10364
|
}
|
|
10360
|
-
[data-v-
|
|
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-
|
|
10370
|
+
.drop-down-item[data-v-d27ffcd7]:hover {
|
|
10366
10371
|
background-color: #eee;
|
|
10367
10372
|
}
|
|
10368
10373
|
|