@dynamic-framework/ui-react 1.17.1 → 1.19.0

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 (65) hide show
  1. package/dist/css/dynamic-ui-non-root.css +1365 -873
  2. package/dist/css/dynamic-ui-non-root.min.css +2 -2
  3. package/dist/css/dynamic-ui-root.css +493 -26
  4. package/dist/css/dynamic-ui-root.min.css +2 -2
  5. package/dist/css/dynamic-ui.css +1857 -898
  6. package/dist/css/dynamic-ui.min.css +2 -2
  7. package/dist/index.esm.js +119 -163
  8. package/dist/index.esm.js.map +1 -1
  9. package/dist/index.js +120 -167
  10. package/dist/index.js.map +1 -1
  11. package/dist/types/components/DAvatar/DAvatar.d.ts +9 -0
  12. package/dist/types/components/DAvatar/index.d.ts +2 -0
  13. package/dist/types/components/DButton/DButton.d.ts +1 -1
  14. package/dist/types/components/DCarousel/DCarousel.d.ts +5 -4
  15. package/dist/types/components/DToastContainer/DToastContainer.d.ts +9 -7
  16. package/dist/types/components/DToastContainer/index.d.ts +1 -1
  17. package/dist/types/components/DToastContainer/{useToast.d.ts → useDToast.d.ts} +7 -4
  18. package/dist/types/components/index.d.ts +1 -1
  19. package/dist/types/components/interface.d.ts +1 -0
  20. package/dist/types/contexts/DContext.d.ts +8 -7
  21. package/dist/types/contexts/DPortalContext.d.ts +29 -0
  22. package/dist/types/contexts/index.d.ts +1 -2
  23. package/package.json +3 -3
  24. package/src/style/abstracts/_mixins.scss +110 -94
  25. package/src/style/abstracts/_utilities.scss +34 -1
  26. package/src/style/abstracts/variables/_+import.scss +2 -0
  27. package/src/style/abstracts/variables/_accordion.scss +2 -2
  28. package/src/style/abstracts/variables/_alerts.scss +1 -1
  29. package/src/style/abstracts/variables/_buttons.scss +3 -3
  30. package/src/style/abstracts/variables/_cards.scss +2 -0
  31. package/src/style/abstracts/variables/_collapse-icon-text.scss +2 -2
  32. package/src/style/abstracts/variables/_forms.scss +5 -7
  33. package/src/style/abstracts/variables/_navs.scss +2 -2
  34. package/src/style/abstracts/variables/_pagination.scss +4 -4
  35. package/src/style/abstracts/variables/_progress.scss +2 -2
  36. package/src/style/abstracts/variables/_quick-action-button.scss +4 -4
  37. package/src/style/abstracts/variables/_quick-action-check.scss +4 -4
  38. package/src/style/abstracts/variables/_quick-action-select.scss +3 -3
  39. package/src/style/abstracts/variables/_quick-action-switch.scss +2 -2
  40. package/src/style/abstracts/variables/_tooltip.scss +16 -0
  41. package/src/style/abstracts/variables/_typography.scss +76 -20
  42. package/src/style/abstracts/variables/_z-index.scss +11 -0
  43. package/src/style/base/_+import.scss +7 -2
  44. package/src/style/base/_avatar.scss +61 -0
  45. package/src/style/base/_backdrop.scss +9 -0
  46. package/src/style/base/_button-group.scss +13 -0
  47. package/src/style/base/{_button.scss → _buttons.scss} +14 -53
  48. package/src/style/base/_form-check.scss +2 -1
  49. package/src/style/base/_input-group.scss +11 -6
  50. package/src/style/base/_tooltip.scss +23 -0
  51. package/src/style/base/_type.scss +104 -0
  52. package/src/style/components/_+import.scss +0 -1
  53. package/src/style/components/_d-datepicker.scss +7 -7
  54. package/src/style/components/_d-monthpicker.scss +4 -4
  55. package/src/style/components/_d-quick-action-button.scss +8 -0
  56. package/src/style/components/_d-quick-action-select.scss +2 -0
  57. package/src/style/components/_d-quick-action-switch.scss +4 -4
  58. package/src/style/components/_d-select.scss +1 -1
  59. package/src/style/components/_d-stepper-mobile.scss +3 -3
  60. package/src/style/helpers/_+import.scss +1 -0
  61. package/src/style/helpers/_text-truncate.scss +8 -0
  62. package/src/style/root/_root.scss +98 -17
  63. package/dist/types/contexts/DModalContext.d.ts +0 -31
  64. package/dist/types/contexts/DOffcanvasContext.d.ts +0 -31
  65. package/src/style/components/_d-tooltip.scss +0 -35
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * dynamic-framework 1.17.1
2
+ * dynamic-framework 1.19.0
3
3
  * bootstrap ^5.3.3
4
4
  * license https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md
5
5
  */
@@ -44,58 +44,33 @@ hr {
44
44
  h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
45
45
  margin-top: 0;
46
46
  margin-bottom: 0;
47
- font-weight: 700;
48
- line-height: 1.2;
47
+ font-weight: var(--bs-fw-bold);
48
+ line-height: var(--bs-heading-line-height);
49
49
  color: var(--bs-heading-color);
50
50
  }
51
51
 
52
52
  h1, .h1 {
53
- font-size: calc(1.525rem + 3.3vw);
54
- }
55
- @media (min-width: 1200px) {
56
- h1, .h1 {
57
- font-size: 4rem;
58
- }
53
+ font-size: var(--bs-fs-1);
59
54
  }
60
55
 
61
56
  h2, .h2 {
62
- font-size: calc(1.475rem + 2.7vw);
63
- }
64
- @media (min-width: 1200px) {
65
- h2, .h2 {
66
- font-size: 3.5rem;
67
- }
57
+ font-size: var(--bs-fs-2);
68
58
  }
69
59
 
70
60
  h3, .h3 {
71
- font-size: calc(1.425rem + 2.1vw);
72
- }
73
- @media (min-width: 1200px) {
74
- h3, .h3 {
75
- font-size: 3rem;
76
- }
61
+ font-size: var(--bs-fs-3);
77
62
  }
78
63
 
79
64
  h4, .h4 {
80
- font-size: calc(1.325rem + 0.9vw);
81
- }
82
- @media (min-width: 1200px) {
83
- h4, .h4 {
84
- font-size: 2rem;
85
- }
65
+ font-size: var(--bs-fs-4);
86
66
  }
87
67
 
88
68
  h5, .h5 {
89
- font-size: calc(1.275rem + 0.3vw);
90
- }
91
- @media (min-width: 1200px) {
92
- h5, .h5 {
93
- font-size: 1.5rem;
94
- }
69
+ font-size: var(--bs-fs-5);
95
70
  }
96
71
 
97
72
  h6, .h6 {
98
- font-size: 1.125rem;
73
+ font-size: var(--bs-fs-6);
99
74
  }
100
75
 
