@transferwise/neptune-css 14.29.1 → 14.29.2

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.
@@ -140,6 +140,7 @@
140
140
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
141
141
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
142
142
  }
143
+
143
144
  /**
144
145
  * Do not edit directly, this file was auto-generated.
145
146
  */
@@ -322,6 +323,7 @@
322
323
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
323
324
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
324
325
  }
326
+
325
327
  /**
326
328
  * Do not edit directly, this file was auto-generated.
327
329
  */
@@ -504,6 +506,7 @@
504
506
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
505
507
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
506
508
  }
509
+
507
510
  /**
508
511
  * Do not edit directly, this file was auto-generated.
509
512
  */
@@ -686,6 +689,7 @@
686
689
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
687
690
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
688
691
  }
692
+
689
693
  /**
690
694
  * Do not edit directly, this file was auto-generated.
691
695
  */
@@ -868,6 +872,7 @@
868
872
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
869
873
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
870
874
  }
875
+
871
876
  /**
872
877
  * Do not edit directly, this file was auto-generated.
873
878
  */
@@ -1050,6 +1055,7 @@
1050
1055
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
1051
1056
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
1052
1057
  }
1058
+
1053
1059
  /**
1054
1060
  * Do not edit directly, this file was auto-generated.
1055
1061
  */
@@ -1232,6 +1238,7 @@
1232
1238
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
1233
1239
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
1234
1240
  }
1241
+
1235
1242
  /**
1236
1243
  * Do not edit directly, this file was auto-generated.
1237
1244
  */
@@ -1415,6 +1422,7 @@
1415
1422
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
1416
1423
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
1417
1424
  }
1425
+
1418
1426
  /**
1419
1427
  * Do not edit directly, this file was auto-generated.
1420
1428
  */
@@ -1598,6 +1606,7 @@
1598
1606
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
1599
1607
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
1600
1608
  }
1609
+
1601
1610
  /**
1602
1611
  * Do not edit directly, this file was auto-generated.
1603
1612
  */
@@ -1781,6 +1790,7 @@
1781
1790
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
1782
1791
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
1783
1792
  }
1793
+
1784
1794
  /**
1785
1795
  * Do not edit directly, this file was auto-generated.
1786
1796
  */
@@ -1964,6 +1974,7 @@
1964
1974
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
1965
1975
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
1966
1976
  }
1977
+
1967
1978
  /* See: https://github.com/fontsource/fontsource/blob/main/fonts/google/inter/variable.css */
1968
1979
  @font-face {
1969
1980
  font-family: Inter;
@@ -2626,6 +2637,7 @@ h6,
2626
2637
  line-height: 1.2;
2627
2638
  line-height: var(--line-height-title);
2628
2639
  letter-spacing: 0;
2640
+ word-wrap: break-word;
2629
2641
  }
2630
2642
  @supports (hyphenate-limit-chars: 1) {
2631
2643
  .h1,
@@ -2927,6 +2939,65 @@ small,
2927
2939
  letter-spacing: -0.006em;
2928
2940
  font-weight: 400;
2929
2941
  font-weight: var(--font-weight-regular);
2942
+ word-wrap: break-word;
2943
+ }
2944
+ @supports (hyphenate-limit-chars: 1) {
2945
+ .body-2,
2946
+ .body-3,
2947
+ .small,
2948
+ .tiny,
2949
+ body,
2950
+ small,
2951
+ .np-text-body-default {
2952
+ hyphens: auto;
2953
+ hyphenate-limit-chars: 7 3;
2954
+ }
2955
+ @media (min-width: 840px) {
2956
+ .body-2,
2957
+ .body-3,
2958
+ .small,
2959
+ .tiny,
2960
+ body,
2961
+ small,
2962
+ .np-text-body-default {
2963
+ hyphenate-limit-chars: 8 3;
2964
+ }
2965
+ }
2966
+ @media (min-width: 1160px) {
2967
+ .body-2,
2968
+ .body-3,
2969
+ .small,
2970
+ .tiny,
2971
+ body,
2972
+ small,
2973
+ .np-text-body-default {
2974
+ hyphenate-limit-chars: 10 4 3;
2975
+ }
2976
+ }
2977
+ }
2978
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
2979
+ .body-2,
2980
+ .body-3,
2981
+ .small,
2982
+ .tiny,
2983
+ body,
2984
+ small,
2985
+ .np-text-body-default {
2986
+ hyphens: auto;
2987
+ -webkit-hyphenate-limit-before: 3;
2988
+ -webkit-hyphenate-limit-after: 3;
2989
+ }
2990
+ @media (min-width: 1160px) {
2991
+ .body-2,
2992
+ .body-3,
2993
+ .small,
2994
+ .tiny,
2995
+ body,
2996
+ small,
2997
+ .np-text-body-default {
2998
+ -webkit-hyphenate-limit-before: 4;
2999
+ }
3000
+ }
2930
3001
  }
2931
3002
  /* DEPRECATED: use .np-text-body-default-bold instead */
2932
3003
  /* stylelint-disable-next-line selector-list-comma-newline-after */
@@ -2940,6 +3011,50 @@ small,
2940
3011
  letter-spacing: -0.006em;
2941
3012
  font-weight: 600;
2942
3013
  font-weight: var(--font-weight-semi-bold);
