@dynamic-framework/ui-react 1.18.0 → 1.19.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/dist/css/dynamic-ui-non-root.css +1634 -1019
  2. package/dist/css/dynamic-ui-non-root.min.css +2 -2
  3. package/dist/css/dynamic-ui-root.css +493 -29
  4. package/dist/css/dynamic-ui-root.min.css +2 -2
  5. package/dist/css/dynamic-ui.css +2126 -1047
  6. package/dist/css/dynamic-ui.min.css +2 -2
  7. package/dist/index.esm.js +290 -318
  8. package/dist/index.esm.js.map +1 -1
  9. package/dist/index.js +288 -321
  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/DCarousel/DCarousel.d.ts +5 -4
  14. package/dist/types/components/DDatePicker/DDatePicker.d.ts +5 -4
  15. package/dist/types/components/DDatePickerHeader/DDatePickerHeader.d.ts +5 -4
  16. package/dist/types/components/DDatePickerInput/DDatePickerInput.d.ts +1 -0
  17. package/dist/types/components/DToastContainer/DToastContainer.d.ts +9 -7
  18. package/dist/types/components/DToastContainer/index.d.ts +1 -1
  19. package/dist/types/components/DToastContainer/{useToast.d.ts → useDToast.d.ts} +7 -4
  20. package/dist/types/components/index.d.ts +1 -1
  21. package/dist/types/components/interface.d.ts +1 -0
  22. package/dist/types/contexts/DContext.d.ts +8 -7
  23. package/dist/types/contexts/DPortalContext.d.ts +29 -0
  24. package/dist/types/contexts/index.d.ts +1 -2
  25. package/dist/types/hooks/useStackState.d.ts +1 -1
  26. package/package.json +3 -3
  27. package/src/style/abstracts/_mixins.scss +110 -94
  28. package/src/style/abstracts/_utilities.scss +46 -1
  29. package/src/style/abstracts/variables/_+import.scss +2 -0
  30. package/src/style/abstracts/variables/_accordion.scss +2 -2
  31. package/src/style/abstracts/variables/_alerts.scss +1 -1
  32. package/src/style/abstracts/variables/_cards.scss +2 -0
  33. package/src/style/abstracts/variables/_collapse-icon-text.scss +2 -2
  34. package/src/style/abstracts/variables/_forms.scss +7 -8
  35. package/src/style/abstracts/variables/_navs.scss +2 -2
  36. package/src/style/abstracts/variables/_pagination.scss +4 -4
  37. package/src/style/abstracts/variables/_progress.scss +2 -2
  38. package/src/style/abstracts/variables/_quick-action-button.scss +4 -4
  39. package/src/style/abstracts/variables/_quick-action-check.scss +4 -4
  40. package/src/style/abstracts/variables/_quick-action-select.scss +3 -3
  41. package/src/style/abstracts/variables/_quick-action-switch.scss +2 -2
  42. package/src/style/abstracts/variables/_tooltip.scss +16 -0
  43. package/src/style/abstracts/variables/_typography.scss +76 -20
  44. package/src/style/abstracts/variables/_z-index.scss +11 -0
  45. package/src/style/base/_+import.scss +7 -2
  46. package/src/style/base/_avatar.scss +61 -0
  47. package/src/style/base/_backdrop.scss +9 -0
  48. package/src/style/base/_button-group.scss +13 -0
  49. package/src/style/base/{_button.scss → _buttons.scss} +14 -48
  50. package/src/style/base/_form-check.scss +2 -1
  51. package/src/style/base/_input-group.scss +11 -6
  52. package/src/style/base/_tooltip.scss +23 -0
  53. package/src/style/base/_type.scss +104 -0
  54. package/src/style/components/_+import.scss +0 -2
  55. package/src/style/components/_d-datepicker.scss +95 -45
  56. package/src/style/components/_d-icon.scss +1 -1
  57. package/src/style/components/_d-input-pin.scss +5 -0
  58. package/src/style/components/_d-quick-action-button.scss +8 -0
  59. package/src/style/components/_d-quick-action-select.scss +2 -0
  60. package/src/style/components/_d-quick-action-switch.scss +4 -4
  61. package/src/style/components/_d-select.scss +1 -1
  62. package/src/style/components/_d-stepper-mobile.scss +3 -3
  63. package/src/style/helpers/_+import.scss +3 -1
  64. package/src/style/helpers/_colored-links.scss +70 -0
  65. package/src/style/helpers/_text-truncate.scss +8 -0
  66. package/src/style/root/_root.scss +98 -21
  67. package/dist/types/components/DMonthPicker/DMonthPicker.d.ts +0 -12
  68. package/dist/types/components/DMonthPicker/index.d.ts +0 -2
  69. package/dist/types/contexts/DModalContext.d.ts +0 -31
  70. package/dist/types/contexts/DOffcanvasContext.d.ts +0 -31
  71. package/src/style/components/_d-monthpicker.scss +0 -98
  72. package/src/style/components/_d-tooltip.scss +0 -35
package/dist/css/dynamic-ui.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * dynamic-framework 1.18.0
2
+ * dynamic-framework 1.19.1
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
  */
@@ -87,9 +87,6 @@
87
87
  --bs-danger-700-rgb: 127, 28, 28;
88
88
  --bs-danger-800-rgb: 84, 19, 19;
89
89
  --bs-danger-900-rgb: 42, 9, 9;
90
- --bs-btn-border-radius: var(--bs-border-radius-pill);
91
- --bs-btn-lg-border-radius: var(--bs-border-radius-pill);
92
- --bs-btn-sm-border-radius: var(--bs-border-radius-pill);
93
90
  --bs-blue: rgb(var(--bs-blue-rgb));
94
91
  --bs-indigo: rgb(var(--bs-indigo-rgb));
95
92
  --bs-purple: rgb(var(--bs-purple-rgb));
@@ -216,7 +213,7 @@
216
213
  --bs-root-font-size: 16px;
217
214
  --bs-body-font-family: var(--bs-font-sans-serif);
218
215
  --bs-body-font-size: 1rem;
219
- --bs-body-font-weight: 400;
216
+ --bs-body-font-weight: var(--bs-fw-normal);
220
217
  --bs-body-line-height: 1.5;
221
218
  --bs-body-color: rgb(var(--bs-body-color-rgb));
222
219
  --bs-body-color-rgb: var(--bs-gray-900-rgb);
@@ -264,6 +261,431 @@
264
261
  --bs-form-valid-border-color: var(--bs-success);
265
262
  --bs-form-invalid-color: var(--bs-danger);
266
263
  --bs-form-invalid-border-color: var(--bs-danger);
264
+ --bs-heading-line-height: 1.2;
265
+ --bs-rfs-display-1: calc(1.875rem + 7.5vw);
266
+ --bs-fs-display-1: var(--bs-rfs-display-1);
267
+ --bs-rfs-display-2: calc(1.575rem + 3.9vw);
268
+ --bs-fs-display-2: var(--bs-rfs-display-2);
269
+ --bs-rfs-display-3: calc(1.525rem + 3.3vw);
270
+ --bs-fs-display-3: var(--bs-rfs-display-3);
271
+ --bs-rfs-display-4: calc(1.475rem + 2.7vw);
272
+ --bs-fs-display-4: var(--bs-rfs-display-4);
273
+ --bs-rfs-display-5: calc(1.425rem + 2.1vw);
274
+ --bs-fs-display-5: var(--bs-rfs-display-5);
275
+ --bs-rfs-display-6: calc(1.375rem + 1.5vw);
276
+ --bs-fs-display-6: var(--bs-rfs-display-6);
277
+ --bs-rfs-fs-1: calc(1.525rem + 3.3vw);
278
+ --bs-fs-1: var(--bs-rfs-fs-1);
279
+ --bs-rfs-fs-2: calc(1.475rem + 2.7vw);
280
+ --bs-fs-2: var(--bs-rfs-fs-2);
281
+ --bs-rfs-fs-3: calc(1.425rem + 2.1vw);
282
+ --bs-fs-3: var(--bs-rfs-fs-3);
283
+ --bs-rfs-fs-4: calc(1.325rem + 0.9vw);
284
+ --bs-fs-4: var(--bs-rfs-fs-4);
285
+ --bs-rfs-fs-5: calc(1.275rem + 0.3vw);
286
+ --bs-fs-5: var(--bs-rfs-fs-5);
287
+ --bs-rfs-fs-6: 1.125rem;
288
+ --bs-fs-6: var(--bs-rfs-fs-6);
289
+ --bs-rfs-fs-small: 0.875em;
290
+ --bs-fs-small: var(--bs-rfs-fs-small);
291
+ --bs-fw-lighter: lighter;
292
+ --bs-fw-light: 200;
293
+ --bs-fw-normal: 400;
294
+ --bs-fw-semibold: 600;
295
+ --bs-fw-bold: 700;
296
+ --bs-fw-bolder: 800;
297
+ --bs-label-padding-y: var(--bs-ref-spacer-0);
298
+ --bs-label-padding-x: var(--bs-ref-spacer-2);
299
+ --bs-label-font-size: var(--bs-fs-small);
300
+ --bs-label-font-weight: var(--bs-fw-normal);
301
+ --bs-label-color: var(--bs-gray);
302
+ --bs-btn-border-radius: var(--bs-border-radius-pill);
303
+ --bs-btn-lg-border-radius: var(--bs-border-radius-pill);
304
+ --bs-btn-sm-border-radius: var(--bs-border-radius-pill);
305
+ --bs-btn-primary-color: var(--bs-white);
306
+ --bs-btn-primary-bg: var(--bs-primary-500);
307
+ --bs-btn-primary-border-color: var(--bs-primary-500);
308
+ --bs-btn-primary-hover-color: var(--bs-white);
309
+ --bs-btn-primary-hover-bg: var(--bs-primary-600);
310
+ --bs-btn-primary-hover-border-color: var(--bs-primary-600);
311
+ --bs-btn-primary-focus-color: var(--bs-white);
312
+ --bs-btn-primary-focus-bg: var(--bs-primary-500);
313
+ --bs-btn-primary-focus-border-color: var(--bs-primary-500);
314
+ --bs-btn-primary-active-color: var(--bs-white);
315
+ --bs-btn-primary-active-bg: var(--bs-primary-700);
316
+ --bs-btn-primary-active-border-color: var(--bs-primary-700);
317
+ --bs-btn-primary-disabled-color: var(--bs-white);
318
+ --bs-btn-primary-disabled-bg: var(--bs-primary-500);
319
+ --bs-btn-primary-disabled-border-color: var(--bs-primary-500);
320
+ --bs-btn-primary-disabled-opacity: 0.5;
321
+ --bs-btn-outline-primary-color: var(--bs-primary-500);
322
+ --bs-btn-outline-primary-bg: transparent;
323
+ --bs-btn-outline-primary-border-color: var(--bs-primary-500);
324
+ --bs-btn-outline-primary-hover-color: var(--bs-primary-500);
325
+ --bs-btn-outline-primary-hover-bg: var(--bs-primary-100);
326
+ --bs-btn-outline-primary-hover-border-color: var(--bs-primary-500);
327
+ --bs-btn-outline-primary-focus-color: var(--bs-primary-500);
328
+ --bs-btn-outline-primary-focus-bg: transparent;
329
+ --bs-btn-outline-primary-focus-border-color: var(--bs-primary-500);
330
+ --bs-btn-outline-primary-active-color: var(--bs-primary-700);
331
+ --bs-btn-outline-primary-active-bg: var(--bs-primary-100);
332
+ --bs-btn-outline-primary-active-border-color: var(--bs-primary-700);
333
+ --bs-btn-outline-primary-disabled-color: var(--bs-primary-500);
334
+ --bs-btn-outline-primary-disabled-bg: transparent;
335
+ --bs-btn-outline-primary-disabled-border-color: var(--bs-primary-500);
336
+ --bs-btn-outline-primary-disabled-opacity: 0.5;
337
+ --bs-btn-link-primary-bg: transparent;
338
+ --bs-btn-link-primary-border-color: transparent;
339
+ --bs-btn-link-primary-color: var(--bs-primary-500);
340
+ --bs-btn-link-primary-hover-bg: var(--bs-primary-100);
341
+ --bs-btn-link-primary-hover-border-color: transparent;
342
+ --bs-btn-link-primary-hover-color: var(--bs-primary-500);
343
+ --bs-btn-link-primary-focus-bg: transparent;
344
+ --bs-btn-link-primary-focus-border-color: transparent;
345
+ --bs-btn-link-primary-focus-color: var(--bs-primary-500);
346
+ --bs-btn-link-primary-active-bg: var(--bs-primary-100);
347
+ --bs-btn-link-primary-active-border-color: transparent;
348
+ --bs-btn-link-primary-active-color: var(--bs-primary-700);
349
+ --bs-btn-link-primary-disabled-bg: transparent;
350
+ --bs-btn-link-primary-disabled-border-color: transparent;
351
+ --bs-btn-link-primary-disabled-color: var(--bs-primary-500);
352
+ --bs-btn-link-primary-disabled-opacity: 0.5;
353
+ --bs-btn-secondary-color: var(--bs-white);
354
+ --bs-btn-secondary-bg: var(--bs-secondary-500);
355
+ --bs-btn-secondary-border-color: var(--bs-secondary-500);
356
+ --bs-btn-secondary-hover-color: var(--bs-white);
357
+ --bs-btn-secondary-hover-bg: var(--bs-secondary-600);
358
+ --bs-btn-secondary-hover-border-color: var(--bs-secondary-600);
359
+ --bs-btn-secondary-focus-color: var(--bs-white);
360
+ --bs-btn-secondary-focus-bg: var(--bs-secondary-500);
361
+ --bs-btn-secondary-focus-border-color: var(--bs-secondary-500);
362
+ --bs-btn-secondary-active-color: var(--bs-white);
363
+ --bs-btn-secondary-active-bg: var(--bs-secondary-700);
364
+ --bs-btn-secondary-active-border-color: var(--bs-secondary-700);
365
+ --bs-btn-secondary-disabled-color: var(--bs-white);
366
+ --bs-btn-secondary-disabled-bg: var(--bs-secondary-500);
367
+ --bs-btn-secondary-disabled-border-color: var(--bs-secondary-500);
368
+ --bs-btn-secondary-disabled-opacity: 0.5;
369
+ --bs-btn-outline-secondary-color: var(--bs-secondary-500);
370
+ --bs-btn-outline-secondary-bg: transparent;
371
+ --bs-btn-outline-secondary-border-color: var(--bs-secondary-500);
372
+ --bs-btn-outline-secondary-hover-color: var(--bs-secondary-500);
373
+ --bs-btn-outline-secondary-hover-bg: var(--bs-secondary-100);
374
+ --bs-btn-outline-secondary-hover-border-color: var(--bs-secondary-500);
375
+ --bs-btn-outline-secondary-focus-color: var(--bs-secondary-500);
376
+ --bs-btn-outline-secondary-focus-bg: transparent;
377
+ --bs-btn-outline-secondary-focus-border-color: var(--bs-secondary-500);
378
+ --bs-btn-outline-secondary-active-color: var(--bs-secondary-700);
379
+ --bs-btn-outline-secondary-active-bg: var(--bs-secondary-100);
380
+ --bs-btn-outline-secondary-active-border-color: var(--bs-secondary-700);
381
+ --bs-btn-outline-secondary-disabled-color: var(--bs-secondary-500);
382
+ --bs-btn-outline-secondary-disabled-bg: transparent;
383
+ --bs-btn-outline-secondary-disabled-border-color: var(--bs-secondary-500);
384
+ --bs-btn-outline-secondary-disabled-opacity: 0.5;
385
+ --bs-btn-link-secondary-bg: transparent;
386
+ --bs-btn-link-secondary-border-color: transparent;
387
+ --bs-btn-link-secondary-color: var(--bs-secondary-500);
388
+ --bs-btn-link-secondary-hover-bg: var(--bs-secondary-100);
389
+ --bs-btn-link-secondary-hover-border-color: transparent;
390
+ --bs-btn-link-secondary-hover-color: var(--bs-secondary-500);
391
+ --bs-btn-link-secondary-focus-bg: transparent;
392
+ --bs-btn-link-secondary-focus-border-color: transparent;
393
+ --bs-btn-link-secondary-focus-color: var(--bs-secondary-500);
394
+ --bs-btn-link-secondary-active-bg: var(--bs-secondary-100);
395
+ --bs-btn-link-secondary-active-border-color: transparent;
396
+ --bs-btn-link-secondary-active-color: var(--bs-secondary-700);
397
+ --bs-btn-link-secondary-disabled-bg: transparent;
398
+ --bs-btn-link-secondary-disabled-border-color: transparent;
399
+ --bs-btn-link-secondary-disabled-color: var(--bs-secondary-500);
400
+ --bs-btn-link-secondary-disabled-opacity: 0.5;
401
+ --bs-btn-success-color: var(--bs-white);
402
+ --bs-btn-success-bg: var(--bs-success-500);
403
+ --bs-btn-success-border-color: var(--bs-success-500);
404
+ --bs-btn-success-hover-color: var(--bs-white);
405
+ --bs-btn-success-hover-bg: var(--bs-success-600);
406
+ --bs-btn-success-hover-border-color: var(--bs-success-600);
407
+ --bs-btn-success-focus-color: var(--bs-white);
408
+ --bs-btn-success-focus-bg: var(--bs-success-500);
409
+ --bs-btn-success-focus-border-color: var(--bs-success-500);
410
+ --bs-btn-success-active-color: var(--bs-white);
411
+ --bs-btn-success-active-bg: var(--bs-success-700);
412
+ --bs-btn-success-active-border-color: var(--bs-success-700);
413
+ --bs-btn-success-disabled-color: var(--bs-white);
414
+ --bs-btn-success-disabled-bg: var(--bs-success-500);
415
+ --bs-btn-success-disabled-border-color: var(--bs-success-500);
416
+ --bs-btn-success-disabled-opacity: 0.5;
417
+ --bs-btn-outline-success-color: var(--bs-success-500);
418
+ --bs-btn-outline-success-bg: transparent;
419
+ --bs-btn-outline-success-border-color: var(--bs-success-500);
420
+ --bs-btn-outline-success-hover-color: var(--bs-success-500);
421
+ --bs-btn-outline-success-hover-bg: var(--bs-success-100);
422
+ --bs-btn-outline-success-hover-border-color: var(--bs-success-500);
423
+ --bs-btn-outline-success-focus-color: var(--bs-success-500);
424
+ --bs-btn-outline-success-focus-bg: transparent;
425
+ --bs-btn-outline-success-focus-border-color: var(--bs-success-500);
426
+ --bs-btn-outline-success-active-color: var(--bs-success-700);
427
+ --bs-btn-outline-success-active-bg: var(--bs-success-100);
428
+ --bs-btn-outline-success-active-border-color: var(--bs-success-700);
429
+ --bs-btn-outline-success-disabled-color: var(--bs-success-500);
430
+ --bs-btn-outline-success-disabled-bg: transparent;
431
+ --bs-btn-outline-success-disabled-border-color: var(--bs-success-500);
432
+ --bs-btn-outline-success-disabled-opacity: 0.5;
433
+ --bs-btn-link-success-bg: transparent;
434
+ --bs-btn-link-success-border-color: transparent;
435
+ --bs-btn-link-success-color: var(--bs-success-500);
436
+ --bs-btn-link-success-hover-bg: var(--bs-success-100);
437
+ --bs-btn-link-success-hover-border-color: transparent;
438
+ --bs-btn-link-success-hover-color: var(--bs-success-500);
439
+ --bs-btn-link-success-focus-bg: transparent;
440
+ --bs-btn-link-success-focus-border-color: transparent;
441
+ --bs-btn-link-success-focus-color: var(--bs-success-500);
442
+ --bs-btn-link-success-active-bg: var(--bs-success-100);
443
+ --bs-btn-link-success-active-border-color: transparent;
444
+ --bs-btn-link-success-active-color: var(--bs-success-700);
445
+ --bs-btn-link-success-disabled-bg: transparent;
446
+ --bs-btn-link-success-disabled-border-color: transparent;
447
+ --bs-btn-link-success-disabled-color: var(--bs-success-500);
448
+ --bs-btn-link-success-disabled-opacity: 0.5;
449
+ --bs-btn-info-color: var(--bs-white);
450
+ --bs-btn-info-bg: var(--bs-info-500);
451
+ --bs-btn-info-border-color: var(--bs-info-500);
452
+ --bs-btn-info-hover-color: var(--bs-white);
453
+ --bs-btn-info-hover-bg: var(--bs-info-600);
454
+ --bs-btn-info-hover-border-color: var(--bs-info-600);
455
+ --bs-btn-info-focus-color: var(--bs-white);
456
+ --bs-btn-info-focus-bg: var(--bs-info-500);
457
+ --bs-btn-info-focus-border-color: var(--bs-info-500);
458
+ --bs-btn-info-active-color: var(--bs-white);
459
+ --bs-btn-info-active-bg: var(--bs-info-700);
460
+ --bs-btn-info-active-border-color: var(--bs-info-700);
461
+ --bs-btn-info-disabled-color: var(--bs-white);
462
+ --bs-btn-info-disabled-bg: var(--bs-info-500);
463
+ --bs-btn-info-disabled-border-color: var(--bs-info-500);
464
+ --bs-btn-info-disabled-opacity: 0.5;
465
+ --bs-btn-outline-info-color: var(--bs-info-500);
466
+ --bs-btn-outline-info-bg: transparent;
467
+ --bs-btn-outline-info-border-color: var(--bs-info-500);
468
+ --bs-btn-outline-info-hover-color: var(--bs-info-500);
469
+ --bs-btn-outline-info-hover-bg: var(--bs-info-100);
470
+ --bs-btn-outline-info-hover-border-color: var(--bs-info-500);
471
+ --bs-btn-outline-info-focus-color: var(--bs-info-500);
472
+ --bs-btn-outline-info-focus-bg: transparent;
473
+ --bs-btn-outline-info-focus-border-color: var(--bs-info-500);
474
+ --bs-btn-outline-info-active-color: var(--bs-info-700);
475
+ --bs-btn-outline-info-active-bg: var(--bs-info-100);
476
+ --bs-btn-outline-info-active-border-color: var(--bs-info-700);
477
+ --bs-btn-outline-info-disabled-color: var(--bs-info-500);
478
+ --bs-btn-outline-info-disabled-bg: transparent;
479
+ --bs-btn-outline-info-disabled-border-color: var(--bs-info-500);
480
+ --bs-btn-outline-info-disabled-opacity: 0.5;
481
+ --bs-btn-link-info-bg: transparent;
482
+ --bs-btn-link-info-border-color: transparent;
483
+ --bs-btn-link-info-color: var(--bs-info-500);
484
+ --bs-btn-link-info-hover-bg: var(--bs-info-100);
485
+ --bs-btn-link-info-hover-border-color: transparent;
486
+ --bs-btn-link-info-hover-color: var(--bs-info-500);
487
+ --bs-btn-link-info-focus-bg: transparent;
488
+ --bs-btn-link-info-focus-border-color: transparent;
489
+ --bs-btn-link-info-focus-color: var(--bs-info-500);
490
+ --bs-btn-link-info-active-bg: var(--bs-info-100);
491
+ --bs-btn-link-info-active-border-color: transparent;
492
+ --bs-btn-link-info-active-color: var(--bs-info-700);
493
+ --bs-btn-link-info-disabled-bg: transparent;
494
+ --bs-btn-link-info-disabled-border-color: transparent;
495
+ --bs-btn-link-info-disabled-color: var(--bs-info-500);
496
+ --bs-btn-link-info-disabled-opacity: 0.5;
497
+ --bs-btn-warning-color: var(--bs-black);
498
+ --bs-btn-warning-bg: var(--bs-warning-500);
499
+ --bs-btn-warning-border-color: var(--bs-warning-500);
500
+ --bs-btn-warning-hover-color: var(--bs-black);
501
+ --bs-btn-warning-hover-bg: var(--bs-warning-600);
502
+ --bs-btn-warning-hover-border-color: var(--bs-warning-600);
503
+ --bs-btn-warning-focus-color: var(--bs-black);
504
+ --bs-btn-warning-focus-bg: var(--bs-warning-500);
505
+ --bs-btn-warning-focus-border-color: var(--bs-warning-500);
506
+ --bs-btn-warning-active-color: var(--bs-black);
507
+ --bs-btn-warning-active-bg: var(--bs-warning-700);
508
+ --bs-btn-warning-active-border-color: var(--bs-warning-700);
509
+ --bs-btn-warning-disabled-color: var(--bs-black);
510
+ --bs-btn-warning-disabled-bg: var(--bs-warning-500);
511
+ --bs-btn-warning-disabled-border-color: var(--bs-warning-500);
512
+ --bs-btn-warning-disabled-opacity: 0.5;
513
+ --bs-btn-outline-warning-color: var(--bs-warning-500);
514
+ --bs-btn-outline-warning-bg: transparent;
515
+ --bs-btn-outline-warning-border-color: var(--bs-warning-500);
516
+ --bs-btn-outline-warning-hover-color: var(--bs-warning-500);
517
+ --bs-btn-outline-warning-hover-bg: var(--bs-warning-100);
518
+ --bs-btn-outline-warning-hover-border-color: var(--bs-warning-500);
519
+ --bs-btn-outline-warning-focus-color: var(--bs-warning-500);
520
+ --bs-btn-outline-warning-focus-bg: transparent;
521
+ --bs-btn-outline-warning-focus-border-color: var(--bs-warning-500);
522
+ --bs-btn-outline-warning-active-color: var(--bs-warning-700);
523
+ --bs-btn-outline-warning-active-bg: var(--bs-warning-100);
524
+ --bs-btn-outline-warning-active-border-color: var(--bs-warning-700);
525
+ --bs-btn-outline-warning-disabled-color: var(--bs-warning-500);
526
+ --bs-btn-outline-warning-disabled-bg: transparent;
527
+ --bs-btn-outline-warning-disabled-border-color: var(--bs-warning-500);
528
+ --bs-btn-outline-warning-disabled-opacity: 0.5;
529
+ --bs-btn-link-warning-bg: transparent;
530
+ --bs-btn-link-warning-border-color: transparent;
531
+ --bs-btn-link-warning-color: var(--bs-warning-500);
532
+ --bs-btn-link-warning-hover-bg: var(--bs-warning-100);
533
+ --bs-btn-link-warning-hover-border-color: transparent;
534
+ --bs-btn-link-warning-hover-color: var(--bs-warning-500);
535
+ --bs-btn-link-warning-focus-bg: transparent;
536
+ --bs-btn-link-warning-focus-border-color: transparent;
537
+ --bs-btn-link-warning-focus-color: var(--bs-warning-500);
538
+ --bs-btn-link-warning-active-bg: var(--bs-warning-100);
539
+ --bs-btn-link-warning-active-border-color: transparent;
540
+ --bs-btn-link-warning-active-color: var(--bs-warning-700);
541
+ --bs-btn-link-warning-disabled-bg: transparent;
542
+ --bs-btn-link-warning-disabled-border-color: transparent;
543
+ --bs-btn-link-warning-disabled-color: var(--bs-warning-500);
544
+ --bs-btn-link-warning-disabled-opacity: 0.5;
545
+ --bs-btn-danger-color: var(--bs-white);
546
+ --bs-btn-danger-bg: var(--bs-danger-500);
547
+ --bs-btn-danger-border-color: var(--bs-danger-500);
548
+ --bs-btn-danger-hover-color: var(--bs-white);
549
+ --bs-btn-danger-hover-bg: var(--bs-danger-600);
550
+ --bs-btn-danger-hover-border-color: var(--bs-danger-600);
551
+ --bs-btn-danger-focus-color: var(--bs-white);
552
+ --bs-btn-danger-focus-bg: var(--bs-danger-500);
553
+ --bs-btn-danger-focus-border-color: var(--bs-danger-500);
554
+ --bs-btn-danger-active-color: var(--bs-white);
555
+ --bs-btn-danger-active-bg: var(--bs-danger-700);
556
+ --bs-btn-danger-active-border-color: var(--bs-danger-700);
557
+ --bs-btn-danger-disabled-color: var(--bs-white);
558
+ --bs-btn-danger-disabled-bg: var(--bs-danger-500);
559
+ --bs-btn-danger-disabled-border-color: var(--bs-danger-500);
560
+ --bs-btn-danger-disabled-opacity: 0.5;
561
+ --bs-btn-outline-danger-color: var(--bs-danger-500);
562
+ --bs-btn-outline-danger-bg: transparent;
563
+ --bs-btn-outline-danger-border-color: var(--bs-danger-500);
564
+ --bs-btn-outline-danger-hover-color: var(--bs-danger-500);
565
+ --bs-btn-outline-danger-hover-bg: var(--bs-danger-100);
566
+ --bs-btn-outline-danger-hover-border-color: var(--bs-danger-500);
567
+ --bs-btn-outline-danger-focus-color: var(--bs-danger-500);
568
+ --bs-btn-outline-danger-focus-bg: transparent;
569
+ --bs-btn-outline-danger-focus-border-color: var(--bs-danger-500);
570
+ --bs-btn-outline-danger-active-color: var(--bs-danger-700);
571
+ --bs-btn-outline-danger-active-bg: var(--bs-danger-100);
572
+ --bs-btn-outline-danger-active-border-color: var(--bs-danger-700);
573
+ --bs-btn-outline-danger-disabled-color: var(--bs-danger-500);
574
+ --bs-btn-outline-danger-disabled-bg: transparent;
575
+ --bs-btn-outline-danger-disabled-border-color: var(--bs-danger-500);
576
+ --bs-btn-outline-danger-disabled-opacity: 0.5;
577
+ --bs-btn-link-danger-bg: transparent;
578
+ --bs-btn-link-danger-border-color: transparent;
579
+ --bs-btn-link-danger-color: var(--bs-danger-500);
580
+ --bs-btn-link-danger-hover-bg: var(--bs-danger-100);
581
+ --bs-btn-link-danger-hover-border-color: transparent;
582
+ --bs-btn-link-danger-hover-color: var(--bs-danger-500);
583
+ --bs-btn-link-danger-focus-bg: transparent;
584
+ --bs-btn-link-danger-focus-border-color: transparent;
585
+ --bs-btn-link-danger-focus-color: var(--bs-danger-500);
586
+ --bs-btn-link-danger-active-bg: var(--bs-danger-100);
587
+ --bs-btn-link-danger-active-border-color: transparent;
588
+ --bs-btn-link-danger-active-color: var(--bs-danger-700);
589
+ --bs-btn-link-danger-disabled-bg: transparent;
590
+ --bs-btn-link-danger-disabled-border-color: transparent;
591
+ --bs-btn-link-danger-disabled-color: var(--bs-danger-500);
592
+ --bs-btn-link-danger-disabled-opacity: 0.5;
593
+ --bs-btn-light-color: var(--bs-gray-700);
594
+ --bs-btn-light-bg: var(--bs-light);
595
+ --bs-btn-light-border-color: var(--bs-light);
596
+ --bs-btn-light-hover-color: var(--bs-gray-700);
597
+ --bs-btn-light-hover-bg: var(--bs-gray-200);
598
+ --bs-btn-light-hover-border-color: var(--bs-gray-200);
599
+ --bs-btn-light-focus-color: var(--bs-gray-700);
600
+ --bs-btn-light-focus-bg: var(--bs-light);
601
+ --bs-btn-light-focus-border-color: var(--bs-light);
602
+ --bs-btn-light-active-color: var(--bs-gray-700);
603
+ --bs-btn-light-active-bg: var(--bs-gray-300);
604
+ --bs-btn-light-active-border-color: var(--bs-gray-300);
605
+ --bs-btn-light-disabled-color: var(--bs-gray-700);
606
+ --bs-btn-light-disabled-bg: var(--bs-light);
607
+ --bs-btn-light-disabled-border-color: var(--bs-light);
608
+ --bs-btn-light-disabled-opacity: 0.5;
609
+ --bs-btn-outline-light-color: var(--bs-light);
610
+ --bs-btn-outline-light-bg: transparent;
611
+ --bs-btn-outline-light-border-color: var(--bs-light);
612
+ --bs-btn-outline-light-hover-color: var(--bs-gray-700);
613
+ --bs-btn-outline-light-hover-bg: var(--bs-light);
614
+ --bs-btn-outline-light-hover-border-color: var(--bs-light);
615
+ --bs-btn-outline-light-focus-color: var(--bs-light);
616
+ --bs-btn-outline-light-focus-bg: transparent;
617
+ --bs-btn-outline-light-focus-border-color: var(--bs-light);
618
+ --bs-btn-outline-light-active-color: var(--bs-gray-700);
619
+ --bs-btn-outline-light-active-bg: var(--bs-gray-300);
620
+ --bs-btn-outline-light-active-border-color: var(--bs-gray-300);
621
+ --bs-btn-outline-light-disabled-color: var(--bs-light);
622
+ --bs-btn-outline-light-disabled-bg: transparent;
623
+ --bs-btn-outline-light-disabled-border-color: var(--bs-light);
624
+ --bs-btn-outline-light-disabled-opacity: 0.5;
625
+ --bs-btn-link-light-bg: transparent;
626
+ --bs-btn-link-light-border-color: transparent;
627
+ --bs-btn-link-light-color: var(--bs-light);
628
+ --bs-btn-link-light-hover-bg: var(--bs-light);
629
+ --bs-btn-link-light-hover-border-color: transparent;
630
+ --bs-btn-link-light-hover-color: var(--bs-gray-700);
631
+ --bs-btn-link-light-focus-bg: transparent;
632
+ --bs-btn-link-light-focus-border-color: transparent;
633
+ --bs-btn-link-light-focus-color: var(--bs-light);
634
+ --bs-btn-link-light-active-bg: var(--bs-gray-300);
635
+ --bs-btn-link-light-active-border-color: transparent;
636
+ --bs-btn-link-light-active-color: var(--bs-gray-700);
637
+ --bs-btn-link-light-disabled-bg: transparent;
638
+ --bs-btn-link-light-disabled-border-color: transparent;
639
+ --bs-btn-link-light-disabled-color: var(--bs-light);
640
+ --bs-btn-link-light-disabled-opacity: 0.5;
641
+ --bs-btn-dark-color: var(--bs-white);
642
+ --bs-btn-dark-bg: var(--bs-dark);
643
+ --bs-btn-dark-border-color: var(--bs-dark);
644
+ --bs-btn-dark-hover-color: var(--bs-white);
645
+ --bs-btn-dark-hover-bg: var(--bs-gray-800);
646
+ --bs-btn-dark-hover-border-color: var(--bs-gray-800);
647
+ --bs-btn-dark-focus-color: var(--bs-white);
648
+ --bs-btn-dark-focus-bg: var(--bs-dark);
649
+ --bs-btn-dark-focus-border-color: var(--bs-dark);
650
+ --bs-btn-dark-active-color: var(--bs-white);
651
+ --bs-btn-dark-active-bg: var(--bs-gray-700);
652
+ --bs-btn-dark-active-border-color: var(--bs-gray-700);
653
+ --bs-btn-dark-disabled-color: var(--bs-white);
654
+ --bs-btn-dark-disabled-bg: var(--bs-dark);
655
+ --bs-btn-dark-disabled-border-color: var(--bs-dark);
656
+ --bs-btn-dark-disabled-opacity: 0.5;
657
+ --bs-btn-outline-dark-color: var(--bs-dark);
658
+ --bs-btn-outline-dark-bg: transparent;
659
+ --bs-btn-outline-dark-border-color: var(--bs-dark);
660
+ --bs-btn-outline-dark-hover-color: var(--bs-white);
661
+ --bs-btn-outline-dark-hover-bg: var(--bs-dark);
662
+ --bs-btn-outline-dark-hover-border-color: var(--bs-dark);
663
+ --bs-btn-outline-dark-focus-color: var(--bs-dark);
664
+ --bs-btn-outline-dark-focus-bg: transparent;
665
+ --bs-btn-outline-dark-focus-border-color: var(--bs-dark);
666
+ --bs-btn-outline-dark-active-color: var(--bs-white);
667
+ --bs-btn-outline-dark-active-bg: var(--bs-gray-700);
668
+ --bs-btn-outline-dark-active-border-color: var(--bs-gray-700);
669
+ --bs-btn-outline-dark-disabled-color: var(--bs-dark);
670
+ --bs-btn-outline-dark-disabled-bg: transparent;
671
+ --bs-btn-outline-dark-disabled-border-color: var(--bs-dark);
672
+ --bs-btn-outline-dark-disabled-opacity: 0.5;
673
+ --bs-btn-link-dark-bg: transparent;
674
+ --bs-btn-link-dark-border-color: transparent;
675
+ --bs-btn-link-dark-color: var(--bs-dark);
676
+ --bs-btn-link-dark-hover-bg: var(--bs-dark);
677
+ --bs-btn-link-dark-hover-border-color: transparent;
678
+ --bs-btn-link-dark-hover-color: var(--bs-white);
679
+ --bs-btn-link-dark-focus-bg: transparent;
680
+ --bs-btn-link-dark-focus-border-color: transparent;
681
+ --bs-btn-link-dark-focus-color: var(--bs-dark);
682
+ --bs-btn-link-dark-active-bg: var(--bs-gray-700);
683
+ --bs-btn-link-dark-active-border-color: transparent;
684
+ --bs-btn-link-dark-active-color: var(--bs-white);
685
+ --bs-btn-link-dark-disabled-bg: transparent;
686
+ --bs-btn-link-dark-disabled-border-color: transparent;
687
+ --bs-btn-link-dark-disabled-color: var(--bs-dark);
688
+ --bs-btn-link-dark-disabled-opacity: 0.5;
267
689
  --bs-ref-spacer-0: 0;