101
76
  p {
@@ -137,7 +112,7 @@ ul ol {
137
112
  }
138
113
 
139
114
  dt {
140
- font-weight: 700;
115
+ font-weight: var(--bs-fw-bold);
141
116
  }
142
117
 
143
118
  dd {
@@ -151,11 +126,11 @@ blockquote {
151
126
 
152
127
  b,
153
128
  strong {
154
- font-weight: 800;
129
+ font-weight: var(--bs-fw-bolder);
155
130
  }
156
131
 
157
132
  small, .small {
158
- font-size: 0.875rem;
133
+ font-size: var(--bs-fs-small);
159
134
  }
160
135
 
161
136
  mark, .mark {
@@ -207,7 +182,7 @@ pre {
207
182
  margin-top: 0;
208
183
  margin-bottom: 1rem;
209
184
  overflow: auto;
210
- font-size: 0.875rem;
185
+ font-size: var(--bs-fs-small);
211
186
  }
212
187
  pre code {
213
188
  font-size: inherit;
@@ -216,7 +191,7 @@ pre code {
216
191
  }
217
192
 
218
193
  code {
219
- font-size: 0.875rem;
194
+ font-size: var(--bs-fs-small);
220
195
  color: var(--bs-code-color);
221
196
  word-wrap: break-word;
222
197
  }
@@ -226,7 +201,7 @@ a > code {
226
201
 
227
202
  kbd {
228
203
  padding: 0.1875rem 0.375rem;
229
- font-size: 0.875rem;
204
+ font-size: var(--bs-fs-small);
230
205
  color: var(--bs-body-bg);
231
206
  background-color: var(--bs-body-color);
232
207
  border-radius: 0.5rem;
@@ -428,117 +403,6 @@ progress {
428
403
  display: none !important;
429
404
  }
430
405
 
431
- .lead {
432
- font-size: 1.25rem;
433
- font-weight: 400;
434
- }
435
-
436
- .display-1 {
437
- font-size: calc(1.875rem + 7.5vw);
438
- font-weight: 400;
439
- line-height: 1.2;
440
- }
441
- @media (min-width: 1200px) {
442
- .display-1 {
443
- font-size: 7.5rem;
444
- }
445
- }
446
-
447
- .display-2 {
448
- font-size: calc(1.575rem + 3.9vw);
449
- font-weight: 400;
450
- line-height: 1.2;
451
- }
452
- @media (min-width: 1200px) {
453
- .display-2 {
454
- font-size: 4.5rem;
455
- }
456
- }
457
-
458
- .display-3 {
459
- font-size: calc(1.525rem + 3.3vw);
460
- font-weight: 400;
461
- line-height: 1.2;
462
- }
463
- @media (min-width: 1200px) {
464
- .display-3 {
465
- font-size: 4rem;
466
- }
467
- }
468
-
469
- .display-4 {
470
- font-size: calc(1.475rem + 2.7vw);
471
- font-weight: 400;
472
- line-height: 1.2;
473
- }
474
- @media (min-width: 1200px) {
475
- .display-4 {
476
- font-size: 3.5rem;
477
- }
478
- }
479
-
480
- .display-5 {
481
- font-size: calc(1.425rem + 2.1vw);
482
- font-weight: 400;
483
- line-height: 1.2;
484
- }
485
- @media (min-width: 1200px) {
486
- .display-5 {
487
- font-size: 3rem;
488
- }
489
- }
490
-
491
- .display-6 {
492
- font-size: calc(1.375rem + 1.5vw);
493
- font-weight: 400;
494
- line-height: 1.2;
495
- }
496
- @media (min-width: 1200px) {
497
- .display-6 {
498
- font-size: 2.5rem;
499
- }
500
- }
501
-
502
- .list-unstyled {
503
- padding-left: 0;
504
- list-style: none;
505
- }
506
-
507
- .list-inline {
508
- padding-left: 0;
509
- list-style: none;
510
- }
511
-
512
- .list-inline-item {
513
- display: inline-block;
514
- }
515
- .list-inline-item:not(:last-child) {
516
- margin-right: 0.5rem;
517
- }
518
-
519
- .initialism {
520
- font-size: 0.875rem;
521
- text-transform: uppercase;
522
- }
523
-
524
- .blockquote {
525
- margin-bottom: var(--bs-ref-spacer-4);
526
- font-size: 1.25rem;
527
- }
528
- .blockquote > :last-child {
529
- margin-bottom: 0;
530
- }
531
-
532
- .blockquote-footer {
533
- margin-top: -var(--bs-ref-spacer-4);
534
- margin-bottom: var(--bs-ref-spacer-4);
535
- font-size: 0.875rem;
536
- color: var(--bs-gray-600);
537
- }
538
- .blockquote-footer::before {
539
- content: "— ";
540
- }
541
-
542
406
  .img-fluid {
543
407
  max-width: 100%;
544
408
  height: auto;
@@ -564,7 +428,7 @@ progress {
564
428
  }
565
429
 
566
430
  .figure-caption {
567
- font-size: 0.875rem;
431
+ font-size: var(--bs-fs-small);
568
432
  color: var(--bs-secondary-color);
569
433
  }
570
434
 
@@ -2405,8 +2269,8 @@ progress {
2405
2269
 
2406
2270
  .form-label {
2407
2271
  margin-bottom: 0;
2408
- font-size: var(--bs-ref-fs-small);
2409
- font-weight: var(--bs-ref-fw-bold);
2272
+ font-size: var(--bs-fs-small);
2273
+ font-weight: var(--bs-fw-bold);
2410
2274
  color: var(--bs-gray);
2411
2275
  }
2412
2276
 
@@ -2415,7 +2279,7 @@ progress {
2415
2279
  padding-bottom: calc(0.75rem + var(--bs-border-width));
2416
2280
  margin-bottom: 0;
2417
2281
  font-size: inherit;
2418
- font-weight: var(--bs-ref-fw-bold);
2282
+ font-weight: var(--bs-fw-bold);
2419
2283
  line-height: 1.5;
2420
2284
  color: var(--bs-gray);
2421
2285
  }
@@ -2429,12 +2293,12 @@ progress {
2429
2293
  .col-form-label-sm {
2430
2294
  padding-top: calc(0.25rem + var(--bs-border-width));
2431
2295
  padding-bottom: calc(0.25rem + var(--bs-border-width));
2432
- font-size: 0.875rem;
2296
+ font-size: var(--bs-fs-small);
2433
2297
  }
2434
2298
 
2435
2299
  .form-text {
2436
2300
  margin-top: 0.5rem;
2437
- font-size: 0.875rem;
2301
+ font-size: var(--bs-fs-small);
2438
2302
  color: var(--bs-gray);
2439
2303
  }
2440
2304
 
@@ -2443,7 +2307,7 @@ progress {
2443
2307
  width: 100%;
2444
2308
  padding: 0.75rem 1rem;
2445
2309
  font-size: 1rem;
2446
- font-weight: 400;
2310
+ font-weight: var(--bs-fw-normal);
2447
2311
  line-height: 1.5;
2448
2312
  color: var(--bs-gray);
2449
2313
  -webkit-appearance: none;
@@ -2566,7 +2430,7 @@ progress {
2566
2430
  .form-control-sm {
2567
2431
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
2568
2432
  padding: 0.25rem 0.5rem;
2569
- font-size: 0.875rem;
2433
+ font-size: var(--bs-fs-small);
2570
2434
  border-radius: var(--bs-border-radius-sm);
2571
2435
  }
2572
2436
  .form-control-sm::-webkit-file-upload-button {
@@ -2640,7 +2504,7 @@ textarea.form-control-lg {
2640
2504
  width: 100%;
2641
2505
  padding: 0.75rem 3rem 0.75rem 1rem;
2642
2506
  font-size: 1rem;
2643
- font-weight: 400;
2507
+ font-weight: var(--bs-fw-normal);
2644
2508
  line-height: 1.5;
2645
2509
  color: var(--bs-gray);
2646
2510
  -webkit-appearance: none;
@@ -2684,7 +2548,7 @@ textarea.form-control-lg {
2684
2548
  padding-top: 0.25rem;
2685
2549
  padding-bottom: 0.25rem;
2686
2550
  padding-left: 0.5rem;
2687
- font-size: 0.875rem;
2551
+ font-size: var(--bs-fs-small);
2688
2552
  border-radius: var(--bs-border-radius-sm);
2689
2553
  }
2690
2554
 
@@ -2698,9 +2562,9 @@ textarea.form-control-lg {
2698
2562
 
2699
2563
  .form-check {
2700
2564
  display: block;
2701
- min-height: 2.25rem;
2565
+ min-height: 1.5em;
2702
2566
  padding-left: 0.75em;
2703
- margin-bottom: 0.1875rem;
2567
+ margin-bottom: 0.125rem;
2704
2568
  }
2705
2569
  .form-check .form-check-input {
2706
2570
  float: left;
@@ -2765,16 +2629,16 @@ textarea.form-control-lg {
2765
2629
  .form-check-input[type=checkbox]:indeterminate {
2766
2630
  background-color: var(--bs-focus-ring-color);
2767
2631
  border-color: var(--bs-focus-ring-color);
2768
- --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%234848b7' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
2632
+ --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
2769
2633
  }
2770
2634
  .form-check-input:disabled {
2771
2635
  pointer-events: none;
2772
2636
  filter: none;
2773
- opacity: 1;
2637
+ opacity: 0.5;
2774
2638
  }
2775
2639
  .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
2776
2640
  cursor: default;
2777
- opacity: 1;
2641
+ opacity: 0.5;
2778
2642
  }
2779
2643
 
2780
2644
  .form-switch {
@@ -3062,7 +2926,7 @@ textarea.form-control-lg {
3062
2926
  align-items: center;
3063
2927
  padding: 0.75rem 1rem;
3064
2928
  font-size: 1rem;
3065
- font-weight: 400;
2929
+ font-weight: var(--bs-fw-normal);
3066
2930
  line-height: 1.5;
3067
2931
  color: var(--bs-gray);
3068
2932
  text-align: center;
@@ -3086,7 +2950,7 @@ textarea.form-control-lg {
3086
2950
  .input-group-sm > .input-group-text,
3087
2951
  .input-group-sm > .btn {
3088
2952
  padding: 0.25rem 0.5rem;
3089
- font-size: 0.875rem;
2953
+ font-size: var(--bs-fs-small);
3090
2954
  border-radius: var(--bs-border-radius-sm);
3091
2955
  }
3092
2956
 
@@ -3124,7 +2988,7 @@ textarea.form-control-lg {
3124
2988
  display: none;
3125
2989
  width: 100%;
3126
2990
  margin-top: 0.5rem;
3127
- font-size: 0.875rem;
2991
+ font-size: var(--bs-fs-small);
3128
2992
  color: var(--bs-form-valid-color);
3129
2993
  }
3130
2994
 
@@ -3134,12 +2998,12 @@ textarea.form-control-lg {
3134
2998
  z-index: 5;
3135
2999
  display: none;
3136
3000
  max-width: 100%;
3137
- padding: 0.25rem 0.5rem;
3001
+ padding: var(--bs-ref-spacer-1) var(--bs-ref-spacer-2);
3138
3002
  margin-top: 0.1rem;
3139
- font-size: 0.875rem;
3003
+ font-size: var(--bs-tooltip-component-font-size, var(--bs-body-font-size));
3140
3004
  color: var(--bs-white);
3141
3005
  background-color: var(--bs-success);
3142
- border-radius: var(--bs-border-radius);
3006
+ border-radius: var(--bs-tooltip-component-border-radius, var(--bs-ref-spacer-1));
3143
3007
  }
3144
3008
 
3145
3009
  .was-validated :valid ~ .valid-feedback,
@@ -3194,7 +3058,7 @@ textarea.form-control-lg {
3194
3058
  display: none;
3195
3059
  width: 100%;
3196
3060
  margin-top: 0.5rem;
3197
- font-size: 0.875rem;
3061
+ font-size: var(--bs-fs-small);
3198
3062
  color: var(--bs-form-invalid-color);
3199
3063
  }
3200
3064
 
@@ -3204,12 +3068,12 @@ textarea.form-control-lg {
3204
3068
  z-index: 5;
3205
3069
  display: none;
3206
3070
  max-width: 100%;
3207
- padding: 0.25rem 0.5rem;
3071
+ padding: var(--bs-ref-spacer-1) var(--bs-ref-spacer-2);
3208
3072
  margin-top: 0.1rem;
3209
- font-size: 0.875rem;
3073
+ font-size: var(--bs-tooltip-component-font-size, var(--bs-body-font-size));
3210
3074
  color: var(--bs-white);
3211
3075
  background-color: var(--bs-danger);
3212
- border-radius: var(--bs-border-radius);
3076
+ border-radius: var(--bs-tooltip-component-border-radius, var(--bs-ref-spacer-1));
3213
3077
  }
3214
3078
 
3215
3079
  .was-validated :invalid ~ .invalid-feedback,
@@ -3520,7 +3384,7 @@ textarea.form-control-lg {
3520
3384
  width: 100%;
3521
3385
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
3522
3386
  clear: both;
3523
- font-weight: 400;
3387
+ font-weight: var(--bs-fw-normal);
3524
3388
  color: var(--bs-dropdown-link-color);
3525
3389
  text-align: inherit;
3526
3390
  white-space: nowrap;
@@ -3552,7 +3416,7 @@ textarea.form-control-lg {
3552
3416
  display: block;
3553
3417
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
3554
3418
  margin-bottom: 0;
3555
- font-size: 0.875rem;
3419
+ font-size: var(--bs-fs-small);
3556
3420
  color: var(--bs-dropdown-header-color);
3557
3421
  white-space: nowrap;
3558
3422
  }
@@ -3614,7 +3478,7 @@ textarea.form-control-lg {
3614
3478
  }
3615
3479
 
3616
3480
  .btn-group {
3617
- border-radius: var(--bs-border-radius-sm);
3481
+ border-radius: var(--bs-border-radius-pill);
3618
3482
  }
3619
3483
  .btn-group > :not(.btn-check:first-child) + .btn,
3620
3484
  .btn-group > .btn-group:not(:first-child) {
@@ -3689,7 +3553,7 @@ textarea.form-control-lg {
3689
3553
  --bs-nav-link-padding-x: 1rem;
3690
3554
  --bs-nav-link-padding-y: 0.5rem;
3691
3555
  --bs-nav-link-font-size: var(--bs-body-font-size);
3692
- --bs-nav-link-font-weight: var(--bs-ref-fw-normal);
3556
+ --bs-nav-link-font-weight: var(--bs-fw-normal);
3693
3557
  --bs-nav-link-color: var(--bs-gray-500);
3694
3558
  --bs-nav-link-hover-color: var(--bs-secondary-600);
3695
3559
  --bs-nav-link-disabled-color: var(--bs-gray-200);
@@ -3791,7 +3655,7 @@ textarea.form-control-lg {
3791
3655
  }
3792
3656
  .nav-underline .nav-link.active,
3793
3657
  .nav-underline .show > .nav-link {
3794
- font-weight: 700;
3658
+ font-weight: var(--bs-fw-bold);
3795
3659
  color: var(--bs-nav-underline-link-active-color);
3796
3660
  border-bottom-color: currentcolor;
3797
3661
  }
@@ -3839,7 +3703,7 @@ textarea.form-control-lg {
3839
3703
  --bs-navbar-toggler-font-size: 1.125rem;
3840
3704
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28var%28--bs-body-color-rgb%29, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
3841
3705
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
3842
- --bs-navbar-toggler-border-radius: var(--bs-border-radius-sm);
3706
+ --bs-navbar-toggler-border-radius: var(--bs-border-radius-pill);
3843
3707
  --bs-navbar-toggler-focus-width: 0;
3844
3708
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
3845
3709
  position: relative;
@@ -3878,7 +3742,7 @@ textarea.form-control-lg {
3878
3742
  --bs-nav-link-padding-x: 0;
3879
3743
  --bs-nav-link-padding-y: 0.5rem;
3880
3744
  --bs-nav-link-font-size: var(--bs-body-font-size);
3881
- --bs-nav-link-font-weight: var(--bs-ref-fw-normal);
3745
+ --bs-nav-link-font-weight: var(--bs-fw-normal);
3882
3746
  --bs-nav-link-color: var(--bs-navbar-color);
3883
3747
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
3884
3748
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
@@ -4252,8 +4116,8 @@ textarea.form-control-lg {
4252
4116
  }
4253
4117
 
4254
4118
  .card {
4255
- --bs-card-spacer-y: 1rem;
4256
- --bs-card-spacer-x: 1rem;
4119
+ --bs-card-spacer-y: 1.5rem;
4120
+ --bs-card-spacer-x: 1.5rem;
4257
4121
  --bs-card-title-spacer-y: 0.5rem;
4258
4122
  --bs-card-title-color: ;
4259
4123
  --bs-card-subtitle-color: ;
@@ -4262,8 +4126,8 @@ textarea.form-control-lg {
4262
4126
  --bs-card-border-radius: var(--bs-border-radius);
4263
4127
  --bs-card-box-shadow: var(--bs-box-shadow-sm);
4264
4128
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - 0px);
4265
- --bs-card-cap-padding-y: 0.5rem;
4266
- --bs-card-cap-padding-x: 1rem;
4129
+ --bs-card-cap-padding-y: 0.75rem;
4130
+ --bs-card-cap-padding-x: 1.5rem;
4267
4131
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
4268
4132
  --bs-card-cap-color: ;
4269
4133
  --bs-card-height: ;
@@ -4688,16 +4552,16 @@ textarea.form-control-lg {
4688
4552
  }
4689
4553
 
4690
4554
  .pagination-lg {
4691
- --bs-pagination-padding-x: var(--bs-ref-spacer-2);
4692
- --bs-pagination-padding-y: var(--bs-ref-spacer-2);
4555
+ --bs-pagination-padding-x: var(--bs-ref-spacer-1);
4556
+ --bs-pagination-padding-y: var(--bs-ref-spacer-1);
4693
4557
  --bs-pagination-font-size: 1.125rem;
4694
4558
  --bs-pagination-border-radius: 2.5rem;
4695
4559
  }
4696
4560
 
4697
4561
  .pagination-sm {
4698
- --bs-pagination-padding-x: var(--bs-ref-spacer-1);
4699
- --bs-pagination-padding-y: var(--bs-ref-spacer-1);
4700
- --bs-pagination-font-size: 0.875rem;
4562
+ --bs-pagination-padding-x: var(--bs-ref-spacer-0);
4563
+ --bs-pagination-padding-y: var(--bs-ref-spacer-0);
4564
+ --bs-pagination-font-size: var(--bs-fs-small);
4701
4565
  --bs-pagination-border-radius: 1.5rem;
4702
4566
  }
4703
4567
 
@@ -4725,7 +4589,7 @@ textarea.form-control-lg {
4725
4589
  }
4726
4590
 
4727
4591
  .alert-link {
4728
- font-weight: var(--bs-ref-fw-bold);
4592
+ font-weight: var(--bs-fw-bold);
4729
4593
  color: var(--bs-alert-link-color);
4730
4594
  }
4731
4595
 
@@ -4804,7 +4668,7 @@ textarea.form-control-lg {
4804
4668
  .progress,
4805
4669
  .progress-stacked {
4806
4670
  --bs-progress-height: 1rem;
4807
- --bs-progress-font-size: var(--bs-ref-fs-small);
4671
+ --bs-progress-font-size: var(--bs-fs-small);
4808
4672
  --bs-progress-bg: var(--bs-secondary-100);
4809
4673
  --bs-progress-border-radius: var(--bs-border-radius-pill);
4810
4674
  --bs-progress-box-shadow: none;
@@ -5605,15 +5469,15 @@ textarea.form-control-lg {
5605
5469
  }
5606
5470
  .tooltip {
5607
5471
  --bs-tooltip-zindex: 1080;
5608
- --bs-tooltip-max-width: 200px;
5609
- --bs-tooltip-padding-x: 0.5rem;
5610
- --bs-tooltip-padding-y: 0.25rem;
5472
+ --bs-tooltip-max-width: var(--bs-tooltip-component-max-width, 300px);
5473
+ --bs-tooltip-padding-x: var(--bs-ref-spacer-2);
5474
+ --bs-tooltip-padding-y: var(--bs-ref-spacer-1);
5611
5475
  --bs-tooltip-margin: ;
5612
- --bs-tooltip-font-size: 0.875rem;
5613
- --bs-tooltip-color: var(--bs-body-bg);
5614
- --bs-tooltip-bg: var(--bs-emphasis-color);
5615
- --bs-tooltip-border-radius: var(--bs-border-radius);
5616
- --bs-tooltip-opacity: 0.9;
5476
+ --bs-tooltip-font-size: var(--bs-tooltip-component-font-size, var(--bs-body-font-size));
5477
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-body-bg));
5478
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-emphasis-color));
5479
+ --bs-tooltip-border-radius: var(--bs-tooltip-component-border-radius, var(--bs-ref-spacer-1));
5480
+ --bs-tooltip-opacity: 1;
5617
5481
  --bs-tooltip-arrow-width: 0.8rem;
5618
5482
  --bs-tooltip-arrow-height: 0.4rem;
5619
5483
  z-index: var(--bs-tooltip-zindex);
@@ -5621,7 +5485,7 @@ textarea.form-control-lg {
5621
5485
  margin: var(--bs-tooltip-margin);
5622
5486
  font-family: var(--bs-font-sans-serif);
5623
5487
  font-style: normal;
5624
- font-weight: 400;
5488
+ font-weight: var(--bs-fw-normal);
5625
5489
  line-height: 1.5;
5626
5490
  text-align: left;
5627
5491
  text-align: start;
@@ -5708,7 +5572,7 @@ textarea.form-control-lg {
5708
5572
  .popover {
5709
5573
  --bs-popover-zindex: 1070;
5710
5574
  --bs-popover-max-width: 276px;
5711
- --bs-popover-font-size: 0.875rem;
5575
+ --bs-popover-font-size: var(--bs-fs-small);
5712
5576
  --bs-popover-bg: var(--bs-body-bg);
5713
5577
  --bs-popover-border-width: var(--bs-border-width);
5714
5578
  --bs-popover-border-color: var(--bs-border-color-translucent);
@@ -5731,7 +5595,7 @@ textarea.form-control-lg {
5731
5595
  max-width: var(--bs-popover-max-width);
5732
5596
  font-family: var(--bs-font-sans-serif);
5733
5597
  font-style: normal;
5734
- font-weight: 400;
5598
+ font-weight: var(--bs-fw-normal);
5735
5599
  line-height: 1.5;
5736
5600
  text-align: left;
5737
5601
  text-align: start;
@@ -6121,7 +5985,7 @@ textarea.form-control-lg {
6121
5985
  }
6122
5986
  }
6123
5987
  .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
6124
- --bs-offcanvas-zindex: 1045;
5988
+ --bs-offcanvas-zindex: 1055;
6125
5989
  --bs-offcanvas-width: 400px;
6126
5990
  --bs-offcanvas-height: 30vh;
6127
5991
  --bs-offcanvas-padding-x: var(--bs-ref-spacer-6);
@@ -6592,7 +6456,7 @@ textarea.form-control-lg {
6592
6456
  position: fixed;
6593
6457
  top: 0;
6594
6458
  left: 0;
6595
- z-index: 1040;
6459
+ z-index: 1050;
6596
6460
  width: 100vw;
6597
6461
  height: 100vh;
6598
6462
  background-color: var(--bs-black);
@@ -6677,7 +6541,7 @@ textarea.form-control-lg {
6677
6541
  --bs-badge-padding-x: var(--bs-ref-spacer-2);
6678
6542
  --bs-badge-padding-y: var(--bs-ref-spacer-1);
6679
6543
  --bs-badge-font-size: var(--bs-body-font-size);
6680
- --bs-badge-font-weight: 400;
6544
+ --bs-badge-font-weight: var(--bs-fw-normal);
6681
6545
  --bs-badge-color: var(--bs-gray-900);
6682
6546
  --bs-badge-border-radius: var(--bs-border-radius-sm);
6683
6547
  display: inline-block;
@@ -6700,13 +6564,64 @@ textarea.form-control-lg {
6700
6564
  top: -1px;
6701
6565
  }
6702
6566
 
6567
+ .lead {
6568
+ font-size: 1.25rem;
6569
+ font-weight: var(--bs-fw-normal);
6570
+ }
6571
+
6572
+ [class*=display-] {
6573
+ font-size: var(--bs-display-font-size);
6574
+ font-weight: var(--bs-fw-normal);
6575
+ line-height: var(--bs-heading-line-height);
6576
+ }
6577
+
6578
+ .list-unstyled {
6579
+ padding-left: 0;
6580
+ list-style: none;
6581
+ }
6582
+
6583
+ .list-inline {
6584
+ padding-left: 0;
6585
+ list-style: none;
6586
+ }
6587
+
6588
+ .list-inline-item {
6589
+ display: inline-block;
6590
+ }
6591
+ .list-inline-item:not(:last-child) {
6592
+ margin-right: 0.5rem;
6593
+ }
6594
+
6595
+ .initialism {
6596
+ font-size: var(--bs-fs-small);
6597
+ text-transform: uppercase;
6598
+ }
6599
+
6600
+ .blockquote {
6601
+ margin-bottom: var(--bs-ref-spacer-4);
6602
+ font-size: 1.25rem;
6603
+ }
6604
+ .blockquote > :last-child {
6605
+ margin-bottom: 0;
6606
+ }
6607
+
6608
+ .blockquote-footer {
6609
+ margin-top: -var(--bs-ref-spacer-4);
6610
+ margin-bottom: var(--bs-ref-spacer-4);
6611
+ font-size: var(--bs-fs-small);
6612
+ color: var(--bs-gray-600);
6613
+ }
6614
+ .blockquote-footer::before {
6615
+ content: "— ";
6616
+ }
6617
+
6703
6618
  body {
6704
6619
  -webkit-font-smoothing: antialiased;
6705
6620
  }
6706
6621
 
6707
6622
  .accordion {
6708
- --bs-accordion-btn-font-weight: var(--bs-ref-fw-bold);
6709
- --bs-accordion-btn-font-size: var(--bs-ref-fs-6);
6623
+ --bs-accordion-btn-font-weight: var(--bs-fw-bold);
6624
+ --bs-accordion-btn-font-size: var(--bs-fs-6);
6710
6625
  --bs-accordion-body-padding-top: var(--bs-ref-spacer-4);
6711
6626
  }
6712
6627
  .accordion .accordion-button {
@@ -6775,9 +6690,10 @@ body {
6775
6690
  .form-check-input:checked {
6776
6691
  border-color: var(--bs-focus-ring-color);
6777
6692
  }
6778
- .form-check-input:disabled {
6693
+ .form-check-input:disabled:not(:checked, :indeterminate) {
6779
6694
  background-color: var(--bs-gray-100);
6780
6695
  border-color: var(--bs-gray-300);
6696
+ opacity: 1;
6781
6697
  }
6782
6698
 
6783
6699
  .form-control {
@@ -6802,14 +6718,14 @@ body {
6802
6718
  color: var(--bs-form-text-color);
6803
6719
  }
6804
6720
 
6721
+ .input-group-text + .form-control {
6722
+ padding-left: 0;
6723
+ }
6724
+
6805
6725
  .input-group > .form-select,
6806
6726
  .input-group > .form-control {
6807
6727
  border: 0;
6808
6728
  }
6809
- .input-group > .form-select:not(:first-child),
6810
- .input-group > .form-control:not(:first-child) {
6811
- padding-left: 0;
6812
- }
6813
6729
  .input-group > .form-select:focus,
6814
6730
  .input-group > .form-control:focus {
6815
6731
  border: 0;
@@ -6821,7 +6737,7 @@ body {
6821
6737
  background-position: right 0 center;
6822
6738
  }
6823
6739
 
6824
- .input-group > .form-control:not(:last-child) {
6740
+ .form-control:has(~ .input-group-text) {
6825
6741
  padding-right: 0;
6826
6742
  }
6827
6743
 
@@ -6898,19 +6814,22 @@ body {
6898
6814
  .input-group button:disabled .d-icon {
6899
6815
  --bs-icon-color: var(--bs-input-disabled-color);
6900
6816
  }
6817
+ .input-group > .btn {
6818
+ --bs-btn-border-radius: var(--bs-input-border-radius);
6819
+ margin: -1px;
6820
+ }
6901
6821
 
6902
6822
  .btn {
6903
6823
  --bs-btn-padding-x: 2rem;
6904
6824
  --bs-btn-padding-y: 0.75rem;
6905
6825
  --bs-btn-font-family: ;
6906
6826
  --bs-btn-font-size: 1rem;
6907
- --bs-btn-font-weight: 400;
6827
+ --bs-btn-font-weight: var(--bs-fw-normal);
6908
6828
  --bs-btn-line-height: 1;
6909
6829
  --bs-btn-color: var(--bs-body-color);
6910
6830
  --bs-btn-bg: transparent;
6911
6831
  --bs-btn-border-width: var(--bs-border-width);
6912
6832
  --bs-btn-border-color: transparent;
6913
- --bs-btn-border-radius: var(--bs-btn-component-border-radius, var(--bs-border-radius-sm));
6914
6833
  --bs-btn-hover-border-color: transparent;
6915
6834
  --bs-btn-box-shadow: none;
6916
6835
  --bs-btn-disabled-opacity: 1;
@@ -6918,12 +6837,10 @@ body {
6918
6837
  --bs-btn–text-decoration: if($link-decoration == none, null, none);
6919
6838
  --bs-btn-lg-padding-y: 1rem;
6920
6839
  --bs-btn-lg-padding-x: 2rem;
6921
- --bs-btn-lg-font-size: 1.125rem;
6922
- --bs-btn-lg-border-radius: var(--bs-btn-component-lg-border-radius, var(--bs-border-radius));
6840
+ --bs-btn-lg-font-size: var(--bs-fs-6);
6923
6841
  --bs-btn-sm-padding-y: 0.5rem;
6924
6842
  --bs-btn-sm-padding-x: 1rem;
6925
- --bs-btn-sm-font-size: 0.875rem;
6926
- --bs-btn-sm-border-radius: var(--bs-btn-component-sm-border-radius, var(--bs-border-radius-sm));
6843
+ --bs-btn-sm-font-size: var(--bs-fs-small);
6927
6844
  display: inline-flex;
6928
6845
  flex-direction: row;
6929
6846
  gap: var(--bs-btn-gap, 0.5rem);
@@ -6968,10 +6885,12 @@ body {
6968
6885
  background-color: var(--bs-btn-bg);
6969
6886
  border-color: var(--bs-btn-border-color);
6970
6887
  }
6971
- .btn-check:focus-visible + .btn, .btn:focus-visible, .btn.focus-visible {
6888
+ .btn-check:focus-visible + .btn, .btn:focus-visible:not(:hover), .btn.focus-visible:not(:hover) {
6972
6889
  color: var(--bs-btn-focus-color, var(--bs-btn-hover-color));
6973
6890
  background-color: var(--bs-btn-focus-bg, var(--bs-btn-hover-bg));
6974
6891
  border-color: var(--bs-btn-focus-border-color, var(--bs-btn-hover-border-color));
6892
+ }
6893
+ .btn-check:focus-visible + .btn, .btn:focus-visible, .btn.focus-visible {
6975
6894
  outline: var(--bs-btn-focus-border-width, var(--bs-btn-border-width)) solid var(--bs-btn-focus-outline-color, var(--bs-focus-ring-color));
6976
6895
  outline-offset: var(--bs-btn-focus-outline-offset, var(--bs-btn-border-width));
6977
6896
  }
@@ -6997,589 +6916,579 @@ body {
6997
6916
  }
6998
6917
 
6999
6918
  .btn-primary {
7000
- --bs-btn-color: var(--bs-white);
7001
- --bs-btn-bg: var(--bs-primary-500);
7002
- --bs-btn-border-color: var(--bs-primary-500);
7003
- --bs-btn-hover-color: var(--bs-white);
7004
- --bs-btn-hover-bg: var(--bs-primary-600);
7005
- --bs-btn-hover-border-color: var(--bs-primary-600);
7006
- --bs-btn-focus-color: var(--bs-white);
7007
- --bs-btn-focus-bg: var(--bs-primary-600);
7008
- --bs-btn-focus-border-color: var(--bs-primary-600);
7009
- --bs-btn-active-color: var(--bs-white);
7010
- --bs-btn-active-bg: var(--bs-primary-700);
7011
- --bs-btn-active-border-color: var(--bs-primary-700);
7012
- --bs-btn-disabled-color: var(--bs-gray-700);
7013
- --bs-btn-disabled-bg: var(--bs-primary-100);
7014
- --bs-btn-disabled-border-color: var(--bs-primary-100);
6919
+ --bs-btn-color: var(--bs-btn-primary-color);
6920
+ --bs-btn-bg: var(--bs-btn-primary-bg);
6921
+ --bs-btn-border-color: var(--bs-btn-primary-border-color);
6922
+ --bs-btn-hover-color: var(--bs-btn-primary-hover-color);
6923
+ --bs-btn-hover-bg: var(--bs-btn-primary-hover-bg);
6924
+ --bs-btn-hover-border-color: var(--bs-btn-primary-hover-border-color);
6925
+ --bs-btn-focus-color: var(--bs-btn-primary-focus-color);
6926
+ --bs-btn-focus-bg: var(--bs-btn-primary-focus-bg);
6927
+ --bs-btn-focus-border-color: var(--bs-btn-primary-focus-border-color);
6928
+ --bs-btn-active-color: var(--bs-btn-primary-active-color);
6929
+ --bs-btn-active-bg: var(--bs-btn-primary-active-bg);
6930
+ --bs-btn-active-border-color: var(--bs-btn-primary-active-border-color);
6931
+ --bs-btn-disabled-color: var(--bs-btn-primary-disabled-color);
6932
+ --bs-btn-disabled-bg: var(--bs-btn-primary-disabled-bg);
6933
+ --bs-btn-disabled-border-color: var(--bs-btn-primary-disabled-border-color);
6934
+ --bs-btn-disabled-opacity: var(--bs-btn-primary-disabled-opacity);
7015
6935
  }
7016
6936
  .btn-primary.loading {
7017
- --bs-btn-disabled-opacity: 1;
7018
- --bs-btn-disabled-bg: var(--bs-primary-700);
7019
- --bs-btn-disabled-border-color: var(--bs-primary-700);
7020
- --bs-btn-disabled-color: var(--bs-white);
6937
+ --bs-btn-disabled-color: var(--bs-btn-primary-active-color);
6938
+ --bs-btn-disabled-bg: var(--bs-btn-primary-active-bg);
6939
+ --bs-btn-disabled-border-color: var(--bs-btn-primary-active-border-color);
7021
6940
  }
7022
6941
 
7023
6942
  .btn-outline-primary {
7024
- --bs-btn-bg: transparent;
7025
- --bs-btn-border-color: var(--bs-primary-500);
7026
- --bs-btn-color: var(--bs-primary-500);
7027
- --bs-btn-hover-bg: var(--bs-primary-100);
7028
- --bs-btn-hover-border-color: var(--bs-primary-500);
7029
- --bs-btn-hover-color: var(--bs-primary-500);
7030
- --bs-btn-focus-bg: var(--bs-primary-100);
7031
- --bs-btn-focus-border-color: var(--bs-primary-500);
7032
- --bs-btn-focus-color: var(--bs-primary-500);
7033
- --bs-btn-active-bg: var(--bs-primary-200);
7034
- --bs-btn-active-border-color: var(--bs-primary-500);
7035
- --bs-btn-active-color: var(--bs-primary-500);
7036
- --bs-btn-disabled-bg: transparent;
7037
- --bs-btn-disabled-border-color: var(--bs-primary-100);
7038
- --bs-btn-disabled-color: var(--bs-gray-700);
7039
- --bs-gradient: none;
6943
+ --bs-btn-color: var(--bs-btn-outline-primary-color);
6944
+ --bs-btn-bg: var(--bs-btn-outline-primary-bg);
6945
+ --bs-btn-border-color: var(--bs-btn-outline-primary-border-color);
6946
+ --bs-btn-hover-color: var(--bs-btn-outline-primary-hover-color);
6947
+ --bs-btn-hover-bg: var(--bs-btn-outline-primary-hover-bg);
6948
+ --bs-btn-hover-border-color: var(--bs-btn-outline-primary-hover-border-color);
6949
+ --bs-btn-focus-color: var(--bs-btn-outline-primary-focus-color);
6950
+ --bs-btn-focus-bg: var(--bs-btn-outline-primary-focus-bg);
6951
+ --bs-btn-focus-border-color: var(--bs-btn-outline-primary-focus-border-color);
6952
+ --bs-btn-active-color: var(--bs-btn-outline-primary-active-color);
6953
+ --bs-btn-active-bg: var(--bs-btn-outline-primary-active-bg);
6954
+ --bs-btn-active-border-color: var(--bs-btn-outline-primary-active-border-color);
6955
+ --bs-btn-disabled-color: var(--bs-btn-outline-primary-disabled-color);
6956
+ --bs-btn-disabled-bg: var(--bs-btn-outline-primary-disabled-bg);
6957
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-primary-disabled-border-color);
6958
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-primary-disabled-opacity);
7040
6959
  }
7041
6960
  .btn-outline-primary.loading {
7042
- --bs-btn-disabled-opacity: 1;
7043
- --bs-btn-disabled-bg: transparent;
7044
- --bs-btn-disabled-border-color: var(--bs-primary-500);
7045
- --bs-btn-disabled-color: var(--bs-primary-500);
6961
+ --bs-btn-disabled-color: var(--bs-btn-outline-primary-active-color);
6962
+ --bs-btn-disabled-bg: var(--bs-btn-outline-primary-active-bg);
6963
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-primary-active-border-color);
7046
6964
  }
7047
6965
 
7048
6966
  .btn-link-primary {
7049
- --bs-btn-bg: transparent;
7050
- --bs-btn-border-color: transparent;
7051
- --bs-btn-color: var(--bs-primary-600);
7052
- --bs-btn-hover-bg: var(--bs-primary-100);
7053
- --bs-btn-hover-border-color: transparent;
7054
- --bs-btn-hover-color: var(--bs-primary-600);
7055
- --bs-btn-focus-bg: transparent;
7056
- --bs-btn-focus-border-color: transparent;
7057
- --bs-btn-focus-color: var(--bs-primary-600);
7058
- --bs-btn-active-bg: var(--bs-primary-200);
7059
- --bs-btn-active-border-color: transparent;
7060
- --bs-btn-active-color: var(--bs-primary-600);
7061
- --bs-btn-disabled-bg: transparent;
7062
- --bs-btn-disabled-border-color: transparent;
7063
- --bs-btn-disabled-color: var(--bs-primary-300);
7064
- --bs-btn-focus-outline-offset: 0;
7065
- }
7066
- .btn-link-primary span {
7067
- text-decoration: underline;
6967
+ --bs-btn-color: var(--bs-btn-link-primary-color);
6968
+ --bs-btn-bg: var(--bs-btn-link-primary-bg);
6969
+ --bs-btn-border-color: var(--bs-btn-link-primary-border-color);
6970
+ --bs-btn-hover-color: var(--bs-btn-link-primary-hover-color);
6971
+ --bs-btn-hover-bg: var(--bs-btn-link-primary-hover-bg);
6972
+ --bs-btn-hover-border-color: var(--bs-btn-link-primary-hover-border-color);
6973
+ --bs-btn-focus-color: var(--bs-btn-link-primary-focus-color);
6974
+ --bs-btn-focus-bg: var(--bs-btn-link-primary-focus-bg);
6975
+ --bs-btn-focus-border-color: var(--bs-btn-link-primary-focus-border-color);
6976
+ --bs-btn-active-color: var(--bs-btn-link-primary-active-color);
6977
+ --bs-btn-active-bg: var(--bs-btn-link-primary-active-bg);
6978
+ --bs-btn-active-border-color: var(--bs-btn-link-primary-active-border-color);
6979
+ --bs-btn-disabled-color: var(--bs-btn-link-primary-disabled-color);
6980
+ --bs-btn-disabled-bg: var(--bs-btn-link-primary-disabled-bg);
6981
+ --bs-btn-disabled-border-color: var(--bs-btn-link-primary-disabled-border-color);
6982
+ --bs-btn-disabled-opacity: var(--bs-btn-link-primary-disabled-opacity);
7068
6983
  }
7069
6984
  .btn-link-primary.loading {
7070
- --bs-btn-disabled-opacity: 1;
7071
- --bs-btn-disabled-bg: transparent;
7072
- --bs-btn-disabled-border-color: transparent;
7073
- --bs-btn-disabled-color: var(--bs-primary-600);
6985
+ --bs-btn-disabled-color: var(--bs-btn-link-primary-active-color);
6986
+ --bs-btn-disabled-bg: var(--bs-btn-link-primary-active-bg);
6987
+ --bs-btn-disabled-border-color: var(--bs-btn-link-primary-active-border-color);
7074
6988
  }
7075
6989
 
7076
6990
  .btn-secondary {
7077
- --bs-btn-color: var(--bs-white);
7078
- --bs-btn-bg: var(--bs-secondary-500);
7079
- --bs-btn-border-color: var(--bs-secondary-500);
7080
- --bs-btn-hover-color: var(--bs-white);
7081
- --bs-btn-hover-bg: var(--bs-secondary-600);
7082
- --bs-btn-hover-border-color: var(--bs-secondary-600);
7083
- --bs-btn-focus-color: var(--bs-white);
7084
- --bs-btn-focus-bg: var(--bs-secondary-600);
7085
- --bs-btn-focus-border-color: var(--bs-secondary-600);
7086
- --bs-btn-active-color: var(--bs-white);
7087
- --bs-btn-active-bg: var(--bs-secondary-700);
7088
- --bs-btn-active-border-color: var(--bs-secondary-700);
7089
- --bs-btn-disabled-color: var(--bs-gray-700);
7090
- --bs-btn-disabled-bg: var(--bs-secondary-100);
7091
- --bs-btn-disabled-border-color: var(--bs-secondary-100);
6991
+ --bs-btn-color: var(--bs-btn-secondary-color);
6992
+ --bs-btn-bg: var(--bs-btn-secondary-bg);
6993
+ --bs-btn-border-color: var(--bs-btn-secondary-border-color);
6994
+ --bs-btn-hover-color: var(--bs-btn-secondary-hover-color);
6995
+ --bs-btn-hover-bg: var(--bs-btn-secondary-hover-bg);
6996
+ --bs-btn-hover-border-color: var(--bs-btn-secondary-hover-border-color);
6997
+ --bs-btn-focus-color: var(--bs-btn-secondary-focus-color);
6998
+ --bs-btn-focus-bg: var(--bs-btn-secondary-focus-bg);
6999
+ --bs-btn-focus-border-color: var(--bs-btn-secondary-focus-border-color);
7000
+ --bs-btn-active-color: var(--bs-btn-secondary-active-color);
7001
+ --bs-btn-active-bg: var(--bs-btn-secondary-active-bg);
7002
+ --bs-btn-active-border-color: var(--bs-btn-secondary-active-border-color);
7003
+ --bs-btn-disabled-color: var(--bs-btn-secondary-disabled-color);
7004
+ --bs-btn-disabled-bg: var(--bs-btn-secondary-disabled-bg);
7005
+ --bs-btn-disabled-border-color: var(--bs-btn-secondary-disabled-border-color);
7006
+ --bs-btn-disabled-opacity: var(--bs-btn-secondary-disabled-opacity);
7092
7007
  }
7093
7008
  .btn-secondary.loading {
7094
- --bs-btn-disabled-opacity: 1;
7095
- --bs-btn-disabled-bg: var(--bs-secondary-700);
7096
- --bs-btn-disabled-border-color: var(--bs-secondary-700);
7097
- --bs-btn-disabled-color: var(--bs-white);
7009
+ --bs-btn-disabled-color: var(--bs-btn-secondary-active-color);
7010
+ --bs-btn-disabled-bg: var(--bs-btn-secondary-active-bg);
7011
+ --bs-btn-disabled-border-color: var(--bs-btn-secondary-active-border-color);
7098
7012
  }
7099
7013
 
7100
7014
  .btn-outline-secondary {
7101
- --bs-btn-bg: transparent;
7102
- --bs-btn-border-color: var(--bs-secondary-500);
7103
- --bs-btn-color: var(--bs-secondary-500);
7104
- --bs-btn-hover-bg: var(--bs-secondary-100);
7105
- --bs-btn-hover-border-color: var(--bs-secondary-500);
7106
- --bs-btn-hover-color: var(--bs-secondary-500);
7107
- --bs-btn-focus-bg: var(--bs-secondary-100);
7108
- --bs-btn-focus-border-color: var(--bs-secondary-500);
7109
- --bs-btn-focus-color: var(--bs-secondary-500);
7110
- --bs-btn-active-bg: var(--bs-secondary-200);
7111
- --bs-btn-active-border-color: var(--bs-secondary-500);
7112
- --bs-btn-active-color: var(--bs-secondary-500);
7113
- --bs-btn-disabled-bg: transparent;
7114
- --bs-btn-disabled-border-color: var(--bs-secondary-100);
7115
- --bs-btn-disabled-color: var(--bs-gray-700);
7116
- --bs-gradient: none;
7015
+ --bs-btn-color: var(--bs-btn-outline-secondary-color);
7016
+ --bs-btn-bg: var(--bs-btn-outline-secondary-bg);
7017
+ --bs-btn-border-color: var(--bs-btn-outline-secondary-border-color);
7018
+ --bs-btn-hover-color: var(--bs-btn-outline-secondary-hover-color);
7019
+ --bs-btn-hover-bg: var(--bs-btn-outline-secondary-hover-bg);
7020
+ --bs-btn-hover-border-color: var(--bs-btn-outline-secondary-hover-border-color);
7021
+ --bs-btn-focus-color: var(--bs-btn-outline-secondary-focus-color);
7022
+ --bs-btn-focus-bg: var(--bs-btn-outline-secondary-focus-bg);
7023
+ --bs-btn-focus-border-color: var(--bs-btn-outline-secondary-focus-border-color);
7024
+ --bs-btn-active-color: var(--bs-btn-outline-secondary-active-color);
7025
+ --bs-btn-active-bg: var(--bs-btn-outline-secondary-active-bg);
7026
+ --bs-btn-active-border-color: var(--bs-btn-outline-secondary-active-border-color);
7027
+ --bs-btn-disabled-color: var(--bs-btn-outline-secondary-disabled-color);
7028
+ --bs-btn-disabled-bg: var(--bs-btn-outline-secondary-disabled-bg);
7029
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-secondary-disabled-border-color);
7030
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-secondary-disabled-opacity);
7117
7031
  }
7118
7032
  .btn-outline-secondary.loading {
7119
- --bs-btn-disabled-opacity: 1;
7120
- --bs-btn-disabled-bg: transparent;
7121
- --bs-btn-disabled-border-color: var(--bs-secondary-500);
7122
- --bs-btn-disabled-color: var(--bs-secondary-500);
7033
+ --bs-btn-disabled-color: var(--bs-btn-outline-secondary-active-color);
7034
+ --bs-btn-disabled-bg: var(--bs-btn-outline-secondary-active-bg);
7035
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-secondary-active-border-color);
7123
7036
  }
7124
7037
 
7125
7038
  .btn-link-secondary {
7126
- --bs-btn-bg: transparent;
7127
- --bs-btn-border-color: transparent;
7128
- --bs-btn-color: var(--bs-secondary-600);
7129
- --bs-btn-hover-bg: var(--bs-secondary-100);
7130
- --bs-btn-hover-border-color: transparent;
7131
- --bs-btn-hover-color: var(--bs-secondary-600);
7132
- --bs-btn-focus-bg: transparent;
7133
- --bs-btn-focus-border-color: transparent;
7134
- --bs-btn-focus-color: var(--bs-secondary-600);
7135
- --bs-btn-active-bg: var(--bs-secondary-200);
7136
- --bs-btn-active-border-color: transparent;
7137
- --bs-btn-active-color: var(--bs-secondary-600);
7138
- --bs-btn-disabled-bg: transparent;
7139
- --bs-btn-disabled-border-color: transparent;
7140
- --bs-btn-disabled-color: var(--bs-secondary-300);
7141
- --bs-btn-focus-outline-offset: 0;
7142
- }
7143
- .btn-link-secondary span {
7144
- text-decoration: underline;
7039
+ --bs-btn-color: var(--bs-btn-link-secondary-color);
7040
+ --bs-btn-bg: var(--bs-btn-link-secondary-bg);
7041
+ --bs-btn-border-color: var(--bs-btn-link-secondary-border-color);
7042
+ --bs-btn-hover-color: var(--bs-btn-link-secondary-hover-color);
7043
+ --bs-btn-hover-bg: var(--bs-btn-link-secondary-hover-bg);
7044
+ --bs-btn-hover-border-color: var(--bs-btn-link-secondary-hover-border-color);
7045
+ --bs-btn-focus-color: var(--bs-btn-link-secondary-focus-color);
7046
+ --bs-btn-focus-bg: var(--bs-btn-link-secondary-focus-bg);
7047
+ --bs-btn-focus-border-color: var(--bs-btn-link-secondary-focus-border-color);
7048
+ --bs-btn-active-color: var(--bs-btn-link-secondary-active-color);
7049
+ --bs-btn-active-bg: var(--bs-btn-link-secondary-active-bg);
7050
+ --bs-btn-active-border-color: var(--bs-btn-link-secondary-active-border-color);
7051
+ --bs-btn-disabled-color: var(--bs-btn-link-secondary-disabled-color);
7052
+ --bs-btn-disabled-bg: var(--bs-btn-link-secondary-disabled-bg);
7053
+ --bs-btn-disabled-border-color: var(--bs-btn-link-secondary-disabled-border-color);
7054
+ --bs-btn-disabled-opacity: var(--bs-btn-link-secondary-disabled-opacity);
7145
7055
  }
7146
7056
  .btn-link-secondary.loading {
7147
- --bs-btn-disabled-opacity: 1;
7148
- --bs-btn-disabled-bg: transparent;
7149
- --bs-btn-disabled-border-color: transparent;
7150
- --bs-btn-disabled-color: var(--bs-secondary-600);
7057
+ --bs-btn-disabled-color: var(--bs-btn-link-secondary-active-color);
7058
+ --bs-btn-disabled-bg: var(--bs-btn-link-secondary-active-bg);
7059
+ --bs-btn-disabled-border-color: var(--bs-btn-link-secondary-active-border-color);
7151
7060
  }
7152
7061
 
7153
7062
  .btn-success {
7154
- --bs-btn-color: var(--bs-white);
7155
- --bs-btn-bg: var(--bs-success-500);
7156
- --bs-btn-border-color: var(--bs-success-500);
7157
- --bs-btn-hover-color: var(--bs-white);
7158
- --bs-btn-hover-bg: var(--bs-success-600);
7159
- --bs-btn-hover-border-color: var(--bs-success-600);
7160
- --bs-btn-focus-color: var(--bs-white);
7161
- --bs-btn-focus-bg: var(--bs-success-600);
7162
- --bs-btn-focus-border-color: var(--bs-success-600);
7163
- --bs-btn-active-color: var(--bs-white);
7164
- --bs-btn-active-bg: var(--bs-success-700);
7165
- --bs-btn-active-border-color: var(--bs-success-700);
7166
- --bs-btn-disabled-color: var(--bs-gray-700);
7167
- --bs-btn-disabled-bg: var(--bs-success-100);
7168
- --bs-btn-disabled-border-color: var(--bs-success-100);
7063
+ --bs-btn-color: var(--bs-btn-success-color);
7064
+ --bs-btn-bg: var(--bs-btn-success-bg);
7065
+ --bs-btn-border-color: var(--bs-btn-success-border-color);
7066
+ --bs-btn-hover-color: var(--bs-btn-success-hover-color);
7067
+ --bs-btn-hover-bg: var(--bs-btn-success-hover-bg);
7068
+ --bs-btn-hover-border-color: var(--bs-btn-success-hover-border-color);
7069
+ --bs-btn-focus-color: var(--bs-btn-success-focus-color);
7070
+ --bs-btn-focus-bg: var(--bs-btn-success-focus-bg);
7071
+ --bs-btn-focus-border-color: var(--bs-btn-success-focus-border-color);
7072
+ --bs-btn-active-color: var(--bs-btn-success-active-color);
7073
+ --bs-btn-active-bg: var(--bs-btn-success-active-bg);
7074
+ --bs-btn-active-border-color: var(--bs-btn-success-active-border-color);
7075
+ --bs-btn-disabled-color: var(--bs-btn-success-disabled-color);
7076
+ --bs-btn-disabled-bg: var(--bs-btn-success-disabled-bg);
7077
+ --bs-btn-disabled-border-color: var(--bs-btn-success-disabled-border-color);
7078
+ --bs-btn-disabled-opacity: var(--bs-btn-success-disabled-opacity);
7169
7079
  }
7170
7080
  .btn-success.loading {
7171
- --bs-btn-disabled-opacity: 1;
7172
- --bs-btn-disabled-bg: var(--bs-success-700);
7173
- --bs-btn-disabled-border-color: var(--bs-success-700);
7174
- --bs-btn-disabled-color: var(--bs-white);
7081
+ --bs-btn-disabled-color: var(--bs-btn-success-active-color);
7082
+ --bs-btn-disabled-bg: var(--bs-btn-success-active-bg);
7083
+ --bs-btn-disabled-border-color: var(--bs-btn-success-active-border-color);
7175
7084
  }
7176
7085
 
7177
7086
  .btn-outline-success {
7178
- --bs-btn-bg: transparent;
7179
- --bs-btn-border-color: var(--bs-success-500);
7180
- --bs-btn-color: var(--bs-success-500);
7181
- --bs-btn-hover-bg: var(--bs-success-100);
7182
- --bs-btn-hover-border-color: var(--bs-success-500);
7183
- --bs-btn-hover-color: var(--bs-success-500);
7184
- --bs-btn-focus-bg: var(--bs-success-100);
7185
- --bs-btn-focus-border-color: var(--bs-success-500);
7186
- --bs-btn-focus-color: var(--bs-success-500);
7187
- --bs-btn-active-bg: var(--bs-success-200);
7188
- --bs-btn-active-border-color: var(--bs-success-500);
7189
- --bs-btn-active-color: var(--bs-success-500);
7190
- --bs-btn-disabled-bg: transparent;
7191
- --bs-btn-disabled-border-color: var(--bs-success-100);
7192
- --bs-btn-disabled-color: var(--bs-gray-700);
7193
- --bs-gradient: none;
7087
+ --bs-btn-color: var(--bs-btn-outline-success-color);
7088
+ --bs-btn-bg: var(--bs-btn-outline-success-bg);
7089
+ --bs-btn-border-color: var(--bs-btn-outline-success-border-color);
7090
+ --bs-btn-hover-color: var(--bs-btn-outline-success-hover-color);
7091
+ --bs-btn-hover-bg: var(--bs-btn-outline-success-hover-bg);
7092
+ --bs-btn-hover-border-color: var(--bs-btn-outline-success-hover-border-color);
7093
+ --bs-btn-focus-color: var(--bs-btn-outline-success-focus-color);
7094
+ --bs-btn-focus-bg: var(--bs-btn-outline-success-focus-bg);
7095
+ --bs-btn-focus-border-color: var(--bs-btn-outline-success-focus-border-color);
7096
+ --bs-btn-active-color: var(--bs-btn-outline-success-active-color);
7097
+ --bs-btn-active-bg: var(--bs-btn-outline-success-active-bg);
7098
+ --bs-btn-active-border-color: var(--bs-btn-outline-success-active-border-color);
7099
+ --bs-btn-disabled-color: var(--bs-btn-outline-success-disabled-color);
7100
+ --bs-btn-disabled-bg: var(--bs-btn-outline-success-disabled-bg);
7101
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-success-disabled-border-color);
7102
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-success-disabled-opacity);
7194
7103
  }
7195
7104
  .btn-outline-success.loading {
7196
- --bs-btn-disabled-opacity: 1;
7197
- --bs-btn-disabled-bg: transparent;
7198
- --bs-btn-disabled-border-color: var(--bs-success-500);
7199
- --bs-btn-disabled-color: var(--bs-success-500);
7105
+ --bs-btn-disabled-color: var(--bs-btn-outline-success-active-color);
7106
+ --bs-btn-disabled-bg: var(--bs-btn-outline-success-active-bg);
7107
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-success-active-border-color);
7200
7108
  }
7201
7109
 
7202
7110
  .btn-link-success {
7203
- --bs-btn-bg: transparent;
7204
- --bs-btn-border-color: transparent;
7205
- --bs-btn-color: var(--bs-success-600);
7206
- --bs-btn-hover-bg: var(--bs-success-100);
7207
- --bs-btn-hover-border-color: transparent;
7208
- --bs-btn-hover-color: var(--bs-success-600);
7209
- --bs-btn-focus-bg: transparent;
7210
- --bs-btn-focus-border-color: transparent;
7211
- --bs-btn-focus-color: var(--bs-success-600);
7212
- --bs-btn-active-bg: var(--bs-success-200);
7213
- --bs-btn-active-border-color: transparent;
7214
- --bs-btn-active-color: var(--bs-success-600);
7215
- --bs-btn-disabled-bg: transparent;
7216
- --bs-btn-disabled-border-color: transparent;
7217
- --bs-btn-disabled-color: var(--bs-success-300);
7218
- --bs-btn-focus-outline-offset: 0;
7219
- }
7220
- .btn-link-success span {
7221
- text-decoration: underline;
7111
+ --bs-btn-color: var(--bs-btn-link-success-color);
7112
+ --bs-btn-bg: var(--bs-btn-link-success-bg);
7113
+ --bs-btn-border-color: var(--bs-btn-link-success-border-color);
7114
+ --bs-btn-hover-color: var(--bs-btn-link-success-hover-color);
7115
+ --bs-btn-hover-bg: var(--bs-btn-link-success-hover-bg);
7116
+ --bs-btn-hover-border-color: var(--bs-btn-link-success-hover-border-color);
7117
+ --bs-btn-focus-color: var(--bs-btn-link-success-focus-color);
7118
+ --bs-btn-focus-bg: var(--bs-btn-link-success-focus-bg);
7119
+ --bs-btn-focus-border-color: var(--bs-btn-link-success-focus-border-color);
7120
+ --bs-btn-active-color: var(--bs-btn-link-success-active-color);
7121
+ --bs-btn-active-bg: var(--bs-btn-link-success-active-bg);
7122
+ --bs-btn-active-border-color: var(--bs-btn-link-success-active-border-color);
7123
+ --bs-btn-disabled-color: var(--bs-btn-link-success-disabled-color);
7124
+ --bs-btn-disabled-bg: var(--bs-btn-link-success-disabled-bg);
7125
+ --bs-btn-disabled-border-color: var(--bs-btn-link-success-disabled-border-color);
7126
+ --bs-btn-disabled-opacity: var(--bs-btn-link-success-disabled-opacity);
7222
7127
  }
7223
7128
  .btn-link-success.loading {
7224
- --bs-btn-disabled-opacity: 1;
7225
- --bs-btn-disabled-bg: transparent;
7226
- --bs-btn-disabled-border-color: transparent;
7227
- --bs-btn-disabled-color: var(--bs-success-600);
7129
+ --bs-btn-disabled-color: var(--bs-btn-link-success-active-color);
7130
+ --bs-btn-disabled-bg: var(--bs-btn-link-success-active-bg);
7131
+ --bs-btn-disabled-border-color: var(--bs-btn-link-success-active-border-color);
7228
7132
  }
7229
7133
 
7230
7134
  .btn-info {
7231
- --bs-btn-color: var(--bs-white);
7232
- --bs-btn-bg: var(--bs-info-500);
7233
- --bs-btn-border-color: var(--bs-info-500);
7234
- --bs-btn-hover-color: var(--bs-white);
7235
- --bs-btn-hover-bg: var(--bs-info-600);
7236
- --bs-btn-hover-border-color: var(--bs-info-600);
7237
- --bs-btn-focus-color: var(--bs-white);
7238
- --bs-btn-focus-bg: var(--bs-info-600);
7239
- --bs-btn-focus-border-color: var(--bs-info-600);
7240
- --bs-btn-active-color: var(--bs-white);
7241
- --bs-btn-active-bg: var(--bs-info-700);
7242
- --bs-btn-active-border-color: var(--bs-info-700);
7243
- --bs-btn-disabled-color: var(--bs-gray-700);
7244
- --bs-btn-disabled-bg: var(--bs-info-100);
7245
- --bs-btn-disabled-border-color: var(--bs-info-100);
7135
+ --bs-btn-color: var(--bs-btn-info-color);
7136
+ --bs-btn-bg: var(--bs-btn-info-bg);
7137
+ --bs-btn-border-color: var(--bs-btn-info-border-color);
7138
+ --bs-btn-hover-color: var(--bs-btn-info-hover-color);
7139
+ --bs-btn-hover-bg: var(--bs-btn-info-hover-bg);
7140
+ --bs-btn-hover-border-color: var(--bs-btn-info-hover-border-color);
7141
+ --bs-btn-focus-color: var(--bs-btn-info-focus-color);
7142
+ --bs-btn-focus-bg: var(--bs-btn-info-focus-bg);
7143
+ --bs-btn-focus-border-color: var(--bs-btn-info-focus-border-color);
7144
+ --bs-btn-active-color: var(--bs-btn-info-active-color);
7145
+ --bs-btn-active-bg: var(--bs-btn-info-active-bg);
7146
+ --bs-btn-active-border-color: var(--bs-btn-info-active-border-color);
7147
+ --bs-btn-disabled-color: var(--bs-btn-info-disabled-color);
7148
+ --bs-btn-disabled-bg: var(--bs-btn-info-disabled-bg);
7149
+ --bs-btn-disabled-border-color: var(--bs-btn-info-disabled-border-color);
7150
+ --bs-btn-disabled-opacity: var(--bs-btn-info-disabled-opacity);
7246
7151
  }
7247
7152
  .btn-info.loading {
7248
- --bs-btn-disabled-opacity: 1;
7249
- --bs-btn-disabled-bg: var(--bs-info-700);
7250
- --bs-btn-disabled-border-color: var(--bs-info-700);
7251
- --bs-btn-disabled-color: var(--bs-white);
7153
+ --bs-btn-disabled-color: var(--bs-btn-info-active-color);
7154
+ --bs-btn-disabled-bg: var(--bs-btn-info-active-bg);
7155
+ --bs-btn-disabled-border-color: var(--bs-btn-info-active-border-color);
7252
7156
  }
7253
7157
 
7254
7158
  .btn-outline-info {
7255
- --bs-btn-bg: transparent;
7256
- --bs-btn-border-color: var(--bs-info-500);
7257
- --bs-btn-color: var(--bs-info-500);
7258
- --bs-btn-hover-bg: var(--bs-info-100);
7259
- --bs-btn-hover-border-color: var(--bs-info-500);
7260
- --bs-btn-hover-color: var(--bs-info-500);
7261
- --bs-btn-focus-bg: var(--bs-info-100);
7262
- --bs-btn-focus-border-color: var(--bs-info-500);
7263
- --bs-btn-focus-color: var(--bs-info-500);
7264
- --bs-btn-active-bg: var(--bs-info-200);
7265
- --bs-btn-active-border-color: var(--bs-info-500);
7266
- --bs-btn-active-color: var(--bs-info-500);
7267
- --bs-btn-disabled-bg: transparent;
7268
- --bs-btn-disabled-border-color: var(--bs-info-100);
7269
- --bs-btn-disabled-color: var(--bs-gray-700);
7270
- --bs-gradient: none;
7159
+ --bs-btn-color: var(--bs-btn-outline-info-color);
7160
+ --bs-btn-bg: var(--bs-btn-outline-info-bg);
7161
+ --bs-btn-border-color: var(--bs-btn-outline-info-border-color);
7162
+ --bs-btn-hover-color: var(--bs-btn-outline-info-hover-color);
7163
+ --bs-btn-hover-bg: var(--bs-btn-outline-info-hover-bg);
7164
+ --bs-btn-hover-border-color: var(--bs-btn-outline-info-hover-border-color);
7165
+ --bs-btn-focus-color: var(--bs-btn-outline-info-focus-color);
7166
+ --bs-btn-focus-bg: var(--bs-btn-outline-info-focus-bg);
7167
+ --bs-btn-focus-border-color: var(--bs-btn-outline-info-focus-border-color);
7168
+ --bs-btn-active-color: var(--bs-btn-outline-info-active-color);
7169
+ --bs-btn-active-bg: var(--bs-btn-outline-info-active-bg);
7170
+ --bs-btn-active-border-color: var(--bs-btn-outline-info-active-border-color);
7171
+ --bs-btn-disabled-color: var(--bs-btn-outline-info-disabled-color);
7172
+ --bs-btn-disabled-bg: var(--bs-btn-outline-info-disabled-bg);
7173
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-info-disabled-border-color);
7174
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-info-disabled-opacity);
7271
7175
  }
7272
7176
  .btn-outline-info.loading {
7273
- --bs-btn-disabled-opacity: 1;
7274
- --bs-btn-disabled-bg: transparent;
7275
- --bs-btn-disabled-border-color: var(--bs-info-500);
7276
- --bs-btn-disabled-color: var(--bs-info-500);
7177
+ --bs-btn-disabled-color: var(--bs-btn-outline-info-active-color);
7178
+ --bs-btn-disabled-bg: var(--bs-btn-outline-info-active-bg);
7179
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-info-active-border-color);
7277
7180
  }
7278
7181
 
7279
7182
  .btn-link-info {
7280
- --bs-btn-bg: transparent;
7281
- --bs-btn-border-color: transparent;
7282
- --bs-btn-color: var(--bs-info-600);
7283
- --bs-btn-hover-bg: var(--bs-info-100);
7284
- --bs-btn-hover-border-color: transparent;
7285
- --bs-btn-hover-color: var(--bs-info-600);
7286
- --bs-btn-focus-bg: transparent;
7287
- --bs-btn-focus-border-color: transparent;
7288
- --bs-btn-focus-color: var(--bs-info-600);
7289
- --bs-btn-active-bg: var(--bs-info-200);
7290
- --bs-btn-active-border-color: transparent;
7291
- --bs-btn-active-color: var(--bs-info-600);
7292
- --bs-btn-disabled-bg: transparent;
7293
- --bs-btn-disabled-border-color: transparent;
7294
- --bs-btn-disabled-color: var(--bs-info-300);
7295
- --bs-btn-focus-outline-offset: 0;
7296
- }
7297
- .btn-link-info span {
7298
- text-decoration: underline;
7183
+ --bs-btn-color: var(--bs-btn-link-info-color);
7184
+ --bs-btn-bg: var(--bs-btn-link-info-bg);
7185
+ --bs-btn-border-color: var(--bs-btn-link-info-border-color);
7186
+ --bs-btn-hover-color: var(--bs-btn-link-info-hover-color);
7187
+ --bs-btn-hover-bg: var(--bs-btn-link-info-hover-bg);
7188
+ --bs-btn-hover-border-color: var(--bs-btn-link-info-hover-border-color);
7189
+ --bs-btn-focus-color: var(--bs-btn-link-info-focus-color);
7190
+ --bs-btn-focus-bg: var(--bs-btn-link-info-focus-bg);
7191
+ --bs-btn-focus-border-color: var(--bs-btn-link-info-focus-border-color);
7192
+ --bs-btn-active-color: var(--bs-btn-link-info-active-color);
7193
+ --bs-btn-active-bg: var(--bs-btn-link-info-active-bg);
7194
+ --bs-btn-active-border-color: var(--bs-btn-link-info-active-border-color);
7195
+ --bs-btn-disabled-color: var(--bs-btn-link-info-disabled-color);
7196
+ --bs-btn-disabled-bg: var(--bs-btn-link-info-disabled-bg);
7197
+ --bs-btn-disabled-border-color: var(--bs-btn-link-info-disabled-border-color);
7198
+ --bs-btn-disabled-opacity: var(--bs-btn-link-info-disabled-opacity);
7299
7199
  }
7300
7200
  .btn-link-info.loading {
7301
- --bs-btn-disabled-opacity: 1;
7302
- --bs-btn-disabled-bg: transparent;
7303
- --bs-btn-disabled-border-color: transparent;
7304
- --bs-btn-disabled-color: var(--bs-info-600);
7201
+ --bs-btn-disabled-color: var(--bs-btn-link-info-active-color);
7202
+ --bs-btn-disabled-bg: var(--bs-btn-link-info-active-bg);
7203
+ --bs-btn-disabled-border-color: var(--bs-btn-link-info-active-border-color);
7305
7204
  }
7306
7205
 
7307
7206
  .btn-warning {
7308
- --bs-btn-color: var(--bs-black);
7309
- --bs-btn-bg: var(--bs-warning-500);
7310
- --bs-btn-border-color: var(--bs-warning-500);
7311
- --bs-btn-hover-color: var(--bs-black);
7312
- --bs-btn-hover-bg: var(--bs-warning-600);
7313
- --bs-btn-hover-border-color: var(--bs-warning-600);
7314
- --bs-btn-focus-color: var(--bs-black);
7315
- --bs-btn-focus-bg: var(--bs-warning-600);
7316
- --bs-btn-focus-border-color: var(--bs-warning-600);
7317
- --bs-btn-active-color: var(--bs-black);
7318
- --bs-btn-active-bg: var(--bs-warning-700);
7319
- --bs-btn-active-border-color: var(--bs-warning-700);
7320
- --bs-btn-disabled-color: var(--bs-gray-700);
7321
- --bs-btn-disabled-bg: var(--bs-warning-100);
7322
- --bs-btn-disabled-border-color: var(--bs-warning-100);
7207
+ --bs-btn-color: var(--bs-btn-warning-color);
7208
+ --bs-btn-bg: var(--bs-btn-warning-bg);
7209
+ --bs-btn-border-color: var(--bs-btn-warning-border-color);
7210
+ --bs-btn-hover-color: var(--bs-btn-warning-hover-color);
7211
+ --bs-btn-hover-bg: var(--bs-btn-warning-hover-bg);
7212
+ --bs-btn-hover-border-color: var(--bs-btn-warning-hover-border-color);
7213
+ --bs-btn-focus-color: var(--bs-btn-warning-focus-color);
7214
+ --bs-btn-focus-bg: var(--bs-btn-warning-focus-bg);
7215
+ --bs-btn-focus-border-color: var(--bs-btn-warning-focus-border-color);
7216
+ --bs-btn-active-color: var(--bs-btn-warning-active-color);
7217
+ --bs-btn-active-bg: var(--bs-btn-warning-active-bg);
7218
+ --bs-btn-active-border-color: var(--bs-btn-warning-active-border-color);
7219
+ --bs-btn-disabled-color: var(--bs-btn-warning-disabled-color);
7220
+ --bs-btn-disabled-bg: var(--bs-btn-warning-disabled-bg);
7221
+ --bs-btn-disabled-border-color: var(--bs-btn-warning-disabled-border-color);
7222
+ --bs-btn-disabled-opacity: var(--bs-btn-warning-disabled-opacity);
7323
7223
  }
7324
7224
  .btn-warning.loading {
7325
- --bs-btn-disabled-opacity: 1;
7326
- --bs-btn-disabled-bg: var(--bs-warning-700);
7327
- --bs-btn-disabled-border-color: var(--bs-warning-700);
7328
- --bs-btn-disabled-color: var(--bs-black);
7225
+ --bs-btn-disabled-color: var(--bs-btn-warning-active-color);
7226
+ --bs-btn-disabled-bg: var(--bs-btn-warning-active-bg);
7227
+ --bs-btn-disabled-border-color: var(--bs-btn-warning-active-border-color);
7329
7228
  }
7330
7229
 
7331
7230
  .btn-outline-warning {
7332
- --bs-btn-bg: transparent;
7333
- --bs-btn-border-color: var(--bs-warning-500);
7334
- --bs-btn-color: var(--bs-warning-500);
7335
- --bs-btn-hover-bg: var(--bs-warning-100);
7336
- --bs-btn-hover-border-color: var(--bs-warning-500);
7337
- --bs-btn-hover-color: var(--bs-warning-500);
7338
- --bs-btn-focus-bg: var(--bs-warning-100);
7339
- --bs-btn-focus-border-color: var(--bs-warning-500);
7340
- --bs-btn-focus-color: var(--bs-warning-500);
7341
- --bs-btn-active-bg: var(--bs-warning-200);
7342
- --bs-btn-active-border-color: var(--bs-warning-500);
7343
- --bs-btn-active-color: var(--bs-warning-500);
7344
- --bs-btn-disabled-bg: transparent;
7345
- --bs-btn-disabled-border-color: var(--bs-warning-100);
7346
- --bs-btn-disabled-color: var(--bs-gray-700);
7347
- --bs-gradient: none;
7231
+ --bs-btn-color: var(--bs-btn-outline-warning-color);
7232
+ --bs-btn-bg: var(--bs-btn-outline-warning-bg);
7233
+ --bs-btn-border-color: var(--bs-btn-outline-warning-border-color);
7234
+ --bs-btn-hover-color: var(--bs-btn-outline-warning-hover-color);
7235
+ --bs-btn-hover-bg: var(--bs-btn-outline-warning-hover-bg);
7236
+ --bs-btn-hover-border-color: var(--bs-btn-outline-warning-hover-border-color);
7237
+ --bs-btn-focus-color: var(--bs-btn-outline-warning-focus-color);
7238
+ --bs-btn-focus-bg: var(--bs-btn-outline-warning-focus-bg);
7239
+ --bs-btn-focus-border-color: var(--bs-btn-outline-warning-focus-border-color);
7240
+ --bs-btn-active-color: var(--bs-btn-outline-warning-active-color);
7241
+ --bs-btn-active-bg: var(--bs-btn-outline-warning-active-bg);
7242
+ --bs-btn-active-border-color: var(--bs-btn-outline-warning-active-border-color);
7243
+ --bs-btn-disabled-color: var(--bs-btn-outline-warning-disabled-color);
7244
+ --bs-btn-disabled-bg: var(--bs-btn-outline-warning-disabled-bg);
7245
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-warning-disabled-border-color);
7246
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-warning-disabled-opacity);
7348
7247
  }
7349
7248
  .btn-outline-warning.loading {
7350
- --bs-btn-disabled-opacity: 1;
7351
- --bs-btn-disabled-bg: transparent;
7352
- --bs-btn-disabled-border-color: var(--bs-warning-500);
7353
- --bs-btn-disabled-color: var(--bs-warning-500);
7249
+ --bs-btn-disabled-color: var(--bs-btn-outline-warning-active-color);
7250
+ --bs-btn-disabled-bg: var(--bs-btn-outline-warning-active-bg);
7251
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-warning-active-border-color);
7354
7252
  }
7355
7253
 
7356
7254
  .btn-link-warning {
7357
- --bs-btn-bg: transparent;
7358
- --bs-btn-border-color: transparent;
7359
- --bs-btn-color: var(--bs-warning-600);
7360
- --bs-btn-hover-bg: var(--bs-warning-100);
7361
- --bs-btn-hover-border-color: transparent;
7362
- --bs-btn-hover-color: var(--bs-warning-600);
7363
- --bs-btn-focus-bg: transparent;
7364
- --bs-btn-focus-border-color: transparent;
7365
- --bs-btn-focus-color: var(--bs-warning-600);
7366
- --bs-btn-active-bg: var(--bs-warning-200);
7367
- --bs-btn-active-border-color: transparent;
7368
- --bs-btn-active-color: var(--bs-warning-600);
7369
- --bs-btn-disabled-bg: transparent;
7370
- --bs-btn-disabled-border-color: transparent;
7371
- --bs-btn-disabled-color: var(--bs-warning-300);
7372
- --bs-btn-focus-outline-offset: 0;
7373
- }
7374
- .btn-link-warning span {
7375
- text-decoration: underline;
7255
+ --bs-btn-color: var(--bs-btn-link-warning-color);
7256
+ --bs-btn-bg: var(--bs-btn-link-warning-bg);
7257
+ --bs-btn-border-color: var(--bs-btn-link-warning-border-color);
7258
+ --bs-btn-hover-color: var(--bs-btn-link-warning-hover-color);
7259
+ --bs-btn-hover-bg: var(--bs-btn-link-warning-hover-bg);
7260
+ --bs-btn-hover-border-color: var(--bs-btn-link-warning-hover-border-color);
7261
+ --bs-btn-focus-color: var(--bs-btn-link-warning-focus-color);
7262
+ --bs-btn-focus-bg: var(--bs-btn-link-warning-focus-bg);
7263
+ --bs-btn-focus-border-color: var(--bs-btn-link-warning-focus-border-color);
7264
+ --bs-btn-active-color: var(--bs-btn-link-warning-active-color);
7265
+ --bs-btn-active-bg: var(--bs-btn-link-warning-active-bg);
7266
+ --bs-btn-active-border-color: var(--bs-btn-link-warning-active-border-color);
7267
+ --bs-btn-disabled-color: var(--bs-btn-link-warning-disabled-color);
7268
+ --bs-btn-disabled-bg: var(--bs-btn-link-warning-disabled-bg);
7269
+ --bs-btn-disabled-border-color: var(--bs-btn-link-warning-disabled-border-color);
7270
+ --bs-btn-disabled-opacity: var(--bs-btn-link-warning-disabled-opacity);
7376
7271
  }
7377
7272
  .btn-link-warning.loading {
7378
- --bs-btn-disabled-opacity: 1;
7379
- --bs-btn-disabled-bg: transparent;
7380
- --bs-btn-disabled-border-color: transparent;
7381
- --bs-btn-disabled-color: var(--bs-warning-600);
7273
+ --bs-btn-disabled-color: var(--bs-btn-link-warning-active-color);
7274
+ --bs-btn-disabled-bg: var(--bs-btn-link-warning-active-bg);
7275
+ --bs-btn-disabled-border-color: var(--bs-btn-link-warning-active-border-color);
7382
7276
  }
7383
7277
 
7384
7278
  .btn-danger {
7385
- --bs-btn-color: var(--bs-white);
7386
- --bs-btn-bg: var(--bs-danger-500);
7387
- --bs-btn-border-color: var(--bs-danger-500);
7388
- --bs-btn-hover-color: var(--bs-white);
7389
- --bs-btn-hover-bg: var(--bs-danger-600);
7390
- --bs-btn-hover-border-color: var(--bs-danger-600);
7391
- --bs-btn-focus-color: var(--bs-white);
7392
- --bs-btn-focus-bg: var(--bs-danger-600);
7393
- --bs-btn-focus-border-color: var(--bs-danger-600);
7394
- --bs-btn-active-color: var(--bs-white);
7395
- --bs-btn-active-bg: var(--bs-danger-700);
7396
- --bs-btn-active-border-color: var(--bs-danger-700);
7397
- --bs-btn-disabled-color: var(--bs-gray-700);
7398
- --bs-btn-disabled-bg: var(--bs-danger-100);
7399
- --bs-btn-disabled-border-color: var(--bs-danger-100);
7279
+ --bs-btn-color: var(--bs-btn-danger-color);
7280
+ --bs-btn-bg: var(--bs-btn-danger-bg);
7281
+ --bs-btn-border-color: var(--bs-btn-danger-border-color);
7282
+ --bs-btn-hover-color: var(--bs-btn-danger-hover-color);
7283
+ --bs-btn-hover-bg: var(--bs-btn-danger-hover-bg);
7284
+ --bs-btn-hover-border-color: var(--bs-btn-danger-hover-border-color);
7285
+ --bs-btn-focus-color: var(--bs-btn-danger-focus-color);
7286
+ --bs-btn-focus-bg: var(--bs-btn-danger-focus-bg);
7287
+ --bs-btn-focus-border-color: var(--bs-btn-danger-focus-border-color);
7288
+ --bs-btn-active-color: var(--bs-btn-danger-active-color);
7289
+ --bs-btn-active-bg: var(--bs-btn-danger-active-bg);
7290
+ --bs-btn-active-border-color: var(--bs-btn-danger-active-border-color);
7291
+ --bs-btn-disabled-color: var(--bs-btn-danger-disabled-color);
7292
+ --bs-btn-disabled-bg: var(--bs-btn-danger-disabled-bg);
7293
+ --bs-btn-disabled-border-color: var(--bs-btn-danger-disabled-border-color);
7294
+ --bs-btn-disabled-opacity: var(--bs-btn-danger-disabled-opacity);
7400
7295
  }
7401
7296
  .btn-danger.loading {
7402
- --bs-btn-disabled-opacity: 1;
7403
- --bs-btn-disabled-bg: var(--bs-danger-700);
7404
- --bs-btn-disabled-border-color: var(--bs-danger-700);
7405
- --bs-btn-disabled-color: var(--bs-white);
7297
+ --bs-btn-disabled-color: var(--bs-btn-danger-active-color);
7298
+ --bs-btn-disabled-bg: var(--bs-btn-danger-active-bg);
7299
+ --bs-btn-disabled-border-color: var(--bs-btn-danger-active-border-color);
7406
7300
  }
7407
7301
 
7408
7302
  .btn-outline-danger {
7409
- --bs-btn-bg: transparent;
7410
- --bs-btn-border-color: var(--bs-danger-500);
7411
- --bs-btn-color: var(--bs-danger-500);
7412
- --bs-btn-hover-bg: var(--bs-danger-100);
7413
- --bs-btn-hover-border-color: var(--bs-danger-500);
7414
- --bs-btn-hover-color: var(--bs-danger-500);
7415
- --bs-btn-focus-bg: var(--bs-danger-100);
7416
- --bs-btn-focus-border-color: var(--bs-danger-500);
7417
- --bs-btn-focus-color: var(--bs-danger-500);
7418
- --bs-btn-active-bg: var(--bs-danger-200);
7419
- --bs-btn-active-border-color: var(--bs-danger-500);
7420
- --bs-btn-active-color: var(--bs-danger-500);
7421
- --bs-btn-disabled-bg: transparent;
7422
- --bs-btn-disabled-border-color: var(--bs-danger-100);
7423
- --bs-btn-disabled-color: var(--bs-gray-700);
7424
- --bs-gradient: none;
7303
+ --bs-btn-color: var(--bs-btn-outline-danger-color);
7304
+ --bs-btn-bg: var(--bs-btn-outline-danger-bg);
7305
+ --bs-btn-border-color: var(--bs-btn-outline-danger-border-color);
7306
+ --bs-btn-hover-color: var(--bs-btn-outline-danger-hover-color);
7307
+ --bs-btn-hover-bg: var(--bs-btn-outline-danger-hover-bg);
7308
+ --bs-btn-hover-border-color: var(--bs-btn-outline-danger-hover-border-color);
7309
+ --bs-btn-focus-color: var(--bs-btn-outline-danger-focus-color);
7310
+ --bs-btn-focus-bg: var(--bs-btn-outline-danger-focus-bg);
7311
+ --bs-btn-focus-border-color: var(--bs-btn-outline-danger-focus-border-color);
7312
+ --bs-btn-active-color: var(--bs-btn-outline-danger-active-color);
7313
+ --bs-btn-active-bg: var(--bs-btn-outline-danger-active-bg);
7314
+ --bs-btn-active-border-color: var(--bs-btn-outline-danger-active-border-color);
7315
+ --bs-btn-disabled-color: var(--bs-btn-outline-danger-disabled-color);
7316
+ --bs-btn-disabled-bg: var(--bs-btn-outline-danger-disabled-bg);
7317
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-danger-disabled-border-color);
7318
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-danger-disabled-opacity);
7425
7319
  }
7426
7320
  .btn-outline-danger.loading {
7427
- --bs-btn-disabled-opacity: 1;
7428
- --bs-btn-disabled-bg: transparent;
7429
- --bs-btn-disabled-border-color: var(--bs-danger-500);
7430
- --bs-btn-disabled-color: var(--bs-danger-500);
7321
+ --bs-btn-disabled-color: var(--bs-btn-outline-danger-active-color);
7322
+ --bs-btn-disabled-bg: var(--bs-btn-outline-danger-active-bg);
7323
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-danger-active-border-color);
7431
7324
  }
7432
7325
 
7433
7326
  .btn-link-danger {
7434
- --bs-btn-bg: transparent;
7435
- --bs-btn-border-color: transparent;
7436
- --bs-btn-color: var(--bs-danger-600);
7437
- --bs-btn-hover-bg: var(--bs-danger-100);
7438
- --bs-btn-hover-border-color: transparent;
7439
- --bs-btn-hover-color: var(--bs-danger-600);
7440
- --bs-btn-focus-bg: transparent;
7441
- --bs-btn-focus-border-color: transparent;
7442
- --bs-btn-focus-color: var(--bs-danger-600);
7443
- --bs-btn-active-bg: var(--bs-danger-200);
7444
- --bs-btn-active-border-color: transparent;
7445
- --bs-btn-active-color: var(--bs-danger-600);
7446
- --bs-btn-disabled-bg: transparent;
7447
- --bs-btn-disabled-border-color: transparent;
7448
- --bs-btn-disabled-color: var(--bs-danger-300);
7449
- --bs-btn-focus-outline-offset: 0;
7450
- }
7451
- .btn-link-danger span {
7452
- text-decoration: underline;
7327
+ --bs-btn-color: var(--bs-btn-link-danger-color);
7328
+ --bs-btn-bg: var(--bs-btn-link-danger-bg);
7329
+ --bs-btn-border-color: var(--bs-btn-link-danger-border-color);
7330
+ --bs-btn-hover-color: var(--bs-btn-link-danger-hover-color);
7331
+ --bs-btn-hover-bg: var(--bs-btn-link-danger-hover-bg);
7332
+ --bs-btn-hover-border-color: var(--bs-btn-link-danger-hover-border-color);
7333
+ --bs-btn-focus-color: var(--bs-btn-link-danger-focus-color);
7334
+ --bs-btn-focus-bg: var(--bs-btn-link-danger-focus-bg);
7335
+ --bs-btn-focus-border-color: var(--bs-btn-link-danger-focus-border-color);
7336
+ --bs-btn-active-color: var(--bs-btn-link-danger-active-color);
7337
+ --bs-btn-active-bg: var(--bs-btn-link-danger-active-bg);
7338
+ --bs-btn-active-border-color: var(--bs-btn-link-danger-active-border-color);
7339
+ --bs-btn-disabled-color: var(--bs-btn-link-danger-disabled-color);
7340
+ --bs-btn-disabled-bg: var(--bs-btn-link-danger-disabled-bg);
7341
+ --bs-btn-disabled-border-color: var(--bs-btn-link-danger-disabled-border-color);
7342
+ --bs-btn-disabled-opacity: var(--bs-btn-link-danger-disabled-opacity);
7453
7343
  }
7454
7344
  .btn-link-danger.loading {
7455
- --bs-btn-disabled-opacity: 1;
7456
- --bs-btn-disabled-bg: transparent;
7457
- --bs-btn-disabled-border-color: transparent;
7458
- --bs-btn-disabled-color: var(--bs-danger-600);
7345
+ --bs-btn-disabled-color: var(--bs-btn-link-danger-active-color);
7346
+ --bs-btn-disabled-bg: var(--bs-btn-link-danger-active-bg);
7347
+ --bs-btn-disabled-border-color: var(--bs-btn-link-danger-active-border-color);
7459
7348
  }
7460
7349
 
7461
7350
  .btn-light {
7462
- --bs-btn-color: #555564;
7463
- --bs-btn-bg: #f7f7ff;
7464
- --bs-btn-border-color: #f7f7ff;
7465
- --bs-btn-hover-color: #555564;
7466
- --bs-btn-hover-bg: #d2d2d9;
7467
- --bs-btn-hover-border-color: #c6c6cc;
7468
- --bs-btn-focus-shadow-rgb: 223, 223, 232;
7469
- --bs-btn-active-color: #000;
7470
- --bs-btn-active-bg: #c6c6cc;
7471
- --bs-btn-active-border-color: #b9b9bf;
7472
- --bs-btn-active-shadow: none;
7473
- --bs-btn-disabled-color: #555564;
7474
- --bs-btn-disabled-bg: #f7f7ff;
7475
- --bs-btn-disabled-border-color: #f7f7ff;
7351
+ --bs-btn-color: var(--bs-btn-light-color);
7352
+ --bs-btn-bg: var(--bs-btn-light-bg);
7353
+ --bs-btn-border-color: var(--bs-btn-light-border-color);
7354
+ --bs-btn-hover-color: var(--bs-btn-light-hover-color);
7355
+ --bs-btn-hover-bg: var(--bs-btn-light-hover-bg);
7356
+ --bs-btn-hover-border-color: var(--bs-btn-light-hover-border-color);
7357
+ --bs-btn-focus-color: var(--bs-btn-light-focus-color);
7358
+ --bs-btn-focus-bg: var(--bs-btn-light-focus-bg);
7359
+ --bs-btn-focus-border-color: var(--bs-btn-light-focus-border-color);
7360
+ --bs-btn-active-color: var(--bs-btn-light-active-color);
7361
+ --bs-btn-active-bg: var(--bs-btn-light-active-bg);
7362
+ --bs-btn-active-border-color: var(--bs-btn-light-active-border-color);
7363
+ --bs-btn-disabled-color: var(--bs-btn-light-disabled-color);
7364
+ --bs-btn-disabled-bg: var(--bs-btn-light-disabled-bg);
7365
+ --bs-btn-disabled-border-color: var(--bs-btn-light-disabled-border-color);
7366
+ --bs-btn-disabled-opacity: var(--bs-btn-light-disabled-opacity);
7367
+ }
7368
+ .btn-light.loading {
7369
+ --bs-btn-disabled-color: var(--bs-btn-light-active-color);
7370
+ --bs-btn-disabled-bg: var(--bs-btn-light-active-bg);
7371
+ --bs-btn-disabled-border-color: var(--bs-btn-light-active-border-color);
7476
7372
  }
7477
7373
 
7478
7374
  .btn-outline-light {
7479
- --bs-btn-color: #f7f7ff;
7480
- --bs-btn-border-color: #f7f7ff;
7481
- --bs-btn-hover-color: #555564;
7482
- --bs-btn-hover-bg: #f7f7ff;
7483
- --bs-btn-hover-border-color: #f7f7ff;
7484
- --bs-btn-focus-shadow-rgb: 247, 247, 255;
7485
- --bs-btn-active-color: #555564;
7486
- --bs-btn-active-bg: #f7f7ff;
7487
- --bs-btn-active-border-color: #f7f7ff;
7488
- --bs-btn-active-shadow: none;
7489
- --bs-btn-disabled-color: #f7f7ff;
7490
- --bs-btn-disabled-bg: transparent;
7491
- --bs-btn-disabled-border-color: #f7f7ff;
7492
- --bs-gradient: none;
7375
+ --bs-btn-color: var(--bs-btn-outline-light-color);
7376
+ --bs-btn-bg: var(--bs-btn-outline-light-bg);
7377
+ --bs-btn-border-color: var(--bs-btn-outline-light-border-color);
7378
+ --bs-btn-hover-color: var(--bs-btn-outline-light-hover-color);
7379
+ --bs-btn-hover-bg: var(--bs-btn-outline-light-hover-bg);
7380
+ --bs-btn-hover-border-color: var(--bs-btn-outline-light-hover-border-color);
7381
+ --bs-btn-focus-color: var(--bs-btn-outline-light-focus-color);
7382
+ --bs-btn-focus-bg: var(--bs-btn-outline-light-focus-bg);
7383
+ --bs-btn-focus-border-color: var(--bs-btn-outline-light-focus-border-color);
7384
+ --bs-btn-active-color: var(--bs-btn-outline-light-active-color);
7385
+ --bs-btn-active-bg: var(--bs-btn-outline-light-active-bg);
7386
+ --bs-btn-active-border-color: var(--bs-btn-outline-light-active-border-color);
7387
+ --bs-btn-disabled-color: var(--bs-btn-outline-light-disabled-color);
7388
+ --bs-btn-disabled-bg: var(--bs-btn-outline-light-disabled-bg);
7389
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-light-disabled-border-color);
7390
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-light-disabled-opacity);
7391
+ }
7392
+ .btn-outline-light.loading {
7393
+ --bs-btn-disabled-color: var(--bs-btn-outline-light-active-color);
7394
+ --bs-btn-disabled-bg: var(--bs-btn-outline-light-active-bg);
7395
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-light-active-border-color);
7493
7396
  }
7494
7397
 
7495
7398
  .btn-link-light {
7496
- --bs-btn-bg: transparent;
7497
- --bs-btn-border-color: transparent;
7498
- --bs-btn-color: #f7f7ff;
7499
- --bs-btn-hover-bg: var(--bs-gray-300);
7500
- --bs-btn-hover-border-color: transparent;
7501
- --bs-btn-hover-color: #f7f7ff;
7502
- --bs-btn-focus-bg: transparent;
7503
- --bs-btn-focus-border-color: transparent;
7504
- --bs-btn-focus-color: #f7f7ff;
7505
- --bs-btn-active-bg: var(--bs-gray-500);
7506
- --bs-btn-active-border-color: transparent;
7507
- --bs-btn-active-color: #f7f7ff;
7508
- --bs-btn-disabled-bg: transparent;
7509
- --bs-btn-disabled-border-color: transparent;
7510
- --bs-btn-disabled-color: var(--bs-gray-300);
7511
- --bs-btn-focus-outline-offset: 0;
7512
- }
7513
- .btn-link-light span {
7514
- text-decoration: underline;
7399
+ --bs-btn-color: var(--bs-btn-link-light-color);
7400
+ --bs-btn-bg: var(--bs-btn-link-light-bg);
7401
+ --bs-btn-border-color: var(--bs-btn-link-light-border-color);
7402
+ --bs-btn-hover-color: var(--bs-btn-link-light-hover-color);
7403
+ --bs-btn-hover-bg: var(--bs-btn-link-light-hover-bg);
7404
+ --bs-btn-hover-border-color: var(--bs-btn-link-light-hover-border-color);
7405
+ --bs-btn-focus-color: var(--bs-btn-link-light-focus-color);
7406
+ --bs-btn-focus-bg: var(--bs-btn-link-light-focus-bg);
7407
+ --bs-btn-focus-border-color: var(--bs-btn-link-light-focus-border-color);
7408
+ --bs-btn-active-color: var(--bs-btn-link-light-active-color);
7409
+ --bs-btn-active-bg: var(--bs-btn-link-light-active-bg);
7410
+ --bs-btn-active-border-color: var(--bs-btn-link-light-active-border-color);
7411
+ --bs-btn-disabled-color: var(--bs-btn-link-light-disabled-color);
7412
+ --bs-btn-disabled-bg: var(--bs-btn-link-light-disabled-bg);
7413
+ --bs-btn-disabled-border-color: var(--bs-btn-link-light-disabled-border-color);
7414
+ --bs-btn-disabled-opacity: var(--bs-btn-link-light-disabled-opacity);
7515
7415
  }
7516
7416
  .btn-link-light.loading {
7517
- --bs-btn-disabled-opacity: 1;
7518
- --bs-btn-disabled-bg: transparent;
7519
- --bs-btn-disabled-border-color: transparent;
7520
- --bs-btn-disabled-color: #f7f7ff;
7417
+ --bs-btn-disabled-color: var(--bs-btn-link-light-active-color);
7418
+ --bs-btn-disabled-bg: var(--bs-btn-link-light-active-bg);
7419
+ --bs-btn-disabled-border-color: var(--bs-btn-link-light-active-border-color);
7521
7420
  }
7522
7421
 
7523
7422
  .btn-dark {
7524
- --bs-btn-color: #fff;
7525
- --bs-btn-bg: #161723;
7526
- --bs-btn-border-color: #161723;
7527
- --bs-btn-hover-color: #fff;
7528
- --bs-btn-hover-bg: #393a44;
7529
- --bs-btn-hover-border-color: #2d2e39;
7530
- --bs-btn-focus-shadow-rgb: 57, 58, 68;
7531
- --bs-btn-active-color: #fff;
7532
- --bs-btn-active-bg: #45454f;
7533
- --bs-btn-active-border-color: #2d2e39;
7534
- --bs-btn-active-shadow: none;
7535
- --bs-btn-disabled-color: #fff;
7536
- --bs-btn-disabled-bg: #161723;
7537
- --bs-btn-disabled-border-color: #161723;
7423
+ --bs-btn-color: var(--bs-btn-dark-color);
7424
+ --bs-btn-bg: var(--bs-btn-dark-bg);
7425
+ --bs-btn-border-color: var(--bs-btn-dark-border-color);
7426
+ --bs-btn-hover-color: var(--bs-btn-dark-hover-color);
7427
+ --bs-btn-hover-bg: var(--bs-btn-dark-hover-bg);
7428
+ --bs-btn-hover-border-color: var(--bs-btn-dark-hover-border-color);
7429
+ --bs-btn-focus-color: var(--bs-btn-dark-focus-color);
7430
+ --bs-btn-focus-bg: var(--bs-btn-dark-focus-bg);
7431
+ --bs-btn-focus-border-color: var(--bs-btn-dark-focus-border-color);
7432
+ --bs-btn-active-color: var(--bs-btn-dark-active-color);
7433
+ --bs-btn-active-bg: var(--bs-btn-dark-active-bg);
7434
+ --bs-btn-active-border-color: var(--bs-btn-dark-active-border-color);
7435
+ --bs-btn-disabled-color: var(--bs-btn-dark-disabled-color);
7436
+ --bs-btn-disabled-bg: var(--bs-btn-dark-disabled-bg);
7437
+ --bs-btn-disabled-border-color: var(--bs-btn-dark-disabled-border-color);
7438
+ --bs-btn-disabled-opacity: var(--bs-btn-dark-disabled-opacity);
7439
+ }
7440
+ .btn-dark.loading {
7441
+ --bs-btn-disabled-color: var(--bs-btn-dark-active-color);
7442
+ --bs-btn-disabled-bg: var(--bs-btn-dark-active-bg);
7443
+ --bs-btn-disabled-border-color: var(--bs-btn-dark-active-border-color);
7538
7444
  }
7539
7445
 
7540
7446
  .btn-outline-dark {
7541
- --bs-btn-color: #161723;
7542
- --bs-btn-border-color: #161723;
7543
- --bs-btn-hover-color: #fff;
7544
- --bs-btn-hover-bg: #161723;
7545
- --bs-btn-hover-border-color: #161723;
7546
- --bs-btn-focus-shadow-rgb: 22, 23, 35;
7547
- --bs-btn-active-color: #fff;
7548
- --bs-btn-active-bg: #161723;
7549
- --bs-btn-active-border-color: #161723;
7550
- --bs-btn-active-shadow: none;
7551
- --bs-btn-disabled-color: #161723;
7552
- --bs-btn-disabled-bg: transparent;
7553
- --bs-btn-disabled-border-color: #161723;
7554
- --bs-gradient: none;
7447
+ --bs-btn-color: var(--bs-btn-outline-dark-color);
7448
+ --bs-btn-bg: var(--bs-btn-outline-dark-bg);
7449
+ --bs-btn-border-color: var(--bs-btn-outline-dark-border-color);
7450
+ --bs-btn-hover-color: var(--bs-btn-outline-dark-hover-color);
7451
+ --bs-btn-hover-bg: var(--bs-btn-outline-dark-hover-bg);
7452
+ --bs-btn-hover-border-color: var(--bs-btn-outline-dark-hover-border-color);
7453
+ --bs-btn-focus-color: var(--bs-btn-outline-dark-focus-color);
7454
+ --bs-btn-focus-bg: var(--bs-btn-outline-dark-focus-bg);
7455
+ --bs-btn-focus-border-color: var(--bs-btn-outline-dark-focus-border-color);
7456
+ --bs-btn-active-color: var(--bs-btn-outline-dark-active-color);
7457
+ --bs-btn-active-bg: var(--bs-btn-outline-dark-active-bg);
7458
+ --bs-btn-active-border-color: var(--bs-btn-outline-dark-active-border-color);
7459
+ --bs-btn-disabled-color: var(--bs-btn-outline-dark-disabled-color);
7460
+ --bs-btn-disabled-bg: var(--bs-btn-outline-dark-disabled-bg);
7461
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-dark-disabled-border-color);
7462
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-dark-disabled-opacity);
7463
+ }
7464
+ .btn-outline-dark.loading {
7465
+ --bs-btn-disabled-color: var(--bs-btn-outline-dark-active-color);
7466
+ --bs-btn-disabled-bg: var(--bs-btn-outline-dark-active-bg);
7467
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-dark-active-border-color);
7555
7468
  }
7556
7469
 
7557
7470
  .btn-link-dark {
7558
- --bs-btn-bg: transparent;
7559
- --bs-btn-border-color: transparent;
7560
- --bs-btn-color: #161723;
7561
- --bs-btn-hover-bg: var(--bs-gray-100);
7562
- --bs-btn-hover-border-color: transparent;
7563
- --bs-btn-hover-color: #161723;
7564
- --bs-btn-focus-bg: transparent;
7565
- --bs-btn-focus-border-color: transparent;
7566
- --bs-btn-focus-color: #161723;
7567
- --bs-btn-active-bg: var(--bs-gray-200);
7568
- --bs-btn-active-border-color: transparent;
7569
- --bs-btn-active-color: #161723;
7570
- --bs-btn-disabled-bg: transparent;
7571
- --bs-btn-disabled-border-color: transparent;
7572
- --bs-btn-disabled-color: var(--bs-gray-300);
7573
- --bs-btn-focus-outline-offset: 0;
7574
- }
7575
- .btn-link-dark span {
7576
- text-decoration: underline;
7471
+ --bs-btn-color: var(--bs-btn-link-dark-color);
7472
+ --bs-btn-bg: var(--bs-btn-link-dark-bg);
7473
+ --bs-btn-border-color: var(--bs-btn-link-dark-border-color);
7474
+ --bs-btn-hover-color: var(--bs-btn-link-dark-hover-color);
7475
+ --bs-btn-hover-bg: var(--bs-btn-link-dark-hover-bg);
7476
+ --bs-btn-hover-border-color: var(--bs-btn-link-dark-hover-border-color);
7477
+ --bs-btn-focus-color: var(--bs-btn-link-dark-focus-color);
7478
+ --bs-btn-focus-bg: var(--bs-btn-link-dark-focus-bg);
7479
+ --bs-btn-focus-border-color: var(--bs-btn-link-dark-focus-border-color);
7480
+ --bs-btn-active-color: var(--bs-btn-link-dark-active-color);
7481
+ --bs-btn-active-bg: var(--bs-btn-link-dark-active-bg);
7482
+ --bs-btn-active-border-color: var(--bs-btn-link-dark-active-border-color);
7483
+ --bs-btn-disabled-color: var(--bs-btn-link-dark-disabled-color);
7484
+ --bs-btn-disabled-bg: var(--bs-btn-link-dark-disabled-bg);
7485
+ --bs-btn-disabled-border-color: var(--bs-btn-link-dark-disabled-border-color);
7486
+ --bs-btn-disabled-opacity: var(--bs-btn-link-dark-disabled-opacity);
7577
7487
  }
7578
7488
  .btn-link-dark.loading {
7579
- --bs-btn-disabled-opacity: 1;
7580
- --bs-btn-disabled-bg: transparent;
7581
- --bs-btn-disabled-border-color: transparent;
7582
- --bs-btn-disabled-color: #161723;
7489
+ --bs-btn-disabled-color: var(--bs-btn-link-dark-active-color);
7490
+ --bs-btn-disabled-bg: var(--bs-btn-link-dark-active-bg);
7491
+ --bs-btn-disabled-border-color: var(--bs-btn-link-dark-active-border-color);
7583
7492
  }
7584
7493
 
7585
7494
  .btn-lg, .btn-group-lg > .btn {
@@ -7599,9 +7508,12 @@ body {
7599
7508
  [class*=btn-link-] {
7600
7509
  --bs-btn-text-decoration: var(--bs-link-decoration);
7601
7510
  }
7511
+ [class*=btn-link-] span {
7512
+ text-decoration: underline;
7513
+ }
7602
7514
 
7603
7515
  .btn-link {
7604
- --bs-btn-font-weight: 400;
7516
+ --bs-btn-font-weight: var(--bs-fw-normal);
7605
7517
  --bs-btn-color: var(--bs-link-color);
7606
7518
  --bs-btn-bg: transparent;
7607
7519
  --bs-btn-border-color: transparent;
@@ -7625,8 +7537,18 @@ body {
7625
7537
  color: var(--bs-btn-hover-color);
7626
7538
  }
7627
7539
 
7540
+ .btn-group-vertical .btn {
7541
+ --bs-btn-border-radius: var(--bs-border-radius-sm);
7542
+ }
7543
+ .btn-group-vertical.btn-group-lg .btn {
7544
+ --bs-btn-border-radius: var(--bs-border-radius);
7545
+ }
7546
+ .btn-group-vertical.btn-group-sm .btn {
7547
+ --bs-btn-border-radius: var(--bs-border-radius-sm);
7548
+ }
7549
+
7628
7550
  .progress {
7629
- --bs-progress-bar-font-weight: var(--bs-ref-fw-bold);
7551
+ --bs-progress-bar-font-weight: var(--bs-fw-bold);
7630
7552
  font-weight: var(--bs-progress-bar-font-weight);
7631
7553
  }
7632
7554
  .progress .progress-bar:not(:empty) {
@@ -7850,6 +7772,126 @@ label .d-icon {
7850
7772
  --bs-icon-color: var(--bs-focus-ring-color);
7851
7773
  }
7852
7774
 
7775
+ .avatar {
7776
+ --bs-avatar-size: var(--bs-ref-spacer-8);
7777
+ --bs-avatar-title-bg: var(--bs-gray-500);
7778
+ --bs-avatar-title-color: var(--bs-white);
7779
+ --bs-avatar-radius: var(--bs-border-radius-pill);
7780
+ position: relative;
7781
+ display: inline-block;
7782
+ width: var(--bs-avatar-size);
7783
+ height: var(--bs-avatar-size);
7784
+ font-size: calc(var(--bs-avatar-size) / 3);
7785
+ }
7786
+ .avatar .avatar-img {
7787
+ width: 100%;
7788
+ height: 100%;
7789
+ -o-object-fit: cover;
7790
+ object-fit: cover;
7791
+ border-radius: var(--bs-avatar-radius);
7792
+ }
7793
+ .avatar .avatar-title {
7794
+ display: flex;
7795
+ align-items: center;
7796
+ justify-content: center;
7797
+ width: 100%;
7798
+ height: 100%;
7799
+ color: var(--bs-avatar-title-color);
7800
+ white-space: pre-wrap;
7801
+ background-color: var(--bs-avatar-title-bg);
7802
+ border-radius: var(--bs-avatar-radius);
7803
+ }
7804
+
7805
+ .avatar-xs {
7806
+ --bs-avatar-size: var(--bs-ref-spacer-4);
7807
+ }
7808
+
7809
+ .avatar-sm {
7810
+ --bs-avatar-size: var(--bs-ref-spacer-6);
7811
+ }
7812
+
7813
+ .avatar-lg {
7814
+ --bs-avatar-size: var(--bs-ref-spacer-10);
7815
+ }
7816
+
7817
+ .avatar-xl {
7818
+ --bs-avatar-size: var(--bs-ref-spacer-12);
7819
+ }
7820
+
7821
+ .avatar-xxl {
7822
+ --bs-avatar-size: var(--bs-ref-spacer-14);
7823
+ }
7824
+
7825
+ .avatar-group .avatar-img {
7826
+ box-shadow: -2px 0 2px rgba(0, 0, 0, 0.1);
7827
+ }
7828
+ .avatar-group .avatar + .avatar {
7829
+ margin-left: calc(var(--bs-avatar-size) * -0.25);
7830
+ }
7831
+
7832
+ .backdrop {
7833
+ --bs-backdrop-zindex: 1055;
7834
+ --bs-backdrop-bg: var(--bs-black);
7835
+ --bs-backdrop-opacity: 0.3;
7836
+ position: fixed;
7837
+ top: 0;
7838
+ left: 0;
7839
+ z-index: var(--bs-backdrop-zindex);
7840
+ width: 100vw;
7841
+ height: 100vh;
7842
+ background-color: var(--bs-backdrop-bg);
7843
+ }
7844
+ .backdrop.fade {
7845
+ opacity: 0;
7846
+ }
7847
+ .backdrop.show {
7848
+ opacity: var(--bs-backdrop-opacity);
7849
+ }
7850
+
7851
+ .tooltip {
7852
+ --bs-tooltip-sm-font-size: var(--bs-fs-small);
7853
+ --bs-tooltip-lg-font-size: var(--bs-fs-6);
7854
+ fill: var(--bs-tooltip-bg);
7855
+ }
7856
+ .tooltip.tooltip-sm {
7857
+ --bs-tooltip-font-size: var(--bs-tooltip-sm-font-size);
7858
+ }
7859
+ .tooltip.tooltip-lg {
7860
+ --bs-tooltip-font-size: var(--bs-tooltip-lg-font-size);
7861
+ }
7862
+ .tooltip.tooltip-primary {
7863
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
7864
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-primary));
7865
+ }
7866
+ .tooltip.tooltip-secondary {
7867
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
7868
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-secondary));
7869
+ }
7870
+ .tooltip.tooltip-success {
7871
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
7872
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-success));
7873
+ }
7874
+ .tooltip.tooltip-info {
7875
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
7876
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-info));
7877
+ }
7878
+ .tooltip.tooltip-warning {
7879
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-black));
7880
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-warning));
7881
+ }
7882
+ .tooltip.tooltip-danger {
7883
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
7884
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-danger));
7885
+ }
7886
+ .tooltip.tooltip-light {
7887
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-gray-700));
7888
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-light));
7889
+ }
7890
+ .tooltip.tooltip-dark {
7891
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
7892
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-dark));
7893
+ }
7894
+
7853
7895
  :root {
7854
7896
  --toastify-color-light: #fff;
7855
7897
  --toastify-color-dark: #121212;
@@ -7863,9 +7905,15 @@ label .d-icon {
7863
7905
  --toastify-icon-color-warning: var(--toastify-color-warning);
7864
7906
  --toastify-icon-color-error: var(--toastify-color-error);
7865
7907
  --toastify-toast-width: 320px;
7908
+ --toastify-toast-offset: 16px;
7909
+ --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
7910
+ --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
7911
+ --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
7912
+ --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
7866
7913
  --toastify-toast-background: #fff;
7867
7914
  --toastify-toast-min-height: 64px;
7868
7915
  --toastify-toast-max-height: 800px;
7916
+ --toastify-toast-bd-radius: 6px;
7869
7917
  --toastify-font-family: sans-serif;
7870
7918
  --toastify-z-index: 9999;
7871
7919
  --toastify-text-color-light: #757575;
@@ -7890,6 +7938,7 @@ label .d-icon {
7890
7938
  --toastify-color-progress-success: var(--toastify-color-success);
7891
7939
  --toastify-color-progress-warning: var(--toastify-color-warning);
7892
7940
  --toastify-color-progress-error: var(--toastify-color-error);
7941
+ --toastify-color-progress-bgo: 0.2;
7893
7942
  }
7894
7943
 
7895
7944
  .Toastify__toast-container {
@@ -7902,69 +7951,116 @@ label .d-icon {
7902
7951
  color: #fff;
7903
7952
  }
7904
7953
  .Toastify__toast-container--top-left {
7905
- top: 1em;
7906
- left: 1em;
7954
+ top: var(--toastify-toast-top);
7955
+ left: var(--toastify-toast-left);
7907
7956
  }
7908
7957
  .Toastify__toast-container--top-center {
7909
- top: 1em;
7958
+ top: var(--toastify-toast-top);
7910
7959
  left: 50%;
7911
7960
  transform: translateX(-50%);
7912
7961
  }
7913
7962
  .Toastify__toast-container--top-right {
7914
- top: 1em;
7915
- right: 1em;
7963
+ top: var(--toastify-toast-top);
7964
+ right: var(--toastify-toast-right);
7916
7965
  }
7917
7966
  .Toastify__toast-container--bottom-left {
7918
- bottom: 1em;
7919
- left: 1em;
7967
+ bottom: var(--toastify-toast-bottom);
7968
+ left: var(--toastify-toast-left);
7920
7969
  }
7921
7970
  .Toastify__toast-container--bottom-center {
7922
- bottom: 1em;
7971
+ bottom: var(--toastify-toast-bottom);
7923
7972
  left: 50%;
7924
7973
  transform: translateX(-50%);
7925
7974
  }
7926
7975
  .Toastify__toast-container--bottom-right {
7927
- bottom: 1em;
7928
- right: 1em;
7976
+ bottom: var(--toastify-toast-bottom);
7977
+ right: var(--toastify-toast-right);
7929
7978
  }
7930
7979
 
7931
7980
  @media only screen and (max-width : 480px) {
7932
7981
  .Toastify__toast-container {
7933
7982
  width: 100vw;
7934
7983
  padding: 0;
7935
- left: 0;
7984
+ left: env(safe-area-inset-left);
7936
7985
  margin: 0;
7937
7986
  }
7938
7987
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
7939
- top: 0;
7988
+ top: env(safe-area-inset-top);
7940
7989
  transform: translateX(0);
7941
7990
  }
7942
7991
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
7943
- bottom: 0;
7992
+ bottom: env(safe-area-inset-bottom);
7944
7993
  transform: translateX(0);
7945
7994
  }
7946
7995
  .Toastify__toast-container--rtl {
7947
- right: 0;
7996
+ right: env(safe-area-inset-right);
7948
7997
  left: initial;
7949
7998
  }
7950
7999
  }
7951
- .Toastify__toast {
7952
- position: relative;
7953
- min-height: var(--toastify-toast-min-height);
7954
- box-sizing: border-box;
7955
- margin-bottom: 1rem;
7956
- padding: 8px;
7957
- border-radius: 4px;
7958
- box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
7959
- display: flex;
7960
- justify-content: space-between;
7961
- max-height: var(--toastify-toast-max-height);
7962
- overflow: hidden;
7963
- font-family: var(--toastify-font-family);
7964
- cursor: default;
7965
- direction: ltr;
7966
- /* webkit only issue #791 */
7967
- z-index: 0;
8000
+ .Toastify__toast {
8001
+ --y: 0;
8002
+ position: relative;
8003
+ touch-action: none;
8004
+ min-height: var(--toastify-toast-min-height);
8005
+ box-sizing: border-box;
8006
+ margin-bottom: 1rem;
8007
+ padding: 8px;
8008
+ border-radius: var(--toastify-toast-bd-radius);
8009
+ box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
8010
+ display: flex;
8011
+ justify-content: space-between;
8012
+ max-height: var(--toastify-toast-max-height);
8013
+ font-family: var(--toastify-font-family);
8014
+ cursor: default;
8015
+ direction: ltr;
8016
+ /* webkit only issue #791 */
8017
+ z-index: 0;
8018
+ overflow: hidden;
8019
+ }
8020
+ .Toastify__toast--stacked {
8021
+ position: absolute;
8022
+ width: 100%;
8023
+ transform: translate3d(0, var(--y), 0) scale(var(--s));
8024
+ transition: transform 0.3s;
8025
+ }
8026
+ .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
8027
+ transition: opacity 0.1s;
8028
+ }
8029
+ .Toastify__toast--stacked[data-collapsed=false] {
8030
+ overflow: visible;
8031
+ }
8032
+ .Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
8033
+ opacity: 0;
8034
+ }
8035
+ .Toastify__toast--stacked:after {
8036
+ content: "";
8037
+ position: absolute;
8038
+ left: 0;
8039
+ right: 0;
8040
+ height: calc(var(--g) * 1px);
8041
+ bottom: 100%;
8042
+ }
8043
+ .Toastify__toast--stacked[data-pos=top] {
8044
+ top: 0;
8045
+ }
8046
+ .Toastify__toast--stacked[data-pos=bot] {
8047
+ bottom: 0;
8048
+ }
8049
+ .Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
8050
+ transform-origin: top;
8051
+ }
8052
+ .Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
8053
+ transform-origin: bottom;
8054
+ }
8055
+ .Toastify__toast--stacked:before {
8056
+ content: "";
8057
+ position: absolute;
8058
+ left: 0;
8059
+ right: 0;
8060
+ bottom: 0;
8061
+ height: 100%;
8062
+ transform: scaleY(3);
8063
+ z-index: -1;
7968
8064
  }