3014
+ word-wrap: break-word;
3015
+ }
3016
+ @supports (hyphenate-limit-chars: 1) {
3017
+ .control-2,
3018
+ .label,
3019
+ .control-label,
3020
+ .np-text-body-default-bold {
3021
+ hyphens: auto;
3022
+ hyphenate-limit-chars: 7 3;
3023
+ }
3024
+ @media (min-width: 840px) {
3025
+ .control-2,
3026
+ .label,
3027
+ .control-label,
3028
+ .np-text-body-default-bold {
3029
+ hyphenate-limit-chars: 8 3;
3030
+ }
3031
+ }
3032
+ @media (min-width: 1160px) {
3033
+ .control-2,
3034
+ .label,
3035
+ .control-label,
3036
+ .np-text-body-default-bold {
3037
+ hyphenate-limit-chars: 10 4 3;
3038
+ }
3039
+ }
3040
+ }
3041
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
3042
+ .control-2,
3043
+ .label,
3044
+ .control-label,
3045
+ .np-text-body-default-bold {
3046
+ hyphens: auto;
3047
+ -webkit-hyphenate-limit-before: 3;
3048
+ -webkit-hyphenate-limit-after: 3;
3049
+ }
3050
+ @media (min-width: 1160px) {
3051
+ .control-2,
3052
+ .label,
3053
+ .control-label,
3054
+ .np-text-body-default-bold {
3055
+ -webkit-hyphenate-limit-before: 4;
3056
+ }
3057
+ }
2943
3058
  }
2944
3059
  /* DEPRECATED: use .np-text-body-large instead */
2945
3060
  /* stylelint-disable-next-line selector-list-comma-newline-after */
@@ -2952,6 +3067,45 @@ small,
2952
3067
  font-size: var(--font-size-16);
2953
3068
  line-height: 150%;
2954
3069
  letter-spacing: -0.011em;
3070
+ word-wrap: break-word;
3071
+ }
3072
+ @supports (hyphenate-limit-chars: 1) {
3073
+ .body-1,
3074
+ .value,
3075
+ .np-text-body-large {
3076
+ hyphens: auto;
3077
+ hyphenate-limit-chars: 7 3;
3078
+ }
3079
+ @media (min-width: 840px) {
3080
+ .body-1,
3081
+ .value,
3082
+ .np-text-body-large {
3083
+ hyphenate-limit-chars: 8 3;
3084
+ }
3085
+ }
3086
+ @media (min-width: 1160px) {
3087
+ .body-1,
3088
+ .value,
3089
+ .np-text-body-large {
3090
+ hyphenate-limit-chars: 10 4 3;
3091
+ }
3092
+ }
3093
+ }
3094
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
3095
+ .body-1,
3096
+ .value,
3097
+ .np-text-body-large {
3098
+ hyphens: auto;
3099
+ -webkit-hyphenate-limit-before: 3;
3100
+ -webkit-hyphenate-limit-after: 3;
3101
+ }
3102
+ @media (min-width: 1160px) {
3103
+ .body-1,
3104
+ .value,
3105
+ .np-text-body-large {
3106
+ -webkit-hyphenate-limit-before: 4;
3107
+ }
3108
+ }
2955
3109
  }
2956
3110
  /* DEPRECATED: use np-text-body-large-bold instead */
2957
3111
  /* stylelint-disable-next-line selector-list-comma-newline-after */
@@ -2963,6 +3117,40 @@ small,
2963
3117
  font-size: var(--font-size-16);
2964
3118
  line-height: 150%;
2965
3119
  letter-spacing: -0.011em;
3120
+ word-wrap: break-word;
3121
+ }
3122
+ @supports (hyphenate-limit-chars: 1) {
3123
+ .control-1,
3124
+ .np-text-body-large-bold {
3125
+ hyphens: auto;
3126
+ hyphenate-limit-chars: 7 3;
3127
+ }
3128
+ @media (min-width: 840px) {
3129
+ .control-1,
3130
+ .np-text-body-large-bold {
3131
+ hyphenate-limit-chars: 8 3;
3132
+ }
3133
+ }
3134
+ @media (min-width: 1160px) {
3135
+ .control-1,
3136
+ .np-text-body-large-bold {
3137
+ hyphenate-limit-chars: 10 4 3;
3138
+ }
3139
+ }
3140
+ }
3141
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
3142
+ .control-1,
3143
+ .np-text-body-large-bold {
3144
+ hyphens: auto;
3145
+ -webkit-hyphenate-limit-before: 3;
3146
+ -webkit-hyphenate-limit-after: 3;
3147
+ }
3148
+ @media (min-width: 1160px) {
3149
+ .control-1,
3150
+ .np-text-body-large-bold {
3151
+ -webkit-hyphenate-limit-before: 4;
3152
+ }
3153
+ }
2966
3154
  }
2967
3155
  a,
2968
3156
  .np-text-link-default,
@@ -3069,6 +3257,7 @@ a,
3069
3257
  .np-text-display-medium,
3070
3258
  .np-text-display-small {
3071
3259
  letter-spacing: normal;
3260
+ word-wrap: break-word;
3072
3261
  }
3073
3262
  @supports (hyphenate-limit-chars: 1) {
3074
3263
  .np-text-display-extra-large,
@@ -3157,6 +3346,13 @@ a,
3157
3346
  font-weight: 400;
3158
3347
  font-weight: var(--font-weight-regular);
3159
3348
  }
