@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
|
@@ -5880,23 +5880,23 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
|
|
|
5880
5880
|
margin on the button itself shifts it out of alignment with the decoration. The
|
|
5881
5881
|
top gap is instead applied to the wrapper (tw-mt-4 above) so the whole decorated
|
|
5882
5882
|
unit moves together and stays flush at the container's bottom edge (BP-5800). */
|
|
5883
|
-
.bp-style-wrapper--no-margin[data-v-
|
|
5883
|
+
.bp-style-wrapper--no-margin[data-v-aee08bf9] button {
|
|
5884
5884
|
margin-top: 0;
|
|
5885
5885
|
margin-bottom: 0;
|
|
5886
5886
|
}
|
|
5887
5887
|
|
|
5888
5888
|
/* Brushstroke: flanking brush-end icons are transformed over the button's
|
|
5889
5889
|
left/right edges, so they must not capture clicks (BP-5882). */
|
|
5890
|
-
.bp-icon-brush-left[data-v-
|
|
5891
|
-
.bp-icon-brush-right[data-v-
|
|
5890
|
+
.bp-icon-brush-left[data-v-aee08bf9],
|
|
5891
|
+
.bp-icon-brush-right[data-v-aee08bf9] {
|
|
5892
5892
|
pointer-events: none;
|
|
5893
5893
|
}
|
|
5894
|
-
.bp-icon-brush-left[data-v-
|
|
5894
|
+
.bp-icon-brush-left[data-v-aee08bf9] svg {
|
|
5895
5895
|
-webkit-transform: translateX(-99%);
|
|
5896
5896
|
transform: translateX(-99%);
|
|
5897
5897
|
width: auto;
|
|
5898
5898
|
}
|
|
5899
|
-
.bp-icon-brush-right[data-v-
|
|
5899
|
+
.bp-icon-brush-right[data-v-aee08bf9] svg {
|
|
5900
5900
|
width: auto;
|
|
5901
5901
|
}
|
|
5902
5902
|
|
|
@@ -5905,31 +5905,33 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
|
|
|
5905
5905
|
the button box exactly (inset:0 + preserveAspectRatio none) without inflating
|
|
5906
5906
|
its size or capturing clicks (BP-5882/BP-5883). The button's own fill is made
|
|
5907
5907
|
transparent so the icon's colour shows through. */
|
|
5908
|
-
.bp-button-shape[data-v-
|
|
5908
|
+
.bp-button-shape[data-v-aee08bf9] {
|
|
5909
5909
|
position: relative;
|
|
5910
5910
|
}
|
|
5911
|
-
.bp-icon-shape[data-v-
|
|
5911
|
+
.bp-icon-shape[data-v-aee08bf9] {
|
|
5912
5912
|
position: absolute;
|
|
5913
5913
|
inset: 0;
|
|
5914
5914
|
width: 100%;
|
|
5915
5915
|
height: 100%;
|
|
5916
5916
|
pointer-events: none;
|
|
5917
5917
|
}
|
|
5918
|
-
.bp-button-shape[data-v-
|
|
5919
|
-
.bp-button-shape[data-v-
|
|
5918
|
+
.bp-button-shape[data-v-aee08bf9] button,
|
|
5919
|
+
.bp-button-shape[data-v-aee08bf9] a,
|
|
5920
|
+
.bp-button-shape[data-v-aee08bf9] .c-button {
|
|
5920
5921
|
position: relative; /* sit above the inert background */
|
|
5921
|
-
/* !important to override the host button's inline background-color.
|
|
5922
|
+
/* !important to override the host button's inline background-color. A page link nests
|
|
5923
|
+
the styled .c-button div inside its <a>, so that needs clearing too. */
|
|
5922
5924
|
background-color: transparent !important;
|
|
5923
5925
|
}
|
|
5924
5926
|
/* button-paper ships hardcoded fill="black"; recolour to the button's fill. CSS
|
|
5925
5927
|
fill overrides the presentation attribute; clip-path rects are geometric so
|
|
5926
5928
|
recolouring them is harmless. */
|
|
5927
|
-
.bp-icon-shape[data-v-
|
|
5928
|
-
.bp-icon-shape[data-v-
|
|
5929
|
+
.bp-icon-shape[data-v-aee08bf9] path,
|
|
5930
|
+
.bp-icon-shape[data-v-aee08bf9] rect {
|
|
5929
5931
|
fill: currentColor;
|
|
5930
5932
|
}
|
|
5931
|
-
.bp-button-arrow[data-v-
|
|
5932
|
-
.device-wrapper--mobile .bp-button-arrow[data-v-
|
|
5933
|
+
.bp-button-arrow[data-v-aee08bf9],
|
|
5934
|
+
.device-wrapper--mobile .bp-button-arrow[data-v-aee08bf9] {
|
|
5933
5935
|
/* Fixed-px arrowhead (not %) so the chevron is equally sharp at any button
|
|
5934
5936
|
width — a %-based point collapses on narrow buttons (e.g. the 120px contact
|
|
5935
5937
|
form submit) and only reads as an arrow on wide ones. */
|
|
@@ -6309,7 +6311,7 @@ select[data-v-665b8067] {
|
|
|
6309
6311
|
background-position: right 12px center;
|
|
6310
6312
|
}
|
|
6311
6313
|
|
|
6312
|
-
.form-error[data-v-
|
|
6314
|
+
.form-error[data-v-a0d0666b] {
|
|
6313
6315
|
font-size: 0.75rem;
|
|
6314
6316
|
line-height: 1rem;
|
|
6315
6317
|
color: #f21b3f
|
|
@@ -7173,65 +7175,65 @@ select[data-v-665b8067] {
|
|
|
7173
7175
|
margin: 0 auto;
|
|
7174
7176
|
}
|
|
7175
7177
|
|
|
7176
|
-
.root[data-v-
|
|
7177
|
-
--logo-width: var(--
|
|
7178
|
+
.root[data-v-7c703177] {
|
|
7179
|
+
--logo-width: var(--a1839a3c);
|
|
7178
7180
|
--logo-max-width: 20rem;
|
|
7179
7181
|
--tab-nav-height: 56px;
|
|
7180
7182
|
--hamburger-nav-height: 32px;
|
|
7181
7183
|
--hamburger-nav-width: 32px;
|
|
7182
7184
|
}
|
|
7183
|
-
.nav-container[data-v-
|
|
7185
|
+
.nav-container[data-v-7c703177] {
|
|
7184
7186
|
max-width: 100%;
|
|
7185
7187
|
overflow: hidden;
|
|
7186
7188
|
}
|
|
7187
|
-
.logo-container[data-v-
|
|
7189
|
+
.logo-container[data-v-7c703177] {
|
|
7188
7190
|
}
|
|
7189
7191
|
/* The rules below position this box; the button just fills whatever box it gets.
|
|
7190
7192
|
Never shrinks below its label: in the flex placements a wide nav compresses into its
|
|
7191
7193
|
carousel instead of wrapping the button's text (the grid placements floor it likewise). */
|
|
7192
|
-
.cta-container[data-v-
|
|
7194
|
+
.cta-container[data-v-7c703177] {
|
|
7193
7195
|
min-width: 0px;
|
|
7194
7196
|
-ms-flex-negative: 0;
|
|
7195
7197
|
flex-shrink: 0;
|
|
7196
7198
|
}
|
|
7197
7199
|
|
|
7198
7200
|
/* DESKTOP_TAB_1 */
|
|
7199
|
-
.desktop-tab-horizontal-stack-left-logo-right-menu[data-v-
|
|
7201
|
+
.desktop-tab-horizontal-stack-left-logo-right-menu[data-v-7c703177] {
|
|
7200
7202
|
display: -webkit-box;
|
|
7201
7203
|
display: -ms-flexbox;
|
|
7202
7204
|
display: flex;
|
|
7203
7205
|
}
|
|
7204
|
-
.desktop-tab-horizontal-stack-left-logo-right-menu .nav-container[data-v-
|
|
7206
|
+
.desktop-tab-horizontal-stack-left-logo-right-menu .nav-container[data-v-7c703177] {
|
|
7205
7207
|
margin-left: 1rem;
|
|
7206
7208
|
-webkit-box-flex: 1;
|
|
7207
7209
|
-ms-flex: 1 1 0%;
|
|
7208
7210
|
flex: 1 1 0%;
|
|
7209
7211
|
}
|
|
7210
|
-
.desktop-tab-horizontal-stack-left-logo-right-menu .nav-container__inner[data-v-
|
|
7212
|
+
.desktop-tab-horizontal-stack-left-logo-right-menu .nav-container__inner[data-v-7c703177] {
|
|
7211
7213
|
float: right;
|
|
7212
7214
|
display: inline-block;
|
|
7213
7215
|
max-width: 100%;
|
|
7214
7216
|
}
|
|
7215
7217
|
|
|
7216
7218
|
/* DESKTOP_TAB_2 */
|
|
7217
|
-
.desktop-tab-horizontal-stack-left-logo-left-menu[data-v-
|
|
7219
|
+
.desktop-tab-horizontal-stack-left-logo-left-menu[data-v-7c703177] {
|
|
7218
7220
|
display: -webkit-box;
|
|
7219
7221
|
display: -ms-flexbox;
|
|
7220
7222
|
display: flex;
|
|
7221
7223
|
}
|
|
7222
|
-
.desktop-tab-horizontal-stack-left-logo-left-menu .nav-container[data-v-
|
|
7224
|
+
.desktop-tab-horizontal-stack-left-logo-left-menu .nav-container[data-v-7c703177] {
|
|
7223
7225
|
margin-left: 1rem;
|
|
7224
7226
|
-webkit-box-flex: 1;
|
|
7225
7227
|
-ms-flex: 1 1 0%;
|
|
7226
7228
|
flex: 1 1 0%;
|
|
7227
7229
|
}
|
|
7228
|
-
.desktop-tab-horizontal-stack-left-logo-left-menu .nav-container__inner[data-v-
|
|
7230
|
+
.desktop-tab-horizontal-stack-left-logo-left-menu .nav-container__inner[data-v-7c703177] {
|
|
7229
7231
|
display: inline-block;
|
|
7230
7232
|
max-width: 100%;
|
|
7231
7233
|
}
|
|
7232
7234
|
|
|
7233
7235
|
/* DESKTOP_TAB_3 */
|
|
7234
|
-
.desktop-tab-horizontal-stack-left-logo-centered-menu[data-v-
|
|
7236
|
+
.desktop-tab-horizontal-stack-left-logo-centered-menu[data-v-7c703177] {
|
|
7235
7237
|
display: grid;
|
|
7236
7238
|
grid-template-columns:
|
|
7237
7239
|
[logo-start] var(--logo-max-width) [logo-end nav-start] 1fr [nav-end] var(
|
|
@@ -7244,14 +7246,14 @@ select[data-v-665b8067] {
|
|
|
7244
7246
|
-moz-column-gap: 1rem;
|
|
7245
7247
|
column-gap: 1rem;
|
|
7246
7248
|
}
|
|
7247
|
-
.desktop-tab-horizontal-stack-left-logo-centered-menu .logo-container[data-v-
|
|
7249
|
+
.desktop-tab-horizontal-stack-left-logo-centered-menu .logo-container[data-v-7c703177] {
|
|
7248
7250
|
grid-column: logo-start / logo-end;
|
|
7249
7251
|
justify-self: start;
|
|
7250
7252
|
}
|
|
7251
|
-
.desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container[data-v-
|
|
7253
|
+
.desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container[data-v-7c703177] {
|
|
7252
7254
|
grid-column: nav-start / nav-end;
|
|
7253
7255
|
}
|
|
7254
|
-
.desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container__inner[data-v-
|
|
7256
|
+
.desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container__inner[data-v-7c703177] {
|
|
7255
7257
|
/* start - center content */
|
|
7256
7258
|
display: inline-block;
|
|
7257
7259
|
-webkit-transform: translateX(-50%);
|
|
@@ -7262,7 +7264,7 @@ select[data-v-665b8067] {
|
|
|
7262
7264
|
/* end - center content */
|
|
7263
7265
|
}
|
|
7264
7266
|
/* DESKTOP_TAB_4 */
|
|
7265
|
-
.desktop-tab-horizontal-stack-centered-logo-right-menu[data-v-
|
|
7267
|
+
.desktop-tab-horizontal-stack-centered-logo-right-menu[data-v-7c703177] {
|
|
7266
7268
|
display: grid;
|
|
7267
7269
|
-webkit-column-gap: 1rem;
|
|
7268
7270
|
-moz-column-gap: 1rem;
|
|
@@ -7271,26 +7273,26 @@ select[data-v-665b8067] {
|
|
|
7271
7273
|
[col-start] 1fr [logo-start] var(--logo-max-width)
|
|
7272
7274
|
[logo-end nav-start] 1fr [nav-end];
|
|
7273
7275
|
}
|
|
7274
|
-
.desktop-tab-horizontal-stack-centered-logo-right-menu .logo-container[data-v-
|
|
7276
|
+
.desktop-tab-horizontal-stack-centered-logo-right-menu .logo-container[data-v-7c703177] {
|
|
7275
7277
|
grid-column: logo-start / logo-end;
|
|
7276
7278
|
}
|
|
7277
|
-
.desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container[data-v-
|
|
7279
|
+
.desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container[data-v-7c703177] {
|
|
7278
7280
|
grid-column: nav-start / nav-end;
|
|
7279
7281
|
}
|
|
7280
|
-
.desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container__inner[data-v-
|
|
7282
|
+
.desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container__inner[data-v-7c703177] {
|
|
7281
7283
|
/* start - align right content */
|
|
7282
7284
|
float: right;
|
|
7283
7285
|
max-width: 100%;
|
|
7284
7286
|
/* end - align right content */
|
|
7285
7287
|
}
|
|
7286
7288
|
/* DESKTOP_TAB_5 */
|
|
7287
|
-
.desktop-tab-vertical-stack-centered-logo-centered-menu[data-v-
|
|
7289
|
+
.desktop-tab-vertical-stack-centered-logo-centered-menu[data-v-7c703177] {
|
|
7288
7290
|
-webkit-box-align: center;
|
|
7289
7291
|
-ms-flex-align: center;
|
|
7290
7292
|
align-items: center;
|
|
7291
7293
|
justify-items: center;
|
|
7292
7294
|
}
|
|
7293
|
-
.desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-
|
|
7295
|
+
.desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-7c703177] {
|
|
7294
7296
|
display: grid;
|
|
7295
7297
|
grid-template-rows: repeat(2, minmax(0, 1fr));
|
|
7296
7298
|
row-gap: 1rem;
|
|
@@ -7299,16 +7301,16 @@ select[data-v-665b8067] {
|
|
|
7299
7301
|
[row2-end];
|
|
7300
7302
|
}
|
|
7301
7303
|
.desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav
|
|
7302
|
-
.logo-container[data-v-
|
|
7304
|
+
.logo-container[data-v-7c703177] {
|
|
7303
7305
|
grid-row: row1-start / row1-end;
|
|
7304
7306
|
}
|
|
7305
7307
|
.desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav
|
|
7306
|
-
.nav-container[data-v-
|
|
7308
|
+
.nav-container[data-v-7c703177] {
|
|
7307
7309
|
grid-row: row2-start / row2-end;
|
|
7308
7310
|
width: 100%;
|
|
7309
7311
|
}
|
|
7310
7312
|
.desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav
|
|
7311
|
-
.nav-container__inner[data-v-
|
|
7313
|
+
.nav-container__inner[data-v-7c703177] {
|
|
7312
7314
|
display: inline-block;
|
|
7313
7315
|
-webkit-transform: translateX(-50%);
|
|
7314
7316
|
transform: translateX(-50%);
|
|
@@ -7316,7 +7318,7 @@ select[data-v-665b8067] {
|
|
|
7316
7318
|
left: 50%;
|
|
7317
7319
|
max-width: 100%;
|
|
7318
7320
|
}
|
|
7319
|
-
.desktop-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-
|
|
7321
|
+
.desktop-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-7c703177] {
|
|
7320
7322
|
display: -webkit-box;
|
|
7321
7323
|
display: -ms-flexbox;
|
|
7322
7324
|
display: flex;
|
|
@@ -7326,14 +7328,14 @@ select[data-v-665b8067] {
|
|
|
7326
7328
|
}
|
|
7327
7329
|
|
|
7328
7330
|
/* MOBILE_TAB_1 */
|
|
7329
|
-
.mobile-tab-vertical-stack-centered-logo-centered-menu[data-v-
|
|
7331
|
+
.mobile-tab-vertical-stack-centered-logo-centered-menu[data-v-7c703177] {
|
|
7330
7332
|
width: 100%;
|
|
7331
7333
|
-webkit-box-align: center;
|
|
7332
7334
|
-ms-flex-align: center;
|
|
7333
7335
|
align-items: center;
|
|
7334
7336
|
justify-items: center;
|
|
7335
7337
|
}
|
|
7336
|
-
.mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-
|
|
7338
|
+
.mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-7c703177] {
|
|
7337
7339
|
display: grid;
|
|
7338
7340
|
row-gap: 1rem;
|
|
7339
7341
|
grid-template-rows:
|
|
@@ -7341,21 +7343,24 @@ select[data-v-665b8067] {
|
|
|
7341
7343
|
[row2-end];
|
|
7342
7344
|
}
|
|
7343
7345
|
.mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav
|
|
7344
|
-
.logo-container[data-v-
|
|
7346
|
+
.logo-container[data-v-7c703177] {
|
|
7345
7347
|
grid-row: row1-start / row1-end;
|
|
7346
7348
|
}
|
|
7347
|
-
.mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav .nav-container[data-v-
|
|
7349
|
+
.mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav .nav-container[data-v-7c703177] {
|
|
7348
7350
|
grid-row: row2-start / row2-end;
|
|
7349
7351
|
width: 100%;
|
|
7350
7352
|
}
|
|
7351
|
-
.mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-
|
|
7353
|
+
.mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-7c703177] {
|
|
7352
7354
|
display: -webkit-box;
|
|
7353
7355
|
display: -ms-flexbox;
|
|
7354
7356
|
display: flex;
|
|
7357
|
+
-webkit-box-pack: center;
|
|
7358
|
+
-ms-flex-pack: center;
|
|
7359
|
+
justify-content: center;
|
|
7355
7360
|
}
|
|
7356
7361
|
|
|
7357
7362
|
/* DESKTOP_TAB_6 */
|
|
7358
|
-
.desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-
|
|
7363
|
+
.desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-7c703177] {
|
|
7359
7364
|
display: grid;
|
|
7360
7365
|
grid-template-rows:
|
|
7361
7366
|
[row1-start] var(--tab-nav-height)
|
|
@@ -7367,15 +7372,15 @@ select[data-v-665b8067] {
|
|
|
7367
7372
|
row-gap: 1rem;
|
|
7368
7373
|
}
|
|
7369
7374
|
.desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav
|
|
7370
|
-
.logo-container[data-v-
|
|
7375
|
+
.logo-container[data-v-7c703177] {
|
|
7371
7376
|
grid-row: row2-start / row2-end;
|
|
7372
7377
|
text-align: center;
|
|
7373
7378
|
}
|
|
7374
7379
|
.desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav
|
|
7375
|
-
.nav-container[data-v-
|
|
7380
|
+
.nav-container[data-v-7c703177] {
|
|
7376
7381
|
grid-row: row1-start / row1-end;
|
|
7377
7382
|
}
|
|
7378
|
-
.desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-
|
|
7383
|
+
.desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-7c703177] {
|
|
7379
7384
|
display: -webkit-box;
|
|
7380
7385
|
display: -ms-flexbox;
|
|
7381
7386
|
display: flex;
|
|
@@ -7384,14 +7389,14 @@ select[data-v-665b8067] {
|
|
|
7384
7389
|
justify-content: center;
|
|
7385
7390
|
}
|
|
7386
7391
|
/* MOBILE_TAB_2 */
|
|
7387
|
-
.mobile-tab-vertical-stack-centered-menu-centered-logo[data-v-
|
|
7392
|
+
.mobile-tab-vertical-stack-centered-menu-centered-logo[data-v-7c703177] {
|
|
7388
7393
|
width: 100%;
|
|
7389
7394
|
-webkit-box-align: center;
|
|
7390
7395
|
-ms-flex-align: center;
|
|
7391
7396
|
align-items: center;
|
|
7392
7397
|
justify-items: center;
|
|
7393
7398
|
}
|
|
7394
|
-
.mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-
|
|
7399
|
+
.mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-7c703177] {
|
|
7395
7400
|
display: grid;
|
|
7396
7401
|
grid-template-rows:
|
|
7397
7402
|
[row1-start] var(--tab-nav-height)
|
|
@@ -7400,22 +7405,25 @@ select[data-v-665b8067] {
|
|
|
7400
7405
|
row-gap: 1rem;
|
|
7401
7406
|
}
|
|
7402
7407
|
.mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav
|
|
7403
|
-
.logo-container[data-v-
|
|
7408
|
+
.logo-container[data-v-7c703177] {
|
|
7404
7409
|
grid-row: row2-start / row2-end;
|
|
7405
7410
|
}
|
|
7406
|
-
.mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav .nav-container[data-v-
|
|
7411
|
+
.mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav .nav-container[data-v-7c703177] {
|
|
7407
7412
|
grid-row: row1-start / row1-end;
|
|
7408
7413
|
width: 100%;
|
|
7409
7414
|
}
|
|
7410
|
-
.mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-
|
|
7415
|
+
.mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-7c703177] {
|
|
7411
7416
|
display: -webkit-box;
|
|
7412
7417
|
display: -ms-flexbox;
|
|
7413
7418
|
display: flex;
|
|
7419
|
+
-webkit-box-pack: center;
|
|
7420
|
+
-ms-flex-pack: center;
|
|
7421
|
+
justify-content: center;
|
|
7414
7422
|
}
|
|
7415
7423
|
|
|
7416
7424
|
/* DESKTOP_TAB_NO_LOGO_1, DESKTOP_HAMBURGER_NO_LOGO_1 */
|
|
7417
|
-
.desktop-tab-left-menu-no-logo[data-v-
|
|
7418
|
-
.desktop-hamburger-no-logo-left-menu[data-v-
|
|
7425
|
+
.desktop-tab-left-menu-no-logo[data-v-7c703177],
|
|
7426
|
+
.desktop-hamburger-no-logo-left-menu[data-v-7c703177] {
|
|
7419
7427
|
display: -webkit-box;
|
|
7420
7428
|
display: -ms-flexbox;
|
|
7421
7429
|
display: flex;
|
|
@@ -7423,15 +7431,15 @@ select[data-v-665b8067] {
|
|
|
7423
7431
|
-ms-flex-pack: start;
|
|
7424
7432
|
justify-content: flex-start;
|
|
7425
7433
|
}
|
|
7426
|
-
.desktop-tab-left-menu-no-logo .logo-container[data-v-
|
|
7427
|
-
.desktop-hamburger-no-logo-left-menu .logo-container[data-v-
|
|
7434
|
+
.desktop-tab-left-menu-no-logo .logo-container[data-v-7c703177],
|
|
7435
|
+
.desktop-hamburger-no-logo-left-menu .logo-container[data-v-7c703177] {
|
|
7428
7436
|
display: none;
|
|
7429
7437
|
}
|
|
7430
7438
|
|
|
7431
7439
|
/* DESKTOP_TAB_NO_LOGO_2, DESKTOP_HAMBURGER_NO_LOGO_2, MOBILE_TAB_NO_LOGO_1 */
|
|
7432
|
-
.desktop-tab-centered-menu-no-logo[data-v-
|
|
7433
|
-
.desktop-hamburger-no-logo-centered-menu[data-v-
|
|
7434
|
-
.mobile-tab-centered-menu-no-logo[data-v-
|
|
7440
|
+
.desktop-tab-centered-menu-no-logo[data-v-7c703177],
|
|
7441
|
+
.desktop-hamburger-no-logo-centered-menu[data-v-7c703177],
|
|
7442
|
+
.mobile-tab-centered-menu-no-logo[data-v-7c703177] {
|
|
7435
7443
|
display: -webkit-box;
|
|
7436
7444
|
display: -ms-flexbox;
|
|
7437
7445
|
display: flex;
|
|
@@ -7439,15 +7447,15 @@ select[data-v-665b8067] {
|
|
|
7439
7447
|
-ms-flex-pack: center;
|
|
7440
7448
|
justify-content: center;
|
|
7441
7449
|
}
|
|
7442
|
-
.desktop-tab-centered-menu-no-logo .logo-container[data-v-
|
|
7443
|
-
.desktop-hamburger-no-logo-centered-menu .logo-container[data-v-
|
|
7444
|
-
.mobile-tab-centered-menu-no-logo .logo-container[data-v-
|
|
7450
|
+
.desktop-tab-centered-menu-no-logo .logo-container[data-v-7c703177],
|
|
7451
|
+
.desktop-hamburger-no-logo-centered-menu .logo-container[data-v-7c703177],
|
|
7452
|
+
.mobile-tab-centered-menu-no-logo .logo-container[data-v-7c703177] {
|
|
7445
7453
|
display: none;
|
|
7446
7454
|
}
|
|
7447
7455
|
|
|
7448
7456
|
/* DESKTOP_TAB_NO_LOGO_3, DESKTOP_HAMBURGER_NO_LOGO_3 */
|
|
7449
|
-
.desktop-tab-right-menu-no-logo[data-v-
|
|
7450
|
-
.desktop-hamburger-no-logo-right-menu[data-v-
|
|
7457
|
+
.desktop-tab-right-menu-no-logo[data-v-7c703177],
|
|
7458
|
+
.desktop-hamburger-no-logo-right-menu[data-v-7c703177] {
|
|
7451
7459
|
display: -webkit-box;
|
|
7452
7460
|
display: -ms-flexbox;
|
|
7453
7461
|
display: flex;
|
|
@@ -7455,14 +7463,14 @@ select[data-v-665b8067] {
|
|
|
7455
7463
|
-ms-flex-pack: end;
|
|
7456
7464
|
justify-content: flex-end;
|
|
7457
7465
|
}
|
|
7458
|
-
.desktop-tab-right-menu-no-logo .logo-container[data-v-
|
|
7459
|
-
.desktop-hamburger-no-logo-right-menu .logo-container[data-v-
|
|
7466
|
+
.desktop-tab-right-menu-no-logo .logo-container[data-v-7c703177],
|
|
7467
|
+
.desktop-hamburger-no-logo-right-menu .logo-container[data-v-7c703177] {
|
|
7460
7468
|
display: none;
|
|
7461
7469
|
}
|
|
7462
7470
|
|
|
7463
7471
|
/* DESKTOP_HAMBURGER_1, MOBILE_HAMBURGER_1 */
|
|
7464
|
-
.desktop-hamburger-horizontal-stack-left-logo-right-menu[data-v-
|
|
7465
|
-
.mobile-hamburger-horizontal-stack-left-logo-right-menu[data-v-
|
|
7472
|
+
.desktop-hamburger-horizontal-stack-left-logo-right-menu[data-v-7c703177],
|
|
7473
|
+
.mobile-hamburger-horizontal-stack-left-logo-right-menu[data-v-7c703177] {
|
|
7466
7474
|
display: grid;
|
|
7467
7475
|
grid-template-columns: [logo-start] auto [nav-start] var(
|
|
7468
7476
|
--hamburger-nav-width
|
|
@@ -7471,8 +7479,8 @@ select[data-v-665b8067] {
|
|
|
7471
7479
|
-ms-flex-align: start;
|
|
7472
7480
|
align-items: flex-start;
|
|
7473
7481
|
}
|
|
7474
|
-
.desktop-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-
|
|
7475
|
-
.mobile-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-
|
|
7482
|
+
.desktop-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-7c703177],
|
|
7483
|
+
.mobile-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-7c703177] {
|
|
7476
7484
|
margin-right: 1rem;
|
|
7477
7485
|
display: -webkit-box;
|
|
7478
7486
|
display: -ms-flexbox;
|
|
@@ -7482,16 +7490,16 @@ select[data-v-665b8067] {
|
|
|
7482
7490
|
justify-content: flex-start;
|
|
7483
7491
|
grid-column: logo-start;
|
|
7484
7492
|
}
|
|
7485
|
-
.desktop-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-
|
|
7486
|
-
.mobile-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-
|
|
7493
|
+
.desktop-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-7c703177],
|
|
7494
|
+
.mobile-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-7c703177] {
|
|
7487
7495
|
grid-column: nav-start;
|
|
7488
7496
|
/* The icon centres on the row's height (the logo is usually the tallest thing in it). */
|
|
7489
7497
|
align-self: center;
|
|
7490
7498
|
}
|
|
7491
7499
|
|
|
7492
7500
|
/* DESKTOP_HAMBURGER_2, MOBILE_HAMBURGER_2 */
|
|
7493
|
-
.desktop-hamburger-horizontal-stack-centered-logo-right-menu[data-v-
|
|
7494
|
-
.mobile-hamburger-horizontal-stack-centered-logo-right-menu[data-v-
|
|
7501
|
+
.desktop-hamburger-horizontal-stack-centered-logo-right-menu[data-v-7c703177],
|
|
7502
|
+
.mobile-hamburger-horizontal-stack-centered-logo-right-menu[data-v-7c703177] {
|
|
7495
7503
|
display: grid;
|
|
7496
7504
|
grid-template-columns:
|
|
7497
7505
|
[start] var(--hamburger-nav-width)
|
|
@@ -7500,8 +7508,8 @@ select[data-v-665b8067] {
|
|
|
7500
7508
|
-ms-flex-align: start;
|
|
7501
7509
|
align-items: flex-start;
|
|
7502
7510
|
}
|
|
7503
|
-
.desktop-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-
|
|
7504
|
-
.mobile-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-
|
|
7511
|
+
.desktop-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-7c703177],
|
|
7512
|
+
.mobile-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-7c703177] {
|
|
7505
7513
|
margin-left: 1rem;
|
|
7506
7514
|
margin-right: 1rem;
|
|
7507
7515
|
display: -webkit-box;
|
|
@@ -7512,14 +7520,14 @@ select[data-v-665b8067] {
|
|
|
7512
7520
|
justify-content: center;
|
|
7513
7521
|
grid-column: logo-start;
|
|
7514
7522
|
}
|
|
7515
|
-
.desktop-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-
|
|
7516
|
-
.mobile-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-
|
|
7523
|
+
.desktop-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-7c703177],
|
|
7524
|
+
.mobile-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-7c703177] {
|
|
7517
7525
|
grid-column: nav-start;
|
|
7518
7526
|
align-self: center;
|
|
7519
7527
|
}
|
|
7520
7528
|
|
|
7521
7529
|
/* MOBILE_HAMBURGER_3 */
|
|
7522
|
-
.mobile-hamburger-horizontal-stack-left-menu-centered-logo[data-v-
|
|
7530
|
+
.mobile-hamburger-horizontal-stack-left-menu-centered-logo[data-v-7c703177] {
|
|
7523
7531
|
display: grid;
|
|
7524
7532
|
grid-template-columns: var(--hamburger-nav-width) auto var(
|
|
7525
7533
|
--hamburger-nav-width
|
|
@@ -7529,7 +7537,7 @@ select[data-v-665b8067] {
|
|
|
7529
7537
|
-ms-flex-align: start;
|
|
7530
7538
|
align-items: flex-start;
|
|
7531
7539
|
}
|
|
7532
|
-
.mobile-hamburger-horizontal-stack-left-menu-centered-logo .logo-container[data-v-
|
|
7540
|
+
.mobile-hamburger-horizontal-stack-left-menu-centered-logo .logo-container[data-v-7c703177] {
|
|
7533
7541
|
margin-left: 1rem;
|
|
7534
7542
|
margin-right: 1rem;
|
|
7535
7543
|
display: -webkit-box;
|
|
@@ -7540,18 +7548,18 @@ select[data-v-665b8067] {
|
|
|
7540
7548
|
justify-content: center;
|
|
7541
7549
|
grid-area: b;
|
|
7542
7550
|
}
|
|
7543
|
-
.mobile-hamburger-horizontal-stack-left-menu-centered-logo .nav-container[data-v-
|
|
7551
|
+
.mobile-hamburger-horizontal-stack-left-menu-centered-logo .nav-container[data-v-7c703177] {
|
|
7544
7552
|
grid-area: a;
|
|
7545
7553
|
align-self: center;
|
|
7546
7554
|
}
|
|
7547
7555
|
.mobile-hamburger-horizontal-stack-left-menu-centered-logo
|
|
7548
|
-
.nav-container__inner[data-v-
|
|
7556
|
+
.nav-container__inner[data-v-7c703177] {
|
|
7549
7557
|
float: left;
|
|
7550
7558
|
max-width: 100%;
|
|
7551
7559
|
}
|
|
7552
7560
|
|
|
7553
7561
|
/* MOBILE_HAMBURGER_4 */
|
|
7554
|
-
.mobile-hamburger-horizontal-stack-left-menu-left-logo[data-v-
|
|
7562
|
+
.mobile-hamburger-horizontal-stack-left-menu-left-logo[data-v-7c703177] {
|
|
7555
7563
|
display: grid;
|
|
7556
7564
|
grid-template-columns: var(--hamburger-nav-width) auto;
|
|
7557
7565
|
grid-template-areas: 'a b';
|
|
@@ -7559,7 +7567,7 @@ select[data-v-665b8067] {
|
|
|
7559
7567
|
-ms-flex-align: start;
|
|
7560
7568
|
align-items: flex-start;
|
|
7561
7569
|
}
|
|
7562
|
-
.mobile-hamburger-horizontal-stack-left-menu-left-logo .logo-container[data-v-
|
|
7570
|
+
.mobile-hamburger-horizontal-stack-left-menu-left-logo .logo-container[data-v-7c703177] {
|
|
7563
7571
|
margin-left: 1rem;
|
|
7564
7572
|
display: -webkit-box;
|
|
7565
7573
|
display: -ms-flexbox;
|
|
@@ -7569,17 +7577,17 @@ select[data-v-665b8067] {
|
|
|
7569
7577
|
justify-content: flex-start;
|
|
7570
7578
|
grid-area: b;
|
|
7571
7579
|
}
|
|
7572
|
-
.mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container[data-v-
|
|
7580
|
+
.mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container[data-v-7c703177] {
|
|
7573
7581
|
grid-area: a;
|
|
7574
7582
|
align-self: center;
|
|
7575
7583
|
}
|
|
7576
|
-
.mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container__inner[data-v-
|
|
7584
|
+
.mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container__inner[data-v-7c703177] {
|
|
7577
7585
|
float: left;
|
|
7578
7586
|
max-width: 100%;
|
|
7579
7587
|
}
|
|
7580
7588
|
|
|
7581
7589
|
/* MOBILE_HAMBURGER_NO_LOGO_1 */
|
|
7582
|
-
.mobile-hamburger-no-logo-left-menu[data-v-
|
|
7590
|
+
.mobile-hamburger-no-logo-left-menu[data-v-7c703177] {
|
|
7583
7591
|
display: -webkit-box;
|
|
7584
7592
|
display: -ms-flexbox;
|
|
7585
7593
|
display: flex;
|
|
@@ -7587,12 +7595,12 @@ select[data-v-665b8067] {
|
|
|
7587
7595
|
-ms-flex-pack: start;
|
|
7588
7596
|
justify-content: flex-start;
|
|
7589
7597
|
}
|
|
7590
|
-
.mobile-hamburger-no-logo-left-menu .logo-container[data-v-
|
|
7598
|
+
.mobile-hamburger-no-logo-left-menu .logo-container[data-v-7c703177] {
|
|
7591
7599
|
display: none;
|
|
7592
7600
|
}
|
|
7593
7601
|
|
|
7594
7602
|
/* MOBILE_HAMBURGER_NO_LOGO_2 */
|
|
7595
|
-
.mobile-hamburger-no-logo-centered-menu[data-v-
|
|
7603
|
+
.mobile-hamburger-no-logo-centered-menu[data-v-7c703177] {
|
|
7596
7604
|
display: -webkit-box;
|
|
7597
7605
|
display: -ms-flexbox;
|
|
7598
7606
|
display: flex;
|
|
@@ -7600,11 +7608,11 @@ select[data-v-665b8067] {
|
|
|
7600
7608
|
-ms-flex-pack: center;
|
|
7601
7609
|
justify-content: center;
|
|
7602
7610
|
}
|
|
7603
|
-
.mobile-hamburger-no-logo-centered-menu .logo-container[data-v-
|
|
7611
|
+
.mobile-hamburger-no-logo-centered-menu .logo-container[data-v-7c703177] {
|
|
7604
7612
|
display: none;
|
|
7605
7613
|
}
|
|
7606
7614
|
/* MOBILE_HAMBURGER_NO_LOGO_3 */
|
|
7607
|
-
.mobile-hamburger-no-logo-right-menu[data-v-
|
|
7615
|
+
.mobile-hamburger-no-logo-right-menu[data-v-7c703177] {
|
|
7608
7616
|
display: -webkit-box;
|
|
7609
7617
|
display: -ms-flexbox;
|
|
7610
7618
|
display: flex;
|
|
@@ -7612,7 +7620,7 @@ select[data-v-665b8067] {
|
|
|
7612
7620
|
-ms-flex-pack: end;
|
|
7613
7621
|
justify-content: flex-end;
|
|
7614
7622
|
}
|
|
7615
|
-
.mobile-hamburger-no-logo-right-menu .logo-container[data-v-
|
|
7623
|
+
.mobile-hamburger-no-logo-right-menu .logo-container[data-v-7c703177] {
|
|
7616
7624
|
display: none;
|
|
7617
7625
|
}
|
|
7618
7626
|
|
|
@@ -7620,26 +7628,26 @@ select[data-v-665b8067] {
|
|
|
7620
7628
|
|
|
7621
7629
|
/* The generic Button ships section spacing; the header row, as the caller, strips it here:
|
|
7622
7630
|
no stack margin, no maker height floor, no icon spacer/label offset (icon room it never uses). */
|
|
7623
|
-
.cta-container[data-v-
|
|
7624
|
-
.cta-mirror[data-v-
|
|
7631
|
+
.cta-container[data-v-7c703177] .bp-button,
|
|
7632
|
+
.cta-mirror[data-v-7c703177] .bp-button {
|
|
7625
7633
|
margin-bottom: 0;
|
|
7626
7634
|
min-height: 0;
|
|
7627
7635
|
}
|
|
7628
|
-
.cta-container[data-v-
|
|
7629
|
-
.cta-mirror[data-v-
|
|
7636
|
+
.cta-container[data-v-7c703177] .c-button__no-icon,
|
|
7637
|
+
.cta-mirror[data-v-7c703177] .c-button__no-icon {
|
|
7630
7638
|
display: none;
|
|
7631
7639
|
}
|
|
7632
7640
|
/* Target the base label class, not a specific --offset-* variant, so the icon-gutter shift is
|
|
7633
7641
|
neutralised for whichever offset the button carries — a future offset swap can't slide the label. */
|
|
7634
|
-
.cta-container[data-v-
|
|
7635
|
-
.cta-mirror[data-v-
|
|
7642
|
+
.cta-container[data-v-7c703177] .c-button__label,
|
|
7643
|
+
.cta-mirror[data-v-7c703177] .c-button__label {
|
|
7636
7644
|
-webkit-transform: none;
|
|
7637
7645
|
transform: none;
|
|
7638
7646
|
}
|
|
7639
7647
|
/* Decorative styles (arrow/brush/paper) size by percentage, which collapses to zero inside the
|
|
7640
7648
|
header's content-sized tracks — hug the label instead. Full-width rows re-stretch below. */
|
|
7641
|
-
.cta-container[data-v-
|
|
7642
|
-
.cta-mirror[data-v-
|
|
7649
|
+
.cta-container[data-v-7c703177] .bp-style-wrapper,
|
|
7650
|
+
.cta-mirror[data-v-7c703177] .bp-style-wrapper {
|
|
7643
7651
|
width: -webkit-fit-content;
|
|
7644
7652
|
width: -moz-fit-content;
|
|
7645
7653
|
width: fit-content;
|
|
@@ -7648,7 +7656,7 @@ select[data-v-665b8067] {
|
|
|
7648
7656
|
/* Invisible size-peer of the CTA (see template). Sized exactly like .cta-container — same
|
|
7649
7657
|
button-normalising :deep rules above, same max-width cap — so the leading mirror track it
|
|
7650
7658
|
occupies matches the trailing button track. Per-style placement is defined below. */
|
|
7651
|
-
.cta-mirror[data-v-
|
|
7659
|
+
.cta-mirror[data-v-7c703177] {
|
|
7652
7660
|
visibility: hidden;
|
|
7653
7661
|
pointer-events: none;
|
|
7654
7662
|
min-width: 0px;
|
|
@@ -7658,33 +7666,33 @@ select[data-v-665b8067] {
|
|
|
7658
7666
|
}
|
|
7659
7667
|
|
|
7660
7668
|
/* 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. */
|
|
7661
|
-
.desktop-tab-horizontal-stack-left-logo-right-menu .cta-container[data-v-
|
|
7662
|
-
.desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-
|
|
7663
|
-
.desktop-tab-right-menu-no-logo .cta-container[data-v-
|
|
7669
|
+
.desktop-tab-horizontal-stack-left-logo-right-menu .cta-container[data-v-7c703177],
|
|
7670
|
+
.desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-7c703177],
|
|
7671
|
+
.desktop-tab-right-menu-no-logo .cta-container[data-v-7c703177] {
|
|
7664
7672
|
margin-left: 1rem;
|
|
7665
7673
|
}
|
|
7666
7674
|
|
|
7667
7675
|
/* TAB_NO_LOGO_1: the nav sits left, so the button pins to the right edge — the same spot
|
|
7668
7676
|
whether the nav is shown or not (BP-6120). */
|
|
7669
|
-
.desktop-tab-left-menu-no-logo .cta-container[data-v-
|
|
7677
|
+
.desktop-tab-left-menu-no-logo .cta-container[data-v-7c703177] {
|
|
7670
7678
|
margin-left: auto;
|
|
7671
7679
|
}
|
|
7672
7680
|
|
|
7673
7681
|
/* Same styles with the nav hidden (single page): no nav to sit beside — button takes the right edge. */
|
|
7674
|
-
.desktop-tab-horizontal-stack-left-logo-right-menu.no-nav .cta-container[data-v-
|
|
7675
|
-
.desktop-tab-horizontal-stack-left-logo-left-menu.no-nav .cta-container[data-v-
|
|
7682
|
+
.desktop-tab-horizontal-stack-left-logo-right-menu.no-nav .cta-container[data-v-7c703177],
|
|
7683
|
+
.desktop-tab-horizontal-stack-left-logo-left-menu.no-nav .cta-container[data-v-7c703177] {
|
|
7676
7684
|
margin-left: auto;
|
|
7677
7685
|
}
|
|
7678
7686
|
|
|
7679
7687
|
/* DESKTOP_TAB_3: button uses the existing spare right column, nothing else moves. */
|
|
7680
|
-
.desktop-tab-horizontal-stack-left-logo-centered-menu .cta-container[data-v-
|
|
7688
|
+
.desktop-tab-horizontal-stack-left-logo-centered-menu .cta-container[data-v-7c703177] {
|
|
7681
7689
|
grid-column: nav-end / cols-end;
|
|
7682
7690
|
justify-self: end;
|
|
7683
7691
|
}
|
|
7684
7692
|
|
|
7685
7693
|
/* DESKTOP_TAB_4: adds a column for the button after the nav links, mirrored by a leading
|
|
7686
7694
|
track sized by the hidden button copy so the logo keeps the header's true centre. */
|
|
7687
|
-
.desktop-tab-horizontal-stack-centered-logo-right-menu.has-header-cta[data-v-
|
|
7695
|
+
.desktop-tab-horizontal-stack-centered-logo-right-menu.has-header-cta[data-v-7c703177] {
|
|
7688
7696
|
grid-template-columns:
|
|
7689
7697
|
[mirror-start] minmax(-webkit-max-content, auto) [col-start] 1fr
|
|
7690
7698
|
[logo-start] var(--logo-max-width)
|
|
@@ -7698,10 +7706,10 @@ select[data-v-665b8067] {
|
|
|
7698
7706
|
[logo-end nav-start] 1fr [nav-end cta-start] minmax(max-content, auto)
|
|
7699
7707
|
[cta-end];
|
|
7700
7708
|
}
|
|
7701
|
-
.desktop-tab-horizontal-stack-centered-logo-right-menu .cta-container[data-v-
|
|
7709
|
+
.desktop-tab-horizontal-stack-centered-logo-right-menu .cta-container[data-v-7c703177] {
|
|
7702
7710
|
grid-column: cta-start / cta-end;
|
|
7703
7711
|
}
|
|
7704
|
-
.desktop-tab-horizontal-stack-centered-logo-right-menu .cta-mirror[data-v-
|
|
7712
|
+
.desktop-tab-horizontal-stack-centered-logo-right-menu .cta-mirror[data-v-7c703177] {
|
|
7705
7713
|
grid-column: mirror-start / col-start;
|
|
7706
7714
|
/* Pinned to row 1: the mirror follows the real CTA in the DOM, so auto-placement — whose
|
|
7707
7715
|
cursor never moves backwards along a row — would drop it onto a second row and grow the
|
|
@@ -7712,8 +7720,8 @@ select[data-v-665b8067] {
|
|
|
7712
7720
|
/* DESKTOP_TAB_6, TAB_NO_LOGO_2: nav and button share the top row, so the button takes a
|
|
7713
7721
|
trailing column mirrored by the leading one — the nav pays for the collision it would
|
|
7714
7722
|
otherwise have. */
|
|
7715
|
-
.desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta[data-v-
|
|
7716
|
-
.desktop-tab-centered-menu-no-logo.show-nav.has-header-cta[data-v-
|
|
7723
|
+
.desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta[data-v-7c703177],
|
|
7724
|
+
.desktop-tab-centered-menu-no-logo.show-nav.has-header-cta[data-v-7c703177] {
|
|
7717
7725
|
display: grid;
|
|
7718
7726
|
/* The trailing track never shrinks below the button, so a wide nav compresses (its carousel
|
|
7719
7727
|
scrolls) rather than running under it; the leading track floors at the hidden button copy
|
|
@@ -7726,19 +7734,19 @@ select[data-v-665b8067] {
|
|
|
7726
7734
|
[nav-end cta-start] minmax(max-content, 1fr) [cta-end];
|
|
7727
7735
|
}
|
|
7728
7736
|
.desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta
|
|
7729
|
-
.nav-container[data-v-
|
|
7730
|
-
.desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .nav-container[data-v-
|
|
7737
|
+
.nav-container[data-v-7c703177],
|
|
7738
|
+
.desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .nav-container[data-v-7c703177] {
|
|
7731
7739
|
grid-column: nav-start / nav-end;
|
|
7732
7740
|
}
|
|
7733
7741
|
|
|
7734
7742
|
/* The logo shares the nav's track: that track widens to whichever is bigger, so both stay centered. */
|
|
7735
7743
|
.desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta
|
|
7736
|
-
.logo-container[data-v-
|
|
7744
|
+
.logo-container[data-v-7c703177] {
|
|
7737
7745
|
grid-column: nav-start / nav-end;
|
|
7738
7746
|
}
|
|
7739
7747
|
.desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta
|
|
7740
|
-
.cta-container[data-v-
|
|
7741
|
-
.desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .cta-container[data-v-
|
|
7748
|
+
.cta-container[data-v-7c703177],
|
|
7749
|
+
.desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .cta-container[data-v-7c703177] {
|
|
7742
7750
|
grid-column: cta-start / cta-end;
|
|
7743
7751
|
/* Top row, right edge — the shipped corner position. */
|
|
7744
7752
|
grid-row: 1;
|
|
@@ -7746,8 +7754,8 @@ select[data-v-665b8067] {
|
|
|
7746
7754
|
align-self: start;
|
|
7747
7755
|
}
|
|
7748
7756
|
.desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta
|
|
7749
|
-
.cta-mirror[data-v-
|
|
7750
|
-
.desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .cta-mirror[data-v-
|
|
7757
|
+
.cta-mirror[data-v-7c703177],
|
|
7758
|
+
.desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .cta-mirror[data-v-7c703177] {
|
|
7751
7759
|
grid-column: 1 / nav-start;
|
|
7752
7760
|
grid-row: 1;
|
|
7753
7761
|
}
|
|
@@ -7755,10 +7763,10 @@ select[data-v-665b8067] {
|
|
|
7755
7763
|
/* DESKTOP_TAB_5: the button shares the TOP row with the logo — the nav lives on its own
|
|
7756
7764
|
full-width row below — so an absolute corner pin collides with nothing and, unlike a
|
|
7757
7765
|
column, costs the nav no width. */
|
|
7758
|
-
.desktop-tab-vertical-stack-centered-logo-centered-menu.has-header-cta[data-v-
|
|
7766
|
+
.desktop-tab-vertical-stack-centered-logo-centered-menu.has-header-cta[data-v-7c703177] {
|
|
7759
7767
|
position: relative;
|
|
7760
7768
|
}
|
|
7761
|
-
.desktop-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-
|
|
7769
|
+
.desktop-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-7c703177] {
|
|
7762
7770
|
position: absolute;
|
|
7763
7771
|
top: 0px;
|
|
7764
7772
|
right: 0px;
|
|
@@ -7766,10 +7774,10 @@ select[data-v-665b8067] {
|
|
|
7766
7774
|
|
|
7767
7775
|
/* TAB_6 with the nav hidden: no nav to collide with, so the button keeps its corner pin
|
|
7768
7776
|
(absolute, so it never pushes the logo off-centre; the logo keeps the band's height). */
|
|
7769
|
-
.desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav.has-header-cta[data-v-
|
|
7777
|
+
.desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav.has-header-cta[data-v-7c703177] {
|
|
7770
7778
|
position: relative;
|
|
7771
7779
|
}
|
|
7772
|
-
.desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav .cta-container[data-v-
|
|
7780
|
+
.desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav .cta-container[data-v-7c703177] {
|
|
7773
7781
|
position: absolute;
|
|
7774
7782
|
top: 0px;
|
|
7775
7783
|
right: 0px;
|
|
@@ -7777,83 +7785,80 @@ select[data-v-665b8067] {
|
|
|
7777
7785
|
|
|
7778
7786
|
/* TAB_NO_LOGO_2 with the nav hidden: the button is the band's only content, so it stays in
|
|
7779
7787
|
flow (an absolute pin would collapse the header to zero height) at the same right edge. */
|
|
7780
|
-
.desktop-tab-centered-menu-no-logo.no-nav .cta-container[data-v-
|
|
7788
|
+
.desktop-tab-centered-menu-no-logo.no-nav .cta-container[data-v-7c703177] {
|
|
7781
7789
|
margin-left: auto;
|
|
7782
7790
|
}
|
|
7783
7791
|
|
|
7784
7792
|
/* MOBILE_TAB_1/2: full-width button row in the centered stack. */
|
|
7785
|
-
.mobile-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-
|
|
7786
|
-
.mobile-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-
|
|
7793
|
+
.mobile-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-7c703177],
|
|
7794
|
+
.mobile-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-7c703177] {
|
|
7787
7795
|
width: 100%;
|
|
7788
7796
|
justify-self: stretch;
|
|
7789
7797
|
}
|
|
7790
7798
|
/* The row is definite-width, so the decorated button can span it like a section's. */
|
|
7791
7799
|
.mobile-tab-vertical-stack-centered-logo-centered-menu
|
|
7792
|
-
.cta-container[data-v-
|
|
7800
|
+
.cta-container[data-v-7c703177]
|
|
7793
7801
|
.bp-style-wrapper,
|
|
7794
7802
|
.mobile-tab-vertical-stack-centered-menu-centered-logo
|
|
7795
|
-
.cta-container[data-v-
|
|
7803
|
+
.cta-container[data-v-7c703177]
|
|
7796
7804
|
.bp-style-wrapper,
|
|
7797
|
-
.mobile-tab-centered-menu-no-logo .cta-container[data-v-
|
|
7805
|
+
.mobile-tab-centered-menu-no-logo .cta-container[data-v-7c703177] .bp-style-wrapper,
|
|
7798
7806
|
.mobile-hamburger-no-logo-left-menu.no-nav
|
|
7799
|
-
.cta-container[data-v-
|
|
7807
|
+
.cta-container[data-v-7c703177]
|
|
7800
7808
|
.bp-style-wrapper,
|
|
7801
7809
|
.mobile-hamburger-no-logo-centered-menu.no-nav
|
|
7802
|
-
.cta-container[data-v-
|
|
7810
|
+
.cta-container[data-v-7c703177]
|
|
7803
7811
|
.bp-style-wrapper,
|
|
7804
7812
|
.mobile-hamburger-no-logo-right-menu.no-nav
|
|
7805
|
-
.cta-container[data-v-
|
|
7813
|
+
.cta-container[data-v-7c703177]
|
|
7806
7814
|
.bp-style-wrapper,
|
|
7807
7815
|
.mobile-hamburger-horizontal-stack-left-logo-right-menu.no-nav
|
|
7808
|
-
.cta-container[data-v-
|
|
7816
|
+
.cta-container[data-v-7c703177]
|
|
7809
7817
|
.bp-style-wrapper,
|
|
7810
7818
|
.mobile-hamburger-horizontal-stack-centered-logo-right-menu.no-nav
|
|
7811
|
-
.cta-container[data-v-
|
|
7819
|
+
.cta-container[data-v-7c703177]
|
|
7812
7820
|
.bp-style-wrapper,
|
|
7813
7821
|
.mobile-hamburger-horizontal-stack-left-menu-centered-logo.no-nav
|
|
7814
|
-
.cta-container[data-v-
|
|
7822
|
+
.cta-container[data-v-7c703177]
|
|
7815
7823
|
.bp-style-wrapper,
|
|
7816
7824
|
.mobile-hamburger-horizontal-stack-left-menu-left-logo.no-nav
|
|
7817
|
-
.cta-container[data-v-
|
|
7825
|
+
.cta-container[data-v-7c703177]
|
|
7818
7826
|
.bp-style-wrapper {
|
|
7819
7827
|
width: 100%;
|
|
7820
7828
|
}
|
|
7821
7829
|
|
|
7822
7830
|
/* MOBILE_TAB_1/2 with the nav hidden: the stack is a plain flex row, so the button wraps below it. */
|
|
7823
|
-
.mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav.has-header-cta[data-v-
|
|
7824
|
-
.mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav.has-header-cta[data-v-
|
|
7831
|
+
.mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav.has-header-cta[data-v-7c703177],
|
|
7832
|
+
.mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav.has-header-cta[data-v-7c703177] {
|
|
7825
7833
|
-ms-flex-wrap: wrap;
|
|
7826
7834
|
flex-wrap: wrap;
|
|
7827
|
-
-webkit-box-pack: center;
|
|
7828
|
-
-ms-flex-pack: center;
|
|
7829
|
-
justify-content: center;
|
|
7830
7835
|
}
|
|
7831
7836
|
|
|
7832
7837
|
/* MOBILE_TAB_NO_LOGO_1 (nav shown or not — its flex-centre stack wraps the button either way)
|
|
7833
7838
|
and MOBILE_HAMBURGER_NO_LOGO_1..3 with the nav hidden: button wraps onto its own full-width
|
|
7834
7839
|
line below the nav, one row gap apart (the same gap the with-logo stacks use). */
|
|
7835
|
-
.mobile-tab-centered-menu-no-logo.has-header-cta[data-v-
|
|
7836
|
-
.mobile-hamburger-no-logo-left-menu.no-nav.has-header-cta[data-v-
|
|
7837
|
-
.mobile-hamburger-no-logo-centered-menu.no-nav.has-header-cta[data-v-
|
|
7838
|
-
.mobile-hamburger-no-logo-right-menu.no-nav.has-header-cta[data-v-
|
|
7840
|
+
.mobile-tab-centered-menu-no-logo.has-header-cta[data-v-7c703177],
|
|
7841
|
+
.mobile-hamburger-no-logo-left-menu.no-nav.has-header-cta[data-v-7c703177],
|
|
7842
|
+
.mobile-hamburger-no-logo-centered-menu.no-nav.has-header-cta[data-v-7c703177],
|
|
7843
|
+
.mobile-hamburger-no-logo-right-menu.no-nav.has-header-cta[data-v-7c703177] {
|
|
7839
7844
|
-ms-flex-wrap: wrap;
|
|
7840
7845
|
flex-wrap: wrap;
|
|
7841
7846
|
row-gap: 1rem;
|
|
7842
7847
|
}
|
|
7843
|
-
.mobile-tab-centered-menu-no-logo .cta-container[data-v-
|
|
7844
|
-
.mobile-hamburger-no-logo-left-menu.no-nav .cta-container[data-v-
|
|
7845
|
-
.mobile-hamburger-no-logo-centered-menu.no-nav .cta-container[data-v-
|
|
7846
|
-
.mobile-hamburger-no-logo-right-menu.no-nav .cta-container[data-v-
|
|
7848
|
+
.mobile-tab-centered-menu-no-logo .cta-container[data-v-7c703177],
|
|
7849
|
+
.mobile-hamburger-no-logo-left-menu.no-nav .cta-container[data-v-7c703177],
|
|
7850
|
+
.mobile-hamburger-no-logo-centered-menu.no-nav .cta-container[data-v-7c703177],
|
|
7851
|
+
.mobile-hamburger-no-logo-right-menu.no-nav .cta-container[data-v-7c703177] {
|
|
7847
7852
|
width: 100%;
|
|
7848
7853
|
}
|
|
7849
7854
|
|
|
7850
7855
|
/* DESKTOP_HAMBURGER_1: button gets its own column just before the hamburger icon. */
|
|
7851
|
-
.desktop-hamburger-horizontal-stack-left-logo-right-menu.has-header-cta[data-v-
|
|
7856
|
+
.desktop-hamburger-horizontal-stack-left-logo-right-menu.has-header-cta[data-v-7c703177] {
|
|
7852
7857
|
grid-template-columns: [logo-start] 1fr [cta-start] auto [nav-start] var(
|
|
7853
7858
|
--hamburger-nav-width
|
|
7854
7859
|
);
|
|
7855
7860
|
}
|
|
7856
|
-
.desktop-hamburger-horizontal-stack-left-logo-right-menu .cta-container[data-v-
|
|
7861
|
+
.desktop-hamburger-horizontal-stack-left-logo-right-menu .cta-container[data-v-7c703177] {
|
|
7857
7862
|
grid-column: cta-start;
|
|
7858
7863
|
/* Without an explicit row the button wraps onto a second row. */
|
|
7859
7864
|
grid-row: 1;
|
|
@@ -7865,7 +7870,7 @@ select[data-v-665b8067] {
|
|
|
7865
7870
|
/* DESKTOP_HAMBURGER_2: button and icon share the trailing track (the button's right margin
|
|
7866
7871
|
reserves the icon's spot), mirrored by a leading 1fr so the logo stays truly centered.
|
|
7867
7872
|
The track's max-content floor means a tight header shifts the logo instead of overlapping. */
|
|
7868
|
-
.desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta[data-v-
|
|
7873
|
+
.desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta[data-v-7c703177] {
|
|
7869
7874
|
grid-template-columns:
|
|
7870
7875
|
minmax(-webkit-max-content, 1fr)
|
|
7871
7876
|
[logo-start] auto [right-start] minmax(-webkit-max-content, 1fr);
|
|
@@ -7874,16 +7879,16 @@ select[data-v-665b8067] {
|
|
|
7874
7879
|
[logo-start] auto [right-start] minmax(max-content, 1fr);
|
|
7875
7880
|
}
|
|
7876
7881
|
.desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta
|
|
7877
|
-
.logo-container[data-v-
|
|
7882
|
+
.logo-container[data-v-7c703177] {
|
|
7878
7883
|
grid-column: logo-start;
|
|
7879
7884
|
}
|
|
7880
7885
|
.desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta
|
|
7881
|
-
.nav-container[data-v-
|
|
7886
|
+
.nav-container[data-v-7c703177] {
|
|
7882
7887
|
grid-column: right-start;
|
|
7883
7888
|
grid-row: 1;
|
|
7884
7889
|
justify-self: end;
|
|
7885
7890
|
}
|
|
7886
|
-
.desktop-hamburger-horizontal-stack-centered-logo-right-menu .cta-container[data-v-
|
|
7891
|
+
.desktop-hamburger-horizontal-stack-centered-logo-right-menu .cta-container[data-v-7c703177] {
|
|
7887
7892
|
grid-column: right-start;
|
|
7888
7893
|
grid-row: 1;
|
|
7889
7894
|
justify-self: end;
|
|
@@ -7894,7 +7899,7 @@ select[data-v-665b8067] {
|
|
|
7894
7899
|
/* The mirror reserves the icon's spot the same way the real button does (margin-right), so the
|
|
7895
7900
|
leading track equals button + icon + gap and the logo stays centred. */
|
|
7896
7901
|
.desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta
|
|
7897
|
-
.cta-mirror[data-v-
|
|
7902
|
+
.cta-mirror[data-v-7c703177] {
|
|
7898
7903
|
grid-column: 1;
|
|
7899
7904
|
grid-row: 1;
|
|
7900
7905
|
margin-right: calc(var(--hamburger-nav-width) + 1rem);
|
|
@@ -7902,7 +7907,7 @@ select[data-v-665b8067] {
|
|
|
7902
7907
|
|
|
7903
7908
|
/* Single page: no nav means no icon, so the button takes the right edge and the
|
|
7904
7909
|
leading mirror shrinks to just the button's width. */
|
|
7905
|
-
.desktop-hamburger-horizontal-stack-centered-logo-right-menu.no-nav.has-header-cta[data-v-
|
|
7910
|
+
.desktop-hamburger-horizontal-stack-centered-logo-right-menu.no-nav.has-header-cta[data-v-7c703177] {
|
|
7906
7911
|
grid-template-columns:
|
|
7907
7912
|
minmax(-webkit-max-content, 1fr)
|
|
7908
7913
|
[logo-start] auto [right-start] minmax(-webkit-max-content, 1fr);
|
|
@@ -7911,17 +7916,17 @@ select[data-v-665b8067] {
|
|
|
7911
7916
|
[logo-start] auto [right-start] minmax(max-content, 1fr);
|
|
7912
7917
|
}
|
|
7913
7918
|
.desktop-hamburger-horizontal-stack-centered-logo-right-menu.no-nav
|
|
7914
|
-
.cta-container[data-v-
|
|
7919
|
+
.cta-container[data-v-7c703177],
|
|
7915
7920
|
.desktop-hamburger-horizontal-stack-centered-logo-right-menu.no-nav
|
|
7916
|
-
.cta-mirror[data-v-
|
|
7921
|
+
.cta-mirror[data-v-7c703177] {
|
|
7917
7922
|
/* Single page: no icon to reserve. */
|
|
7918
7923
|
margin-right: 0;
|
|
7919
7924
|
}
|
|
7920
7925
|
|
|
7921
7926
|
/* DESKTOP_HAMBURGER_NO_LOGO_1..3: button shows before the icon. */
|
|
7922
|
-
.desktop-hamburger-no-logo-left-menu .cta-container[data-v-
|
|
7923
|
-
.desktop-hamburger-no-logo-centered-menu .cta-container[data-v-
|
|
7924
|
-
.desktop-hamburger-no-logo-right-menu .cta-container[data-v-
|
|
7927
|
+
.desktop-hamburger-no-logo-left-menu .cta-container[data-v-7c703177],
|
|
7928
|
+
.desktop-hamburger-no-logo-centered-menu .cta-container[data-v-7c703177],
|
|
7929
|
+
.desktop-hamburger-no-logo-right-menu .cta-container[data-v-7c703177] {
|
|
7925
7930
|
-webkit-box-ordinal-group: 0;
|
|
7926
7931
|
-ms-flex-order: -1;
|
|
7927
7932
|
order: -1;
|
|
@@ -7932,20 +7937,20 @@ select[data-v-665b8067] {
|
|
|
7932
7937
|
|
|
7933
7938
|
/* With the button on, icon + button always sit at the right whatever alignment the stored
|
|
7934
7939
|
style carries — the display-style picker is hidden in this state (HeaderDisplayStyle.vue). */
|
|
7935
|
-
.desktop-hamburger-no-logo-left-menu.has-header-cta[data-v-
|
|
7936
|
-
.desktop-hamburger-no-logo-centered-menu.has-header-cta[data-v-
|
|
7940
|
+
.desktop-hamburger-no-logo-left-menu.has-header-cta[data-v-7c703177],
|
|
7941
|
+
.desktop-hamburger-no-logo-centered-menu.has-header-cta[data-v-7c703177] {
|
|
7937
7942
|
-webkit-box-pack: end;
|
|
7938
7943
|
-ms-flex-pack: end;
|
|
7939
7944
|
justify-content: flex-end;
|
|
7940
7945
|
}
|
|
7941
7946
|
|
|
7942
7947
|
/* 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. */
|
|
7943
|
-
.mobile-hamburger-horizontal-stack-left-logo-right-menu.no-nav .cta-container[data-v-
|
|
7948
|
+
.mobile-hamburger-horizontal-stack-left-logo-right-menu.no-nav .cta-container[data-v-7c703177],
|
|
7944
7949
|
.mobile-hamburger-horizontal-stack-centered-logo-right-menu.no-nav
|
|
7945
|
-
.cta-container[data-v-
|
|
7950
|
+
.cta-container[data-v-7c703177],
|
|
7946
7951
|
.mobile-hamburger-horizontal-stack-left-menu-centered-logo.no-nav
|
|
7947
|
-
.cta-container[data-v-
|
|
7948
|
-
.mobile-hamburger-horizontal-stack-left-menu-left-logo.no-nav .cta-container[data-v-
|
|
7952
|
+
.cta-container[data-v-7c703177],
|
|
7953
|
+
.mobile-hamburger-horizontal-stack-left-menu-left-logo.no-nav .cta-container[data-v-7c703177] {
|
|
7949
7954
|
grid-column: 1 / -1;
|
|
7950
7955
|
margin-top: 1rem;
|
|
7951
7956
|
width: 100%;
|
|
@@ -7953,20 +7958,20 @@ select[data-v-665b8067] {
|
|
|
7953
7958
|
|
|
7954
7959
|
/* Desktop placements: cap the button so a long label wraps to the next line (like the
|
|
7955
7960
|
banner's button) instead of stretching across the header. Mobile rows stay full-width. */
|
|
7956
|
-
.desktop-tab-horizontal-stack-left-logo-right-menu .cta-container[data-v-
|
|
7957
|
-
.desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-
|
|
7958
|
-
.desktop-tab-horizontal-stack-left-logo-centered-menu .cta-container[data-v-
|
|
7959
|
-
.desktop-tab-horizontal-stack-centered-logo-right-menu .cta-container[data-v-
|
|
7960
|
-
.desktop-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-
|
|
7961
|
-
.desktop-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-
|
|
7962
|
-
.desktop-tab-left-menu-no-logo .cta-container[data-v-
|
|
7963
|
-
.desktop-tab-centered-menu-no-logo .cta-container[data-v-
|
|
7964
|
-
.desktop-tab-right-menu-no-logo .cta-container[data-v-
|
|
7965
|
-
.desktop-hamburger-horizontal-stack-left-logo-right-menu .cta-container[data-v-
|
|
7966
|
-
.desktop-hamburger-horizontal-stack-centered-logo-right-menu .cta-container[data-v-
|
|
7967
|
-
.desktop-hamburger-no-logo-left-menu .cta-container[data-v-
|
|
7968
|
-
.desktop-hamburger-no-logo-centered-menu .cta-container[data-v-
|
|
7969
|
-
.desktop-hamburger-no-logo-right-menu .cta-container[data-v-
|
|
7961
|
+
.desktop-tab-horizontal-stack-left-logo-right-menu .cta-container[data-v-7c703177],
|
|
7962
|
+
.desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-7c703177],
|
|
7963
|
+
.desktop-tab-horizontal-stack-left-logo-centered-menu .cta-container[data-v-7c703177],
|
|
7964
|
+
.desktop-tab-horizontal-stack-centered-logo-right-menu .cta-container[data-v-7c703177],
|
|
7965
|
+
.desktop-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-7c703177],
|
|
7966
|
+
.desktop-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-7c703177],
|
|
7967
|
+
.desktop-tab-left-menu-no-logo .cta-container[data-v-7c703177],
|
|
7968
|
+
.desktop-tab-centered-menu-no-logo .cta-container[data-v-7c703177],
|
|
7969
|
+
.desktop-tab-right-menu-no-logo .cta-container[data-v-7c703177],
|
|
7970
|
+
.desktop-hamburger-horizontal-stack-left-logo-right-menu .cta-container[data-v-7c703177],
|
|
7971
|
+
.desktop-hamburger-horizontal-stack-centered-logo-right-menu .cta-container[data-v-7c703177],
|
|
7972
|
+
.desktop-hamburger-no-logo-left-menu .cta-container[data-v-7c703177],
|
|
7973
|
+
.desktop-hamburger-no-logo-centered-menu .cta-container[data-v-7c703177],
|
|
7974
|
+
.desktop-hamburger-no-logo-right-menu .cta-container[data-v-7c703177] {
|
|
7970
7975
|
max-width: var(--logo-max-width);
|
|
7971
7976
|
}
|
|
7972
7977
|
|
|
@@ -9584,11 +9589,11 @@ body {
|
|
|
9584
9589
|
contain-intrinsic-size: auto 36px;
|
|
9585
9590
|
}
|
|
9586
9591
|
|
|
9587
|
-
.rich-text-editor[data-v-
|
|
9592
|
+
.rich-text-editor[data-v-d27ffcd7]:focus-within {
|
|
9588
9593
|
--tw-border-opacity: 1;
|
|
9589
9594
|
border-color: rgb(96 96 96 / var(--tw-border-opacity));
|
|
9590
9595
|
}
|
|
9591
|
-
.style-editor[data-v-
|
|
9596
|
+
.style-editor[data-v-d27ffcd7] {
|
|
9592
9597
|
display: -webkit-box;
|
|
9593
9598
|
display: -ms-flexbox;
|
|
9594
9599
|
display: flex;
|
|
@@ -9599,7 +9604,7 @@ body {
|
|
|
9599
9604
|
-ms-flex-wrap: wrap;
|
|
9600
9605
|
flex-wrap: wrap;
|
|
9601
9606
|
}
|
|
9602
|
-
.style-editor[data-v-
|
|
9607
|
+
.style-editor[data-v-d27ffcd7] button:not(.c-button-style) {
|
|
9603
9608
|
display: -webkit-box;
|
|
9604
9609
|
display: -ms-flexbox;
|
|
9605
9610
|
display: flex;
|
|
@@ -9609,16 +9614,16 @@ body {
|
|
|
9609
9614
|
padding-left: 0.5rem;
|
|
9610
9615
|
padding-right: 0.5rem;
|
|
9611
9616
|
}
|
|
9612
|
-
.style-editor-button[data-v-
|
|
9617
|
+
.style-editor-button[data-v-d27ffcd7] {
|
|
9613
9618
|
cursor: pointer;
|
|
9614
9619
|
padding-left: 0.25rem;
|
|
9615
9620
|
padding-top: 0.25rem;
|
|
9616
9621
|
}
|
|
9617
|
-
.toolbar-editor-button.active[data-v-
|
|
9622
|
+
.toolbar-editor-button.active[data-v-d27ffcd7] {
|
|
9618
9623
|
font-weight: 700;
|
|
9619
9624
|
background: #e3e3e3;
|
|
9620
9625
|
}
|
|
9621
|
-
.toolbar-editor-button[data-v-
|
|
9626
|
+
.toolbar-editor-button[data-v-d27ffcd7] {
|
|
9622
9627
|
height: 32px;
|
|
9623
9628
|
width: 32px;
|
|
9624
9629
|
border-radius: 4px;
|
|
@@ -9636,7 +9641,7 @@ body {
|
|
|
9636
9641
|
-ms-flex-pack: center;
|
|
9637
9642
|
justify-content: center;
|
|
9638
9643
|
}
|
|
9639
|
-
[data-v-
|
|
9644
|
+
[data-v-d27ffcd7] .ProseMirror {
|
|
9640
9645
|
border-top: 1px solid #ccc;
|
|
9641
9646
|
min-height: 150px;
|
|
9642
9647
|
padding: 8px;
|
|
@@ -9649,13 +9654,13 @@ body {
|
|
|
9649
9654
|
max-height: 14rem;
|
|
9650
9655
|
overflow: auto;
|
|
9651
9656
|
}
|
|
9652
|
-
.editor-compact[data-v-
|
|
9657
|
+
.editor-compact[data-v-d27ffcd7] .ProseMirror {
|
|
9653
9658
|
min-height: 6rem;
|
|
9654
9659
|
}
|
|
9655
|
-
[data-v-
|
|
9660
|
+
[data-v-d27ffcd7] .ProseMirror:focus {
|
|
9656
9661
|
outline: none;
|
|
9657
9662
|
}
|
|
9658
|
-
[data-v-
|
|
9663
|
+
[data-v-d27ffcd7] .ProseMirror * {
|
|
9659
9664
|
text-align: left !important;
|
|
9660
9665
|
font-size: 16px !important;
|
|
9661
9666
|
color: #606060 !important;
|
|
@@ -9664,29 +9669,29 @@ body {
|
|
|
9664
9669
|
background-color: transparent !important;
|
|
9665
9670
|
font-family: 'Lato' !important;
|
|
9666
9671
|
}
|
|
9667
|
-
[data-v-
|
|
9672
|
+
[data-v-d27ffcd7] .ProseMirror a s,[data-v-d27ffcd7] .ProseMirror a strike,[data-v-d27ffcd7] .ProseMirror a [data-strike] {
|
|
9668
9673
|
text-decoration: line-through !important;
|
|
9669
9674
|
}
|
|
9670
|
-
[data-v-
|
|
9675
|
+
[data-v-d27ffcd7] .ProseMirror a,[data-v-d27ffcd7] .ProseMirror a * {
|
|
9671
9676
|
/* Keep in sync with DEFAULT_LINK_COLOR (src/constants/rich-text-editor.constants.ts) — scoped CSS can't import it. */
|
|
9672
9677
|
color: #0097d7 !important;
|
|
9673
9678
|
text-decoration: underline !important;
|
|
9674
9679
|
}
|
|
9675
|
-
.error-message[data-v-
|
|
9680
|
+
.error-message[data-v-d27ffcd7] {
|
|
9676
9681
|
color: #d32f2f;
|
|
9677
9682
|
font-size: 0.875rem;
|
|
9678
9683
|
margin-top: 4px;
|
|
9679
9684
|
}
|
|
9680
|
-
.popup-container[data-v-
|
|
9685
|
+
.popup-container[data-v-d27ffcd7] {
|
|
9681
9686
|
position: absolute;
|
|
9682
9687
|
z-index: 10;
|
|
9683
9688
|
right: 8%;
|
|
9684
9689
|
}
|
|
9685
|
-
.hyperlink-preview[data-v-
|
|
9690
|
+
.hyperlink-preview[data-v-d27ffcd7] {
|
|
9686
9691
|
position: absolute;
|
|
9687
9692
|
z-index: 10;
|
|
9688
9693
|
}
|
|
9689
|
-
.popup-panel[data-v-
|
|
9694
|
+
.popup-panel[data-v-d27ffcd7] {
|
|
9690
9695
|
background: #fff;
|
|
9691
9696
|
border: 1px solid #ccc;
|
|
9692
9697
|
border-radius: 8px;
|
|
@@ -9694,17 +9699,17 @@ body {
|
|
|
9694
9699
|
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
|
|
9695
9700
|
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
|
|
9696
9701
|
}
|
|
9697
|
-
.popup-panel[data-v-
|
|
9702
|
+
.popup-panel[data-v-d27ffcd7] input {
|
|
9698
9703
|
border: 1px solid #ccc;
|
|
9699
9704
|
border-radius: 8px;
|
|
9700
9705
|
}
|
|
9701
|
-
.border[data-v-
|
|
9706
|
+
.border[data-v-d27ffcd7] {
|
|
9702
9707
|
width: 100%;
|
|
9703
9708
|
--tw-bg-opacity: 1;
|
|
9704
9709
|
background-color: rgb(209 209 209 / var(--tw-bg-opacity));
|
|
9705
9710
|
height: 1px;
|
|
9706
9711
|
}
|
|
9707
|
-
[data-v-
|
|
9712
|
+
[data-v-d27ffcd7] .text-dropdown-title {
|
|
9708
9713
|
height: 2rem;
|
|
9709
9714
|
width: 100%;
|
|
9710
9715
|
font-size: 0.875rem;
|
|
@@ -9713,7 +9718,7 @@ body {
|
|
|
9713
9718
|
color: rgb(38 38 38 / var(--tw-text-opacity));
|
|
9714
9719
|
font-weight: 300;
|
|
9715
9720
|
}
|
|
9716
|
-
[data-v-
|
|
9721
|
+
[data-v-d27ffcd7] .ProseMirror p.is-editor-empty:first-child::before {
|
|
9717
9722
|
--tw-text-opacity: 1;
|
|
9718
9723
|
color: rgb(209 209 209 / var(--tw-text-opacity));
|
|
9719
9724
|
content: attr(data-placeholder);
|
|
@@ -9722,56 +9727,56 @@ body {
|
|
|
9722
9727
|
pointer-events: none;
|
|
9723
9728
|
}
|
|
9724
9729
|
@media (max-width: 399px) {
|
|
9725
|
-
.style-editor-button-font[data-v-
|
|
9726
|
-
.style-editor-button-textstyle[data-v-
|
|
9730
|
+
.style-editor-button-font[data-v-d27ffcd7],
|
|
9731
|
+
.style-editor-button-textstyle[data-v-d27ffcd7] {
|
|
9727
9732
|
max-width: 48%;
|
|
9728
9733
|
padding-bottom: 0.25rem;
|
|
9729
9734
|
}
|
|
9730
|
-
.style-editor-button.stepper[data-v-
|
|
9735
|
+
.style-editor-button.stepper[data-v-d27ffcd7] {
|
|
9731
9736
|
max-width: 40%;
|
|
9732
9737
|
}
|
|
9733
|
-
.style-editor-button-stepper[data-v-
|
|
9738
|
+
.style-editor-button-stepper[data-v-d27ffcd7] {
|
|
9734
9739
|
max-width: 100%;
|
|
9735
9740
|
}
|
|
9736
|
-
.border.desktop[data-v-
|
|
9741
|
+
.border.desktop[data-v-d27ffcd7] {
|
|
9737
9742
|
display: none;
|
|
9738
9743
|
}
|
|
9739
|
-
.border.mobile[data-v-
|
|
9744
|
+
.border.mobile[data-v-d27ffcd7] {
|
|
9740
9745
|
display: block;
|
|
9741
9746
|
}
|
|
9742
|
-
[data-v-
|
|
9747
|
+
[data-v-d27ffcd7] .left-align {
|
|
9743
9748
|
-webkit-transform: translateX(-48%);
|
|
9744
9749
|
transform: translateX(-48%);
|
|
9745
9750
|
}
|
|
9746
|
-
.hyperlink-popup[data-v-
|
|
9751
|
+
.hyperlink-popup[data-v-d27ffcd7] {
|
|
9747
9752
|
z-index: 10000 !important;
|
|
9748
9753
|
}
|
|
9749
9754
|
}
|
|
9750
9755
|
@media (min-width: 400px) {
|
|
9751
|
-
.style-editor-button.stepper[data-v-
|
|
9756
|
+
.style-editor-button.stepper[data-v-d27ffcd7] {
|
|
9752
9757
|
max-width: 32%;
|
|
9753
9758
|
}
|
|
9754
|
-
.style-editor-button-font[data-v-
|
|
9759
|
+
.style-editor-button-font[data-v-d27ffcd7] {
|
|
9755
9760
|
max-width: 28%;
|
|
9756
9761
|
}
|
|
9757
|
-
.style-editor-button-stepper[data-v-
|
|
9762
|
+
.style-editor-button-stepper[data-v-d27ffcd7] {
|
|
9758
9763
|
max-width: 100%;
|
|
9759
9764
|
}
|
|
9760
|
-
.style-editor-button-textstyle[data-v-
|
|
9765
|
+
.style-editor-button-textstyle[data-v-d27ffcd7] {
|
|
9761
9766
|
max-width: 25%;
|
|
9762
9767
|
}
|
|
9763
|
-
.border.desktop[data-v-
|
|
9768
|
+
.border.desktop[data-v-d27ffcd7] {
|
|
9764
9769
|
display: block;
|
|
9765
9770
|
}
|
|
9766
|
-
.border.mobile[data-v-
|
|
9771
|
+
.border.mobile[data-v-d27ffcd7] {
|
|
9767
9772
|
display: none;
|
|
9768
9773
|
}
|
|
9769
|
-
[data-v-
|
|
9774
|
+
[data-v-d27ffcd7] .left-align {
|
|
9770
9775
|
-webkit-transform: translateX(-25%);
|
|
9771
9776
|
transform: translateX(-25%);
|
|
9772
9777
|
}
|
|
9773
9778
|
}
|
|
9774
|
-
.drop-down-item[data-v-
|
|
9779
|
+
.drop-down-item[data-v-d27ffcd7]:hover {
|
|
9775
9780
|
background-color: #eee;
|
|
9776
9781
|
}
|
|
9777
9782
|
|