7969
8065
  .Toastify__toast--rtl {
7970
8066
  direction: rtl;
@@ -7993,7 +8089,7 @@ label .d-icon {
7993
8089
 
7994
8090
  .Toastify--animate {
7995
8091
  animation-fill-mode: both;
7996
- animation-duration: 0.7s;
8092
+ animation-duration: 0.5s;
7997
8093
  }
7998
8094
 
7999
8095
  .Toastify--animate-icon {
@@ -8068,6 +8164,7 @@ label .d-icon {
8068
8164
  opacity: 0.7;
8069
8165
  transition: 0.3s ease;
8070
8166
  align-self: flex-start;
8167
+ z-index: 1;
8071
8168
  }
8072
8169
  .Toastify__close-button--light {
8073
8170
  color: #000;
@@ -8095,10 +8192,11 @@ label .d-icon {
8095
8192
  bottom: 0;
8096
8193
  left: 0;
8097
8194
  width: 100%;
8098
- height: 5px;
8195
+ height: 100%;
8099
8196
  z-index: var(--toastify-z-index);
8100
8197
  opacity: 0.7;
8101
8198
  transform-origin: left;
8199
+ border-bottom-left-radius: var(--toastify-toast-bd-radius);
8102
8200
  }
8103
8201
  .Toastify__progress-bar--animated {
8104
8202
  animation: Toastify__trackProgress linear 1 forwards;
@@ -8110,6 +8208,24 @@ label .d-icon {
8110
8208
  right: 0;
8111
8209
  left: initial;
8112
8210
  transform-origin: right;
8211
+ border-bottom-left-radius: initial;
8212
+ border-bottom-right-radius: var(--toastify-toast-bd-radius);
8213
+ }
8214
+ .Toastify__progress-bar--wrp {
8215
+ position: absolute;
8216
+ bottom: 0;
8217
+ left: 0;
8218
+ width: 100%;
8219
+ height: 5px;
8220
+ border-bottom-left-radius: var(--toastify-toast-bd-radius);
8221
+ }
8222
+ .Toastify__progress-bar--wrp[data-hidden=true] {
8223
+ opacity: 0;
8224
+ }
8225
+ .Toastify__progress-bar--bg {
8226
+ opacity: var(--toastify-color-progress-bgo);
8227
+ width: 100%;
8228
+ height: 100%;
8113
8229
  }
8114
8230
 
8115
8231
  .Toastify__spinner {
@@ -8148,11 +8264,11 @@ label .d-icon {
8148
8264
  @keyframes Toastify__bounceOutRight {
8149
8265
  20% {
8150
8266
  opacity: 1;
8151
- transform: translate3d(-20px, 0, 0);
8267
+ transform: translate3d(-20px, var(--y), 0);
8152
8268
  }
8153
8269
  to {
8154
8270
  opacity: 0;
8155
- transform: translate3d(2000px, 0, 0);
8271
+ transform: translate3d(2000px, var(--y), 0);
8156
8272
  }
8157
8273
  }
8158
8274
  @keyframes Toastify__bounceInLeft {
@@ -8180,11 +8296,11 @@ label .d-icon {
8180
8296
  @keyframes Toastify__bounceOutLeft {
8181
8297
  20% {
8182
8298
  opacity: 1;
8183
- transform: translate3d(20px, 0, 0);
8299
+ transform: translate3d(20px, var(--y), 0);
8184
8300
  }
8185
8301
  to {
8186
8302
  opacity: 0;
8187
- transform: translate3d(-2000px, 0, 0);
8303
+ transform: translate3d(-2000px, var(--y), 0);
8188
8304
  }
8189
8305
  }
8190
8306
  @keyframes Toastify__bounceInUp {
@@ -8211,11 +8327,11 @@ label .d-icon {
8211
8327
  }
8212
8328
  @keyframes Toastify__bounceOutUp {
8213
8329
  20% {
8214
- transform: translate3d(0, -10px, 0);
8330
+ transform: translate3d(0, calc(var(--y) - 10px), 0);
8215
8331
  }
8216
8332
  40%, 45% {
8217
8333
  opacity: 1;
8218
- transform: translate3d(0, 20px, 0);
8334
+ transform: translate3d(0, calc(var(--y) + 20px), 0);
8219
8335
  }
8220
8336
  to {
8221
8337
  opacity: 0;
@@ -8246,11 +8362,11 @@ label .d-icon {
8246
8362
  }
8247
8363
  @keyframes Toastify__bounceOutDown {
8248
8364
  20% {
8249
- transform: translate3d(0, 10px, 0);
8365
+ transform: translate3d(0, calc(var(--y) - 10px), 0);
8250
8366
  }
8251
8367
  40%, 45% {
8252
8368
  opacity: 1;
8253
- transform: translate3d(0, -20px, 0);
8369
+ transform: translate3d(0, calc(var(--y) + 20px), 0);
8254
8370
  }
8255
8371
  to {
8256
8372
  opacity: 0;
@@ -8298,7 +8414,7 @@ label .d-icon {
8298
8414
  }
8299
8415
  50% {
8300
8416
  opacity: 0;
8301
- transform: scale3d(0.3, 0.3, 0.3);
8417
+ transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
8302
8418
  }
8303
8419
  to {
8304
8420
  opacity: 0;
@@ -8335,14 +8451,14 @@ label .d-icon {
8335
8451
  }
8336
8452
  @keyframes Toastify__flipOut {
8337
8453
  from {
8338
- transform: perspective(400px);
8454
+ transform: translate3d(0, var(--y), 0) perspective(400px);
8339
8455
  }
8340
8456
  30% {
8341
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
8457
+ transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
8342
8458
  opacity: 1;
8343
8459
  }
8344
8460
  to {
8345
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
8461
+ transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
8346
8462
  opacity: 0;
8347
8463
  }
8348
8464
  }
@@ -8360,7 +8476,7 @@ label .d-icon {
8360
8476
  visibility: visible;
8361
8477
  }
8362
8478
  to {
8363
- transform: translate3d(0, 0, 0);
8479
+ transform: translate3d(0, var(--y), 0);
8364
8480
  }
8365
8481
  }
8366
8482
  @keyframes Toastify__slideInLeft {
@@ -8369,7 +8485,7 @@ label .d-icon {
8369
8485
  visibility: visible;
8370
8486
  }
8371
8487
  to {
8372
- transform: translate3d(0, 0, 0);
8488
+ transform: translate3d(0, var(--y), 0);
8373
8489
  }
8374
8490
  }
8375
8491
  @keyframes Toastify__slideInUp {
@@ -8378,7 +8494,7 @@ label .d-icon {
8378
8494
  visibility: visible;
8379
8495
  }
8380
8496
  to {
8381
- transform: translate3d(0, 0, 0);
8497
+ transform: translate3d(0, var(--y), 0);
8382
8498
  }
8383
8499
  }
8384
8500
  @keyframes Toastify__slideInDown {
@@ -8387,30 +8503,30 @@ label .d-icon {
8387
8503
  visibility: visible;
8388
8504
  }
8389
8505
  to {
8390
- transform: translate3d(0, 0, 0);
8506
+ transform: translate3d(0, var(--y), 0);
8391
8507
  }
8392
8508
  }
8393
8509
  @keyframes Toastify__slideOutRight {
8394
8510
  from {
8395
- transform: translate3d(0, 0, 0);
8511
+ transform: translate3d(0, var(--y), 0);
8396
8512
  }
8397
8513
  to {
8398
8514
  visibility: hidden;
8399
- transform: translate3d(110%, 0, 0);
8515
+ transform: translate3d(110%, var(--y), 0);
8400
8516
  }
8401
8517
  }
8402
8518
  @keyframes Toastify__slideOutLeft {
8403
8519
  from {
8404
- transform: translate3d(0, 0, 0);
8520
+ transform: translate3d(0, var(--y), 0);
8405
8521
  }
8406
8522
  to {
8407
8523
  visibility: hidden;
8408
- transform: translate3d(-110%, 0, 0);
8524
+ transform: translate3d(-110%, var(--y), 0);
8409
8525
  }
8410
8526
  }
8411
8527
  @keyframes Toastify__slideOutDown {
8412
8528
  from {
8413
- transform: translate3d(0, 0, 0);
8529
+ transform: translate3d(0, var(--y), 0);
8414
8530
  }
8415
8531
  to {
8416
8532
  visibility: hidden;
@@ -8419,7 +8535,7 @@ label .d-icon {
8419
8535
  }
8420
8536
  @keyframes Toastify__slideOutUp {
8421
8537
  from {
8422
- transform: translate3d(0, 0, 0);
8538
+ transform: translate3d(0, var(--y), 0);
8423
8539
  }
8424
8540
  to {
8425
8541
  visibility: hidden;
@@ -8441,15 +8557,23 @@ label .d-icon {
8441
8557
 
8442
8558
  .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
8443
8559
  animation-name: Toastify__slideOutLeft;
8560
+ animation-timing-function: ease-in;
8561
+ animation-duration: 0.3s;
8444
8562
  }
8445
8563
  .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
8446
8564
  animation-name: Toastify__slideOutRight;
8565
+ animation-timing-function: ease-in;
8566
+ animation-duration: 0.3s;
8447
8567
  }
8448
8568
  .Toastify__slide-exit--top-center {
8449
8569
  animation-name: Toastify__slideOutUp;
8570
+ animation-timing-function: ease-in;
8571
+ animation-duration: 0.3s;
8450
8572
  }
8451
8573
  .Toastify__slide-exit--bottom-center {
8452
8574
  animation-name: Toastify__slideOutDown;
8575
+ animation-timing-function: ease-in;
8576
+ animation-duration: 0.3s;
8453
8577
  }
8454
8578
 
8455
8579
  @keyframes Toastify__spin {
@@ -8559,17 +8683,19 @@ label .d-icon {
8559
8683
  --bs-quick-action-button-border-right: var(--bs-quick-action-button-component-border-right, var(--bs-quick-action-button-border));
8560
8684
  --bs-quick-action-button-border-bottom: var(--bs-quick-action-button-component-border-bottom, var(--bs-quick-action-button-border));
8561
8685
  --bs-quick-action-button-border-left: var(--bs-quick-action-button-component-border-left, var(--bs-quick-action-button-border));
8562
- --bs-quick-action-button-line1-font-size: var(--bs-ref-fs-6);
8563
- --bs-quick-action-button-line1-font-weight: var(--bs-ref-fw-bold);
8686
+ --bs-quick-action-button-line1-font-size: var(--bs-fs-6);
8687
+ --bs-quick-action-button-line1-font-weight: var(--bs-fw-bold);
8564
8688
  --bs-quick-action-button-line1-color: var(--bs-body-color);
8565
- --bs-quick-action-button-line2-font-size: var(--bs-ref-fs-small);
8566
- --bs-quick-action-button-line2-font-weight: var(--bs-ref-fw-normal);
8689
+ --bs-quick-action-button-line2-font-size: var(--bs-fs-small);
8690
+ --bs-quick-action-button-line2-font-weight: var(--bs-fw-normal);
8567
8691
  --bs-quick-action-button-line2-color: var(--bs-gray-500);
8568
8692
  --bs-quick-action-button-representative-image-size: var(--bs-ref-spacer-9);
8569
8693
  --bs-quick-action-button-representative-image-border-radius: 0.5rem;
8570
8694
  --bs-quick-action-button-representative-icon-size: var(--bs-ref-spacer-6);
8571
8695
  --bs-quick-action-button-action-icon-color: var(--bs-gray-500);
8572
8696
  --bs-quick-action-button-action-icon-size: var(--bs-body-font-size);
8697
+ --bs-quick-action-button-action-link-padding-x: var(--bs-ref-spacer-3);
8698
+ --bs-quick-action-button-action-link-padding-y: var(--bs-ref-spacer-2);
8573
8699
  --bs-quick-action-button-hover-bg: var(--bs-gray-100);
8574
8700
  --bs-quick-action-button-hover-border-color: var(--bs-secondary-100);
8575
8701
  --bs-quick-action-button-hover-action-icon-color: var(--bs-secondary);
@@ -8622,6 +8748,11 @@ label .d-icon {
8622
8748
  flex-direction: column;
8623
8749
  flex-grow: 1;
8624
8750
  }
8751
+ .d-quick-action-button .d-quick-action-button-action-link,
8752
+ .d-quick-action-button .d-quick-action-button-secondary-action-link {
8753
+ --bs-btn-padding-x: var(--bs-quick-action-button-action-link-padding-x);
8754
+ --bs-btn-padding-y: var(--bs-quick-action-button-action-link-padding-y);
8755
+ }
8625
8756
  .d-quick-action-button .d-quick-action-button-line1 {
8626
8757
  font-size: var(--bs-quick-action-button-line1-font-size);
8627
8758
  font-weight: var(--bs-quick-action-button-line1-font-weight);
@@ -8646,17 +8777,19 @@ label .d-icon {
8646
8777
  --bs-quick-action-select-padding: var(--bs-ref-spacer-4);
8647
8778
  --bs-quick-action-select-bg: var(--bs-gray-100);
8648
8779
  --bs-quick-action-select-border-radius: var(--bs-border-radius-sm);
8649
- --bs-quick-action-select-line1-font-size: var(--bs-ref-fs-small);
8650
- --bs-quick-action-select-line1-font-weight: var(--bs-ref-fw-normal);
8780
+ --bs-quick-action-select-line1-font-size: var(--bs-fs-small);
8781
+ --bs-quick-action-select-line1-font-weight: var(--bs-fw-normal);
8651
8782
  --bs-quick-action-select-line1-color: var(--bs-secondary);
8652
8783
  --bs-quick-action-select-line2-font-size: var(--bs-body-font-size);
8653
- --bs-quick-action-select-line2-font-weight: var(--bs-ref-fw-bold);
8784
+ --bs-quick-action-select-line2-font-weight: var(--bs-fw-bold);
8654
8785
  --bs-quick-action-select-line2-color: var(--bs-light-text-emphasis);
8655
8786
  --bs-quick-action-select-hover-bg: var(--bs-gray-200);
8656
8787
  --bs-quick-action-select-checked-bg: var(--bs-secondary);
8657
8788
  --bs-quick-action-select-checked-color: var(--bs-white);
8658
8789
  display: flex;
8659
8790
  flex-direction: column;
8791
+ gap: 0;
8792
+ align-items: flex-start;
8660
8793
  width: 100%;
8661
8794
  padding: var(--bs-quick-action-select-padding);
8662
8795
  text-align: left;
@@ -8694,13 +8827,13 @@ label .d-icon {
8694
8827
  --bs-quick-action-check-bg: var(--bs-white);
8695
8828
  --bs-quick-action-check-border-radius: var(--bs-border-radius-sm);
8696
8829
  --bs-quick-action-check-line1-font-size: var(--bs-body-font-size);
8697
- --bs-quick-action-check-line1-font-weight: var(--bs-ref-fw-bold);
8830
+ --bs-quick-action-check-line1-font-weight: var(--bs-fw-bold);
8698
8831
  --bs-quick-action-check-line1-color: var(--bs-gray-900);
8699
- --bs-quick-action-check-line2-font-size: var(--bs-ref-fs-small);
8700
- --bs-quick-action-check-line2-font-weight: var(--bs-ref-fw-normal);
8832
+ --bs-quick-action-check-line2-font-size: var(--bs-fs-small);
8833
+ --bs-quick-action-check-line2-font-weight: var(--bs-fw-normal);
8701
8834
  --bs-quick-action-check-line2-color: var(--bs-gray);
8702
8835
  --bs-quick-action-check-line3-font-size: var(--bs-body-font-size);
8703
- --bs-quick-action-check-line3-font-weight: var(--bs-ref-fw-bold);
8836
+ --bs-quick-action-check-line3-font-weight: var(--bs-fw-bold);
8704
8837
  --bs-quick-action-check-line3-color: var(--bs-gray);
8705
8838
  --bs-quick-action-check-hover-bg: var(--bs-gray-100);
8706
8839
  --bs-quick-action-check-checked-bg: var(--bs-white);
@@ -8756,10 +8889,10 @@ label .d-icon {
8756
8889
  --bs-quick-action-switch-border-radius: var(--bs-border-radius-sm);
8757
8890
  --bs-quick-action-switch-content-gap: var(--bs-ref-spacer-1);
8758
8891
  --bs-quick-action-switch-label-font-size: 1rem;
8759
- --bs-quick-action-switch-label-font-weight: var(--bs-ref-fw-bold);
8892
+ --bs-quick-action-switch-label-font-weight: var(--bs-fw-bold);
8760
8893
  --bs-quick-action-switch-label-color: var(--bs-gray);
8761
- --bs-quick-action-switch-hint-font-size: var(--bs-ref-fs-small);
8762
- --bs-quick-action-switch-hint-font-weight: var(--bs-ref-fw-normal);
8894
+ --bs-quick-action-switch-hint-font-size: var(--bs-fs-small);
8895
+ --bs-quick-action-switch-hint-font-weight: var(--bs-fw-normal);
8763
8896
  --bs-quick-action-switch-hint-color: var(--bs-gray-400);
8764
8897
  --bs-quick-action-switch-hover-bg: var(--bs-secondary-soft);
8765
8898
  --bs-quick-action-switch-checked-bg: var(--bs-white);
@@ -8793,10 +8926,10 @@ label .d-icon {
8793
8926
  flex-direction: row;
8794
8927
  gap: var(--bs-quick-action-switch-content-gap);
8795
8928
  }
8796
- .d-quick-action-switch .d-quick-action-switch-label {
8797
- font-size: var(--bs-quick-action-switch-label-font-size);
8798
- font-weight: var(--bs-quick-action-switch-label-font-weight);
8799
- color: var(--bs-quick-action-switch-label-color);
8929
+ .d-quick-action-switch label {
8930
+ --bs-label-font-size: var(--bs-quick-action-switch-label-font-size);
8931
+ --bs-label-font-weight: var(--bs-quick-action-switch-label-font-weight);
8932
+ --bs-label-color: var(--bs-quick-action-switch-label-color);
8800
8933
  }
8801
8934
  .d-quick-action-switch .d-quick-action-switch-hint {
8802
8935
  font-size: var(--bs-quick-action-switch-hint-font-size);
@@ -8814,8 +8947,8 @@ label .d-icon {
8814
8947
  --bs-chip-border-radius: 50rem;
8815
8948
  --bs-chip-padding-x: 0.5rem;
8816
8949
  --bs-chip-padding-y: 0.25rem;
8817
- --bs-chip-font-size: 0.875rem;
8818
- --bs-chip-font-weight: 700;
8950
+ --bs-chip-font-size: var(--bs-fs-small);
8951
+ --bs-chip-font-weight: var(--bs-fw-bold);
8819
8952
  --bs-chip-line-height: 1.5rem;
8820
8953
  display: inline-flex;
8821
8954
  flex-direction: row;
@@ -8965,8 +9098,8 @@ label .d-icon {
8965
9098
 
8966
9099
  .d-collapse-icon-text {
8967
9100
  --bs-collapse-icon-text-header-gap: var(--bs-ref-spacer-4);
8968
- --bs-collapse-icon-text-header-font-size: var(--bs-ref-fs-6);
8969
- --bs-collapse-icon-text-header-font-weight: var(--bs-ref-fw-bold);
9101
+ --bs-collapse-icon-text-header-font-size: var(--bs-fs-6);
9102
+ --bs-collapse-icon-text-header-font-weight: var(--bs-fw-bold);
8970
9103
  }
8971
9104
  .d-collapse-icon-text .d-collapse-icon-text-header {
8972
9105
  display: flex;
@@ -9783,10 +9916,10 @@ label .d-icon {
9783
9916
  --bs-datepicker-header-padding: var(--bs-ref-spacer-4) var(--bs-ref-spacer-6);
9784
9917
  --bs-datepicker-header-background-color: var(--bs-secondary-soft);
9785
9918
  --bs-datepicker-header-border: 0;
9786
- --bs-datepicker-header-font-size: var(--bs-ref-fs-6);
9919
+ --bs-datepicker-header-font-size: var(--bs-fs-6);
9787
9920
  --bs-datepicker-day-names-margin: 0;
9788
9921
  --bs-datepicker-day-names-font-size: var(--bs-ref-spacer-4);
9789
- --bs-datepicker-day-name-weight: var(--bs-ref-fw-bold);
9922
+ --bs-datepicker-day-name-weight: var(--bs-fw-bold);
9790
9923
  --bs-datepicker-day-name-margin: 0;
9791
9924
  --bs-datepicker-day-name-size: var(--bs-ref-spacer-4);
9792
9925
  --bs-datepicker-day-name-color: var(--bs-gray-500);
@@ -9796,7 +9929,7 @@ label .d-icon {
9796
9929
  --bs-datepicker-month-color: var(--bs-white);
9797
9930
  --bs-datepicker-week-gap: var(--bs-ref-spacer-2);
9798
9931
  --bs-datepicker-day-margin: 0;
9799
- --bs-datepicker-day-font-size: var(--bs-ref-fs-small);
9932
+ --bs-datepicker-day-font-size: var(--bs-fs-small);
9800
9933
  --bs-datepicker-day-size: var(--bs-ref-spacer-4);
9801
9934
  --bs-datepicker-day-padding: var(--bs-ref-spacer-4);
9802
9935
  --bs-datepicker-day-radius: 100%;
@@ -9807,7 +9940,7 @@ label .d-icon {
9807
9940
  --bs-datepicker-day-in-range-color: var(--bs-dark);
9808
9941
  --bs-datepicker-day-in-range-bg: var(--bs-secondary-100);
9809
9942
  --bs-datepicker-day-outside-month-color: var(--bs-gray-400);
9810
- --bs-datepicker-day-today-font-weight: var(--bs-ref-fw-normal);
9943
+ --bs-datepicker-day-today-font-weight: var(--bs-fw-normal);
9811
9944
  --bs-datepicker-day-today-box-shadow: 0 0 0 2px inset var(--bs-secondary);
9812
9945
  --bs-datepicker-time-container-margin: 0;
9813
9946
  --bs-datepicker-time-container-align: center;
@@ -9816,9 +9949,9 @@ label .d-icon {
9816
9949
  --bs-datepicker-time-input-align: center;
9817
9950
  --bs-datepicker-time-input-padding: var(--bs-ref-spacer-4);
9818
9951
  --bs-datepicker-time-input-gap: var(--bs-ref-spacer-2);
9819
- --bs-datepicker-time-input-label-weight: var(--bs-ref-fw-bold);
9952
+ --bs-datepicker-time-input-label-weight: var(--bs-fw-bold);
9820
9953
  --bs-datepicker-time-input-label-color: var(--bs-gray-700);
9821
- --bs-datepicker-time-input-label-size: var(--bs-ref-fs-small);
9954
+ --bs-datepicker-time-input-label-size: var(--bs-fs-small);
9822
9955
  font-family: var(--bs-datepicker-font-family);
9823
9956
  font-size: var(--bs-datepicker-font-size);
9824
9957
  border: var(--bs-datepicker-border);
@@ -9969,7 +10102,7 @@ label .d-icon {
9969
10102
  color: var(--bs-datepicker-time-input-label-color);
9970
10103
  }
9971
10104
  .react-datepicker .d-datepicker-header {
9972
- font-size: var(--bs-ref-fs-6);
10105
+ font-size: var(--bs-fs-6);
9973
10106
  }
9974
10107
 
9975
10108
  .d-datepicker-time {
@@ -10005,7 +10138,7 @@ label .d-icon {
10005
10138
 
10006
10139
  .react-datepicker.d-month-picker {
10007
10140
  --bs-monthpicker-header-padding: var(--bs-ref-spacer-4) var(--bs-ref-spacer-2) 0;
10008
- --bs-monthpicker-font-weight: var(--bs-ref-fw-normal);
10141
+ --bs-monthpicker-font-weight: var(--bs-fw-normal);
10009
10142
  --bs-monthpicker-header-color: var(--bs-white);
10010
10143
  --bs-monthpicker-header-bg: var(--bs-dark);
10011
10144
  --bs-monthpicker-month-gap: 0;
@@ -10017,13 +10150,13 @@ label .d-icon {
10017
10150
  --bs-monthpicker-month-selected-box-shadow: 0 0 0 1px inset var(--bs-gray-100);
10018
10151
  --bs-monthpicker-month-hover-bg: var(--bs-gray-700);
10019
10152
  --bs-monthpicker-month-wrapper-gap: var(--bs-ref-spacer-2);
10020
- --bs-monthpicker-month-wrapper-font-size: var(--bs-ref-fs-small);
10153
+ --bs-monthpicker-month-wrapper-font-size: var(--bs-fs-small);
10021
10154
  --bs-monthpicker-single-month-width: 46px;
10022
10155
  --bs-monthpicker-single-month-padding: var(--bs-ref-spacer-2);
10023
10156
  --bs-monthpicker-single-month-margin: 0;
10024
10157
  --bs-monthpicker-single-month-text-transform: capitalize;
10025
10158
  --bs-monthpicker-single-month-radius: var(--bs-ref-spacer-6);
10026
- --bs-monthpicker-single-month-line-height: var(--bs-ref-fs-6);
10159
+ --bs-monthpicker-single-month-line-height: var(--bs-fs-6);
10027
10160
  --bs-monthpicker-single-month-after-display: inline;
10028
10161
  --bs-monthpicker-single-month-after-content: ".";
10029
10162
  --bs-datepicker-triangle-color: var(--bs-dark);
@@ -10040,7 +10173,7 @@ label .d-icon {
10040
10173
  .react-datepicker.d-month-picker .react-datepicker__header .btn-sm, .react-datepicker.d-month-picker .react-datepicker__header .btn-group-sm > .btn {
10041
10174
  --bs-btn-padding-x: 0;
10042
10175
  --bs-btn-padding-y: 0;
10043
- --bs-btn-font-size: var(--bs-ref-fs-5);
10176
+ --bs-btn-font-size: var(--bs-fs-5);
10044
10177
  }
10045
10178
  .react-datepicker.d-month-picker .react-datepicker__month.react-datepicker__monthPicker,
10046
10179
  .react-datepicker.d-month-picker .react-datepicker__header.react-datepicker-year-header {
@@ -10100,7 +10233,7 @@ label .d-icon {
10100
10233
  }
10101
10234
 
10102
10235
  .nav-tabs {
10103
- --bs-tabs-link-border-active-font-weight: var(--bs-ref-fw-bold);
10236
+ --bs-tabs-link-border-active-font-weight: var(--bs-fw-bold);
10104
10237
  }
10105
10238
  .nav-tabs .nav-link.active {
10106
10239
  font-weight: var(--bs-tabs-link-border-active-font-weight);
@@ -10731,12 +10864,12 @@ label .d-icon {
10731
10864
  --bs-step-progress-inner-background-color: var(--bs-white);
10732
10865
  /* Current step */
10733
10866
  --bs-step-current-step-z-index: 3;
10734
- --bs-step-current-step-font-weight: var(--bs-ref-fw-bold);
10867
+ --bs-step-current-step-font-weight: var(--bs-fw-bold);
10735
10868
  --bs-step-current-step-color: var(--bs-gray-700);
10736
10869
  /* Info circle */
10737
10870
  --bs-step-info-max-width: 12rem;
10738
- --bs-step-info-label-font-size: var(--bs-ref-fs-6);
10739
- --bs-step-info-description-font-size: var(--bs-ref-fs-small);
10871
+ --bs-step-info-label-font-size: var(--bs-fs-6);
10872
+ --bs-step-info-description-font-size: var(--bs-fs-small);
10740
10873
  --bs-step-info-description-color: var(--bs-gray-500);
10741
10874
  display: flex;
10742
10875
  gap: var(--bs-step-container-gap);
@@ -10794,62 +10927,6 @@ label .d-icon {
10794
10927
  gap: var(--bs-card-body-gap);
10795
10928
  }
10796
10929
 
10797
- .d-tooltip {
10798
- --bs-tooltip-font-size: var(--bs-tooltip-component-font-size, var(--bs-body-font-size));
10799
- --bs-tooltip-sm-font-size: var(--bs-ref-fs-small);
10800
- --bs-tooltip-lg-font-size: var(--bs-ref-fs-6);
10801
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, transparent);
10802
- --bs-tooltip-border-radius: var(--bs-tooltip-component-border-radius, var(--bs-border-radius));
10803
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-body-color));
10804
- --bs-tooltip-padding: var(--bs-tooltip-component-padding, var(--bs-ref-spacer-2));
10805
- --bs-tooltip-max-width: var(--bs-tooltip-component-max-width, 300px);
10806
- max-width: var(--bs-tooltip-max-width);
10807
- padding: var(--bs-tooltip-padding);
10808
- font-size: var(--bs-tooltip-font-size);
10809
- color: var(--bs-tooltip-color);
10810
- background: var(--bs-tooltip-bg);
10811
- border-radius: var(--bs-tooltip-border-radius);
10812
- fill: var(--bs-tooltip-bg);
10813
- }
10814
- .d-tooltip.d-tooltip-sm {
10815
- --bs-tooltip-font-size: var(--bs-tooltip-sm-font-size);
10816
- }
10817
- .d-tooltip.d-tooltip-lg {
10818
- --bs-tooltip-font-size: var(--bs-tooltip-lg-font-size);
10819
- }
10820
- .d-tooltip.d-tooltip-primary {
10821
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
10822
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-primary));
10823
- }
10824
- .d-tooltip.d-tooltip-secondary {
10825
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
10826
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-secondary));
10827
- }
10828
- .d-tooltip.d-tooltip-success {
10829
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
10830
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-success));
10831
- }
10832
- .d-tooltip.d-tooltip-info {
10833
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
10834
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-info));
10835
- }
10836
- .d-tooltip.d-tooltip-warning {
10837
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-black));
10838
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-warning));
10839
- }
10840
- .d-tooltip.d-tooltip-danger {
10841
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
10842
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-danger));
10843
- }
10844
- .d-tooltip.d-tooltip-light {
10845
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-gray-700));
10846
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-light));
10847
- }
10848
- .d-tooltip.d-tooltip-dark {
10849
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
10850
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-dark));
10851
- }
10852
-
10853
10930
  .d-select {
10854
10931
  --bs-select-gap: 0.5rem;
10855
10932
  --bs-select-menu-shadow: 0 8px 12px 0 rgba(22, 23, 35, 0.05);
@@ -10857,7 +10934,7 @@ label .d-icon {
10857
10934
  --bs-select-option-selected-color: var(--bs-secondary);
10858
10935
  --bs-select-option-selected-bg: var(--bs-gray-100);
10859
10936
  --bs-select-option-is-checkbox-font-size: var(--bs-body-font-size);
10860
- --bs-select-option-is-checkbox-font-weight: var(--bs-ref-fw-normal);
10937
+ --bs-select-option-is-checkbox-font-weight: var(--bs-fw-normal);
10861
10938
  --bs-select-option-is-checkbox-color: var(--bs-gray-900);
10862
10939
  --bs-select-option-has-icon-icon-size: var(--bs-ref-spacer-4);
10863
10940
  --bs-select-multi-value-padding-x: var(--bs-select-gap);
@@ -10909,7 +10986,7 @@ label .d-icon {
10909
10986
  width: 100%;
10910
10987
  padding: 0.75rem 1rem;
10911
10988
  1rem: 1rem;
10912
- font-weight: 400;
10989
+ font-weight: var(--bs-fw-normal);
10913
10990
  line-height: 1.5;
10914
10991
  color: var(--bs-gray);
10915
10992
  -webkit-appearance: none;
@@ -11432,6 +11509,15 @@ label .d-icon {
11432
11509
  background-color: var(--bs-black);
11433
11510
  }
11434
11511
 
11512
+ [class*=text-truncate-] {
11513
+ display: -webkit-box;
11514
+ -webkit-line-clamp: var(--bs-text-truncate);
11515
+ -webkit-box-orient: vertical;
11516
+ overflow: hidden;
11517
+ text-overflow: ellipsis;
11518
+ white-space: normal;
11519
+ }
11520
+
11435
11521
  .align-baseline {
11436
11522
  vertical-align: baseline !important;
11437
11523
  }
@@ -13311,27 +13397,27 @@ label .d-icon {
13311
13397
  }
13312
13398
 
13313
13399
  .fs-1 {
13314
- font-size: calc(1.525rem + 3.3vw) !important;
13400
+ font-size: var(--bs-fs-1) !important;
13315
13401
  }
13316
13402
 
13317
13403
  .fs-2 {
13318
- font-size: calc(1.475rem + 2.7vw) !important;
13404
+ font-size: var(--bs-fs-2) !important;
13319
13405
  }
13320
13406
 
13321
13407
  .fs-3 {
13322
- font-size: calc(1.425rem + 2.1vw) !important;
13408
+ font-size: var(--bs-fs-3) !important;
13323
13409
  }
13324
13410
 
13325
13411
  .fs-4 {
13326
- font-size: calc(1.325rem + 0.9vw) !important;
13412
+ font-size: var(--bs-fs-4) !important;
13327
13413
  }
13328
13414
 
13329
13415
  .fs-5 {
13330
- font-size: calc(1.275rem + 0.3vw) !important;
13416
+ font-size: var(--bs-fs-5) !important;
13331
13417
  }
13332
13418
 
13333
13419
  .fs-6 {
13334
- font-size: 1.125rem !important;
13420
+ font-size: var(--bs-fs-6) !important;
13335
13421
  }
13336
13422
 
13337
13423
  .fst-italic {
@@ -13343,15 +13429,15 @@ label .d-icon {
13343
13429
  }
13344
13430
 
13345
13431
  .fw-lighter {
13346
- font-weight: lighter !important;
13432
+ font-weight: var(--bs-fw-lighter) !important;
13347
13433
  }
13348
13434
 
13349
13435
  .fw-light {
13350
- font-weight: 200 !important;
13436
+ font-weight: var(--bs-fw-light) !important;
13351
13437
  }
13352
13438
 
13353
13439
  .fw-normal {
13354
- font-weight: 400 !important;
13440
+ font-weight: var(--bs-fw-normal) !important;
13355
13441
  }
13356
13442
 
13357
13443
  .fw-medium {
@@ -13359,15 +13445,15 @@ label .d-icon {
13359
13445
  }
13360
13446
 
13361
13447
  .fw-semibold {
13362
- font-weight: 600 !important;
13448
+ font-weight: var(--bs-fw-semibold) !important;
13363
13449
  }
13364
13450
 
13365
13451
  .fw-bold {
13366
- font-weight: 700 !important;
13452
+ font-weight: var(--bs-fw-bold) !important;
13367
13453
  }
13368
13454
 
13369
13455
  .fw-bolder {
13370
- font-weight: 800 !important;
13456
+ font-weight: var(--bs-fw-bolder) !important;
13371
13457
  }
13372
13458
 
13373
13459
  .lh-1 {
@@ -14806,6 +14892,30 @@ label .d-icon {
14806
14892
  --bs-overlay: 1;
14807
14893
  }
14808
14894
 
14895
+ .text-truncate-1 {
14896
+ --bs-text-truncate: 1;
14897
+ }
14898
+
14899
+ .text-truncate-2 {
14900
+ --bs-text-truncate: 2;
14901
+ }
14902
+
14903
+ .text-truncate-3 {
14904
+ --bs-text-truncate: 3;
14905
+ }
14906
+
14907
+ .text-truncate-4 {
14908
+ --bs-text-truncate: 4;
14909
+ }
14910
+
14911
+ .text-truncate-5 {
14912
+ --bs-text-truncate: 6;
14913
+ }
14914
+
14915
+ .text-truncate-6 {
14916
+ --bs-text-truncate: 6;
14917
+ }
14918
+
14809
14919
  .cursor-auto {
14810
14920
  cursor: auto !important;
14811
14921
  }
@@ -14934,6 +15044,30 @@ label .d-icon {
14934
15044
  cursor: nwse-resize !important;
14935
15045
  }
14936
15046
 
15047
+ .display-1 {
15048
+ --bs-display-font-size: var(--bs-fs-display-1);
15049
+ }
15050
+
15051
+ .display-2 {
15052
+ --bs-display-font-size: var(--bs-fs-display-2);
15053
+ }
15054
+
15055
+ .display-3 {
15056
+ --bs-display-font-size: var(--bs-fs-display-3);
15057
+ }
15058
+
15059
+ .display-4 {
15060
+ --bs-display-font-size: var(--bs-fs-display-4);
15061
+ }
15062
+
15063
+ .display-5 {
15064
+ --bs-display-font-size: var(--bs-fs-display-5);
15065
+ }
15066
+
15067
+ .display-6 {
15068
+ --bs-display-font-size: var(--bs-fs-display-6);
15069
+ }
15070
+
14937
15071
  @media (min-width: 576px) {
14938
15072
  .float-sm-start {
14939
15073
  float: left !important;
@@ -15989,6 +16123,45 @@ label .d-icon {
15989
16123
  -moz-column-gap: 3.5rem !important;
15990
16124
  column-gap: 3.5rem !important;
15991
16125
  }
16126
+ .fs-sm-1 {
16127
+ font-size: var(--bs-fs-1) !important;
16128
+ }
16129
+ .fs-sm-2 {
16130
+ font-size: var(--bs-fs-2) !important;
16131
+ }
16132
+ .fs-sm-3 {
16133
+ font-size: var(--bs-fs-3) !important;
16134
+ }
16135
+ .fs-sm-4 {
16136
+ font-size: var(--bs-fs-4) !important;
16137
+ }
16138
+ .fs-sm-5 {
16139
+ font-size: var(--bs-fs-5) !important;
16140
+ }
16141
+ .fs-sm-6 {
16142
+ font-size: var(--bs-fs-6) !important;
16143
+ }
16144
+ .fw-sm-lighter {
16145
+ font-weight: var(--bs-fw-lighter) !important;
16146
+ }
16147
+ .fw-sm-light {
16148
+ font-weight: var(--bs-fw-light) !important;
16149
+ }
16150
+ .fw-sm-normal {
16151
+ font-weight: var(--bs-fw-normal) !important;
16152
+ }
16153
+ .fw-sm-medium {
16154
+ font-weight: 500 !important;
16155
+ }
16156
+ .fw-sm-semibold {
16157
+ font-weight: var(--bs-fw-semibold) !important;
16158
+ }
16159
+ .fw-sm-bold {
16160
+ font-weight: var(--bs-fw-bold) !important;
16161
+ }
16162
+ .fw-sm-bolder {
16163
+ font-weight: var(--bs-fw-bolder) !important;
16164
+ }
15992
16165
  .text-sm-start {
15993
16166
  text-align: left !important;
15994
16167
  }
@@ -15998,6 +16171,42 @@ label .d-icon {
15998
16171
  .text-sm-center {
15999
16172
  text-align: center !important;
16000
16173
  }
16174
+ .text-truncate-sm-1 {
16175
+ --bs-text-truncate: 1;
16176
+ }
16177
+ .text-truncate-sm-2 {
16178
+ --bs-text-truncate: 2;
16179
+ }
16180
+ .text-truncate-sm-3 {
16181
+ --bs-text-truncate: 3;
16182
+ }
16183
+ .text-truncate-sm-4 {
16184
+ --bs-text-truncate: 4;
16185
+ }
16186
+ .text-truncate-sm-5 {
16187
+ --bs-text-truncate: 6;
16188
+ }
16189
+ .text-truncate-sm-6 {
16190
+ --bs-text-truncate: 6;
16191
+ }
16192
+ .display-sm-1 {
16193
+ --bs-display-font-size: var(--bs-fs-display-1);
16194
+ }
16195
+ .display-sm-2 {
16196
+ --bs-display-font-size: var(--bs-fs-display-2);
16197
+ }
16198
+ .display-sm-3 {
16199
+ --bs-display-font-size: var(--bs-fs-display-3);
16200
+ }
16201
+ .display-sm-4 {
16202
+ --bs-display-font-size: var(--bs-fs-display-4);
16203
+ }
16204
+ .display-sm-5 {
16205
+ --bs-display-font-size: var(--bs-fs-display-5);
16206
+ }
16207
+ .display-sm-6 {
16208
+ --bs-display-font-size: var(--bs-fs-display-6);
16209
+ }
16001
16210
  }
16002
16211
  @media (min-width: 768px) {
16003
16212
  .float-md-start {
@@ -17054,6 +17263,45 @@ label .d-icon {
17054
17263
  -moz-column-gap: 3.5rem !important;
17055
17264
  column-gap: 3.5rem !important;
17056
17265
  }
17266
+ .fs-md-1 {
17267
+ font-size: var(--bs-fs-1) !important;
17268
+ }
17269
+ .fs-md-2 {
17270
+ font-size: var(--bs-fs-2) !important;
17271
+ }
17272
+ .fs-md-3 {
17273
+ font-size: var(--bs-fs-3) !important;
17274
+ }
17275
+ .fs-md-4 {
17276
+ font-size: var(--bs-fs-4) !important;
17277
+ }
17278
+ .fs-md-5 {
17279
+ font-size: var(--bs-fs-5) !important;
17280
+ }
17281
+ .fs-md-6 {
17282
+ font-size: var(--bs-fs-6) !important;
17283
+ }
17284
+ .fw-md-lighter {
17285
+ font-weight: var(--bs-fw-lighter) !important;
17286
+ }
17287
+ .fw-md-light {
17288
+ font-weight: var(--bs-fw-light) !important;
17289
+ }
17290
+ .fw-md-normal {
17291
+ font-weight: var(--bs-fw-normal) !important;
17292
+ }
17293
+ .fw-md-medium {
17294
+ font-weight: 500 !important;
17295
+ }
17296
+ .fw-md-semibold {
17297
+ font-weight: var(--bs-fw-semibold) !important;
17298
+ }
17299
+ .fw-md-bold {
17300
+ font-weight: var(--bs-fw-bold) !important;
17301
+ }
17302
+ .fw-md-bolder {
17303
+ font-weight: var(--bs-fw-bolder) !important;
17304
+ }
17057
17305
  .text-md-start {
17058
17306
  text-align: left !important;
17059
17307
  }
@@ -17063,6 +17311,42 @@ label .d-icon {
17063
17311
  .text-md-center {
17064
17312
  text-align: center !important;
17065
17313
  }
17314
+ .text-truncate-md-1 {
17315
+ --bs-text-truncate: 1;
17316
+ }
17317
+ .text-truncate-md-2 {
17318
+ --bs-text-truncate: 2;
17319
+ }
17320
+ .text-truncate-md-3 {
17321
+ --bs-text-truncate: 3;
17322
+ }
17323
+ .text-truncate-md-4 {
17324
+ --bs-text-truncate: 4;
17325
+ }
17326
+ .text-truncate-md-5 {
17327
+ --bs-text-truncate: 6;
17328
+ }
17329
+ .text-truncate-md-6 {
17330
+ --bs-text-truncate: 6;
17331
+ }
17332
+ .display-md-1 {
17333
+ --bs-display-font-size: var(--bs-fs-display-1);
17334
+ }
17335
+ .display-md-2 {
17336
+ --bs-display-font-size: var(--bs-fs-display-2);
17337
+ }
17338
+ .display-md-3 {
17339
+ --bs-display-font-size: var(--bs-fs-display-3);
17340
+ }
17341
+ .display-md-4 {
17342
+ --bs-display-font-size: var(--bs-fs-display-4);
17343
+ }
17344
+ .display-md-5 {
17345
+ --bs-display-font-size: var(--bs-fs-display-5);
17346
+ }
17347
+ .display-md-6 {
17348
+ --bs-display-font-size: var(--bs-fs-display-6);
17349
+ }
17066
17350
  }
17067
17351
  @media (min-width: 992px) {
17068
17352
  .float-lg-start {
@@ -18119,6 +18403,45 @@ label .d-icon {
18119
18403
  -moz-column-gap: 3.5rem !important;
18120
18404
  column-gap: 3.5rem !important;
18121
18405
  }
18406
+ .fs-lg-1 {
18407
+ font-size: var(--bs-fs-1) !important;
18408
+ }
18409
+ .fs-lg-2 {
18410
+ font-size: var(--bs-fs-2) !important;
18411
+ }
18412
+ .fs-lg-3 {
18413
+ font-size: var(--bs-fs-3) !important;
18414
+ }
18415
+ .fs-lg-4 {
18416
+ font-size: var(--bs-fs-4) !important;
18417
+ }
18418
+ .fs-lg-5 {
18419
+ font-size: var(--bs-fs-5) !important;
18420
+ }
18421
+ .fs-lg-6 {
18422
+ font-size: var(--bs-fs-6) !important;
18423
+ }
18424
+ .fw-lg-lighter {
18425
+ font-weight: var(--bs-fw-lighter) !important;
18426
+ }
18427
+ .fw-lg-light {
18428
+ font-weight: var(--bs-fw-light) !important;
18429
+ }
18430
+ .fw-lg-normal {
18431
+ font-weight: var(--bs-fw-normal) !important;
18432
+ }
18433
+ .fw-lg-medium {
18434
+ font-weight: 500 !important;
18435
+ }
18436
+ .fw-lg-semibold {
18437
+ font-weight: var(--bs-fw-semibold) !important;
18438
+ }
18439
+ .fw-lg-bold {
18440
+ font-weight: var(--bs-fw-bold) !important;
18441
+ }
18442
+ .fw-lg-bolder {
18443
+ font-weight: var(--bs-fw-bolder) !important;
18444
+ }
18122
18445
  .text-lg-start {
18123
18446
  text-align: left !important;
18124
18447
  }
@@ -18128,6 +18451,42 @@ label .d-icon {
18128
18451
  .text-lg-center {
18129
18452
  text-align: center !important;
18130
18453
  }
18454
+ .text-truncate-lg-1 {
18455
+ --bs-text-truncate: 1;
18456
+ }
18457
+ .text-truncate-lg-2 {
18458
+ --bs-text-truncate: 2;
18459
+ }
18460
+ .text-truncate-lg-3 {
18461
+ --bs-text-truncate: 3;
18462
+ }
18463
+ .text-truncate-lg-4 {
18464
+ --bs-text-truncate: 4;
18465
+ }
18466
+ .text-truncate-lg-5 {
18467
+ --bs-text-truncate: 6;
18468
+ }
18469
+ .text-truncate-lg-6 {
18470
+ --bs-text-truncate: 6;
18471
+ }
18472
+ .display-lg-1 {
18473
+ --bs-display-font-size: var(--bs-fs-display-1);
18474
+ }
18475
+ .display-lg-2 {
18476
+ --bs-display-font-size: var(--bs-fs-display-2);
18477
+ }
18478
+ .display-lg-3 {
18479
+ --bs-display-font-size: var(--bs-fs-display-3);
18480
+ }
18481
+ .display-lg-4 {
18482
+ --bs-display-font-size: var(--bs-fs-display-4);
18483
+ }
18484
+ .display-lg-5 {
18485
+ --bs-display-font-size: var(--bs-fs-display-5);
18486
+ }
18487
+ .display-lg-6 {
18488
+ --bs-display-font-size: var(--bs-fs-display-6);
18489
+ }
18131
18490
  }
18132
18491
  @media (min-width: 1200px) {
18133
18492
  .float-xl-start {
@@ -19184,6 +19543,45 @@ label .d-icon {
19184
19543
  -moz-column-gap: 3.5rem !important;
19185
19544
  column-gap: 3.5rem !important;
19186
19545
  }
19546
+ .fs-xl-1 {
19547
+ font-size: var(--bs-fs-1) !important;
19548
+ }
19549
+ .fs-xl-2 {
19550
+ font-size: var(--bs-fs-2) !important;
19551
+ }
19552
+ .fs-xl-3 {
19553
+ font-size: var(--bs-fs-3) !important;
19554
+ }
19555
+ .fs-xl-4 {
19556
+ font-size: var(--bs-fs-4) !important;
19557
+ }
19558
+ .fs-xl-5 {
19559
+ font-size: var(--bs-fs-5) !important;
19560
+ }
19561
+ .fs-xl-6 {
19562
+ font-size: var(--bs-fs-6) !important;
19563
+ }
19564
+ .fw-xl-lighter {
19565
+ font-weight: var(--bs-fw-lighter) !important;
19566
+ }
19567
+ .fw-xl-light {
19568
+ font-weight: var(--bs-fw-light) !important;
19569
+ }
19570
+ .fw-xl-normal {
19571
+ font-weight: var(--bs-fw-normal) !important;
19572
+ }
19573
+ .fw-xl-medium {
19574
+ font-weight: 500 !important;
19575
+ }
19576
+ .fw-xl-semibold {
19577
+ font-weight: var(--bs-fw-semibold) !important;
19578
+ }
19579
+ .fw-xl-bold {
19580
+ font-weight: var(--bs-fw-bold) !important;
19581
+ }
19582
+ .fw-xl-bolder {
19583
+ font-weight: var(--bs-fw-bolder) !important;
19584
+ }
19187
19585
  .text-xl-start {
19188
19586
  text-align: left !important;
19189
19587
  }
@@ -19193,6 +19591,42 @@ label .d-icon {
19193
19591
  .text-xl-center {
19194
19592
  text-align: center !important;
19195
19593
  }
19594
+ .text-truncate-xl-1 {
19595
+ --bs-text-truncate: 1;
19596
+ }
19597
+ .text-truncate-xl-2 {
19598
+ --bs-text-truncate: 2;
19599
+ }
19600
+ .text-truncate-xl-3 {
19601
+ --bs-text-truncate: 3;
19602
+ }
19603
+ .text-truncate-xl-4 {
19604
+ --bs-text-truncate: 4;
19605
+ }
19606
+ .text-truncate-xl-5 {
19607
+ --bs-text-truncate: 6;
19608
+ }
19609
+ .text-truncate-xl-6 {
19610
+ --bs-text-truncate: 6;
19611
+ }
19612
+ .display-xl-1 {
19613
+ --bs-display-font-size: var(--bs-fs-display-1);
19614
+ }
19615
+ .display-xl-2 {
19616
+ --bs-display-font-size: var(--bs-fs-display-2);
19617
+ }
19618
+ .display-xl-3 {
19619
+ --bs-display-font-size: var(--bs-fs-display-3);
19620
+ }
19621
+ .display-xl-4 {
19622
+ --bs-display-font-size: var(--bs-fs-display-4);
19623
+ }
19624
+ .display-xl-5 {
19625
+ --bs-display-font-size: var(--bs-fs-display-5);
19626
+ }
19627
+ .display-xl-6 {
19628
+ --bs-display-font-size: var(--bs-fs-display-6);
19629
+ }
19196
19630
  }
19197
19631
  @media (min-width: 1400px) {
19198
19632
  .float-xxl-start {
@@ -20249,6 +20683,45 @@ label .d-icon {
20249
20683
  -moz-column-gap: 3.5rem !important;
20250
20684
  column-gap: 3.5rem !important;
20251
20685
  }
20686
+ .fs-xxl-1 {
20687
+ font-size: var(--bs-fs-1) !important;
20688
+ }
20689
+ .fs-xxl-2 {
20690
+ font-size: var(--bs-fs-2) !important;
20691
+ }
20692
+ .fs-xxl-3 {
20693
+ font-size: var(--bs-fs-3) !important;
20694
+ }
20695
+ .fs-xxl-4 {
20696
+ font-size: var(--bs-fs-4) !important;
20697
+ }
20698
+ .fs-xxl-5 {
20699
+ font-size: var(--bs-fs-5) !important;
20700
+ }
20701
+ .fs-xxl-6 {
20702
+ font-size: var(--bs-fs-6) !important;
20703
+ }
20704
+ .fw-xxl-lighter {
20705
+ font-weight: var(--bs-fw-lighter) !important;
20706
+ }
20707
+ .fw-xxl-light {
20708
+ font-weight: var(--bs-fw-light) !important;
20709
+ }
20710
+ .fw-xxl-normal {
20711
+ font-weight: var(--bs-fw-normal) !important;
20712
+ }
20713
+ .fw-xxl-medium {
20714
+ font-weight: 500 !important;
20715
+ }
20716
+ .fw-xxl-semibold {
20717
+ font-weight: var(--bs-fw-semibold) !important;
20718
+ }
20719
+ .fw-xxl-bold {
20720
+ font-weight: var(--bs-fw-bold) !important;
20721
+ }
20722
+ .fw-xxl-bolder {
20723
+ font-weight: var(--bs-fw-bolder) !important;
20724
+ }
20252
20725
  .text-xxl-start {
20253
20726
  text-align: left !important;
20254
20727
  }
@@ -20258,22 +20731,41 @@ label .d-icon {
20258
20731
  .text-xxl-center {
20259
20732
  text-align: center !important;
20260
20733
  }
20261
- }
20262
- @media (min-width: 1200px) {
20263
- .fs-1 {
20264
- font-size: 4rem !important;
20734
+ .text-truncate-xxl-1 {
20735
+ --bs-text-truncate: 1;
20736
+ }
20737
+ .text-truncate-xxl-2 {
20738
+ --bs-text-truncate: 2;
20739
+ }
20740
+ .text-truncate-xxl-3 {
20741
+ --bs-text-truncate: 3;
20742
+ }
20743
+ .text-truncate-xxl-4 {
20744
+ --bs-text-truncate: 4;
20745
+ }
20746
+ .text-truncate-xxl-5 {
20747
+ --bs-text-truncate: 6;
20748
+ }
20749
+ .text-truncate-xxl-6 {
20750
+ --bs-text-truncate: 6;
20751
+ }
20752
+ .display-xxl-1 {
20753
+ --bs-display-font-size: var(--bs-fs-display-1);
20754
+ }
20755
+ .display-xxl-2 {
20756
+ --bs-display-font-size: var(--bs-fs-display-2);
20265
20757
  }
20266
- .fs-2 {
20267
- font-size: 3.5rem !important;
20758
+ .display-xxl-3 {
20759
+ --bs-display-font-size: var(--bs-fs-display-3);
20268
20760
  }
20269
- .fs-3 {
20270
- font-size: 3rem !important;
20761
+ .display-xxl-4 {
20762
+ --bs-display-font-size: var(--bs-fs-display-4);
20271
20763
  }
20272
- .fs-4 {
20273
- font-size: 2rem !important;
20764
+ .display-xxl-5 {
20765
+ --bs-display-font-size: var(--bs-fs-display-5);
20274
20766
  }
20275
- .fs-5 {
20276
- font-size: 1.5rem !important;
20767
+ .display-xxl-6 {
20768
+ --bs-display-font-size: var(--bs-fs-display-6);
20277
20769
  }
20278
20770
  }
20279
20771
  @media print {