3349
+ /* Disable hyphenation for Japanese, Thai, and Chinese — these languages use character-level breaks and should never insert hyphens. */
3350
+ :lang(ja),
3351
+ :lang(th),
3352
+ :lang(zh-CN),
3353
+ :lang(zh-HK) {
3354
+ hyphens: none;
3355
+ }
3160
3356
  :lang(af) .np-text-display-extra-large,
3161
3357
  :lang(sq) .np-text-display-extra-large,
3162
3358
  :lang(eu) .np-text-display-extra-large,
@@ -5274,6 +5470,9 @@ a.text-inverse:focus {
5274
5470
  padding-block-end: var(--size-96);
5275
5471
  }
5276
5472
  }
5473
+ .np-text-hyphenated {
5474
+ word-wrap: break-word;
5475
+ }
5277
5476
  @supports (hyphenate-limit-chars: 1) {
5278
5477
  .np-text-hyphenated {
5279
5478
  hyphens: auto;
@@ -6206,6 +6405,7 @@ a.badge:focus {
6206
6405
  .btn {
6207
6406
  line-height: 150%;
6208
6407
  letter-spacing: -0.011em;
6408
+ word-wrap: break-word;
6209
6409
  display: inline-block;
6210
6410
  margin-block-end: 0;
6211
6411
  text-align: center;
@@ -6232,6 +6432,34 @@ a.badge:focus {
6232
6432
  -moz-user-select: none;
6233
6433
  user-select: none;
6234
6434
  }
6435
+ @supports (hyphenate-limit-chars: 1) {
6436
+ .btn {
6437
+ hyphens: auto;
6438
+ hyphenate-limit-chars: 7 3;
6439
+ }
6440
+ @media (min-width: 840px) {
6441
+ .btn {
6442
+ hyphenate-limit-chars: 8 3;
6443
+ }
6444
+ }
6445
+ @media (min-width: 1160px) {
6446
+ .btn {
6447
+ hyphenate-limit-chars: 10 4 3;
6448
+ }
6449
+ }
6450
+ }
6451
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
6452
+ .btn {
6453
+ hyphens: auto;
6454
+ -webkit-hyphenate-limit-before: 3;
6455
+ -webkit-hyphenate-limit-after: 3;
6456
+ }
6457
+ @media (min-width: 1160px) {
6458
+ .btn {
6459
+ -webkit-hyphenate-limit-before: 4;
6460
+ }
6461
+ }
6462
+ }
6235
6463
  .btn .dropdown-menu > li > a {
6236
6464
  font-size: 1rem;
6237
6465
  font-size: var(--font-size-16);
@@ -7980,9 +8208,38 @@ a.btn {
7980
8208
  letter-spacing: -0.006em;
7981
8209
  font-weight: 400;
7982
8210
  font-weight: var(--font-weight-regular);
8211
+ word-wrap: break-word;
7983
8212
  color: #5d7079;
7984
8213
  color: var(--color-content-secondary);
7985
8214
  }
8215
+ @supports (hyphenate-limit-chars: 1) {
8216
+ .btn-group .secondary {
8217
+ hyphens: auto;
8218
+ hyphenate-limit-chars: 7 3;
8219
+ }
8220
+ @media (min-width: 840px) {
8221
+ .btn-group .secondary {
8222
+ hyphenate-limit-chars: 8 3;
8223
+ }
8224
+ }
8225
+ @media (min-width: 1160px) {
8226
+ .btn-group .secondary {
8227
+ hyphenate-limit-chars: 10 4 3;
8228
+ }
8229
+ }
8230
+ }
8231
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
8232
+ .btn-group .secondary {
8233
+ hyphens: auto;
8234
+ -webkit-hyphenate-limit-before: 3;
8235
+ -webkit-hyphenate-limit-after: 3;
8236
+ }
8237
+ @media (min-width: 1160px) {
8238
+ .btn-group .secondary {
8239
+ -webkit-hyphenate-limit-before: 4;
8240
+ }
8241
+ }
8242
+ }
7986
8243
  form {
7987
8244
  margin-block-end: 0;
7988
8245
  }
@@ -8083,6 +8340,7 @@ output {
8083
8340
  font-size: var(--font-size-16);
8084
8341
  line-height: 150%;
8085
8342
  letter-spacing: -0.011em;
8343
+ word-wrap: break-word;
8086
8344
  background-clip: padding-box;
8087
8345
  }
8088
8346
  select.form-control {
@@ -8092,6 +8350,34 @@ textarea.form-control,
8092
8350
  select[multiple].form-control {
8093
8351
  block-size: auto;
8094
8352
  }
8353
+ @supports (hyphenate-limit-chars: 1) {
8354
+ .form-control {
8355
+ hyphens: auto;
8356
+ hyphenate-limit-chars: 7 3;
8357
+ }
8358
+ @media (min-width: 840px) {
8359
+ .form-control {
8360
+ hyphenate-limit-chars: 8 3;
8361
+ }
8362
+ }
8363
+ @media (min-width: 1160px) {
8364
+ .form-control {
8365
+ hyphenate-limit-chars: 10 4 3;
8366
+ }
8367
+ }
8368
+ }
8369
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
8370
+ .form-control {
8371
+ hyphens: auto;
8372
+ -webkit-hyphenate-limit-before: 3;
8373
+ -webkit-hyphenate-limit-after: 3;
8374
+ }
8375
+ @media (min-width: 1160px) {
8376
+ .form-control {
8377
+ -webkit-hyphenate-limit-before: 4;
8378
+ }
8379
+ }
8380
+ }
8095
8381
  .form-control:not(.disabled):not(:disabled):focus {
8096
8382
  border-color: #0081ba;
8097
8383
  border-color: var(--color-interactive-accent-active);
@@ -8277,6 +8563,7 @@ fieldset[disabled] .checkbox label {
8277
8563
  letter-spacing: -0.006em;
8278
8564
  font-weight: 400;
8279
8565
  font-weight: var(--font-weight-regular);
8566
+ word-wrap: break-word;
8280
8567
  }
8281
8568
  select.input-sm {
8282
8569
  min-block-size: 32px;
@@ -8285,6 +8572,34 @@ textarea.input-sm,
8285
8572
  select[multiple].input-sm {
8286
8573
  block-size: auto;
8287
8574
  }
8575
+ @supports (hyphenate-limit-chars: 1) {
8576
+ .input-sm {
8577
+ hyphens: auto;
8578
+ hyphenate-limit-chars: 7 3;
8579
+ }
8580
+ @media (min-width: 840px) {
8581
+ .input-sm {
8582
+ hyphenate-limit-chars: 8 3;
8583
+ }
8584
+ }
8585
+ @media (min-width: 1160px) {
8586
+ .input-sm {
8587
+ hyphenate-limit-chars: 10 4 3;
8588
+ }
8589
+ }
8590
+ }
8591
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
8592
+ .input-sm {
8593
+ hyphens: auto;
8594
+ -webkit-hyphenate-limit-before: 3;
8595
+ -webkit-hyphenate-limit-after: 3;
8596
+ }
8597
+ @media (min-width: 1160px) {
8598
+ .input-sm {
8599
+ -webkit-hyphenate-limit-before: 4;
8600
+ }
8601
+ }
8602
+ }
8288
8603
  .form-group-sm .form-control,
8289
8604
  .navbar .form-control {
8290
8605
  block-size: 32px;
@@ -8331,6 +8646,7 @@ select[multiple].input-sm {
8331
8646
  font-size: var(--font-size-16);
8332
8647
  line-height: 150%;
8333
8648
  letter-spacing: -0.011em;
8649
+ word-wrap: break-word;
8334
8650
  }
8335
8651
  select.input-lg {
8336
8652
  min-block-size: var(--input-height-large);
@@ -8339,6 +8655,34 @@ textarea.input-lg,
8339
8655
  select[multiple].input-lg {
8340
8656
  block-size: auto;
8341
8657
  }
8658
+ @supports (hyphenate-limit-chars: 1) {
8659
+ .input-lg {
8660
+ hyphens: auto;
8661
+ hyphenate-limit-chars: 7 3;
8662
+ }
8663
+ @media (min-width: 840px) {
8664
+ .input-lg {
8665
+ hyphenate-limit-chars: 8 3;
8666
+ }
8667
+ }
8668
+ @media (min-width: 1160px) {
8669
+ .input-lg {
8670
+ hyphenate-limit-chars: 10 4 3;
8671
+ }
8672
+ }
8673
+ }
8674
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
8675
+ .input-lg {
8676
+ hyphens: auto;
8677
+ -webkit-hyphenate-limit-before: 3;
8678
+ -webkit-hyphenate-limit-after: 3;
8679
+ }
8680
+ @media (min-width: 1160px) {
8681
+ .input-lg {
8682
+ -webkit-hyphenate-limit-before: 4;
8683
+ }
8684
+ }
8685
+ }
8342
8686
  .form-group-lg {
8343
8687
  position: relative;
8344
8688
  }
@@ -9940,11 +10284,40 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
9940
10284
  font-size: var(--font-size-16);
9941
10285
  line-height: 150%;
9942
10286
  letter-spacing: -0.011em;
10287
+ word-wrap: break-word;
9943
10288
  display: block;
9944
10289
  inline-size: 100%;
9945
10290
  color: #768e9c;
9946
10291
  color: var(--color-content-tertiary);
9947
10292
  }
10293
+ @supports (hyphenate-limit-chars: 1) {
10294
+ .form-control-placeholder {
10295
+ hyphens: auto;
10296
+ hyphenate-limit-chars: 7 3;
10297
+ }
10298
+ @media (min-width: 840px) {
10299
+ .form-control-placeholder {
10300
+ hyphenate-limit-chars: 8 3;
10301
+ }
10302
+ }
10303
+ @media (min-width: 1160px) {
10304
+ .form-control-placeholder {
10305
+ hyphenate-limit-chars: 10 4 3;
10306
+ }
10307
+ }
10308
+ }
10309
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
10310
+ .form-control-placeholder {
10311
+ hyphens: auto;
10312
+ -webkit-hyphenate-limit-before: 3;
10313
+ -webkit-hyphenate-limit-after: 3;
10314
+ }
10315
+ @media (min-width: 1160px) {
10316
+ .form-control-placeholder {
10317
+ -webkit-hyphenate-limit-before: 4;
10318
+ }
10319
+ }
10320
+ }
9948
10321
  .np-theme-personal .btn-input,
9949
10322
  .np-theme-personal .input-group,
9950
10323
  .np-theme-personal .form-control,
@@ -10170,6 +10543,7 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
10170
10543
  line-height: 1.2;
10171
10544
  line-height: var(--line-height-title);
10172
10545
  letter-spacing: 0;
10546
+ word-wrap: break-word;
10173
10547
  margin-block-end: initial;
10174
10548
  font-size: 1.375rem;
10175
10549
  font-size: var(--font-size-22);
@@ -10230,6 +10604,44 @@ select[multiple].input-group-lg > .input-group-btn .btn {
10230
10604
  }
10231
10605
  }
10232
10606
  }
10607
+ @supports (hyphenate-limit-chars: 1) {
10608
+ .input-group-lg > .form-control,
10609
+ .input-group-lg > .input-group-addon,
10610
+ .input-group-lg > .input-group-btn .btn {
10611
+ hyphens: auto;
10612
+ hyphenate-limit-chars: 7 3;
10613
+ }
10614
+ @media (min-width: 840px) {
10615
+ .input-group-lg > .form-control,
10616
+ .input-group-lg > .input-group-addon,
10617
+ .input-group-lg > .input-group-btn .btn {
10618
+ hyphenate-limit-chars: 8 3;
10619
+ }
10620
+ }
10621
+ @media (min-width: 1160px) {
10622
+ .input-group-lg > .form-control,
10623
+ .input-group-lg > .input-group-addon,
10624
+ .input-group-lg > .input-group-btn .btn {
10625
+ hyphenate-limit-chars: 10 4 3;
10626
+ }
10627
+ }
10628
+ }
10629
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
10630
+ .input-group-lg > .form-control,
10631
+ .input-group-lg > .input-group-addon,
10632
+ .input-group-lg > .input-group-btn .btn {
10633
+ hyphens: auto;
10634
+ -webkit-hyphenate-limit-before: 3;
10635
+ -webkit-hyphenate-limit-after: 3;
10636
+ }
10637
+ @media (min-width: 1160px) {
10638
+ .input-group-lg > .form-control,
10639
+ .input-group-lg > .input-group-addon,
10640
+ .input-group-lg > .input-group-btn .btn {
10641
+ -webkit-hyphenate-limit-before: 4;
10642
+ }
10643
+ }
10644
+ }
10233
10645
  .input-group-lg > .form-control + p,
