@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
@@ -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-style-wrapper--no-margin[data-v-255edfd5] button {
5853
+ .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-icon-brush-left[data-v-255edfd5],
5861
- .bp-icon-brush-right[data-v-255edfd5] {
5860
+ .bp-icon-brush-left[data-v-aee08bf9],
5861
+ .bp-icon-brush-right[data-v-aee08bf9] {
5862
5862
  pointer-events: none;
5863
5863
  }
5864
- .bp-icon-brush-left[data-v-255edfd5] svg {
5864
+ .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-icon-brush-right[data-v-255edfd5] svg {
5869
+ .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-button-shape[data-v-255edfd5] {
5878
+ .bp-button-shape[data-v-aee08bf9] {
5879
5879
  position: relative;
5880
5880
  }
5881
- .bp-icon-shape[data-v-255edfd5] {
5881
+ .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-button-shape[data-v-255edfd5] button,
5889
- .bp-button-shape[data-v-255edfd5] a {
5888
+ .bp-button-shape[data-v-aee08bf9] button,
5889
+ .bp-button-shape[data-v-aee08bf9] a,
5890
+ .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-icon-shape[data-v-255edfd5] path,
5898
- .bp-icon-shape[data-v-255edfd5] rect {
5899
+ .bp-icon-shape[data-v-aee08bf9] path,
5900
+ .bp-icon-shape[data-v-aee08bf9] rect {
5899
5901
  fill: currentColor;
5900
5902
  }
5901
- .bp-button-arrow[data-v-255edfd5],
5902
- .device-wrapper--mobile .bp-button-arrow[data-v-255edfd5] {
5903
+ .bp-button-arrow[data-v-aee08bf9],
5904
+ .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
- .root[data-v-c23d864e] {
7147
- --logo-width: var(--v62a07554);
7148
+ .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
- .nav-container[data-v-c23d864e] {
7155
+ .nav-container[data-v-7c703177] {
7154
7156
  max-width: 100%;
7155
7157
  overflow: hidden;
7156
7158
  }
7157
- .logo-container[data-v-c23d864e] {
7159
+ .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
- .cta-container[data-v-c23d864e] {
7164
+ .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
- .desktop-tab-horizontal-stack-left-logo-right-menu[data-v-c23d864e] {
7171
+ .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
- .desktop-tab-horizontal-stack-left-logo-right-menu .nav-container[data-v-c23d864e] {
7176
+ .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
- .desktop-tab-horizontal-stack-left-logo-right-menu .nav-container__inner[data-v-c23d864e] {
7182
+ .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
- .desktop-tab-horizontal-stack-left-logo-left-menu[data-v-c23d864e] {
7189
+ .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
- .desktop-tab-horizontal-stack-left-logo-left-menu .nav-container[data-v-c23d864e] {
7194
+ .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
- .desktop-tab-horizontal-stack-left-logo-left-menu .nav-container__inner[data-v-c23d864e] {
7200
+ .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
- .desktop-tab-horizontal-stack-left-logo-centered-menu[data-v-c23d864e] {
7206
+ .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
- .desktop-tab-horizontal-stack-left-logo-centered-menu .logo-container[data-v-c23d864e] {
7219
+ .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
- .desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container[data-v-c23d864e] {
7223
+ .desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container[data-v-7c703177] {
7222
7224
  grid-column: nav-start / nav-end;
7223
7225
  }
7224
- .desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container__inner[data-v-c23d864e] {
7226
+ .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
- .desktop-tab-horizontal-stack-centered-logo-right-menu[data-v-c23d864e] {
7237
+ .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
- .desktop-tab-horizontal-stack-centered-logo-right-menu .logo-container[data-v-c23d864e] {
7246
+ .desktop-tab-horizontal-stack-centered-logo-right-menu .logo-container[data-v-7c703177] {
7245
7247
  grid-column: logo-start / logo-end;
7246
7248
  }
7247
- .desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container[data-v-c23d864e] {
7249
+ .desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container[data-v-7c703177] {
7248
7250
  grid-column: nav-start / nav-end;
7249
7251
  }
7250
- .desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container__inner[data-v-c23d864e] {
7252
+ .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
- .desktop-tab-vertical-stack-centered-logo-centered-menu[data-v-c23d864e] {
7259
+ .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
- .desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-c23d864e] {
7265
+ .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
  .desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav
7272
- .logo-container[data-v-c23d864e] {
7274
+ .logo-container[data-v-7c703177] {
7273
7275
  grid-row: row1-start / row1-end;
7274
7276
  }
7275
7277
  .desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav
7276
- .nav-container[data-v-c23d864e] {
7278
+ .nav-container[data-v-7c703177] {
7277
7279
  grid-row: row2-start / row2-end;
7278
7280
  width: 100%;
7279
7281
  }
7280
7282
  .desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav
7281
- .nav-container__inner[data-v-c23d864e] {
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
- .desktop-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-c23d864e] {
7291
+ .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
- .mobile-tab-vertical-stack-centered-logo-centered-menu[data-v-c23d864e] {
7301
+ .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
- .mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-c23d864e] {
7308
+ .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
  .mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav
7314
- .logo-container[data-v-c23d864e] {
7316
+ .logo-container[data-v-7c703177] {
7315
7317
  grid-row: row1-start / row1-end;
7316
7318
  }
7317
- .mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav .nav-container[data-v-c23d864e] {
7319
+ .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
- .mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-c23d864e] {
7323
+ .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
- .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-c23d864e] {
7333
+ .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
  .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav
7340
- .logo-container[data-v-c23d864e] {
7345
+ .logo-container[data-v-7c703177] {
7341
7346
  grid-row: row2-start / row2-end;
7342
7347
  text-align: center;
7343
7348
  }
7344
7349
  .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav
7345
- .nav-container[data-v-c23d864e] {
7350
+ .nav-container[data-v-7c703177] {
7346
7351
  grid-row: row1-start / row1-end;
7347
7352
  }
7348
- .desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-c23d864e] {
7353
+ .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
- .mobile-tab-vertical-stack-centered-menu-centered-logo[data-v-c23d864e] {
7362
+ .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
- .mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-c23d864e] {
7369
+ .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
  .mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav
7373
- .logo-container[data-v-c23d864e] {
7378
+ .logo-container[data-v-7c703177] {
7374
7379
  grid-row: row2-start / row2-end;
7375
7380
  }
7376
- .mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav .nav-container[data-v-c23d864e] {
7381
+ .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
- .mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-c23d864e] {
7385
+ .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
- .desktop-tab-left-menu-no-logo[data-v-c23d864e],
7388
- .desktop-hamburger-no-logo-left-menu[data-v-c23d864e] {
7395
+ .desktop-tab-left-menu-no-logo[data-v-7c703177],
7396
+ .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
- .desktop-tab-left-menu-no-logo .logo-container[data-v-c23d864e],
7397
- .desktop-hamburger-no-logo-left-menu .logo-container[data-v-c23d864e] {
7404
+ .desktop-tab-left-menu-no-logo .logo-container[data-v-7c703177],
7405
+ .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
- .desktop-tab-centered-menu-no-logo[data-v-c23d864e],
7403
- .desktop-hamburger-no-logo-centered-menu[data-v-c23d864e],
7404
- .mobile-tab-centered-menu-no-logo[data-v-c23d864e] {
7410
+ .desktop-tab-centered-menu-no-logo[data-v-7c703177],
7411
+ .desktop-hamburger-no-logo-centered-menu[data-v-7c703177],
7412
+ .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
- .desktop-tab-centered-menu-no-logo .logo-container[data-v-c23d864e],
7413
- .desktop-hamburger-no-logo-centered-menu .logo-container[data-v-c23d864e],
7414
- .mobile-tab-centered-menu-no-logo .logo-container[data-v-c23d864e] {
7420
+ .desktop-tab-centered-menu-no-logo .logo-container[data-v-7c703177],
7421
+ .desktop-hamburger-no-logo-centered-menu .logo-container[data-v-7c703177],
7422
+ .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
- .desktop-tab-right-menu-no-logo[data-v-c23d864e],
7420
- .desktop-hamburger-no-logo-right-menu[data-v-c23d864e] {
7427
+ .desktop-tab-right-menu-no-logo[data-v-7c703177],
7428
+ .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
- .desktop-tab-right-menu-no-logo .logo-container[data-v-c23d864e],
7429
- .desktop-hamburger-no-logo-right-menu .logo-container[data-v-c23d864e] {
7436
+ .desktop-tab-right-menu-no-logo .logo-container[data-v-7c703177],
7437
+ .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
- .desktop-hamburger-horizontal-stack-left-logo-right-menu[data-v-c23d864e],
7435
- .mobile-hamburger-horizontal-stack-left-logo-right-menu[data-v-c23d864e] {
7442
+ .desktop-hamburger-horizontal-stack-left-logo-right-menu[data-v-7c703177],
7443
+ .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
- .desktop-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-c23d864e],
7445
- .mobile-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-c23d864e] {
7452
+ .desktop-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-7c703177],
7453
+ .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
- .desktop-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-c23d864e],
7456
- .mobile-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-c23d864e] {
7463
+ .desktop-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-7c703177],
7464
+ .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
- .desktop-hamburger-horizontal-stack-centered-logo-right-menu[data-v-c23d864e],
7464
- .mobile-hamburger-horizontal-stack-centered-logo-right-menu[data-v-c23d864e] {
7471
+ .desktop-hamburger-horizontal-stack-centered-logo-right-menu[data-v-7c703177],
7472
+ .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
- .desktop-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-c23d864e],
7474
- .mobile-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-c23d864e] {
7481
+ .desktop-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-7c703177],
7482
+ .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
- .desktop-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-c23d864e],
7486
- .mobile-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-c23d864e] {
7493
+ .desktop-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-7c703177],
7494
+ .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
- .mobile-hamburger-horizontal-stack-left-menu-centered-logo[data-v-c23d864e] {
7500
+ .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
- .mobile-hamburger-horizontal-stack-left-menu-centered-logo .logo-container[data-v-c23d864e] {
7510
+ .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
- .mobile-hamburger-horizontal-stack-left-menu-centered-logo .nav-container[data-v-c23d864e] {
7521
+ .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
  .mobile-hamburger-horizontal-stack-left-menu-centered-logo
7518
- .nav-container__inner[data-v-c23d864e] {
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
- .mobile-hamburger-horizontal-stack-left-menu-left-logo[data-v-c23d864e] {
7532
+ .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
- .mobile-hamburger-horizontal-stack-left-menu-left-logo .logo-container[data-v-c23d864e] {
7540
+ .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
- .mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container[data-v-c23d864e] {
7550
+ .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
- .mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container__inner[data-v-c23d864e] {
7554
+ .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
- .mobile-hamburger-no-logo-left-menu[data-v-c23d864e] {
7560
+ .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
- .mobile-hamburger-no-logo-left-menu .logo-container[data-v-c23d864e] {
7568
+ .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
- .mobile-hamburger-no-logo-centered-menu[data-v-c23d864e] {
7573
+ .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
- .mobile-hamburger-no-logo-centered-menu .logo-container[data-v-c23d864e] {
7581
+ .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
- .mobile-hamburger-no-logo-right-menu[data-v-c23d864e] {
7585
+ .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
- .mobile-hamburger-no-logo-right-menu .logo-container[data-v-c23d864e] {
7593
+ .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
- .cta-container[data-v-c23d864e] .bp-button,
7594
- .cta-mirror[data-v-c23d864e] .bp-button {
7601
+ .cta-container[data-v-7c703177] .bp-button,
7602
+ .cta-mirror[data-v-7c703177] .bp-button {
7595
7603
  margin-bottom: 0;
7596
7604
  min-height: 0;
7597
7605
  }
7598
- .cta-container[data-v-c23d864e] .c-button__no-icon,
7599
- .cta-mirror[data-v-c23d864e] .c-button__no-icon {
7606
+ .cta-container[data-v-7c703177] .c-button__no-icon,
7607
+ .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
- .cta-container[data-v-c23d864e] .c-button__label,
7605
- .cta-mirror[data-v-c23d864e] .c-button__label {
7612
+ .cta-container[data-v-7c703177] .c-button__label,
7613
+ .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
- .cta-container[data-v-c23d864e] .bp-style-wrapper,
7612
- .cta-mirror[data-v-c23d864e] .bp-style-wrapper {
7619
+ .cta-container[data-v-7c703177] .bp-style-wrapper,
7620
+ .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
- .cta-mirror[data-v-c23d864e] {
7629
+ .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
- .desktop-tab-horizontal-stack-left-logo-right-menu .cta-container[data-v-c23d864e],
7632
- .desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-c23d864e],
7633
- .desktop-tab-right-menu-no-logo .cta-container[data-v-c23d864e] {
7639
+ .desktop-tab-horizontal-stack-left-logo-right-menu .cta-container[data-v-7c703177],
7640
+ .desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-7c703177],
7641
+ .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
- .desktop-tab-left-menu-no-logo .cta-container[data-v-c23d864e] {
7647
+ .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
- .desktop-tab-horizontal-stack-left-logo-right-menu.no-nav .cta-container[data-v-c23d864e],
7645
- .desktop-tab-horizontal-stack-left-logo-left-menu.no-nav .cta-container[data-v-c23d864e] {
7652
+ .desktop-tab-horizontal-stack-left-logo-right-menu.no-nav .cta-container[data-v-7c703177],
7653
+ .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
- .desktop-tab-horizontal-stack-left-logo-centered-menu .cta-container[data-v-c23d864e] {
7658
+ .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
- .desktop-tab-horizontal-stack-centered-logo-right-menu.has-header-cta[data-v-c23d864e] {
7665
+ .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
- .desktop-tab-horizontal-stack-centered-logo-right-menu .cta-container[data-v-c23d864e] {
7679
+ .desktop-tab-horizontal-stack-centered-logo-right-menu .cta-container[data-v-7c703177] {
7672
7680
  grid-column: cta-start / cta-end;
7673
7681
  }
7674
- .desktop-tab-horizontal-stack-centered-logo-right-menu .cta-mirror[data-v-c23d864e] {
7682
+ .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
- .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta[data-v-c23d864e],
7686
- .desktop-tab-centered-menu-no-logo.show-nav.has-header-cta[data-v-c23d864e] {
7693
+ .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta[data-v-7c703177],
7694
+ .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
  .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta
7699
- .nav-container[data-v-c23d864e],
7700
- .desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .nav-container[data-v-c23d864e] {
7707
+ .nav-container[data-v-7c703177],
7708
+ .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
  .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta
7706
- .logo-container[data-v-c23d864e] {
7714
+ .logo-container[data-v-7c703177] {
7707
7715
  grid-column: nav-start / nav-end;
7708
7716
  }
7709
7717
  .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta
7710
- .cta-container[data-v-c23d864e],
7711
- .desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .cta-container[data-v-c23d864e] {
7718
+ .cta-container[data-v-7c703177],
7719
+ .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
  .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta
7719
- .cta-mirror[data-v-c23d864e],
7720
- .desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .cta-mirror[data-v-c23d864e] {
7727
+ .cta-mirror[data-v-7c703177],
7728
+ .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
- .desktop-tab-vertical-stack-centered-logo-centered-menu.has-header-cta[data-v-c23d864e] {
7736
+ .desktop-tab-vertical-stack-centered-logo-centered-menu.has-header-cta[data-v-7c703177] {
7729
7737
  position: relative;
7730
7738
  }
7731
- .desktop-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-c23d864e] {
7739
+ .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
- .desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav.has-header-cta[data-v-c23d864e] {
7747
+ .desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav.has-header-cta[data-v-7c703177] {
7740
7748
  position: relative;
7741
7749
  }
7742
- .desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav .cta-container[data-v-c23d864e] {
7750
+ .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
- .desktop-tab-centered-menu-no-logo.no-nav .cta-container[data-v-c23d864e] {
7758
+ .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
- .mobile-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-c23d864e],
7756
- .mobile-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-c23d864e] {
7763
+ .mobile-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-7c703177],
7764
+ .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
  .mobile-tab-vertical-stack-centered-logo-centered-menu
7762
- .cta-container[data-v-c23d864e]
7770
+ .cta-container[data-v-7c703177]
7763
7771
  .bp-style-wrapper,
7764
7772
  .mobile-tab-vertical-stack-centered-menu-centered-logo
7765
- .cta-container[data-v-c23d864e]
7773
+ .cta-container[data-v-7c703177]
7766
7774
  .bp-style-wrapper,
7767
- .mobile-tab-centered-menu-no-logo .cta-container[data-v-c23d864e] .bp-style-wrapper,
7775
+ .mobile-tab-centered-menu-no-logo .cta-container[data-v-7c703177] .bp-style-wrapper,
7768
7776
  .mobile-hamburger-no-logo-left-menu.no-nav
7769
- .cta-container[data-v-c23d864e]
7777
+ .cta-container[data-v-7c703177]
7770
7778
  .bp-style-wrapper,
7771
7779
  .mobile-hamburger-no-logo-centered-menu.no-nav
7772
- .cta-container[data-v-c23d864e]
7780
+ .cta-container[data-v-7c703177]
7773
7781
  .bp-style-wrapper,
7774
7782
  .mobile-hamburger-no-logo-right-menu.no-nav
7775
- .cta-container[data-v-c23d864e]
7783
+ .cta-container[data-v-7c703177]
7776
7784
  .bp-style-wrapper,
7777
7785
  .mobile-hamburger-horizontal-stack-left-logo-right-menu.no-nav
7778
- .cta-container[data-v-c23d864e]
7786
+ .cta-container[data-v-7c703177]
7779
7787
  .bp-style-wrapper,
7780
7788
  .mobile-hamburger-horizontal-stack-centered-logo-right-menu.no-nav
7781
- .cta-container[data-v-c23d864e]
7789
+ .cta-container[data-v-7c703177]
7782
7790
  .bp-style-wrapper,
7783
7791
  .mobile-hamburger-horizontal-stack-left-menu-centered-logo.no-nav
7784
- .cta-container[data-v-c23d864e]
7792
+ .cta-container[data-v-7c703177]
7785
7793
  .bp-style-wrapper,
7786
7794
  .mobile-hamburger-horizontal-stack-left-menu-left-logo.no-nav
7787
- .cta-container[data-v-c23d864e]
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
- .mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav.has-header-cta[data-v-c23d864e],
7794
- .mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav.has-header-cta[data-v-c23d864e] {
7801
+ .mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav.has-header-cta[data-v-7c703177],
7802
+ .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
- .mobile-tab-centered-menu-no-logo.has-header-cta[data-v-c23d864e],
7806
- .mobile-hamburger-no-logo-left-menu.no-nav.has-header-cta[data-v-c23d864e],
7807
- .mobile-hamburger-no-logo-centered-menu.no-nav.has-header-cta[data-v-c23d864e],
7808
- .mobile-hamburger-no-logo-right-menu.no-nav.has-header-cta[data-v-c23d864e] {
7810
+ .mobile-tab-centered-menu-no-logo.has-header-cta[data-v-7c703177],
7811
+ .mobile-hamburger-no-logo-left-menu.no-nav.has-header-cta[data-v-7c703177],
7812
+ .mobile-hamburger-no-logo-centered-menu.no-nav.has-header-cta[data-v-7c703177],
7813
+ .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
- .mobile-tab-centered-menu-no-logo .cta-container[data-v-c23d864e],
7814
- .mobile-hamburger-no-logo-left-menu.no-nav .cta-container[data-v-c23d864e],
7815
- .mobile-hamburger-no-logo-centered-menu.no-nav .cta-container[data-v-c23d864e],
7816
- .mobile-hamburger-no-logo-right-menu.no-nav .cta-container[data-v-c23d864e] {
7818
+ .mobile-tab-centered-menu-no-logo .cta-container[data-v-7c703177],
7819
+ .mobile-hamburger-no-logo-left-menu.no-nav .cta-container[data-v-7c703177],
7820
+ .mobile-hamburger-no-logo-centered-menu.no-nav .cta-container[data-v-7c703177],
7821
+ .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
- .desktop-hamburger-horizontal-stack-left-logo-right-menu.has-header-cta[data-v-c23d864e] {
7826
+ .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
- .desktop-hamburger-horizontal-stack-left-logo-right-menu .cta-container[data-v-c23d864e] {
7831
+ .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
- .desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta[data-v-c23d864e] {
7843
+ .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
  .desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta
7847
- .logo-container[data-v-c23d864e] {
7852
+ .logo-container[data-v-7c703177] {
7848
7853
  grid-column: logo-start;
7849
7854
  }
7850
7855
  .desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta
7851
- .nav-container[data-v-c23d864e] {
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
- .desktop-hamburger-horizontal-stack-centered-logo-right-menu .cta-container[data-v-c23d864e] {
7861
+ .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
  .desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta
7867
- .cta-mirror[data-v-c23d864e] {
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
- .desktop-hamburger-horizontal-stack-centered-logo-right-menu.no-nav.has-header-cta[data-v-c23d864e] {
7880
+ .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
  .desktop-hamburger-horizontal-stack-centered-logo-right-menu.no-nav
7884
- .cta-container[data-v-c23d864e],
7889
+ .cta-container[data-v-7c703177],
7885
7890
  .desktop-hamburger-horizontal-stack-centered-logo-right-menu.no-nav
7886
- .cta-mirror[data-v-c23d864e] {
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
- .desktop-hamburger-no-logo-left-menu .cta-container[data-v-c23d864e],
7893
- .desktop-hamburger-no-logo-centered-menu .cta-container[data-v-c23d864e],
7894
- .desktop-hamburger-no-logo-right-menu .cta-container[data-v-c23d864e] {
7897
+ .desktop-hamburger-no-logo-left-menu .cta-container[data-v-7c703177],
7898
+ .desktop-hamburger-no-logo-centered-menu .cta-container[data-v-7c703177],
7899
+ .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
- .desktop-hamburger-no-logo-left-menu.has-header-cta[data-v-c23d864e],
7906
- .desktop-hamburger-no-logo-centered-menu.has-header-cta[data-v-c23d864e] {
7910
+ .desktop-hamburger-no-logo-left-menu.has-header-cta[data-v-7c703177],
7911
+ .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
- .mobile-hamburger-horizontal-stack-left-logo-right-menu.no-nav .cta-container[data-v-c23d864e],
7918
+ .mobile-hamburger-horizontal-stack-left-logo-right-menu.no-nav .cta-container[data-v-7c703177],
7914
7919
  .mobile-hamburger-horizontal-stack-centered-logo-right-menu.no-nav
7915
- .cta-container[data-v-c23d864e],
7920
+ .cta-container[data-v-7c703177],
7916
7921
  .mobile-hamburger-horizontal-stack-left-menu-centered-logo.no-nav
7917
- .cta-container[data-v-c23d864e],
7918
- .mobile-hamburger-horizontal-stack-left-menu-left-logo.no-nav .cta-container[data-v-c23d864e] {
7922
+ .cta-container[data-v-7c703177],
7923
+ .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
- .desktop-tab-horizontal-stack-left-logo-right-menu .cta-container[data-v-c23d864e],
7927
- .desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-c23d864e],
7928
- .desktop-tab-horizontal-stack-left-logo-centered-menu .cta-container[data-v-c23d864e],
7929
- .desktop-tab-horizontal-stack-centered-logo-right-menu .cta-container[data-v-c23d864e],
7930
- .desktop-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-c23d864e],
7931
- .desktop-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-c23d864e],
7932
- .desktop-tab-left-menu-no-logo .cta-container[data-v-c23d864e],
7933
- .desktop-tab-centered-menu-no-logo .cta-container[data-v-c23d864e],
7934
- .desktop-tab-right-menu-no-logo .cta-container[data-v-c23d864e],
7935
- .desktop-hamburger-horizontal-stack-left-logo-right-menu .cta-container[data-v-c23d864e],
7936
- .desktop-hamburger-horizontal-stack-centered-logo-right-menu .cta-container[data-v-c23d864e],
7937
- .desktop-hamburger-no-logo-left-menu .cta-container[data-v-c23d864e],
7938
- .desktop-hamburger-no-logo-centered-menu .cta-container[data-v-c23d864e],
7939
- .desktop-hamburger-no-logo-right-menu .cta-container[data-v-c23d864e] {
7931
+ .desktop-tab-horizontal-stack-left-logo-right-menu .cta-container[data-v-7c703177],
7932
+ .desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-7c703177],
7933
+ .desktop-tab-horizontal-stack-left-logo-centered-menu .cta-container[data-v-7c703177],
7934
+ .desktop-tab-horizontal-stack-centered-logo-right-menu .cta-container[data-v-7c703177],
7935
+ .desktop-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-7c703177],
7936
+ .desktop-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-7c703177],
7937
+ .desktop-tab-left-menu-no-logo .cta-container[data-v-7c703177],
7938
+ .desktop-tab-centered-menu-no-logo .cta-container[data-v-7c703177],
7939
+ .desktop-tab-right-menu-no-logo .cta-container[data-v-7c703177],
7940
+ .desktop-hamburger-horizontal-stack-left-logo-right-menu .cta-container[data-v-7c703177],
7941
+ .desktop-hamburger-horizontal-stack-centered-logo-right-menu .cta-container[data-v-7c703177],
7942
+ .desktop-hamburger-no-logo-left-menu .cta-container[data-v-7c703177],
7943
+ .desktop-hamburger-no-logo-centered-menu .cta-container[data-v-7c703177],
7944
+ .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 @@ body {
9554
9559
  contain-intrinsic-size: auto 36px;
9555
9560
  }
9556
9561
 
9557
- .rich-text-editor[data-v-7272d264]:focus-within {
9562
+ .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
- .style-editor[data-v-7272d264] {
9566
+ .style-editor[data-v-d27ffcd7] {
9562
9567
  display: -webkit-box;
9563
9568
  display: -ms-flexbox;
9564
9569
  display: flex;
@@ -9569,7 +9574,7 @@ body {
9569
9574
  -ms-flex-wrap: wrap;
9570
9575
  flex-wrap: wrap;
9571
9576
  }
9572
- .style-editor[data-v-7272d264] button:not(.c-button-style) {
9577
+ .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 @@ body {
9579
9584
  padding-left: 0.5rem;
9580
9585
  padding-right: 0.5rem;
9581
9586
  }
9582
- .style-editor-button[data-v-7272d264] {
9587
+ .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
- .toolbar-editor-button.active[data-v-7272d264] {
9592
+ .toolbar-editor-button.active[data-v-d27ffcd7] {
9588
9593
  font-weight: 700;
9589
9594
  background: #e3e3e3;
9590
9595
  }
9591
- .toolbar-editor-button[data-v-7272d264] {
9596
+ .toolbar-editor-button[data-v-d27ffcd7] {
9592
9597
  height: 32px;
9593
9598
  width: 32px;
9594
9599
  border-radius: 4px;
@@ -9606,7 +9611,7 @@ body {
9606
9611
  -ms-flex-pack: center;
9607
9612
  justify-content: center;
9608
9613
  }
9609
- [data-v-7272d264] .ProseMirror {
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 @@ body {
9619
9624
  max-height: 14rem;
9620
9625
  overflow: auto;
9621
9626
  }
9622
- .editor-compact[data-v-7272d264] .ProseMirror {
9627
+ .editor-compact[data-v-d27ffcd7] .ProseMirror {
9623
9628
  min-height: 6rem;
9624
9629
  }
9625
- [data-v-7272d264] .ProseMirror:focus {
9630
+ [data-v-d27ffcd7] .ProseMirror:focus {
9626
9631
  outline: none;
9627
9632
  }
9628
- [data-v-7272d264] .ProseMirror * {
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 @@ body {
9634
9639
  background-color: transparent !important;
9635
9640
  font-family: 'Lato' !important;
9636
9641
  }
9637
- [data-v-7272d264] .ProseMirror a s,[data-v-7272d264] .ProseMirror a strike,[data-v-7272d264] .ProseMirror a [data-strike] {
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-7272d264] .ProseMirror a,[data-v-7272d264] .ProseMirror a * {
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
- .error-message[data-v-7272d264] {
9650
+ .error-message[data-v-d27ffcd7] {
9646
9651
  color: #d32f2f;
9647
9652
  font-size: 0.875rem;
9648
9653
  margin-top: 4px;
9649
9654
  }
9650
- .popup-container[data-v-7272d264] {
9655
+ .popup-container[data-v-d27ffcd7] {
9651
9656
  position: absolute;
9652
9657
  z-index: 10;
9653
9658
  right: 8%;
9654
9659
  }
9655
- .hyperlink-preview[data-v-7272d264] {
9660
+ .hyperlink-preview[data-v-d27ffcd7] {
9656
9661
  position: absolute;
9657
9662
  z-index: 10;
9658
9663
  }
9659
- .popup-panel[data-v-7272d264] {
9664
+ .popup-panel[data-v-d27ffcd7] {
9660
9665
  background: #fff;
9661
9666
  border: 1px solid #ccc;
9662
9667
  border-radius: 8px;
@@ -9664,17 +9669,17 @@ body {
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
- .popup-panel[data-v-7272d264] input {
9672
+ .popup-panel[data-v-d27ffcd7] input {
9668
9673
  border: 1px solid #ccc;
9669
9674
  border-radius: 8px;
9670
9675
  }
9671
- .border[data-v-7272d264] {
9676
+ .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-7272d264] .text-dropdown-title {
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 @@ body {
9683
9688
  color: rgb(43 43 43 / var(--tw-text-opacity));
9684
9689
  font-weight: 300;
9685
9690
  }
9686
- [data-v-7272d264] .ProseMirror p.is-editor-empty:first-child::before {
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 @@ body {
9692
9697
  pointer-events: none;
9693
9698
  }
9694
9699
  @media (max-width: 399px) {
9695
- .style-editor-button-font[data-v-7272d264],
9696
- .style-editor-button-textstyle[data-v-7272d264] {
9700
+ .style-editor-button-font[data-v-d27ffcd7],
9701
+ .style-editor-button-textstyle[data-v-d27ffcd7] {
9697
9702
  max-width: 48%;
9698
9703
  padding-bottom: 0.25rem;
9699
9704
  }
9700
- .style-editor-button.stepper[data-v-7272d264] {
9705
+ .style-editor-button.stepper[data-v-d27ffcd7] {
9701
9706
  max-width: 40%;
9702
9707
  }
9703
- .style-editor-button-stepper[data-v-7272d264] {
9708
+ .style-editor-button-stepper[data-v-d27ffcd7] {
9704
9709
  max-width: 100%;
9705
9710
  }
9706
- .border.desktop[data-v-7272d264] {
9711
+ .border.desktop[data-v-d27ffcd7] {
9707
9712
  display: none;
9708
9713
  }
9709
- .border.mobile[data-v-7272d264] {
9714
+ .border.mobile[data-v-d27ffcd7] {
9710
9715
  display: block;
9711
9716
  }
9712
- [data-v-7272d264] .left-align {
9717
+ [data-v-d27ffcd7] .left-align {
9713
9718
  -webkit-transform: translateX(-48%);
9714
9719
  transform: translateX(-48%);
9715
9720
  }
9716
- .hyperlink-popup[data-v-7272d264] {
9721
+ .hyperlink-popup[data-v-d27ffcd7] {
9717
9722
  z-index: 10000 !important;
9718
9723
  }
9719
9724
  }
9720
9725
  @media (min-width: 400px) {
9721
- .style-editor-button.stepper[data-v-7272d264] {
9726
+ .style-editor-button.stepper[data-v-d27ffcd7] {
9722
9727
  max-width: 32%;
9723
9728
  }
9724
- .style-editor-button-font[data-v-7272d264] {
9729
+ .style-editor-button-font[data-v-d27ffcd7] {
9725
9730
  max-width: 28%;
9726
9731
  }
9727
- .style-editor-button-stepper[data-v-7272d264] {
9732
+ .style-editor-button-stepper[data-v-d27ffcd7] {
9728
9733
  max-width: 100%;
9729
9734
  }
9730
- .style-editor-button-textstyle[data-v-7272d264] {
9735
+ .style-editor-button-textstyle[data-v-d27ffcd7] {
9731
9736
  max-width: 25%;
9732
9737
  }
9733
- .border.desktop[data-v-7272d264] {
9738
+ .border.desktop[data-v-d27ffcd7] {
9734
9739
  display: block;
9735
9740
  }
9736
- .border.mobile[data-v-7272d264] {
9741
+ .border.mobile[data-v-d27ffcd7] {
9737
9742
  display: none;
9738
9743
  }
9739
- [data-v-7272d264] .left-align {
9744
+ [data-v-d27ffcd7] .left-align {
9740
9745
  -webkit-transform: translateX(-25%);
9741
9746
  transform: translateX(-25%);
9742
9747
  }
9743
9748
  }
9744
- .drop-down-item[data-v-7272d264]:hover {
9749
+ .drop-down-item[data-v-d27ffcd7]:hover {
9745
9750
  background-color: #eee;
9746
9751
  }
9747
9752