@transferwise/neptune-css 0.0.0-experimental-d2bbcaf → 0.0.0-experimental-6d4c9c1

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.
@@ -3075,6 +3075,9 @@
3075
3075
  */
3076
3076
  .wds-text-display-large,
3077
3077
  .np-text-display-extra-large,
3078
+ .np-text-display-large,
3079
+ .wds-text-display-large,
3080
+ .np-text-display-extra-large,
3078
3081
  .np-text-display-large {
3079
3082
  font-family: 'Wise Sans', 'Inter', sans-serif;
3080
3083
  font-family: var(--wds-font-family-display);
@@ -3088,6 +3091,8 @@
3088
3091
  letter-spacing: var(--wds-letter-spacing-display-large);
3089
3092
  }
3090
3093
  .wds-text-display-medium,
3094
+ .np-text-display-medium,
3095
+ .wds-text-display-medium,
3091
3096
  .np-text-display-medium {
3092
3097
  font-family: 'Wise Sans', 'Inter', sans-serif;
3093
3098
  font-family: var(--wds-font-family-display);
@@ -3101,6 +3106,8 @@
3101
3106
  letter-spacing: var(--wds-letter-spacing-display-medium);
3102
3107
  }
3103
3108
  .wds-text-display-small,
3109
+ .np-text-display-small,
3110
+ .wds-text-display-small,
3104
3111
  .np-text-display-small {
3105
3112
  font-family: 'Wise Sans', 'Inter', sans-serif;
3106
3113
  font-family: var(--wds-font-family-display);
@@ -3114,6 +3121,8 @@
3114
3121
  letter-spacing: var(--wds-letter-spacing-display-small);
3115
3122
  }
3116
3123
  .wds-text-display-number-small,
3124
+ .np-text-display-number-small,
3125
+ .wds-text-display-number-small,
3117
3126
  .np-text-display-number-small {
3118
3127
  font-family: 'Inter', Helvetica, Arial, sans-serif;
3119
3128
  font-family: var(--wds-font-family-regular);
@@ -3127,6 +3136,8 @@
3127
3136
  letter-spacing: var(--wds-letter-spacing-display-number-small);
3128
3137
  }
3129
3138
  .wds-text-display-number-medium,
3139
+ .np-text-display-number-medium,
3140
+ .wds-text-display-number-medium,
3130
3141
  .np-text-display-number-medium {
3131
3142
  font-family: 'Wise Sans', 'Inter', sans-serif;
3132
3143
  font-family: var(--wds-font-family-display);
@@ -3140,6 +3151,8 @@
3140
3151
  letter-spacing: var(--wds-letter-spacing-display-number-medium);
3141
3152
  }
3142
3153
  .wds-text-display-number-large,