268
690
  --bs-ref-spacer-1: 0.25rem;
269
691
  --bs-ref-spacer-2: 0.5rem;
@@ -279,30 +701,72 @@
279
701
  --bs-ref-spacer-12: 3rem;
280
702
  --bs-ref-spacer-13: 3.25rem;
281
703
  --bs-ref-spacer-14: 3.5rem;
282
- --bs-ref-display-1: 7.5rem;
283
- --bs-ref-display-2: 4.5rem;
284
- --bs-ref-display-3: 4rem;
285
- --bs-ref-display-4: 3.5rem;
286
- --bs-ref-display-5: 3rem;
287
- --bs-ref-display-6: 2.5rem;
288
- --bs-ref-fs-1: 4rem;
289
- --bs-ref-fs-2: 3.5rem;
290
- --bs-ref-fs-3: 3rem;
291
- --bs-ref-fs-4: 2rem;
292
- --bs-ref-fs-5: 1.5rem;
293
- --bs-ref-fs-6: 1.125rem;
294
- --bs-ref-fs-small: 0.875rem;
295
- --bs-ref-fw-lighter: lighter;
296
- --bs-ref-fw-light: 200;
297
- --bs-ref-fw-normal: 400;
298
- --bs-ref-fw-semibold: 600;
299
- --bs-ref-fw-bold: 700;
300
- --bs-ref-fw-bolder: 800;
301
- --bs-label-padding-y: var(--bs-ref-spacer-0);
302
- --bs-label-padding-x: var(--bs-ref-spacer-2);
303
- --bs-label-font-size: var(--bs-ref-fs-small);
304
- --bs-label-font-weight: var(--bs-ref-fw-bold);
305
- --bs-label-color: var(--bs-gray);
704
+ }
705
+ @media (min-width: 1200px) {
706
+ :root,
707
+ [data-bs-theme=dynamic] {
708
+ --bs-rfs-display-1: 7.5rem;
709
+ }
710
+ }
711
+ @media (min-width: 1200px) {
712
+ :root,
713
+ [data-bs-theme=dynamic] {
714
+ --bs-rfs-display-2: 4.5rem;
715
+ }
716
+ }
717
+ @media (min-width: 1200px) {
718
+ :root,
719
+ [data-bs-theme=dynamic] {
720
+ --bs-rfs-display-3: 4rem;
721
+ }
722
+ }
723
+ @media (min-width: 1200px) {
724
+ :root,
725
+ [data-bs-theme=dynamic] {
726
+ --bs-rfs-display-4: 3.5rem;
727
+ }
728
+ }
729
+ @media (min-width: 1200px) {
730
+ :root,
731
+ [data-bs-theme=dynamic] {
732
+ --bs-rfs-display-5: 3rem;
733
+ }
734
+ }
735
+ @media (min-width: 1200px) {
736
+ :root,
737
+ [data-bs-theme=dynamic] {
738
+ --bs-rfs-display-6: 2.5rem;
739
+ }
740
+ }
741
+ @media (min-width: 1200px) {
742
+ :root,
743
+ [data-bs-theme=dynamic] {
744
+ --bs-rfs-fs-1: 4rem;
745
+ }
746
+ }
747
+ @media (min-width: 1200px) {
748
+ :root,
749
+ [data-bs-theme=dynamic] {
750
+ --bs-rfs-fs-2: 3.5rem;
751
+ }
752
+ }
753
+ @media (min-width: 1200px) {
754
+ :root,
755
+ [data-bs-theme=dynamic] {
756
+ --bs-rfs-fs-3: 3rem;
757
+ }
758
+ }
759
+ @media (min-width: 1200px) {
760
+ :root,
761
+ [data-bs-theme=dynamic] {
762
+ --bs-rfs-fs-4: 2rem;
763
+ }
764
+ }
765
+ @media (min-width: 1200px) {
766
+ :root,
767
+ [data-bs-theme=dynamic] {
768
+ --bs-rfs-fs-5: 1.5rem;
769
+ }
306
770
  }
307
771
 
308
772
  *,
@@ -344,58 +808,33 @@ hr {
344
808
  h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
345
809
  margin-top: 0;
346
810
  margin-bottom: 0;
347
- font-weight: 700;
348
- line-height: 1.2;
811
+ font-weight: var(--bs-fw-bold);
812
+ line-height: var(--bs-heading-line-height);
349
813
  color: var(--bs-heading-color);
350
814
  }
351
815
 
352
816
  h1, .h1 {
353
- font-size: calc(1.525rem + 3.3vw);
354
- }
355
- @media (min-width: 1200px) {
356
- h1, .h1 {
357
- font-size: 4rem;
358
- }
817
+ font-size: var(--bs-fs-1);
359
818
  }
360
819
 
361
820
  h2, .h2 {
362
- font-size: calc(1.475rem + 2.7vw);
363
- }
364
- @media (min-width: 1200px) {
365
- h2, .h2 {
366
- font-size: 3.5rem;
367
- }
821
+ font-size: var(--bs-fs-2);
368
822
  }
369
823
 
370
824
  h3, .h3 {
371
- font-size: calc(1.425rem + 2.1vw);
372
- }
373
- @media (min-width: 1200px) {
374
- h3, .h3 {
375
- font-size: 3rem;
376
- }
825
+ font-size: var(--bs-fs-3);
377
826
  }
378
827
 
379
828
  h4, .h4 {
380
- font-size: calc(1.325rem + 0.9vw);
381
- }
382
- @media (min-width: 1200px) {
383
- h4, .h4 {
384
- font-size: 2rem;
385
- }
829
+ font-size: var(--bs-fs-4);
386
830
  }
387
831
 
388
832
  h5, .h5 {
389
- font-size: calc(1.275rem + 0.3vw);
390
- }
391
- @media (min-width: 1200px) {
392
- h5, .h5 {
393
- font-size: 1.5rem;
394
- }
833
+ font-size: var(--bs-fs-5);
395
834
  }
396
835
 
397
836
  h6, .h6 {
398
- font-size: 1.125rem;
837
+ font-size: var(--bs-fs-6);
399
838
  }
400
839
 
