@designcrowd/library.brand-page 6.2.6 → 6.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-DpeSEnwP.js → CreatedOnBrandCrowd-de-de-vzF6Ikn9.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-CxYv3NzT.js → CreatedOnBrandCrowd-en-us-cXu20Wxb.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-CzQ1HRHw.js → CreatedOnBrandCrowd-es-es-PSfMEmIN.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-J77YZaT1.js → CreatedOnBrandCrowd-fr-ca-CKSJaTW0.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-J77YZaT1.js → CreatedOnBrandCrowd-fr-fr-CKSJaTW0.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-1vh4Smqt.js → CreatedOnBrandCrowd-pt-br-28G2T3DJ.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-1vh4Smqt.js → CreatedOnBrandCrowd-pt-pt-28G2T3DJ.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-CXX6W_29.js → CreatedOnDcom-de-de-CG2vQgBe.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-D78BmX6f.js → CreatedOnDcom-en-us-DzPaDxZd.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-FfbPM2vD.js → CreatedOnDcom-es-es-BmN7lNDe.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-C6L60rxJ.js → CreatedOnDcom-fr-ca-BarL0nmZ.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-BEDnW9w-.js → CreatedOnDcom-fr-fr-e5Bk-c84.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-CZXVvc1n.js → CreatedOnDcom-pt-br-89-1jjm5.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-IQq744nb.js → CreatedOnDcom-pt-pt-B9v9kExe.js} +1 -1
  15. package/lib/src/css/library.brand-page-brandCrowd.min.css +225 -220
  16. package/lib/src/css/library.brand-page-brandPage.min.css +225 -220
  17. package/lib/src/css/library.brand-page-designCom.min.css +225 -220
  18. package/lib/src/css/library.brand-page-preview.min.css +225 -220
  19. package/lib/src/index.mjs +1 -1
  20. package/lib/src/{lib-CyVd3FMn.js → lib-BTgw6Jw7.js} +7 -7
  21. package/package.json +1 -1
  22. package/src/brand-page/components/button/ButtonStyleWrapper.vue +4 -2
  23. package/src/brand-page/components/page-header/HeaderLayout.vue +3 -3
  24. package/src/brand-page-maker/components/rich-text-editor/RichTextEditor.vue +2 -1
@@ -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-255edfd5] button {
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-255edfd5],
5891
- .bp-icon-brush-right[data-v-255edfd5] {
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-255edfd5] svg {
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-255edfd5] svg {
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-255edfd5] {
5908
+ .bp-button-shape[data-v-aee08bf9] {
5909
5909
  position: relative;
5910
5910
  }
5911
- .bp-icon-shape[data-v-255edfd5] {
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-255edfd5] button,
5919
- .bp-button-shape[data-v-255edfd5] a {
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-255edfd5] path,
5928
- .bp-icon-shape[data-v-255edfd5] rect {
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-255edfd5],
5932
- .device-wrapper--mobile .bp-button-arrow[data-v-255edfd5] {
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. */
@@ -7173,65 +7175,65 @@ select[data-v-665b8067] {
7173
7175
  margin: 0 auto;
7174
7176
  }
7175
7177
 
7176
- .root[data-v-c23d864e] {
7177
- --logo-width: var(--v62a07554);
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-c23d864e] {
7185
+ .nav-container[data-v-7c703177] {
7184
7186
  max-width: 100%;
7185
7187
  overflow: hidden;
7186
7188
  }
7187
- .logo-container[data-v-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e],
7418
- .desktop-hamburger-no-logo-left-menu[data-v-c23d864e] {
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-c23d864e],
7427
- .desktop-hamburger-no-logo-left-menu .logo-container[data-v-c23d864e] {
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-c23d864e],
7433
- .desktop-hamburger-no-logo-centered-menu[data-v-c23d864e],
7434
- .mobile-tab-centered-menu-no-logo[data-v-c23d864e] {
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-c23d864e],
7443
- .desktop-hamburger-no-logo-centered-menu .logo-container[data-v-c23d864e],
7444
- .mobile-tab-centered-menu-no-logo .logo-container[data-v-c23d864e] {
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-c23d864e],
7450
- .desktop-hamburger-no-logo-right-menu[data-v-c23d864e] {
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-c23d864e],
7459
- .desktop-hamburger-no-logo-right-menu .logo-container[data-v-c23d864e] {
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-c23d864e],
7465
- .mobile-hamburger-horizontal-stack-left-logo-right-menu[data-v-c23d864e] {
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-c23d864e],
7475
- .mobile-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-c23d864e] {
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-c23d864e],
7486
- .mobile-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-c23d864e] {
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-c23d864e],
7494
- .mobile-hamburger-horizontal-stack-centered-logo-right-menu[data-v-c23d864e] {
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-c23d864e],
7504
- .mobile-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-c23d864e] {
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-c23d864e],
7516
- .mobile-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] .bp-button,
7624
- .cta-mirror[data-v-c23d864e] .bp-button {
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-c23d864e] .c-button__no-icon,
7629
- .cta-mirror[data-v-c23d864e] .c-button__no-icon {
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-c23d864e] .c-button__label,
7635
- .cta-mirror[data-v-c23d864e] .c-button__label {
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-c23d864e] .bp-style-wrapper,
7642
- .cta-mirror[data-v-c23d864e] .bp-style-wrapper {
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-c23d864e] {
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-c23d864e],
7662
- .desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-c23d864e],
7663
- .desktop-tab-right-menu-no-logo .cta-container[data-v-c23d864e] {
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-c23d864e] {
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-c23d864e],
7675
- .desktop-tab-horizontal-stack-left-logo-left-menu.no-nav .cta-container[data-v-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e],
7716
- .desktop-tab-centered-menu-no-logo.show-nav.has-header-cta[data-v-c23d864e] {
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-c23d864e],
7730
- .desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .nav-container[data-v-c23d864e] {
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-c23d864e] {
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-c23d864e],
7741
- .desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .cta-container[data-v-c23d864e] {
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-c23d864e],
7750
- .desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .cta-mirror[data-v-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e],
7786
- .mobile-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-c23d864e] {
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-c23d864e]
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-c23d864e]
7803
+ .cta-container[data-v-7c703177]
7796
7804
  .bp-style-wrapper,