10234
10646
  .input-group-lg > .input-group-addon + p,
10235
10647
  .input-group-lg > .input-group-btn .btn + p,
@@ -10257,6 +10669,7 @@ select[multiple].input-group-lg > .input-group-btn .btn {
10257
10669
  letter-spacing: -0.006em;
10258
10670
  font-weight: 400;
10259
10671
  font-weight: var(--font-weight-regular);
10672
+ word-wrap: break-word;
10260
10673
  }
10261
10674
  select.input-group-sm > .form-control,
10262
10675
  select.input-group-sm > .input-group-addon {
@@ -10268,6 +10681,39 @@ select[multiple].input-group-sm > .form-control,
10268
10681
  select[multiple].input-group-sm > .input-group-addon {
10269
10682
  block-size: auto;
10270
10683
  }
10684
+ @supports (hyphenate-limit-chars: 1) {
10685
+ .input-group-sm > .form-control,
10686
+ .input-group-sm > .input-group-addon {
10687
+ hyphens: auto;
10688
+ hyphenate-limit-chars: 7 3;
10689
+ }
10690
+ @media (min-width: 840px) {
10691
+ .input-group-sm > .form-control,
10692
+ .input-group-sm > .input-group-addon {
10693
+ hyphenate-limit-chars: 8 3;
10694
+ }
10695
+ }
10696
+ @media (min-width: 1160px) {
10697
+ .input-group-sm > .form-control,
10698
+ .input-group-sm > .input-group-addon {
10699
+ hyphenate-limit-chars: 10 4 3;
10700
+ }
10701
+ }
10702
+ }
10703
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
10704
+ .input-group-sm > .form-control,
10705
+ .input-group-sm > .input-group-addon {
10706
+ hyphens: auto;
10707
+ -webkit-hyphenate-limit-before: 3;
10708
+ -webkit-hyphenate-limit-after: 3;
10709
+ }
10710
+ @media (min-width: 1160px) {
10711
+ .input-group-sm > .form-control,
10712
+ .input-group-sm > .input-group-addon {
10713
+ -webkit-hyphenate-limit-before: 4;
10714
+ }
10715
+ }
10716
+ }
10271
10717
  .input-group-sm > .form-control .icon,
