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