7797
- .mobile-tab-centered-menu-no-logo .cta-container[data-v-c23d864e] .bp-style-wrapper,
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-c23d864e]
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-c23d864e]
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-c23d864e]
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-c23d864e]
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-c23d864e]
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-c23d864e]
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-c23d864e]
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-c23d864e],
7824
- .mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav.has-header-cta[data-v-c23d864e] {
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-c23d864e],
7836
- .mobile-hamburger-no-logo-left-menu.no-nav.has-header-cta[data-v-c23d864e],
7837
- .mobile-hamburger-no-logo-centered-menu.no-nav.has-header-cta[data-v-c23d864e],
7838
- .mobile-hamburger-no-logo-right-menu.no-nav.has-header-cta[data-v-c23d864e] {
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-c23d864e],
7844
- .mobile-hamburger-no-logo-left-menu.no-nav .cta-container[data-v-c23d864e],
7845
- .mobile-hamburger-no-logo-centered-menu.no-nav .cta-container[data-v-c23d864e],
7846
- .mobile-hamburger-no-logo-right-menu.no-nav .cta-container[data-v-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e] {
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-c23d864e],
7919
+ .cta-container[data-v-7c703177],
7915
7920
  .desktop-hamburger-horizontal-stack-centered-logo-right-menu.no-nav
7916
- .cta-mirror[data-v-c23d864e] {
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-c23d864e],
7923
- .desktop-hamburger-no-logo-centered-menu .cta-container[data-v-c23d864e],
7924
- .desktop-hamburger-no-logo-right-menu .cta-container[data-v-c23d864e] {
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-c23d864e],
7936
- .desktop-hamburger-no-logo-centered-menu.has-header-cta[data-v-c23d864e] {
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-c23d864e],
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-c23d864e],
7950
+ .cta-container[data-v-7c703177],
7946
7951
  .mobile-hamburger-horizontal-stack-left-menu-centered-logo.no-nav