401
840
  p {
@@ -437,7 +876,7 @@ ul ol {
437
876
  }
438
877
 
439
878
  dt {
440
- font-weight: 700;
879
+ font-weight: var(--bs-fw-bold);
441
880
  }
442
881
 
443
882
  dd {
@@ -451,11 +890,11 @@ blockquote {
451
890
 
452
891
  b,
453
892
  strong {
454
- font-weight: 800;
893
+ font-weight: var(--bs-fw-bolder);
455
894
  }
456
895
 
457
896
  small, .small {
458
- font-size: 0.875rem;
897
+ font-size: var(--bs-fs-small);
459
898
  }
460
899
 
461
900
  mark, .mark {
@@ -507,7 +946,7 @@ pre {
507
946
  margin-top: 0;
508
947
  margin-bottom: 1rem;
509
948
  overflow: auto;
510
- font-size: 0.875rem;
949
+ font-size: var(--bs-fs-small);
511
950
  }
512
951
  pre code {
513
952
  font-size: inherit;
@@ -516,7 +955,7 @@ pre code {
516
955
  }
517
956
 
518
957
  code {
519
- font-size: 0.875rem;
958
+ font-size: var(--bs-fs-small);
520
959
  color: var(--bs-code-color);
521
960
  word-wrap: break-word;
522
961
  }
@@ -526,7 +965,7 @@ a > code {
526
965
 
527
966
  kbd {
528
967
  padding: 0.1875rem 0.375rem;
529
- font-size: 0.875rem;
968
+ font-size: var(--bs-fs-small);
530
969
  color: var(--bs-body-bg);
531
970
  background-color: var(--bs-body-color);
532
971
  border-radius: 0.5rem;
@@ -728,117 +1167,6 @@ progress {
728
1167
  display: none !important;
729
1168
  }
730
1169
 
731
- .lead {
732
- font-size: 1.25rem;
733
- font-weight: 400;
734
- }
735
-
736
- .display-1 {
737
- font-size: calc(1.875rem + 7.5vw);
738
- font-weight: 400;
739
- line-height: 1.2;
740
- }
741
- @media (min-width: 1200px) {
742
- .display-1 {
743
- font-size: 7.5rem;
744
- }
745
- }
746
-
747
- .display-2 {
748
- font-size: calc(1.575rem + 3.9vw);
749
- font-weight: 400;
750
- line-height: 1.2;
751
- }
752
- @media (min-width: 1200px) {
753
- .display-2 {
754
- font-size: 4.5rem;
755
- }
756
- }
757
-
758
- .display-3 {
759
- font-size: calc(1.525rem + 3.3vw);
760
- font-weight: 400;
761
- line-height: 1.2;
762
- }
763
- @media (min-width: 1200px) {
764
- .display-3 {
765
- font-size: 4rem;
766
- }
767
- }
768
-
769
- .display-4 {
770
- font-size: calc(1.475rem + 2.7vw);
771
- font-weight: 400;
772
- line-height: 1.2;
773
- }
774
- @media (min-width: 1200px) {
775
- .display-4 {
776
- font-size: 3.5rem;
777
- }
778
- }
779
-
780
- .display-5 {
781
- font-size: calc(1.425rem + 2.1vw);
782
- font-weight: 400;
783
- line-height: 1.2;
784
- }
785
- @media (min-width: 1200px) {
786
- .display-5 {
787
- font-size: 3rem;
788
- }
789
- }
790
-
791
- .display-6 {
792
- font-size: calc(1.375rem + 1.5vw);
793
- font-weight: 400;
794
- line-height: 1.2;
795
- }
796
- @media (min-width: 1200px) {
797
- .display-6 {
798
- font-size: 2.5rem;
799
- }
800
- }
801
-
802
- .list-unstyled {
803
- padding-left: 0;
804
- list-style: none;
805
- }
806
-
807
- .list-inline {
808
- padding-left: 0;
809
- list-style: none;
810
- }
811
-
812
- .list-inline-item {
813
- display: inline-block;
814
- }
815
- .list-inline-item:not(:last-child) {
816
- margin-right: 0.5rem;
817
- }
818
-
819
- .initialism {
820
- font-size: 0.875rem;
821
- text-transform: uppercase;
822
- }
823
-
824
- .blockquote {
825
- margin-bottom: var(--bs-ref-spacer-4);
826
- font-size: 1.25rem;
827
- }
828
- .blockquote > :last-child {
829
- margin-bottom: 0;
830
- }
831
-
832
- .blockquote-footer {
833
- margin-top: -var(--bs-ref-spacer-4);
834
- margin-bottom: var(--bs-ref-spacer-4);
835
- font-size: 0.875rem;
836
- color: var(--bs-gray-600);
837
- }
838
- .blockquote-footer::before {
839
- content: "— ";
840
- }
841
-
842
1170
  .img-fluid {
843
1171
  max-width: 100%;
844
1172
  height: auto;
@@ -864,7 +1192,7 @@ progress {
864
1192
  }
865
1193
 
866
1194
  .figure-caption {
867
- font-size: 0.875rem;
1195
+ font-size: var(--bs-fs-small);
868
1196
  color: var(--bs-secondary-color);
869
1197
  }
870
1198
 
@@ -2705,8 +3033,8 @@ progress {
2705
3033
 
2706
3034
  .form-label {
2707
3035
  margin-bottom: 0;
2708
- font-size: var(--bs-ref-fs-small);
2709
- font-weight: var(--bs-ref-fw-bold);
3036
+ font-size: var(--bs-fs-small);
3037
+ font-weight: var(--bs-fw-bold);
2710
3038
  color: var(--bs-gray);
2711
3039
  }
2712
3040
 
@@ -2715,7 +3043,7 @@ progress {
2715
3043
  padding-bottom: calc(0.75rem + var(--bs-border-width));
2716
3044
  margin-bottom: 0;
2717
3045
  font-size: inherit;
2718
- font-weight: var(--bs-ref-fw-bold);
3046
+ font-weight: var(--bs-fw-bold);
2719
3047
  line-height: 1.5;
2720
3048
  color: var(--bs-gray);
2721
3049
  }
@@ -2729,12 +3057,12 @@ progress {
2729
3057
  .col-form-label-sm {
2730
3058
  padding-top: calc(0.25rem + var(--bs-border-width));
2731
3059
  padding-bottom: calc(0.25rem + var(--bs-border-width));
2732
- font-size: 0.875rem;
3060
+ font-size: var(--bs-fs-small);
2733
3061
  }
2734
3062
 
2735
3063
  .form-text {
2736
3064
  margin-top: 0.5rem;
2737
- font-size: 0.875rem;
3065
+ font-size: var(--bs-fs-small);
2738
3066
  color: var(--bs-gray);
2739
3067
  }
2740
3068
 
@@ -2743,15 +3071,15 @@ progress {
2743
3071
  width: 100%;
2744
3072
  padding: 0.75rem 1rem;
2745
3073
  font-size: 1rem;
2746
- font-weight: 400;
3074
+ font-weight: var(--bs-fw-normal);
2747
3075
  line-height: 1.5;
2748
- color: var(--bs-gray);
3076
+ color: var(--bs-gray-900);
2749
3077
  -webkit-appearance: none;
2750
3078
  -moz-appearance: none;
2751
3079
  appearance: none;
2752
3080
  background-color: var(--bs-white);
2753
3081
  background-clip: padding-box;
2754
- border: var(--bs-border-width) solid var(--bs-border-color);
3082
+ border: var(--bs-border-width) solid var(--bs-gray-300);
2755
3083
  border-radius: var(--bs-border-radius-sm);
2756
3084
  box-shadow: 0 0 0 transparent;
2757
3085
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2768,7 +3096,7 @@ progress {
2768
3096
  cursor: pointer;
2769
3097
  }
2770
3098
  .form-control:focus {
2771
- color: var(--bs-gray);
3099
+ color: var(--bs-gray-900);
2772
3100
  background-color: var(--bs-white);
2773
3101
  border-color: var(--bs-focus-ring-color);
2774
3102
  outline: 0;
@@ -2802,7 +3130,7 @@ progress {
2802
3130
  margin: -0.75rem -1rem;
2803
3131
  -webkit-margin-end: 1rem;
2804
3132
  margin-inline-end: 1rem;
2805
- color: var(--bs-gray);
3133
+ color: var(--bs-gray-900);
2806
3134
  background-color: var(--bs-white);
2807
3135
  pointer-events: none;
2808
3136
  border-color: inherit;
@@ -2818,7 +3146,7 @@ progress {
2818
3146
  margin: -0.75rem -1rem;
2819
3147
  -webkit-margin-end: 1rem;
2820
3148
  margin-inline-end: 1rem;
2821
- color: var(--bs-gray);
3149
+ color: var(--bs-gray-900);
2822
3150
  background-color: var(--bs-white);
2823
3151
  pointer-events: none;
2824
3152
  border-color: inherit;
@@ -2866,7 +3194,7 @@ progress {
2866
3194
  .form-control-sm {
2867
3195
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
2868
3196
  padding: 0.25rem 0.5rem;
2869
- font-size: 0.875rem;
3197
+ font-size: var(--bs-fs-small);
2870
3198
  border-radius: var(--bs-border-radius-sm);
2871
3199
  }
2872
3200
  .form-control-sm::-webkit-file-upload-button {
@@ -2940,9 +3268,9 @@ textarea.form-control-lg {
2940
3268
  width: 100%;
2941
3269
  padding: 0.75rem 3rem 0.75rem 1rem;
2942
3270
  font-size: 1rem;
2943
- font-weight: 400;
3271
+ font-weight: var(--bs-fw-normal);
2944
3272
  line-height: 1.5;
2945
- color: var(--bs-gray);
3273
+ color: var(--bs-gray-900);
2946
3274
  -webkit-appearance: none;
2947
3275
  -moz-appearance: none;
2948
3276
  appearance: none;
@@ -2951,7 +3279,7 @@ textarea.form-control-lg {
2951
3279
  background-repeat: no-repeat;
2952
3280
  background-position: right 1rem center;
2953
3281
  background-size: 24px;
2954
- border: var(--bs-border-width) solid var(--bs-border-color);
3282
+ border: var(--bs-border-width) solid var(--bs-gray-300);
2955
3283
  border-radius: var(--bs-border-radius-sm);
2956
3284
  box-shadow: none;
2957
3285
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2977,14 +3305,14 @@ textarea.form-control-lg {
2977
3305
  }
2978
3306
  .form-select:-moz-focusring {
2979
3307
  color: transparent;
2980
- text-shadow: 0 0 0 var(--bs-gray);
3308
+ text-shadow: 0 0 0 var(--bs-gray-900);
2981
3309
  }
2982
3310
 
2983
3311
  .form-select-sm {
2984
3312
  padding-top: 0.25rem;
2985
3313
  padding-bottom: 0.25rem;
2986
3314
  padding-left: 0.5rem;
2987
- font-size: 0.875rem;
3315
+ font-size: var(--bs-fs-small);
2988
3316
  border-radius: var(--bs-border-radius-sm);
2989
3317
  }
2990
3318
 
@@ -2998,9 +3326,9 @@ textarea.form-control-lg {
2998
3326
 
2999
3327
  .form-check {
3000
3328
  display: block;
3001
- min-height: 2.25rem;
3329
+ min-height: 1.5em;
3002
3330
  padding-left: 0.75em;
3003
- margin-bottom: 0.1875rem;
3331
+ margin-bottom: 0.125rem;
3004
3332
  }
3005
3333
  .form-check .form-check-input {
3006
3334
  float: left;
@@ -3065,16 +3393,16 @@ textarea.form-control-lg {
3065
3393
  .form-check-input[type=checkbox]:indeterminate {
3066
3394
  background-color: var(--bs-focus-ring-color);
3067
3395
  border-color: var(--bs-focus-ring-color);
3068
- --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");
3396
+ --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");
3069
3397
  }
3070
3398
  .form-check-input:disabled {
3071
3399
  pointer-events: none;
3072
3400
  filter: none;
3073
- opacity: 1;
3401
+ opacity: 0.5;
3074
3402
  }
3075
3403
  .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
3076
3404
  cursor: default;
3077
- opacity: 1;
3405
+ opacity: 0.5;
3078
3406
  }
3079
3407
 
3080
3408
  .form-switch {
@@ -3362,9 +3690,9 @@ textarea.form-control-lg {
3362
3690
  align-items: center;
3363
3691
  padding: 0.75rem 1rem;
3364
3692
  font-size: 1rem;
3365
- font-weight: 400;
3693
+ font-weight: var(--bs-fw-normal);
3366
3694
  line-height: 1.5;
3367
- color: var(--bs-gray);
3695
+ color: var(--bs-gray-900);
3368
3696
  text-align: center;
3369
3697
  white-space: nowrap;
3370
3698
  background-color: var(--bs-white);
@@ -3386,7 +3714,7 @@ textarea.form-control-lg {
3386
3714
  .input-group-sm > .input-group-text,
3387
3715
  .input-group-sm > .btn {
3388
3716
  padding: 0.25rem 0.5rem;
3389
- font-size: 0.875rem;
3717
+ font-size: var(--bs-fs-small);
3390
3718
  border-radius: var(--bs-border-radius-sm);
3391
3719
  }
3392
3720
 
@@ -3424,7 +3752,7 @@ textarea.form-control-lg {
3424
3752
  display: none;
3425
3753
  width: 100%;
3426
3754
  margin-top: 0.5rem;
3427
- font-size: 0.875rem;
3755
+ font-size: var(--bs-fs-small);
3428
3756
  color: var(--bs-form-valid-color);
3429
3757
  }
3430
3758
 
@@ -3434,12 +3762,12 @@ textarea.form-control-lg {
3434
3762
  z-index: 5;
3435
3763
  display: none;
3436
3764
  max-width: 100%;
3437
- padding: 0.25rem 0.5rem;
3765
+ padding: var(--bs-ref-spacer-1) var(--bs-ref-spacer-2);
3438
3766
  margin-top: 0.1rem;
3439
- font-size: 0.875rem;
3767
+ font-size: var(--bs-tooltip-component-font-size, var(--bs-body-font-size));
3440
3768
  color: var(--bs-white);
3441
3769
  background-color: var(--bs-success);
3442
- border-radius: var(--bs-border-radius);
3770
+ border-radius: var(--bs-tooltip-component-border-radius, var(--bs-ref-spacer-1));
3443
3771
  }
3444
3772
 
3445
3773
  .was-validated :valid ~ .valid-feedback,
@@ -3494,7 +3822,7 @@ textarea.form-control-lg {
3494
3822
  display: none;
3495
3823
  width: 100%;
3496
3824
  margin-top: 0.5rem;
3497
- font-size: 0.875rem;
3825
+ font-size: var(--bs-fs-small);
3498
3826
  color: var(--bs-form-invalid-color);
3499
3827
  }
3500
3828
 
@@ -3504,12 +3832,12 @@ textarea.form-control-lg {
3504
3832
  z-index: 5;
3505
3833
  display: none;
3506
3834
  max-width: 100%;
3507
- padding: 0.25rem 0.5rem;
3835
+ padding: var(--bs-ref-spacer-1) var(--bs-ref-spacer-2);
3508
3836
  margin-top: 0.1rem;
3509
- font-size: 0.875rem;
3837
+ font-size: var(--bs-tooltip-component-font-size, var(--bs-body-font-size));
3510
3838
  color: var(--bs-white);
3511
3839
  background-color: var(--bs-danger);
3512
- border-radius: var(--bs-border-radius);
3840
+ border-radius: var(--bs-tooltip-component-border-radius, var(--bs-ref-spacer-1));
3513
3841
  }
3514
3842
 
3515
3843
  .was-validated :invalid ~ .invalid-feedback,
@@ -3820,7 +4148,7 @@ textarea.form-control-lg {
3820
4148
  width: 100%;
3821
4149
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
3822
4150
  clear: both;
3823
- font-weight: 400;
4151
+ font-weight: var(--bs-fw-normal);
3824
4152
  color: var(--bs-dropdown-link-color);
3825
4153
  text-align: inherit;
3826
4154
  white-space: nowrap;
@@ -3852,7 +4180,7 @@ textarea.form-control-lg {
3852
4180
  display: block;
3853
4181
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
3854
4182
  margin-bottom: 0;
3855
- font-size: 0.875rem;
4183
+ font-size: var(--bs-fs-small);
3856
4184
  color: var(--bs-dropdown-header-color);
3857
4185
  white-space: nowrap;
3858
4186
  }
@@ -3989,7 +4317,7 @@ textarea.form-control-lg {
3989
4317
  --bs-nav-link-padding-x: 1rem;
3990
4318
  --bs-nav-link-padding-y: 0.5rem;
3991
4319
  --bs-nav-link-font-size: var(--bs-body-font-size);
3992
- --bs-nav-link-font-weight: var(--bs-ref-fw-normal);
4320
+ --bs-nav-link-font-weight: var(--bs-fw-normal);
3993
4321
  --bs-nav-link-color: var(--bs-gray-500);
3994
4322
  --bs-nav-link-hover-color: var(--bs-secondary-600);
3995
4323
  --bs-nav-link-disabled-color: var(--bs-gray-200);
@@ -4091,7 +4419,7 @@ textarea.form-control-lg {
4091
4419
  }
4092
4420
  .nav-underline .nav-link.active,
4093
4421
  .nav-underline .show > .nav-link {
4094
- font-weight: 700;
4422
+ font-weight: var(--bs-fw-bold);
4095
4423
  color: var(--bs-nav-underline-link-active-color);
4096
4424
  border-bottom-color: currentcolor;
4097
4425
  }
@@ -4178,7 +4506,7 @@ textarea.form-control-lg {
4178
4506
  --bs-nav-link-padding-x: 0;
4179
4507
  --bs-nav-link-padding-y: 0.5rem;
4180
4508
  --bs-nav-link-font-size: var(--bs-body-font-size);
4181
- --bs-nav-link-font-weight: var(--bs-ref-fw-normal);
4509
+ --bs-nav-link-font-weight: var(--bs-fw-normal);
4182
4510
  --bs-nav-link-color: var(--bs-navbar-color);
4183
4511
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
4184
4512
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
@@ -4552,8 +4880,8 @@ textarea.form-control-lg {
4552
4880
  }
4553
4881
 
4554
4882
  .card {
4555
- --bs-card-spacer-y: 1rem;
4556
- --bs-card-spacer-x: 1rem;
4883
+ --bs-card-spacer-y: 1.5rem;
4884
+ --bs-card-spacer-x: 1.5rem;
4557
4885
  --bs-card-title-spacer-y: 0.5rem;
4558
4886
  --bs-card-title-color: ;
4559
4887
  --bs-card-subtitle-color: ;
@@ -4562,8 +4890,8 @@ textarea.form-control-lg {
4562
4890
  --bs-card-border-radius: var(--bs-border-radius);
4563
4891
  --bs-card-box-shadow: var(--bs-box-shadow-sm);
4564
4892
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - 0px);
4565
- --bs-card-cap-padding-y: 0.5rem;
4566
- --bs-card-cap-padding-x: 1rem;
4893
+ --bs-card-cap-padding-y: 0.75rem;
4894
+ --bs-card-cap-padding-x: 1.5rem;
4567
4895
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
4568
4896
  --bs-card-cap-color: ;
4569
4897
  --bs-card-height: ;
@@ -4988,16 +5316,16 @@ textarea.form-control-lg {
4988
5316
  }
4989
5317
 
4990
5318
  .pagination-lg {
4991
- --bs-pagination-padding-x: var(--bs-ref-spacer-2);
4992
- --bs-pagination-padding-y: var(--bs-ref-spacer-2);
5319
+ --bs-pagination-padding-x: var(--bs-ref-spacer-1);
5320
+ --bs-pagination-padding-y: var(--bs-ref-spacer-1);
4993
5321
  --bs-pagination-font-size: 1.125rem;
4994
5322
  --bs-pagination-border-radius: 2.5rem;
4995
5323
  }
4996
5324
 
4997
5325
  .pagination-sm {
4998
- --bs-pagination-padding-x: var(--bs-ref-spacer-1);
4999
- --bs-pagination-padding-y: var(--bs-ref-spacer-1);
5000
- --bs-pagination-font-size: 0.875rem;
5326
+ --bs-pagination-padding-x: var(--bs-ref-spacer-0);
5327
+ --bs-pagination-padding-y: var(--bs-ref-spacer-0);
5328
+ --bs-pagination-font-size: var(--bs-fs-small);
5001
5329
  --bs-pagination-border-radius: 1.5rem;
5002
5330
  }
5003
5331
 
@@ -5025,7 +5353,7 @@ textarea.form-control-lg {
5025
5353
  }
5026
5354
 
5027
5355
  .alert-link {
5028
- font-weight: var(--bs-ref-fw-bold);
5356
+ font-weight: var(--bs-fw-bold);
5029
5357
  color: var(--bs-alert-link-color);
5030
5358
  }
5031
5359
 
@@ -5104,7 +5432,7 @@ textarea.form-control-lg {
5104
5432
  .progress,
5105
5433
  .progress-stacked {
5106
5434
  --bs-progress-height: 1rem;
5107
- --bs-progress-font-size: var(--bs-ref-fs-small);
5435
+ --bs-progress-font-size: var(--bs-fs-small);
5108
5436
  --bs-progress-bg: var(--bs-secondary-100);
5109
5437
  --bs-progress-border-radius: var(--bs-border-radius-pill);
5110
5438
  --bs-progress-box-shadow: none;
@@ -5905,15 +6233,15 @@ textarea.form-control-lg {
5905
6233
  }
5906
6234
  .tooltip {
5907
6235
  --bs-tooltip-zindex: 1080;
5908
- --bs-tooltip-max-width: 200px;
5909
- --bs-tooltip-padding-x: 0.5rem;
5910
- --bs-tooltip-padding-y: 0.25rem;
6236
+ --bs-tooltip-max-width: var(--bs-tooltip-component-max-width, 300px);
6237
+ --bs-tooltip-padding-x: var(--bs-ref-spacer-2);
6238
+ --bs-tooltip-padding-y: var(--bs-ref-spacer-1);
5911
6239
  --bs-tooltip-margin: ;
5912
- --bs-tooltip-font-size: 0.875rem;
5913
- --bs-tooltip-color: var(--bs-body-bg);
5914
- --bs-tooltip-bg: var(--bs-emphasis-color);
5915
- --bs-tooltip-border-radius: var(--bs-border-radius);
5916
- --bs-tooltip-opacity: 0.9;
6240
+ --bs-tooltip-font-size: var(--bs-tooltip-component-font-size, var(--bs-body-font-size));
6241
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-body-bg));
6242
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-emphasis-color));
6243
+ --bs-tooltip-border-radius: var(--bs-tooltip-component-border-radius, var(--bs-ref-spacer-1));
6244
+ --bs-tooltip-opacity: 1;
5917
6245
  --bs-tooltip-arrow-width: 0.8rem;
5918
6246
  --bs-tooltip-arrow-height: 0.4rem;
5919
6247
  z-index: var(--bs-tooltip-zindex);
@@ -5921,7 +6249,7 @@ textarea.form-control-lg {
5921
6249
  margin: var(--bs-tooltip-margin);
5922
6250
  font-family: var(--bs-font-sans-serif);
5923
6251
  font-style: normal;
5924
- font-weight: 400;
6252
+ font-weight: var(--bs-fw-normal);
5925
6253
  line-height: 1.5;
5926
6254
  text-align: left;
5927
6255
  text-align: start;
@@ -6008,7 +6336,7 @@ textarea.form-control-lg {
6008
6336
  .popover {
6009
6337
  --bs-popover-zindex: 1070;
6010
6338
  --bs-popover-max-width: 276px;
6011
- --bs-popover-font-size: 0.875rem;
6339
+ --bs-popover-font-size: var(--bs-fs-small);
6012
6340
  --bs-popover-bg: var(--bs-body-bg);
6013
6341
  --bs-popover-border-width: var(--bs-border-width);
6014
6342
  --bs-popover-border-color: var(--bs-border-color-translucent);
@@ -6031,7 +6359,7 @@ textarea.form-control-lg {
6031
6359
  max-width: var(--bs-popover-max-width);
6032
6360
  font-family: var(--bs-font-sans-serif);
6033
6361
  font-style: normal;
6034
- font-weight: 400;
6362
+ font-weight: var(--bs-fw-normal);
6035
6363
  line-height: 1.5;
6036
6364
  text-align: left;
6037
6365
  text-align: start;
@@ -6421,7 +6749,7 @@ textarea.form-control-lg {
6421
6749
  }
6422
6750
  }
6423
6751
  .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
6424
- --bs-offcanvas-zindex: 1045;
6752
+ --bs-offcanvas-zindex: 1055;
6425
6753
  --bs-offcanvas-width: 400px;
6426
6754
  --bs-offcanvas-height: 30vh;
6427
6755
  --bs-offcanvas-padding-x: var(--bs-ref-spacer-6);
@@ -6892,7 +7220,7 @@ textarea.form-control-lg {
6892
7220
  position: fixed;
6893
7221
  top: 0;
6894
7222
  left: 0;
6895
- z-index: 1040;
7223
+ z-index: 1050;
6896
7224
  width: 100vw;
6897
7225
  height: 100vh;
6898
7226
  background-color: var(--bs-black);
@@ -6977,7 +7305,7 @@ textarea.form-control-lg {
6977
7305
  --bs-badge-padding-x: var(--bs-ref-spacer-2);
6978
7306
  --bs-badge-padding-y: var(--bs-ref-spacer-1);
6979
7307
  --bs-badge-font-size: var(--bs-body-font-size);
6980
- --bs-badge-font-weight: 400;
7308
+ --bs-badge-font-weight: var(--bs-fw-normal);
6981
7309
  --bs-badge-color: var(--bs-gray-900);
6982
7310
  --bs-badge-border-radius: var(--bs-border-radius-sm);
6983
7311
  display: inline-block;
@@ -7000,13 +7328,64 @@ textarea.form-control-lg {
7000
7328
  top: -1px;
7001
7329
  }
7002
7330
 
7331
+ .lead {
7332
+ font-size: 1.25rem;
7333
+ font-weight: var(--bs-fw-normal);
7334
+ }
7335
+
7336
+ [class*=display-] {
7337
+ font-size: var(--bs-display-font-size);
7338
+ font-weight: var(--bs-fw-normal);
7339
+ line-height: var(--bs-heading-line-height);
7340
+ }
7341
+
7342
+ .list-unstyled {
7343
+ padding-left: 0;
7344
+ list-style: none;
7345
+ }
7346
+
7347
+ .list-inline {
7348
+ padding-left: 0;
7349
+ list-style: none;
7350
+ }
7351
+
7352
+ .list-inline-item {
7353
+ display: inline-block;
7354
+ }
7355
+ .list-inline-item:not(:last-child) {
7356
+ margin-right: 0.5rem;
7357
+ }
7358
+
7359
+ .initialism {
7360
+ font-size: var(--bs-fs-small);
7361
+ text-transform: uppercase;
7362
+ }
7363
+
7364
+ .blockquote {
7365
+ margin-bottom: var(--bs-ref-spacer-4);
7366
+ font-size: 1.25rem;
7367
+ }
7368
+ .blockquote > :last-child {
7369
+ margin-bottom: 0;
7370
+ }
7371
+
7372
+ .blockquote-footer {
7373
+ margin-top: -var(--bs-ref-spacer-4);
7374
+ margin-bottom: var(--bs-ref-spacer-4);
7375
+ font-size: var(--bs-fs-small);
7376
+ color: var(--bs-gray-600);
7377
+ }
7378
+ .blockquote-footer::before {
7379
+ content: "— ";
7380
+ }
7381
+
7003
7382
  body {
7004
7383
  -webkit-font-smoothing: antialiased;
7005
7384
  }
7006
7385
 
7007
7386
  .accordion {
7008
- --bs-accordion-btn-font-weight: var(--bs-ref-fw-bold);
7009
- --bs-accordion-btn-font-size: var(--bs-ref-fs-6);
7387
+ --bs-accordion-btn-font-weight: var(--bs-fw-bold);
7388
+ --bs-accordion-btn-font-size: var(--bs-fs-6);
7010
7389
  --bs-accordion-body-padding-top: var(--bs-ref-spacer-4);
7011
7390
  }
7012
7391
  .accordion .accordion-button {
@@ -7075,9 +7454,10 @@ body {
7075
7454
  .form-check-input:checked {
7076
7455
  border-color: var(--bs-focus-ring-color);
7077
7456
  }
7078
- .form-check-input:disabled {
7457
+ .form-check-input:disabled:not(:checked, :indeterminate) {
7079
7458
  background-color: var(--bs-gray-100);
7080
7459
  border-color: var(--bs-gray-300);
7460
+ opacity: 1;
7081
7461
  }
7082
7462
 
7083
7463
  .form-control {
@@ -7102,14 +7482,14 @@ body {
7102
7482
  color: var(--bs-form-text-color);
7103
7483
  }
7104
7484
 
7485
+ .input-group-text + .form-control {
7486
+ padding-left: 0;
7487
+ }
7488
+
7105
7489
  .input-group > .form-select,
7106
7490
  .input-group > .form-control {
7107
7491
  border: 0;
7108
7492
  }
7109
- .input-group > .form-select:not(:first-child),
7110
- .input-group > .form-control:not(:first-child) {
7111
- padding-left: 0;
7112
- }
7113
7493
  .input-group > .form-select:focus,
7114
7494
  .input-group > .form-control:focus {
7115
7495
  border: 0;
@@ -7121,7 +7501,7 @@ body {
7121
7501
  background-position: right 0 center;
7122
7502
  }
7123
7503
 
7124
- .input-group > .form-control:not(:last-child) {
7504
+ .form-control:has(~ .input-group-text) {
7125
7505
  padding-right: 0;
7126
7506
  }
7127
7507
 
@@ -7150,7 +7530,7 @@ body {
7150
7530
  }
7151
7531
 
7152
7532
  .input-group {
7153
- --bs-input-border-color: var(--bs-border-color);
7533
+ --bs-input-border-color: var(--bs-gray-300);
7154
7534
  --bs-input-border-width: var(--bs-border-width);
7155
7535
  --bs-input-border-radius: var(--bs-border-radius-sm);
7156
7536
  --bs-input-focus-border-color: var(--bs-focus-ring-color);
@@ -7198,13 +7578,17 @@ body {
7198
7578
  .input-group button:disabled .d-icon {
7199
7579
  --bs-icon-color: var(--bs-input-disabled-color);
7200
7580
  }
7581
+ .input-group > .btn {
7582
+ --bs-btn-border-radius: var(--bs-input-border-radius);
7583
+ margin: -1px;
7584
+ }
7201
7585
 
7202
7586
  .btn {
7203
7587
  --bs-btn-padding-x: 2rem;
7204
7588
  --bs-btn-padding-y: 0.75rem;
7205
7589
  --bs-btn-font-family: ;
7206
7590
  --bs-btn-font-size: 1rem;
7207
- --bs-btn-font-weight: 400;
7591
+ --bs-btn-font-weight: var(--bs-fw-normal);
7208
7592
  --bs-btn-line-height: 1;
7209
7593
  --bs-btn-color: var(--bs-body-color);
7210
7594
  --bs-btn-bg: transparent;
@@ -7217,10 +7601,10 @@ body {
7217
7601
  --bs-btn–text-decoration: if($link-decoration == none, null, none);
7218
7602
  --bs-btn-lg-padding-y: 1rem;
7219
7603
  --bs-btn-lg-padding-x: 2rem;
7220
- --bs-btn-lg-font-size: 1.125rem;
7604
+ --bs-btn-lg-font-size: var(--bs-fs-6);
7221
7605
  --bs-btn-sm-padding-y: 0.5rem;
7222
7606
  --bs-btn-sm-padding-x: 1rem;
7223
- --bs-btn-sm-font-size: 0.875rem;
7607
+ --bs-btn-sm-font-size: var(--bs-fs-small);
7224
7608
  display: inline-flex;
7225
7609
  flex-direction: row;
7226
7610
  gap: var(--bs-btn-gap, 0.5rem);
@@ -7265,10 +7649,12 @@ body {
7265
7649
  background-color: var(--bs-btn-bg);
7266
7650
  border-color: var(--bs-btn-border-color);
7267
7651
  }
7268
- .btn-check:focus-visible + .btn, .btn:focus-visible, .btn.focus-visible {
7652
+ .btn-check:focus-visible + .btn, .btn:focus-visible:not(:hover), .btn.focus-visible:not(:hover) {
7269
7653
  color: var(--bs-btn-focus-color, var(--bs-btn-hover-color));
7270
7654
  background-color: var(--bs-btn-focus-bg, var(--bs-btn-hover-bg));
7271
7655
  border-color: var(--bs-btn-focus-border-color, var(--bs-btn-hover-border-color));
7656
+ }
7657
+ .btn-check:focus-visible + .btn, .btn:focus-visible, .btn.focus-visible {
7272
7658
  outline: var(--bs-btn-focus-border-width, var(--bs-btn-border-width)) solid var(--bs-btn-focus-outline-color, var(--bs-focus-ring-color));
7273
7659
  outline-offset: var(--bs-btn-focus-outline-offset, var(--bs-btn-border-width));
7274
7660
  }
@@ -7294,589 +7680,579 @@ body {
7294
7680
  }
7295
7681
 
7296
7682
  .btn-primary {
7297
- --bs-btn-color: var(--bs-white);
7298
- --bs-btn-bg: var(--bs-primary-500);
7299
- --bs-btn-border-color: var(--bs-primary-500);
7300
- --bs-btn-hover-color: var(--bs-white);
7301
- --bs-btn-hover-bg: var(--bs-primary-600);
7302
- --bs-btn-hover-border-color: var(--bs-primary-600);
7303
- --bs-btn-focus-color: var(--bs-white);
7304
- --bs-btn-focus-bg: var(--bs-primary-600);
7305
- --bs-btn-focus-border-color: var(--bs-primary-600);
7306
- --bs-btn-active-color: var(--bs-white);
7307
- --bs-btn-active-bg: var(--bs-primary-700);
7308
- --bs-btn-active-border-color: var(--bs-primary-700);
7309
- --bs-btn-disabled-color: var(--bs-gray-700);
7310
- --bs-btn-disabled-bg: var(--bs-primary-100);
7311
- --bs-btn-disabled-border-color: var(--bs-primary-100);
7683
+ --bs-btn-color: var(--bs-btn-primary-color);
7684
+ --bs-btn-bg: var(--bs-btn-primary-bg);
7685
+ --bs-btn-border-color: var(--bs-btn-primary-border-color);
7686
+ --bs-btn-hover-color: var(--bs-btn-primary-hover-color);
7687
+ --bs-btn-hover-bg: var(--bs-btn-primary-hover-bg);
7688
+ --bs-btn-hover-border-color: var(--bs-btn-primary-hover-border-color);
7689
+ --bs-btn-focus-color: var(--bs-btn-primary-focus-color);
7690
+ --bs-btn-focus-bg: var(--bs-btn-primary-focus-bg);
7691
+ --bs-btn-focus-border-color: var(--bs-btn-primary-focus-border-color);
7692
+ --bs-btn-active-color: var(--bs-btn-primary-active-color);
7693
+ --bs-btn-active-bg: var(--bs-btn-primary-active-bg);
7694
+ --bs-btn-active-border-color: var(--bs-btn-primary-active-border-color);
7695
+ --bs-btn-disabled-color: var(--bs-btn-primary-disabled-color);
7696
+ --bs-btn-disabled-bg: var(--bs-btn-primary-disabled-bg);
7697
+ --bs-btn-disabled-border-color: var(--bs-btn-primary-disabled-border-color);
7698
+ --bs-btn-disabled-opacity: var(--bs-btn-primary-disabled-opacity);
7312
7699
  }
7313
7700
  .btn-primary.loading {
7314
- --bs-btn-disabled-opacity: 1;
7315
- --bs-btn-disabled-bg: var(--bs-primary-700);
7316
- --bs-btn-disabled-border-color: var(--bs-primary-700);
7317
- --bs-btn-disabled-color: var(--bs-white);
7701
+ --bs-btn-disabled-color: var(--bs-btn-primary-active-color);
7702
+ --bs-btn-disabled-bg: var(--bs-btn-primary-active-bg);
7703
+ --bs-btn-disabled-border-color: var(--bs-btn-primary-active-border-color);
7318
7704
  }
7319
7705
 
7320
7706
  .btn-outline-primary {
7321
- --bs-btn-bg: transparent;
7322
- --bs-btn-border-color: var(--bs-primary-500);
7323
- --bs-btn-color: var(--bs-primary-500);
7324
- --bs-btn-hover-bg: var(--bs-primary-100);
7325
- --bs-btn-hover-border-color: var(--bs-primary-500);
7326
- --bs-btn-hover-color: var(--bs-primary-500);
7327
- --bs-btn-focus-bg: var(--bs-primary-100);
7328
- --bs-btn-focus-border-color: var(--bs-primary-500);
7329
- --bs-btn-focus-color: var(--bs-primary-500);
7330
- --bs-btn-active-bg: var(--bs-primary-200);
7331
- --bs-btn-active-border-color: var(--bs-primary-500);
7332
- --bs-btn-active-color: var(--bs-primary-500);
7333
- --bs-btn-disabled-bg: transparent;
7334
- --bs-btn-disabled-border-color: var(--bs-primary-100);
7335
- --bs-btn-disabled-color: var(--bs-gray-700);
7336
- --bs-gradient: none;
7707
+ --bs-btn-color: var(--bs-btn-outline-primary-color);
7708
+ --bs-btn-bg: var(--bs-btn-outline-primary-bg);
7709
+ --bs-btn-border-color: var(--bs-btn-outline-primary-border-color);
7710
+ --bs-btn-hover-color: var(--bs-btn-outline-primary-hover-color);
7711
+ --bs-btn-hover-bg: var(--bs-btn-outline-primary-hover-bg);
7712
+ --bs-btn-hover-border-color: var(--bs-btn-outline-primary-hover-border-color);
7713
+ --bs-btn-focus-color: var(--bs-btn-outline-primary-focus-color);
7714
+ --bs-btn-focus-bg: var(--bs-btn-outline-primary-focus-bg);
7715
+ --bs-btn-focus-border-color: var(--bs-btn-outline-primary-focus-border-color);
7716
+ --bs-btn-active-color: var(--bs-btn-outline-primary-active-color);
7717
+ --bs-btn-active-bg: var(--bs-btn-outline-primary-active-bg);
7718
+ --bs-btn-active-border-color: var(--bs-btn-outline-primary-active-border-color);
7719
+ --bs-btn-disabled-color: var(--bs-btn-outline-primary-disabled-color);
7720
+ --bs-btn-disabled-bg: var(--bs-btn-outline-primary-disabled-bg);
7721
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-primary-disabled-border-color);
7722
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-primary-disabled-opacity);
7337
7723
  }
7338
7724
  .btn-outline-primary.loading {
7339
- --bs-btn-disabled-opacity: 1;
7340
- --bs-btn-disabled-bg: transparent;
7341
- --bs-btn-disabled-border-color: var(--bs-primary-500);
7342
- --bs-btn-disabled-color: var(--bs-primary-500);
7725
+ --bs-btn-disabled-color: var(--bs-btn-outline-primary-active-color);
7726
+ --bs-btn-disabled-bg: var(--bs-btn-outline-primary-active-bg);
7727
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-primary-active-border-color);
7343
7728
  }
7344
7729
 
7345
7730
  .btn-link-primary {
7346
- --bs-btn-bg: transparent;
7347
- --bs-btn-border-color: transparent;
7348
- --bs-btn-color: var(--bs-primary-600);
7349
- --bs-btn-hover-bg: var(--bs-primary-100);
7350
- --bs-btn-hover-border-color: transparent;
7351
- --bs-btn-hover-color: var(--bs-primary-600);
7352
- --bs-btn-focus-bg: transparent;
7353
- --bs-btn-focus-border-color: transparent;
7354
- --bs-btn-focus-color: var(--bs-primary-600);
7355
- --bs-btn-active-bg: var(--bs-primary-200);
7356
- --bs-btn-active-border-color: transparent;
7357
- --bs-btn-active-color: var(--bs-primary-600);
7358
- --bs-btn-disabled-bg: transparent;
7359
- --bs-btn-disabled-border-color: transparent;
7360
- --bs-btn-disabled-color: var(--bs-primary-300);
7361
- --bs-btn-focus-outline-offset: 0;
7362
- }
7363
- .btn-link-primary span {
7364
- text-decoration: underline;
7731
+ --bs-btn-color: var(--bs-btn-link-primary-color);
7732
+ --bs-btn-bg: var(--bs-btn-link-primary-bg);
7733
+ --bs-btn-border-color: var(--bs-btn-link-primary-border-color);
7734
+ --bs-btn-hover-color: var(--bs-btn-link-primary-hover-color);
7735
+ --bs-btn-hover-bg: var(--bs-btn-link-primary-hover-bg);
7736
+ --bs-btn-hover-border-color: var(--bs-btn-link-primary-hover-border-color);
7737
+ --bs-btn-focus-color: var(--bs-btn-link-primary-focus-color);
7738
+ --bs-btn-focus-bg: var(--bs-btn-link-primary-focus-bg);
7739
+ --bs-btn-focus-border-color: var(--bs-btn-link-primary-focus-border-color);
7740
+ --bs-btn-active-color: var(--bs-btn-link-primary-active-color);
7741
+ --bs-btn-active-bg: var(--bs-btn-link-primary-active-bg);
7742
+ --bs-btn-active-border-color: var(--bs-btn-link-primary-active-border-color);
7743
+ --bs-btn-disabled-color: var(--bs-btn-link-primary-disabled-color);
7744
+ --bs-btn-disabled-bg: var(--bs-btn-link-primary-disabled-bg);
7745
+ --bs-btn-disabled-border-color: var(--bs-btn-link-primary-disabled-border-color);
7746
+ --bs-btn-disabled-opacity: var(--bs-btn-link-primary-disabled-opacity);
7365
7747
  }
7366
7748
  .btn-link-primary.loading {
7367
- --bs-btn-disabled-opacity: 1;
7368
- --bs-btn-disabled-bg: transparent;
7369
- --bs-btn-disabled-border-color: transparent;
7370
- --bs-btn-disabled-color: var(--bs-primary-600);
7749
+ --bs-btn-disabled-color: var(--bs-btn-link-primary-active-color);
7750
+ --bs-btn-disabled-bg: var(--bs-btn-link-primary-active-bg);
7751
+ --bs-btn-disabled-border-color: var(--bs-btn-link-primary-active-border-color);
7371
7752
  }
7372
7753
 
7373
7754
  .btn-secondary {
7374
- --bs-btn-color: var(--bs-white);
7375
- --bs-btn-bg: var(--bs-secondary-500);
7376
- --bs-btn-border-color: var(--bs-secondary-500);
7377
- --bs-btn-hover-color: var(--bs-white);
7378
- --bs-btn-hover-bg: var(--bs-secondary-600);
7379
- --bs-btn-hover-border-color: var(--bs-secondary-600);
7380
- --bs-btn-focus-color: var(--bs-white);
7381
- --bs-btn-focus-bg: var(--bs-secondary-600);
7382
- --bs-btn-focus-border-color: var(--bs-secondary-600);
7383
- --bs-btn-active-color: var(--bs-white);
7384
- --bs-btn-active-bg: var(--bs-secondary-700);
7385
- --bs-btn-active-border-color: var(--bs-secondary-700);
7386
- --bs-btn-disabled-color: var(--bs-gray-700);
7387
- --bs-btn-disabled-bg: var(--bs-secondary-100);
7388
- --bs-btn-disabled-border-color: var(--bs-secondary-100);
7755
+ --bs-btn-color: var(--bs-btn-secondary-color);
7756
+ --bs-btn-bg: var(--bs-btn-secondary-bg);
7757
+ --bs-btn-border-color: var(--bs-btn-secondary-border-color);
7758
+ --bs-btn-hover-color: var(--bs-btn-secondary-hover-color);
7759
+ --bs-btn-hover-bg: var(--bs-btn-secondary-hover-bg);
7760
+ --bs-btn-hover-border-color: var(--bs-btn-secondary-hover-border-color);
7761
+ --bs-btn-focus-color: var(--bs-btn-secondary-focus-color);
7762
+ --bs-btn-focus-bg: var(--bs-btn-secondary-focus-bg);
7763
+ --bs-btn-focus-border-color: var(--bs-btn-secondary-focus-border-color);
7764
+ --bs-btn-active-color: var(--bs-btn-secondary-active-color);
7765
+ --bs-btn-active-bg: var(--bs-btn-secondary-active-bg);
7766
+ --bs-btn-active-border-color: var(--bs-btn-secondary-active-border-color);
7767
+ --bs-btn-disabled-color: var(--bs-btn-secondary-disabled-color);
7768
+ --bs-btn-disabled-bg: var(--bs-btn-secondary-disabled-bg);
7769
+ --bs-btn-disabled-border-color: var(--bs-btn-secondary-disabled-border-color);
7770
+ --bs-btn-disabled-opacity: var(--bs-btn-secondary-disabled-opacity);
7389
7771
  }
7390
7772
  .btn-secondary.loading {
7391
- --bs-btn-disabled-opacity: 1;
7392
- --bs-btn-disabled-bg: var(--bs-secondary-700);
7393
- --bs-btn-disabled-border-color: var(--bs-secondary-700);
7394
- --bs-btn-disabled-color: var(--bs-white);
7773
+ --bs-btn-disabled-color: var(--bs-btn-secondary-active-color);
7774
+ --bs-btn-disabled-bg: var(--bs-btn-secondary-active-bg);
7775
+ --bs-btn-disabled-border-color: var(--bs-btn-secondary-active-border-color);
7395
7776
  }
7396
7777
 
7397
7778
  .btn-outline-secondary {
7398
- --bs-btn-bg: transparent;
7399
- --bs-btn-border-color: var(--bs-secondary-500);
7400
- --bs-btn-color: var(--bs-secondary-500);
7401
- --bs-btn-hover-bg: var(--bs-secondary-100);
7402
- --bs-btn-hover-border-color: var(--bs-secondary-500);
7403
- --bs-btn-hover-color: var(--bs-secondary-500);
7404
- --bs-btn-focus-bg: var(--bs-secondary-100);
7405
- --bs-btn-focus-border-color: var(--bs-secondary-500);
7406
- --bs-btn-focus-color: var(--bs-secondary-500);
7407
- --bs-btn-active-bg: var(--bs-secondary-200);
7408
- --bs-btn-active-border-color: var(--bs-secondary-500);
7409
- --bs-btn-active-color: var(--bs-secondary-500);
7410
- --bs-btn-disabled-bg: transparent;
7411
- --bs-btn-disabled-border-color: var(--bs-secondary-100);
7412
- --bs-btn-disabled-color: var(--bs-gray-700);
7413
- --bs-gradient: none;
7779
+ --bs-btn-color: var(--bs-btn-outline-secondary-color);
7780
+ --bs-btn-bg: var(--bs-btn-outline-secondary-bg);
7781
+ --bs-btn-border-color: var(--bs-btn-outline-secondary-border-color);
7782
+ --bs-btn-hover-color: var(--bs-btn-outline-secondary-hover-color);
7783
+ --bs-btn-hover-bg: var(--bs-btn-outline-secondary-hover-bg);
7784
+ --bs-btn-hover-border-color: var(--bs-btn-outline-secondary-hover-border-color);
7785
+ --bs-btn-focus-color: var(--bs-btn-outline-secondary-focus-color);
7786
+ --bs-btn-focus-bg: var(--bs-btn-outline-secondary-focus-bg);
7787
+ --bs-btn-focus-border-color: var(--bs-btn-outline-secondary-focus-border-color);
7788
+ --bs-btn-active-color: var(--bs-btn-outline-secondary-active-color);
7789
+ --bs-btn-active-bg: var(--bs-btn-outline-secondary-active-bg);
7790
+ --bs-btn-active-border-color: var(--bs-btn-outline-secondary-active-border-color);
7791
+ --bs-btn-disabled-color: var(--bs-btn-outline-secondary-disabled-color);
7792
+ --bs-btn-disabled-bg: var(--bs-btn-outline-secondary-disabled-bg);
7793
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-secondary-disabled-border-color);
7794
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-secondary-disabled-opacity);
7414
7795
  }
7415
7796
  .btn-outline-secondary.loading {
7416
- --bs-btn-disabled-opacity: 1;
7417
- --bs-btn-disabled-bg: transparent;
7418
- --bs-btn-disabled-border-color: var(--bs-secondary-500);
7419
- --bs-btn-disabled-color: var(--bs-secondary-500);
7797
+ --bs-btn-disabled-color: var(--bs-btn-outline-secondary-active-color);
7798
+ --bs-btn-disabled-bg: var(--bs-btn-outline-secondary-active-bg);
7799
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-secondary-active-border-color);
7420
7800
  }
7421
7801
 
7422
7802
  .btn-link-secondary {
7423
- --bs-btn-bg: transparent;
7424
- --bs-btn-border-color: transparent;
7425
- --bs-btn-color: var(--bs-secondary-600);
7426
- --bs-btn-hover-bg: var(--bs-secondary-100);
7427
- --bs-btn-hover-border-color: transparent;
7428
- --bs-btn-hover-color: var(--bs-secondary-600);
7429
- --bs-btn-focus-bg: transparent;
7430
- --bs-btn-focus-border-color: transparent;
7431
- --bs-btn-focus-color: var(--bs-secondary-600);
7432
- --bs-btn-active-bg: var(--bs-secondary-200);
7433
- --bs-btn-active-border-color: transparent;
7434
- --bs-btn-active-color: var(--bs-secondary-600);
7435
- --bs-btn-disabled-bg: transparent;
7436
- --bs-btn-disabled-border-color: transparent;
7437
- --bs-btn-disabled-color: var(--bs-secondary-300);
7438
- --bs-btn-focus-outline-offset: 0;
7439
- }
7440
- .btn-link-secondary span {
7441
- text-decoration: underline;
7803
+ --bs-btn-color: var(--bs-btn-link-secondary-color);
7804
+ --bs-btn-bg: var(--bs-btn-link-secondary-bg);
7805
+ --bs-btn-border-color: var(--bs-btn-link-secondary-border-color);
7806
+ --bs-btn-hover-color: var(--bs-btn-link-secondary-hover-color);
7807
+ --bs-btn-hover-bg: var(--bs-btn-link-secondary-hover-bg);
7808
+ --bs-btn-hover-border-color: var(--bs-btn-link-secondary-hover-border-color);
7809
+ --bs-btn-focus-color: var(--bs-btn-link-secondary-focus-color);
7810
+ --bs-btn-focus-bg: var(--bs-btn-link-secondary-focus-bg);
7811
+ --bs-btn-focus-border-color: var(--bs-btn-link-secondary-focus-border-color);
7812
+ --bs-btn-active-color: var(--bs-btn-link-secondary-active-color);
7813
+ --bs-btn-active-bg: var(--bs-btn-link-secondary-active-bg);
7814
+ --bs-btn-active-border-color: var(--bs-btn-link-secondary-active-border-color);
7815
+ --bs-btn-disabled-color: var(--bs-btn-link-secondary-disabled-color);
7816
+ --bs-btn-disabled-bg: var(--bs-btn-link-secondary-disabled-bg);
7817
+ --bs-btn-disabled-border-color: var(--bs-btn-link-secondary-disabled-border-color);
7818
+ --bs-btn-disabled-opacity: var(--bs-btn-link-secondary-disabled-opacity);
7442
7819
  }
7443
7820
  .btn-link-secondary.loading {
7444
- --bs-btn-disabled-opacity: 1;
7445
- --bs-btn-disabled-bg: transparent;
7446
- --bs-btn-disabled-border-color: transparent;
7447
- --bs-btn-disabled-color: var(--bs-secondary-600);
7821
+ --bs-btn-disabled-color: var(--bs-btn-link-secondary-active-color);
7822
+ --bs-btn-disabled-bg: var(--bs-btn-link-secondary-active-bg);
7823
+ --bs-btn-disabled-border-color: var(--bs-btn-link-secondary-active-border-color);
7448
7824
  }
7449
7825
 
7450
7826
  .btn-success {
7451
- --bs-btn-color: var(--bs-white);
7452
- --bs-btn-bg: var(--bs-success-500);
7453
- --bs-btn-border-color: var(--bs-success-500);
7454
- --bs-btn-hover-color: var(--bs-white);
7455
- --bs-btn-hover-bg: var(--bs-success-600);
7456
- --bs-btn-hover-border-color: var(--bs-success-600);
7457
- --bs-btn-focus-color: var(--bs-white);
7458
- --bs-btn-focus-bg: var(--bs-success-600);
7459
- --bs-btn-focus-border-color: var(--bs-success-600);
7460
- --bs-btn-active-color: var(--bs-white);
7461
- --bs-btn-active-bg: var(--bs-success-700);
7462
- --bs-btn-active-border-color: var(--bs-success-700);
7463
- --bs-btn-disabled-color: var(--bs-gray-700);
7464
- --bs-btn-disabled-bg: var(--bs-success-100);
7465
- --bs-btn-disabled-border-color: var(--bs-success-100);
7827
+ --bs-btn-color: var(--bs-btn-success-color);
7828
+ --bs-btn-bg: var(--bs-btn-success-bg);
7829
+ --bs-btn-border-color: var(--bs-btn-success-border-color);
7830
+ --bs-btn-hover-color: var(--bs-btn-success-hover-color);
7831
+ --bs-btn-hover-bg: var(--bs-btn-success-hover-bg);
7832
+ --bs-btn-hover-border-color: var(--bs-btn-success-hover-border-color);
7833
+ --bs-btn-focus-color: var(--bs-btn-success-focus-color);
7834
+ --bs-btn-focus-bg: var(--bs-btn-success-focus-bg);
7835
+ --bs-btn-focus-border-color: var(--bs-btn-success-focus-border-color);
7836
+ --bs-btn-active-color: var(--bs-btn-success-active-color);
7837
+ --bs-btn-active-bg: var(--bs-btn-success-active-bg);
7838
+ --bs-btn-active-border-color: var(--bs-btn-success-active-border-color);
7839
+ --bs-btn-disabled-color: var(--bs-btn-success-disabled-color);
7840
+ --bs-btn-disabled-bg: var(--bs-btn-success-disabled-bg);
7841
+ --bs-btn-disabled-border-color: var(--bs-btn-success-disabled-border-color);
7842
+ --bs-btn-disabled-opacity: var(--bs-btn-success-disabled-opacity);
7466
7843
  }
7467
7844
  .btn-success.loading {
7468
- --bs-btn-disabled-opacity: 1;
7469
- --bs-btn-disabled-bg: var(--bs-success-700);
7470
- --bs-btn-disabled-border-color: var(--bs-success-700);
7471
- --bs-btn-disabled-color: var(--bs-white);
7845
+ --bs-btn-disabled-color: var(--bs-btn-success-active-color);
7846
+ --bs-btn-disabled-bg: var(--bs-btn-success-active-bg);
7847
+ --bs-btn-disabled-border-color: var(--bs-btn-success-active-border-color);
7472
7848
  }
7473
7849
 
7474
7850
  .btn-outline-success {
7475
- --bs-btn-bg: transparent;
7476
- --bs-btn-border-color: var(--bs-success-500);
7477
- --bs-btn-color: var(--bs-success-500);
7478
- --bs-btn-hover-bg: var(--bs-success-100);
7479
- --bs-btn-hover-border-color: var(--bs-success-500);
7480
- --bs-btn-hover-color: var(--bs-success-500);
7481
- --bs-btn-focus-bg: var(--bs-success-100);
7482
- --bs-btn-focus-border-color: var(--bs-success-500);
7483
- --bs-btn-focus-color: var(--bs-success-500);
7484
- --bs-btn-active-bg: var(--bs-success-200);
7485
- --bs-btn-active-border-color: var(--bs-success-500);
7486
- --bs-btn-active-color: var(--bs-success-500);
7487
- --bs-btn-disabled-bg: transparent;
7488
- --bs-btn-disabled-border-color: var(--bs-success-100);
7489
- --bs-btn-disabled-color: var(--bs-gray-700);
7490
- --bs-gradient: none;
7851
+ --bs-btn-color: var(--bs-btn-outline-success-color);
7852
+ --bs-btn-bg: var(--bs-btn-outline-success-bg);
7853
+ --bs-btn-border-color: var(--bs-btn-outline-success-border-color);
7854
+ --bs-btn-hover-color: var(--bs-btn-outline-success-hover-color);
7855
+ --bs-btn-hover-bg: var(--bs-btn-outline-success-hover-bg);
7856
+ --bs-btn-hover-border-color: var(--bs-btn-outline-success-hover-border-color);
7857
+ --bs-btn-focus-color: var(--bs-btn-outline-success-focus-color);
7858
+ --bs-btn-focus-bg: var(--bs-btn-outline-success-focus-bg);
7859
+ --bs-btn-focus-border-color: var(--bs-btn-outline-success-focus-border-color);
7860
+ --bs-btn-active-color: var(--bs-btn-outline-success-active-color);
7861
+ --bs-btn-active-bg: var(--bs-btn-outline-success-active-bg);
7862
+ --bs-btn-active-border-color: var(--bs-btn-outline-success-active-border-color);
7863
+ --bs-btn-disabled-color: var(--bs-btn-outline-success-disabled-color);
7864
+ --bs-btn-disabled-bg: var(--bs-btn-outline-success-disabled-bg);
7865
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-success-disabled-border-color);
7866
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-success-disabled-opacity);
7491
7867
  }
7492
7868
  .btn-outline-success.loading {
7493
- --bs-btn-disabled-opacity: 1;
7494
- --bs-btn-disabled-bg: transparent;
7495
- --bs-btn-disabled-border-color: var(--bs-success-500);
7496
- --bs-btn-disabled-color: var(--bs-success-500);
7869
+ --bs-btn-disabled-color: var(--bs-btn-outline-success-active-color);
7870
+ --bs-btn-disabled-bg: var(--bs-btn-outline-success-active-bg);
7871
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-success-active-border-color);
7497
7872
  }
7498
7873
 
7499
7874
  .btn-link-success {
7500
- --bs-btn-bg: transparent;
7501
- --bs-btn-border-color: transparent;
7502
- --bs-btn-color: var(--bs-success-600);
7503
- --bs-btn-hover-bg: var(--bs-success-100);
7504
- --bs-btn-hover-border-color: transparent;
7505
- --bs-btn-hover-color: var(--bs-success-600);
7506
- --bs-btn-focus-bg: transparent;
7507
- --bs-btn-focus-border-color: transparent;
7508
- --bs-btn-focus-color: var(--bs-success-600);
7509
- --bs-btn-active-bg: var(--bs-success-200);
7510
- --bs-btn-active-border-color: transparent;
7511
- --bs-btn-active-color: var(--bs-success-600);
7512
- --bs-btn-disabled-bg: transparent;
7513
- --bs-btn-disabled-border-color: transparent;
7514
- --bs-btn-disabled-color: var(--bs-success-300);
7515
- --bs-btn-focus-outline-offset: 0;
7516
- }
7517
- .btn-link-success span {
7518
- text-decoration: underline;
7875
+ --bs-btn-color: var(--bs-btn-link-success-color);
7876
+ --bs-btn-bg: var(--bs-btn-link-success-bg);
7877
+ --bs-btn-border-color: var(--bs-btn-link-success-border-color);
7878
+ --bs-btn-hover-color: var(--bs-btn-link-success-hover-color);
7879
+ --bs-btn-hover-bg: var(--bs-btn-link-success-hover-bg);
7880
+ --bs-btn-hover-border-color: var(--bs-btn-link-success-hover-border-color);
7881
+ --bs-btn-focus-color: var(--bs-btn-link-success-focus-color);
7882
+ --bs-btn-focus-bg: var(--bs-btn-link-success-focus-bg);
7883
+ --bs-btn-focus-border-color: var(--bs-btn-link-success-focus-border-color);
7884
+ --bs-btn-active-color: var(--bs-btn-link-success-active-color);
7885
+ --bs-btn-active-bg: var(--bs-btn-link-success-active-bg);
7886
+ --bs-btn-active-border-color: var(--bs-btn-link-success-active-border-color);
7887
+ --bs-btn-disabled-color: var(--bs-btn-link-success-disabled-color);
7888
+ --bs-btn-disabled-bg: var(--bs-btn-link-success-disabled-bg);
7889
+ --bs-btn-disabled-border-color: var(--bs-btn-link-success-disabled-border-color);
7890
+ --bs-btn-disabled-opacity: var(--bs-btn-link-success-disabled-opacity);
7519
7891
  }
7520
7892
  .btn-link-success.loading {
7521
- --bs-btn-disabled-opacity: 1;
7522
- --bs-btn-disabled-bg: transparent;
7523
- --bs-btn-disabled-border-color: transparent;
7524
- --bs-btn-disabled-color: var(--bs-success-600);
7893
+ --bs-btn-disabled-color: var(--bs-btn-link-success-active-color);
7894
+ --bs-btn-disabled-bg: var(--bs-btn-link-success-active-bg);
7895
+ --bs-btn-disabled-border-color: var(--bs-btn-link-success-active-border-color);
7525
7896
  }
7526
7897
 
7527
7898
  .btn-info {
7528
- --bs-btn-color: var(--bs-white);
7529
- --bs-btn-bg: var(--bs-info-500);
7530
- --bs-btn-border-color: var(--bs-info-500);
7531
- --bs-btn-hover-color: var(--bs-white);
7532
- --bs-btn-hover-bg: var(--bs-info-600);
7533
- --bs-btn-hover-border-color: var(--bs-info-600);
7534
- --bs-btn-focus-color: var(--bs-white);
7535
- --bs-btn-focus-bg: var(--bs-info-600);
7536
- --bs-btn-focus-border-color: var(--bs-info-600);
7537
- --bs-btn-active-color: var(--bs-white);
7538
- --bs-btn-active-bg: var(--bs-info-700);
7539
- --bs-btn-active-border-color: var(--bs-info-700);
7540
- --bs-btn-disabled-color: var(--bs-gray-700);
7541
- --bs-btn-disabled-bg: var(--bs-info-100);
7542
- --bs-btn-disabled-border-color: var(--bs-info-100);
7899
+ --bs-btn-color: var(--bs-btn-info-color);
7900
+ --bs-btn-bg: var(--bs-btn-info-bg);
7901
+ --bs-btn-border-color: var(--bs-btn-info-border-color);
7902
+ --bs-btn-hover-color: var(--bs-btn-info-hover-color);
7903
+ --bs-btn-hover-bg: var(--bs-btn-info-hover-bg);
7904
+ --bs-btn-hover-border-color: var(--bs-btn-info-hover-border-color);
7905
+ --bs-btn-focus-color: var(--bs-btn-info-focus-color);
7906
+ --bs-btn-focus-bg: var(--bs-btn-info-focus-bg);
7907
+ --bs-btn-focus-border-color: var(--bs-btn-info-focus-border-color);
7908
+ --bs-btn-active-color: var(--bs-btn-info-active-color);
7909
+ --bs-btn-active-bg: var(--bs-btn-info-active-bg);
7910
+ --bs-btn-active-border-color: var(--bs-btn-info-active-border-color);
7911
+ --bs-btn-disabled-color: var(--bs-btn-info-disabled-color);
7912
+ --bs-btn-disabled-bg: var(--bs-btn-info-disabled-bg);
7913
+ --bs-btn-disabled-border-color: var(--bs-btn-info-disabled-border-color);
7914
+ --bs-btn-disabled-opacity: var(--bs-btn-info-disabled-opacity);
7543
7915
  }
7544
7916
  .btn-info.loading {
7545
- --bs-btn-disabled-opacity: 1;
7546
- --bs-btn-disabled-bg: var(--bs-info-700);
7547
- --bs-btn-disabled-border-color: var(--bs-info-700);
7548
- --bs-btn-disabled-color: var(--bs-white);
7917
+ --bs-btn-disabled-color: var(--bs-btn-info-active-color);
7918
+ --bs-btn-disabled-bg: var(--bs-btn-info-active-bg);
7919
+ --bs-btn-disabled-border-color: var(--bs-btn-info-active-border-color);
7549
7920
  }
7550
7921
 
7551
7922
  .btn-outline-info {
7552
- --bs-btn-bg: transparent;
7553
- --bs-btn-border-color: var(--bs-info-500);
7554
- --bs-btn-color: var(--bs-info-500);
7555
- --bs-btn-hover-bg: var(--bs-info-100);
7556
- --bs-btn-hover-border-color: var(--bs-info-500);
7557
- --bs-btn-hover-color: var(--bs-info-500);
7558
- --bs-btn-focus-bg: var(--bs-info-100);
7559
- --bs-btn-focus-border-color: var(--bs-info-500);
7560
- --bs-btn-focus-color: var(--bs-info-500);
7561
- --bs-btn-active-bg: var(--bs-info-200);
7562
- --bs-btn-active-border-color: var(--bs-info-500);
7563
- --bs-btn-active-color: var(--bs-info-500);
7564
- --bs-btn-disabled-bg: transparent;
7565
- --bs-btn-disabled-border-color: var(--bs-info-100);
7566
- --bs-btn-disabled-color: var(--bs-gray-700);
7567
- --bs-gradient: none;
7923
+ --bs-btn-color: var(--bs-btn-outline-info-color);
7924
+ --bs-btn-bg: var(--bs-btn-outline-info-bg);
7925
+ --bs-btn-border-color: var(--bs-btn-outline-info-border-color);
7926
+ --bs-btn-hover-color: var(--bs-btn-outline-info-hover-color);
7927
+ --bs-btn-hover-bg: var(--bs-btn-outline-info-hover-bg);
7928
+ --bs-btn-hover-border-color: var(--bs-btn-outline-info-hover-border-color);
7929
+ --bs-btn-focus-color: var(--bs-btn-outline-info-focus-color);
7930
+ --bs-btn-focus-bg: var(--bs-btn-outline-info-focus-bg);
7931
+ --bs-btn-focus-border-color: var(--bs-btn-outline-info-focus-border-color);
7932
+ --bs-btn-active-color: var(--bs-btn-outline-info-active-color);
7933
+ --bs-btn-active-bg: var(--bs-btn-outline-info-active-bg);
7934
+ --bs-btn-active-border-color: var(--bs-btn-outline-info-active-border-color);
7935
+ --bs-btn-disabled-color: var(--bs-btn-outline-info-disabled-color);
7936
+ --bs-btn-disabled-bg: var(--bs-btn-outline-info-disabled-bg);
7937
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-info-disabled-border-color);
7938
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-info-disabled-opacity);
7568
7939
  }
7569
7940
  .btn-outline-info.loading {
7570
- --bs-btn-disabled-opacity: 1;
7571
- --bs-btn-disabled-bg: transparent;
7572
- --bs-btn-disabled-border-color: var(--bs-info-500);
7573
- --bs-btn-disabled-color: var(--bs-info-500);
7941
+ --bs-btn-disabled-color: var(--bs-btn-outline-info-active-color);
7942
+ --bs-btn-disabled-bg: var(--bs-btn-outline-info-active-bg);
7943
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-info-active-border-color);
7574
7944
  }
7575
7945
 
7576
7946
  .btn-link-info {
7577
- --bs-btn-bg: transparent;
7578
- --bs-btn-border-color: transparent;
7579
- --bs-btn-color: var(--bs-info-600);
7580
- --bs-btn-hover-bg: var(--bs-info-100);
7581
- --bs-btn-hover-border-color: transparent;
7582
- --bs-btn-hover-color: var(--bs-info-600);
7583
- --bs-btn-focus-bg: transparent;
7584
- --bs-btn-focus-border-color: transparent;
7585
- --bs-btn-focus-color: var(--bs-info-600);
7586
- --bs-btn-active-bg: var(--bs-info-200);
7587
- --bs-btn-active-border-color: transparent;
7588
- --bs-btn-active-color: var(--bs-info-600);
7589
- --bs-btn-disabled-bg: transparent;
7590
- --bs-btn-disabled-border-color: transparent;
7591
- --bs-btn-disabled-color: var(--bs-info-300);
7592
- --bs-btn-focus-outline-offset: 0;
7593
- }
7594
- .btn-link-info span {
7595
- text-decoration: underline;
7947
+ --bs-btn-color: var(--bs-btn-link-info-color);
7948
+ --bs-btn-bg: var(--bs-btn-link-info-bg);
7949
+ --bs-btn-border-color: var(--bs-btn-link-info-border-color);
7950
+ --bs-btn-hover-color: var(--bs-btn-link-info-hover-color);
7951
+ --bs-btn-hover-bg: var(--bs-btn-link-info-hover-bg);
7952
+ --bs-btn-hover-border-color: var(--bs-btn-link-info-hover-border-color);
7953
+ --bs-btn-focus-color: var(--bs-btn-link-info-focus-color);
7954
+ --bs-btn-focus-bg: var(--bs-btn-link-info-focus-bg);
7955
+ --bs-btn-focus-border-color: var(--bs-btn-link-info-focus-border-color);
7956
+ --bs-btn-active-color: var(--bs-btn-link-info-active-color);
7957
+ --bs-btn-active-bg: var(--bs-btn-link-info-active-bg);
7958
+ --bs-btn-active-border-color: var(--bs-btn-link-info-active-border-color);
7959
+ --bs-btn-disabled-color: var(--bs-btn-link-info-disabled-color);
7960
+ --bs-btn-disabled-bg: var(--bs-btn-link-info-disabled-bg);
7961
+ --bs-btn-disabled-border-color: var(--bs-btn-link-info-disabled-border-color);
7962
+ --bs-btn-disabled-opacity: var(--bs-btn-link-info-disabled-opacity);
7596
7963
  }
7597
7964
  .btn-link-info.loading {
7598
- --bs-btn-disabled-opacity: 1;
7599
- --bs-btn-disabled-bg: transparent;
7600
- --bs-btn-disabled-border-color: transparent;
7601
- --bs-btn-disabled-color: var(--bs-info-600);
7965
+ --bs-btn-disabled-color: var(--bs-btn-link-info-active-color);
7966
+ --bs-btn-disabled-bg: var(--bs-btn-link-info-active-bg);
7967
+ --bs-btn-disabled-border-color: var(--bs-btn-link-info-active-border-color);
7602
7968
  }
7603
7969
 
7604
7970
  .btn-warning {
7605
- --bs-btn-color: var(--bs-black);
7606
- --bs-btn-bg: var(--bs-warning-500);
7607
- --bs-btn-border-color: var(--bs-warning-500);
7608
- --bs-btn-hover-color: var(--bs-black);
7609
- --bs-btn-hover-bg: var(--bs-warning-600);
7610
- --bs-btn-hover-border-color: var(--bs-warning-600);
7611
- --bs-btn-focus-color: var(--bs-black);
7612
- --bs-btn-focus-bg: var(--bs-warning-600);
7613
- --bs-btn-focus-border-color: var(--bs-warning-600);
7614
- --bs-btn-active-color: var(--bs-black);
7615
- --bs-btn-active-bg: var(--bs-warning-700);
7616
- --bs-btn-active-border-color: var(--bs-warning-700);
7617
- --bs-btn-disabled-color: var(--bs-gray-700);
7618
- --bs-btn-disabled-bg: var(--bs-warning-100);
7619
- --bs-btn-disabled-border-color: var(--bs-warning-100);
7971
+ --bs-btn-color: var(--bs-btn-warning-color);
7972
+ --bs-btn-bg: var(--bs-btn-warning-bg);
7973
+ --bs-btn-border-color: var(--bs-btn-warning-border-color);
7974
+ --bs-btn-hover-color: var(--bs-btn-warning-hover-color);
7975
+ --bs-btn-hover-bg: var(--bs-btn-warning-hover-bg);
7976
+ --bs-btn-hover-border-color: var(--bs-btn-warning-hover-border-color);
7977
+ --bs-btn-focus-color: var(--bs-btn-warning-focus-color);
7978
+ --bs-btn-focus-bg: var(--bs-btn-warning-focus-bg);
7979
+ --bs-btn-focus-border-color: var(--bs-btn-warning-focus-border-color);
7980
+ --bs-btn-active-color: var(--bs-btn-warning-active-color);
7981
+ --bs-btn-active-bg: var(--bs-btn-warning-active-bg);
7982
+ --bs-btn-active-border-color: var(--bs-btn-warning-active-border-color);
7983
+ --bs-btn-disabled-color: var(--bs-btn-warning-disabled-color);
7984
+ --bs-btn-disabled-bg: var(--bs-btn-warning-disabled-bg);
7985
+ --bs-btn-disabled-border-color: var(--bs-btn-warning-disabled-border-color);
7986
+ --bs-btn-disabled-opacity: var(--bs-btn-warning-disabled-opacity);
7620
7987
  }
7621
7988
  .btn-warning.loading {
7622
- --bs-btn-disabled-opacity: 1;
7623
- --bs-btn-disabled-bg: var(--bs-warning-700);
7624
- --bs-btn-disabled-border-color: var(--bs-warning-700);
7625
- --bs-btn-disabled-color: var(--bs-black);
7989
+ --bs-btn-disabled-color: var(--bs-btn-warning-active-color);
7990
+ --bs-btn-disabled-bg: var(--bs-btn-warning-active-bg);
7991
+ --bs-btn-disabled-border-color: var(--bs-btn-warning-active-border-color);
7626
7992
  }
7627
7993
 
7628
7994
  .btn-outline-warning {
7629
- --bs-btn-bg: transparent;
7630
- --bs-btn-border-color: var(--bs-warning-500);
7631
- --bs-btn-color: var(--bs-warning-500);
7632
- --bs-btn-hover-bg: var(--bs-warning-100);
7633
- --bs-btn-hover-border-color: var(--bs-warning-500);
7634
- --bs-btn-hover-color: var(--bs-warning-500);
7635
- --bs-btn-focus-bg: var(--bs-warning-100);
7636
- --bs-btn-focus-border-color: var(--bs-warning-500);
7637
- --bs-btn-focus-color: var(--bs-warning-500);
7638
- --bs-btn-active-bg: var(--bs-warning-200);
7639
- --bs-btn-active-border-color: var(--bs-warning-500);
7640
- --bs-btn-active-color: var(--bs-warning-500);
7641
- --bs-btn-disabled-bg: transparent;
7642
- --bs-btn-disabled-border-color: var(--bs-warning-100);
7643
- --bs-btn-disabled-color: var(--bs-gray-700);
7644
- --bs-gradient: none;
7995
+ --bs-btn-color: var(--bs-btn-outline-warning-color);
7996
+ --bs-btn-bg: var(--bs-btn-outline-warning-bg);
7997
+ --bs-btn-border-color: var(--bs-btn-outline-warning-border-color);
7998
+ --bs-btn-hover-color: var(--bs-btn-outline-warning-hover-color);
7999
+ --bs-btn-hover-bg: var(--bs-btn-outline-warning-hover-bg);
8000
+ --bs-btn-hover-border-color: var(--bs-btn-outline-warning-hover-border-color);
8001
+ --bs-btn-focus-color: var(--bs-btn-outline-warning-focus-color);
8002
+ --bs-btn-focus-bg: var(--bs-btn-outline-warning-focus-bg);
8003
+ --bs-btn-focus-border-color: var(--bs-btn-outline-warning-focus-border-color);
8004
+ --bs-btn-active-color: var(--bs-btn-outline-warning-active-color);
8005
+ --bs-btn-active-bg: var(--bs-btn-outline-warning-active-bg);
8006
+ --bs-btn-active-border-color: var(--bs-btn-outline-warning-active-border-color);
8007
+ --bs-btn-disabled-color: var(--bs-btn-outline-warning-disabled-color);
8008
+ --bs-btn-disabled-bg: var(--bs-btn-outline-warning-disabled-bg);
8009
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-warning-disabled-border-color);
8010
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-warning-disabled-opacity);
7645
8011
  }
7646
8012
  .btn-outline-warning.loading {
7647
- --bs-btn-disabled-opacity: 1;
7648
- --bs-btn-disabled-bg: transparent;
7649
- --bs-btn-disabled-border-color: var(--bs-warning-500);
7650
- --bs-btn-disabled-color: var(--bs-warning-500);
8013
+ --bs-btn-disabled-color: var(--bs-btn-outline-warning-active-color);
8014
+ --bs-btn-disabled-bg: var(--bs-btn-outline-warning-active-bg);
8015
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-warning-active-border-color);
7651
8016
  }
7652
8017
 
7653
8018
  .btn-link-warning {
7654
- --bs-btn-bg: transparent;
7655
- --bs-btn-border-color: transparent;
7656
- --bs-btn-color: var(--bs-warning-600);
7657
- --bs-btn-hover-bg: var(--bs-warning-100);
7658
- --bs-btn-hover-border-color: transparent;
7659
- --bs-btn-hover-color: var(--bs-warning-600);
7660
- --bs-btn-focus-bg: transparent;
7661
- --bs-btn-focus-border-color: transparent;
7662
- --bs-btn-focus-color: var(--bs-warning-600);
7663
- --bs-btn-active-bg: var(--bs-warning-200);
7664
- --bs-btn-active-border-color: transparent;
7665
- --bs-btn-active-color: var(--bs-warning-600);
7666
- --bs-btn-disabled-bg: transparent;
7667
- --bs-btn-disabled-border-color: transparent;
7668
- --bs-btn-disabled-color: var(--bs-warning-300);
7669
- --bs-btn-focus-outline-offset: 0;
7670
- }
7671
- .btn-link-warning span {
7672
- text-decoration: underline;
8019
+ --bs-btn-color: var(--bs-btn-link-warning-color);
8020
+ --bs-btn-bg: var(--bs-btn-link-warning-bg);
8021
+ --bs-btn-border-color: var(--bs-btn-link-warning-border-color);
8022
+ --bs-btn-hover-color: var(--bs-btn-link-warning-hover-color);
8023
+ --bs-btn-hover-bg: var(--bs-btn-link-warning-hover-bg);
8024
+ --bs-btn-hover-border-color: var(--bs-btn-link-warning-hover-border-color);
8025
+ --bs-btn-focus-color: var(--bs-btn-link-warning-focus-color);
8026
+ --bs-btn-focus-bg: var(--bs-btn-link-warning-focus-bg);
8027
+ --bs-btn-focus-border-color: var(--bs-btn-link-warning-focus-border-color);
8028
+ --bs-btn-active-color: var(--bs-btn-link-warning-active-color);
8029
+ --bs-btn-active-bg: var(--bs-btn-link-warning-active-bg);
8030
+ --bs-btn-active-border-color: var(--bs-btn-link-warning-active-border-color);
8031
+ --bs-btn-disabled-color: var(--bs-btn-link-warning-disabled-color);
8032
+ --bs-btn-disabled-bg: var(--bs-btn-link-warning-disabled-bg);
8033
+ --bs-btn-disabled-border-color: var(--bs-btn-link-warning-disabled-border-color);
8034
+ --bs-btn-disabled-opacity: var(--bs-btn-link-warning-disabled-opacity);
7673
8035
  }
7674
8036
  .btn-link-warning.loading {
7675
- --bs-btn-disabled-opacity: 1;
7676
- --bs-btn-disabled-bg: transparent;
7677
- --bs-btn-disabled-border-color: transparent;
7678
- --bs-btn-disabled-color: var(--bs-warning-600);
8037
+ --bs-btn-disabled-color: var(--bs-btn-link-warning-active-color);
8038
+ --bs-btn-disabled-bg: var(--bs-btn-link-warning-active-bg);
8039
+ --bs-btn-disabled-border-color: var(--bs-btn-link-warning-active-border-color);
7679
8040
  }
7680
8041
 
7681
8042
  .btn-danger {
7682
- --bs-btn-color: var(--bs-white);
7683
- --bs-btn-bg: var(--bs-danger-500);
7684
- --bs-btn-border-color: var(--bs-danger-500);
7685
- --bs-btn-hover-color: var(--bs-white);
7686
- --bs-btn-hover-bg: var(--bs-danger-600);
7687
- --bs-btn-hover-border-color: var(--bs-danger-600);
7688
- --bs-btn-focus-color: var(--bs-white);
7689
- --bs-btn-focus-bg: var(--bs-danger-600);
7690
- --bs-btn-focus-border-color: var(--bs-danger-600);
7691
- --bs-btn-active-color: var(--bs-white);
7692
- --bs-btn-active-bg: var(--bs-danger-700);
7693
- --bs-btn-active-border-color: var(--bs-danger-700);
7694
- --bs-btn-disabled-color: var(--bs-gray-700);
7695
- --bs-btn-disabled-bg: var(--bs-danger-100);
7696
- --bs-btn-disabled-border-color: var(--bs-danger-100);
8043
+ --bs-btn-color: var(--bs-btn-danger-color);
8044
+ --bs-btn-bg: var(--bs-btn-danger-bg);
8045
+ --bs-btn-border-color: var(--bs-btn-danger-border-color);
8046
+ --bs-btn-hover-color: var(--bs-btn-danger-hover-color);
8047
+ --bs-btn-hover-bg: var(--bs-btn-danger-hover-bg);
8048
+ --bs-btn-hover-border-color: var(--bs-btn-danger-hover-border-color);
8049
+ --bs-btn-focus-color: var(--bs-btn-danger-focus-color);
8050
+ --bs-btn-focus-bg: var(--bs-btn-danger-focus-bg);
8051
+ --bs-btn-focus-border-color: var(--bs-btn-danger-focus-border-color);
8052
+ --bs-btn-active-color: var(--bs-btn-danger-active-color);
8053
+ --bs-btn-active-bg: var(--bs-btn-danger-active-bg);
8054
+ --bs-btn-active-border-color: var(--bs-btn-danger-active-border-color);
8055
+ --bs-btn-disabled-color: var(--bs-btn-danger-disabled-color);
8056
+ --bs-btn-disabled-bg: var(--bs-btn-danger-disabled-bg);
8057
+ --bs-btn-disabled-border-color: var(--bs-btn-danger-disabled-border-color);
8058
+ --bs-btn-disabled-opacity: var(--bs-btn-danger-disabled-opacity);
7697
8059
  }
7698
8060
  .btn-danger.loading {
7699
- --bs-btn-disabled-opacity: 1;
7700
- --bs-btn-disabled-bg: var(--bs-danger-700);
7701
- --bs-btn-disabled-border-color: var(--bs-danger-700);
7702
- --bs-btn-disabled-color: var(--bs-white);
8061
+ --bs-btn-disabled-color: var(--bs-btn-danger-active-color);
8062
+ --bs-btn-disabled-bg: var(--bs-btn-danger-active-bg);
8063
+ --bs-btn-disabled-border-color: var(--bs-btn-danger-active-border-color);
7703
8064
  }
7704
8065
 
7705
8066
  .btn-outline-danger {
7706
- --bs-btn-bg: transparent;
7707
- --bs-btn-border-color: var(--bs-danger-500);
7708
- --bs-btn-color: var(--bs-danger-500);
7709
- --bs-btn-hover-bg: var(--bs-danger-100);
7710
- --bs-btn-hover-border-color: var(--bs-danger-500);
7711
- --bs-btn-hover-color: var(--bs-danger-500);
7712
- --bs-btn-focus-bg: var(--bs-danger-100);
7713
- --bs-btn-focus-border-color: var(--bs-danger-500);
7714
- --bs-btn-focus-color: var(--bs-danger-500);
7715
- --bs-btn-active-bg: var(--bs-danger-200);
7716
- --bs-btn-active-border-color: var(--bs-danger-500);
7717
- --bs-btn-active-color: var(--bs-danger-500);
7718
- --bs-btn-disabled-bg: transparent;
7719
- --bs-btn-disabled-border-color: var(--bs-danger-100);
7720
- --bs-btn-disabled-color: var(--bs-gray-700);
7721
- --bs-gradient: none;
8067
+ --bs-btn-color: var(--bs-btn-outline-danger-color);
8068
+ --bs-btn-bg: var(--bs-btn-outline-danger-bg);
8069
+ --bs-btn-border-color: var(--bs-btn-outline-danger-border-color);
8070
+ --bs-btn-hover-color: var(--bs-btn-outline-danger-hover-color);
8071
+ --bs-btn-hover-bg: var(--bs-btn-outline-danger-hover-bg);
8072
+ --bs-btn-hover-border-color: var(--bs-btn-outline-danger-hover-border-color);
8073
+ --bs-btn-focus-color: var(--bs-btn-outline-danger-focus-color);
8074
+ --bs-btn-focus-bg: var(--bs-btn-outline-danger-focus-bg);
8075
+ --bs-btn-focus-border-color: var(--bs-btn-outline-danger-focus-border-color);
8076
+ --bs-btn-active-color: var(--bs-btn-outline-danger-active-color);
8077
+ --bs-btn-active-bg: var(--bs-btn-outline-danger-active-bg);
8078
+ --bs-btn-active-border-color: var(--bs-btn-outline-danger-active-border-color);
8079
+ --bs-btn-disabled-color: var(--bs-btn-outline-danger-disabled-color);
8080
+ --bs-btn-disabled-bg: var(--bs-btn-outline-danger-disabled-bg);
8081
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-danger-disabled-border-color);
8082
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-danger-disabled-opacity);
7722
8083
  }
7723
8084
  .btn-outline-danger.loading {
7724
- --bs-btn-disabled-opacity: 1;
7725
- --bs-btn-disabled-bg: transparent;
7726
- --bs-btn-disabled-border-color: var(--bs-danger-500);
7727
- --bs-btn-disabled-color: var(--bs-danger-500);
8085
+ --bs-btn-disabled-color: var(--bs-btn-outline-danger-active-color);
8086
+ --bs-btn-disabled-bg: var(--bs-btn-outline-danger-active-bg);
8087
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-danger-active-border-color);
7728
8088
  }
7729
8089
 
7730
8090
  .btn-link-danger {
7731
- --bs-btn-bg: transparent;
7732
- --bs-btn-border-color: transparent;
7733
- --bs-btn-color: var(--bs-danger-600);
7734
- --bs-btn-hover-bg: var(--bs-danger-100);
7735
- --bs-btn-hover-border-color: transparent;
7736
- --bs-btn-hover-color: var(--bs-danger-600);
7737
- --bs-btn-focus-bg: transparent;
7738
- --bs-btn-focus-border-color: transparent;
7739
- --bs-btn-focus-color: var(--bs-danger-600);
7740
- --bs-btn-active-bg: var(--bs-danger-200);
7741
- --bs-btn-active-border-color: transparent;
7742
- --bs-btn-active-color: var(--bs-danger-600);
7743
- --bs-btn-disabled-bg: transparent;
7744
- --bs-btn-disabled-border-color: transparent;
7745
- --bs-btn-disabled-color: var(--bs-danger-300);
7746
- --bs-btn-focus-outline-offset: 0;
7747
- }
7748
- .btn-link-danger span {
7749
- text-decoration: underline;
8091
+ --bs-btn-color: var(--bs-btn-link-danger-color);
8092
+ --bs-btn-bg: var(--bs-btn-link-danger-bg);
8093
+ --bs-btn-border-color: var(--bs-btn-link-danger-border-color);
8094
+ --bs-btn-hover-color: var(--bs-btn-link-danger-hover-color);
8095
+ --bs-btn-hover-bg: var(--bs-btn-link-danger-hover-bg);
8096
+ --bs-btn-hover-border-color: var(--bs-btn-link-danger-hover-border-color);
8097
+ --bs-btn-focus-color: var(--bs-btn-link-danger-focus-color);
8098
+ --bs-btn-focus-bg: var(--bs-btn-link-danger-focus-bg);
8099
+ --bs-btn-focus-border-color: var(--bs-btn-link-danger-focus-border-color);
8100
+ --bs-btn-active-color: var(--bs-btn-link-danger-active-color);
8101
+ --bs-btn-active-bg: var(--bs-btn-link-danger-active-bg);
8102
+ --bs-btn-active-border-color: var(--bs-btn-link-danger-active-border-color);
8103
+ --bs-btn-disabled-color: var(--bs-btn-link-danger-disabled-color);
8104
+ --bs-btn-disabled-bg: var(--bs-btn-link-danger-disabled-bg);
8105
+ --bs-btn-disabled-border-color: var(--bs-btn-link-danger-disabled-border-color);
8106
+ --bs-btn-disabled-opacity: var(--bs-btn-link-danger-disabled-opacity);
7750
8107
  }
7751
8108
  .btn-link-danger.loading {
7752
- --bs-btn-disabled-opacity: 1;
7753
- --bs-btn-disabled-bg: transparent;
7754
- --bs-btn-disabled-border-color: transparent;
7755
- --bs-btn-disabled-color: var(--bs-danger-600);
8109
+ --bs-btn-disabled-color: var(--bs-btn-link-danger-active-color);
8110
+ --bs-btn-disabled-bg: var(--bs-btn-link-danger-active-bg);
8111
+ --bs-btn-disabled-border-color: var(--bs-btn-link-danger-active-border-color);
7756
8112
  }
7757
8113
 
7758
8114
  .btn-light {
7759
- --bs-btn-color: #555564;
7760
- --bs-btn-bg: #f7f7ff;
7761
- --bs-btn-border-color: #f7f7ff;
7762
- --bs-btn-hover-color: #555564;
7763
- --bs-btn-hover-bg: #d2d2d9;
7764
- --bs-btn-hover-border-color: #c6c6cc;
7765
- --bs-btn-focus-shadow-rgb: 223, 223, 232;
7766
- --bs-btn-active-color: #000;
7767
- --bs-btn-active-bg: #c6c6cc;
7768
- --bs-btn-active-border-color: #b9b9bf;
7769
- --bs-btn-active-shadow: none;
7770
- --bs-btn-disabled-color: #555564;
7771
- --bs-btn-disabled-bg: #f7f7ff;
7772
- --bs-btn-disabled-border-color: #f7f7ff;
8115
+ --bs-btn-color: var(--bs-btn-light-color);
8116
+ --bs-btn-bg: var(--bs-btn-light-bg);
8117
+ --bs-btn-border-color: var(--bs-btn-light-border-color);
8118
+ --bs-btn-hover-color: var(--bs-btn-light-hover-color);
8119
+ --bs-btn-hover-bg: var(--bs-btn-light-hover-bg);
8120
+ --bs-btn-hover-border-color: var(--bs-btn-light-hover-border-color);
8121
+ --bs-btn-focus-color: var(--bs-btn-light-focus-color);
8122
+ --bs-btn-focus-bg: var(--bs-btn-light-focus-bg);
8123
+ --bs-btn-focus-border-color: var(--bs-btn-light-focus-border-color);
8124
+ --bs-btn-active-color: var(--bs-btn-light-active-color);
8125
+ --bs-btn-active-bg: var(--bs-btn-light-active-bg);
8126
+ --bs-btn-active-border-color: var(--bs-btn-light-active-border-color);
8127
+ --bs-btn-disabled-color: var(--bs-btn-light-disabled-color);
8128
+ --bs-btn-disabled-bg: var(--bs-btn-light-disabled-bg);
8129
+ --bs-btn-disabled-border-color: var(--bs-btn-light-disabled-border-color);
8130
+ --bs-btn-disabled-opacity: var(--bs-btn-light-disabled-opacity);
8131
+ }
8132
+ .btn-light.loading {
8133
+ --bs-btn-disabled-color: var(--bs-btn-light-active-color);
8134
+ --bs-btn-disabled-bg: var(--bs-btn-light-active-bg);
8135
+ --bs-btn-disabled-border-color: var(--bs-btn-light-active-border-color);
7773
8136
  }
7774
8137
 
7775
8138
  .btn-outline-light {
7776
- --bs-btn-color: #f7f7ff;
7777
- --bs-btn-border-color: #f7f7ff;
7778
- --bs-btn-hover-color: #555564;
7779
- --bs-btn-hover-bg: #f7f7ff;
7780
- --bs-btn-hover-border-color: #f7f7ff;
7781
- --bs-btn-focus-shadow-rgb: 247, 247, 255;
7782
- --bs-btn-active-color: #555564;
7783
- --bs-btn-active-bg: #f7f7ff;
7784
- --bs-btn-active-border-color: #f7f7ff;
7785
- --bs-btn-active-shadow: none;
7786
- --bs-btn-disabled-color: #f7f7ff;
7787
- --bs-btn-disabled-bg: transparent;
7788
- --bs-btn-disabled-border-color: #f7f7ff;
7789
- --bs-gradient: none;
8139
+ --bs-btn-color: var(--bs-btn-outline-light-color);
8140
+ --bs-btn-bg: var(--bs-btn-outline-light-bg);
8141
+ --bs-btn-border-color: var(--bs-btn-outline-light-border-color);
8142
+ --bs-btn-hover-color: var(--bs-btn-outline-light-hover-color);
8143
+ --bs-btn-hover-bg: var(--bs-btn-outline-light-hover-bg);
8144
+ --bs-btn-hover-border-color: var(--bs-btn-outline-light-hover-border-color);
8145
+ --bs-btn-focus-color: var(--bs-btn-outline-light-focus-color);
8146
+ --bs-btn-focus-bg: var(--bs-btn-outline-light-focus-bg);
8147
+ --bs-btn-focus-border-color: var(--bs-btn-outline-light-focus-border-color);
8148
+ --bs-btn-active-color: var(--bs-btn-outline-light-active-color);
8149
+ --bs-btn-active-bg: var(--bs-btn-outline-light-active-bg);
8150
+ --bs-btn-active-border-color: var(--bs-btn-outline-light-active-border-color);
8151
+ --bs-btn-disabled-color: var(--bs-btn-outline-light-disabled-color);
8152
+ --bs-btn-disabled-bg: var(--bs-btn-outline-light-disabled-bg);
8153
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-light-disabled-border-color);
8154
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-light-disabled-opacity);
8155
+ }
8156
+ .btn-outline-light.loading {
8157
+ --bs-btn-disabled-color: var(--bs-btn-outline-light-active-color);
8158
+ --bs-btn-disabled-bg: var(--bs-btn-outline-light-active-bg);
8159
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-light-active-border-color);
7790
8160
  }
7791
8161
 
7792
8162
  .btn-link-light {
7793
- --bs-btn-bg: transparent;
7794
- --bs-btn-border-color: transparent;
7795
- --bs-btn-color: #f7f7ff;
7796
- --bs-btn-hover-bg: var(--bs-gray-300);
7797
- --bs-btn-hover-border-color: transparent;
7798
- --bs-btn-hover-color: #f7f7ff;
7799
- --bs-btn-focus-bg: transparent;
7800
- --bs-btn-focus-border-color: transparent;
7801
- --bs-btn-focus-color: #f7f7ff;
7802
- --bs-btn-active-bg: var(--bs-gray-500);
7803
- --bs-btn-active-border-color: transparent;
7804
- --bs-btn-active-color: #f7f7ff;
7805
- --bs-btn-disabled-bg: transparent;
7806
- --bs-btn-disabled-border-color: transparent;
7807
- --bs-btn-disabled-color: var(--bs-gray-300);
7808
- --bs-btn-focus-outline-offset: 0;
7809
- }
7810
- .btn-link-light span {
7811
- text-decoration: underline;
8163
+ --bs-btn-color: var(--bs-btn-link-light-color);
8164
+ --bs-btn-bg: var(--bs-btn-link-light-bg);
8165
+ --bs-btn-border-color: var(--bs-btn-link-light-border-color);
8166
+ --bs-btn-hover-color: var(--bs-btn-link-light-hover-color);
8167
+ --bs-btn-hover-bg: var(--bs-btn-link-light-hover-bg);
8168
+ --bs-btn-hover-border-color: var(--bs-btn-link-light-hover-border-color);
8169
+ --bs-btn-focus-color: var(--bs-btn-link-light-focus-color);
8170
+ --bs-btn-focus-bg: var(--bs-btn-link-light-focus-bg);
8171
+ --bs-btn-focus-border-color: var(--bs-btn-link-light-focus-border-color);
8172
+ --bs-btn-active-color: var(--bs-btn-link-light-active-color);
8173
+ --bs-btn-active-bg: var(--bs-btn-link-light-active-bg);
8174
+ --bs-btn-active-border-color: var(--bs-btn-link-light-active-border-color);
8175
+ --bs-btn-disabled-color: var(--bs-btn-link-light-disabled-color);
8176
+ --bs-btn-disabled-bg: var(--bs-btn-link-light-disabled-bg);
8177
+ --bs-btn-disabled-border-color: var(--bs-btn-link-light-disabled-border-color);
8178
+ --bs-btn-disabled-opacity: var(--bs-btn-link-light-disabled-opacity);
7812
8179
  }
7813
8180
  .btn-link-light.loading {
7814
- --bs-btn-disabled-opacity: 1;
7815
- --bs-btn-disabled-bg: transparent;
7816
- --bs-btn-disabled-border-color: transparent;
7817
- --bs-btn-disabled-color: #f7f7ff;
8181
+ --bs-btn-disabled-color: var(--bs-btn-link-light-active-color);
8182
+ --bs-btn-disabled-bg: var(--bs-btn-link-light-active-bg);
8183
+ --bs-btn-disabled-border-color: var(--bs-btn-link-light-active-border-color);
7818
8184
  }
7819
8185
 
7820
8186
  .btn-dark {
7821
- --bs-btn-color: #fff;
7822
- --bs-btn-bg: #161723;
7823
- --bs-btn-border-color: #161723;
7824
- --bs-btn-hover-color: #fff;
7825
- --bs-btn-hover-bg: #393a44;
7826
- --bs-btn-hover-border-color: #2d2e39;
7827
- --bs-btn-focus-shadow-rgb: 57, 58, 68;
7828
- --bs-btn-active-color: #fff;
7829
- --bs-btn-active-bg: #45454f;
7830
- --bs-btn-active-border-color: #2d2e39;
7831
- --bs-btn-active-shadow: none;
7832
- --bs-btn-disabled-color: #fff;
7833
- --bs-btn-disabled-bg: #161723;
7834
- --bs-btn-disabled-border-color: #161723;
8187
+ --bs-btn-color: var(--bs-btn-dark-color);
8188
+ --bs-btn-bg: var(--bs-btn-dark-bg);
8189
+ --bs-btn-border-color: var(--bs-btn-dark-border-color);
8190
+ --bs-btn-hover-color: var(--bs-btn-dark-hover-color);
8191
+ --bs-btn-hover-bg: var(--bs-btn-dark-hover-bg);
8192
+ --bs-btn-hover-border-color: var(--bs-btn-dark-hover-border-color);
8193
+ --bs-btn-focus-color: var(--bs-btn-dark-focus-color);
8194
+ --bs-btn-focus-bg: var(--bs-btn-dark-focus-bg);
8195
+ --bs-btn-focus-border-color: var(--bs-btn-dark-focus-border-color);
8196
+ --bs-btn-active-color: var(--bs-btn-dark-active-color);
8197
+ --bs-btn-active-bg: var(--bs-btn-dark-active-bg);
8198
+ --bs-btn-active-border-color: var(--bs-btn-dark-active-border-color);
8199
+ --bs-btn-disabled-color: var(--bs-btn-dark-disabled-color);
8200
+ --bs-btn-disabled-bg: var(--bs-btn-dark-disabled-bg);
8201
+ --bs-btn-disabled-border-color: var(--bs-btn-dark-disabled-border-color);
8202
+ --bs-btn-disabled-opacity: var(--bs-btn-dark-disabled-opacity);
8203
+ }
8204
+ .btn-dark.loading {
8205
+ --bs-btn-disabled-color: var(--bs-btn-dark-active-color);
8206
+ --bs-btn-disabled-bg: var(--bs-btn-dark-active-bg);
8207
+ --bs-btn-disabled-border-color: var(--bs-btn-dark-active-border-color);
7835
8208
  }
7836
8209
 
7837
8210
  .btn-outline-dark {
7838
- --bs-btn-color: #161723;
7839
- --bs-btn-border-color: #161723;
7840
- --bs-btn-hover-color: #fff;
7841
- --bs-btn-hover-bg: #161723;
7842
- --bs-btn-hover-border-color: #161723;
7843
- --bs-btn-focus-shadow-rgb: 22, 23, 35;
7844
- --bs-btn-active-color: #fff;
7845
- --bs-btn-active-bg: #161723;
7846
- --bs-btn-active-border-color: #161723;
7847
- --bs-btn-active-shadow: none;
7848
- --bs-btn-disabled-color: #161723;
7849
- --bs-btn-disabled-bg: transparent;
7850
- --bs-btn-disabled-border-color: #161723;
7851
- --bs-gradient: none;
8211
+ --bs-btn-color: var(--bs-btn-outline-dark-color);
8212
+ --bs-btn-bg: var(--bs-btn-outline-dark-bg);
8213
+ --bs-btn-border-color: var(--bs-btn-outline-dark-border-color);
8214
+ --bs-btn-hover-color: var(--bs-btn-outline-dark-hover-color);
8215
+ --bs-btn-hover-bg: var(--bs-btn-outline-dark-hover-bg);
8216
+ --bs-btn-hover-border-color: var(--bs-btn-outline-dark-hover-border-color);
8217
+ --bs-btn-focus-color: var(--bs-btn-outline-dark-focus-color);
8218
+ --bs-btn-focus-bg: var(--bs-btn-outline-dark-focus-bg);
8219
+ --bs-btn-focus-border-color: var(--bs-btn-outline-dark-focus-border-color);
8220
+ --bs-btn-active-color: var(--bs-btn-outline-dark-active-color);
8221
+ --bs-btn-active-bg: var(--bs-btn-outline-dark-active-bg);
8222
+ --bs-btn-active-border-color: var(--bs-btn-outline-dark-active-border-color);
8223
+ --bs-btn-disabled-color: var(--bs-btn-outline-dark-disabled-color);
8224
+ --bs-btn-disabled-bg: var(--bs-btn-outline-dark-disabled-bg);
8225
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-dark-disabled-border-color);
8226
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-dark-disabled-opacity);
8227
+ }
8228
+ .btn-outline-dark.loading {
8229
+ --bs-btn-disabled-color: var(--bs-btn-outline-dark-active-color);
8230
+ --bs-btn-disabled-bg: var(--bs-btn-outline-dark-active-bg);
8231
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-dark-active-border-color);
7852
8232
  }
7853
8233
 
7854
8234
  .btn-link-dark {
7855
- --bs-btn-bg: transparent;
7856
- --bs-btn-border-color: transparent;
7857
- --bs-btn-color: #161723;
7858
- --bs-btn-hover-bg: var(--bs-gray-100);
7859
- --bs-btn-hover-border-color: transparent;
7860
- --bs-btn-hover-color: #161723;
7861
- --bs-btn-focus-bg: transparent;
7862
- --bs-btn-focus-border-color: transparent;
7863
- --bs-btn-focus-color: #161723;
7864
- --bs-btn-active-bg: var(--bs-gray-200);
7865
- --bs-btn-active-border-color: transparent;
7866
- --bs-btn-active-color: #161723;
7867
- --bs-btn-disabled-bg: transparent;
7868
- --bs-btn-disabled-border-color: transparent;
7869
- --bs-btn-disabled-color: var(--bs-gray-300);
7870
- --bs-btn-focus-outline-offset: 0;
7871
- }
7872
- .btn-link-dark span {
7873
- text-decoration: underline;
8235
+ --bs-btn-color: var(--bs-btn-link-dark-color);
8236
+ --bs-btn-bg: var(--bs-btn-link-dark-bg);
8237
+ --bs-btn-border-color: var(--bs-btn-link-dark-border-color);
8238
+ --bs-btn-hover-color: var(--bs-btn-link-dark-hover-color);
8239
+ --bs-btn-hover-bg: var(--bs-btn-link-dark-hover-bg);
8240
+ --bs-btn-hover-border-color: var(--bs-btn-link-dark-hover-border-color);
8241
+ --bs-btn-focus-color: var(--bs-btn-link-dark-focus-color);
8242
+ --bs-btn-focus-bg: var(--bs-btn-link-dark-focus-bg);
8243
+ --bs-btn-focus-border-color: var(--bs-btn-link-dark-focus-border-color);
8244
+ --bs-btn-active-color: var(--bs-btn-link-dark-active-color);
8245
+ --bs-btn-active-bg: var(--bs-btn-link-dark-active-bg);
8246
+ --bs-btn-active-border-color: var(--bs-btn-link-dark-active-border-color);
8247
+ --bs-btn-disabled-color: var(--bs-btn-link-dark-disabled-color);
8248
+ --bs-btn-disabled-bg: var(--bs-btn-link-dark-disabled-bg);
8249
+ --bs-btn-disabled-border-color: var(--bs-btn-link-dark-disabled-border-color);
8250
+ --bs-btn-disabled-opacity: var(--bs-btn-link-dark-disabled-opacity);
7874
8251
  }
7875
8252
  .btn-link-dark.loading {
7876
- --bs-btn-disabled-opacity: 1;
7877
- --bs-btn-disabled-bg: transparent;
7878
- --bs-btn-disabled-border-color: transparent;
7879
- --bs-btn-disabled-color: #161723;
8253
+ --bs-btn-disabled-color: var(--bs-btn-link-dark-active-color);
8254
+ --bs-btn-disabled-bg: var(--bs-btn-link-dark-active-bg);
8255
+ --bs-btn-disabled-border-color: var(--bs-btn-link-dark-active-border-color);
7880
8256
  }
7881
8257
 
7882
8258
  .btn-lg, .btn-group-lg > .btn {
@@ -7896,9 +8272,12 @@ body {
7896
8272
  [class*=btn-link-] {
7897
8273
  --bs-btn-text-decoration: var(--bs-link-decoration);
7898
8274
  }
8275
+ [class*=btn-link-] span {
8276
+ text-decoration: underline;
8277
+ }
7899
8278
 
7900
8279
  .btn-link {
7901
- --bs-btn-font-weight: 400;
8280
+ --bs-btn-font-weight: var(--bs-fw-normal);
7902
8281
  --bs-btn-color: var(--bs-link-color);
7903
8282
  --bs-btn-bg: transparent;
7904
8283
  --bs-btn-border-color: transparent;
@@ -7922,8 +8301,18 @@ body {
7922
8301
  color: var(--bs-btn-hover-color);
7923
8302
  }
7924
8303
 
8304
+ .btn-group-vertical .btn {
8305
+ --bs-btn-border-radius: var(--bs-border-radius-sm);
8306
+ }
8307
+ .btn-group-vertical.btn-group-lg .btn {
8308
+ --bs-btn-border-radius: var(--bs-border-radius);
8309
+ }
8310
+ .btn-group-vertical.btn-group-sm .btn {
8311
+ --bs-btn-border-radius: var(--bs-border-radius-sm);
8312
+ }
8313
+
7925
8314
  .progress {
7926
- --bs-progress-bar-font-weight: var(--bs-ref-fw-bold);
8315
+ --bs-progress-bar-font-weight: var(--bs-fw-bold);
7927
8316
  font-weight: var(--bs-progress-bar-font-weight);
7928
8317
  }
7929
8318
  .progress .progress-bar:not(:empty) {
@@ -8147,6 +8536,126 @@ label .d-icon {
8147
8536
  --bs-icon-color: var(--bs-focus-ring-color);
8148
8537
  }
8149
8538
 
8539
+ .avatar {
8540
+ --bs-avatar-size: var(--bs-ref-spacer-8);
8541
+ --bs-avatar-title-bg: var(--bs-gray-500);
8542
+ --bs-avatar-title-color: var(--bs-white);
8543
+ --bs-avatar-radius: var(--bs-border-radius-pill);
8544
+ position: relative;
8545
+ display: inline-block;
8546
+ width: var(--bs-avatar-size);
8547
+ height: var(--bs-avatar-size);
8548
+ font-size: calc(var(--bs-avatar-size) / 3);
8549
+ }
8550
+ .avatar .avatar-img {
8551
+ width: 100%;
8552
+ height: 100%;
8553
+ -o-object-fit: cover;
8554
+ object-fit: cover;
8555
+ border-radius: var(--bs-avatar-radius);
8556
+ }
8557
+ .avatar .avatar-title {
8558
+ display: flex;
8559
+ align-items: center;
8560
+ justify-content: center;
8561
+ width: 100%;
8562
+ height: 100%;
8563
+ color: var(--bs-avatar-title-color);
8564
+ white-space: pre-wrap;
8565
+ background-color: var(--bs-avatar-title-bg);
8566
+ border-radius: var(--bs-avatar-radius);
8567
+ }
8568
+
8569
+ .avatar-xs {
8570
+ --bs-avatar-size: var(--bs-ref-spacer-4);
8571
+ }
8572
+
8573
+ .avatar-sm {
8574
+ --bs-avatar-size: var(--bs-ref-spacer-6);
8575
+ }
8576
+
8577
+ .avatar-lg {
8578
+ --bs-avatar-size: var(--bs-ref-spacer-10);
8579
+ }
8580
+
8581
+ .avatar-xl {
8582
+ --bs-avatar-size: var(--bs-ref-spacer-12);
8583
+ }
8584
+
8585
+ .avatar-xxl {
8586
+ --bs-avatar-size: var(--bs-ref-spacer-14);
8587
+ }
8588
+
8589
+ .avatar-group .avatar-img {
8590
+ box-shadow: -2px 0 2px rgba(0, 0, 0, 0.1);
8591
+ }
8592
+ .avatar-group .avatar + .avatar {
8593
+ margin-left: calc(var(--bs-avatar-size) * -0.25);
8594
+ }
8595
+
8596
+ .backdrop {
8597
+ --bs-backdrop-zindex: 1055;
8598
+ --bs-backdrop-bg: var(--bs-black);
8599
+ --bs-backdrop-opacity: 0.3;
8600
+ position: fixed;
8601
+ top: 0;
8602
+ left: 0;
8603
+ z-index: var(--bs-backdrop-zindex);
8604
+ width: 100vw;
8605
+ height: 100vh;
8606
+ background-color: var(--bs-backdrop-bg);
8607
+ }
8608
+ .backdrop.fade {
8609
+ opacity: 0;
8610
+ }
8611
+ .backdrop.show {
8612
+ opacity: var(--bs-backdrop-opacity);
8613
+ }
8614
+
8615
+ .tooltip {
8616
+ --bs-tooltip-sm-font-size: var(--bs-fs-small);
8617
+ --bs-tooltip-lg-font-size: var(--bs-fs-6);
8618
+ fill: var(--bs-tooltip-bg);
8619
+ }
8620
+ .tooltip.tooltip-sm {
8621
+ --bs-tooltip-font-size: var(--bs-tooltip-sm-font-size);
8622
+ }
8623
+ .tooltip.tooltip-lg {
8624
+ --bs-tooltip-font-size: var(--bs-tooltip-lg-font-size);
8625
+ }
8626
+ .tooltip.tooltip-primary {
8627
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
8628
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-primary));
8629
+ }
8630
+ .tooltip.tooltip-secondary {
8631
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
8632
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-secondary));
8633
+ }
8634
+ .tooltip.tooltip-success {
8635
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
8636
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-success));
8637
+ }
8638
+ .tooltip.tooltip-info {
8639
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
8640
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-info));
8641
+ }
8642
+ .tooltip.tooltip-warning {
8643
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-black));
8644
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-warning));
8645
+ }
8646
+ .tooltip.tooltip-danger {
8647
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
8648
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-danger));
8649
+ }
8650
+ .tooltip.tooltip-light {
8651
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-gray-700));
8652
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-light));
8653
+ }
8654
+ .tooltip.tooltip-dark {
8655
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
8656
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-dark));
8657
+ }
8658
+
8150
8659
  :root {
8151
8660
  --toastify-color-light: #fff;
8152
8661
  --toastify-color-dark: #121212;
@@ -8160,9 +8669,15 @@ label .d-icon {
8160
8669
  --toastify-icon-color-warning: var(--toastify-color-warning);
8161
8670
  --toastify-icon-color-error: var(--toastify-color-error);
8162
8671
  --toastify-toast-width: 320px;
8672
+ --toastify-toast-offset: 16px;
8673
+ --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
8674
+ --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
8675
+ --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
8676
+ --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
8163
8677
  --toastify-toast-background: #fff;
8164
8678
  --toastify-toast-min-height: 64px;
8165
8679
  --toastify-toast-max-height: 800px;
8680
+ --toastify-toast-bd-radius: 6px;
8166
8681
  --toastify-font-family: sans-serif;
8167
8682
  --toastify-z-index: 9999;
8168
8683
  --toastify-text-color-light: #757575;
@@ -8187,6 +8702,7 @@ label .d-icon {
8187
8702
  --toastify-color-progress-success: var(--toastify-color-success);
8188
8703
  --toastify-color-progress-warning: var(--toastify-color-warning);
8189
8704
  --toastify-color-progress-error: var(--toastify-color-error);
8705
+ --toastify-color-progress-bgo: 0.2;
8190
8706
  }
8191
8707
 
8192
8708
  .Toastify__toast-container {
@@ -8199,69 +8715,116 @@ label .d-icon {
8199
8715
  color: #fff;
8200
8716
  }
8201
8717
  .Toastify__toast-container--top-left {
8202
- top: 1em;
8203
- left: 1em;
8718
+ top: var(--toastify-toast-top);
8719
+ left: var(--toastify-toast-left);
8204
8720
  }
8205
8721
  .Toastify__toast-container--top-center {
8206
- top: 1em;
8722
+ top: var(--toastify-toast-top);
8207
8723
  left: 50%;
8208
8724
  transform: translateX(-50%);
8209
8725
  }
8210
8726
  .Toastify__toast-container--top-right {
8211
- top: 1em;
8212
- right: 1em;
8727
+ top: var(--toastify-toast-top);
8728
+ right: var(--toastify-toast-right);
8213
8729
  }
8214
8730
  .Toastify__toast-container--bottom-left {
8215
- bottom: 1em;
8216
- left: 1em;
8731
+ bottom: var(--toastify-toast-bottom);
8732
+ left: var(--toastify-toast-left);
8217
8733
  }
8218
8734
  .Toastify__toast-container--bottom-center {
8219
- bottom: 1em;
8735
+ bottom: var(--toastify-toast-bottom);
8220
8736
  left: 50%;
8221
8737
  transform: translateX(-50%);
8222
8738
  }
8223
8739
  .Toastify__toast-container--bottom-right {
8224
- bottom: 1em;
8225
- right: 1em;
8740
+ bottom: var(--toastify-toast-bottom);
8741
+ right: var(--toastify-toast-right);
8226
8742
  }
8227
8743
 
8228
8744
  @media only screen and (max-width : 480px) {
8229
8745
  .Toastify__toast-container {
8230
8746
  width: 100vw;
8231
8747
  padding: 0;
8232
- left: 0;
8748
+ left: env(safe-area-inset-left);
8233
8749
  margin: 0;
8234
8750
  }
8235
8751
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
8236
- top: 0;
8752
+ top: env(safe-area-inset-top);
8237
8753
  transform: translateX(0);
8238
8754
  }
8239
8755
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
8240
- bottom: 0;
8756
+ bottom: env(safe-area-inset-bottom);
8241
8757
  transform: translateX(0);
8242
8758
  }
8243
8759
  .Toastify__toast-container--rtl {
8244
- right: 0;
8760
+ right: env(safe-area-inset-right);
8245
8761
  left: initial;
8246
8762
  }
8247
8763
  }
8248
8764
  .Toastify__toast {
8765
+ --y: 0;
8249
8766
  position: relative;
8767
+ touch-action: none;
8250
8768
  min-height: var(--toastify-toast-min-height);
8251
8769
  box-sizing: border-box;
8252
8770
  margin-bottom: 1rem;
8253
8771
  padding: 8px;
8254
- border-radius: 4px;
8255
- box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
8772
+ border-radius: var(--toastify-toast-bd-radius);
8773
+ box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
8256
8774
  display: flex;
8257
8775
  justify-content: space-between;
8258
8776
  max-height: var(--toastify-toast-max-height);
8259
- overflow: hidden;
8260
8777
  font-family: var(--toastify-font-family);
8261
8778
  cursor: default;
8262
8779
  direction: ltr;
8263
8780
  /* webkit only issue #791 */
8264
8781
  z-index: 0;
8782
+ overflow: hidden;
8783
+ }
8784
+ .Toastify__toast--stacked {
8785
+ position: absolute;
8786
+ width: 100%;
8787
+ transform: translate3d(0, var(--y), 0) scale(var(--s));
8788
+ transition: transform 0.3s;
8789
+ }
8790
+ .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
8791
+ transition: opacity 0.1s;
8792
+ }
8793
+ .Toastify__toast--stacked[data-collapsed=false] {
8794
+ overflow: visible;
8795
+ }
8796
+ .Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
8797
+ opacity: 0;
8798
+ }
8799
+ .Toastify__toast--stacked:after {
8800
+ content: "";
8801
+ position: absolute;
8802
+ left: 0;
8803
+ right: 0;
8804
+ height: calc(var(--g) * 1px);
8805
+ bottom: 100%;
8806
+ }
8807
+ .Toastify__toast--stacked[data-pos=top] {
8808
+ top: 0;
8809
+ }
8810
+ .Toastify__toast--stacked[data-pos=bot] {
8811
+ bottom: 0;
8812
+ }
8813
+ .Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
8814
+ transform-origin: top;
8815
+ }
8816
+ .Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
8817
+ transform-origin: bottom;
8818
+ }
8819
+ .Toastify__toast--stacked:before {
8820
+ content: "";
8821
+ position: absolute;
8822
+ left: 0;
8823
+ right: 0;
8824
+ bottom: 0;
8825
+ height: 100%;
8826
+ transform: scaleY(3);
8827
+ z-index: -1;
8265
8828
  }