10272
10718
  .input-group-sm > .input-group-addon .icon {
10273
10719
  font-size: 1.25rem;
@@ -10898,6 +11344,7 @@ li > a > .currency-flag:first-child {
10898
11344
  line-height: 1.2;
10899
11345
  line-height: var(--line-height-title);
10900
11346
  letter-spacing: 0;
11347
+ word-wrap: break-word;
10901
11348
  font-size: 1.125rem;
10902
11349
  font-size: var(--font-size-18);
10903
11350
  font-weight: 600;
@@ -10946,9 +11393,38 @@ li > a > .currency-flag:first-child {
10946
11393
  letter-spacing: -0.006em;
10947
11394
  font-weight: 400;
10948
11395
  font-weight: var(--font-weight-regular);
11396
+ word-wrap: break-word;
10949
11397
  margin-block-start: 4px;
10950
11398
  margin-block-start: var(--size-4);
10951
11399
  }
11400
+ @supports (hyphenate-limit-chars: 1) {
11401
+ .decision__content {
11402
+ hyphens: auto;
11403
+ hyphenate-limit-chars: 7 3;
11404
+ }
11405
+ @media (min-width: 840px) {
11406
+ .decision__content {
11407
+ hyphenate-limit-chars: 8 3;
11408
+ }
11409
+ }
11410
+ @media (min-width: 1160px) {
11411
+ .decision__content {
11412
+ hyphenate-limit-chars: 10 4 3;
11413
+ }
11414
+ }
11415
+ }
11416
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
11417
+ .decision__content {
11418
+ hyphens: auto;
11419
+ -webkit-hyphenate-limit-before: 3;
11420
+ -webkit-hyphenate-limit-after: 3;
11421
+ }
11422
+ @media (min-width: 1160px) {
11423
+ .decision__content {
11424
+ -webkit-hyphenate-limit-before: 4;
11425
+ }
11426
+ }
11427
+ }
10952
11428
  .decision + .decision {
10953
11429
  margin-block-start: -1px;
10954
11430
  }
@@ -11032,6 +11508,7 @@ li > a > .currency-flag:first-child {
11032
11508
  letter-spacing: -0.006em;
11033
11509
  font-weight: 400;
11034
11510
  font-weight: var(--font-weight-regular);
11511
+ word-wrap: break-word;
11035
11512
  text-align: start;
11036
11513
  background-color: #ffffff;
11037
11514
  background-color: var(--color-background-screen);
@@ -11046,6 +11523,34 @@ li > a > .currency-flag:first-child {
11046
11523
  transform: translateY(-10px) scale(0.95, 0.95);
11047
11524
  visibility: hidden;
11048
11525
  }
11526
+ @supports (hyphenate-limit-chars: 1) {
11527
+ .dropdown-menu {
11528
+ hyphens: auto;
11529
+ hyphenate-limit-chars: 7 3;
11530
+ }
11531
+ @media (min-width: 840px) {
11532
+ .dropdown-menu {
11533
+ hyphenate-limit-chars: 8 3;
11534
+ }
11535
+ }
11536
+ @media (min-width: 1160px) {
11537
+ .dropdown-menu {
11538
+ hyphenate-limit-chars: 10 4 3;
11539
+ }
11540
+ }
11541
+ }
11542
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
11543
+ .dropdown-menu {
11544
+ hyphens: auto;
11545
+ -webkit-hyphenate-limit-before: 3;
11546
+ -webkit-hyphenate-limit-after: 3;
11547
+ }
11548
+ @media (min-width: 1160px) {
11549
+ .dropdown-menu {
11550
+ -webkit-hyphenate-limit-before: 4;
11551
+ }
11552
+ }
11553
+ }
11049
11554
  .np-theme-personal .dropdown-menu,
11050
11555
  .np-theme-personal--forest-green .dropdown-menu,
11051
11556
  .np-theme-personal--dark .dropdown-menu {
@@ -11089,10 +11594,39 @@ li > a > .currency-flag:first-child {
11089
11594
  letter-spacing: -0.006em;
11090
11595
  font-weight: 400;
11091
11596
  font-weight: var(--font-weight-regular);
11597
+ word-wrap: break-word;
11092
11598
  color: #37517e;
11093
11599
  color: var(--color-content-primary);
11094
11600
  white-space: nowrap;
11095
11601
  }
11602
+ @supports (hyphenate-limit-chars: 1) {
11603
+ .dropdown-menu > li > a {
11604
+ hyphens: auto;
11605
+ hyphenate-limit-chars: 7 3;
11606
+ }
11607
+ @media (min-width: 840px) {
11608
+ .dropdown-menu > li > a {
11609
+ hyphenate-limit-chars: 8 3;
11610
+ }
11611
+ }
11612
+ @media (min-width: 1160px) {
11613
+ .dropdown-menu > li > a {
11614
+ hyphenate-limit-chars: 10 4 3;
11615
+ }
11616
+ }
11617
+ }
11618
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
11619
+ .dropdown-menu > li > a {
11620
+ hyphens: auto;
11621
+ -webkit-hyphenate-limit-before: 3;
11622
+ -webkit-hyphenate-limit-after: 3;
11623
+ }
11624
+ @media (min-width: 1160px) {
11625
+ .dropdown-menu > li > a {
11626
+ -webkit-hyphenate-limit-before: 4;
11627
+ }
11628
+ }
11629
+ }
11096
11630
  .dropdown-menu > li > a .secondary {
11097
11631
  display: block;
11098
11632
  white-space: normal;
@@ -11267,6 +11801,7 @@ li > a > .currency-flag:first-child {
11267
11801
  line-height: 1.2;
11268
11802
  line-height: var(--line-height-title);
11269
11803
  letter-spacing: 0;
11804
+ word-wrap: break-word;
11270
11805
  font-weight: 500;
11271
11806
  font-weight: var(--font-weight-medium);
11272
11807
  font-size: 0.875rem;
@@ -11344,6 +11879,7 @@ li > a > .currency-flag:first-child {
11344
11879
  font-size: var(--font-size-16);
11345
11880
  line-height: 150%;
11346
11881
  letter-spacing: -0.011em;
11882
+ word-wrap: break-word;
11347
11883
  text-align: center;
11348
11884
  border: 1px solid #c9cbce;
11349
11885
  border: 1px solid var(--color-interactive-secondary);
@@ -11351,6 +11887,34 @@ li > a > .currency-flag:first-child {
11351
11887
  overflow: auto;
11352
11888
  transition: border-color 0.15s linear;
11353
11889
  }
11890
+ @supports (hyphenate-limit-chars: 1) {
11891
+ .droppable {
11892
+ hyphens: auto;
11893
+ hyphenate-limit-chars: 7 3;
11894
+ }
11895
+ @media (min-width: 840px) {
11896
+ .droppable {
11897
+ hyphenate-limit-chars: 8 3;
11898
+ }
11899
+ }
11900
+ @media (min-width: 1160px) {
11901
+ .droppable {
11902
+ hyphenate-limit-chars: 10 4 3;
11903
+ }
11904
+ }
11905
+ }
11906
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
11907
+ .droppable {
11908
+ hyphens: auto;
11909
+ -webkit-hyphenate-limit-before: 3;
11910
+ -webkit-hyphenate-limit-after: 3;
11911
+ }
11912
+ @media (min-width: 1160px) {
11913
+ .droppable {
11914
+ -webkit-hyphenate-limit-before: 4;
11915
+ }
11916
+ }
11917
+ }
11354
11918
  .droppable:hover {
11355
11919
  border-color: #b5b7ba;
11356
11920
  border-color: var(--color-interactive-secondary-hover);
@@ -12071,11 +12635,40 @@ li > a > .currency-flag:first-child {
12071
12635
  letter-spacing: -0.006em;
12072
12636
  font-weight: 400;
12073
12637
  font-weight: var(--font-weight-regular);
12638
+ word-wrap: break-word;
12074
12639
  padding-block-start: calc(8px * 10);
12075
12640
  padding-block-start: calc(var(--size-8) * 10);
12076
12641
  padding-block-end: calc(8px * 10);
12077
12642
  padding-block-end: calc(var(--size-8) * 10);
12078
12643
  }
12644
+ @supports (hyphenate-limit-chars: 1) {
12645
+ .footer {
12646
+ hyphens: auto;
12647
+ hyphenate-limit-chars: 7 3;
12648
+ }
12649
+ @media (min-width: 840px) {
12650
+ .footer {
12651
+ hyphenate-limit-chars: 8 3;
12652
+ }
12653
+ }
12654
+ @media (min-width: 1160px) {
12655
+ .footer {
12656
+ hyphenate-limit-chars: 10 4 3;
12657
+ }
12658
+ }
12659
+ }
12660
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
12661
+ .footer {
12662
+ hyphens: auto;
12663
+ -webkit-hyphenate-limit-before: 3;
12664
+ -webkit-hyphenate-limit-after: 3;
12665
+ }
12666
+ @media (min-width: 1160px) {
12667
+ .footer {
12668
+ -webkit-hyphenate-limit-before: 4;
12669
+ }
12670
+ }
12671
+ }
12079
12672
  @media (min-width: 600px) {
12080
12673
  .footer {
12081
12674
  padding-block-start: calc(8px * 15);
@@ -12102,6 +12695,40 @@ li > a > .currency-flag:first-child {
12102
12695
  letter-spacing: -0.006em;
12103
12696
  font-weight: 400;
12104
12697
  font-weight: var(--font-weight-regular);
12698
+ word-wrap: break-word;
12699
+ }
12700
+ @supports (hyphenate-limit-chars: 1) {
12701
+ .footer .footer-link,
12702
+ .footer .link-icon {
12703
+ hyphens: auto;
12704
+ hyphenate-limit-chars: 7 3;
12705
+ }
12706
+ @media (min-width: 840px) {
12707
+ .footer .footer-link,
12708
+ .footer .link-icon {
12709
+ hyphenate-limit-chars: 8 3;
12710
+ }
12711
+ }
12712
+ @media (min-width: 1160px) {
12713
+ .footer .footer-link,
12714
+ .footer .link-icon {
12715
+ hyphenate-limit-chars: 10 4 3;
12716
+ }
12717
+ }
12718
+ }
12719
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
12720
+ .footer .footer-link,
12721
+ .footer .link-icon {
12722
+ hyphens: auto;
12723
+ -webkit-hyphenate-limit-before: 3;
12724
+ -webkit-hyphenate-limit-after: 3;
12725
+ }
12726
+ @media (min-width: 1160px) {
12727
+ .footer .footer-link,
12728
+ .footer .link-icon {
12729
+ -webkit-hyphenate-limit-before: 4;
12730
+ }
12731
+ }
12105
12732
  }
12106
12733
  .footer .footer-link:hover,
12107
12734
  .footer .link-icon:hover,
@@ -13636,6 +14263,7 @@ li > a > .currency-flag:first-child {
13636
14263
  line-height: 1.2;
13637
14264
  line-height: var(--line-height-title);
13638
14265
  letter-spacing: 0;
14266
+ word-wrap: break-word;
13639
14267
  font-weight: 500;
13640
14268
  font-weight: var(--font-weight-medium);
13641
14269
  font-size: 0.875rem;
@@ -16492,6 +17120,7 @@ button.close {
16492
17120
  letter-spacing: -0.006em;
16493
17121
  font-weight: 400;
16494
17122
  font-weight: var(--font-weight-regular);
17123
+ word-wrap: break-word;
16495
17124
  background-color: #ffffff;
16496
17125
  background-color: var(--color-background-screen);
16497
17126
  background-clip: padding-box;
@@ -16499,6 +17128,34 @@ button.close {
16499
17128
  box-shadow: 0 20px 66px 0 rgba(34, 48, 73, 0.2);
16500
17129
  position: absolute;
16501
17130
  }
17131
+ @supports (hyphenate-limit-chars: 1) {
17132
+ .popover {
17133
+ hyphens: auto;
17134
+ hyphenate-limit-chars: 7 3;
17135
+ }
17136
+ @media (min-width: 840px) {
17137
+ .popover {
17138
+ hyphenate-limit-chars: 8 3;
17139
+ }
17140
+ }
17141
+ @media (min-width: 1160px) {
17142
+ .popover {
17143
+ hyphenate-limit-chars: 10 4 3;
17144
+ }
17145
+ }
17146
+ }
17147
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
17148
+ .popover {
17149
+ hyphens: auto;
17150
+ -webkit-hyphenate-limit-before: 3;
17151
+ -webkit-hyphenate-limit-after: 3;
17152
+ }
17153
+ @media (min-width: 1160px) {
17154
+ .popover {
17155
+ -webkit-hyphenate-limit-before: 4;
17156
+ }
17157
+ }
17158
+ }
16502
17159
  .np-theme-personal--forest-green .popover,
16503
17160
  .np-theme-personal--bright-green .popover,
16504
17161
  .np-theme-personal--dark .popover {
@@ -16656,6 +17313,7 @@ button.close {
16656
17313
  line-height: 1.2;
16657
17314
  line-height: var(--line-height-title);
16658
17315
  letter-spacing: 0;
17316
+ word-wrap: break-word;
16659
17317
  font-size: 1.125rem;
16660
17318
  font-size: var(--font-size-18);
16661
17319
  font-weight: 600;
@@ -16713,9 +17371,38 @@ button.close {
16713
17371
  letter-spacing: -0.006em;
16714
17372
  font-weight: 400;
16715
17373
  font-weight: var(--font-weight-regular);
17374
+ word-wrap: break-word;
16716
17375
  color: #5d7079;
16717
17376
  color: var(--color-content-secondary);
16718
17377
  }
17378
+ @supports (hyphenate-limit-chars: 1) {
17379
+ .popover-content {
17380
+ hyphens: auto;
17381
+ hyphenate-limit-chars: 7 3;
17382
+ }
17383
+ @media (min-width: 840px) {
17384
+ .popover-content {
17385
+ hyphenate-limit-chars: 8 3;
17386
+ }
17387
+ }
17388
+ @media (min-width: 1160px) {
17389
+ .popover-content {
17390
+ hyphenate-limit-chars: 10 4 3;
17391
+ }
17392
+ }
17393
+ }
17394
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
17395
+ .popover-content {
17396
+ hyphens: auto;
17397
+ -webkit-hyphenate-limit-before: 3;
17398
+ -webkit-hyphenate-limit-after: 3;
17399
+ }
17400
+ @media (min-width: 1160px) {
17401
+ .popover-content {
17402
+ -webkit-hyphenate-limit-before: 4;
17403
+ }
17404
+ }
17405
+ }
16719
17406
  .popover-content > :last-child {
16720
17407
  margin-block-end: 0;
16721
17408
  }
@@ -18728,6 +19415,7 @@ table col[class*="col-"] {
18728
19415
  letter-spacing: -0.006em;
18729
19416
  font-weight: 400;
18730
19417
  font-weight: var(--font-weight-regular);
19418
+ word-wrap: break-word;
18731
19419
  max-inline-size: 200px;
18732
19420
  min-inline-size: 120px;
18733
19421
  padding-block: 16px;
@@ -18742,6 +19430,34 @@ table col[class*="col-"] {
18742
19430
  border-radius: 3px;
18743
19431
  box-shadow: 0 1px 28px 0 rgba(34, 48, 73, 0.2);
18744
19432
  }
19433
+ @supports (hyphenate-limit-chars: 1) {
19434
+ .tooltip-inner {
19435
+ hyphens: auto;
19436
+ hyphenate-limit-chars: 7 3;
19437
+ }
19438
+ @media (min-width: 840px) {
19439
+ .tooltip-inner {
19440
+ hyphenate-limit-chars: 8 3;
19441
+ }
19442
+ }
19443
+ @media (min-width: 1160px) {
19444
+ .tooltip-inner {
19445
+ hyphenate-limit-chars: 10 4 3;
19446
+ }
19447
+ }
19448
+ }
19449
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
19450
+ .tooltip-inner {
19451
+ hyphens: auto;
19452
+ -webkit-hyphenate-limit-before: 3;
19453
+ -webkit-hyphenate-limit-after: 3;
19454
+ }
19455
+ @media (min-width: 1160px) {
19456
+ .tooltip-inner {
19457
+ -webkit-hyphenate-limit-before: 4;
19458
+ }
19459
+ }
19460
+ }
18745
19461
  .np-theme-personal--forest-green .tooltip-inner,
18746
19462
  .np-theme-personal--bright-green .tooltip-inner,
18747
19463
  .np-theme-personal--dark .tooltip-inner {