7947
- .cta-container[data-v-c23d864e],
7948
- .mobile-hamburger-horizontal-stack-left-menu-left-logo.no-nav .cta-container[data-v-c23d864e] {
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-c23d864e],
7957
- .desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-c23d864e],
7958
- .desktop-tab-horizontal-stack-left-logo-centered-menu .cta-container[data-v-c23d864e],
7959
- .desktop-tab-horizontal-stack-centered-logo-right-menu .cta-container[data-v-c23d864e],
7960
- .desktop-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-c23d864e],
7961
- .desktop-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-c23d864e],
7962
- .desktop-tab-left-menu-no-logo .cta-container[data-v-c23d864e],
7963
- .desktop-tab-centered-menu-no-logo .cta-container[data-v-c23d864e],
7964
- .desktop-tab-right-menu-no-logo .cta-container[data-v-c23d864e],
7965
- .desktop-hamburger-horizontal-stack-left-logo-right-menu .cta-container[data-v-c23d864e],
7966
- .desktop-hamburger-horizontal-stack-centered-logo-right-menu .cta-container[data-v-c23d864e],
7967
- .desktop-hamburger-no-logo-left-menu .cta-container[data-v-c23d864e],
7968
- .desktop-hamburger-no-logo-centered-menu .cta-container[data-v-c23d864e],
7969
- .desktop-hamburger-no-logo-right-menu .cta-container[data-v-c23d864e] {
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-7272d264]:focus-within {
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-7272d264] {
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-7272d264] button:not(.c-button-style) {
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-7272d264] {
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-7272d264] {
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-7272d264] {
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-7272d264] .ProseMirror {
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-7272d264] .ProseMirror {
9657
+ .editor-compact[data-v-d27ffcd7] .ProseMirror {
9653
9658
  min-height: 6rem;
9654
9659
  }
9655
- [data-v-7272d264] .ProseMirror:focus {
9660
+ [data-v-d27ffcd7] .ProseMirror:focus {
9656
9661
  outline: none;
9657
9662
  }
9658
- [data-v-7272d264] .ProseMirror * {
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-7272d264] .ProseMirror a s,[data-v-7272d264] .ProseMirror a strike,[data-v-7272d264] .ProseMirror a [data-strike] {
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-7272d264] .ProseMirror a,[data-v-7272d264] .ProseMirror a * {
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-7272d264] {
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-7272d264] {
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-7272d264] {
9690
+ .hyperlink-preview[data-v-d27ffcd7] {
9686
9691
  position: absolute;
9687
9692
  z-index: 10;
9688
9693
  }
9689
- .popup-panel[data-v-7272d264] {
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-7272d264] input {
9702
+ .popup-panel[data-v-d27ffcd7] input {
9698
9703
  border: 1px solid #ccc;
9699
9704
  border-radius: 8px;
9700
9705
  }
9701
- .border[data-v-7272d264] {
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-7272d264] .text-dropdown-title {
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-7272d264] .ProseMirror p.is-editor-empty:first-child::before {
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-7272d264],
9726
- .style-editor-button-textstyle[data-v-7272d264] {
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-7272d264] {
9735
+ .style-editor-button.stepper[data-v-d27ffcd7] {
9731
9736
  max-width: 40%;
9732
9737
  }
9733
- .style-editor-button-stepper[data-v-7272d264] {
9738
+ .style-editor-button-stepper[data-v-d27ffcd7] {
9734
9739
  max-width: 100%;
9735
9740
  }
9736
- .border.desktop[data-v-7272d264] {
9741
+ .border.desktop[data-v-d27ffcd7] {
9737
9742
  display: none;
9738
9743
  }
9739
- .border.mobile[data-v-7272d264] {
9744
+ .border.mobile[data-v-d27ffcd7] {
9740
9745
  display: block;
9741
9746
  }
9742
- [data-v-7272d264] .left-align {
9747
+ [data-v-d27ffcd7] .left-align {
9743
9748
  -webkit-transform: translateX(-48%);
9744
9749
  transform: translateX(-48%);
9745
9750
  }
9746
- .hyperlink-popup[data-v-7272d264] {
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-7272d264] {
9756
+ .style-editor-button.stepper[data-v-d27ffcd7] {
9752
9757
  max-width: 32%;
9753
9758
  }
9754
- .style-editor-button-font[data-v-7272d264] {
9759
+ .style-editor-button-font[data-v-d27ffcd7] {
9755
9760
  max-width: 28%;
9756
9761
  }
9757
- .style-editor-button-stepper[data-v-7272d264] {
9762
+ .style-editor-button-stepper[data-v-d27ffcd7] {
9758
9763
  max-width: 100%;
9759
9764
  }
9760
- .style-editor-button-textstyle[data-v-7272d264] {
9765
+ .style-editor-button-textstyle[data-v-d27ffcd7] {
9761
9766
  max-width: 25%;
9762
9767
  }
9763
- .border.desktop[data-v-7272d264] {
9768
+ .border.desktop[data-v-d27ffcd7] {
9764
9769
  display: block;
9765
9770
  }
9766
- .border.mobile[data-v-7272d264] {
9771
+ .border.mobile[data-v-d27ffcd7] {
9767
9772
  display: none;
9768
9773
  }
9769
- [data-v-7272d264] .left-align {
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-7272d264]:hover {
9779
+ .drop-down-item[data-v-d27ffcd7]:hover {
9775
9780
  background-color: #eee;
9776
9781
  }
9777
9782