@transferwise/neptune-css 14.27.2 → 14.28.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/css/accordion.css +4 -4
  2. package/dist/css/button-groups.css +6 -6
  3. package/dist/css/buttons.css +1 -1
  4. package/dist/css/circles.css +1 -1
  5. package/dist/css/column-layout.css +4 -4
  6. package/dist/css/decision.css +4 -4
  7. package/dist/css/dropdowns.css +10 -10
  8. package/dist/css/droppable.css +8 -8
  9. package/dist/css/flex.css +13 -15
  10. package/dist/css/footer.css +3 -3
  11. package/dist/css/grid.css +19 -19
  12. package/dist/css/input-groups.css +12 -12
  13. package/dist/css/list-group.css +8 -8
  14. package/dist/css/modals.css +3 -3
  15. package/dist/css/navbar.css +62 -62
  16. package/dist/css/navs.css +2 -2
  17. package/dist/css/neptune-addons.css +37 -53
  18. package/dist/css/neptune-core.css +27 -43
  19. package/dist/css/neptune.css +267 -335
  20. package/dist/css/panels.css +9 -9
  21. package/dist/css/popovers.css +13 -13
  22. package/dist/css/select.css +1 -1
  23. package/dist/css/sequences.css +6 -6
  24. package/dist/css/table.css +6 -6
  25. package/dist/css/utilities.css +8 -20
  26. package/dist/css/wells.css +4 -18
  27. package/dist/less/legacy-variables.less +34 -47
  28. package/dist/less/neptune-tokens.less +2 -2
  29. package/dist/props/custom-media.css +23 -11
  30. package/dist/props/neptune-tokens.css +1 -1
  31. package/package.json +6 -2
  32. package/src/less/addons/_display-utilities.less +13 -27
  33. package/src/less/core/_typography-utilities.less +10 -22
  34. package/src/less/flex.less +1 -3
  35. package/src/less/neptune.bundle.less +1 -0
  36. package/src/less/popovers.less +6 -6
  37. package/src/less/utilities.less +6 -14
  38. package/src/less/wells.less +3 -5
  39. package/src/props/custom-media.css +1 -11
  40. package/src/variables/legacy-variables.less +4 -47
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Thu, 14 May 2026 16:11:43 GMT
3
+ * Generated on Tue, 09 Jun 2026 08:11:03 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -144,7 +144,7 @@
144
144
 
145
145
  /**
146
146
  * Do not edit directly, this file was auto-generated.
147
- * Generated on Thu, 14 May 2026 16:11:44 GMT
147
+ * Generated on Tue, 09 Jun 2026 08:11:04 GMT
148
148
  */
149
149
 