8266
8829
  .Toastify__toast--rtl {
8267
8830
  direction: rtl;
@@ -8290,7 +8853,7 @@ label .d-icon {
8290
8853
 
8291
8854
  .Toastify--animate {
8292
8855
  animation-fill-mode: both;
8293
- animation-duration: 0.7s;
8856
+ animation-duration: 0.5s;
8294
8857
  }
8295
8858
 
8296
8859
  .Toastify--animate-icon {
@@ -8365,6 +8928,7 @@ label .d-icon {
8365
8928
  opacity: 0.7;
8366
8929
  transition: 0.3s ease;
8367
8930
  align-self: flex-start;
8931
+ z-index: 1;
8368
8932
  }
8369
8933
  .Toastify__close-button--light {
8370
8934
  color: #000;
@@ -8392,10 +8956,11 @@ label .d-icon {
8392
8956
  bottom: 0;
8393
8957
  left: 0;
8394
8958
  width: 100%;
8395
- height: 5px;
8959
+ height: 100%;
8396
8960
  z-index: var(--toastify-z-index);
8397
8961
  opacity: 0.7;
8398
8962
  transform-origin: left;
8963
+ border-bottom-left-radius: var(--toastify-toast-bd-radius);
8399
8964
  }
8400
8965
  .Toastify__progress-bar--animated {
8401
8966
  animation: Toastify__trackProgress linear 1 forwards;
@@ -8407,6 +8972,24 @@ label .d-icon {
8407
8972
  right: 0;
8408
8973
  left: initial;
8409
8974
  transform-origin: right;
8975
+ border-bottom-left-radius: initial;
8976
+ border-bottom-right-radius: var(--toastify-toast-bd-radius);
8977
+ }
8978
+ .Toastify__progress-bar--wrp {
8979
+ position: absolute;
8980
+ bottom: 0;
8981
+ left: 0;
8982
+ width: 100%;
8983
+ height: 5px;
8984
+ border-bottom-left-radius: var(--toastify-toast-bd-radius);
8985
+ }
8986
+ .Toastify__progress-bar--wrp[data-hidden=true] {
8987
+ opacity: 0;
8988
+ }
8989
+ .Toastify__progress-bar--bg {
8990
+ opacity: var(--toastify-color-progress-bgo);
8991
+ width: 100%;
8992
+ height: 100%;
8410
8993
  }
8411
8994
 
8412
8995
  .Toastify__spinner {
@@ -8445,11 +9028,11 @@ label .d-icon {
8445
9028
  @keyframes Toastify__bounceOutRight {
8446
9029
  20% {
8447
9030
  opacity: 1;
8448
- transform: translate3d(-20px, 0, 0);
9031
+ transform: translate3d(-20px, var(--y), 0);
8449
9032
  }
8450
9033
  to {
8451
9034
  opacity: 0;
8452
- transform: translate3d(2000px, 0, 0);
9035
+ transform: translate3d(2000px, var(--y), 0);
8453
9036
  }
8454
9037
  }
8455
9038
  @keyframes Toastify__bounceInLeft {
@@ -8477,11 +9060,11 @@ label .d-icon {
8477
9060
  @keyframes Toastify__bounceOutLeft {
8478
9061
  20% {
8479
9062
  opacity: 1;
8480
- transform: translate3d(20px, 0, 0);
9063
+ transform: translate3d(20px, var(--y), 0);
8481
9064
  }
8482
9065
  to {
8483
9066
  opacity: 0;
8484
- transform: translate3d(-2000px, 0, 0);
9067
+ transform: translate3d(-2000px, var(--y), 0);
8485
9068
  }
8486
9069
  }
8487
9070
  @keyframes Toastify__bounceInUp {
@@ -8508,11 +9091,11 @@ label .d-icon {
8508
9091
  }
8509
9092
  @keyframes Toastify__bounceOutUp {
8510
9093
  20% {
8511
- transform: translate3d(0, -10px, 0);
9094
+ transform: translate3d(0, calc(var(--y) - 10px), 0);
8512
9095
  }
8513
9096
  40%, 45% {
8514
9097
  opacity: 1;
8515
- transform: translate3d(0, 20px, 0);
9098
+ transform: translate3d(0, calc(var(--y) + 20px), 0);
8516
9099
  }
8517
9100
  to {
8518
9101
  opacity: 0;
@@ -8543,11 +9126,11 @@ label .d-icon {
8543
9126
  }
8544
9127
  @keyframes Toastify__bounceOutDown {
8545
9128
  20% {
8546
- transform: translate3d(0, 10px, 0);
9129
+ transform: translate3d(0, calc(var(--y) - 10px), 0);
8547
9130
  }
8548
9131
  40%, 45% {
8549
9132
  opacity: 1;
8550
- transform: translate3d(0, -20px, 0);
9133
+ transform: translate3d(0, calc(var(--y) + 20px), 0);
8551
9134
  }
8552
9135
  to {
8553
9136
  opacity: 0;
@@ -8595,7 +9178,7 @@ label .d-icon {
8595
9178
  }
8596
9179
  50% {
8597
9180
  opacity: 0;
8598
- transform: scale3d(0.3, 0.3, 0.3);
9181
+ transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
8599
9182
  }
8600
9183
  to {
8601
9184
  opacity: 0;
@@ -8632,14 +9215,14 @@ label .d-icon {
8632
9215
  }
8633
9216
  @keyframes Toastify__flipOut {
8634
9217
  from {
8635
- transform: perspective(400px);
9218
+ transform: translate3d(0, var(--y), 0) perspective(400px);
8636
9219
  }
8637
9220
  30% {
8638
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
9221
+ transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
8639
9222
  opacity: 1;
8640
9223
  }
8641
9224
  to {
8642
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
9225
+ transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
8643
9226
  opacity: 0;
8644
9227
  }
8645
9228
  }
@@ -8657,7 +9240,7 @@ label .d-icon {
8657
9240
  visibility: visible;
8658
9241
  }
8659
9242
  to {
8660
- transform: translate3d(0, 0, 0);
9243
+ transform: translate3d(0, var(--y), 0);
8661
9244
  }
8662
9245
  }
8663
9246
  @keyframes Toastify__slideInLeft {
@@ -8666,7 +9249,7 @@ label .d-icon {
8666
9249
  visibility: visible;
8667
9250
  }
8668
9251
  to {
8669
- transform: translate3d(0, 0, 0);
9252
+ transform: translate3d(0, var(--y), 0);
8670
9253
  }
8671
9254
  }
8672
9255
  @keyframes Toastify__slideInUp {
@@ -8675,7 +9258,7 @@ label .d-icon {
8675
9258
  visibility: visible;
8676
9259
  }
8677
9260
  to {
8678
- transform: translate3d(0, 0, 0);
9261
+ transform: translate3d(0, var(--y), 0);
8679
9262
  }
8680
9263
  }
8681
9264
  @keyframes Toastify__slideInDown {
@@ -8684,30 +9267,30 @@ label .d-icon {
8684
9267
  visibility: visible;
8685
9268
  }
8686
9269
  to {
8687
- transform: translate3d(0, 0, 0);
9270
+ transform: translate3d(0, var(--y), 0);
8688
9271
  }
8689
9272
  }
8690
9273
  @keyframes Toastify__slideOutRight {
8691
9274
  from {
8692
- transform: translate3d(0, 0, 0);
9275
+ transform: translate3d(0, var(--y), 0);
8693
9276
  }
8694
9277
  to {
8695
9278
  visibility: hidden;
8696
- transform: translate3d(110%, 0, 0);
9279
+ transform: translate3d(110%, var(--y), 0);
8697
9280
  }
8698
9281
  }
8699
9282
  @keyframes Toastify__slideOutLeft {
8700
9283
  from {
8701
- transform: translate3d(0, 0, 0);
9284
+ transform: translate3d(0, var(--y), 0);
8702
9285
  }
8703
9286
  to {
8704
9287
  visibility: hidden;
8705
- transform: translate3d(-110%, 0, 0);
9288
+ transform: translate3d(-110%, var(--y), 0);
8706
9289
  }
8707
9290
  }
8708
9291
  @keyframes Toastify__slideOutDown {
8709
9292
  from {
8710
- transform: translate3d(0, 0, 0);
9293
+ transform: translate3d(0, var(--y), 0);
8711
9294
  }
8712
9295
  to {
8713
9296
  visibility: hidden;
@@ -8716,7 +9299,7 @@ label .d-icon {
8716
9299
  }
8717
9300
  @keyframes Toastify__slideOutUp {
8718
9301
  from {
8719
- transform: translate3d(0, 0, 0);
9302
+ transform: translate3d(0, var(--y), 0);
8720
9303
  }
8721
9304
  to {
8722
9305
  visibility: hidden;
@@ -8738,15 +9321,23 @@ label .d-icon {
8738
9321
 
8739
9322
  .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
8740
9323
  animation-name: Toastify__slideOutLeft;
9324
+ animation-timing-function: ease-in;
9325
+ animation-duration: 0.3s;
8741
9326
  }
8742
9327
  .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
8743
9328
  animation-name: Toastify__slideOutRight;
9329
+ animation-timing-function: ease-in;
9330
+ animation-duration: 0.3s;
8744
9331
  }
8745
9332
  .Toastify__slide-exit--top-center {
8746
9333
  animation-name: Toastify__slideOutUp;
9334
+ animation-timing-function: ease-in;
9335
+ animation-duration: 0.3s;
8747
9336
  }
8748
9337
  .Toastify__slide-exit--bottom-center {
8749
9338
  animation-name: Toastify__slideOutDown;
9339
+ animation-timing-function: ease-in;
9340
+ animation-duration: 0.3s;
8750
9341
  }
8751
9342
 
8752
9343
  @keyframes Toastify__spin {
@@ -8760,7 +9351,7 @@ label .d-icon {
8760
9351
  .d-icon {
8761
9352
  --bs-icon-color: var(--bs-icon-component-color, inherit);
8762
9353
  --bs-icon-bg-color: var(--bs-icon-component-bg-color, inherit);
8763
- --bs-icon-size: var(--bs-icon-component-size, $spacer-6);
9354
+ --bs-icon-size: var(--bs-icon-component-size, var(--bs-ref-spacer-6));
8764
9355
  --bs-icon-padding: var(--bs-icon-component-padding, 0);
8765
9356
  --bs-icon-loading-duration: var(--bs-icon-component-loading-duration, 1.8);
8766
9357
  display: inline-flex !important; /* stylelint-disable-line declaration-no-important */
@@ -8808,6 +9399,9 @@ label .d-icon {
8808
9399
  text-align: center;
8809
9400
  box-shadow: none;
8810
9401
  }
9402
+ .d-input-pin .form-control:has(~ .input-group-text) {
9403
+ padding: var(--bs-ref-spacer-3) var(--bs-ref-spacer-4);
9404
+ }
8811
9405
  .d-input-pin .form-control::-webkit-inner-spin-button,
8812
9406
  .d-input-pin .form-control::-webkit-outer-spin-button {
8813
9407
  margin: 0;
@@ -8843,6 +9437,7 @@ label .d-icon {
8843
9437
  }
8844
9438
  .d-input-pin .input-group-text {
8845
9439
  padding-left: var(--bs-input-pin-form-gap);
9440
+ background-color: transparent;
8846
9441
  }
8847
9442
 
8848
9443
  .d-quick-action-button {
@@ -8856,17 +9451,19 @@ label .d-icon {
8856
9451
  --bs-quick-action-button-border-right: var(--bs-quick-action-button-component-border-right, var(--bs-quick-action-button-border));
8857
9452
  --bs-quick-action-button-border-bottom: var(--bs-quick-action-button-component-border-bottom, var(--bs-quick-action-button-border));
8858
9453
  --bs-quick-action-button-border-left: var(--bs-quick-action-button-component-border-left, var(--bs-quick-action-button-border));
8859
- --bs-quick-action-button-line1-font-size: var(--bs-ref-fs-6);
8860
- --bs-quick-action-button-line1-font-weight: var(--bs-ref-fw-bold);
9454
+ --bs-quick-action-button-line1-font-size: var(--bs-fs-6);
9455
+ --bs-quick-action-button-line1-font-weight: var(--bs-fw-bold);
8861
9456
  --bs-quick-action-button-line1-color: var(--bs-body-color);
8862
- --bs-quick-action-button-line2-font-size: var(--bs-ref-fs-small);
8863
- --bs-quick-action-button-line2-font-weight: var(--bs-ref-fw-normal);
9457
+ --bs-quick-action-button-line2-font-size: var(--bs-fs-small);
9458
+ --bs-quick-action-button-line2-font-weight: var(--bs-fw-normal);
8864
9459
  --bs-quick-action-button-line2-color: var(--bs-gray-500);
8865
9460
  --bs-quick-action-button-representative-image-size: var(--bs-ref-spacer-9);
8866
9461
  --bs-quick-action-button-representative-image-border-radius: 0.5rem;
8867
9462
  --bs-quick-action-button-representative-icon-size: var(--bs-ref-spacer-6);
8868
9463
  --bs-quick-action-button-action-icon-color: var(--bs-gray-500);
8869
9464
  --bs-quick-action-button-action-icon-size: var(--bs-body-font-size);
9465
+ --bs-quick-action-button-action-link-padding-x: var(--bs-ref-spacer-3);
9466
+ --bs-quick-action-button-action-link-padding-y: var(--bs-ref-spacer-2);
8870
9467
  --bs-quick-action-button-hover-bg: var(--bs-gray-100);
8871
9468
  --bs-quick-action-button-hover-border-color: var(--bs-secondary-100);
8872
9469
  --bs-quick-action-button-hover-action-icon-color: var(--bs-secondary);
@@ -8919,6 +9516,11 @@ label .d-icon {
8919
9516
  flex-direction: column;
8920
9517
  flex-grow: 1;
8921
9518
  }
9519
+ .d-quick-action-button .d-quick-action-button-action-link,
9520
+ .d-quick-action-button .d-quick-action-button-secondary-action-link {
9521
+ --bs-btn-padding-x: var(--bs-quick-action-button-action-link-padding-x);
9522
+ --bs-btn-padding-y: var(--bs-quick-action-button-action-link-padding-y);
9523
+ }
8922
9524
  .d-quick-action-button .d-quick-action-button-line1 {
8923
9525
  font-size: var(--bs-quick-action-button-line1-font-size);
8924
9526
  font-weight: var(--bs-quick-action-button-line1-font-weight);
@@ -8943,17 +9545,19 @@ label .d-icon {
8943
9545
  --bs-quick-action-select-padding: var(--bs-ref-spacer-4);
8944
9546
  --bs-quick-action-select-bg: var(--bs-gray-100);
8945
9547
  --bs-quick-action-select-border-radius: var(--bs-border-radius-sm);
8946
- --bs-quick-action-select-line1-font-size: var(--bs-ref-fs-small);
8947
- --bs-quick-action-select-line1-font-weight: var(--bs-ref-fw-normal);
9548
+ --bs-quick-action-select-line1-font-size: var(--bs-fs-small);
9549
+ --bs-quick-action-select-line1-font-weight: var(--bs-fw-normal);
8948
9550
  --bs-quick-action-select-line1-color: var(--bs-secondary);
8949
9551
  --bs-quick-action-select-line2-font-size: var(--bs-body-font-size);
8950
- --bs-quick-action-select-line2-font-weight: var(--bs-ref-fw-bold);
9552
+ --bs-quick-action-select-line2-font-weight: var(--bs-fw-bold);
8951
9553
  --bs-quick-action-select-line2-color: var(--bs-light-text-emphasis);
8952
9554
  --bs-quick-action-select-hover-bg: var(--bs-gray-200);
8953
9555
  --bs-quick-action-select-checked-bg: var(--bs-secondary);
8954
9556
  --bs-quick-action-select-checked-color: var(--bs-white);
8955
9557
  display: flex;
8956
9558
  flex-direction: column;
9559
+ gap: 0;
9560
+ align-items: flex-start;
8957
9561
  width: 100%;
8958
9562
  padding: var(--bs-quick-action-select-padding);
8959
9563
  text-align: left;
@@ -8991,13 +9595,13 @@ label .d-icon {
8991
9595
  --bs-quick-action-check-bg: var(--bs-white);
8992
9596
  --bs-quick-action-check-border-radius: var(--bs-border-radius-sm);
8993
9597
  --bs-quick-action-check-line1-font-size: var(--bs-body-font-size);
8994
- --bs-quick-action-check-line1-font-weight: var(--bs-ref-fw-bold);
9598
+ --bs-quick-action-check-line1-font-weight: var(--bs-fw-bold);
8995
9599
  --bs-quick-action-check-line1-color: var(--bs-gray-900);
8996
- --bs-quick-action-check-line2-font-size: var(--bs-ref-fs-small);
8997
- --bs-quick-action-check-line2-font-weight: var(--bs-ref-fw-normal);
9600
+ --bs-quick-action-check-line2-font-size: var(--bs-fs-small);
9601
+ --bs-quick-action-check-line2-font-weight: var(--bs-fw-normal);
8998
9602
  --bs-quick-action-check-line2-color: var(--bs-gray);
8999
9603
  --bs-quick-action-check-line3-font-size: var(--bs-body-font-size);
9000
- --bs-quick-action-check-line3-font-weight: var(--bs-ref-fw-bold);
9604
+ --bs-quick-action-check-line3-font-weight: var(--bs-fw-bold);
9001
9605
  --bs-quick-action-check-line3-color: var(--bs-gray);
9002
9606
  --bs-quick-action-check-hover-bg: var(--bs-gray-100);
9003
9607
  --bs-quick-action-check-checked-bg: var(--bs-white);
@@ -9053,10 +9657,10 @@ label .d-icon {
9053
9657
  --bs-quick-action-switch-border-radius: var(--bs-border-radius-sm);
9054
9658
  --bs-quick-action-switch-content-gap: var(--bs-ref-spacer-1);
9055
9659
  --bs-quick-action-switch-label-font-size: 1rem;
9056
- --bs-quick-action-switch-label-font-weight: var(--bs-ref-fw-bold);
9660
+ --bs-quick-action-switch-label-font-weight: var(--bs-fw-bold);
9057
9661
  --bs-quick-action-switch-label-color: var(--bs-gray);
9058
- --bs-quick-action-switch-hint-font-size: var(--bs-ref-fs-small);
9059
- --bs-quick-action-switch-hint-font-weight: var(--bs-ref-fw-normal);
9662
+ --bs-quick-action-switch-hint-font-size: var(--bs-fs-small);
9663
+ --bs-quick-action-switch-hint-font-weight: var(--bs-fw-normal);
9060
9664
  --bs-quick-action-switch-hint-color: var(--bs-gray-400);
9061
9665
  --bs-quick-action-switch-hover-bg: var(--bs-secondary-soft);
9062
9666
  --bs-quick-action-switch-checked-bg: var(--bs-white);
@@ -9090,10 +9694,10 @@ label .d-icon {
9090
9694
  flex-direction: row;
9091
9695
  gap: var(--bs-quick-action-switch-content-gap);
9092
9696
  }
9093
- .d-quick-action-switch .d-quick-action-switch-label {
9094
- font-size: var(--bs-quick-action-switch-label-font-size);
9095
- font-weight: var(--bs-quick-action-switch-label-font-weight);
9096
- color: var(--bs-quick-action-switch-label-color);
9697
+ .d-quick-action-switch label {
9698
+ --bs-label-font-size: var(--bs-quick-action-switch-label-font-size);
9699
+ --bs-label-font-weight: var(--bs-quick-action-switch-label-font-weight);
9700
+ --bs-label-color: var(--bs-quick-action-switch-label-color);
9097
9701
  }
9098
9702
  .d-quick-action-switch .d-quick-action-switch-hint {
9099
9703
  font-size: var(--bs-quick-action-switch-hint-font-size);
@@ -9111,8 +9715,8 @@ label .d-icon {
9111
9715
  --bs-chip-border-radius: 50rem;
9112
9716
  --bs-chip-padding-x: 0.5rem;
9113
9717
  --bs-chip-padding-y: 0.25rem;
9114
- --bs-chip-font-size: 0.875rem;
9115
- --bs-chip-font-weight: 700;
9718
+ --bs-chip-font-size: var(--bs-fs-small);
9719
+ --bs-chip-font-weight: var(--bs-fw-bold);
9116
9720
  --bs-chip-line-height: 1.5rem;
9117
9721
  display: inline-flex;
9118
9722
  flex-direction: row;
@@ -9262,8 +9866,8 @@ label .d-icon {
9262
9866
 
9263
9867
  .d-collapse-icon-text {
9264
9868
  --bs-collapse-icon-text-header-gap: var(--bs-ref-spacer-4);
9265
- --bs-collapse-icon-text-header-font-size: var(--bs-ref-fs-6);
9266
- --bs-collapse-icon-text-header-font-weight: var(--bs-ref-fw-bold);
9869
+ --bs-collapse-icon-text-header-font-size: var(--bs-fs-6);
9870
+ --bs-collapse-icon-text-header-font-weight: var(--bs-fw-bold);
9267
9871
  }
9268
9872
  .d-collapse-icon-text .d-collapse-icon-text-header {
9269
9873
  display: flex;
@@ -10077,35 +10681,42 @@ label .d-icon {
10077
10681
  --bs-datepicker-box-shadow: var(--bs-box-shadow);
10078
10682
  --bs-datepicker-font-size: var(--bs-ref-spacer-4);
10079
10683
  --bs-datepicker-header-gap: var(--bs-ref-spacer-4);
10080
- --bs-datepicker-header-padding: var(--bs-ref-spacer-4) var(--bs-ref-spacer-6);
10684
+ --bs-datepicker-header-padding: var(--bs-ref-spacer-4) var(--bs-ref-spacer-7);
10081
10685
  --bs-datepicker-header-background-color: var(--bs-secondary-soft);
10082
10686
  --bs-datepicker-header-border: 0;
10083
- --bs-datepicker-header-font-size: var(--bs-ref-fs-6);
10687
+ --bs-datepicker-header-font-size: var(--bs-fs-6);
10688
+ --bs-datepicker-header-button-padding: 0;
10689
+ --bs-datepicker-header-select-padding: 0 var(--bs-ref-spacer-1);
10690
+ --bs-datepicker-header-select-font-weight: var(--bs-fw-bold);
10691
+ --bs-datepicker-header-select-menu-width: fit-content;
10084
10692
  --bs-datepicker-day-names-margin: 0;
10085
10693
  --bs-datepicker-day-names-font-size: var(--bs-ref-spacer-4);
10086
- --bs-datepicker-day-name-weight: var(--bs-ref-fw-bold);
10694
+ --bs-datepicker-day-name-weight: var(--bs-fw-bold);
10087
10695
  --bs-datepicker-day-name-margin: 0;
10088
- --bs-datepicker-day-name-size: var(--bs-ref-spacer-4);
10696
+ --bs-datepicker-day-name-padding: 0;
10697
+ --bs-datepicker-day-name-size: var(--bs-ref-spacer-5);
10089
10698
  --bs-datepicker-day-name-color: var(--bs-gray-500);
10090
- --bs-datepicker-month-gap: var(--bs-ref-spacer-2);
10091
- --bs-datepicker-month-padding: var(--bs-ref-spacer-4) var(--bs-ref-spacer-6) var(--bs-ref-spacer-6);
10699
+ --bs-datepicker-month-gap: .875rem;
10700
+ --bs-datepicker-month-padding: var(--bs-ref-spacer-4) var(--bs-ref-spacer-7) var(--bs-ref-spacer-6);
10092
10701
  --bs-datepicker-month-margin: 0;
10093
10702
  --bs-datepicker-month-color: var(--bs-white);
10094
- --bs-datepicker-week-gap: var(--bs-ref-spacer-2);
10703
+ --bs-datepicker-week-gap: var(--bs-ref-spacer-8);
10095
10704
  --bs-datepicker-day-margin: 0;
10096
- --bs-datepicker-day-font-size: var(--bs-ref-fs-small);
10097
- --bs-datepicker-day-size: var(--bs-ref-spacer-4);
10098
- --bs-datepicker-day-padding: var(--bs-ref-spacer-4);
10705
+ --bs-datepicker-day-font-size: var(--bs-fs-small);
10706
+ --bs-datepicker-day-size: var(--bs-ref-spacer-5);
10707
+ --bs-datepicker-day-padding: 0;
10099
10708
  --bs-datepicker-day-radius: 100%;
10100
- --bs-datepicker-day-bg-hover: var(--bs-body);
10101
- --bs-datepicker-day-color-hover: var(--bs-info-100);
10709
+ --bs-datepicker-day-color: var(--bs-gray-900);
10710
+ --bs-datepicker-day-disabled-color: var(--bs-gray-300);
10711
+ --bs-datepicker-day-color-hover: var(--bs-gray-900);
10712
+ --bs-datepicker-day-bg-hover: var(--bs-info-100);
10102
10713
  --bs-datepicker-day-selected-color: var(--bs-white);
10103
10714
  --bs-datepicker-day-selected-bg: var(--bs-secondary-500);
10104
10715
  --bs-datepicker-day-in-range-color: var(--bs-dark);
10105
10716
  --bs-datepicker-day-in-range-bg: var(--bs-secondary-100);
10106
10717
  --bs-datepicker-day-outside-month-color: var(--bs-gray-400);
10107
- --bs-datepicker-day-today-font-weight: var(--bs-ref-fw-normal);
10108
- --bs-datepicker-day-today-box-shadow: 0 0 0 2px inset var(--bs-secondary);
10718
+ --bs-datepicker-day-today-font-weight: var(--bs-fw-normal);
10719
+ --bs-datepicker-day-today-box-shadow: 0 0 0 2px var(--bs-secondary);
10109
10720
  --bs-datepicker-time-container-margin: 0;
10110
10721
  --bs-datepicker-time-container-align: center;
10111
10722
  --bs-datepicker-time-input-width: 50%;
@@ -10113,9 +10724,9 @@ label .d-icon {
10113
10724
  --bs-datepicker-time-input-align: center;
10114
10725
  --bs-datepicker-time-input-padding: var(--bs-ref-spacer-4);
10115
10726
  --bs-datepicker-time-input-gap: var(--bs-ref-spacer-2);
10116
- --bs-datepicker-time-input-label-weight: var(--bs-ref-fw-bold);
10727
+ --bs-datepicker-time-input-label-weight: var(--bs-fw-bold);
10117
10728
  --bs-datepicker-time-input-label-color: var(--bs-gray-700);
10118
- --bs-datepicker-time-input-label-size: var(--bs-ref-fs-small);
10729
+ --bs-datepicker-time-input-label-size: var(--bs-fs-small);
10119
10730
  font-family: var(--bs-datepicker-font-family);
10120
10731
  font-size: var(--bs-datepicker-font-size);
10121
10732
  border: var(--bs-datepicker-border);
@@ -10134,17 +10745,14 @@ label .d-icon {
10134
10745
  }
10135
10746
  .react-datepicker .react-datepicker__header .react-datepicker__day-names {
10136
10747
  display: flex;
10137
- gap: var(--bs-ref-spacer-2);
10748
+ gap: var(--bs-ref-spacer-8);
10138
10749
  margin: var(--bs-datepicker-day-names-margin);
10139
10750
  font-size: var(--bs-datepicker-day-names-font-size);
10140
10751
  }
10141
10752
  .react-datepicker .react-datepicker__header .react-datepicker__day-name {
10142
- display: flex;
10143
- align-items: center;
10144
- justify-content: center;
10145
10753
  width: var(--bs-datepicker-day-name-size);
10146
10754
  height: var(--bs-datepicker-day-name-size);
10147
- padding: var(--bs-datepicker-day-padding);
10755
+ padding: var(--bs-datepicker-day-name-padding);
10148
10756
  margin: var(--bs-datepicker-day-name-margin);
10149
10757
  font-weight: var(--bs-datepicker-day-name-weight);
10150
10758
  line-height: var(--bs-datepicker-day-name-size);
@@ -10160,11 +10768,11 @@ label .d-icon {
10160
10768
  padding: var(--bs-datepicker-month-padding);
10161
10769
  margin: var(--bs-datepicker-month-margin);
10162
10770
  }
10163
- .react-datepicker .react-datepicker__month .react-datepicker__week {
10771
+ .react-datepicker .react-datepicker__week {
10164
10772
  display: flex;
10165
10773
  gap: var(--bs-datepicker-week-gap);
10166
10774
  }
10167
- .react-datepicker .react-datepicker__month .react-datepicker__day {
10775
+ .react-datepicker .react-datepicker__day {
10168
10776
  display: flex;
10169
10777
  align-items: center;
10170
10778
  justify-content: center;
@@ -10174,6 +10782,12 @@ label .d-icon {
10174
10782
  margin: var(--bs-datepicker-day-margin);
10175
10783
  font-size: var(--bs-datepicker-day-font-size);
10176
10784
  line-height: var(--bs-datepicker-day-size);
10785
+ color: var(--bs-datepicker-day-color);
10786
+ }
10787
+ .react-datepicker .react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--range-end, .react-datepicker .react-datepicker__day.react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-end {
10788
+ color: var(--bs-datepicker-day-selected-color);
10789
+ background-color: var(--bs-datepicker-day-selected-bg);
10790
+ box-shadow: 0 0 0 2px var(--bs-datepicker-day-selected-bg);
10177
10791
  }
10178
10792
  .react-datepicker .react-datepicker__day:not(.react-datepicker__day--selected,
10179
10793
  .react-datepicker__month-text--selected,
@@ -10191,9 +10805,13 @@ label .d-icon {
10191
10805
  .react-datepicker__month-text--selected,
10192
10806
  .react-datepicker__quarter-text--selected,
10193
10807
  .react-datepicker__year-text--selected):hover {
10194
- color: var(--bs-datepicker-day-bg-hover);
10195
- background-color: var(--bs-datepicker-day-color-hover);
10808
+ color: var(--bs-datepicker-day-color-hover);
10809
+ background-color: var(--bs-datepicker-day-bg-hover);
10196
10810
  border-radius: var(--bs-datepicker-day-radius);
10811
+ box-shadow: 0 0 0 2px var(--bs-datepicker-day-bg-hover);
10812
+ }
10813
+ .react-datepicker .react-datepicker__day--disabled {
10814
+ color: var(--bs-datepicker-day-disabled-color);
10197
10815
  }
10198
10816
  .react-datepicker .react-datepicker__day--selected,
10199
10817
  .react-datepicker .react-datepicker__month--selected,
@@ -10202,14 +10820,12 @@ label .d-icon {
10202
10820
  color: var(--bs-datepicker-day-selected-color);
10203
10821
  background-color: var(--bs-datepicker-day-selected-bg);
10204
10822
  border-radius: var(--bs-datepicker-day-radius);
10823
+ box-shadow: 0 0 0 2px var(--bs-datepicker-day-selected-bg);
10205
10824
  }
10206
10825
  .react-datepicker .react-datepicker__day--selected.react-datepicker__day--in-range.react-datepicker__day--range-start, .react-datepicker .react-datepicker__day--selected.react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-start {
10207
10826
  color: var(--bs-datepicker-day-selected-color);
10208
10827
  background-color: var(--bs-datepicker-day-selected-bg);
10209
- }
10210
- .react-datepicker .react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--range-end, .react-datepicker .react-datepicker__day.react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-end {
10211
- color: var(--bs-datepicker-day-selected-color);
10212
- background-color: var(--bs-datepicker-day-selected-bg);
10828
+ box-shadow: 0 0 0 2px var(--bs-datepicker-day-selected-bg);
10213
10829
  }
10214
10830
  .react-datepicker .react-datepicker__day--in-range,
10215
10831
  .react-datepicker .react-datepicker__month-text--in-range,
@@ -10266,7 +10882,40 @@ label .d-icon {
10266
10882
  color: var(--bs-datepicker-time-input-label-color);
10267
10883
  }
10268
10884
  .react-datepicker .d-datepicker-header {
10269
- font-size: var(--bs-ref-fs-6);
10885
+ font-size: var(--bs-datepicker-header-font-size);
10886
+ }
10887
+ .react-datepicker .header-button {
10888
+ --bs-btn-padding-y: var(--bs-datepicker-header-button-padding);
10889
+ --bs-btn-padding-x: var(--bs-datepicker-header-button-padding);
10890
+ }
10891
+ .react-datepicker .header-button:hover, .react-datepicker .header-button:active {
10892
+ color: inherit;
10893
+ background-color: inherit;
10894
+ }
10895
+ .react-datepicker .header-button:focus {
10896
+ --bs-btn-focus-outline-offset: 8px;
10897
+ }
10898
+ .react-datepicker .d-select:focus-within .input-group {
10899
+ border-color: transparent;
10900
+ box-shadow: none;
10901
+ }
10902
+ .react-datepicker .d-select .input-group {
10903
+ --bs-input-border-width: 0;
10904
+ }
10905
+ .react-datepicker .d-select .d-select__indicators {
10906
+ display: none;
10907
+ }
10908
+ .react-datepicker .d-select .d-select__control {
10909
+ padding: var(--bs-datepicker-header-select-padding);
10910
+ background-color: transparent;
10911
+ }
10912
+ .react-datepicker .d-select .d-select__single-value {
10913
+ font-weight: var(--bs-datepicker-header-select-font-weight);
10914
+ }
10915
+ .react-datepicker .d-select__menu {
10916
+ left: 50%;
10917
+ min-width: var(--bs-datepicker-header-select-menu-width);
10918
+ translate: -50%;
10270
10919
  }
10271
10920
 
10272
10921
  .d-datepicker-time {
@@ -10300,85 +10949,6 @@ label .d-icon {
10300
10949
  background-image: var(--bs-datepicker-calendar-picker-icon);
10301
10950
  }
10302
10951
 
10303
- .react-datepicker.d-month-picker {
10304
- --bs-monthpicker-header-padding: var(--bs-ref-spacer-4) var(--bs-ref-spacer-2) 0;
10305
- --bs-monthpicker-font-weight: var(--bs-ref-fw-normal);
10306
- --bs-monthpicker-header-color: var(--bs-white);
10307
- --bs-monthpicker-header-bg: var(--bs-dark);
10308
- --bs-monthpicker-month-gap: 0;
10309
- --bs-monthpicker-month-padding: var(--bs-ref-spacer-2) var(--bs-ref-spacer-6) var(--bs-ref-spacer-4);
10310
- --bs-monthpicker-month-color: var(--bs-white);
10311
- --bs-monthpicker-month-bg: var(--bs-dark);
10312
- --bs-monthpicker-month-today-color: var(--bs-white);
10313
- --bs-monthpicker-month-selected-bg: var(--bs-gray-500);
10314
- --bs-monthpicker-month-selected-box-shadow: 0 0 0 1px inset var(--bs-gray-100);
10315
- --bs-monthpicker-month-hover-bg: var(--bs-gray-700);
10316
- --bs-monthpicker-month-wrapper-gap: var(--bs-ref-spacer-2);
10317
- --bs-monthpicker-month-wrapper-font-size: var(--bs-ref-fs-small);
10318
- --bs-monthpicker-single-month-width: 46px;
10319
- --bs-monthpicker-single-month-padding: var(--bs-ref-spacer-2);
10320
- --bs-monthpicker-single-month-margin: 0;
10321
- --bs-monthpicker-single-month-text-transform: capitalize;
10322
- --bs-monthpicker-single-month-radius: var(--bs-ref-spacer-6);
10323
- --bs-monthpicker-single-month-line-height: var(--bs-ref-fs-6);
10324
- --bs-monthpicker-single-month-after-display: inline;
10325
- --bs-monthpicker-single-month-after-content: ".";
10326
- --bs-datepicker-triangle-color: var(--bs-dark);
10327
- font-family: var(--bs-datepicker-font-family);
10328
- border: var(--bs-datepicker-border);
10329
- box-shadow: var(--bs-datepicker-box-shadow);
10330
- }
10331
- .react-datepicker.d-month-picker .react-datepicker__header {
10332
- padding: var(--bs-monthpicker-header-padding);
10333
- font-weight: var(--bs-monthpicker-font-weight);
10334
- color: var(--bs-monthpicker-header-color);
10335
- background-color: var(--bs-monthpicker-header-bg);
10336
- }
10337
- .react-datepicker.d-month-picker .react-datepicker__header .btn-sm, .react-datepicker.d-month-picker .react-datepicker__header .btn-group-sm > .btn {
10338
- --bs-btn-padding-x: 0;
10339
- --bs-btn-padding-y: 0;
10340
- --bs-btn-font-size: var(--bs-ref-fs-5);
10341
- }
10342
- .react-datepicker.d-month-picker .react-datepicker__month.react-datepicker__monthPicker,
10343
- .react-datepicker.d-month-picker .react-datepicker__header.react-datepicker-year-header {
10344
- gap: var(--bs-monthpicker-month-gap);
10345
- padding: var(--bs-monthpicker-month-padding);
10346
- color: var(--bs-monthpicker-month-color);
10347
- background-color: var(--bs-monthpicker-month-bg);
10348
- }
10349
- .react-datepicker.d-month-picker .react-datepicker__month--selected,
10350
- .react-datepicker.d-month-picker .react-datepicker__month-text--in-range,
10351
- .react-datepicker.d-month-picker .react-datepicker__month-text--in-selecting-range,
10352
- .react-datepicker.d-month-picker .react-datepicker__month-text--keyboard-selected {
10353
- color: var(--bs-monthpicker-month-today-color);
10354
- background-color: var(--bs-monthpicker-month-selected-bg);
10355
- box-shadow: var(--bs-monthpicker-month-selected-box-shadow);
10356
- }
10357
- .react-datepicker.d-month-picker .react-datepicker__month-text:hover {
10358
- background-color: var(--bs-monthpicker-month-hover-bg);
10359
- }
10360
- .react-datepicker.d-month-picker .react-datepicker__month-wrapper {
10361
- display: flex;
10362
- gap: var(--bs-monthpicker-month-wrapper-gap);
10363
- font-size: var(--bs-monthpicker-month-wrapper-font-size);
10364
- }
10365
- .react-datepicker.d-month-picker .react-datepicker__month-wrapper .react-datepicker__month-text {
10366
- width: var(--bs-monthpicker-single-month-width);
10367
- padding: var(--bs-monthpicker-single-month-padding);
10368
- margin: var(--bs-monthpicker-single-month-margin);
10369
- line-height: var(--bs-monthpicker-single-month-line-height);
10370
- text-transform: var(--bs-monthpicker-single-month-text-transform);
10371
- border-radius: var(--bs-monthpicker-single-month-radius);
10372
- }
10373
- .react-datepicker.d-month-picker .react-datepicker__month-wrapper .react-datepicker__month-text::after {
10374
- display: var(--bs-monthpicker-single-month-after-display);
10375
- content: var(--bs-monthpicker-single-month-after-content);
10376
- }
10377
- .react-datepicker.d-month-picker .react-datepicker__triangle::after, .react-datepicker.d-month-picker .react-datepicker__triangle::before {
10378
- top: 0;
10379
- border-bottom-color: var(--bs-datepicker-triangle-color);
10380
- }
10381
-
10382
10952
  .nav-pills,
10383
10953
  .nav-underline {
10384
10954
  --bs-tabs-nav-gap: var(--bs-ref-spacer-6);
@@ -10397,7 +10967,7 @@ label .d-icon {
10397
10967
  }
10398
10968
 
10399
10969
  .nav-tabs {
10400
- --bs-tabs-link-border-active-font-weight: var(--bs-ref-fw-bold);
10970
+ --bs-tabs-link-border-active-font-weight: var(--bs-fw-bold);
10401
10971
  }
10402
10972
  .nav-tabs .nav-link.active {
10403
10973
  font-weight: var(--bs-tabs-link-border-active-font-weight);
@@ -11028,12 +11598,12 @@ label .d-icon {
11028
11598
  --bs-step-progress-inner-background-color: var(--bs-white);
11029
11599
  /* Current step */
11030
11600
  --bs-step-current-step-z-index: 3;
11031
- --bs-step-current-step-font-weight: var(--bs-ref-fw-bold);
11601
+ --bs-step-current-step-font-weight: var(--bs-fw-bold);
11032
11602
  --bs-step-current-step-color: var(--bs-gray-700);
11033
11603
  /* Info circle */
11034
11604
  --bs-step-info-max-width: 12rem;
11035
- --bs-step-info-label-font-size: var(--bs-ref-fs-6);
11036
- --bs-step-info-description-font-size: var(--bs-ref-fs-small);
11605
+ --bs-step-info-label-font-size: var(--bs-fs-6);
11606
+ --bs-step-info-description-font-size: var(--bs-fs-small);
11037
11607
  --bs-step-info-description-color: var(--bs-gray-500);
11038
11608
  display: flex;
11039
11609
  gap: var(--bs-step-container-gap);
@@ -11091,62 +11661,6 @@ label .d-icon {
11091
11661
  gap: var(--bs-card-body-gap);
11092
11662
  }
11093
11663
 
11094
- .d-tooltip {
11095
- --bs-tooltip-font-size: var(--bs-tooltip-component-font-size, var(--bs-body-font-size));
11096
- --bs-tooltip-sm-font-size: var(--bs-ref-fs-small);
11097
- --bs-tooltip-lg-font-size: var(--bs-ref-fs-6);
11098
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, transparent);
11099
- --bs-tooltip-border-radius: var(--bs-tooltip-component-border-radius, var(--bs-border-radius));
11100
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-body-color));
11101
- --bs-tooltip-padding: var(--bs-tooltip-component-padding, var(--bs-ref-spacer-2));
11102
- --bs-tooltip-max-width: var(--bs-tooltip-component-max-width, 300px);
11103
- max-width: var(--bs-tooltip-max-width);
11104
- padding: var(--bs-tooltip-padding);
11105
- font-size: var(--bs-tooltip-font-size);
11106
- color: var(--bs-tooltip-color);
11107
- background: var(--bs-tooltip-bg);
11108
- border-radius: var(--bs-tooltip-border-radius);
11109
- fill: var(--bs-tooltip-bg);
11110
- }
11111
- .d-tooltip.d-tooltip-sm {
11112
- --bs-tooltip-font-size: var(--bs-tooltip-sm-font-size);
11113
- }
11114
- .d-tooltip.d-tooltip-lg {
11115
- --bs-tooltip-font-size: var(--bs-tooltip-lg-font-size);
11116
- }
11117
- .d-tooltip.d-tooltip-primary {
11118
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
11119
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-primary));
11120
- }
11121
- .d-tooltip.d-tooltip-secondary {
11122
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
11123
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-secondary));
11124
- }
11125
- .d-tooltip.d-tooltip-success {
11126
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
11127
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-success));
11128
- }
11129
- .d-tooltip.d-tooltip-info {
11130
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
11131
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-info));
11132
- }
11133
- .d-tooltip.d-tooltip-warning {
11134
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-black));
11135
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-warning));
11136
- }
11137
- .d-tooltip.d-tooltip-danger {
11138
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
11139
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-danger));
11140
- }
11141
- .d-tooltip.d-tooltip-light {
11142
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-gray-700));
11143
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-light));
11144
- }
11145
- .d-tooltip.d-tooltip-dark {
11146
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
11147
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-dark));
11148
- }
11149
-
11150
11664
  .d-select {
11151
11665
  --bs-select-gap: 0.5rem;
11152
11666
  --bs-select-menu-shadow: 0 8px 12px 0 rgba(22, 23, 35, 0.05);
@@ -11154,7 +11668,7 @@ label .d-icon {
11154
11668
  --bs-select-option-selected-color: var(--bs-secondary);
11155
11669
  --bs-select-option-selected-bg: var(--bs-gray-100);
11156
11670
  --bs-select-option-is-checkbox-font-size: var(--bs-body-font-size);
11157
- --bs-select-option-is-checkbox-font-weight: var(--bs-ref-fw-normal);
11671
+ --bs-select-option-is-checkbox-font-weight: var(--bs-fw-normal);
11158
11672
  --bs-select-option-is-checkbox-color: var(--bs-gray-900);
11159
11673
  --bs-select-option-has-icon-icon-size: var(--bs-ref-spacer-4);
11160
11674
  --bs-select-multi-value-padding-x: var(--bs-select-gap);
@@ -11206,9 +11720,9 @@ label .d-icon {
11206
11720
  width: 100%;
11207
11721
  padding: 0.75rem 1rem;
11208
11722
  1rem: 1rem;
11209
- font-weight: 400;
11723
+ font-weight: var(--bs-fw-normal);
11210
11724
  line-height: 1.5;
11211
- color: var(--bs-gray);
11725
+ color: var(--bs-gray-900);
11212
11726
  -webkit-appearance: none;
11213
11727
  -moz-appearance: none;
11214
11728
  appearance: none;
@@ -11223,7 +11737,7 @@ label .d-icon {
11223
11737
  }
11224
11738
  }
11225
11739
  .d-select .d-select__control:focus {
11226
- color: var(--bs-gray);
11740
+ color: var(--bs-gray-900);
11227
11741
  background-color: var(--bs-white);
11228
11742
  outline: 0;
11229
11743
  }
@@ -11397,102 +11911,102 @@ label .d-icon {
11397
11911
  }
11398
11912
 
11399
11913
  .link-primary {
11400
- color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
11401
- -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
11402
- text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
11914
+ color: rgba(var(--bs-primary-500-rgb), var(--bs-link-opacity, 1)) !important;
11915
+ -webkit-text-decoration-color: rgba(var(--bs-primary-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11916
+ text-decoration-color: rgba(var(--bs-primary-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11403
11917
  }
11404
11918
  .link-primary:hover, .link-primary:focus {
11405
- color: RGBA(173, 22, 77, var(--bs-link-opacity, 1)) !important;
11406
- -webkit-text-decoration-color: RGBA(173, 22, 77, var(--bs-link-underline-opacity, 1)) !important;
11407
- text-decoration-color: RGBA(173, 22, 77, var(--bs-link-underline-opacity, 1)) !important;
11919
+ color: rgba(var(--bs-primary-600-rgb), var(--bs-link-opacity, 1)) !important;
11920
+ -webkit-text-decoration-color: rgba(var(--bs-primary-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11921
+ text-decoration-color: rgba(var(--bs-primary-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11408
11922
  }
11409
11923
 
11410
11924
  .link-secondary {
11411
- color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
11412
- -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
11413
- text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
11925
+ color: rgba(var(--bs-secondary-500-rgb), var(--bs-link-opacity, 1)) !important;
11926
+ -webkit-text-decoration-color: rgba(var(--bs-secondary-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11927
+ text-decoration-color: rgba(var(--bs-secondary-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11414
11928
  }
11415
11929
  .link-secondary:hover, .link-secondary:focus {
11416
- color: RGBA(58, 58, 146, var(--bs-link-opacity, 1)) !important;
11417
- -webkit-text-decoration-color: RGBA(58, 58, 146, var(--bs-link-underline-opacity, 1)) !important;
11418
- text-decoration-color: RGBA(58, 58, 146, var(--bs-link-underline-opacity, 1)) !important;
11930
+ color: rgba(var(--bs-secondary-600-rgb), var(--bs-link-opacity, 1)) !important;
11931
+ -webkit-text-decoration-color: rgba(var(--bs-secondary-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11932
+ text-decoration-color: rgba(var(--bs-secondary-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11419
11933
  }
11420
11934
 
11421
11935
  .link-success {
11422
- color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
11423
- -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
11424
- text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
11936
+ color: rgba(var(--bs-success-500-rgb), var(--bs-link-opacity, 1)) !important;
11937
+ -webkit-text-decoration-color: rgba(var(--bs-success-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11938
+ text-decoration-color: rgba(var(--bs-success-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11425
11939
  }
11426
11940
  .link-success:hover, .link-success:focus {
11427
- color: RGBA(2, 108, 71, var(--bs-link-opacity, 1)) !important;
11428
- -webkit-text-decoration-color: RGBA(2, 108, 71, var(--bs-link-underline-opacity, 1)) !important;
11429
- text-decoration-color: RGBA(2, 108, 71, var(--bs-link-underline-opacity, 1)) !important;
11941
+ color: rgba(var(--bs-success-600-rgb), var(--bs-link-opacity, 1)) !important;
11942
+ -webkit-text-decoration-color: rgba(var(--bs-success-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11943
+ text-decoration-color: rgba(var(--bs-success-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11430
11944
  }
11431
11945
 
11432
11946
  .link-info {
11433
- color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
11434
- -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
11435
- text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
11947
+ color: rgba(var(--bs-info-500-rgb), var(--bs-link-opacity, 1)) !important;
11948
+ -webkit-text-decoration-color: rgba(var(--bs-info-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11949
+ text-decoration-color: rgba(var(--bs-info-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11436
11950
  }
11437
11951
  .link-info:hover, .link-info:focus {
11438
- color: RGBA(43, 87, 175, var(--bs-link-opacity, 1)) !important;
11439
- -webkit-text-decoration-color: RGBA(43, 87, 175, var(--bs-link-underline-opacity, 1)) !important;
11440
- text-decoration-color: RGBA(43, 87, 175, var(--bs-link-underline-opacity, 1)) !important;
11952
+ color: rgba(var(--bs-info-600-rgb), var(--bs-link-opacity, 1)) !important;
11953
+ -webkit-text-decoration-color: rgba(var(--bs-info-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11954
+ text-decoration-color: rgba(var(--bs-info-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11441
11955
  }
11442
11956
 
11443
11957
  .link-warning {
11444
- color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
11445
- -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
11446
- text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
11958
+ color: rgba(var(--bs-warning-500-rgb), var(--bs-link-opacity, 1)) !important;
11959
+ -webkit-text-decoration-color: rgba(var(--bs-warning-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11960
+ text-decoration-color: rgba(var(--bs-warning-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11447
11961
  }
11448
11962
  .link-warning:hover, .link-warning:focus {
11449
- color: RGBA(252, 205, 87, var(--bs-link-opacity, 1)) !important;
11450
- -webkit-text-decoration-color: RGBA(252, 205, 87, var(--bs-link-underline-opacity, 1)) !important;
11451
- text-decoration-color: RGBA(252, 205, 87, var(--bs-link-underline-opacity, 1)) !important;
11963
+ color: rgba(var(--bs-warning-600-rgb), var(--bs-link-opacity, 1)) !important;
11964
+ -webkit-text-decoration-color: rgba(var(--bs-warning-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11965
+ text-decoration-color: rgba(var(--bs-warning-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11452
11966
  }
11453
11967
 
11454
11968
  .link-danger {
11455
- color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
11456
- -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
11457
- text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
11969
+ color: rgba(var(--bs-danger-500-rgb), var(--bs-link-opacity, 1)) !important;
11970
+ -webkit-text-decoration-color: rgba(var(--bs-danger-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11971
+ text-decoration-color: rgba(var(--bs-danger-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11458
11972
  }
11459
11973
  .link-danger:hover, .link-danger:focus {
11460
- color: RGBA(169, 38, 38, var(--bs-link-opacity, 1)) !important;
11461
- -webkit-text-decoration-color: RGBA(169, 38, 38, var(--bs-link-underline-opacity, 1)) !important;
11462
- text-decoration-color: RGBA(169, 38, 38, var(--bs-link-underline-opacity, 1)) !important;
11974
+ color: rgba(var(--bs-danger-600-rgb), var(--bs-link-opacity, 1)) !important;
11975
+ -webkit-text-decoration-color: rgba(var(--bs-danger-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11976
+ text-decoration-color: rgba(var(--bs-danger-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11463
11977
  }
11464
11978
 
11465
11979
  .link-light {
11466
- color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
11467
- -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
11468
- text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
11980
+ color: rgba(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
11981
+ -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
11982
+ text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
11469
11983
  }
11470
11984
  .link-light:hover, .link-light:focus {
11471
- color: RGBA(249, 249, 255, var(--bs-link-opacity, 1)) !important;
11472
- -webkit-text-decoration-color: RGBA(249, 249, 255, var(--bs-link-underline-opacity, 1)) !important;
11473
- text-decoration-color: RGBA(249, 249, 255, var(--bs-link-underline-opacity, 1)) !important;
11985
+ color: rgba(var(--bs-gray-300-rgb), var(--bs-link-opacity, 1)) !important;
11986
+ -webkit-text-decoration-color: rgba(var(--bs-gray-300-rgb), var(--bs-link-underline-opacity, 1)) !important;
11987
+ text-decoration-color: rgba(var(--bs-gray-300-rgb), var(--bs-link-underline-opacity, 1)) !important;
11474
11988
  }
11475
11989
 
11476
11990
  .link-dark {
11477
- color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
11478
- -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
11479
- text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
11991
+ color: rgba(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
11992
+ -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
11993
+ text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
11480
11994
  }
11481
11995
  .link-dark:hover, .link-dark:focus {
11482
- color: RGBA(18, 18, 28, var(--bs-link-opacity, 1)) !important;
11483
- -webkit-text-decoration-color: RGBA(18, 18, 28, var(--bs-link-underline-opacity, 1)) !important;
11484
- text-decoration-color: RGBA(18, 18, 28, var(--bs-link-underline-opacity, 1)) !important;
11996
+ color: rgba(var(--bs-gray-700-rgb), var(--bs-link-opacity, 1)) !important;
11997
+ -webkit-text-decoration-color: rgba(var(--bs-gray-700-rgb), var(--bs-link-underline-opacity, 1)) !important;
11998
+ text-decoration-color: rgba(var(--bs-gray-700-rgb), var(--bs-link-underline-opacity, 1)) !important;
11485
11999
  }
11486
12000
 
11487
12001
  .link-body-emphasis {
11488
- color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
11489
- -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
11490
- text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
12002
+ color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
12003
+ -webkit-text-decoration-color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
12004
+ text-decoration-color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
11491
12005
  }
11492
12006
  .link-body-emphasis:hover, .link-body-emphasis:focus {
11493
- color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
11494
- -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
11495
- text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
12007
+ color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
12008
+ -webkit-text-decoration-color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
12009
+ text-decoration-color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
11496
12010
  }
11497
12011
 
11498
12012
  .focus-ring:focus {
@@ -11729,6 +12243,15 @@ label .d-icon {
11729
12243
  background-color: var(--bs-black);
11730
12244
  }
11731
12245
 
12246
+ [class*=text-truncate-] {
12247
+ display: -webkit-box;
12248
+ -webkit-line-clamp: var(--bs-text-truncate);
12249
+ -webkit-box-orient: vertical;
12250
+ overflow: hidden;
12251
+ text-overflow: ellipsis;
12252
+ white-space: normal;
12253
+ }
12254
+
11732
12255
  .align-baseline {
11733
12256
  vertical-align: baseline !important;
11734
12257
  }
@@ -13608,27 +14131,27 @@ label .d-icon {
13608
14131
  }
13609
14132
 
13610
14133
  .fs-1 {
13611
- font-size: calc(1.525rem + 3.3vw) !important;
14134
+ font-size: var(--bs-fs-1) !important;
13612
14135
  }
13613
14136
 
13614
14137
  .fs-2 {
13615
- font-size: calc(1.475rem + 2.7vw) !important;
14138
+ font-size: var(--bs-fs-2) !important;
13616
14139
  }
13617
14140
 
13618
14141
  .fs-3 {
13619
- font-size: calc(1.425rem + 2.1vw) !important;
14142
+ font-size: var(--bs-fs-3) !important;
13620
14143
  }
13621
14144
 
13622
14145
  .fs-4 {
13623
- font-size: calc(1.325rem + 0.9vw) !important;
14146
+ font-size: var(--bs-fs-4) !important;
13624
14147
  }
13625
14148
 
13626
14149
  .fs-5 {
13627
- font-size: calc(1.275rem + 0.3vw) !important;
14150
+ font-size: var(--bs-fs-5) !important;
13628
14151
  }
13629
14152
 
13630
14153
  .fs-6 {
13631
- font-size: 1.125rem !important;
14154
+ font-size: var(--bs-fs-6) !important;
13632
14155
  }
13633
14156
 
13634
14157
  .fst-italic {
@@ -13640,15 +14163,15 @@ label .d-icon {
13640
14163
  }
13641
14164
 
13642
14165
  .fw-lighter {
13643
- font-weight: lighter !important;
14166
+ font-weight: var(--bs-fw-lighter) !important;
13644
14167
  }
13645
14168
 
13646
14169
  .fw-light {
13647
- font-weight: 200 !important;
14170
+ font-weight: var(--bs-fw-light) !important;
13648
14171
  }
13649
14172
 
13650
14173
  .fw-normal {
13651
- font-weight: 400 !important;
14174
+ font-weight: var(--bs-fw-normal) !important;
13652
14175
  }
13653
14176
 
13654
14177
  .fw-medium {
@@ -13656,15 +14179,15 @@ label .d-icon {
13656
14179
  }
13657
14180
 
13658
14181
  .fw-semibold {
13659
- font-weight: 600 !important;
14182
+ font-weight: var(--bs-fw-semibold) !important;
13660
14183
  }
13661
14184
 
13662
14185
  .fw-bold {
13663
- font-weight: 700 !important;
14186
+ font-weight: var(--bs-fw-bold) !important;
13664
14187
  }
13665
14188
 
13666
14189
  .fw-bolder {
13667
- font-weight: 800 !important;
14190
+ font-weight: var(--bs-fw-bolder) !important;
13668
14191
  }
13669
14192
 
13670
14193
  .lh-1 {
@@ -15103,6 +15626,30 @@ label .d-icon {
15103
15626
  --bs-overlay: 1;
15104
15627
  }
15105
15628
 
15629
+ .text-truncate-1 {
15630
+ --bs-text-truncate: 1;
15631
+ }
15632
+
15633
+ .text-truncate-2 {
15634
+ --bs-text-truncate: 2;
15635
+ }
15636
+
15637
+ .text-truncate-3 {
15638
+ --bs-text-truncate: 3;
15639
+ }
15640
+
15641
+ .text-truncate-4 {
15642
+ --bs-text-truncate: 4;
15643
+ }
15644
+
15645
+ .text-truncate-5 {
15646
+ --bs-text-truncate: 6;
15647
+ }
15648
+
15649
+ .text-truncate-6 {
15650
+ --bs-text-truncate: 6;
15651
+ }
15652
+
15106
15653
  .cursor-auto {
15107
15654
  cursor: auto !important;
15108
15655
  }
@@ -15231,6 +15778,30 @@ label .d-icon {
15231
15778
  cursor: nwse-resize !important;
15232
15779
  }
15233
15780
 
15781
+ .display-1 {
15782
+ --bs-display-font-size: var(--bs-fs-display-1);
15783
+ }
15784
+
15785
+ .display-2 {
15786
+ --bs-display-font-size: var(--bs-fs-display-2);
15787
+ }
15788
+
15789
+ .display-3 {
15790
+ --bs-display-font-size: var(--bs-fs-display-3);
15791
+ }
15792
+
15793
+ .display-4 {
15794
+ --bs-display-font-size: var(--bs-fs-display-4);
15795
+ }
15796
+
15797
+ .display-5 {
15798
+ --bs-display-font-size: var(--bs-fs-display-5);
15799
+ }
15800
+
15801
+ .display-6 {
15802
+ --bs-display-font-size: var(--bs-fs-display-6);
15803
+ }
15804
+
15234
15805
  @media (min-width: 576px) {
15235
15806
  .float-sm-start {
15236
15807
  float: left !important;
@@ -15294,6 +15865,36 @@ label .d-icon {
15294
15865
  .d-sm-none {
15295
15866
  display: none !important;
15296
15867
  }
15868
+ .w-sm-25 {
15869
+ width: 25% !important;
15870
+ }
15871
+ .w-sm-50 {
15872
+ width: 50% !important;
15873
+ }
15874
+ .w-sm-75 {
15875
+ width: 75% !important;
15876
+ }
15877
+ .w-sm-100 {
15878
+ width: 100% !important;
15879
+ }
15880
+ .w-sm-auto {
15881
+ width: auto !important;
15882
+ }
15883
+ .h-sm-25 {
15884
+ height: 25% !important;
15885
+ }
15886
+ .h-sm-50 {
15887
+ height: 50% !important;
15888
+ }
15889
+ .h-sm-75 {
15890
+ height: 75% !important;
15891
+ }
15892
+ .h-sm-100 {
15893
+ height: 100% !important;
15894
+ }
15895
+ .h-sm-auto {
15896
+ height: auto !important;
15897
+ }
15297
15898
  .flex-sm-fill {
15298
15899
  flex: 1 1 auto !important;
15299
15900
  }
@@ -16286,6 +16887,45 @@ label .d-icon {
16286
16887
  -moz-column-gap: 3.5rem !important;
16287
16888
  column-gap: 3.5rem !important;
16288
16889
  }
16890
+ .fs-sm-1 {
16891
+ font-size: var(--bs-fs-1) !important;
16892
+ }
16893
+ .fs-sm-2 {
16894
+ font-size: var(--bs-fs-2) !important;
16895
+ }
16896
+ .fs-sm-3 {
16897
+ font-size: var(--bs-fs-3) !important;
16898
+ }
16899
+ .fs-sm-4 {
16900
+ font-size: var(--bs-fs-4) !important;
16901
+ }
16902
+ .fs-sm-5 {
16903
+ font-size: var(--bs-fs-5) !important;
16904
+ }
16905
+ .fs-sm-6 {
16906
+ font-size: var(--bs-fs-6) !important;
16907
+ }
16908
+ .fw-sm-lighter {
16909
+ font-weight: var(--bs-fw-lighter) !important;
16910
+ }
16911
+ .fw-sm-light {
16912
+ font-weight: var(--bs-fw-light) !important;
16913
+ }
16914
+ .fw-sm-normal {
16915
+ font-weight: var(--bs-fw-normal) !important;
16916
+ }
16917
+ .fw-sm-medium {
16918
+ font-weight: 500 !important;
16919
+ }
16920
+ .fw-sm-semibold {
16921
+ font-weight: var(--bs-fw-semibold) !important;
16922
+ }
16923
+ .fw-sm-bold {
16924
+ font-weight: var(--bs-fw-bold) !important;
16925
+ }
16926
+ .fw-sm-bolder {
16927
+ font-weight: var(--bs-fw-bolder) !important;
16928
+ }
16289
16929
  .text-sm-start {
16290
16930
  text-align: left !important;
16291
16931
  }
@@ -16295,6 +16935,42 @@ label .d-icon {
16295
16935
  .text-sm-center {
16296
16936
  text-align: center !important;
16297
16937
  }
16938
+ .text-truncate-sm-1 {
16939
+ --bs-text-truncate: 1;
16940
+ }
16941
+ .text-truncate-sm-2 {
16942
+ --bs-text-truncate: 2;
16943
+ }
16944
+ .text-truncate-sm-3 {
16945
+ --bs-text-truncate: 3;
16946
+ }
16947
+ .text-truncate-sm-4 {
16948
+ --bs-text-truncate: 4;
16949
+ }
16950
+ .text-truncate-sm-5 {
16951
+ --bs-text-truncate: 6;
16952
+ }
16953
+ .text-truncate-sm-6 {
16954
+ --bs-text-truncate: 6;
16955
+ }
16956
+ .display-sm-1 {
16957
+ --bs-display-font-size: var(--bs-fs-display-1);
16958
+ }
16959
+ .display-sm-2 {
16960
+ --bs-display-font-size: var(--bs-fs-display-2);
16961
+ }
16962
+ .display-sm-3 {
16963
+ --bs-display-font-size: var(--bs-fs-display-3);
16964
+ }
16965
+ .display-sm-4 {
16966
+ --bs-display-font-size: var(--bs-fs-display-4);
16967
+ }
16968
+ .display-sm-5 {
16969
+ --bs-display-font-size: var(--bs-fs-display-5);
16970
+ }
16971
+ .display-sm-6 {
16972
+ --bs-display-font-size: var(--bs-fs-display-6);
16973
+ }
16298
16974
  }
16299
16975
  @media (min-width: 768px) {
16300
16976
  .float-md-start {
@@ -16359,6 +17035,36 @@ label .d-icon {
16359
17035
  .d-md-none {
16360
17036
  display: none !important;
16361
17037
  }
17038
+ .w-md-25 {
17039
+ width: 25% !important;
17040
+ }
17041
+ .w-md-50 {
17042
+ width: 50% !important;
17043
+ }
17044
+ .w-md-75 {
17045
+ width: 75% !important;
17046
+ }
17047
+ .w-md-100 {
17048
+ width: 100% !important;
17049
+ }
17050
+ .w-md-auto {
17051
+ width: auto !important;
17052
+ }
17053
+ .h-md-25 {
17054
+ height: 25% !important;
17055
+ }
17056
+ .h-md-50 {
17057
+ height: 50% !important;
17058
+ }
17059
+ .h-md-75 {
17060
+ height: 75% !important;
17061
+ }
17062
+ .h-md-100 {
17063
+ height: 100% !important;
17064
+ }
17065
+ .h-md-auto {
17066
+ height: auto !important;
17067
+ }
16362
17068
  .flex-md-fill {
16363
17069
  flex: 1 1 auto !important;
16364
17070
  }
@@ -17351,6 +18057,45 @@ label .d-icon {
17351
18057
  -moz-column-gap: 3.5rem !important;
17352
18058
  column-gap: 3.5rem !important;
17353
18059
  }
18060
+ .fs-md-1 {
18061
+ font-size: var(--bs-fs-1) !important;
18062
+ }
18063
+ .fs-md-2 {
18064
+ font-size: var(--bs-fs-2) !important;
18065
+ }
18066
+ .fs-md-3 {
18067
+ font-size: var(--bs-fs-3) !important;
18068
+ }
18069
+ .fs-md-4 {
18070
+ font-size: var(--bs-fs-4) !important;
18071
+ }
18072
+ .fs-md-5 {
18073
+ font-size: var(--bs-fs-5) !important;
18074
+ }
18075
+ .fs-md-6 {
18076
+ font-size: var(--bs-fs-6) !important;
18077
+ }
18078
+ .fw-md-lighter {
18079
+ font-weight: var(--bs-fw-lighter) !important;
18080
+ }
18081
+ .fw-md-light {
18082
+ font-weight: var(--bs-fw-light) !important;
18083
+ }
18084
+ .fw-md-normal {
18085
+ font-weight: var(--bs-fw-normal) !important;
18086
+ }
18087
+ .fw-md-medium {
18088
+ font-weight: 500 !important;
18089
+ }
18090
+ .fw-md-semibold {
18091
+ font-weight: var(--bs-fw-semibold) !important;
18092
+ }
18093
+ .fw-md-bold {
18094
+ font-weight: var(--bs-fw-bold) !important;
18095
+ }
18096
+ .fw-md-bolder {
18097
+ font-weight: var(--bs-fw-bolder) !important;
18098
+ }
17354
18099
  .text-md-start {
17355
18100
  text-align: left !important;
17356
18101
  }
@@ -17360,6 +18105,42 @@ label .d-icon {
17360
18105
  .text-md-center {
17361
18106
  text-align: center !important;
17362
18107
  }
18108
+ .text-truncate-md-1 {
18109
+ --bs-text-truncate: 1;
18110
+ }
18111
+ .text-truncate-md-2 {
18112
+ --bs-text-truncate: 2;
18113
+ }
18114
+ .text-truncate-md-3 {
18115
+ --bs-text-truncate: 3;
18116
+ }
18117
+ .text-truncate-md-4 {
18118
+ --bs-text-truncate: 4;
18119
+ }
18120
+ .text-truncate-md-5 {
18121
+ --bs-text-truncate: 6;
18122
+ }
18123
+ .text-truncate-md-6 {
18124
+ --bs-text-truncate: 6;
18125
+ }
18126
+ .display-md-1 {
18127
+ --bs-display-font-size: var(--bs-fs-display-1);
18128
+ }
18129
+ .display-md-2 {
18130
+ --bs-display-font-size: var(--bs-fs-display-2);
18131
+ }
18132
+ .display-md-3 {
18133
+ --bs-display-font-size: var(--bs-fs-display-3);
18134
+ }
18135
+ .display-md-4 {
18136
+ --bs-display-font-size: var(--bs-fs-display-4);
18137
+ }
18138
+ .display-md-5 {
18139
+ --bs-display-font-size: var(--bs-fs-display-5);
18140
+ }
18141
+ .display-md-6 {
18142
+ --bs-display-font-size: var(--bs-fs-display-6);
18143
+ }
17363
18144
  }
17364
18145
  @media (min-width: 992px) {
17365
18146
  .float-lg-start {
@@ -17424,6 +18205,36 @@ label .d-icon {
17424
18205
  .d-lg-none {
17425
18206
  display: none !important;
17426
18207
  }
18208
+ .w-lg-25 {
18209
+ width: 25% !important;
18210
+ }
18211
+ .w-lg-50 {
18212
+ width: 50% !important;
18213
+ }
18214
+ .w-lg-75 {
18215
+ width: 75% !important;
18216
+ }
18217
+ .w-lg-100 {
18218
+ width: 100% !important;
18219
+ }
18220
+ .w-lg-auto {
18221
+ width: auto !important;
18222
+ }
18223
+ .h-lg-25 {
18224
+ height: 25% !important;
18225
+ }
18226
+ .h-lg-50 {
18227
+ height: 50% !important;
18228
+ }
18229
+ .h-lg-75 {
18230
+ height: 75% !important;
18231
+ }
18232
+ .h-lg-100 {
18233
+ height: 100% !important;
18234
+ }
18235
+ .h-lg-auto {
18236
+ height: auto !important;
18237
+ }
17427
18238
  .flex-lg-fill {
17428
18239
  flex: 1 1 auto !important;
17429
18240
  }
@@ -18416,6 +19227,45 @@ label .d-icon {
18416
19227
  -moz-column-gap: 3.5rem !important;
18417
19228
  column-gap: 3.5rem !important;
18418
19229
  }
19230
+ .fs-lg-1 {
19231
+ font-size: var(--bs-fs-1) !important;
19232
+ }
19233
+ .fs-lg-2 {
19234
+ font-size: var(--bs-fs-2) !important;
19235
+ }
19236
+ .fs-lg-3 {
19237
+ font-size: var(--bs-fs-3) !important;
19238
+ }
19239
+ .fs-lg-4 {
19240
+ font-size: var(--bs-fs-4) !important;
19241
+ }
19242
+ .fs-lg-5 {
19243
+ font-size: var(--bs-fs-5) !important;
19244
+ }
19245
+ .fs-lg-6 {
19246
+ font-size: var(--bs-fs-6) !important;
19247
+ }
19248
+ .fw-lg-lighter {
19249
+ font-weight: var(--bs-fw-lighter) !important;
19250
+ }
19251
+ .fw-lg-light {
19252
+ font-weight: var(--bs-fw-light) !important;
19253
+ }
19254
+ .fw-lg-normal {
19255
+ font-weight: var(--bs-fw-normal) !important;
19256
+ }
19257
+ .fw-lg-medium {
19258
+ font-weight: 500 !important;
19259
+ }
19260
+ .fw-lg-semibold {
19261
+ font-weight: var(--bs-fw-semibold) !important;
19262
+ }
19263
+ .fw-lg-bold {
19264
+ font-weight: var(--bs-fw-bold) !important;
19265
+ }
19266
+ .fw-lg-bolder {
19267
+ font-weight: var(--bs-fw-bolder) !important;
19268
+ }
18419
19269
  .text-lg-start {
18420
19270
  text-align: left !important;
18421
19271
  }
@@ -18425,6 +19275,42 @@ label .d-icon {
18425
19275
  .text-lg-center {
18426
19276
  text-align: center !important;
18427
19277
  }
19278
+ .text-truncate-lg-1 {
19279
+ --bs-text-truncate: 1;
19280
+ }
19281
+ .text-truncate-lg-2 {
19282
+ --bs-text-truncate: 2;
19283
+ }
19284
+ .text-truncate-lg-3 {
19285
+ --bs-text-truncate: 3;
19286
+ }
19287
+ .text-truncate-lg-4 {
19288
+ --bs-text-truncate: 4;
19289
+ }
19290
+ .text-truncate-lg-5 {
19291
+ --bs-text-truncate: 6;
19292
+ }
19293
+ .text-truncate-lg-6 {
19294
+ --bs-text-truncate: 6;
19295
+ }
19296
+ .display-lg-1 {
19297
+ --bs-display-font-size: var(--bs-fs-display-1);
19298
+ }
19299
+ .display-lg-2 {
19300
+ --bs-display-font-size: var(--bs-fs-display-2);
19301
+ }
19302
+ .display-lg-3 {
19303
+ --bs-display-font-size: var(--bs-fs-display-3);
19304
+ }
19305
+ .display-lg-4 {
19306
+ --bs-display-font-size: var(--bs-fs-display-4);
19307
+ }
19308
+ .display-lg-5 {
19309
+ --bs-display-font-size: var(--bs-fs-display-5);
19310
+ }
19311
+ .display-lg-6 {
19312
+ --bs-display-font-size: var(--bs-fs-display-6);
19313
+ }
18428
19314
  }
18429
19315
  @media (min-width: 1200px) {
18430
19316
  .float-xl-start {
@@ -18489,6 +19375,36 @@ label .d-icon {
18489
19375
  .d-xl-none {
18490
19376
  display: none !important;
18491
19377
  }
19378
+ .w-xl-25 {
19379
+ width: 25% !important;
19380
+ }
19381
+ .w-xl-50 {
19382
+ width: 50% !important;
19383
+ }
19384
+ .w-xl-75 {
19385
+ width: 75% !important;
19386
+ }
19387
+ .w-xl-100 {
19388
+ width: 100% !important;
19389
+ }
19390
+ .w-xl-auto {
19391
+ width: auto !important;
19392
+ }
19393
+ .h-xl-25 {
19394
+ height: 25% !important;
19395
+ }
19396
+ .h-xl-50 {
19397
+ height: 50% !important;
19398
+ }
19399
+ .h-xl-75 {
19400
+ height: 75% !important;
19401
+ }
19402
+ .h-xl-100 {
19403
+ height: 100% !important;
19404
+ }
19405
+ .h-xl-auto {
19406
+ height: auto !important;
19407
+ }
18492
19408
  .flex-xl-fill {
18493
19409
  flex: 1 1 auto !important;
18494
19410
  }
@@ -19481,6 +20397,45 @@ label .d-icon {
19481
20397
  -moz-column-gap: 3.5rem !important;
19482
20398
  column-gap: 3.5rem !important;
19483
20399
  }
20400
+ .fs-xl-1 {
20401
+ font-size: var(--bs-fs-1) !important;
20402
+ }
20403
+ .fs-xl-2 {
20404
+ font-size: var(--bs-fs-2) !important;
20405
+ }
20406
+ .fs-xl-3 {
20407
+ font-size: var(--bs-fs-3) !important;
20408
+ }
20409
+ .fs-xl-4 {
20410
+ font-size: var(--bs-fs-4) !important;
20411
+ }
20412
+ .fs-xl-5 {
20413
+ font-size: var(--bs-fs-5) !important;
20414
+ }
20415
+ .fs-xl-6 {
20416
+ font-size: var(--bs-fs-6) !important;
20417
+ }
20418
+ .fw-xl-lighter {
20419
+ font-weight: var(--bs-fw-lighter) !important;
20420
+ }
20421
+ .fw-xl-light {
20422
+ font-weight: var(--bs-fw-light) !important;
20423
+ }
20424
+ .fw-xl-normal {
20425
+ font-weight: var(--bs-fw-normal) !important;
20426
+ }
20427
+ .fw-xl-medium {
20428
+ font-weight: 500 !important;
20429
+ }
20430
+ .fw-xl-semibold {
20431
+ font-weight: var(--bs-fw-semibold) !important;
20432
+ }
20433
+ .fw-xl-bold {
20434
+ font-weight: var(--bs-fw-bold) !important;
20435
+ }
20436
+ .fw-xl-bolder {
20437
+ font-weight: var(--bs-fw-bolder) !important;
20438
+ }
19484
20439
  .text-xl-start {
19485
20440
  text-align: left !important;
19486
20441
  }
@@ -19490,6 +20445,42 @@ label .d-icon {
19490
20445
  .text-xl-center {
19491
20446
  text-align: center !important;
19492
20447
  }
20448
+ .text-truncate-xl-1 {
20449
+ --bs-text-truncate: 1;
20450
+ }
20451
+ .text-truncate-xl-2 {
20452
+ --bs-text-truncate: 2;
20453
+ }
20454
+ .text-truncate-xl-3 {
20455
+ --bs-text-truncate: 3;
20456
+ }
20457
+ .text-truncate-xl-4 {
20458
+ --bs-text-truncate: 4;
20459
+ }
20460
+ .text-truncate-xl-5 {
20461
+ --bs-text-truncate: 6;
20462
+ }
20463
+ .text-truncate-xl-6 {
20464
+ --bs-text-truncate: 6;
20465
+ }
20466
+ .display-xl-1 {
20467
+ --bs-display-font-size: var(--bs-fs-display-1);
20468
+ }
20469
+ .display-xl-2 {
20470
+ --bs-display-font-size: var(--bs-fs-display-2);
20471
+ }
20472
+ .display-xl-3 {
20473
+ --bs-display-font-size: var(--bs-fs-display-3);
20474
+ }
20475
+ .display-xl-4 {
20476
+ --bs-display-font-size: var(--bs-fs-display-4);
20477
+ }
20478
+ .display-xl-5 {
20479
+ --bs-display-font-size: var(--bs-fs-display-5);
20480
+ }
20481
+ .display-xl-6 {
20482
+ --bs-display-font-size: var(--bs-fs-display-6);
20483
+ }
19493
20484
  }
19494
20485
  @media (min-width: 1400px) {
19495
20486
  .float-xxl-start {
@@ -19554,6 +20545,36 @@ label .d-icon {
19554
20545
  .d-xxl-none {
19555
20546
  display: none !important;
19556
20547
  }
20548
+ .w-xxl-25 {
20549
+ width: 25% !important;
20550
+ }
20551
+ .w-xxl-50 {
20552
+ width: 50% !important;
20553
+ }
20554
+ .w-xxl-75 {
20555
+ width: 75% !important;
20556
+ }
20557
+ .w-xxl-100 {
20558
+ width: 100% !important;
20559
+ }
20560
+ .w-xxl-auto {
20561
+ width: auto !important;
20562
+ }
20563
+ .h-xxl-25 {
20564
+ height: 25% !important;
20565
+ }
20566
+ .h-xxl-50 {
20567
+ height: 50% !important;
20568
+ }
20569
+ .h-xxl-75 {
20570
+ height: 75% !important;
20571
+ }
20572
+ .h-xxl-100 {
20573
+ height: 100% !important;
20574
+ }
20575
+ .h-xxl-auto {
20576
+ height: auto !important;
20577
+ }
19557
20578
  .flex-xxl-fill {
19558
20579
  flex: 1 1 auto !important;
19559
20580
  }
@@ -20546,6 +21567,45 @@ label .d-icon {
20546
21567
  -moz-column-gap: 3.5rem !important;
20547
21568
  column-gap: 3.5rem !important;
20548
21569
  }
21570
+ .fs-xxl-1 {
21571
+ font-size: var(--bs-fs-1) !important;
21572
+ }
21573
+ .fs-xxl-2 {
21574
+ font-size: var(--bs-fs-2) !important;
21575
+ }
21576
+ .fs-xxl-3 {
21577
+ font-size: var(--bs-fs-3) !important;
21578
+ }
21579
+ .fs-xxl-4 {
21580
+ font-size: var(--bs-fs-4) !important;
21581
+ }
21582
+ .fs-xxl-5 {
21583
+ font-size: var(--bs-fs-5) !important;
21584
+ }
21585
+ .fs-xxl-6 {
21586
+ font-size: var(--bs-fs-6) !important;
21587
+ }
21588
+ .fw-xxl-lighter {
21589
+ font-weight: var(--bs-fw-lighter) !important;
21590
+ }
21591
+ .fw-xxl-light {
21592
+ font-weight: var(--bs-fw-light) !important;
21593
+ }
21594
+ .fw-xxl-normal {
21595
+ font-weight: var(--bs-fw-normal) !important;
21596
+ }
21597
+ .fw-xxl-medium {
21598
+ font-weight: 500 !important;
21599
+ }
21600
+ .fw-xxl-semibold {
21601
+ font-weight: var(--bs-fw-semibold) !important;
21602
+ }
21603
+ .fw-xxl-bold {
21604
+ font-weight: var(--bs-fw-bold) !important;
21605
+ }
21606
+ .fw-xxl-bolder {
21607
+ font-weight: var(--bs-fw-bolder) !important;
21608
+ }
20549
21609
  .text-xxl-start {
20550
21610
  text-align: left !important;
20551
21611
  }
@@ -20555,22 +21615,41 @@ label .d-icon {
20555
21615
  .text-xxl-center {
20556
21616
  text-align: center !important;
20557
21617
  }
20558
- }
20559
- @media (min-width: 1200px) {
20560
- .fs-1 {
20561
- font-size: 4rem !important;
21618
+ .text-truncate-xxl-1 {
21619
+ --bs-text-truncate: 1;
21620
+ }
21621
+ .text-truncate-xxl-2 {
21622
+ --bs-text-truncate: 2;
21623
+ }
21624
+ .text-truncate-xxl-3 {
21625
+ --bs-text-truncate: 3;
21626
+ }
21627
+ .text-truncate-xxl-4 {
21628
+ --bs-text-truncate: 4;
21629
+ }
21630
+ .text-truncate-xxl-5 {
21631
+ --bs-text-truncate: 6;
21632
+ }
21633
+ .text-truncate-xxl-6 {
21634
+ --bs-text-truncate: 6;
21635
+ }
21636
+ .display-xxl-1 {
21637
+ --bs-display-font-size: var(--bs-fs-display-1);
21638
+ }
21639
+ .display-xxl-2 {
21640
+ --bs-display-font-size: var(--bs-fs-display-2);
20562
21641
  }
20563
- .fs-2 {
20564
- font-size: 3.5rem !important;
21642
+ .display-xxl-3 {
21643
+ --bs-display-font-size: var(--bs-fs-display-3);
20565
21644
  }
20566
- .fs-3 {
20567
- font-size: 3rem !important;
21645
+ .display-xxl-4 {
21646
+ --bs-display-font-size: var(--bs-fs-display-4);
20568
21647
  }
20569
- .fs-4 {
20570
- font-size: 2rem !important;
21648
+ .display-xxl-5 {
21649
+ --bs-display-font-size: var(--bs-fs-display-5);
20571
21650
  }
20572
- .fs-5 {
20573
- font-size: 1.5rem !important;
21651
+ .display-xxl-6 {
21652
+ --bs-display-font-size: var(--bs-fs-display-6);
20574
21653
  }
20575
21654
  }
20576
21655
  @media print {