3154
+ .np-text-display-number-large,
3155
+ .wds-text-display-number-large,
3143
3156
  .np-text-display-number-large {
3144
3157
  font-family: 'Wise Sans', 'Inter', sans-serif;
3145
3158
  font-family: var(--wds-font-family-display);
@@ -3156,6 +3169,11 @@
3156
3169
  .h1,
3157
3170
  .title-1,
3158
3171
  h1,
3172
+ .np-text-title-screen,
3173
+ .wds-text-title-screen,
3174
+ .h1,
3175
+ .title-1,
3176
+ h1,
3159
3177
  .np-text-title-screen {
3160
3178
  font-family: 'Inter', Helvetica, Arial, sans-serif;
3161
3179
  font-family: var(--wds-font-family-regular);
@@ -3172,6 +3190,11 @@ h1,
3172
3190
  .h2,
3173
3191
  .title-2,
3174
3192
  h2,
3193
+ .np-text-title-section,
3194
+ .wds-text-title-section,
3195
+ .h2,
3196
+ .title-2,
3197
+ h2,
3175
3198
  .np-text-title-section {
3176
3199
  font-family: 'Inter', Helvetica, Arial, sans-serif;
3177
3200
  font-family: var(--wds-font-family-regular);
@@ -3189,6 +3212,14 @@ h2,
3189
3212
  .title-3,
3190
3213
  h3,
3191
3214
  .np-text-title-subsection,
3215
+ .wds-text-title-subsection,
3216
+ .input-group-lg > .form-control,
3217
+ .input-group-lg > .input-group-addon,
3218
+ .input-group-lg > .input-group-btn .btn,
3219
+ .h3,
3220
+ .title-3,
3221
+ h3,
3222
+ .np-text-title-subsection,
3192
3223
  .input-group-lg > .form-control,
3193
3224
  .input-group-lg > .input-group-addon,
3194
3225
  .input-group-lg > .input-group-btn .btn {
@@ -3208,6 +3239,13 @@ h3,
3208
3239
  .title-4,
3209
3240
  h4,
3210
3241
  .np-text-title-body,
3242
+ .wds-text-title-body,
3243
+ .decision__title,
3244
+ .popover-title,
3245
+ .h4,
3246
+ .title-4,
3247
+ h4,
3248
+ .np-text-title-body,
3211
3249
  .decision__title,
3212
3250
  .popover-title {
3213
3251
  font-family: 'Inter', Helvetica, Arial, sans-serif;
@@ -3228,6 +3266,15 @@ h4,
3228
3266
  h5,
3229
3267
  h6,
3230
3268
  .np-text-title-group,
3269
+ .wds-text-title-group,
3270
+ .dropdown-header,
3271
+ .list-group-item-heading,
3272
+ .h5,
3273
+ .h6,
3274
+ .title-5,
3275
+ h5,
3276
+ h6,
3277
+ .np-text-title-group,
3231
3278
  .dropdown-header,
3232
3279
  .list-group-item-heading {
3233
3280
  font-family: 'Inter', Helvetica, Arial, sans-serif;
@@ -3245,6 +3292,17 @@ h6,
3245
3292
  .body-1,
3246
3293
  .value,
3247
3294
  .np-text-body-large,
3295
+ .wds-text-body-large,
3296
+ .form-control,
3297
+ .input-lg,
3298
+ .form-control-placeholder,
3299
+ .input-group-lg > .form-control,
3300
+ .input-group-lg > .input-group-addon,
3301
+ .input-group-lg > .input-group-btn .btn,
3302
+ .droppable,
3303
+ .body-1,
3304
+ .value,
3305
+ .np-text-body-large,
3248
3306
  .form-control,
3249
3307
  .input-lg,
3250
3308
  .form-control-placeholder,
@@ -3266,6 +3324,10 @@ h6,
3266
3324
  .wds-text-body-large-bold,
3267
3325
  .control-1,
3268
3326
  .np-text-body-large-bold,
3327
+ .wds-text-body-large-bold,
3328
+ .btn,
3329
+ .control-1,
3330
+ .np-text-body-large-bold,
3269
3331
  .btn {
3270
3332
  font-family: 'Inter', Helvetica, Arial, sans-serif;
3271
3333
  font-family: var(--wds-font-family-regular);
@@ -3286,6 +3348,27 @@ h6,
3286
3348
  body,
3287
3349
  small,
3288
3350
  .np-text-body-default,
3351
+ .wds-text-body-default,
3352
+ .btn-group .secondary,
3353
+ .input-sm,
3354
+ .input-group-sm > .form-control,
3355
+ .input-group-sm > .input-group-addon,
3356
+ .decision__content,
3357
+ .dropdown-menu,
3358
+ .dropdown-menu > li > a,
3359
+ .footer,
3360
+ .footer .footer-link,
3361
+ .footer .link-icon,
3362
+ .popover,
3363
+ .popover-content,
3364
+ .tooltip-inner,
3365
+ .body-2,
3366
+ .body-3,
3367
+ .small,
3368
+ .tiny,
3369
+ body,
3370
+ small,
3371
+ .np-text-body-default,
3289
3372
  .btn-group .secondary,
3290
3373
  .input-sm,
3291
3374
  .input-group-sm > .form-control,
@@ -3314,6 +3397,11 @@ small,
3314
3397
  .control-2,
3315
3398
  .label,
3316
3399
  .control-label,
3400
+ .np-text-body-default-bold,
3401
+ .wds-text-body-default-bold,
3402
+ .control-2,
3403
+ .label,
3404
+ .control-label,
3317
3405
  .np-text-body-default-bold {
3318
3406
  font-family: 'Inter', Helvetica, Arial, sans-serif;
3319
3407
  font-family: var(--wds-font-family-regular);
@@ -3351,6 +3439,8 @@ small,
3351
3439
  letter-spacing: var(--wds-letter-spacing-nav);
3352
3440
  }
3353
3441
  .wds-text-display-number,
3442
+ .np-text-display-number,
3443
+ .wds-text-display-number,
3354
3444
  .np-text-display-number {
3355
3445
  font-family: 'Inter', Helvetica, Arial, sans-serif;
3356
3446
  font-family: var(--wds-font-family-regular);
@@ -3964,7 +4054,7 @@ video {
3964
4054
  clip: auto;
3965
4055
  }
3966
4056
  /* stylelint-disable selector-max-empty-lines */
3967
- /* DEPRECATED: use .np-text-*-title instead */
4057
+ /* DEPRECATED: use `.wds-text-*` instead */
3968
4058
  /* stylelint-disable-next-line selector-list-comma-newline-after */
3969
4059
  .h1,
3970
4060
  .h2,
@@ -4198,35 +4288,53 @@ h6 + ol:not(.list-unstyled),
4198
4288
  margin-block-start: 8px;
4199
4289
  margin-block-start: var(--size-8);
4200
4290
  }
4201
- /* DEPRECATED: use .np-text-title-screen instead */
4291
+ /* DEPRECATED: use `.wds-text-title-screen` instead */
4202
4292
  /* stylelint-disable-next-line selector-list-comma-newline-after */
4203
4293
  .h1,
4204
4294
  .title-1,
4205
4295
  h1,
4296
+ .np-text-title-screen,
4297
+ .wds-text-title-screen,
4298
+ .h1,
4299
+ .title-1,
4300
+ h1,
4206
4301
  .np-text-title-screen {
4207
4302
  margin-block-end: initial;
4208
4303
  }
4209
- /* DEPRECATED: use .np-text-title-section instead */
4304
+ /* DEPRECATED: use `.wds-text-title-section` instead */
4210
4305
  /* stylelint-disable-next-line selector-list-comma-newline-after */
4211
4306
  .h2,
4212
4307
  .title-2,
4213
4308
  h2,
4309
+ .np-text-title-section,
4310
+ .wds-text-title-section,
4311
+ .h2,
4312
+ .title-2,
4313
+ h2,
4214
4314
  .np-text-title-section {
4215
4315
  margin-block-end: initial;
4216
4316
  }
4217
- /* DEPRECATED: use .np-text-title-subsection instead */
4317
+ /* DEPRECATED: use `.wds-text-title-subsection` instead */
4218
4318
  /* stylelint-disable-next-line selector-list-comma-newline-after */
4219
4319
  .h3,
4220
4320
  .title-3,
4221
4321
  h3,
4222
- .np-text-title-subsection {
4322
+ .np-text-title-subsection,
4323
+ .wds-text-title-subsection,
4324
+ .h3,
4325
+ .title-3,
4326
+ h3,
4327
+ .np-text-title-subsection,
4328
+ .input-group-lg > .form-control,
4329
+ .input-group-lg > .input-group-addon,
4330
+ .input-group-lg > .input-group-btn .btn {
4223
4331
  margin-block-end: initial;
4224
4332
  }
4225
- /* DEPRECATED: use .np-text-title-body instead */
4333
+ /* DEPRECATED: use `.wds-text-title-body` instead */
4226
4334
  /* stylelint-disable-next-line selector-list-comma-newline-after */
4227
- /* DEPRECATED: use .np-text-title-group instead */
4335
+ /* DEPRECATED: use `.wds-text-title-group` instead */
4228
4336
  /* stylelint-disable-next-line selector-list-comma-newline-after */
4229
- /* DEPRECATED: use .np-text-title-body instead */
4337
+ /* DEPRECATED: use `.wds-text-title-body` instead */
4230
4338
  .lead {
4231
4339
  margin-block-end: 24px;
4232
4340
  margin-block-end: var(--size-24);
@@ -4239,7 +4347,7 @@ h3,
4239
4347
  color: #5d7079;
4240
4348
  color: var(--color-content-secondary);
4241
4349
  }
4242
- /* DEPRECATED: use .np-text-body-default instead */
4350
+ /* DEPRECATED: use `.wds-text-body-default` instead */
4243
4351
  /* stylelint-disable-next-line selector-list-comma-newline-after */
4244
4352
  .body-2,
4245
4353
  .body-3,
@@ -4247,7 +4355,28 @@ h3,
4247
4355
  .tiny,
4248
4356
  body,
4249
4357
  small,
4250
- .np-text-body-default {
4358
+ .np-text-body-default,
4359
+ .wds-text-body-default,
4360
+ .body-2,
4361
+ .body-3,
4362
+ .small,
4363
+ .tiny,
4364
+ body,
4365
+ small,
4366
+ .np-text-body-default,
4367
+ .btn-group .secondary,
4368
+ .input-sm,
4369
+ .input-group-sm > .form-control,
4370
+ .input-group-sm > .input-group-addon,
4371
+ .decision__content,
4372
+ .dropdown-menu,
4373
+ .dropdown-menu > li > a,
4374
+ .footer,
4375
+ .footer .footer-link,
4376
+ .footer .link-icon,
4377
+ .popover,
4378
+ .popover-content,
4379
+ .tooltip-inner {
4251
4380
  word-wrap: break-word;
4252
4381
  }
4253
4382
  @supports (hyphenate-limit-chars: 1) {
@@ -4257,7 +4386,49 @@ small,
4257
4386
  .tiny,
4258
4387
  body,
4259
4388
  small,
4260
- .np-text-body-default {
4389
+ .np-text-body-default,
4390
+ .wds-text-body-default,
4391
+ .body-2,
4392
+ .body-3,
4393
+ .small,
4394
+ .tiny,
4395
+ body,
4396
+ small,
4397
+ .np-text-body-default,
4398
+ .wds-text-body-default,
4399
+ .btn-group .secondary,
4400
+ .input-sm,
4401
+ .input-group-sm > .form-control,
4402
+ .input-group-sm > .input-group-addon,
4403
+ .decision__content,
4404
+ .dropdown-menu,
4405
+ .dropdown-menu > li > a,
4406
+ .footer,
4407
+ .footer .footer-link,
4408
+ .footer .link-icon,
4409
+ .popover,
4410
+ .popover-content,
4411
+ .tooltip-inner,
4412
+ .body-2,
4413
+ .body-3,
4414
+ .small,
4415
+ .tiny,
4416
+ body,
4417
+ small,
4418
+ .np-text-body-default,
4419
+ .btn-group .secondary,
4420
+ .input-sm,
4421
+ .input-group-sm > .form-control,
4422
+ .input-group-sm > .input-group-addon,
4423
+ .decision__content,
4424
+ .dropdown-menu,
4425
+ .dropdown-menu > li > a,
4426
+ .footer,
4427
+ .footer .footer-link,
4428
+ .footer .link-icon,
4429
+ .popover,
4430
+ .popover-content,
4431
+ .tooltip-inner {
4261
4432
  hyphens: auto;
4262
4433
  hyphenate-limit-chars: 7 3;
4263
4434
  }
@@ -4268,7 +4439,49 @@ small,
4268
4439
  .tiny,
4269
4440
  body,
4270
4441
  small,
4271
- .np-text-body-default {
4442
+ .np-text-body-default,
4443
+ .wds-text-body-default,
4444
+ .body-2,
4445
+ .body-3,
4446
+ .small,
4447
+ .tiny,
4448
+ body,
4449
+ small,
4450
+ .np-text-body-default,
4451
+ .wds-text-body-default,
4452
+ .btn-group .secondary,
4453
+ .input-sm,
4454
+ .input-group-sm > .form-control,
4455
+ .input-group-sm > .input-group-addon,
4456
+ .decision__content,
4457
+ .dropdown-menu,
4458
+ .dropdown-menu > li > a,
4459
+ .footer,
4460
+ .footer .footer-link,
4461
+ .footer .link-icon,
4462
+ .popover,
4463
+ .popover-content,
4464
+ .tooltip-inner,
4465
+ .body-2,
4466
+ .body-3,
4467
+ .small,
4468
+ .tiny,
4469
+ body,
4470
+ small,
4471
+ .np-text-body-default,
4472
+ .btn-group .secondary,
4473
+ .input-sm,
4474
+ .input-group-sm > .form-control,
4475
+ .input-group-sm > .input-group-addon,
4476
+ .decision__content,
4477
+ .dropdown-menu,
4478
+ .dropdown-menu > li > a,
4479
+ .footer,
4480
+ .footer .footer-link,
4481
+ .footer .link-icon,
4482
+ .popover,
4483
+ .popover-content,
4484
+ .tooltip-inner {
4272
4485
  hyphenate-limit-chars: 8 3;
4273
4486
  }
4274
4487
  }
@@ -4279,7 +4492,49 @@ small,
4279
4492
  .tiny,
4280
4493
  body,
4281
4494
  small,
4282
- .np-text-body-default {
4495
+ .np-text-body-default,
4496
+ .wds-text-body-default,
4497
+ .body-2,
4498
+ .body-3,
4499
+ .small,
4500
+ .tiny,
4501
+ body,
4502
+ small,
4503
+ .np-text-body-default,
4504
+ .wds-text-body-default,
4505
+ .btn-group .secondary,
4506
+ .input-sm,
4507
+ .input-group-sm > .form-control,
4508
+ .input-group-sm > .input-group-addon,
4509
+ .decision__content,
4510
+ .dropdown-menu,
4511
+ .dropdown-menu > li > a,
4512
+ .footer,
4513
+ .footer .footer-link,
4514
+ .footer .link-icon,
4515
+ .popover,
4516
+ .popover-content,
4517
+ .tooltip-inner,
4518
+ .body-2,
4519
+ .body-3,
4520
+ .small,
4521
+ .tiny,
4522
+ body,
4523
+ small,
4524
+ .np-text-body-default,
4525
+ .btn-group .secondary,
4526
+ .input-sm,
4527
+ .input-group-sm > .form-control,
4528
+ .input-group-sm > .input-group-addon,
4529
+ .decision__content,
4530
+ .dropdown-menu,
4531
+ .dropdown-menu > li > a,
4532
+ .footer,
4533
+ .footer .footer-link,
4534
+ .footer .link-icon,
4535
+ .popover,
4536
+ .popover-content,
4537
+ .tooltip-inner {
4283
4538
  hyphenate-limit-chars: 10 4 3;
4284
4539
  }
4285
4540
  }
@@ -4291,7 +4546,49 @@ small,
4291
4546
  .tiny,
4292
4547
  body,
4293
4548
  small,
4294
- .np-text-body-default {
4549
+ .np-text-body-default,
4550
+ .wds-text-body-default,
4551
+ .body-2,
4552
+ .body-3,
4553
+ .small,
4554
+ .tiny,
4555
+ body,
4556
+ small,
4557
+ .np-text-body-default,
4558
+ .wds-text-body-default,
4559
+ .btn-group .secondary,
4560
+ .input-sm,
4561
+ .input-group-sm > .form-control,
4562
+ .input-group-sm > .input-group-addon,
4563
+ .decision__content,
4564
+ .dropdown-menu,
4565
+ .dropdown-menu > li > a,
4566
+ .footer,
4567
+ .footer .footer-link,
4568
+ .footer .link-icon,
4569
+ .popover,
4570
+ .popover-content,
4571
+ .tooltip-inner,
4572
+ .body-2,
4573
+ .body-3,
4574
+ .small,
4575
+ .tiny,
4576
+ body,
4577
+ small,
4578
+ .np-text-body-default,
4579
+ .btn-group .secondary,
4580
+ .input-sm,
4581
+ .input-group-sm > .form-control,
4582
+ .input-group-sm > .input-group-addon,
4583
+ .decision__content,
4584
+ .dropdown-menu,
4585
+ .dropdown-menu > li > a,
4586
+ .footer,
4587
+ .footer .footer-link,
4588
+ .footer .link-icon,
4589
+ .popover,
4590
+ .popover-content,
4591
+ .tooltip-inner {
4295
4592
  hyphens: auto;
4296
4593
  -webkit-hyphenate-limit-before: 3;
4297
4594
  -webkit-hyphenate-limit-after: 3;
@@ -4303,20 +4600,77 @@ small,
4303
4600
  .tiny,
4304
4601
  body,
4305
4602
  small,
4306
- .np-text-body-default {
4603
+ .np-text-body-default,
4604
+ .wds-text-body-default,
4605
+ .body-2,
4606
+ .body-3,
4607
+ .small,
4608
+ .tiny,
4609
+ body,
4610
+ small,
4611
+ .np-text-body-default,
4612
+ .wds-text-body-default,
4613
+ .btn-group .secondary,
4614
+ .input-sm,
4615
+ .input-group-sm > .form-control,
4616
+ .input-group-sm > .input-group-addon,
4617
+ .decision__content,
4618
+ .dropdown-menu,
4619
+ .dropdown-menu > li > a,
4620
+ .footer,
4621
+ .footer .footer-link,
4622
+ .footer .link-icon,
4623
+ .popover,
4624
+ .popover-content,
4625
+ .tooltip-inner,
4626
+ .body-2,
4627
+ .body-3,
4628
+ .small,
4629
+ .tiny,
4630
+ body,
4631
+ small,
4632
+ .np-text-body-default,
4633
+ .btn-group .secondary,
4634
+ .input-sm,
4635
+ .input-group-sm > .form-control,
4636
+ .input-group-sm > .input-group-addon,
4637
+ .decision__content,
4638
+ .dropdown-menu,
4639
+ .dropdown-menu > li > a,
4640
+ .footer,
4641
+ .footer .footer-link,
4642
+ .footer .link-icon,
4643
+ .popover,
4644
+ .popover-content,
4645
+ .tooltip-inner {
4307
4646
  -webkit-hyphenate-limit-before: 4;
4308
4647
  }
4309
4648
  }
4310
4649
  }
4311
- /* DEPRECATED: use .np-text-body-default-bold instead */
4650
+ /* DEPRECATED: use `.wds-text-body-default-bold` instead */
4312
4651
  /* stylelint-disable-next-line selector-list-comma-newline-after */
4313
4652
  .control-2,
4314
4653
  .label,
4315
4654
  .control-label,
4655
+ .np-text-body-default-bold,
4656
+ .wds-text-body-default-bold,
4657
+ .control-2,
4658
+ .label,
4659
+ .control-label,
4316
4660
  .np-text-body-default-bold {
4317
4661
  word-wrap: break-word;
4318
4662
  }
4319
4663
  @supports (hyphenate-limit-chars: 1) {
4664
+ .control-2,
4665
+ .label,
4666
+ .control-label,
4667
+ .np-text-body-default-bold,
4668
+ .wds-text-body-default-bold,
4669
+ .control-2,
4670
+ .label,
4671
+ .control-label,
4672
+ .np-text-body-default-bold,
4673
+ .wds-text-body-default-bold,
4320
4674
  .control-2,
4321
4675
  .label,
4322
4676
  .control-label,
@@ -4325,6 +4679,16 @@ small,
4325
4679
  hyphenate-limit-chars: 7 3;
4326
4680
  }
4327
4681
  @media (min-width: 840px) {
4682
+ .control-2,
4683
+ .label,
4684
+ .control-label,
4685
+ .np-text-body-default-bold,
4686
+ .wds-text-body-default-bold,
4687
+ .control-2,
4688
+ .label,
4689
+ .control-label,
4690
+ .np-text-body-default-bold,
4691
+ .wds-text-body-default-bold,
4328
4692
  .control-2,
4329
4693
  .label,
4330
4694
  .control-label,
@@ -4333,6 +4697,16 @@ small,
4333
4697
  }
4334
4698
  }
4335
4699
  @media (min-width: 1160px) {
4700
+ .control-2,
4701
+ .label,
4702
+ .control-label,
4703
+ .np-text-body-default-bold,
4704
+ .wds-text-body-default-bold,
4705
+ .control-2,
4706
+ .label,
4707
+ .control-label,
4708
+ .np-text-body-default-bold,
4709
+ .wds-text-body-default-bold,
4336
4710
  .control-2,
4337
4711
  .label,
4338
4712
  .control-label,
@@ -4342,6 +4716,16 @@ small,
4342
4716
  }
4343
4717
  }
4344
4718
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
4719
+ .control-2,
4720
+ .label,
4721
+ .control-label,
4722
+ .np-text-body-default-bold,
4723
+ .wds-text-body-default-bold,
4724
+ .control-2,
4725
+ .label,
4726
+ .control-label,
4727
+ .np-text-body-default-bold,
4728
+ .wds-text-body-default-bold,
4345
4729
  .control-2,
4346
4730
  .label,
4347
4731
  .control-label,
@@ -4351,6 +4735,16 @@ small,
4351
4735
  -webkit-hyphenate-limit-after: 3;
4352
4736
  }
4353
4737
  @media (min-width: 1160px) {
4738
+ .control-2,
4739
+ .label,
4740
+ .control-label,
4741
+ .np-text-body-default-bold,
4742
+ .wds-text-body-default-bold,
4743
+ .control-2,
4744
+ .label,
4745
+ .control-label,
4746
+ .np-text-body-default-bold,
4747
+ .wds-text-body-default-bold,
4354
4748
  .control-2,
4355
4749
  .label,
4356
4750
  .control-label,
@@ -4359,31 +4753,108 @@ small,
4359
4753
  }
4360
4754
  }
4361
4755
  }
4362
- /* DEPRECATED: use .np-text-body-large instead */
4756
+ /* DEPRECATED: use `.wds-text-body-large` instead */
4363
4757
  /* stylelint-disable-next-line selector-list-comma-newline-after */
4364
4758
  .body-1,
4365
4759
  .value,
4366
- .np-text-body-large {
4760
+ .np-text-body-large,
4761
+ .wds-text-body-large,
4762
+ .body-1,
4763
+ .value,
4764
+ .np-text-body-large,
4765
+ .form-control,
4766
+ .input-lg,
4767
+ .form-control-placeholder,
4768
+ .input-group-lg > .form-control,
4769
+ .input-group-lg > .input-group-addon,
4770
+ .input-group-lg > .input-group-btn .btn,
4771
+ .droppable {
4367
4772
  word-wrap: break-word;
4368
4773
  }
4369
4774
  @supports (hyphenate-limit-chars: 1) {
4370
4775
  .body-1,
4371
4776
  .value,
4372
- .np-text-body-large {
4777
+ .np-text-body-large,
4778
+ .wds-text-body-large,
4779
+ .body-1,
4780
+ .value,
4781
+ .np-text-body-large,
4782
+ .wds-text-body-large,
4783
+ .form-control,
4784
+ .input-lg,
4785
+ .form-control-placeholder,
4786
+ .input-group-lg > .form-control,
4787
+ .input-group-lg > .input-group-addon,
4788
+ .input-group-lg > .input-group-btn .btn,
4789
+ .droppable,
4790
+ .body-1,
4791
+ .value,
4792
+ .np-text-body-large,
4793
+ .form-control,
4794
+ .input-lg,
4795
+ .form-control-placeholder,
4796
+ .input-group-lg > .form-control,
4797
+ .input-group-lg > .input-group-addon,
4798
+ .input-group-lg > .input-group-btn .btn,
4799
+ .droppable {
4373
4800
  hyphens: auto;
4374
4801
  hyphenate-limit-chars: 7 3;
4375
4802
  }
4376
4803
  @media (min-width: 840px) {
4377
4804
  .body-1,
4378
4805
  .value,
4379
- .np-text-body-large {
4806
+ .np-text-body-large,
4807
+ .wds-text-body-large,
4808
+ .body-1,
4809
+ .value,
4810
+ .np-text-body-large,
4811
+ .wds-text-body-large,
4812
+ .form-control,
4813
+ .input-lg,
4814
+ .form-control-placeholder,
4815
+ .input-group-lg > .form-control,
4816
+ .input-group-lg > .input-group-addon,
4817
+ .input-group-lg > .input-group-btn .btn,
4818
+ .droppable,
4819
+ .body-1,
4820
+ .value,
4821
+ .np-text-body-large,
4822
+ .form-control,
4823
+ .input-lg,
4824
+ .form-control-placeholder,
4825
+ .input-group-lg > .form-control,
4826
+ .input-group-lg > .input-group-addon,
4827
+ .input-group-lg > .input-group-btn .btn,
4828
+ .droppable {
4380
4829
  hyphenate-limit-chars: 8 3;
4381
4830
  }
4382
4831
  }
4383
4832
  @media (min-width: 1160px) {
4384
4833
  .body-1,
4385
4834
  .value,
4386
- .np-text-body-large {
4835
+ .np-text-body-large,
4836
+ .wds-text-body-large,
4837
+ .body-1,
4838
+ .value,
4839
+ .np-text-body-large,
4840
+ .wds-text-body-large,
4841
+ .form-control,
4842
+ .input-lg,
4843
+ .form-control-placeholder,
4844
+ .input-group-lg > .form-control,
4845
+ .input-group-lg > .input-group-addon,
4846
+ .input-group-lg > .input-group-btn .btn,
4847
+ .droppable,
4848
+ .body-1,
4849
+ .value,
4850
+ .np-text-body-large,
4851
+ .form-control,
4852
+ .input-lg,
4853
+ .form-control-placeholder,
4854
+ .input-group-lg > .form-control,
4855
+ .input-group-lg > .input-group-addon,
4856
+ .input-group-lg > .input-group-btn .btn,
4857
+ .droppable {
4387
4858
  hyphenate-limit-chars: 10 4 3;
4388
4859
  }
4389
4860
  }
@@ -4391,7 +4862,29 @@ small,
4391
4862
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
4392
4863
  .body-1,
4393
4864
  .value,
4394
- .np-text-body-large {
4865
+ .np-text-body-large,
4866
+ .wds-text-body-large,
4867
+ .body-1,
4868
+ .value,
4869
+ .np-text-body-large,
4870
+ .wds-text-body-large,
4871
+ .form-control,
4872
+ .input-lg,
4873
+ .form-control-placeholder,
4874
+ .input-group-lg > .form-control,
4875
+ .input-group-lg > .input-group-addon,
4876
+ .input-group-lg > .input-group-btn .btn,
4877
+ .droppable,
4878
+ .body-1,
4879
+ .value,
4880
+ .np-text-body-large,
4881
+ .form-control,
4882
+ .input-lg,
4883
+ .form-control-placeholder,
4884
+ .input-group-lg > .form-control,
4885
+ .input-group-lg > .input-group-addon,
4886
+ .input-group-lg > .input-group-btn .btn,
4887
+ .droppable {
4395
4888
  hyphens: auto;
4396
4889
  -webkit-hyphenate-limit-before: 3;
4397
4890
  -webkit-hyphenate-limit-after: 3;
@@ -4399,46 +4892,112 @@ small,
4399
4892
  @media (min-width: 1160px) {
4400
4893
  .body-1,
4401
4894
  .value,
4402
- .np-text-body-large {
4895
+ .np-text-body-large,
4896
+ .wds-text-body-large,
4897
+ .body-1,
4898
+ .value,
4899
+ .np-text-body-large,
4900
+ .wds-text-body-large,
4901
+ .form-control,
4902
+ .input-lg,
4903
+ .form-control-placeholder,
4904
+ .input-group-lg > .form-control,
4905
+ .input-group-lg > .input-group-addon,
4906
+ .input-group-lg > .input-group-btn .btn,
4907
+ .droppable,
4908
+ .body-1,
4909
+ .value,
4910
+ .np-text-body-large,
4911
+ .form-control,
4912
+ .input-lg,
4913
+ .form-control-placeholder,
4914
+ .input-group-lg > .form-control,
4915
+ .input-group-lg > .input-group-addon,
4916
+ .input-group-lg > .input-group-btn .btn,
4917
+ .droppable {
4403
4918
  -webkit-hyphenate-limit-before: 4;
4404
4919
  }
4405
4920
  }
4406
4921
  }
4407
- /* DEPRECATED: use np-text-body-large-bold instead */
4922
+ /* DEPRECATED: use `.wds-text-body-large-bold` instead */
4408
4923
  /* stylelint-disable-next-line selector-list-comma-newline-after */
4409
4924
  .control-1,
4410
- .np-text-body-large-bold {
4925
+ .np-text-body-large-bold,
4926
+ .wds-text-body-large-bold,
4927
+ .control-1,
4928
+ .np-text-body-large-bold,
4929
+ .btn {
4411
4930
  word-wrap: break-word;
4412
4931
  }
4413
4932
  @supports (hyphenate-limit-chars: 1) {
4414
4933
  .control-1,
4415
- .np-text-body-large-bold {
4934
+ .np-text-body-large-bold,
4935
+ .wds-text-body-large-bold,
4936
+ .control-1,
4937
+ .np-text-body-large-bold,
4938
+ .wds-text-body-large-bold,
4939
+ .btn,
4940
+ .control-1,
4941
+ .np-text-body-large-bold,
4942
+ .btn {
4416
4943
  hyphens: auto;
4417
4944
  hyphenate-limit-chars: 7 3;
4418
4945
  }
4419
4946
  @media (min-width: 840px) {
4420
4947
  .control-1,
4421
- .np-text-body-large-bold {
4948
+ .np-text-body-large-bold,
4949
+ .wds-text-body-large-bold,
4950
+ .control-1,
4951
+ .np-text-body-large-bold,
4952
+ .wds-text-body-large-bold,
4953
+ .btn,
4954
+ .control-1,
4955
+ .np-text-body-large-bold,
4956
+ .btn {
4422
4957
  hyphenate-limit-chars: 8 3;
4423
4958
  }
4424
4959
  }
4425
4960
  @media (min-width: 1160px) {
4426
4961
  .control-1,
4427
- .np-text-body-large-bold {
4962
+ .np-text-body-large-bold,
4963
+ .wds-text-body-large-bold,
4964
+ .control-1,
4965
+ .np-text-body-large-bold,
4966
+ .wds-text-body-large-bold,
4967
+ .btn,
4968
+ .control-1,
4969
+ .np-text-body-large-bold,
4970
+ .btn {
4428
4971
  hyphenate-limit-chars: 10 4 3;
4429
4972
  }
4430
4973
  }
4431
4974
  }
4432
4975
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
4433
4976
  .control-1,
4434
- .np-text-body-large-bold {
4977
+ .np-text-body-large-bold,
4978
+ .wds-text-body-large-bold,
4979
+ .control-1,
4980
+ .np-text-body-large-bold,
4981
+ .wds-text-body-large-bold,
4982
+ .btn,
4983
+ .control-1,
4984
+ .np-text-body-large-bold,
4985
+ .btn {
4435
4986
  hyphens: auto;
4436
4987
  -webkit-hyphenate-limit-before: 3;
4437
4988
  -webkit-hyphenate-limit-after: 3;
4438
4989
  }
4439
4990
  @media (min-width: 1160px) {
4440
4991
  .control-1,
4441
- .np-text-body-large-bold {
4992
+ .np-text-body-large-bold,
4993
+ .wds-text-body-large-bold,
4994
+ .control-1,
4995
+ .np-text-body-large-bold,
4996
+ .wds-text-body-large-bold,
4997
+ .btn,
4998
+ .control-1,
4999
+ .np-text-body-large-bold,
5000
+ .btn {
4442
5001
  -webkit-hyphenate-limit-before: 4;
4443
5002
  }
4444
5003
  }
@@ -5168,6 +5727,21 @@ a.text-inverse:focus {
5168
5727
  .bg-primary .np-text-title-group,
5169
5728
  .bg-info .np-text-title-group,
5170
5729
  .bg-accent .np-text-title-group,
5730
+ .bg-primary .wds-text-title-screen,
5731
+ .bg-info .wds-text-title-screen,
5732
+ .bg-accent .wds-text-title-screen,
5733
+ .bg-primary .wds-text-title-section,
5734
+ .bg-info .wds-text-title-section,
5735
+ .bg-accent .wds-text-title-section,
5736
+ .bg-primary .wds-text-title-subsection,
5737
+ .bg-info .wds-text-title-subsection,
5738
+ .bg-accent .wds-text-title-subsection,
5739
+ .bg-primary .wds-text-title-body,
5740
+ .bg-info .wds-text-title-body,
5741
+ .bg-accent .wds-text-title-body,
5742
+ .bg-primary .wds-text-title-group,
5743
+ .bg-info .wds-text-title-group,
5744
+ .bg-accent .wds-text-title-group,
5171
5745
  .bg-primary strong,
5172
5746
  .bg-info strong,
5173
5747
  .bg-accent strong {
@@ -7254,6 +7828,16 @@ a.badge:focus {
7254
7828
  block-size: 32px;
7255
7829
  }
7256
7830
  .btn {
7831
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
7832
+ font-family: var(--wds-font-family-regular);
7833
+ font-weight: 600;
7834
+ font-weight: var(--wds-font-weight-body-large-bold);
7835
+ font-size: 1rem;
7836
+ font-size: var(--wds-font-size-body-large);
7837
+ line-height: 1.5;
7838
+ line-height: var(--wds-line-height-body-large);
7839
+ letter-spacing: -0.011em;
7840
+ letter-spacing: var(--wds-letter-spacing-body-large);
7257
7841
  word-wrap: break-word;
7258
7842
  display: inline-block;
7259
7843
  margin-block-end: 0;
@@ -7265,12 +7849,10 @@ a.badge:focus {
7265
7849
  border: 1px solid transparent;
7266
7850
  white-space: nowrap;
7267
7851
  padding-block-end: 10px;
7268
- font-weight: 600;
7269
7852
  font-weight: var(--font-weight-semi-bold);
7270
7853
  padding-block: 12px calc(12px - 2px);
7271
7854
  padding-inline: 24px;
7272
7855
  padding: var(--btn-padding);
7273
- font-size: 1rem;
7274
7856
  font-size: var(--font-size-16);
7275
7857
  line-height: 1.5rem;
7276
7858
  line-height: var(--line-height-24);
@@ -9039,8 +9621,9 @@ a.btn {
9039
9621
  .btn-group .btn-input + .dropdown-menu > li > a {
9040
9622
  white-space: normal;
9041
9623
  }
9042
- .btn-group .np-text-body-default,
9043
9624
  .btn-group .body-2,
9625
+ .btn-group .np-text-body-default,
9626
+ .btn-group .wds-text-body-default,
9044
9627
  .btn-group .small {
9045
9628
  color: #5d7079;
9046
9629
  color: var(--color-content-secondary);
@@ -9051,6 +9634,16 @@ a.btn {
9051
9634
  }
9052
9635
  }
9053
9636
  .btn-group .secondary {
9637
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
9638
+ font-family: var(--wds-font-family-regular);
9639
+ font-weight: 400;
9640
+ font-weight: var(--wds-font-weight-body-regular);
9641
+ font-size: 0.875rem;
9642
+ font-size: var(--wds-font-size-body);
9643
+ line-height: 1.55;
9644
+ line-height: var(--wds-line-height-body);
9645
+ letter-spacing: -0.006em;
9646
+ letter-spacing: var(--wds-letter-spacing-body);
9054
9647
  word-wrap: break-word;
9055
9648
  color: #5d7079;
9056
9649
  color: var(--color-content-secondary);
@@ -9111,31 +9704,31 @@ label,
9111
9704
  font-size: var(--font-size-14);
9112
9705
  line-height: 20px;
9113
9706
  }
9114
- input[type='search'] {
9707
+ input[type="search"] {
9115
9708
  box-sizing: border-box;
9116
9709
  }
9117
- input[type='number'] {
9710
+ input[type="number"] {
9118
9711
  -webkit-appearance: textfield;
9119
9712
  -moz-appearance: textfield;
9120
9713
  appearance: textfield;
9121
9714
  }
9122
- input[type='number']::-webkit-outer-spin-button,
9123
- input[type='number']::-webkit-inner-spin-button {
9715
+ input[type="number"]::-webkit-outer-spin-button,
9716
+ input[type="number"]::-webkit-inner-spin-button {
9124
9717
  -webkit-appearance: none;
9125
9718
  appearance: none;
9126
9719
  margin: 0;
9127
9720
  }
9128
- input[type='radio'],
9129
- input[type='checkbox'] {
9721
+ input[type="radio"],
9722
+ input[type="checkbox"] {
9130
9723
  margin-block: 4px 0;
9131
9724
  margin-inline: 0;
9132
9725
  margin-block-start: 1px;
9133
9726
  line-height: normal;
9134
9727
  }
9135
- input[type='file'] {
9728
+ input[type="file"] {
9136
9729
  display: block;
9137
9730
  }
9138
- input[type='range'] {
9731
+ input[type="range"] {
9139
9732
  display: block;
9140
9733
  inline-size: 100%;
9141
9734
  }
@@ -9143,9 +9736,9 @@ select[multiple],
9143
9736
  select[size] {
9144
9737
  block-size: auto;
9145
9738
  }
9146
- input[type='file']:focus,
9147
- input[type='radio']:focus,
9148
- input[type='checkbox']:focus {
9739
+ input[type="file"]:focus,
9740
+ input[type="radio"]:focus,
9741
+ input[type="checkbox"]:focus {
9149
9742
  outline: #37517e solid 2px;
9150
9743
  outline: var(--ring-outline-color) solid var(--ring-outline-width);
9151
9744
  outline-offset: 2px;
@@ -9179,6 +9772,15 @@ output {
9179
9772
  padding-inline: 16px;
9180
9773
  padding: var(--input-padding);
9181
9774
  border-radius: 3px;
9775
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
9776
+ font-family: var(--wds-font-family-regular);
9777
+ font-weight: 400;
9778
+ font-weight: var(--wds-font-weight-body-large-regular);
9779
+ font-size: var(--wds-font-size-body-large);
9780
+ line-height: 1.5;
9781
+ line-height: var(--wds-line-height-body-large);
9782
+ letter-spacing: -0.011em;
9783
+ letter-spacing: var(--wds-letter-spacing-body-large);
9182
9784
  word-wrap: break-word;
9183
9785
  background-clip: padding-box;
9184
9786
  }
@@ -9258,36 +9860,36 @@ textarea.form-control {
9258
9860
  .np-theme-personal .form-control:focus {
9259
9861
  border-color: var(--color-interactive-primary);
9260
9862
  }
9261
- input[type='search'] {
9863
+ input[type="search"] {
9262
9864
  -webkit-appearance: none;
9263
9865
  -moz-appearance: none;
9264
9866
  appearance: none;
9265
9867
  }
9266
9868
  @media screen and (min-device-pixel-ratio: 0) {
9267
- input[type='date'],
9268
- input[type='time'],
9269
- input[type='datetime-local'],
9270
- input[type='month'] {
9869
+ input[type="date"],
9870
+ input[type="time"],
9871
+ input[type="datetime-local"],
9872
+ input[type="month"] {
9271
9873
  line-height: var(--input-height-base);
9272
9874
  }
9273
- input[type='date'].input-sm,
9274
- input[type='time'].input-sm,
9275
- input[type='datetime-local'].input-sm,
9276
- input[type='month'].input-sm,
9277
- .input-group-sm input[type='date'],
9278
- .input-group-sm input[type='time'],
9279
- .input-group-sm input[type='datetime-local'],
9280
- .input-group-sm input[type='month'] {
9875
+ input[type="date"].input-sm,
9876
+ input[type="time"].input-sm,
9877
+ input[type="datetime-local"].input-sm,
9878
+ input[type="month"].input-sm,
9879
+ .input-group-sm input[type="date"],
9880
+ .input-group-sm input[type="time"],
9881
+ .input-group-sm input[type="datetime-local"],
9882
+ .input-group-sm input[type="month"] {
9281
9883
  line-height: var(--input-height-small);
9282
9884
  }
9283
- input[type='date'].input-lg,
9284
- input[type='time'].input-lg,
9285
- input[type='datetime-local'].input-lg,
9286
- input[type='month'].input-lg,
9287
- .input-group-lg input[type='date'],
9288
- .input-group-lg input[type='time'],
9289
- .input-group-lg input[type='datetime-local'],
9290
- .input-group-lg input[type='month'] {
9885
+ input[type="date"].input-lg,
9886
+ input[type="time"].input-lg,
9887
+ input[type="datetime-local"].input-lg,
9888
+ input[type="month"].input-lg,
9889
+ .input-group-lg input[type="date"],
9890
+ .input-group-lg input[type="time"],
9891
+ .input-group-lg input[type="datetime-local"],
9892
+ .input-group-lg input[type="month"] {
9291
9893
  line-height: calc(var(--input-height-large) - 1.5);
9292
9894
  line-height: calc(var(--input-height-large) - var(--line-height-body));
9293
9895
  }
@@ -9303,7 +9905,7 @@ input[type='search'] {
9303
9905
  color: #37517e;
9304
9906
  color: var(--color-content-primary);
9305
9907
  }
9306
- .row-equal-height > [class*='col-'] > .form-group {
9908
+ .row-equal-height > [class*="col-"] > .form-group {
9307
9909
  inline-size: 100%;
9308
9910
  }
9309
9911
  .radio,
@@ -9322,10 +9924,10 @@ input[type='search'] {
9322
9924
  .checkbox + .checkbox {
9323
9925
  margin-block-start: 12px;
9324
9926
  }
9325
- .radio input[type='radio'],
9326
- .radio-inline input[type='radio'],
9327
- .checkbox input[type='checkbox'],
9328
- .checkbox-inline input[type='checkbox'] {
9927
+ .radio input[type="radio"],
9928
+ .radio-inline input[type="radio"],
9929
+ .checkbox input[type="checkbox"],
9930
+ .checkbox-inline input[type="checkbox"] {
9329
9931
  position: absolute;
9330
9932
  margin-inline-start: -20px;
9331
9933
  margin-block-start: 4px \9;
@@ -9351,12 +9953,12 @@ fieldset[disabled] .checkbox-inline {
9351
9953
  margin-block-start: 0;
9352
9954
  margin-inline-start: 10px;
9353
9955
  }
9354
- input[type='radio'][disabled],
9355
- input[type='checkbox'][disabled],
9356
- input[type='radio'].disabled,
9357
- input[type='checkbox'].disabled,
9358
- fieldset[disabled] input[type='radio'],
9359
- fieldset[disabled] input[type='checkbox'] {
9956
+ input[type="radio"][disabled],
9957
+ input[type="checkbox"][disabled],
9958
+ input[type="radio"].disabled,
9959
+ input[type="checkbox"].disabled,
9960
+ fieldset[disabled] input[type="radio"],
9961
+ fieldset[disabled] input[type="checkbox"] {
9360
9962
  cursor: not-allowed;
9361
9963
  }
9362
9964
  input[type="password"]::-ms-reveal {
@@ -9396,6 +9998,16 @@ fieldset[disabled] .checkbox label {
9396
9998
  border-radius: 3px;
9397
9999
  font-size: 14px;
9398
10000
  line-height: 24px;
10001
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
10002
+ font-family: var(--wds-font-family-regular);
10003
+ font-weight: 400;
10004
+ font-weight: var(--wds-font-weight-body-regular);
10005
+ font-size: 0.875rem;
10006
+ font-size: var(--wds-font-size-body);
10007
+ line-height: 1.55;
10008
+ line-height: var(--wds-line-height-body);
10009
+ letter-spacing: -0.006em;
10010
+ letter-spacing: var(--wds-letter-spacing-body);
9399
10011
  word-wrap: break-word;
9400
10012
  }
9401
10013
  select.input-sm {
@@ -9473,6 +10085,16 @@ select[multiple].input-sm {
9473
10085
  padding-inline: 16px;
9474
10086
  padding: var(--input-padding-large);
9475
10087
  border-radius: 3px;
10088
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
10089
+ font-family: var(--wds-font-family-regular);
10090
+ font-weight: 400;
10091
+ font-weight: var(--wds-font-weight-body-large-regular);
10092
+ font-size: 1rem;
10093
+ font-size: var(--wds-font-size-body-large);
10094
+ line-height: 1.5;
10095
+ line-height: var(--wds-line-height-body-large);
10096
+ letter-spacing: -0.011em;
10097
+ letter-spacing: var(--wds-letter-spacing-body-large);
9476
10098
  word-wrap: break-word;
9477
10099
  }
9478
10100
  select.input-lg {
@@ -10457,8 +11079,8 @@ select[multiple].input-lg {
10457
11079
  .form-inline .checkbox label {
10458
11080
  padding-inline-start: 0;
10459
11081
  }
10460
- .form-inline .radio input[type='radio'],
10461
- .form-inline .checkbox input[type='checkbox'] {
11082
+ .form-inline .radio input[type="radio"],
11083
+ .form-inline .checkbox input[type="checkbox"] {
10462
11084
  position: relative;
10463
11085
  margin-inline-start: 0;
10464
11086
  }
@@ -10890,42 +11512,42 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
10890
11512
  margin-inline-start: -6px;
10891
11513
  margin-inline-end: -6px;
10892
11514
  }
10893
- .form-group .row [class*='col-'] {
11515
+ .form-group .row [class*="col-"] {
10894
11516
  padding-inline-start: 6px;
10895
11517
  padding-inline-end: 6px;
10896
11518
  }
10897
11519
  @media (max-width: 599.98px) {
10898
- .form-group .row [class*='col-sm-'] {
11520
+ .form-group .row [class*="col-sm-"] {
10899
11521
  margin-block-end: 0;
10900
11522
  }
10901
- .form-group .row [class*='col-sm-'] .btn-input {
11523
+ .form-group .row [class*="col-sm-"] .btn-input {
10902
11524
  margin-block-end: 12px;
10903
11525
  }
10904
11526
  }
10905
11527
  @media (max-width: 839.98px) {
10906
- .form-group .row [class*='col-md-'] {
11528
+ .form-group .row [class*="col-md-"] {
10907
11529
  margin-block-end: 0;
10908
11530
  }
10909
- .form-group .row [class*='col-md-'] .form-control,
10910
- .form-group .row [class*='col-md-'] .btn-input {
11531
+ .form-group .row [class*="col-md-"] .form-control,
11532
+ .form-group .row [class*="col-md-"] .btn-input {
10911
11533
  margin-block-end: 12px;
10912
11534
  }
10913
11535
  }
10914
11536
  @media (max-width: 1159.98px) {
10915
- .form-group .row [class*='col-lg-'] {
11537
+ .form-group .row [class*="col-lg-"] {
10916
11538
  margin-block-end: 0;
10917
11539
  }
10918
- .form-group .row [class*='col-lg-'] .form-control,
10919
- .form-group .row [class*='col-lg-'] .btn-input {
11540
+ .form-group .row [class*="col-lg-"] .form-control,
11541
+ .form-group .row [class*="col-lg-"] .btn-input {
10920
11542
  margin-block-end: 12px;
10921
11543
  }
10922
11544
  }
10923
11545
  @media (max-width: 1159.98px) {
10924
- .form-group .row [class*='col-xl-'] {
11546
+ .form-group .row [class*="col-xl-"] {
10925
11547
  margin-block-end: 0;
10926
11548
  }
10927
- .form-group .row [class*='col-xl-'] .form-control,
10928
- .form-group .row [class*='col-xl-'] .btn-input {
11549
+ .form-group .row [class*="col-xl-"] .form-control,
11550
+ .form-group .row [class*="col-xl-"] .btn-input {
10929
11551
  margin-block-end: 12px;
10930
11552
  }
10931
11553
  }
@@ -11008,7 +11630,11 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
11008
11630
  .checkbox.checkbox-lg > label .np-text-body-default,
11009
11631
  .radio.checkbox-lg > label .np-text-body-default,
11010
11632
  .checkbox.radio-lg > label .np-text-body-default,
11011
- .radio.radio-lg > label .np-text-body-default {
11633
+ .radio.radio-lg > label .np-text-body-default,
11634
+ .checkbox.checkbox-lg > label .wds-text-body-default,
11635
+ .radio.checkbox-lg > label .wds-text-body-default,
11636
+ .checkbox.radio-lg > label .wds-text-body-default,
11637
+ .radio.radio-lg > label .wds-text-body-default {
11012
11638
  display: block;
11013
11639
  color: #5d7079;
11014
11640
  color: var(--color-content-secondary);
@@ -11105,6 +11731,16 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
11105
11731
  .form-control-placeholder {
11106
11732
  text-overflow: ellipsis;
11107
11733
  overflow: hidden;
11734
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
11735
+ font-family: var(--wds-font-family-regular);
11736
+ font-weight: 400;
11737
+ font-weight: var(--wds-font-weight-body-large-regular);
11738
+ font-size: 1rem;
11739
+ font-size: var(--wds-font-size-body-large);
11740
+ line-height: 1.5;
11741
+ line-height: var(--wds-line-height-body-large);
11742
+ letter-spacing: -0.011em;
11743
+ letter-spacing: var(--wds-letter-spacing-body-large);
11108
11744
  word-wrap: break-word;
11109
11745
  display: block;
11110
11746
  inline-size: 100%;
@@ -11231,23 +11867,23 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
11231
11867
  .np-theme-personal .has-error .checkbox:hover .tw-checkbox-button,
11232
11868
  .np-theme-personal .has-error .radio:not(.disabled):hover .tw-radio-button,
11233
11869
  .np-theme-personal .has-error .tw-checkbox-button:not(.disabled):not(:disabled):hover,
11234
- .np-theme-personal .has-error input[type=checkbox]:hover + .tw-checkbox-button,
11235
- .np-theme-personal .has-error input[type=radio]:not(.disabled):not(:disabled):hover + .tw-radio-button,
11236
- .np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):hover + .tw-checkbox-button {
11870
+ .np-theme-personal .has-error input[type="checkbox"]:hover + .tw-checkbox-button,
11871
+ .np-theme-personal .has-error input[type="radio"]:not(.disabled):not(:disabled):hover + .tw-radio-button,
11872
+ .np-theme-personal .has-error input[type="checkbox"]:not(.disabled):not(:disabled):hover + .tw-checkbox-button {
11237
11873
  box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
11238
11874
  }
11239
11875
  .np-theme-personal .has-error .tw-checkbox-button.checked,
11240
11876
  .np-theme-personal .has-error .tw-checkbox-button:checked,
11241
- .np-theme-personal .has-error input[type=checkbox]:checked + .tw-checkbox-button,
11877
+ .np-theme-personal .has-error input[type="checkbox"]:checked + .tw-checkbox-button,
11242
11878
  .np-theme-personal .has-error .tw-checkbox-button.checked:hover,
11243
11879
  .np-theme-personal .has-error .tw-checkbox-button:checked:hover,
11244
- .np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
11880
+ .np-theme-personal .has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
11245
11881
  box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
11246
11882
  background: var(--color-sentiment-negative);
11247
11883
  }
11248
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active input[type=checkbox] + .tw-checkbox-button,
11249
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible input[type=checkbox] + .tw-checkbox-button,
11250
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) input[type=checkbox] + .tw-checkbox-button {
11884
+ .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active input[type="checkbox"] + .tw-checkbox-button,
11885
+ .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible input[type="checkbox"] + .tw-checkbox-button,
11886
+ .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) input[type="checkbox"] + .tw-checkbox-button {
11251
11887
  box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-active);
11252
11888
  }
11253
11889
  .np-theme-personal .tw-radio-button,
@@ -11352,13 +11988,25 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
11352
11988
  padding-inline: 16px;
11353
11989
  padding: var(--input-padding-large);
11354
11990
  border-radius: 3px;
11355
- margin: 0;
11356
- color: #37517e;
11357
- color: var(--color-content-primary);
11358
- line-height: 1.2;
11359
- line-height: var(--line-height-title);
11360
- letter-spacing: 0;
11991
+ font-weight: 400;
11992
+ font-weight: var(--wds-font-weight-body-large-regular);
11993
+ font-size: 1rem;
11994
+ font-size: var(--wds-font-size-body-large);
11995
+ line-height: 1.5;
11996
+ line-height: var(--wds-line-height-body-large);
11997
+ letter-spacing: -0.011em;
11998
+ letter-spacing: var(--wds-letter-spacing-body-large);
11361
11999
  word-wrap: break-word;
12000
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
12001
+ font-family: var(--wds-font-family-regular);
12002
+ font-weight: 600;
12003
+ font-weight: var(--wds-font-weight-title-subsection);
12004
+ font-size: 1.375rem;
12005
+ font-size: var(--wds-font-size-title-subsection);
12006
+ line-height: 1.25;
12007
+ line-height: var(--wds-line-height-title-subsection);
12008
+ letter-spacing: -0.018em;
12009
+ letter-spacing: var(--wds-letter-spacing-title-subsection);
11362
12010
  margin-block-end: initial;
11363
12011
  margin-block-end: 0;
11364
12012
  }
@@ -11413,56 +12061,6 @@ select[multiple].input-group-lg > .input-group-btn .btn {
11413
12061
  }
11414
12062
  }
11415
12063
  }
11416
- @supports (hyphenate-limit-chars: 1) {
11417
- .input-group-lg > .form-control,
11418
- .input-group-lg > .input-group-addon,
11419
- .input-group-lg > .input-group-btn .btn {
11420
- hyphens: auto;
11421
- hyphenate-limit-chars: 7 3;
11422
- }
11423
- @media (min-width: 840px) {
11424
- .input-group-lg > .form-control,
11425
- .input-group-lg > .input-group-addon,
11426
- .input-group-lg > .input-group-btn .btn {
11427
- hyphenate-limit-chars: 8 3;
11428
- }
11429
- }
11430
- @media (min-width: 1160px) {
11431
- .input-group-lg > .form-control,
11432
- .input-group-lg > .input-group-addon,
11433
- .input-group-lg > .input-group-btn .btn {
11434
- hyphenate-limit-chars: 10 4 3;
11435
- }
11436
- }
11437
- }
11438
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
11439
- .input-group-lg > .form-control,
11440
- .input-group-lg > .input-group-addon,
11441
- .input-group-lg > .input-group-btn .btn {
11442
- hyphens: auto;
11443
- -webkit-hyphenate-limit-before: 3;
11444
- -webkit-hyphenate-limit-after: 3;
11445
- }
11446
- @media (min-width: 1160px) {
11447
- .input-group-lg > .form-control,
11448
- .input-group-lg > .input-group-addon,
11449
- .input-group-lg > .input-group-btn .btn {
11450
- -webkit-hyphenate-limit-before: 4;
11451
- }
11452
- }
11453
- }
11454
- .input-group-lg > .form-control + p,
11455
- .input-group-lg > .input-group-addon + p,
11456
- .input-group-lg > .input-group-btn .btn + p,
11457
- .input-group-lg > .form-control + ul:not(.list-unstyled),
11458
- .input-group-lg > .input-group-addon + ul:not(.list-unstyled),
11459
- .input-group-lg > .input-group-btn .btn + ul:not(.list-unstyled),
11460
- .input-group-lg > .form-control + ol:not(.list-unstyled),
11461
- .input-group-lg > .input-group-addon + ol:not(.list-unstyled),
11462
- .input-group-lg > .input-group-btn .btn + ol:not(.list-unstyled) {
11463
- margin-block-start: 8px;
11464
- margin-block-start: var(--size-8);
11465
- }
11466
12064
  .input-group-sm > .form-control,
11467
12065
  .input-group-sm > .input-group-addon {
11468
12066
  min-block-size: 32px;
@@ -11472,6 +12070,16 @@ select[multiple].input-group-lg > .input-group-btn .btn {
11472
12070
  border-radius: 3px;
11473
12071
  font-size: 14px;
11474
12072
  line-height: 24px;
12073
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
12074
+ font-family: var(--wds-font-family-regular);
12075
+ font-weight: 400;
12076
+ font-weight: var(--wds-font-weight-body-regular);
12077
+ font-size: 0.875rem;
12078
+ font-size: var(--wds-font-size-body);
12079
+ line-height: 1.55;
12080
+ line-height: var(--wds-line-height-body);
12081
+ letter-spacing: -0.006em;
12082
+ letter-spacing: var(--wds-letter-spacing-body);
11475
12083
  word-wrap: break-word;
11476
12084
  }
11477
12085
  select.input-group-sm > .form-control,
@@ -12127,63 +12735,42 @@ li > a > .currency-flag:first-child {
12127
12735
  cursor: pointer;
12128
12736
  margin-block-end: 0 !important;
12129
12737
  border: 0;
12130
- align-items: center;
12131
- transition: background-color ease 350ms;
12132
- background-color: transparent;
12133
- display: block;
12134
- }
12135
- .decision:not(.np-option):focus-visible,
12136
- .decision:not(.np-option):has(:focus-visible) {
12137
- outline: #37517e solid 2px;
12138
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
12139
- outline-offset: 0;
12140
- outline-offset: var(--ring-outline-offset);
12141
- --ring-outline-offset: 0;
12142
- }
12143
- .decision__title {
12144
- margin: 0;
12145
- color: #37517e;
12146
- color: var(--color-content-primary);
12147
- line-height: 1.2;
12148
- line-height: var(--line-height-title);
12149
- letter-spacing: 0;
12150
- word-wrap: break-word;
12151
- }
12152
- @supports (hyphenate-limit-chars: 1) {
12153
- .decision__title {
12154
- hyphens: auto;
12155
- hyphenate-limit-chars: 7 3;
12156
- }
12157
- @media (min-width: 840px) {
12158
- .decision__title {
12159
- hyphenate-limit-chars: 8 3;
12160
- }
12161
- }
12162
- @media (min-width: 1160px) {
12163
- .decision__title {
12164
- hyphenate-limit-chars: 10 4 3;
12165
- }
12166
- }
12738
+ align-items: center;
12739
+ transition: background-color ease 350ms;
12740
+ background-color: transparent;
12741
+ display: block;
12167
12742
  }
12168
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
12169
- .decision__title {
12170
- hyphens: auto;
12171
- -webkit-hyphenate-limit-before: 3;
12172
- -webkit-hyphenate-limit-after: 3;
12173
- }
12174
- @media (min-width: 1160px) {
12175
- .decision__title {
12176
- -webkit-hyphenate-limit-before: 4;
12177
- }
12178
- }
12743
+ .decision:not(.np-option):focus-visible,
12744
+ .decision:not(.np-option):has(:focus-visible) {
12745
+ outline: #37517e solid 2px;
12746
+ outline: var(--ring-outline-color) solid var(--ring-outline-width);
12747
+ outline-offset: 0;
12748
+ outline-offset: var(--ring-outline-offset);
12749
+ --ring-outline-offset: 0;
12179
12750
  }
12180
- .decision__title + p,
12181
- .decision__title + ul:not(.list-unstyled),
12182
- .decision__title + ol:not(.list-unstyled) {
12183
- margin-block-start: 8px;
12184
- margin-block-start: var(--size-8);
12751
+ .decision__title {
12752
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
12753
+ font-family: var(--wds-font-family-regular);
12754
+ font-weight: 600;
12755
+ font-weight: var(--wds-font-weight-title-body);
12756
+ font-size: 1.125rem;
12757
+ font-size: var(--wds-font-size-title-body);
12758
+ line-height: 1.35;
12759
+ line-height: var(--wds-line-height-title-body);
12760
+ letter-spacing: -0.014em;
12761
+ letter-spacing: var(--wds-letter-spacing-title-body);
12185
12762
  }
12186
12763
  .decision__content {
12764
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
12765
+ font-family: var(--wds-font-family-regular);
12766
+ font-weight: 400;
12767
+ font-weight: var(--wds-font-weight-body-regular);
12768
+ font-size: 0.875rem;
12769
+ font-size: var(--wds-font-size-body);
12770
+ line-height: 1.55;
12771
+ line-height: var(--wds-line-height-body);
12772
+ letter-spacing: -0.006em;
12773
+ letter-spacing: var(--wds-letter-spacing-body);
12187
12774
  word-wrap: break-word;
12188
12775
  margin-block-start: 4px;
12189
12776
  margin-block-start: var(--size-4);
@@ -12293,6 +12880,16 @@ li > a > .currency-flag:first-child {
12293
12880
  padding: 8px;
12294
12881
  margin: 0;
12295
12882
  list-style: none;
12883
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
12884
+ font-family: var(--wds-font-family-regular);
12885
+ font-weight: 400;
12886
+ font-weight: var(--wds-font-weight-body-regular);
12887
+ font-size: 0.875rem;
12888
+ font-size: var(--wds-font-size-body);
12889
+ line-height: 1.55;
12890
+ line-height: var(--wds-line-height-body);
12891
+ letter-spacing: -0.006em;
12892
+ letter-spacing: var(--wds-letter-spacing-body);
12296
12893
  word-wrap: break-word;
12297
12894
  text-align: start;
12298
12895
  background-color: #ffffff;
@@ -12373,6 +12970,16 @@ li > a > .currency-flag:first-child {
12373
12970
  padding: var(--dropdown-link-padding);
12374
12971
  clear: both;
12375
12972
  border-radius: 3px;
12973
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
12974
+ font-family: var(--wds-font-family-regular);
12975
+ font-weight: 400;
12976
+ font-weight: var(--wds-font-weight-body-regular);
12977
+ font-size: 0.875rem;
12978
+ font-size: var(--wds-font-size-body);
12979
+ line-height: 1.55;
12980
+ line-height: var(--wds-line-height-body);
12981
+ letter-spacing: -0.006em;
12982
+ letter-spacing: var(--wds-letter-spacing-body);
12376
12983
  word-wrap: break-word;
12377
12984
  color: #37517e;
12378
12985
  color: var(--color-content-primary);
@@ -12471,10 +13078,12 @@ li > a > .currency-flag:first-child {
12471
13078
  .dropdown-menu > .selected > a strong {
12472
13079
  color: inherit;
12473
13080
  }
12474
- .dropdown-menu > .active > a .np-text-body-default,
12475
- .dropdown-menu > .selected > a .np-text-body-default,
12476
13081
  .dropdown-menu > .active > a .small,
12477
13082
  .dropdown-menu > .selected > a .small,
13083
+ .dropdown-menu > .active > a .np-text-body-default,
13084
+ .dropdown-menu > .selected > a .np-text-body-default,
13085
+ .dropdown-menu > .active > a .wds-text-body-default,
13086
+ .dropdown-menu > .selected > a .wds-text-body-default,
12478
13087
  .dropdown-menu > .active > a .secondary,
12479
13088
  .dropdown-menu > .selected > a .secondary {
12480
13089
  color: #c9cbce;
@@ -12576,47 +13185,15 @@ li > a > .currency-flag:first-child {
12576
13185
  color: #5d7079;
12577
13186
  color: var(--color-content-secondary);
12578
13187
  white-space: nowrap;
12579
- margin: 0;
12580
- color: #37517e;
12581
- color: var(--color-content-primary);
12582
- line-height: 1.2;
12583
- line-height: var(--line-height-title);
12584
- letter-spacing: 0;
12585
- word-wrap: break-word;
12586
- }
12587
- @supports (hyphenate-limit-chars: 1) {
12588
- .dropdown-header {
12589
- hyphens: auto;
12590
- hyphenate-limit-chars: 7 3;
12591
- }
12592
- @media (min-width: 840px) {
12593
- .dropdown-header {
12594
- hyphenate-limit-chars: 8 3;
12595
- }
12596
- }
12597
- @media (min-width: 1160px) {
12598
- .dropdown-header {
12599
- hyphenate-limit-chars: 10 4 3;
12600
- }
12601
- }
12602
- }
12603
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
12604
- .dropdown-header {
12605
- hyphens: auto;
12606
- -webkit-hyphenate-limit-before: 3;
12607
- -webkit-hyphenate-limit-after: 3;
12608
- }
12609
- @media (min-width: 1160px) {
12610
- .dropdown-header {
12611
- -webkit-hyphenate-limit-before: 4;
12612
- }
12613
- }
12614
- }
12615
- .dropdown-header + p,
12616
- .dropdown-header + ul:not(.list-unstyled),
12617
- .dropdown-header + ol:not(.list-unstyled) {
12618
- margin-block-start: 8px;
12619
- margin-block-start: var(--size-8);
13188
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
13189
+ font-family: var(--wds-font-family-regular);
13190
+ font-weight: 500;
13191
+ font-weight: var(--wds-font-weight-title-group);
13192
+ font-size: var(--wds-font-size-title-group);
13193
+ line-height: 1.4;
13194
+ line-height: var(--wds-line-height-title-group);
13195
+ letter-spacing: -0.018em;
13196
+ letter-spacing: var(--wds-letter-spacing-title-group);
12620
13197
  }
12621
13198
  .dropdown-backdrop {
12622
13199
  position: fixed;
@@ -12648,6 +13225,16 @@ li > a > .currency-flag:first-child {
12648
13225
  }
12649
13226
  .droppable {
12650
13227
  position: relative;
13228
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
13229
+ font-family: var(--wds-font-family-regular);
13230
+ font-weight: 400;
13231
+ font-weight: var(--wds-font-weight-body-large-regular);
13232
+ font-size: 1rem;
13233
+ font-size: var(--wds-font-size-body-large);
13234
+ line-height: 1.5;
13235
+ line-height: var(--wds-line-height-body-large);
13236
+ letter-spacing: -0.011em;
13237
+ letter-spacing: var(--wds-letter-spacing-body-large);
12651
13238
  word-wrap: break-word;
12652
13239
  text-align: center;
12653
13240
  border: 1px solid #c9cbce;
@@ -12809,7 +13396,7 @@ li > a > .currency-flag:first-child {
12809
13396
  z-index: 1;
12810
13397
  }
12811
13398
  .np-theme-personal .droppable-dropping-card {
12812
- background-color: #E1E4DF;
13399
+ background-color: #e1e4df;
12813
13400
  color: #37517e;
12814
13401
  color: var(--color-content-primary);
12815
13402
  }
@@ -12817,7 +13404,7 @@ li > a > .currency-flag:first-child {
12817
13404
  background-color: #404440;
12818
13405
  }
12819
13406
  .np-theme-personal--forest-green .droppable-dropping-card {
12820
- background-color: #455C35;
13407
+ background-color: #455c35;
12821
13408
  }
12822
13409
  .droppable-dropping .droppable-dropping-card {
12823
13410
  display: flex;
@@ -13398,6 +13985,16 @@ li > a > .currency-flag:first-child {
13398
13985
  .footer {
13399
13986
  background-color: rgba(134,167,189,0.10196);
13400
13987
  background-color: var(--color-background-neutral);
13988
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
13989
+ font-family: var(--wds-font-family-regular);
13990
+ font-weight: 400;
13991
+ font-weight: var(--wds-font-weight-body-regular);
13992
+ font-size: 0.875rem;
13993
+ font-size: var(--wds-font-size-body);
13994
+ line-height: 1.55;
13995
+ line-height: var(--wds-line-height-body);
13996
+ letter-spacing: -0.006em;
13997
+ letter-spacing: var(--wds-letter-spacing-body);
13401
13998
  word-wrap: break-word;
13402
13999
  padding-block-start: calc(8px * 10);
13403
14000
  padding-block-start: calc(var(--size-8) * 10);
@@ -13452,6 +14049,16 @@ li > a > .currency-flag:first-child {
13452
14049
  .footer .link-icon {
13453
14050
  color: #5d7079;
13454
14051
  color: var(--color-content-secondary);
14052
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
14053
+ font-family: var(--wds-font-family-regular);
14054
+ font-weight: 400;
14055
+ font-weight: var(--wds-font-weight-body-regular);
14056
+ font-size: 0.875rem;
14057
+ font-size: var(--wds-font-size-body);
14058
+ line-height: 1.55;
14059
+ line-height: var(--wds-line-height-body);
14060
+ letter-spacing: -0.006em;
14061
+ letter-spacing: var(--wds-letter-spacing-body);
13455
14062
  word-wrap: break-word;
13456
14063
  }
13457
14064
  @supports (hyphenate-limit-chars: 1) {
@@ -13568,7 +14175,8 @@ li > a > .currency-flag:first-child {
13568
14175
  }
13569
14176
  .footer.footer-inverse .tiny,
13570
14177
  .footer.footer-inverse .body-3,
13571
- .footer.footer-inverse .np-text-body-default {
14178
+ .footer.footer-inverse .np-text-body-default,
14179
+ .footer.footer-inverse .wds-text-body-default {
13572
14180
  color: #ffffff;
13573
14181
  }
13574
14182
  @media (max-width: 599.98px) {
@@ -15016,48 +15624,19 @@ li > a > .currency-flag:first-child {
15016
15624
  }
15017
15625
  .list-group-item-heading {
15018
15626
  margin-block-end: 0;
15019
- margin: 0;
15020
- line-height: 1.2;
15021
- line-height: var(--line-height-title);
15022
- letter-spacing: 0;
15023
- word-wrap: break-word;
15627
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
15628
+ font-family: var(--wds-font-family-regular);
15629
+ font-weight: 500;
15630
+ font-weight: var(--wds-font-weight-title-group);
15631
+ font-size: 0.875rem;
15632
+ font-size: var(--wds-font-size-title-group);
15633
+ line-height: 1.4;
15634
+ line-height: var(--wds-line-height-title-group);
15635
+ letter-spacing: -0.018em;
15636
+ letter-spacing: var(--wds-letter-spacing-title-group);
15024
15637
  color: #37517e;
15025
15638
  color: var(--color-content-primary);
15026
15639
  }
15027
- @supports (hyphenate-limit-chars: 1) {
15028
- .list-group-item-heading {
15029
- hyphens: auto;
15030
- hyphenate-limit-chars: 7 3;
15031
- }
15032
- @media (min-width: 840px) {
15033
- .list-group-item-heading {
15034
- hyphenate-limit-chars: 8 3;
15035
- }
15036
- }
15037
- @media (min-width: 1160px) {
15038
- .list-group-item-heading {
15039
- hyphenate-limit-chars: 10 4 3;
15040
- }
15041
- }
15042
- }
15043
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
15044
- .list-group-item-heading {
15045
- hyphens: auto;
15046
- -webkit-hyphenate-limit-before: 3;
15047
- -webkit-hyphenate-limit-after: 3;
15048
- }
15049
- @media (min-width: 1160px) {
15050
- .list-group-item-heading {
15051
- -webkit-hyphenate-limit-before: 4;
15052
- }
15053
- }
15054
- }
15055
- .list-group-item-heading + p,
15056
- .list-group-item-heading + ul:not(.list-unstyled),
15057
- .list-group-item-heading + ol:not(.list-unstyled) {
15058
- margin-block-start: 8px;
15059
- margin-block-start: var(--size-8);
15060
- }
15061
15640
  .list-group-item-text {
15062
15641
  margin-block-end: 0;
15063
15642
  color: #5d7079;
@@ -16098,8 +16677,8 @@ a.list-group-item-danger:hover {
16098
16677
  .navbar-form .checkbox label {
16099
16678
  padding-inline-start: 0;
16100
16679
  }
16101
- .navbar-form .radio input[type='radio'],
16102
- .navbar-form .checkbox input[type='checkbox'] {
16680
+ .navbar-form .radio input[type="radio"],
16681
+ .navbar-form .checkbox input[type="checkbox"] {
16103
16682
  position: relative;
16104
16683
  margin-inline-start: 0;
16105
16684
  }
@@ -17865,6 +18444,15 @@ button.close {
17865
18444
  word-break: normal;
17866
18445
  word-spacing: normal;
17867
18446
  word-wrap: normal;
18447
+ font-family: var(--wds-font-family-regular);
18448
+ font-weight: 400;
18449
+ font-weight: var(--wds-font-weight-body-regular);
18450
+ font-size: 0.875rem;
18451
+ font-size: var(--wds-font-size-body);
18452
+ line-height: 1.55;
18453
+ line-height: var(--wds-line-height-body);
18454
+ letter-spacing: -0.006em;
18455
+ letter-spacing: var(--wds-letter-spacing-body);
17868
18456
  word-wrap: break-word;
17869
18457
  background-color: #ffffff;
17870
18458
  background-color: var(--color-background-screen);
@@ -18051,14 +18639,18 @@ button.close {
18051
18639
  margin-inline: 0;
18052
18640
  }
18053
18641
  .popover-title {
18054
- padding: 0;
18055
18642
  margin: 0;
18056
- color: #37517e;
18057
- color: var(--color-content-primary);
18058
- line-height: 1.2;
18059
- line-height: var(--line-height-title);
18060
- letter-spacing: 0;
18061
- word-wrap: break-word;
18643
+ padding: 0;
18644
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
18645
+ font-family: var(--wds-font-family-regular);
18646
+ font-weight: 600;
18647
+ font-weight: var(--wds-font-weight-title-body);
18648
+ font-size: 1.125rem;
18649
+ font-size: var(--wds-font-size-title-body);
18650
+ line-height: 1.35;
18651
+ line-height: var(--wds-line-height-title-body);
18652
+ letter-spacing: -0.014em;
18653
+ letter-spacing: var(--wds-letter-spacing-title-body);
18062
18654
  background-color: #ffffff;
18063
18655
  background-color: var(--color-background-screen);
18064
18656
  border-block-end: 0;
@@ -18066,44 +18658,21 @@ button.close {
18066
18658
  border-start-end-radius: 2px;
18067
18659
  border-end-end-radius: 0;
18068
18660
  border-end-start-radius: 0;
18661
+ color: #37517e !important;
18069
18662
  color: var(--color-content-primary) !important;
18070
18663
  }
18071
- @supports (hyphenate-limit-chars: 1) {
18072
- .popover-title {
18073
- hyphens: auto;
18074
- hyphenate-limit-chars: 7 3;
18075
- }
18076
- @media (min-width: 840px) {
18077
- .popover-title {
18078
- hyphenate-limit-chars: 8 3;
18079
- }
18080
- }
18081
- @media (min-width: 1160px) {
18082
- .popover-title {
18083
- hyphenate-limit-chars: 10 4 3;
18084
- }
18085
- }
18086
- }
18087
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
18088
- .popover-title {
18089
- hyphens: auto;
18090
- -webkit-hyphenate-limit-before: 3;
18091
- -webkit-hyphenate-limit-after: 3;
18092
- }
18093
- @media (min-width: 1160px) {
18094
- .popover-title {
18095
- -webkit-hyphenate-limit-before: 4;
18096
- }
18097
- }
18098
- }
18099
- .popover-title + p,
18100
- .popover-title + ul:not(.list-unstyled),
18101
- .popover-title + ol:not(.list-unstyled) {
18102
- margin-block-start: 8px;
18103
- margin-block-start: var(--size-8);
18104
- }
18105
18664
  .popover-content {
18106
18665
  padding: 0;
18666
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
18667
+ font-family: var(--wds-font-family-regular);
18668
+ font-weight: 400;
18669
+ font-weight: var(--wds-font-weight-body-regular);
18670
+ font-size: 0.875rem;
18671
+ font-size: var(--wds-font-size-body);
18672
+ line-height: 1.55;
18673
+ line-height: var(--wds-line-height-body);
18674
+ letter-spacing: -0.006em;
18675
+ letter-spacing: var(--wds-letter-spacing-body);
18107
18676
  word-wrap: break-word;
18108
18677
  color: #5d7079;
18109
18678
  color: var(--color-content-secondary);
@@ -19042,6 +19611,10 @@ textarea:focus-visible {
19042
19611
  .sequence > li .h2,
19043
19612
  .sequence > li .h3,
19044
19613
  .sequence > li .h4,
19614
+ .sequence > li .wds-text-title-screen,
19615
+ .sequence > li .wds-text-title-section,
19616
+ .sequence > li .wds-text-title-subsection,
19617
+ .sequence > li .wds-text-title-body,
19045
19618
  .sequence > li .btn-toolbar {
19046
19619
  margin-block-end: 16px;
19047
19620
  }
@@ -19132,7 +19705,8 @@ textarea:focus-visible {
19132
19705
  }
19133
19706
  .sequence-inverse > .active .small,
19134
19707
  .sequence-inverse > .active .body-2,
19135
- .sequence-inverse > .active .np-text-body-default {
19708
+ .sequence-inverse > .active .np-text-body-default,
19709
+ .sequence-inverse > .active .wds-text-body-default {
19136
19710
  color: #5d7079;
19137
19711
  color: var(--color-content-secondary);
19138
19712
  }
@@ -20142,6 +20716,16 @@ table col[class*="col-"] {
20142
20716
  padding-inline: 5px;
20143
20717
  }
20144
20718
  .tooltip-inner {
20719
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
20720
+ font-family: var(--wds-font-family-regular);
20721
+ font-weight: 400;
20722
+ font-weight: var(--wds-font-weight-body-regular);
20723
+ font-size: 0.875rem;
20724
+ font-size: var(--wds-font-size-body);
20725
+ line-height: 1.55;
20726
+ line-height: var(--wds-line-height-body);
20727
+ letter-spacing: -0.006em;
20728
+ letter-spacing: var(--wds-letter-spacing-body);
20145
20729
  word-wrap: break-word;
20146
20730
  max-inline-size: 200px;
20147
20731
  min-inline-size: 120px;