150
150
  .np-theme-personal {
@@ -328,7 +328,7 @@
328
328
 
329
329
  /**
330
330
  * Do not edit directly, this file was auto-generated.
331
- * Generated on Thu, 14 May 2026 16:11:44 GMT
331
+ * Generated on Tue, 09 Jun 2026 08:11:04 GMT
332
332
  */
333
333
 
334
334
  .np-theme-personal--forest-green {
@@ -512,7 +512,7 @@
512
512
 
513
513
  /**
514
514
  * Do not edit directly, this file was auto-generated.
515
- * Generated on Thu, 14 May 2026 16:11:44 GMT
515
+ * Generated on Tue, 09 Jun 2026 08:11:04 GMT
516
516
  */
517
517
 
518
518
  .np-theme-personal--bright-green {
@@ -696,7 +696,7 @@
696
696
 
697
697
  /**
698
698
  * Do not edit directly, this file was auto-generated.
699
- * Generated on Thu, 14 May 2026 16:11:44 GMT
699
+ * Generated on Tue, 09 Jun 2026 08:11:04 GMT
700
700
  */
701
701
 
702
702
  .np-theme-personal--dark {
@@ -880,7 +880,7 @@
880
880
 
881
881
  /**
882
882
  * Do not edit directly, this file was auto-generated.
883
- * Generated on Thu, 14 May 2026 16:11:44 GMT
883
+ * Generated on Tue, 09 Jun 2026 08:11:04 GMT
884
884
  */
885
885
 
886
886
  .np-theme-platform {
@@ -1064,7 +1064,7 @@
1064
1064
 
1065
1065
  /**
1066
1066
  * Do not edit directly, this file was auto-generated.
1067
- * Generated on Thu, 14 May 2026 16:11:44 GMT
1067
+ * Generated on Tue, 09 Jun 2026 08:11:04 GMT
1068
1068
  */
1069
1069
 
1070
1070
  .np-theme-platform--forest-green {
@@ -1248,7 +1248,7 @@
1248
1248
 
1249
1249
  /**
1250
1250
  * Do not edit directly, this file was auto-generated.
1251
- * Generated on Thu, 14 May 2026 16:11:44 GMT
1251
+ * Generated on Tue, 09 Jun 2026 08:11:04 GMT
1252
1252
  */
1253
1253
 
1254
1254
  .np-theme-business {
@@ -1433,7 +1433,7 @@
1433
1433
 
1434
1434
  /**
1435
1435
  * Do not edit directly, this file was auto-generated.
1436
- * Generated on Thu, 14 May 2026 16:11:44 GMT
1436
+ * Generated on Tue, 09 Jun 2026 08:11:04 GMT
1437
1437
  */
1438
1438
 
1439
1439
  .np-theme-business--dark {
@@ -1618,7 +1618,7 @@
1618
1618
 
1619
1619
  /**
1620
1620
  * Do not edit directly, this file was auto-generated.
1621
- * Generated on Thu, 14 May 2026 16:11:44 GMT
1621
+ * Generated on Tue, 09 Jun 2026 08:11:04 GMT
1622
1622
  */
1623
1623
 
1624
1624
  .np-theme-business--forest-green {
@@ -1803,7 +1803,7 @@
1803
1803
 
1804
1804
  /**
1805
1805
  * Do not edit directly, this file was auto-generated.
1806
- * Generated on Thu, 14 May 2026 16:11:44 GMT
1806
+ * Generated on Tue, 09 Jun 2026 08:11:04 GMT
1807
1807
  */
1808
1808
 
1809
1809
  .np-theme-business--bright-green {
@@ -2635,7 +2635,7 @@ dd {
2635
2635
  color: var(--color-content-primary);
2636
2636
  }
2637
2637
 
2638
- @media (min-width: 576px) {
2638
+ @media (min-width: 600px) {
2639
2639
  dd {
2640
2640
  margin-bottom: 24px;
2641
2641
  margin-bottom: var(--size-24);
@@ -2654,7 +2654,7 @@ dd {
2654
2654
  clear: both;
2655
2655
  }
2656
2656
 
2657
- @media (min-width: 576px) {
2657
+ @media (min-width: 600px) {
2658
2658
  .dl-horizontal dt {
2659
2659
  float: left;
2660
2660
  clear: left;
@@ -2718,14 +2718,14 @@ hr {
2718
2718
  border-top: 1px solid rgba(255,255,255,0.10196);
2719
2719
  }
2720
2720
 
2721
- @media (min-width: 576px) {
2721
+ @media (min-width: 600px) {
2722
2722
  hr {
2723
2723
  margin: 24px auto;
2724
2724
  margin: var(--size-24) auto;
2725
2725
  }
2726
2726
  }
2727
2727
 
2728
- @media (min-width: 992px) {
2728
+ @media (min-width: 1160px) {
2729
2729
  hr {
2730
2730
  margin: 32px auto;
2731
2731
  margin: var(--size-32) auto;
@@ -2852,7 +2852,7 @@ h6,
2852
2852
  hyphens: auto;
2853
2853
  hyphenate-limit-chars: 7 3;
2854
2854
  }
2855
- @media (min-width: 768px) {
2855
+ @media (min-width: 840px) {
2856
2856
  .h1,
2857
2857
  .h2,
2858
2858
  .h3,
@@ -2878,7 +2878,7 @@ h6,
2878
2878
  hyphenate-limit-chars: 8 3;
2879
2879
  }
2880
2880
  }
2881
- @media (min-width: 992px) {
2881
+ @media (min-width: 1160px) {
2882
2882
  .h1,
2883
2883
  .h2,
2884
2884
  .h3,
@@ -2933,7 +2933,7 @@ h6,
2933
2933
  -webkit-hyphenate-limit-before: 3;
2934
2934
  -webkit-hyphenate-limit-after: 3;
2935
2935
  }
2936
- @media (min-width: 992px) {
2936
+ @media (min-width: 1160px) {
2937
2937
  .h1,
2938
2938
  .h2,
2939
2939
  .h3,
@@ -3321,7 +3321,7 @@ a,
3321
3321
  hyphens: auto;
3322
3322
  hyphenate-limit-chars: 7 3;
3323
3323
  }
3324
- @media (min-width: 768px) {
3324
+ @media (min-width: 840px) {
3325
3325
  .np-text-display-extra-large,
3326
3326
  .np-text-display-large,
3327
3327
  .np-text-display-medium,
@@ -3329,7 +3329,7 @@ a,
3329
3329
  hyphenate-limit-chars: 8 3;
3330
3330
  }
3331
3331
  }
3332
- @media (min-width: 992px) {
3332
+ @media (min-width: 1160px) {
3333
3333
  .np-text-display-extra-large,
3334
3334
  .np-text-display-large,
3335
3335
  .np-text-display-medium,
@@ -3348,7 +3348,7 @@ a,
3348
3348
  -webkit-hyphenate-limit-before: 3;
3349
3349
  -webkit-hyphenate-limit-after: 3;
3350
3350
  }
3351
- @media (min-width: 992px) {
3351
+ @media (min-width: 1160px) {
3352
3352
  .np-text-display-extra-large,
3353
3353
  .np-text-display-large,
3354
3354
  .np-text-display-medium,
@@ -3767,7 +3767,7 @@ a,
3767
3767
  font-size: 3.73333333rem;
3768
3768
  }
3769
3769
 
3770
- @media (min-width: 768px) {
3770
+ @media (min-width: 840px) {
3771
3771
  .display-1 {
3772
3772
  margin-bottom: 8px;
3773
3773
  margin-bottom: var(--size-8);
@@ -3784,7 +3784,7 @@ a,
3784
3784
  font-size: 3.73333333rem;
3785
3785
  }
3786
3786
 
3787
- @media (min-width: 768px) {
3787
+ @media (min-width: 840px) {
3788
3788
  .display-2 {
3789
3789
  margin-bottom: 16px;
3790
3790
  margin-bottom: var(--size-16);
@@ -3800,7 +3800,7 @@ a,
3800
3800
  font-size: 2.8rem;
3801
3801
  }
3802
3802
 
3803
- @media (min-width: 768px) {
3803
+ @media (min-width: 840px) {
3804
3804
  .display-3 {
3805
3805
  margin-bottom: 24px;
3806
3806
  margin-bottom: var(--size-24);
@@ -3817,7 +3817,7 @@ a,
3817
3817
  font-size: 1.86666667rem;
3818
3818
  }
3819
3819
 
3820
- @media (min-width: 768px) {
3820
+ @media (min-width: 840px) {
3821
3821
  .display-4 {
3822
3822
  margin-bottom: 24px;
3823
3823
  margin-bottom: var(--size-24);
@@ -3834,7 +3834,7 @@ a,
3834
3834
  font-size: 1.86666667rem;
3835
3835
  }
3836
3836
 
3837
- @media (min-width: 768px) {
3837
+ @media (min-width: 840px) {
3838
3838
  .display-5 {
3839
3839
  margin-bottom: 8px;
3840
3840
  margin-bottom: var(--size-8);
@@ -3946,14 +3946,14 @@ blockquote footer::before {
3946
3946
  content: "\2014 \00A0";
3947
3947
  }
3948
3948
 
3949
- @media (min-width: 576px) {
3949
+ @media (min-width: 600px) {
3950
3950
  blockquote {
3951
3951
  margin: 24px;
3952
3952
  margin: var(--size-24);
3953
3953
  }
3954
3954
  }
3955
3955
 
3956
- @media (min-width: 992px) {
3956
+ @media (min-width: 1160px) {
3957
3957
  blockquote {
3958
3958
  margin: 32px;
3959
3959
  margin: var(--size-32);
@@ -4096,7 +4096,7 @@ kbd kbd {
4096
4096
  white-space: nowrap;
4097
4097
  }
4098
4098
 
4099
- @media (min-width: 576px) {
4099
+ @media (min-width: 600px) {
4100
4100
  .text-sm-left {
4101
4101
  text-align: left;
4102
4102
  }
@@ -4120,7 +4120,7 @@ kbd kbd {
4120
4120
  }
4121
4121
  }
4122
4122
 
4123
- @media (min-width: 768px) {
4123
+ @media (min-width: 840px) {
4124
4124
  .text-md-left {
4125
4125
  text-align: left;
4126
4126
  }
@@ -4144,49 +4144,32 @@ kbd kbd {
4144
4144
  }
4145
4145
  }
4146
4146
 
4147
- @media (min-width: 992px) {
4148
- .text-lg-left {
4149
- text-align: left;
4150
- }
4151
- [dir="rtl"] .text-lg-left {
4152
- text-align: right;
4153
- }
4154
- .text-lg-right {
4155
- text-align: right;
4156
- }
4157
- [dir="rtl"] .text-lg-right {
4158
- text-align: left;
4159
- }
4160
- .text-lg-center {
4161
- text-align: center;
4162
- }
4163
- .text-lg-justify {
4164
- text-align: justify;
4165
- }
4166
- .text-lg-nowrap {
4167
- white-space: nowrap;
4168
- }
4169
- }
4170
-
4171
- @media (min-width: 1200px) {
4147
+ @media (min-width: 1160px) {
4148
+ .text-lg-left,
4172
4149
  .text-xl-left {
4173
4150
  text-align: left;
4174
4151
  }
4152
+ [dir="rtl"] .text-lg-left,
4175
4153
  [dir="rtl"] .text-xl-left {
4176
4154
  text-align: right;
4177
4155
  }
4156
+ .text-lg-right,
4178
4157
  .text-xl-right {
4179
4158
  text-align: right;
4180
4159
  }
4160
+ [dir="rtl"] .text-lg-right,
4181
4161
  [dir="rtl"] .text-xl-right {
4182
4162
  text-align: left;
4183
4163
  }
4164
+ .text-lg-center,
4184
4165
  .text-xl-center {
4185
4166
  text-align: center;
4186
4167
  }
4168
+ .text-lg-justify,
4187
4169
  .text-xl-justify {
4188
4170
  text-align: justify;
4189
4171
  }
4172
+ .text-lg-nowrap,
4190
4173
  .text-xl-nowrap {
4191
4174
  white-space: nowrap;
4192
4175
  }
@@ -4577,126 +4560,106 @@ a.text-inverse:focus {
4577
4560
  display: none !important;
4578
4561
  }
4579
4562
 
4580
- @media (max-width: 575px) {
4563
+ @media (max-width: 599.98px) {
4581
4564
  .visible-xs,
4582
4565
  .visible-xs-block {
4583
4566
  display: block !important;
4584
4567
  }
4585
4568
  }
4586
4569
 
4587
- @media (max-width: 575px) {
4570
+ @media (max-width: 599.98px) {
4588
4571
  .visible-xs-inline {
4589
4572
  display: inline !important;
4590
4573
  }
4591
4574
  }
4592
4575
 
4593
- @media (max-width: 575px) {
4576
+ @media (max-width: 599.98px) {
4594
4577
  .visible-xs-inline-block {
4595
4578
  display: inline-block !important;
4596
4579
  }
4597
4580
  }
4598
4581
 
4599
- @media (min-width: 576px) and (max-width: 767px) {
4582
+ @media (min-width: 600px) and (max-width: 839.98px) {
4600
4583
  .visible-sm,
4601
4584
  .visible-sm-block {
4602
4585
  display: block !important;
4603
4586
  }
4604
4587
  }
4605
4588
 
4606
- @media (min-width: 576px) and (max-width: 767px) {
4589
+ @media (min-width: 600px) and (max-width: 839.98px) {
4607
4590
  .visible-sm-inline {
4608
4591
  display: inline !important;
4609
4592
  }
4610
4593
  }
4611
4594
 
4612
- @media (min-width: 576px) and (max-width: 767px) {
4595
+ @media (min-width: 600px) and (max-width: 839.98px) {
4613
4596
  .visible-sm-inline-block {
4614
4597
  display: inline-block !important;
4615
4598
  }
4616
4599
  }
4617
4600
 
4618
- @media (min-width: 768px) and (max-width: 991px) {
4601
+ @media (min-width: 840px) and (max-width: 1159.98px) {
4619
4602
  .visible-md,
4620
4603
  .visible-md-block {
4621
4604
  display: block !important;
4622
4605
  }
4623
4606
  }
4624
4607
 
4625
- @media (min-width: 768px) and (max-width: 991px) {
4608
+ @media (min-width: 840px) and (max-width: 1159.98px) {
4626
4609
  .visible-md-inline {
4627
4610
  display: inline !important;
4628
4611
  }
4629
4612
  }
4630
4613
 
4631
- @media (min-width: 768px) and (max-width: 991px) {
4614
+ @media (min-width: 840px) and (max-width: 1159.98px) {
4632
4615
  .visible-md-inline-block {
4633
4616
  display: inline-block !important;
4634
4617
  }
4635
4618
  }
4636
4619
 
4637
- @media (min-width: 992px) and (max-width: 1199px) {
4620
+ @media (min-width: 1160px) {
4638
4621
  .visible-lg,
4639
- .visible-lg-block {
4640
- display: block !important;
4641
- }
4642
- }
4643
-
4644
- @media (min-width: 992px) and (max-width: 1199px) {
4645
- .visible-lg-inline {
4646
- display: inline !important;
4647
- }
4648
- }
4649
-
4650
- @media (min-width: 992px) and (max-width: 1199px) {
4651
- .visible-lg-inline-block {
4652
- display: inline-block !important;
4653
- }
4654
- }
4655
-
4656
- @media (min-width: 1200px) {
4622
+ .visible-lg-block,
4657
4623
  .visible-xl,
4658
4624
  .visible-xl-block {
4659
4625
  display: block !important;
4660
4626
  }
4661
4627
  }
4662
4628
 
4663
- @media (min-width: 1200px) {
4629
+ @media (min-width: 1160px) {
4630
+ .visible-lg-inline,
4664
4631
  .visible-xl-inline {
4665
4632
  display: inline !important;
4666
4633
  }
4667
4634
  }
4668
4635
 
4669
- @media (min-width: 1200px) {
4636
+ @media (min-width: 1160px) {
4637
+ .visible-lg-inline-block,
4670
4638
  .visible-xl-inline-block {
4671
4639
  display: inline-block !important;
4672
4640
  }
4673
4641
  }
4674
4642
 
4675
- @media (max-width: 575px) {
4643
+ @media (max-width: 599.98px) {
4676
4644
  .hidden-xs {
4677
4645
  display: none !important;
4678
4646
  }
4679
4647
  }
4680
4648
 
4681
- @media (min-width: 576px) and (max-width: 767px) {
4649
+ @media (min-width: 600px) and (max-width: 839.98px) {
4682
4650
  .hidden-sm {
4683
4651
  display: none !important;
4684
4652
  }
4685
4653
  }
4686
4654
 
4687
- @media (min-width: 768px) and (max-width: 991px) {
4655
+ @media (min-width: 840px) and (max-width: 1159.98px) {
4688
4656
  .hidden-md {
4689
4657
  display: none !important;
4690
4658
  }
4691
4659
  }
4692
4660
 
4693
- @media (min-width: 992px) and (max-width: 1199px) {
4694
- .hidden-lg {
4695
- display: none !important;
4696
- }
4697
- }
4698
-
4699
- @media (min-width: 1200px) {
4661
+ @media (min-width: 1160px) {
4662
+ .hidden-lg,
4700
4663
  .hidden-xl {
4701
4664
  display: none !important;
4702
4665
  }
@@ -5805,7 +5768,7 @@ html:not([dir="rtl"]) .p-a-panel {
5805
5768
  padding-left: var(--size-16) !important;
5806
5769
  }
5807
5770
 
5808
- @media (min-width: 576px) {
5771
+ @media (min-width: 600px) {
5809
5772
  .m-a-panel {
5810
5773
  margin-top: 24px !important;
5811
5774
  margin-top: var(--size-24) !important;
@@ -5852,7 +5815,7 @@ html:not([dir="rtl"]) .p-a-panel {
5852
5815
  }
5853
5816
  }
5854
5817
 
5855
- @media (min-width: 992px) {
5818
+ @media (min-width: 1160px) {
5856
5819
  .m-a-panel {
5857
5820
  margin-top: 32px !important;
5858
5821
  margin-top: var(--size-32) !important;
@@ -5933,7 +5896,7 @@ html:not([dir="rtl"]) .p-a-panel {
5933
5896
  padding-bottom: var(--size-16) !important;
5934
5897
  }
5935
5898
 
5936
- @media (min-width: 576px) {
5899
+ @media (min-width: 600px) {
5937
5900
  .m-t-panel {
5938
5901
  margin-top: 24px !important;
5939
5902
  margin-top: var(--size-24) !important;
@@ -5964,7 +5927,7 @@ html:not([dir="rtl"]) .p-a-panel {
5964
5927
  }
5965
5928
  }
5966
5929
 
5967
- @media (min-width: 992px) {
5930
+ @media (min-width: 1160px) {
5968
5931
  .m-t-panel {
5969
5932
  margin-top: 32px !important;
5970
5933
  margin-top: var(--size-32) !important;
@@ -6075,7 +6038,7 @@ html:not([dir="rtl"]) .p-x-panel {
6075
6038
  padding-right: var(--size-16) !important;
6076
6039
  }
6077
6040
 
6078
- @media (min-width: 576px) {
6041
+ @media (min-width: 600px) {
6079
6042
  [dir="rtl"] .m-l-panel {
6080
6043
  margin-right: 24px !important;
6081
6044
  margin-right: var(--size-24) !important;
@@ -6142,7 +6105,7 @@ html:not([dir="rtl"]) .p-x-panel {
6142
6105
  }
6143
6106
  }
6144
6107
 
6145
- @media (min-width: 992px) {
6108
+ @media (min-width: 1160px) {
6146
6109
  [dir="rtl"] .m-l-panel {
6147
6110
  margin-right: 32px !important;
6148
6111
  margin-right: var(--size-32) !important;
@@ -6243,7 +6206,7 @@ html:not([dir="rtl"]) .p-x-panel {
6243
6206
  padding-bottom: var(--size-16) !important;
6244
6207
  }
6245
6208
 
6246
- @media (min-width: 576px) {
6209
+ @media (min-width: 600px) {
6247
6210
  .m-t-section-1 {
6248
6211
  margin-top: 24px !important;
6249
6212
  margin-top: var(--size-24) !important;
@@ -6274,7 +6237,7 @@ html:not([dir="rtl"]) .p-x-panel {
6274
6237
  }
6275
6238
  }
6276
6239
 
6277
- @media (min-width: 992px) {
6240
+ @media (min-width: 1160px) {
6278
6241
  .m-t-section-1 {
6279
6242
  margin-top: 32px !important;
6280
6243
  margin-top: var(--size-32) !important;
@@ -6339,7 +6302,7 @@ html:not([dir="rtl"]) .p-x-panel {
6339
6302
  padding-bottom: var(--size-32) !important;
6340
6303
  }
6341
6304
 
6342
- @media (min-width: 576px) {
6305
+ @media (min-width: 600px) {
6343
6306
  .m-t-section-2 {
6344
6307
  margin-top: 48px !important;
6345
6308
  margin-top: var(--size-48) !important;
@@ -6370,7 +6333,7 @@ html:not([dir="rtl"]) .p-x-panel {
6370
6333
  }
6371
6334
  }
6372
6335
 
6373
- @media (min-width: 992px) {
6336
+ @media (min-width: 1160px) {
6374
6337
  .m-t-section-2 {
6375
6338
  margin-top: 64px !important;
6376
6339
  margin-top: var(--size-64) !important;
@@ -6435,7 +6398,7 @@ html:not([dir="rtl"]) .p-x-panel {
6435
6398
  padding-bottom: var(--size-48) !important;
6436
6399
  }
6437
6400
 
6438
- @media (min-width: 576px) {
6401
+ @media (min-width: 600px) {
6439
6402
  .m-t-section-3 {
6440
6403
  margin-top: 72px !important;
6441
6404
  margin-top: var(--size-72) !important;
@@ -6466,7 +6429,7 @@ html:not([dir="rtl"]) .p-x-panel {
6466
6429
  }
6467
6430
  }
6468
6431
 
6469
- @media (min-width: 992px) {
6432
+ @media (min-width: 1160px) {
6470
6433
  .m-t-section-3 {
6471
6434
  margin-top: 96px !important;
6472
6435
  margin-top: var(--size-96) !important;
@@ -6541,7 +6504,7 @@ html:not([dir="rtl"]) .p-x-panel {
6541
6504
  padding-bottom: var(--size-48);
6542
6505
  }
6543
6506
 
6544
- @media (min-width: 576px) {
6507
+ @media (min-width: 600px) {
6545
6508
  .section {
6546
6509
  padding-top: 72px;
6547
6510
  padding-top: var(--size-72);
@@ -6550,7 +6513,7 @@ html:not([dir="rtl"]) .p-x-panel {
6550
6513
  }
6551
6514
  }
6552
6515
 
6553
- @media (min-width: 992px) {
6516
+ @media (min-width: 1160px) {
6554
6517
  .section {
6555
6518
  padding-top: 96px;
6556
6519
  padding-top: var(--size-96);
@@ -6564,12 +6527,12 @@ html:not([dir="rtl"]) .p-x-panel {
6564
6527
  hyphens: auto;
6565
6528
  hyphenate-limit-chars: 7 3;
6566
6529
  }
6567
- @media (min-width: 768px) {
6530
+ @media (min-width: 840px) {
6568
6531
  .np-text-hyphenated {
6569
6532
  hyphenate-limit-chars: 8 3;
6570
6533
  }
6571
6534
  }
6572
- @media (min-width: 992px) {
6535
+ @media (min-width: 1160px) {
6573
6536
  .np-text-hyphenated {
6574
6537
  hyphenate-limit-chars: 10 4 3;
6575
6538
  }
@@ -6582,7 +6545,7 @@ html:not([dir="rtl"]) .p-x-panel {
6582
6545
  -webkit-hyphenate-limit-before: 3;
6583
6546
  -webkit-hyphenate-limit-after: 3;
6584
6547
  }
6585
- @media (min-width: 992px) {
6548
+ @media (min-width: 1160px) {
6586
6549
  .np-text-hyphenated {
6587
6550
  -webkit-hyphenate-limit-before: 4;
6588
6551
  }
@@ -8973,7 +8936,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
8973
8936
  background-size: 12px 12px !important;
8974
8937
  }
8975
8938
 
8976
- @media (max-width: 767px) {
8939
+ @media (max-width: 839px) {
8977
8940
  .navbar-collapse .btn {
8978
8941
  padding: 12px 24px calc(12px - 2px);
8979
8942
  padding: var(--btn-padding);
@@ -9387,7 +9350,7 @@ a.btn {
9387
9350
  margin-left: initial;
9388
9351
  }
9389
9352
 
9390
- @media (min-width: 992px) {
9353
+ @media (min-width: 1160px) {
9391
9354
  .btn-toolbar:not(.btn-toolbar-xl) {
9392
9355
  margin-left: -4px;
9393
9356
  margin-right: -4px;
@@ -9429,7 +9392,7 @@ a.btn {
9429
9392
  float: right;
9430
9393
  }
9431
9394
 
9432
- @media (min-width: 576px) {
9395
+ @media (min-width: 600px) {
9433
9396
  .btn-toolbar.btn-toolbar-sm {
9434
9397
  margin-left: -4px;
9435
9398
  margin-right: -4px;
@@ -9450,7 +9413,7 @@ a.btn {
9450
9413
  }
9451
9414
  }
9452
9415
 
9453
- @media (min-width: 768px) {
9416
+ @media (min-width: 840px) {
9454
9417
  .btn-toolbar.btn-toolbar-md {
9455
9418
  margin-left: -4px;
9456
9419
  margin-right: -4px;
@@ -9471,7 +9434,7 @@ a.btn {
9471
9434
  }
9472
9435
  }
9473
9436
 
9474
- @media (min-width: 992px) {
9437
+ @media (min-width: 1160px) {
9475
9438
  .btn-toolbar.btn-toolbar-lg {
9476
9439
  margin-left: -4px;
9477
9440
  margin-right: -4px;
@@ -9492,7 +9455,7 @@ a.btn {
9492
9455
  }
9493
9456
  }
9494
9457
 
9495
- @media (min-width: 1200px) {
9458
+ @media (min-width: 1160px) {
9496
9459
  .btn-toolbar.btn-toolbar-xl {
9497
9460
  margin-left: -4px;
9498
9461
  margin-right: -4px;
@@ -9867,7 +9830,7 @@ html:not([dir="rtl"]) .btn-group .btn + .btn-primary {
9867
9830
  padding-right: 16px;
9868
9831
  }
9869
9832
 
9870
- @media (min-width: 576px) {
9833
+ @media (min-width: 600px) {
9871
9834
  .btn-group.btn-block .btn-input.btn.dropdown-toggle {
9872
9835
  padding-right: 48px;
9873
9836
  }
@@ -11456,7 +11419,7 @@ select[multiple].input-lg {
11456
11419
  top: 0;
11457
11420
  }
11458
11421
 
11459
- @media (min-width: 576px) {
11422
+ @media (min-width: 600px) {
11460
11423
  .form-inline .form-group {
11461
11424
  display: inline-block;
11462
11425
  margin-bottom: 0;
@@ -11549,7 +11512,7 @@ select[multiple].input-lg {
11549
11512
  margin-right: -12px;
11550
11513
  }
11551
11514
 
11552
- @media (min-width: 576px) {
11515
+ @media (min-width: 600px) {
11553
11516
  .form-horizontal .control-label {
11554
11517
  text-align: right;
11555
11518
  margin-bottom: 0;
@@ -11570,7 +11533,7 @@ select[multiple].input-lg {
11570
11533
  right: initial;
11571
11534
  }
11572
11535
 
11573
- @media (min-width: 576px) {
11536
+ @media (min-width: 600px) {
11574
11537
  .form-horizontal .form-group-lg .control-label {
11575
11538
  padding-top: 17px;
11576
11539
  font-size: 1.25rem;
@@ -11578,7 +11541,7 @@ select[multiple].input-lg {
11578
11541
  }
11579
11542
  }
11580
11543
 
11581
- @media (min-width: 576px) {
11544
+ @media (min-width: 600px) {
11582
11545
  .form-horizontal .form-group-sm .control-label {
11583
11546
  padding-top: 8px;
11584
11547
  font-size: 0.875rem;
@@ -12085,7 +12048,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
12085
12048
  padding-right: initial;
12086
12049
  }
12087
12050
 
12088
- @media (max-width: 575px) {
12051
+ @media (max-width: 599.98px) {
12089
12052
  .form-group .row [class*='col-sm-'] {
12090
12053
  margin-bottom: 0;
12091
12054
  }
@@ -12094,7 +12057,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
12094
12057
  }
12095
12058
  }
12096
12059
 
12097
- @media (max-width: 767px) {
12060
+ @media (max-width: 839.98px) {
12098
12061
  .form-group .row [class*='col-md-'] {
12099
12062
  margin-bottom: 0;
12100
12063
  }
@@ -12104,7 +12067,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
12104
12067
  }
12105
12068
  }
12106
12069
 
12107
- @media (max-width: 991px) {
12070
+ @media (max-width: 1159.98px) {
12108
12071
  .form-group .row [class*='col-lg-'] {
12109
12072
  margin-bottom: 0;
12110
12073
  }
@@ -12114,7 +12077,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
12114
12077
  }
12115
12078
  }
12116
12079
 
12117
- @media (max-width: 1199px) {
12080
+ @media (max-width: 1159.98px) {
12118
12081
  .form-group .row [class*='col-xl-'] {
12119
12082
  margin-bottom: 0;
12120
12083
  }
@@ -12124,7 +12087,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
12124
12087
  }
12125
12088
  }
12126
12089
 
12127
- @media (min-width: 576px) {
12090
+ @media (min-width: 600px) {
12128
12091
  fieldset .form-group:nth-of-type(odd) {
12129
12092
  clear: left;
12130
12093
  }
@@ -12665,14 +12628,14 @@ select[multiple].input-group-lg > .input-group-btn .btn {
12665
12628
  hyphens: auto;
12666
12629
  hyphenate-limit-chars: 7 3;
12667
12630
  }
12668
- @media (min-width: 768px) {
12631
+ @media (min-width: 840px) {
12669
12632
  .input-group-lg > .form-control,
12670
12633
  .input-group-lg > .input-group-addon,
12671
12634
  .input-group-lg > .input-group-btn .btn {
12672
12635
  hyphenate-limit-chars: 8 3;
12673
12636
  }
12674
12637
  }
12675
- @media (min-width: 992px) {
12638
+ @media (min-width: 1160px) {
12676
12639
  .input-group-lg > .form-control,
12677
12640
  .input-group-lg > .input-group-addon,
12678
12641
  .input-group-lg > .input-group-btn .btn {
@@ -12689,7 +12652,7 @@ select[multiple].input-group-lg > .input-group-btn .btn {
12689
12652
  -webkit-hyphenate-limit-before: 3;
12690
12653
  -webkit-hyphenate-limit-after: 3;
12691
12654
  }
12692
- @media (min-width: 992px) {
12655
+ @media (min-width: 1160px) {
12693
12656
  .input-group-lg > .form-control,
12694
12657
  .input-group-lg > .input-group-addon,
12695
12658
  .input-group-lg > .input-group-btn .btn {
@@ -13285,7 +13248,7 @@ a.circle.active:hover {
13285
13248
  background-color: var(--color-background-neutral);
13286
13249
  }
13287
13250
 
13288
- @media (min-width: 576px) {
13251
+ @media (min-width: 600px) {
13289
13252
  .circle-responsive {
13290
13253
  border-radius: 50%;
13291
13254
  background-color: #fff;
@@ -13459,7 +13422,7 @@ a.circle.active:hover {
13459
13422
  padding: var(--size-24);
13460
13423
  }
13461
13424
 
13462
- @media (min-width: 992px) {
13425
+ @media (min-width: 1160px) {
13463
13426
  .column-layout {
13464
13427
  display: table;
13465
13428
  }
@@ -13504,13 +13467,13 @@ a.circle.active:hover {
13504
13467
  top: 20px;
13505
13468
  }
13506
13469
 
13507
- @media (min-width: 992px) {
13470
+ @media (min-width: 1160px) {
13508
13471
  .column-layout-cover {
13509
13472
  display: none;
13510
13473
  }
13511
13474
  }
13512
13475
 
13513
- @media (max-width: 991px) {
13476
+ @media (max-width: 1159.98px) {
13514
13477
  .column-layout-open {
13515
13478
  overflow: hidden;
13516
13479
  }
@@ -13554,7 +13517,7 @@ a.circle.active:hover {
13554
13517
  padding: var(--size-4) 24px;
13555
13518
  }
13556
13519
 
13557
- @media (min-width: 992px) {
13520
+ @media (min-width: 1160px) {
13558
13521
  .column-layout-brand {
13559
13522
  padding-left: 32px;
13560
13523
  padding-right: 32px;
@@ -13681,12 +13644,12 @@ li > a > .currency-flag:first-child {
13681
13644
  hyphens: auto;
13682
13645
  hyphenate-limit-chars: 7 3;
13683
13646
  }
13684
- @media (min-width: 768px) {
13647
+ @media (min-width: 840px) {
13685
13648
  .decision__title {
13686
13649
  hyphenate-limit-chars: 8 3;
13687
13650
  }
13688
13651
  }
13689
- @media (min-width: 992px) {
13652
+ @media (min-width: 1160px) {
13690
13653
  .decision__title {
13691
13654
  hyphenate-limit-chars: 10 4 3;
13692
13655
  }
@@ -13699,7 +13662,7 @@ li > a > .currency-flag:first-child {
13699
13662
  -webkit-hyphenate-limit-before: 3;
13700
13663
  -webkit-hyphenate-limit-after: 3;
13701
13664
  }
13702
- @media (min-width: 992px) {
13665
+ @media (min-width: 1160px) {
13703
13666
  .decision__title {
13704
13667
  -webkit-hyphenate-limit-before: 4;
13705
13668
  }
@@ -13761,7 +13724,7 @@ li > a > .currency-flag:first-child {
13761
13724
  color: var(--color-content-secondary);
13762
13725
  }
13763
13726
 
13764
- @media (min-width: 480px) {
13727
+ @media (min-width: 320.02px) {
13765
13728
  .decision .media .media-left,
13766
13729
  .decision.media .media-left {
13767
13730
  display: block;
@@ -13864,7 +13827,7 @@ li > a > .currency-flag:first-child {
13864
13827
  box-shadow: 0 0 40px rgba(69, 71, 69, 0.2);
13865
13828
  }
13866
13829
 
13867
- @media (min-width: 576px) {
13830
+ @media (min-width: 600px) {
13868
13831
  .dropdown-menu {
13869
13832
  min-width: 160px;
13870
13833
  }
@@ -14007,7 +13970,7 @@ li > a > .currency-flag:first-child {
14007
13970
  transform: none;
14008
13971
  }
14009
13972
 
14010
- @media (max-width: 575px) {
13973
+ @media (max-width: 599.98px) {
14011
13974
  .open > .dropdown-menu-overlay {
14012
13975
  position: fixed;
14013
13976
  top: 0;
@@ -14077,7 +14040,7 @@ li > a > .currency-flag:first-child {
14077
14040
  right: initial;
14078
14041
  }
14079
14042
 
14080
- @media (min-width: 576px) {
14043
+ @media (min-width: 600px) {
14081
14044
  .dropdown-menu-sm-right {
14082
14045
  left: auto;
14083
14046
  right: 0;
@@ -14108,7 +14071,7 @@ li > a > .currency-flag:first-child {
14108
14071
  }
14109
14072
  }
14110
14073
 
14111
- @media (min-width: 768px) {
14074
+ @media (min-width: 840px) {
14112
14075
  .dropdown-menu-md-right {
14113
14076
  left: auto;
14114
14077
  right: 0;
@@ -14139,7 +14102,7 @@ li > a > .currency-flag:first-child {
14139
14102
  }
14140
14103
  }
14141
14104
 
14142
- @media (min-width: 992px) {
14105
+ @media (min-width: 1160px) {
14143
14106
  .dropdown-menu-lg-right {
14144
14107
  left: auto;
14145
14108
  right: 0;
@@ -14170,7 +14133,7 @@ li > a > .currency-flag:first-child {
14170
14133
  }
14171
14134
  }
14172
14135
 
14173
- @media (min-width: 1200px) {
14136
+ @media (min-width: 1160px) {
14174
14137
  .dropdown-menu-xl-right {
14175
14138
  left: auto;
14176
14139
  right: 0;
@@ -14228,12 +14191,12 @@ li > a > .currency-flag:first-child {
14228
14191
  hyphens: auto;
14229
14192
  hyphenate-limit-chars: 7 3;
14230
14193
  }
14231
- @media (min-width: 768px) {
14194
+ @media (min-width: 840px) {
14232
14195
  .dropdown-header {
14233
14196
  hyphenate-limit-chars: 8 3;
14234
14197
  }
14235
14198
  }
14236
- @media (min-width: 992px) {
14199
+ @media (min-width: 1160px) {
14237
14200
  .dropdown-header {
14238
14201
  hyphenate-limit-chars: 10 4 3;
14239
14202
  }
@@ -14246,7 +14209,7 @@ li > a > .currency-flag:first-child {
14246
14209
  -webkit-hyphenate-limit-before: 3;
14247
14210
  -webkit-hyphenate-limit-after: 3;
14248
14211
  }
14249
- @media (min-width: 992px) {
14212
+ @media (min-width: 1160px) {
14250
14213
  .dropdown-header {
14251
14214
  -webkit-hyphenate-limit-before: 4;
14252
14215
  }
@@ -14288,7 +14251,7 @@ li > a > .currency-flag:first-child {
14288
14251
  margin-bottom: 2px;
14289
14252
  }
14290
14253
 
14291
- @media (min-width: 768px) {
14254
+ @media (min-width: 840px) {
14292
14255
  .navbar-right .dropdown-menu {
14293
14256
  left: auto;
14294
14257
  right: 0;
@@ -14354,7 +14317,7 @@ li > a > .currency-flag:first-child {
14354
14317
  border-radius: initial;
14355
14318
  }
14356
14319
 
14357
- @media (min-width: 768px) {
14320
+ @media (min-width: 840px) {
14358
14321
  .droppable {
14359
14322
  border-style: dashed;
14360
14323
  }
@@ -14473,7 +14436,7 @@ li > a > .currency-flag:first-child {
14473
14436
  margin: 0 auto;
14474
14437
  }
14475
14438
 
14476
- @media (min-width: 768px) {
14439
+ @media (min-width: 840px) {
14477
14440
  .droppable .thumbnail {
14478
14441
  max-height: 128px;
14479
14442
  max-width: 128px;
@@ -14538,13 +14501,13 @@ li > a > .currency-flag:first-child {
14538
14501
  padding: 16px 16px;
14539
14502
  }
14540
14503
 
14541
- @media (min-width: 576px) {
14504
+ @media (min-width: 600px) {
14542
14505
  .droppable-sm {
14543
14506
  padding: 24px 16px;
14544
14507
  }
14545
14508
  }
14546
14509
 
14547
- @media (min-width: 992px) {
14510
+ @media (min-width: 1160px) {
14548
14511
  .droppable-sm {
14549
14512
  padding: 32px 24px;
14550
14513
  }
@@ -14554,13 +14517,13 @@ li > a > .currency-flag:first-child {
14554
14517
  padding: 32px 32px;
14555
14518
  }
14556
14519
 
14557
- @media (min-width: 576px) {
14520
+ @media (min-width: 600px) {
14558
14521
  .droppable-md {
14559
14522
  padding: 48px 32px;
14560
14523
  }
14561
14524
  }
14562
14525
 
14563
- @media (min-width: 992px) {
14526
+ @media (min-width: 1160px) {
14564
14527
  .droppable-md {
14565
14528
  padding: 64px 48px;
14566
14529
  }
@@ -14570,13 +14533,13 @@ li > a > .currency-flag:first-child {
14570
14533
  padding: 48px 48px;
14571
14534
  }
14572
14535
 
14573
- @media (min-width: 576px) {
14536
+ @media (min-width: 600px) {
14574
14537
  .droppable-lg {
14575
14538
  padding: 72px 48px;
14576
14539
  }
14577
14540
  }
14578
14541
 
14579
- @media (min-width: 992px) {
14542
+ @media (min-width: 1160px) {
14580
14543
  .droppable-lg {
14581
14544
  padding: 96px 72px;
14582
14545
  }
@@ -14695,7 +14658,7 @@ li > a > .currency-flag:first-child {
14695
14658
  flex-grow: 1;
14696
14659
  }
14697
14660
 
14698
- @media (min-width: 576px) {
14661
+ @media (min-width: 600px) {
14699
14662
  .d-flex--sm {
14700
14663
  display: flex;
14701
14664
  }
@@ -14776,7 +14739,7 @@ li > a > .currency-flag:first-child {
14776
14739
  }
14777
14740
  }
14778
14741
 
14779
- @media (min-width: 768px) {
14742
+ @media (min-width: 840px) {
14780
14743
  .d-flex--md {
14781
14744
  display: flex;
14782
14745
  }
@@ -14857,7 +14820,7 @@ li > a > .currency-flag:first-child {
14857
14820
  }
14858
14821
  }
14859
14822
 
14860
- @media (min-width: 992px) {
14823
+ @media (min-width: 1160px) {
14861
14824
  .d-flex--lg {
14862
14825
  display: flex;
14863
14826
  }
@@ -14936,9 +14899,6 @@ li > a > .currency-flag:first-child {
14936
14899
  .flex-grow-1--lg {
14937
14900
  flex-grow: 1;
14938
14901
  }
14939
- }
14940
-
14941
- @media (min-width: 1200px) {
14942
14902
  .d-flex--xl {
14943
14903
  display: flex;
14944
14904
  }
@@ -15045,7 +15005,7 @@ li > a > .currency-flag:first-child {
15045
15005
  margin-left: initial;
15046
15006
  }
15047
15007
 
15048
- @media (min-width: 576px) {
15008
+ @media (min-width: 600px) {
15049
15009
  .flex__inner {
15050
15010
  margin-right: calc(-1 * 24px);
15051
15011
  margin-right: calc(-1 * var(--size-24));
@@ -15066,7 +15026,7 @@ li > a > .currency-flag:first-child {
15066
15026
  }
15067
15027
  }
15068
15028
 
15069
- @media (min-width: 768px) {
15029
+ @media (min-width: 840px) {
15070
15030
  .flex__inner {
15071
15031
  margin-right: calc(-1 * 32px);
15072
15032
  margin-right: calc(-1 * var(--size-32));
@@ -15087,7 +15047,7 @@ li > a > .currency-flag:first-child {
15087
15047
  }
15088
15048
  }
15089
15049
 
15090
- @media (min-width: 992px) {
15050
+ @media (min-width: 1160px) {
15091
15051
  .flex__inner {
15092
15052
  margin-right: calc(-1 * 48px);
15093
15053
  margin-right: calc(-1 * var(--size-48));
@@ -15129,7 +15089,7 @@ li > a > .currency-flag:first-child {
15129
15089
  padding-left: initial;
15130
15090
  }
15131
15091
 
15132
- @media (min-width: 576px) {
15092
+ @media (min-width: 600px) {
15133
15093
  .flex__item {
15134
15094
  padding-right: 24px;
15135
15095
  padding-right: var(--size-24);
@@ -15150,7 +15110,7 @@ li > a > .currency-flag:first-child {
15150
15110
  }
15151
15111
  }
15152
15112
 
15153
- @media (min-width: 768px) {
15113
+ @media (min-width: 840px) {
15154
15114
  .flex__item {
15155
15115
  padding-right: 32px;
15156
15116
  padding-right: var(--size-32);
@@ -15171,7 +15131,7 @@ li > a > .currency-flag:first-child {
15171
15131
  }
15172
15132
  }
15173
15133
 
15174
- @media (min-width: 992px) {
15134
+ @media (min-width: 1160px) {
15175
15135
  .flex__item {
15176
15136
  padding-right: 48px;
15177
15137
  padding-right: var(--size-48);
@@ -15197,7 +15157,7 @@ li > a > .currency-flag:first-child {
15197
15157
  max-width: calc(100% / 3);
15198
15158
  }
15199
15159
 
15200
- @media (max-width: 767px) {
15160
+ @media (max-width: 839.98px) {
15201
15161
  .flex__item--4--md {
15202
15162
  flex: 0 0 calc(100% / 3);
15203
15163
  max-width: calc(100% / 3);
@@ -15209,7 +15169,7 @@ li > a > .currency-flag:first-child {
15209
15169
  max-width: calc(100% / 1.5);
15210
15170
  }
15211
15171
 
15212
- @media (max-width: 767px) {
15172
+ @media (max-width: 839.98px) {
15213
15173
  .flex__item--8--md {
15214
15174
  flex: 0 0 calc(100% / 1.5);
15215
15175
  max-width: calc(100% / 1.5);
@@ -15221,7 +15181,7 @@ li > a > .currency-flag:first-child {
15221
15181
  max-width: 50%;
15222
15182
  }
15223
15183
 
15224
- @media (max-width: 767px) {
15184
+ @media (max-width: 839.98px) {
15225
15185
  .flex__item--6--md {
15226
15186
  flex: 0 0 50%;
15227
15187
  max-width: 50%;
@@ -15233,7 +15193,7 @@ li > a > .currency-flag:first-child {
15233
15193
  max-width: 100%;
15234
15194
  }
15235
15195
 
15236
- @media (max-width: 767px) {
15196
+ @media (max-width: 839.98px) {
15237
15197
  .flex__item--12--md {
15238
15198
  flex: 0 0 100%;
15239
15199
  max-width: 100%;
@@ -15255,7 +15215,7 @@ li > a > .currency-flag:first-child {
15255
15215
  padding-bottom: calc(var(--size-8) * 10);
15256
15216
  }
15257
15217
 
15258
- @media (min-width: 576px) {
15218
+ @media (min-width: 600px) {
15259
15219
  .footer {
15260
15220
  padding-top: calc(8px * 15);
15261
15221
  padding-top: calc(var(--size-8) * 15);
@@ -15264,7 +15224,7 @@ li > a > .currency-flag:first-child {
15264
15224
  }
15265
15225
  }
15266
15226
 
15267
- @media (min-width: 992px) {
15227
+ @media (min-width: 1160px) {
15268
15228
  .footer {
15269
15229
  padding-top: calc(8px * 20);
15270
15230
  padding-top: calc(var(--size-8) * 20);
@@ -15385,7 +15345,7 @@ li > a > .currency-flag:first-child {
15385
15345
  color: #ffffff;
15386
15346
  }
15387
15347
 
15388
- @media (max-width: 575px) {
15348
+ @media (max-width: 599.98px) {
15389
15349
  .footer {
15390
15350
  position: relative;
15391
15351
  }
@@ -15450,20 +15410,20 @@ li > a > .currency-flag:first-child {
15450
15410
  clear: both;
15451
15411
  }
15452
15412
 
15453
- @media (min-width: 1200px) {
15413
+ @media (min-width: 1160px) {
15454
15414
  .container {
15455
15415
  max-width: 1164px;
15456
15416
  }
15457
15417
  }
15458
15418
 
15459
- @media (min-width: 576px) {
15419
+ @media (min-width: 600px) {
15460
15420
  .container {
15461
15421
  padding-right: 24px;
15462
15422
  padding-left: 24px;
15463
15423
  }
15464
15424
  }
15465
15425
 
15466
- @media (min-width: 992px) {
15426
+ @media (min-width: 1160px) {
15467
15427
  .container {
15468
15428
  padding-right: 32px;
15469
15429
  padding-left: 32px;
@@ -16136,7 +16096,7 @@ li > a > .currency-flag:first-child {
16136
16096
  margin-left: initial;
16137
16097
  }
16138
16098
 
16139
- @media (min-width: 576px) {
16099
+ @media (min-width: 600px) {
16140
16100
  .col-sm-1,
16141
16101
  .col-sm-2,
16142
16102
  .col-sm-3,
@@ -16563,7 +16523,7 @@ li > a > .currency-flag:first-child {
16563
16523
  }
16564
16524
  }
16565
16525
 
16566
- @media (min-width: 768px) {
16526
+ @media (min-width: 840px) {
16567
16527
  .col-md-1,
16568
16528
  .col-md-2,
16569
16529
  .col-md-3,
@@ -16990,7 +16950,7 @@ li > a > .currency-flag:first-child {
16990
16950
  }
16991
16951
  }
16992
16952
 
16993
- @media (min-width: 992px) {
16953
+ @media (min-width: 1160px) {
16994
16954
  .col-lg-1,
16995
16955
  .col-lg-2,
16996
16956
  .col-lg-3,
@@ -17417,7 +17377,7 @@ li > a > .currency-flag:first-child {
17417
17377
  }
17418
17378
  }
17419
17379
 
17420
- @media (min-width: 1200px) {
17380
+ @media (min-width: 1160px) {
17421
17381
  .col-xl-1,
17422
17382
  .col-xl-2,
17423
17383
  .col-xl-3,
@@ -17844,14 +17804,14 @@ li > a > .currency-flag:first-child {
17844
17804
  }
17845
17805
  }
17846
17806
 
17847
- @media (max-width: 575px) {
17807
+ @media (max-width: 599.98px) {
17848
17808
  .container {
17849
17809
  padding-right: 16px;
17850
17810
  padding-left: 16px;
17851
17811
  }
17852
17812
  }
17853
17813
 
17854
- @media (min-width: 576px) and (max-width: 767px) {
17814
+ @media (min-width: 600px) and (max-width: 839.98px) {
17855
17815
  .container {
17856
17816
  padding-right: 24px;
17857
17817
  padding-left: 24px;
@@ -17870,25 +17830,25 @@ li > a > .currency-flag:first-child {
17870
17830
  margin-bottom: 0;
17871
17831
  }
17872
17832
 
17873
- @media (min-width: 576px) {
17833
+ @media (min-width: 600px) {
17874
17834
  [class*="col-sm"] {
17875
17835
  margin-bottom: 0;
17876
17836
  }
17877
17837
  }
17878
17838
 
17879
- @media (min-width: 768px) {
17839
+ @media (min-width: 840px) {
17880
17840
  [class*="col-md"] {
17881
17841
  margin-bottom: 0;
17882
17842
  }
17883
17843
  }
17884
17844
 
17885
- @media (min-width: 992px) {
17845
+ @media (min-width: 1160px) {
17886
17846
  [class*="col-lg"] {
17887
17847
  margin-bottom: 0;
17888
17848
  }
17889
17849
  }
17890
17850
 
17891
- @media (min-width: 1200px) {
17851
+ @media (min-width: 1160px) {
17892
17852
  [class*="col-xl"] {
17893
17853
  margin-bottom: 0;
17894
17854
  }
@@ -17903,14 +17863,14 @@ li > a > .currency-flag:first-child {
17903
17863
  display: flex;
17904
17864
  }
17905
17865
 
17906
- @media (max-width: 575px) {
17866
+ @media (max-width: 599.98px) {
17907
17867
  .row-equal-height .col-xs-12 {
17908
17868
  margin-bottom: 12px;
17909
17869
  margin-bottom: var(--size-12);
17910
17870
  }
17911
17871
  }
17912
17872
 
17913
- @media (max-width: 575px) {
17873
+ @media (max-width: 599.98px) {
17914
17874
  .row {
17915
17875
  margin-right: calc(8px * -1);
17916
17876
  margin-right: calc(var(--size-8) * -1);
@@ -17935,7 +17895,7 @@ li > a > .currency-flag:first-child {
17935
17895
  padding-left: 24px / 2;
17936
17896
  }
17937
17897
 
17938
- @media all and (min-width: 576px) {
17898
+ @media all and (min-width: 600px) {
17939
17899
  .row--wide {
17940
17900
  margin-right: -48px / 2;
17941
17901
  margin-left: -48px / 2;
@@ -17946,7 +17906,7 @@ li > a > .currency-flag:first-child {
17946
17906
  }
17947
17907
  }
17948
17908
 
17949
- @media all and (min-width: 992px) {
17909
+ @media all and (min-width: 1160px) {
17950
17910
  .row--wide {
17951
17911
  margin-right: -96px / 2;
17952
17912
  margin-left: -96px / 2;
@@ -17957,7 +17917,7 @@ li > a > .currency-flag:first-child {
17957
17917
  }
17958
17918
  }
17959
17919
 
17960
- @media (min-width: 1200px) {
17920
+ @media (min-width: 1160px) {
17961
17921
  .container--fullscreen {
17962
17922
  max-width: 100%;
17963
17923
  }
@@ -17975,7 +17935,7 @@ li > a > .currency-flag:first-child {
17975
17935
  margin-left: auto;
17976
17936
  }
17977
17937
 
17978
- @media (min-width: 1200px) {
17938
+ @media (min-width: 1160px) {
17979
17939
  .container--wide {
17980
17940
  max-width: 1500px;
17981
17941
  }
@@ -18047,7 +18007,7 @@ html:not([dir="rtl"]) .list-group-item {
18047
18007
  margin-top: 0;
18048
18008
  }
18049
18009
 
18050
- @media (min-width: 576px) {
18010
+ @media (min-width: 600px) {
18051
18011
  .list-group-item {
18052
18012
  padding: 24px 24px 24px 22px;
18053
18013
  }
@@ -18056,7 +18016,7 @@ html:not([dir="rtl"]) .list-group-item {
18056
18016
  }
18057
18017
  }
18058
18018
 
18059
- @media (min-width: 992px) {
18019
+ @media (min-width: 1160px) {
18060
18020
  .list-group-item {
18061
18021
  padding: 32px 32px 32px 30px;
18062
18022
  }
@@ -18086,12 +18046,12 @@ html:not([dir="rtl"]) .list-group-item {
18086
18046
  hyphens: auto;
18087
18047
  hyphenate-limit-chars: 7 3;
18088
18048
  }
18089
- @media (min-width: 768px) {
18049
+ @media (min-width: 840px) {
18090
18050
  .list-group-item-heading {
18091
18051
  hyphenate-limit-chars: 8 3;
18092
18052
  }
18093
18053
  }
18094
- @media (min-width: 992px) {
18054
+ @media (min-width: 1160px) {
18095
18055
  .list-group-item-heading {
18096
18056
  hyphenate-limit-chars: 10 4 3;
18097
18057
  }
@@ -18104,7 +18064,7 @@ html:not([dir="rtl"]) .list-group-item {
18104
18064
  -webkit-hyphenate-limit-before: 3;
18105
18065
  -webkit-hyphenate-limit-after: 3;
18106
18066
  }
18107
- @media (min-width: 992px) {
18067
+ @media (min-width: 1160px) {
18108
18068
  .list-group-item-heading {
18109
18069
  -webkit-hyphenate-limit-before: 4;
18110
18070
  }
@@ -18180,7 +18140,7 @@ a.list-group-item:not(.disabled):not(:disabled):focus {
18180
18140
  box-shadow: none;
18181
18141
  }
18182
18142
 
18183
- @media (min-width: 768px) {
18143
+ @media (min-width: 840px) {
18184
18144
  .list-group-item.active {
18185
18145
  margin-left: -12px;
18186
18146
  margin-right: -12px;
@@ -18201,7 +18161,7 @@ a.list-group-item:not(.disabled):not(:disabled):focus {
18201
18161
  background-color: var(--color-background-screen);
18202
18162
  }
18203
18163
 
18204
- @media (min-width: 576px) {
18164
+ @media (min-width: 600px) {
18205
18165
  .list-group-inactive .list-group-item:hover .circle,
18206
18166
  .list-group-inactive .list-group-item.active .circle {
18207
18167
  background-color: rgba(134,167,189,0.10196);
@@ -18370,7 +18330,7 @@ a.list-group-item-danger:hover {
18370
18330
  }
18371
18331
  }
18372
18332
 
18373
- @media (max-width: 767px) {
18333
+ @media (max-width: 839.98px) {
18374
18334
  .list-group-slide-out .list-group-item .collapse {
18375
18335
  position: fixed;
18376
18336
  top: 0;
@@ -18600,7 +18560,7 @@ html:not([dir="rtl"]) .nav-stacked > li > a {
18600
18560
  transition: none;
18601
18561
  }
18602
18562
 
18603
- @media (min-width: 992px) {
18563
+ @media (min-width: 1160px) {
18604
18564
  .nav-stacked > li > a {
18605
18565
  padding-right: 32px;
18606
18566
  padding-right: var(--size-32);
@@ -18691,7 +18651,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
18691
18651
  line-height: var(--line-height-body);
18692
18652
  }
18693
18653
 
18694
- @media (min-width: 768px) {
18654
+ @media (min-width: 840px) {
18695
18655
  .nav-justified-2-p-x {
18696
18656
  padding-right: 25%;
18697
18657
  padding-left: 25%;
@@ -18879,7 +18839,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
18879
18839
  float: none !important;
18880
18840
  }
18881
18841
 
18882
- @media (min-width: 576px) {
18842
+ @media (min-width: 600px) {
18883
18843
  .pull-sm-left {
18884
18844
  float: left !important;
18885
18845
  }
@@ -18897,7 +18857,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
18897
18857
  }
18898
18858
  }
18899
18859
 
18900
- @media (min-width: 768px) {
18860
+ @media (min-width: 840px) {
18901
18861
  .pull-md-left {
18902
18862
  float: left !important;
18903
18863
  }
@@ -18915,7 +18875,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
18915
18875
  }
18916
18876
  }
18917
18877
 
18918
- @media (min-width: 992px) {
18878
+ @media (min-width: 1160px) {
18919
18879
  .pull-lg-left {
18920
18880
  float: left !important;
18921
18881
  }
@@ -18933,7 +18893,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
18933
18893
  }
18934
18894
  }
18935
18895
 
18936
- @media (min-width: 1200px) {
18896
+ @media (min-width: 1160px) {
18937
18897
  .pull-xl-left {
18938
18898
  float: left !important;
18939
18899
  }
@@ -19008,7 +18968,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19008
18968
  transition: border-top-width 0s linear;
19009
18969
  }
19010
18970
 
19011
- @media (min-width: 768px) {
18971
+ @media (min-width: 840px) {
19012
18972
  .navbar {
19013
18973
  border-radius: 0;
19014
18974
  }
@@ -19018,7 +18978,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19018
18978
  }
19019
18979
  }
19020
18980
 
19021
- @media (min-width: 768px) {
18981
+ @media (min-width: 840px) {
19022
18982
  .navbar-header {
19023
18983
  float: left;
19024
18984
  }
@@ -19032,7 +18992,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19032
18992
  -webkit-overflow-scrolling: touch;
19033
18993
  }
19034
18994
 
19035
- @media (min-width: 768px) {
18995
+ @media (min-width: 840px) {
19036
18996
  .navbar-collapse {
19037
18997
  width: auto;
19038
18998
  border-top: 0;
@@ -19051,7 +19011,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19051
19011
  }
19052
19012
  }
19053
19013
 
19054
- @media (min-width: 768px) {
19014
+ @media (min-width: 840px) {
19055
19015
  .container > .navbar-header,
19056
19016
  .container-fluid > .navbar-header,
19057
19017
  .container > .navbar-collapse,
@@ -19066,7 +19026,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19066
19026
  margin-bottom: 0;
19067
19027
  }
19068
19028
 
19069
- @media (min-width: 768px) {
19029
+ @media (min-width: 840px) {
19070
19030
  .navbar-static-top {
19071
19031
  border-radius: 0;
19072
19032
  }
@@ -19101,7 +19061,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19101
19061
  color: var(--color-background-screen);
19102
19062
  }
19103
19063
 
19104
- @media (max-width: 767px) {
19064
+ @media (max-width: 839.98px) {
19105
19065
  .navbar.affix .navbar-nav > li > a,
19106
19066
  .navbar-fixed-top .navbar-nav > li > a,
19107
19067
  .navbar-fixed-bottom .navbar-nav > li > a,
@@ -19123,7 +19083,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19123
19083
  color: var(--color-content-accent-active);
19124
19084
  }
19125
19085
 
19126
- @media (min-width: 768px) {
19086
+ @media (min-width: 840px) {
19127
19087
  .navbar.affix,
19128
19088
  .navbar-fixed-top,
19129
19089
  .navbar-fixed-bottom {
@@ -19251,7 +19211,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19251
19211
  background-color: var(--color-content-accent-hover);
19252
19212
  }
19253
19213
 
19254
- @media (min-width: 768px) {
19214
+ @media (min-width: 840px) {
19255
19215
  .navbar-toggle {
19256
19216
  display: none;
19257
19217
  }
@@ -19265,7 +19225,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19265
19225
  transition: color ease 0.15s;
19266
19226
  }
19267
19227
 
19268
- @media (min-width: 768px) and (max-width: 991px) {
19228
+ @media (min-width: 840px) and (max-width: 1159.98px) {
19269
19229
  .navbar-nav > li > a,
19270
19230
  .navbar-nav > li > button {
19271
19231
  padding-left: 12px;
@@ -19312,7 +19272,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19312
19272
  color: var(--color-content-accent-active);
19313
19273
  }
19314
19274
 
19315
- @media (min-width: 768px) {
19275
+ @media (min-width: 840px) {
19316
19276
  .navbar-inverse .navbar-nav > li > a.dropdown-toggle,
19317
19277
  .navbar-inverse .navbar-nav > li > button.dropdown-toggle {
19318
19278
  color: #ffffff;
@@ -19338,7 +19298,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19338
19298
  margin-left: initial;
19339
19299
  }
19340
19300
 
19341
- @media (min-width: 768px) {
19301
+ @media (min-width: 840px) {
19342
19302
  .navbar-nav > li > a.navbar-title-link,
19343
19303
  .navbar-nav > li > button.navbar-title-link {
19344
19304
  font-size: 1.25rem;
@@ -19350,7 +19310,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19350
19310
  display: none;
19351
19311
  }
19352
19312
 
19353
- @media (max-width: 767px) {
19313
+ @media (max-width: 839px) {
19354
19314
  .navbar-nav > li > a,
19355
19315
  .navbar-nav > li > button {
19356
19316
  font-size: 1rem;
@@ -19401,7 +19361,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19401
19361
  }
19402
19362
  }
19403
19363
 
19404
- @media (min-width: 768px) {
19364
+ @media (min-width: 840px) {
19405
19365
  .navbar-nav {
19406
19366
  float: left;
19407
19367
  }
@@ -19425,7 +19385,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19425
19385
  padding: 8px 16px;
19426
19386
  }
19427
19387
 
19428
- @media (max-width: 767px) {
19388
+ @media (max-width: 839px) {
19429
19389
  .navbar-form .form-group {
19430
19390
  margin-bottom: 4px;
19431
19391
  }
@@ -19434,7 +19394,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19434
19394
  }
19435
19395
  }
19436
19396
 
19437
- @media (min-width: 768px) {
19397
+ @media (min-width: 840px) {
19438
19398
  .navbar-form {
19439
19399
  width: auto;
19440
19400
  border: 0;
@@ -19448,7 +19408,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19448
19408
  }
19449
19409
  }
19450
19410
 
19451
- @media (min-width: 768px) and (min-width: 576px) {
19411
+ @media (min-width: 840px) and (min-width: 600px) {
19452
19412
  .navbar-form .form-group {
19453
19413
  display: inline-block;
19454
19414
  margin-bottom: 0;
@@ -19511,7 +19471,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19511
19471
  }
19512
19472
  }
19513
19473
 
19514
- @media (min-width: 768px) and (min-width: 576px) {
19474
+ @media (min-width: 840px) and (min-width: 600px) {
19515
19475
  .navbar-form .form-group {
19516
19476
  display: inline-block;
19517
19477
  margin-bottom: 0;
@@ -19574,7 +19534,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19574
19534
  }
19575
19535
  }
19576
19536
 
19577
- @media (max-width: 768px) {
19537
+ @media (max-width: 840px) {
19578
19538
  .navbar-form {
19579
19539
  border-bottom: 1px solid rgba(0,0,0,0.10196);
19580
19540
  border-bottom: 1px solid var(--color-border-neutral);
@@ -19608,7 +19568,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19608
19568
  font-size: var(--font-size-14);
19609
19569
  }
19610
19570
 
19611
- @media (max-width: 768px) {
19571
+ @media (max-width: 840px) {
19612
19572
  .navbar-nav > li > .dropdown-menu > li > a {
19613
19573
  position: relative;
19614
19574
  -webkit-touch-callout: none;
@@ -19644,7 +19604,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19644
19604
  background-color: var(--color-background-neutral);
19645
19605
  }
19646
19606
 
19647
- @media (max-width: 576px) {
19607
+ @media (max-width: 600px) {
19648
19608
  .navbar-nav > li > .dropdown-menu-overlay {
19649
19609
  margin-top: 0;
19650
19610
  }
@@ -19672,7 +19632,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19672
19632
  transform: none;
19673
19633
  }
19674
19634
 
19675
- @media (min-width: 768px) {
19635
+ @media (min-width: 840px) {
19676
19636
  .navbar-nav > li.dropdown:hover .dropdown-menu {
19677
19637
  transition: opacity 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), transform 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), visibility 0s linear 0s;
19678
19638
  visibility: visible;
@@ -19701,7 +19661,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19701
19661
  left: initial;
19702
19662
  }
19703
19663
 
19704
- @media (min-width: 768px) and (max-width: 991px) {
19664
+ @media (min-width: 840px) and (max-width: 1159.98px) {
19705
19665
  .navbar-right li > .dropdown-menu::before,
19706
19666
  .pull-xs-right li > .dropdown-menu::before {
19707
19667
  right: 16px;
@@ -19763,7 +19723,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19763
19723
  margin-bottom: 16px;
19764
19724
  }
19765
19725
 
19766
- @media (max-width: 767px) {
19726
+ @media (max-width: 839px) {
19767
19727
  .navbar-btn {
19768
19728
  display: block;
19769
19729
  }
@@ -19774,7 +19734,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19774
19734
  margin-bottom: 15px;
19775
19735
  }
19776
19736
 
19777
- @media (min-width: 768px) {
19737
+ @media (min-width: 840px) {
19778
19738
  .navbar-text {
19779
19739
  float: left;
19780
19740
  margin-left: 16px;
@@ -19785,7 +19745,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19785
19745
  }
19786
19746
  }
19787
19747
 
19788
- @media (min-width: 768px) {
19748
+ @media (min-width: 840px) {
19789
19749
  .navbar-left {
19790
19750
  float: left !important;
19791
19751
  }
@@ -19848,7 +19808,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19848
19808
  }
19849
19809
  }
19850
19810
 
19851
- @media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
19811
+ @media (min-width: 840px) and (min-width: 840px) and (max-width: 1159.98px) {
19852
19812
  .navbar-right li > .dropdown-menu::before {
19853
19813
  right: 16px;
19854
19814
  }
@@ -19888,7 +19848,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19888
19848
  color: var(--color-content-primary);
19889
19849
  }
19890
19850
 
19891
- @media (min-width: 768px) {
19851
+ @media (min-width: 840px) {
19892
19852
  .navbar-default .navbar-nav > li > a {
19893
19853
  border-bottom: 3px solid transparent;
19894
19854
  }
@@ -19928,7 +19888,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19928
19888
  color: var(--color-content-accent-active);
19929
19889
  }
19930
19890
 
19931
- @media (max-width: 767px) {
19891
+ @media (max-width: 839px) {
19932
19892
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
19933
19893
  color: #0097c7;
19934
19894
  color: var(--color-content-accent);
@@ -20004,7 +19964,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
20004
19964
  color: #ffffff;
20005
19965
  }
20006
19966
 
20007
- @media (min-width: 768px) {
19967
+ @media (min-width: 840px) {
20008
19968
  .navbar-inverse .navbar-nav > li > a {
20009
19969
  border-bottom: 3px solid transparent;
20010
19970
  }
@@ -20048,7 +20008,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
20048
20008
  color: var(--color-content-accent-hover);
20049
20009
  }
20050
20010
 
20051
- @media (max-width: 767px) {
20011
+ @media (max-width: 839px) {
20052
20012
  .navbar-inverse .navbar-nav > li > a {
20053
20013
  color: #37517e;
20054
20014
  color: var(--color-content-primary);
@@ -20131,7 +20091,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
20131
20091
  display: none;
20132
20092
  }
20133
20093
 
20134
- @media (max-width: 767px) {
20094
+ @media (max-width: 839px) {
20135
20095
  .navbar-collapse {
20136
20096
  position: fixed;
20137
20097
  bottom: 0;
@@ -20271,7 +20231,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
20271
20231
  display: inline-block;
20272
20232
  }
20273
20233
 
20274
- @media (min-width: 992px) {
20234
+ @media (min-width: 1160px) {
20275
20235
  .navbar .profile-name .text-ellipses,
20276
20236
  .navbar .profile-name .text-ellipsis,
20277
20237
  .navbar .profile-name .truncate {
@@ -20279,7 +20239,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
20279
20239
  }
20280
20240
  }
20281
20241
 
20282
- @media (min-width: 1200px) {
20242
+ @media (min-width: 1160px) {
20283
20243
  .navbar .profile-name .text-ellipses,
20284
20244
  .navbar .profile-name .text-ellipsis,
20285
20245
  .navbar .profile-name .truncate {
@@ -20295,7 +20255,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
20295
20255
  margin-top: 56px;
20296
20256
  }
20297
20257
 
20298
- @media (min-width: 768px) {
20258
+ @media (min-width: 840px) {
20299
20259
  .navbar + .jumbotron,
20300
20260
  .navbar + .jumbotron-image,
20301
20261
  .navbar + .jumbotron-image-inverse,
@@ -20316,7 +20276,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
20316
20276
  padding-bottom: 64px;
20317
20277
  }
20318
20278
 
20319
- @media (min-width: 768px) {
20279
+ @media (min-width: 840px) {
20320
20280
  .navbar + .jumbotron,
20321
20281
  .navbar + .jumbotron-image > .jumbotron,
20322
20282
  .navbar + .jumbotron-image-inverse > .jumbotron,
@@ -20338,7 +20298,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
20338
20298
  margin-left: initial;
20339
20299
  }
20340
20300
 
20341
- @media (max-width: 767px) {
20301
+ @media (max-width: 839.98px) {
20342
20302
  .navbar-static-top {
20343
20303
  background-color: #37517e;
20344
20304
  border-bottom-color: transparent;
@@ -20377,7 +20337,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
20377
20337
  width: 75%;
20378
20338
  }
20379
20339
 
20380
- @media (min-width: 992px) {
20340
+ @media (min-width: 1160px) {
20381
20341
  .navbar-title,
20382
20342
  .navbar-subtitle {
20383
20343
  color: #37517e;
@@ -20402,7 +20362,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
20402
20362
  border-bottom: 1px solid var(--color-border-neutral);
20403
20363
  }
20404
20364
 
20405
- @media (min-width: 992px) {
20365
+ @media (min-width: 1160px) {
20406
20366
  .nav-toolbar {
20407
20367
  margin-top: 0;
20408
20368
  background-color: #ffffff;
@@ -20422,7 +20382,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
20422
20382
  }
20423
20383
  }
20424
20384
 
20425
- @media (max-width: 991px) {
20385
+ @media (max-width: 1159.98px) {
20426
20386
  .nav-toolbar.affix {
20427
20387
  position: relative !important;
20428
20388
  }
@@ -20462,13 +20422,13 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
20462
20422
  height: 32px;
20463
20423
  }
20464
20424
 
20465
- @media (min-width: 992px) {
20425
+ @media (min-width: 1160px) {
20466
20426
  .nav-toolbar--compact {
20467
20427
  padding-top: 0;
20468
20428
  }
20469
20429
  }
20470
20430
 
20471
- @media (min-width: 992px) {
20431
+ @media (min-width: 1160px) {
20472
20432
  .column-layout .nav-toolbar.affix {
20473
20433
  width: calc(100% - 264px);
20474
20434
  }
@@ -20488,7 +20448,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
20488
20448
  width: calc(100% - 140px);
20489
20449
  }
20490
20450
 
20491
- @media (min-width: 768px) {
20451
+ @media (min-width: 840px) {
20492
20452
  .simple-nav .navbar-header {
20493
20453
  width: calc(100% - 340px);
20494
20454
  }
@@ -20506,14 +20466,14 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
20506
20466
  float: left;
20507
20467
  }
20508
20468
 
20509
- @media (min-width: 576px) {
20469
+ @media (min-width: 600px) {
20510
20470
  .simple-nav .navbar-nav > li > a {
20511
20471
  font-size: 1rem !important;
20512
20472
  font-size: var(--font-size-16) !important;
20513
20473
  }
20514
20474
  }
20515
20475
 
20516
- @media (min-width: 992px) {
20476
+ @media (min-width: 1160px) {
20517
20477
  .simple-nav {
20518
20478
  background-color: #ffffff;
20519
20479
  background-color: var(--color-background-screen);
@@ -20522,7 +20482,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
20522
20482
  }
20523
20483
  }
20524
20484
 
20525
- @media (max-width: 991px) {
20485
+ @media (max-width: 1159.98px) {
20526
20486
  .simple-nav .navbar-nav > li > a {
20527
20487
  color: #ffffff;
20528
20488
  }
@@ -20550,7 +20510,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
20550
20510
  max-width: 164px;
20551
20511
  }
20552
20512
 
20553
- @media (min-width: 768px) {
20513
+ @media (min-width: 840px) {
20554
20514
  .subnav {
20555
20515
  height: 128px !important;
20556
20516
  position: relative;
@@ -20594,7 +20554,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
20594
20554
 
20595
20555
  /* stylelint-enable */
20596
20556
 
20597
- @media (min-width: 576px) {
20557
+ @media (min-width: 600px) {
20598
20558
  .form-inline .form-group {
20599
20559
  display: inline-block;
20600
20560
  margin-bottom: 0;
@@ -20776,7 +20736,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
20776
20736
  vertical-align: middle;
20777
20737
  }
20778
20738
 
20779
- @media (max-width: 575px) {
20739
+ @media (max-width: 599.98px) {
20780
20740
  .tw-select.dropdown-menu.dropdown-menu--open {
20781
20741
  max-height: 50vh;
20782
20742
  max-height: 50svh;
@@ -21201,7 +21161,7 @@ button.close {
21201
21161
  overflow: scroll;
21202
21162
  }
21203
21163
 
21204
- @media (min-width: 576px) {
21164
+ @media (min-width: 600px) {
21205
21165
  .modal-dialog {
21206
21166
  width: 540px;
21207
21167
  margin: 32px auto;
@@ -21228,7 +21188,7 @@ button.close {
21228
21188
  }
21229
21189
  }
21230
21190
 
21231
- @media (min-width: 576px) {
21191
+ @media (min-width: 600px) {
21232
21192
  .modal-sm,
21233
21193
  .modal-lg {
21234
21194
  width: auto;
@@ -21243,7 +21203,7 @@ button.close {
21243
21203
  }
21244
21204
  }
21245
21205
 
21246
- @media (min-width: 768px) {
21206
+ @media (min-width: 840px) {
21247
21207
  .modal-lg {
21248
21208
  width: 720px;
21249
21209
  margin: 32px auto;
@@ -21288,7 +21248,7 @@ button.close {
21288
21248
  padding: 16px;
21289
21249
  }
21290
21250
 
21291
- @media (min-width: 576px) {
21251
+ @media (min-width: 600px) {
21292
21252
  .panel {
21293
21253
  margin-bottom: 24px;
21294
21254
  margin-left: -24px;
@@ -21305,7 +21265,7 @@ button.close {
21305
21265
  }
21306
21266
  }
21307
21267
 
21308
- @media (min-width: 768px) {
21268
+ @media (min-width: 840px) {
21309
21269
  .panel {
21310
21270
  margin-left: 0;
21311
21271
  margin-right: 0;
@@ -21315,7 +21275,7 @@ button.close {
21315
21275
  }
21316
21276
  }
21317
21277
 
21318
- @media (min-width: 992px) {
21278
+ @media (min-width: 1160px) {
21319
21279
  .panel {
21320
21280
  margin-bottom: 32px;
21321
21281
  border-radius: 3px;
@@ -21328,7 +21288,7 @@ button.close {
21328
21288
  }
21329
21289
  }
21330
21290
 
21331
- @media (min-width: 768px) {
21291
+ @media (min-width: 840px) {
21332
21292
  .panel-title {
21333
21293
  line-height: calc(1.2 * 2);
21334
21294
  line-height: calc(var(--line-height-title) * 2);
@@ -21622,7 +21582,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
21622
21582
  padding-right: initial;
21623
21583
  }
21624
21584
 
21625
- @media (min-width: 768px) {
21585
+ @media (min-width: 840px) {
21626
21586
  .panel > .table tr > :first-child,
21627
21587
  .panel > .table-responsive tr > :first-child {
21628
21588
  padding-left: 24px;
@@ -21645,7 +21605,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
21645
21605
  }
21646
21606
  }
21647
21607
 
21648
- @media (min-width: 992px) {
21608
+ @media (min-width: 1160px) {
21649
21609
  .panel > .table tr > :first-child,
21650
21610
  .panel > .table-responsive tr > :first-child {
21651
21611
  padding-left: 32px;
@@ -21846,21 +21806,21 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
21846
21806
  padding: 16px;
21847
21807
  }
21848
21808
 
21849
- @media (min-width: 576px) {
21809
+ @media (min-width: 600px) {
21850
21810
  .panel-group .panel .panel-heading,
21851
21811
  .panel-group .panel .panel-footer {
21852
21812
  padding: 24px !important;
21853
21813
  }
21854
21814
  }
21855
21815
 
21856
- @media (min-width: 992px) {
21816
+ @media (min-width: 1160px) {
21857
21817
  .panel-group .panel .panel-heading,
21858
21818
  .panel-group .panel .panel-footer {
21859
21819
  padding: 24px 32px;
21860
21820
  }
21861
21821
  }
21862
21822
 
21863
- @media (min-width: 768px) {
21823
+ @media (min-width: 840px) {
21864
21824
  .panel {
21865
21825
  margin-left: 0;
21866
21826
  margin-right: 0;
@@ -22309,12 +22269,12 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
22309
22269
  hyphens: auto;
22310
22270
  hyphenate-limit-chars: 7 3;
22311
22271
  }
22312
- @media (min-width: 768px) {
22272
+ @media (min-width: 840px) {
22313
22273
  .popover-title {
22314
22274
  hyphenate-limit-chars: 8 3;
22315
22275
  }
22316
22276
  }
22317
- @media (min-width: 992px) {
22277
+ @media (min-width: 1160px) {
22318
22278
  .popover-title {
22319
22279
  hyphenate-limit-chars: 10 4 3;
22320
22280
  }
@@ -22327,7 +22287,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
22327
22287
  -webkit-hyphenate-limit-before: 3;
22328
22288
  -webkit-hyphenate-limit-after: 3;
22329
22289
  }
22330
- @media (min-width: 992px) {
22290
+ @media (min-width: 1160px) {
22331
22291
  .popover-title {
22332
22292
  -webkit-hyphenate-limit-before: 4;
22333
22293
  }
@@ -22438,7 +22398,7 @@ button.popover-close {
22438
22398
  border-bottom: 0;
22439
22399
  }
22440
22400
 
22441
- @media (max-width: 991px) {
22401
+ @media (max-width: 1159.98px) {
22442
22402
  .popover-modal {
22443
22403
  position: fixed;
22444
22404
  top: 0 !important;
@@ -22453,7 +22413,7 @@ button.popover-close {
22453
22413
  }
22454
22414
  }
22455
22415
 
22456
- @media (min-width: 992px) {
22416
+ @media (min-width: 1160px) {
22457
22417
  .popover-modal.left {
22458
22418
  margin-right: -var(--size-24) !important;
22459
22419
  }
@@ -22509,7 +22469,7 @@ button.popover-close {
22509
22469
  left: initial;
22510
22470
  }
22511
22471
 
22512
- @media (max-width: 991px) {
22472
+ @media (max-width: 1159.98px) {
22513
22473
  .popover-modal-cover {
22514
22474
  display: block;
22515
22475
  }
@@ -22521,7 +22481,7 @@ button.popover-close {
22521
22481
  padding: var(--size-24);
22522
22482
  }
22523
22483
 
22524
- @media (max-width: 576px) {
22484
+ @media (max-width: 599.98px) {
22525
22485
  .popover-promotion {
22526
22486
  width: auto !important;
22527
22487
  padding: 24px !important;
@@ -22531,7 +22491,7 @@ button.popover-close {
22531
22491
  }
22532
22492
  }
22533
22493
 
22534
- @media (min-width: 566px) and (max-width: 992px) {
22494
+ @media (min-width: 590px) and (max-width: 1159.98px) {
22535
22495
  .popover-promotion {
22536
22496
  width: 540px !important;
22537
22497
  padding: 28px 32px !important;
@@ -22548,7 +22508,7 @@ button.popover-close {
22548
22508
  line-height: var(--line-height-title);
22549
22509
  }
22550
22510
 
22551
- @media (min-width: 768px) {
22511
+ @media (min-width: 840px) {
22552
22512
  .popover-promotion .popover-title {
22553
22513
  font-size: 1.25rem;
22554
22514
  font-size: var(--font-size-20);
@@ -22557,25 +22517,25 @@ button.popover-close {
22557
22517
  }
22558
22518
  }
22559
22519
 
22560
- @media (max-width: 480px) {
22520
+ @media (max-width: 320px) {
22561
22521
  .popover-promotion .popover-image {
22562
22522
  width: 80%;
22563
22523
  }
22564
22524
  }
22565
22525
 
22566
- @media (min-width: 480px) and (max-width: 992px) {
22526
+ @media (min-width: 320.02px) and (max-width: 1159.98px) {
22567
22527
  .popover-promotion .popover-image {
22568
22528
  width: 60%;
22569
22529
  }
22570
22530
  }
22571
22531
 
22572
- @media (min-width: 992px) {
22532
+ @media (min-width: 1160px) {
22573
22533
  .popover-promotion .popover-image {
22574
22534
  width: 80%;
22575
22535
  }
22576
22536
  }
22577
22537
 
22578
- @media (max-width: 992px) {
22538
+ @media (max-width: 1159.98px) {
22579
22539
  .popover-promotion {
22580
22540
  position: absolute !important;
22581
22541
  }
@@ -23314,7 +23274,7 @@ textarea:focus-visible {
23314
23274
  margin-bottom: 16px;
23315
23275
  }
23316
23276
 
23317
- @media (min-width: 768px) {
23277
+ @media (min-width: 840px) {
23318
23278
  .sequence > li {
23319
23279
  padding-top: 4px;
23320
23280
  padding-bottom: 4px;
@@ -23363,7 +23323,7 @@ textarea:focus-visible {
23363
23323
  top: 2px;
23364
23324
  }
23365
23325
 
23366
- @media (min-width: 768px) {
23326
+ @media (min-width: 840px) {
23367
23327
  .sequence .sequence-icon {
23368
23328
  top: 4px;
23369
23329
  }
@@ -23435,7 +23395,7 @@ textarea:focus-visible {
23435
23395
  margin-left: initial;
23436
23396
  }
23437
23397
 
23438
- @media (min-width: 768px) {
23398
+ @media (min-width: 840px) {
23439
23399
  .sequence {
23440
23400
  padding-right: 24px;
23441
23401
  font-size: 1rem;
@@ -23995,7 +23955,7 @@ textarea:focus-visible {
23995
23955
  margin-bottom: 24px;
23996
23956
  }
23997
23957
 
23998
- @media (min-width: 768px) {
23958
+ @media (min-width: 840px) {
23999
23959
  .sequence-lg > li {
24000
23960
  padding-top: 8px;
24001
23961
  padding-bottom: 8px;
@@ -24044,7 +24004,7 @@ textarea:focus-visible {
24044
24004
  top: 8px;
24045
24005
  }
24046
24006
 
24047
- @media (min-width: 768px) {
24007
+ @media (min-width: 840px) {
24048
24008
  .sequence-lg .sequence-icon {
24049
24009
  top: 8px;
24050
24010
  }
@@ -24110,7 +24070,7 @@ textarea:focus-visible {
24110
24070
  margin-left: initial;
24111
24071
  }
24112
24072
 
24113
- @media (min-width: 768px) {
24073
+ @media (min-width: 840px) {
24114
24074
  .sequence-lg {
24115
24075
  padding-left: 48px;
24116
24076
  }
@@ -24470,7 +24430,7 @@ th {
24470
24430
  background-color: var(--color-background-neutral);
24471
24431
  }
24472
24432
 
24473
- @media (max-width: 767px) {
24433
+ @media (max-width: 839.98px) {
24474
24434
  div.table-bordered:not(.table-responsive) {
24475
24435
  border: 0;
24476
24436
  }
@@ -24481,7 +24441,7 @@ th {
24481
24441
  background-color: var(--color-background-neutral);
24482
24442
  }
24483
24443
 
24484
- @media (min-width: 768px) {
24444
+ @media (min-width: 840px) {
24485
24445
  .table-striped > .tbody > dl:nth-of-type(odd) {
24486
24446
  background-color: rgba(134,167,189,0.10196);
24487
24447
  background-color: var(--color-background-neutral);
@@ -24674,7 +24634,7 @@ table col[class*="col-"] {
24674
24634
  border: 0;
24675
24635
  }
24676
24636
 
24677
- @media screen and (max-width: 767px) {
24637
+ @media screen and (max-width: 839.98px) {
24678
24638
  .table-responsive {
24679
24639
  width: 100%;
24680
24640
  margin-bottom: 24px;
@@ -24709,7 +24669,7 @@ table col[class*="col-"] {
24709
24669
  }
24710
24670
  }
24711
24671
 
24712
- @media (min-width: 768px) {
24672
+ @media (min-width: 840px) {
24713
24673
  .table {
24714
24674
  display: table;
24715
24675
  }
@@ -24747,7 +24707,7 @@ table col[class*="col-"] {
24747
24707
  }
24748
24708
  }
24749
24709
 
24750
- @media (max-width: 767px) {
24710
+ @media (max-width: 839.98px) {
24751
24711
  .table > .thead {
24752
24712
  display: none;
24753
24713
  }
@@ -24769,7 +24729,7 @@ table col[class*="col-"] {
24769
24729
  }
24770
24730
  }
24771
24731
 
24772
- @media (max-width: 575px) {
24732
+ @media (max-width: 599.98px) {
24773
24733
  .table > .tbody > dl {
24774
24734
  padding-bottom: 8px;
24775
24735
  }
@@ -25156,7 +25116,7 @@ a[data-toggle="tooltip"] {
25156
25116
  float: none !important;
25157
25117
  }
25158
25118
 
25159
- @media (min-width: 576px) {
25119
+ @media (min-width: 600px) {
25160
25120
  .pull-sm-left {
25161
25121
  float: left !important;
25162
25122
  }
@@ -25174,7 +25134,7 @@ a[data-toggle="tooltip"] {
25174
25134
  }
25175
25135
  }
25176
25136
 
25177
- @media (min-width: 768px) {
25137
+ @media (min-width: 840px) {
25178
25138
  .pull-md-left {
25179
25139
  float: left !important;
25180
25140
  }
@@ -25192,37 +25152,24 @@ a[data-toggle="tooltip"] {
25192
25152
  }
25193
25153
  }
25194
25154
 
25195
- @media (min-width: 992px) {
25196
- .pull-lg-left {
25197
- float: left !important;
25198
- }
25199
- [dir="rtl"] .pull-lg-left {
25200
- float: right !important;
25201
- }
25202
- .pull-lg-right {
25203
- float: right !important;
25204
- }
25205
- [dir="rtl"] .pull-lg-right {
25206
- float: left !important;
25207
- }
25208
- .pull-lg-none {
25209
- float: none !important;
25210
- }
25211
- }
25212
-
25213
- @media (min-width: 1200px) {
25155
+ @media (min-width: 1160px) {
25156
+ .pull-lg-left,
25214
25157
  .pull-xl-left {
25215
25158
  float: left !important;
25216
25159
  }
25160
+ [dir="rtl"] .pull-lg-left,
25217
25161
  [dir="rtl"] .pull-xl-left {
25218
25162
  float: right !important;
25219
25163
  }
25164
+ .pull-lg-right,
25220
25165
  .pull-xl-right {
25221
25166
  float: right !important;
25222
25167
  }
25168
+ [dir="rtl"] .pull-lg-right,
25223
25169
  [dir="rtl"] .pull-xl-right {
25224
25170
  float: left !important;
25225
25171
  }
25172
+ .pull-lg-none,
25226
25173
  .pull-xl-none {
25227
25174
  float: none !important;
25228
25175
  }
@@ -25294,7 +25241,7 @@ a[data-toggle="tooltip"] {
25294
25241
  box-shadow: none;
25295
25242
  }
25296
25243
 
25297
- @media only screen and (min-width: 576px) {
25244
+ @media only screen and (min-width: 600px) {
25298
25245
  .well-sm {
25299
25246
  min-height: 24px;
25300
25247
  min-height: var(--size-24);
@@ -25310,7 +25257,7 @@ a[data-toggle="tooltip"] {
25310
25257
  }
25311
25258
  }
25312
25259
 
25313
- @media only screen and (min-width: 768px) {
25260
+ @media only screen and (min-width: 840px) {
25314
25261
  .well-md {
25315
25262
  min-height: 24px;
25316
25263
  min-height: var(--size-24);
@@ -25326,23 +25273,8 @@ a[data-toggle="tooltip"] {
25326
25273
  }
25327
25274
  }
25328
25275
 
25329
- @media only screen and (min-width: 992px) {
25330
- .well-lg {
25331
- min-height: 24px;
25332
- min-height: var(--size-24);
25333
- margin-bottom: 24px;
25334
- margin-bottom: var(--size-24);
25335
- border-radius: 10px;
25336
- border-radius: var(--radius-small);
25337
- border: solid 1px rgba(0,0,0,0.10196);
25338
- border: solid 1px var(--color-border-neutral);
25339
- padding: 24px;
25340
- padding: var(--size-24);
25341
- box-shadow: none;
25342
- }
25343
- }
25344
-
25345
- @media only screen and (min-width: 1200px) {
25276
+ @media only screen and (min-width: 1160px) {
25277
+ .well-lg,
25346
25278
  .well-xl {
25347
25279
  min-height: 24px;
25348
25280
  min-height: var(--size-24);