@dynamic-framework/ui-react 1.17.1 → 1.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/dist/css/dynamic-ui-non-root.css +1365 -873
  2. package/dist/css/dynamic-ui-non-root.min.css +2 -2
  3. package/dist/css/dynamic-ui-root.css +493 -26
  4. package/dist/css/dynamic-ui-root.min.css +2 -2
  5. package/dist/css/dynamic-ui.css +1857 -898
  6. package/dist/css/dynamic-ui.min.css +2 -2
  7. package/dist/index.esm.js +119 -163
  8. package/dist/index.esm.js.map +1 -1
  9. package/dist/index.js +120 -167
  10. package/dist/index.js.map +1 -1
  11. package/dist/types/components/DAvatar/DAvatar.d.ts +9 -0
  12. package/dist/types/components/DAvatar/index.d.ts +2 -0
  13. package/dist/types/components/DButton/DButton.d.ts +1 -1
  14. package/dist/types/components/DCarousel/DCarousel.d.ts +5 -4
  15. package/dist/types/components/DToastContainer/DToastContainer.d.ts +9 -7
  16. package/dist/types/components/DToastContainer/index.d.ts +1 -1
  17. package/dist/types/components/DToastContainer/{useToast.d.ts → useDToast.d.ts} +7 -4
  18. package/dist/types/components/index.d.ts +1 -1
  19. package/dist/types/components/interface.d.ts +1 -0
  20. package/dist/types/contexts/DContext.d.ts +8 -7
  21. package/dist/types/contexts/DPortalContext.d.ts +29 -0
  22. package/dist/types/contexts/index.d.ts +1 -2
  23. package/package.json +3 -3
  24. package/src/style/abstracts/_mixins.scss +110 -94
  25. package/src/style/abstracts/_utilities.scss +34 -1
  26. package/src/style/abstracts/variables/_+import.scss +2 -0
  27. package/src/style/abstracts/variables/_accordion.scss +2 -2
  28. package/src/style/abstracts/variables/_alerts.scss +1 -1
  29. package/src/style/abstracts/variables/_buttons.scss +3 -3
  30. package/src/style/abstracts/variables/_cards.scss +2 -0
  31. package/src/style/abstracts/variables/_collapse-icon-text.scss +2 -2
  32. package/src/style/abstracts/variables/_forms.scss +5 -7
  33. package/src/style/abstracts/variables/_navs.scss +2 -2
  34. package/src/style/abstracts/variables/_pagination.scss +4 -4
  35. package/src/style/abstracts/variables/_progress.scss +2 -2
  36. package/src/style/abstracts/variables/_quick-action-button.scss +4 -4
  37. package/src/style/abstracts/variables/_quick-action-check.scss +4 -4
  38. package/src/style/abstracts/variables/_quick-action-select.scss +3 -3
  39. package/src/style/abstracts/variables/_quick-action-switch.scss +2 -2
  40. package/src/style/abstracts/variables/_tooltip.scss +16 -0
  41. package/src/style/abstracts/variables/_typography.scss +76 -20
  42. package/src/style/abstracts/variables/_z-index.scss +11 -0
  43. package/src/style/base/_+import.scss +7 -2
  44. package/src/style/base/_avatar.scss +61 -0
  45. package/src/style/base/_backdrop.scss +9 -0
  46. package/src/style/base/_button-group.scss +13 -0
  47. package/src/style/base/{_button.scss → _buttons.scss} +14 -53
  48. package/src/style/base/_form-check.scss +2 -1
  49. package/src/style/base/_input-group.scss +11 -6
  50. package/src/style/base/_tooltip.scss +23 -0
  51. package/src/style/base/_type.scss +104 -0
  52. package/src/style/components/_+import.scss +0 -1
  53. package/src/style/components/_d-datepicker.scss +7 -7
  54. package/src/style/components/_d-monthpicker.scss +4 -4
  55. package/src/style/components/_d-quick-action-button.scss +8 -0
  56. package/src/style/components/_d-quick-action-select.scss +2 -0
  57. package/src/style/components/_d-quick-action-switch.scss +4 -4
  58. package/src/style/components/_d-select.scss +1 -1
  59. package/src/style/components/_d-stepper-mobile.scss +3 -3
  60. package/src/style/helpers/_+import.scss +1 -0
  61. package/src/style/helpers/_text-truncate.scss +8 -0
  62. package/src/style/root/_root.scss +98 -17
  63. package/dist/types/contexts/DModalContext.d.ts +0 -31
  64. package/dist/types/contexts/DOffcanvasContext.d.ts +0 -31
  65. package/src/style/components/_d-tooltip.scss +0 -35
package/dist/css/dynamic-ui.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * dynamic-framework 1.17.1
2
+ * dynamic-framework 1.19.0
3
3
  * bootstrap ^5.3.3
4
4
  * license https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md
5
5
  */
@@ -213,7 +213,7 @@
213
213
  --bs-root-font-size: 16px;
214
214
  --bs-body-font-family: var(--bs-font-sans-serif);
215
215
  --bs-body-font-size: 1rem;
216
- --bs-body-font-weight: 400;
216
+ --bs-body-font-weight: var(--bs-fw-normal);
217
217
  --bs-body-line-height: 1.5;
218
218
  --bs-body-color: rgb(var(--bs-body-color-rgb));
219
219
  --bs-body-color-rgb: var(--bs-gray-900-rgb);
@@ -261,6 +261,431 @@
261
261
  --bs-form-valid-border-color: var(--bs-success);
262
262
  --bs-form-invalid-color: var(--bs-danger);
263
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-bold);
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;
264
689
  --bs-ref-spacer-0: 0;
265
690
  --bs-ref-spacer-1: 0.25rem;
266
691
  --bs-ref-spacer-2: 0.5rem;
@@ -276,30 +701,72 @@
276
701
  --bs-ref-spacer-12: 3rem;
277
702
  --bs-ref-spacer-13: 3.25rem;
278
703
  --bs-ref-spacer-14: 3.5rem;
279
- --bs-ref-display-1: 7.5rem;
280
- --bs-ref-display-2: 4.5rem;
281
- --bs-ref-display-3: 4rem;
282
- --bs-ref-display-4: 3.5rem;
283
- --bs-ref-display-5: 3rem;
284
- --bs-ref-display-6: 2.5rem;
285
- --bs-ref-fs-1: 4rem;
286
- --bs-ref-fs-2: 3.5rem;
287
- --bs-ref-fs-3: 3rem;
288
- --bs-ref-fs-4: 2rem;
289
- --bs-ref-fs-5: 1.5rem;
290
- --bs-ref-fs-6: 1.125rem;
291
- --bs-ref-fs-small: 0.875rem;
292
- --bs-ref-fw-lighter: lighter;
293
- --bs-ref-fw-light: 200;
294
- --bs-ref-fw-normal: 400;
295
- --bs-ref-fw-semibold: 600;
296
- --bs-ref-fw-bold: 700;
297
- --bs-ref-fw-bolder: 800;
298
- --bs-label-padding-y: var(--bs-ref-spacer-0);
299
- --bs-label-padding-x: var(--bs-ref-spacer-2);
300
- --bs-label-font-size: var(--bs-ref-fs-small);
301
- --bs-label-font-weight: var(--bs-ref-fw-bold);
302
- --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
+ }
303
770
  }
304
771
 
305
772
  *,
@@ -341,58 +808,33 @@ hr {
341
808
  h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
342
809
  margin-top: 0;
343
810
  margin-bottom: 0;
344
- font-weight: 700;
345
- line-height: 1.2;
811
+ font-weight: var(--bs-fw-bold);
812
+ line-height: var(--bs-heading-line-height);
346
813
  color: var(--bs-heading-color);
347
814
  }
348
815
 
349
816
  h1, .h1 {
350
- font-size: calc(1.525rem + 3.3vw);
351
- }
352
- @media (min-width: 1200px) {
353
- h1, .h1 {
354
- font-size: 4rem;
355
- }
817
+ font-size: var(--bs-fs-1);
356
818
  }
357
819
 
358
820
  h2, .h2 {
359
- font-size: calc(1.475rem + 2.7vw);
360
- }
361
- @media (min-width: 1200px) {
362
- h2, .h2 {
363
- font-size: 3.5rem;
364
- }
821
+ font-size: var(--bs-fs-2);
365
822
  }
366
823
 
367
824
  h3, .h3 {
368
- font-size: calc(1.425rem + 2.1vw);
369
- }
370
- @media (min-width: 1200px) {
371
- h3, .h3 {
372
- font-size: 3rem;
373
- }
825
+ font-size: var(--bs-fs-3);
374
826
  }
375
827
 
376
828
  h4, .h4 {
377
- font-size: calc(1.325rem + 0.9vw);
378
- }
379
- @media (min-width: 1200px) {
380
- h4, .h4 {
381
- font-size: 2rem;
382
- }
829
+ font-size: var(--bs-fs-4);
383
830
  }
384
831
 
385
832
  h5, .h5 {
386
- font-size: calc(1.275rem + 0.3vw);
387
- }
388
- @media (min-width: 1200px) {
389
- h5, .h5 {
390
- font-size: 1.5rem;
391
- }
833
+ font-size: var(--bs-fs-5);
392
834
  }
393
835
 
394
836
  h6, .h6 {
395
- font-size: 1.125rem;
837
+ font-size: var(--bs-fs-6);
396
838
  }
397
839
 
398
840
  p {
@@ -434,7 +876,7 @@ ul ol {
434
876
  }
435
877
 
436
878
  dt {
437
- font-weight: 700;
879
+ font-weight: var(--bs-fw-bold);
438
880
  }
439
881
 
440
882
  dd {
@@ -448,11 +890,11 @@ blockquote {
448
890
 
449
891
  b,
450
892
  strong {
451
- font-weight: 800;
893
+ font-weight: var(--bs-fw-bolder);
452
894
  }
453
895
 
454
896
  small, .small {
455
- font-size: 0.875rem;
897
+ font-size: var(--bs-fs-small);
456
898
  }
457
899
 
458
900
  mark, .mark {
@@ -504,7 +946,7 @@ pre {
504
946
  margin-top: 0;
505
947
  margin-bottom: 1rem;
506
948
  overflow: auto;
507
- font-size: 0.875rem;
949
+ font-size: var(--bs-fs-small);
508
950
  }
509
951
  pre code {
510
952
  font-size: inherit;
@@ -513,7 +955,7 @@ pre code {
513
955
  }
514
956
 
515
957
  code {
516
- font-size: 0.875rem;
958
+ font-size: var(--bs-fs-small);
517
959
  color: var(--bs-code-color);
518
960
  word-wrap: break-word;
519
961
  }
@@ -523,7 +965,7 @@ a > code {
523
965
 
524
966
  kbd {
525
967
  padding: 0.1875rem 0.375rem;
526
- font-size: 0.875rem;
968
+ font-size: var(--bs-fs-small);
527
969
  color: var(--bs-body-bg);
528
970
  background-color: var(--bs-body-color);
529
971
  border-radius: 0.5rem;
@@ -725,117 +1167,6 @@ progress {
725
1167
  display: none !important;
726
1168
  }
727
1169
 
728
- .lead {
729
- font-size: 1.25rem;
730
- font-weight: 400;
731
- }
732
-
733
- .display-1 {
734
- font-size: calc(1.875rem + 7.5vw);
735
- font-weight: 400;
736
- line-height: 1.2;
737
- }
738
- @media (min-width: 1200px) {
739
- .display-1 {
740
- font-size: 7.5rem;
741
- }
742
- }
743
-
744
- .display-2 {
745
- font-size: calc(1.575rem + 3.9vw);
746
- font-weight: 400;
747
- line-height: 1.2;
748
- }
749
- @media (min-width: 1200px) {
750
- .display-2 {
751
- font-size: 4.5rem;
752
- }
753
- }
754
-
755
- .display-3 {
756
- font-size: calc(1.525rem + 3.3vw);
757
- font-weight: 400;
758
- line-height: 1.2;
759
- }
760
- @media (min-width: 1200px) {
761
- .display-3 {
762
- font-size: 4rem;
763
- }
764
- }
765
-
766
- .display-4 {
767
- font-size: calc(1.475rem + 2.7vw);
768
- font-weight: 400;
769
- line-height: 1.2;
770
- }
771
- @media (min-width: 1200px) {
772
- .display-4 {
773
- font-size: 3.5rem;
774
- }
775
- }
776
-
777
- .display-5 {
778
- font-size: calc(1.425rem + 2.1vw);
779
- font-weight: 400;
780
- line-height: 1.2;
781
- }
782
- @media (min-width: 1200px) {
783
- .display-5 {
784
- font-size: 3rem;
785
- }
786
- }
787
-
788
- .display-6 {
789
- font-size: calc(1.375rem + 1.5vw);
790
- font-weight: 400;
791
- line-height: 1.2;
792
- }
793
- @media (min-width: 1200px) {
794
- .display-6 {
795
- font-size: 2.5rem;
796
- }
797
- }
798
-
799
- .list-unstyled {
800
- padding-left: 0;
801
- list-style: none;
802
- }
803
-
804
- .list-inline {
805
- padding-left: 0;
806
- list-style: none;
807
- }
808
-
809
- .list-inline-item {
810
- display: inline-block;
811
- }
812
- .list-inline-item:not(:last-child) {
813
- margin-right: 0.5rem;
814
- }
815
-
816
- .initialism {
817
- font-size: 0.875rem;
818
- text-transform: uppercase;
819
- }
820
-
821
- .blockquote {
822
- margin-bottom: var(--bs-ref-spacer-4);
823
- font-size: 1.25rem;
824
- }
825
- .blockquote > :last-child {
826
- margin-bottom: 0;
827
- }
828
-
829
- .blockquote-footer {
830
- margin-top: -var(--bs-ref-spacer-4);
831
- margin-bottom: var(--bs-ref-spacer-4);
832
- font-size: 0.875rem;
833
- color: var(--bs-gray-600);
834
- }
835
- .blockquote-footer::before {
836
- content: "— ";
837
- }
838
-
839
1170
  .img-fluid {
840
1171
  max-width: 100%;
841
1172
  height: auto;
@@ -861,7 +1192,7 @@ progress {
861
1192
  }
862
1193
 
863
1194
  .figure-caption {
864
- font-size: 0.875rem;
1195
+ font-size: var(--bs-fs-small);
865
1196
  color: var(--bs-secondary-color);
866
1197
  }
867
1198
 
@@ -2702,8 +3033,8 @@ progress {
2702
3033
 
2703
3034
  .form-label {
2704
3035
  margin-bottom: 0;
2705
- font-size: var(--bs-ref-fs-small);
2706
- font-weight: var(--bs-ref-fw-bold);
3036
+ font-size: var(--bs-fs-small);
3037
+ font-weight: var(--bs-fw-bold);
2707
3038
  color: var(--bs-gray);
2708
3039
  }
2709
3040
 
@@ -2712,7 +3043,7 @@ progress {
2712
3043
  padding-bottom: calc(0.75rem + var(--bs-border-width));
2713
3044
  margin-bottom: 0;
2714
3045
  font-size: inherit;
2715
- font-weight: var(--bs-ref-fw-bold);
3046
+ font-weight: var(--bs-fw-bold);
2716
3047
  line-height: 1.5;
2717
3048
  color: var(--bs-gray);
2718
3049
  }
@@ -2726,12 +3057,12 @@ progress {
2726
3057
  .col-form-label-sm {
2727
3058
  padding-top: calc(0.25rem + var(--bs-border-width));
2728
3059
  padding-bottom: calc(0.25rem + var(--bs-border-width));
2729
- font-size: 0.875rem;
3060
+ font-size: var(--bs-fs-small);
2730
3061
  }
2731
3062
 
2732
3063
  .form-text {
2733
3064
  margin-top: 0.5rem;
2734
- font-size: 0.875rem;
3065
+ font-size: var(--bs-fs-small);
2735
3066
  color: var(--bs-gray);
2736
3067
  }
2737
3068
 
@@ -2740,7 +3071,7 @@ progress {
2740
3071
  width: 100%;
2741
3072
  padding: 0.75rem 1rem;
2742
3073
  font-size: 1rem;
2743
- font-weight: 400;
3074
+ font-weight: var(--bs-fw-normal);
2744
3075
  line-height: 1.5;
2745
3076
  color: var(--bs-gray);
2746
3077
  -webkit-appearance: none;
@@ -2863,7 +3194,7 @@ progress {
2863
3194
  .form-control-sm {
2864
3195
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
2865
3196
  padding: 0.25rem 0.5rem;
2866
- font-size: 0.875rem;
3197
+ font-size: var(--bs-fs-small);
2867
3198
  border-radius: var(--bs-border-radius-sm);
2868
3199
  }
2869
3200
  .form-control-sm::-webkit-file-upload-button {
@@ -2937,7 +3268,7 @@ textarea.form-control-lg {
2937
3268
  width: 100%;
2938
3269
  padding: 0.75rem 3rem 0.75rem 1rem;
2939
3270
  font-size: 1rem;
2940
- font-weight: 400;
3271
+ font-weight: var(--bs-fw-normal);
2941
3272
  line-height: 1.5;
2942
3273
  color: var(--bs-gray);
2943
3274
  -webkit-appearance: none;
@@ -2981,7 +3312,7 @@ textarea.form-control-lg {
2981
3312
  padding-top: 0.25rem;
2982
3313
  padding-bottom: 0.25rem;
2983
3314
  padding-left: 0.5rem;
2984
- font-size: 0.875rem;
3315
+ font-size: var(--bs-fs-small);
2985
3316
  border-radius: var(--bs-border-radius-sm);
2986
3317
  }
2987
3318
 
@@ -2995,9 +3326,9 @@ textarea.form-control-lg {
2995
3326
 
2996
3327
  .form-check {
2997
3328
  display: block;
2998
- min-height: 2.25rem;
3329
+ min-height: 1.5em;
2999
3330
  padding-left: 0.75em;
3000
- margin-bottom: 0.1875rem;
3331
+ margin-bottom: 0.125rem;
3001
3332
  }
3002
3333
  .form-check .form-check-input {
3003
3334
  float: left;
@@ -3062,16 +3393,16 @@ textarea.form-control-lg {
3062
3393
  .form-check-input[type=checkbox]:indeterminate {
3063
3394
  background-color: var(--bs-focus-ring-color);
3064
3395
  border-color: var(--bs-focus-ring-color);
3065
- --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");
3066
3397
  }
3067
3398
  .form-check-input:disabled {
3068
3399
  pointer-events: none;
3069
3400
  filter: none;
3070
- opacity: 1;
3401
+ opacity: 0.5;
3071
3402
  }
3072
3403
  .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
3073
3404
  cursor: default;
3074
- opacity: 1;
3405
+ opacity: 0.5;
3075
3406
  }
3076
3407
 
3077
3408
  .form-switch {
@@ -3359,7 +3690,7 @@ textarea.form-control-lg {
3359
3690
  align-items: center;
3360
3691
  padding: 0.75rem 1rem;
3361
3692
  font-size: 1rem;
3362
- font-weight: 400;
3693
+ font-weight: var(--bs-fw-normal);
3363
3694
  line-height: 1.5;
3364
3695
  color: var(--bs-gray);
3365
3696
  text-align: center;
@@ -3383,7 +3714,7 @@ textarea.form-control-lg {
3383
3714
  .input-group-sm > .input-group-text,
3384
3715
  .input-group-sm > .btn {
3385
3716
  padding: 0.25rem 0.5rem;
3386
- font-size: 0.875rem;
3717
+ font-size: var(--bs-fs-small);
3387
3718
  border-radius: var(--bs-border-radius-sm);
3388
3719
  }
3389
3720
 
@@ -3421,7 +3752,7 @@ textarea.form-control-lg {
3421
3752
  display: none;
3422
3753
  width: 100%;
3423
3754
  margin-top: 0.5rem;
3424
- font-size: 0.875rem;
3755
+ font-size: var(--bs-fs-small);
3425
3756
  color: var(--bs-form-valid-color);
3426
3757
  }
3427
3758
 
@@ -3431,12 +3762,12 @@ textarea.form-control-lg {
3431
3762
  z-index: 5;
3432
3763
  display: none;
3433
3764
  max-width: 100%;
3434
- padding: 0.25rem 0.5rem;
3765
+ padding: var(--bs-ref-spacer-1) var(--bs-ref-spacer-2);
3435
3766
  margin-top: 0.1rem;
3436
- font-size: 0.875rem;
3767
+ font-size: var(--bs-tooltip-component-font-size, var(--bs-body-font-size));
3437
3768
  color: var(--bs-white);
3438
3769
  background-color: var(--bs-success);
3439
- border-radius: var(--bs-border-radius);
3770
+ border-radius: var(--bs-tooltip-component-border-radius, var(--bs-ref-spacer-1));
3440
3771
  }
3441
3772
 
3442
3773
  .was-validated :valid ~ .valid-feedback,
@@ -3491,7 +3822,7 @@ textarea.form-control-lg {
3491
3822
  display: none;
3492
3823
  width: 100%;
3493
3824
  margin-top: 0.5rem;
3494
- font-size: 0.875rem;
3825
+ font-size: var(--bs-fs-small);
3495
3826
  color: var(--bs-form-invalid-color);
3496
3827
  }
3497
3828
 
@@ -3501,12 +3832,12 @@ textarea.form-control-lg {
3501
3832
  z-index: 5;
3502
3833
  display: none;
3503
3834
  max-width: 100%;
3504
- padding: 0.25rem 0.5rem;
3835
+ padding: var(--bs-ref-spacer-1) var(--bs-ref-spacer-2);
3505
3836
  margin-top: 0.1rem;
3506
- font-size: 0.875rem;
3837
+ font-size: var(--bs-tooltip-component-font-size, var(--bs-body-font-size));
3507
3838
  color: var(--bs-white);
3508
3839
  background-color: var(--bs-danger);
3509
- border-radius: var(--bs-border-radius);
3840
+ border-radius: var(--bs-tooltip-component-border-radius, var(--bs-ref-spacer-1));
3510
3841
  }
3511
3842
 
3512
3843
  .was-validated :invalid ~ .invalid-feedback,
@@ -3817,7 +4148,7 @@ textarea.form-control-lg {
3817
4148
  width: 100%;
3818
4149
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
3819
4150
  clear: both;
3820
- font-weight: 400;
4151
+ font-weight: var(--bs-fw-normal);
3821
4152
  color: var(--bs-dropdown-link-color);
3822
4153
  text-align: inherit;
3823
4154
  white-space: nowrap;
@@ -3849,7 +4180,7 @@ textarea.form-control-lg {
3849
4180
  display: block;
3850
4181
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
3851
4182
  margin-bottom: 0;
3852
- font-size: 0.875rem;
4183
+ font-size: var(--bs-fs-small);
3853
4184
  color: var(--bs-dropdown-header-color);
3854
4185
  white-space: nowrap;
3855
4186
  }
@@ -3911,7 +4242,7 @@ textarea.form-control-lg {
3911
4242
  }
3912
4243
 
3913
4244
  .btn-group {
3914
- border-radius: var(--bs-border-radius-sm);
4245
+ border-radius: var(--bs-border-radius-pill);
3915
4246
  }
3916
4247
  .btn-group > :not(.btn-check:first-child) + .btn,
3917
4248
  .btn-group > .btn-group:not(:first-child) {
@@ -3986,7 +4317,7 @@ textarea.form-control-lg {
3986
4317
  --bs-nav-link-padding-x: 1rem;
3987
4318
  --bs-nav-link-padding-y: 0.5rem;
3988
4319
  --bs-nav-link-font-size: var(--bs-body-font-size);
3989
- --bs-nav-link-font-weight: var(--bs-ref-fw-normal);
4320
+ --bs-nav-link-font-weight: var(--bs-fw-normal);
3990
4321
  --bs-nav-link-color: var(--bs-gray-500);
3991
4322
  --bs-nav-link-hover-color: var(--bs-secondary-600);
3992
4323
  --bs-nav-link-disabled-color: var(--bs-gray-200);
@@ -4088,7 +4419,7 @@ textarea.form-control-lg {
4088
4419
  }
4089
4420
  .nav-underline .nav-link.active,
4090
4421
  .nav-underline .show > .nav-link {
4091
- font-weight: 700;
4422
+ font-weight: var(--bs-fw-bold);
4092
4423
  color: var(--bs-nav-underline-link-active-color);
4093
4424
  border-bottom-color: currentcolor;
4094
4425
  }
@@ -4136,7 +4467,7 @@ textarea.form-control-lg {
4136
4467
  --bs-navbar-toggler-font-size: 1.125rem;
4137
4468
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28var%28--bs-body-color-rgb%29, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
4138
4469
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
4139
- --bs-navbar-toggler-border-radius: var(--bs-border-radius-sm);
4470
+ --bs-navbar-toggler-border-radius: var(--bs-border-radius-pill);
4140
4471
  --bs-navbar-toggler-focus-width: 0;
4141
4472
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
4142
4473
  position: relative;
@@ -4175,7 +4506,7 @@ textarea.form-control-lg {
4175
4506
  --bs-nav-link-padding-x: 0;
4176
4507
  --bs-nav-link-padding-y: 0.5rem;
4177
4508
  --bs-nav-link-font-size: var(--bs-body-font-size);
4178
- --bs-nav-link-font-weight: var(--bs-ref-fw-normal);
4509
+ --bs-nav-link-font-weight: var(--bs-fw-normal);
4179
4510
  --bs-nav-link-color: var(--bs-navbar-color);
4180
4511
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
4181
4512
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
@@ -4549,8 +4880,8 @@ textarea.form-control-lg {
4549
4880
  }
4550
4881
 
4551
4882
  .card {
4552
- --bs-card-spacer-y: 1rem;
4553
- --bs-card-spacer-x: 1rem;
4883
+ --bs-card-spacer-y: 1.5rem;
4884
+ --bs-card-spacer-x: 1.5rem;
4554
4885
  --bs-card-title-spacer-y: 0.5rem;
4555
4886
  --bs-card-title-color: ;
4556
4887
  --bs-card-subtitle-color: ;
@@ -4559,8 +4890,8 @@ textarea.form-control-lg {
4559
4890
  --bs-card-border-radius: var(--bs-border-radius);
4560
4891
  --bs-card-box-shadow: var(--bs-box-shadow-sm);
4561
4892
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - 0px);
4562
- --bs-card-cap-padding-y: 0.5rem;
4563
- --bs-card-cap-padding-x: 1rem;
4893
+ --bs-card-cap-padding-y: 0.75rem;
4894
+ --bs-card-cap-padding-x: 1.5rem;
4564
4895
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
4565
4896
  --bs-card-cap-color: ;
4566
4897
  --bs-card-height: ;
@@ -4985,16 +5316,16 @@ textarea.form-control-lg {
4985
5316
  }
4986
5317
 
4987
5318
  .pagination-lg {
4988
- --bs-pagination-padding-x: var(--bs-ref-spacer-2);
4989
- --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);
4990
5321
  --bs-pagination-font-size: 1.125rem;
4991
5322
  --bs-pagination-border-radius: 2.5rem;
4992
5323
  }
4993
5324
 
4994
5325
  .pagination-sm {
4995
- --bs-pagination-padding-x: var(--bs-ref-spacer-1);
4996
- --bs-pagination-padding-y: var(--bs-ref-spacer-1);
4997
- --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);
4998
5329
  --bs-pagination-border-radius: 1.5rem;
4999
5330
  }
5000
5331
 
@@ -5022,7 +5353,7 @@ textarea.form-control-lg {
5022
5353
  }
5023
5354
 
5024
5355
  .alert-link {
5025
- font-weight: var(--bs-ref-fw-bold);
5356
+ font-weight: var(--bs-fw-bold);
5026
5357
  color: var(--bs-alert-link-color);
5027
5358
  }
5028
5359
 
@@ -5101,7 +5432,7 @@ textarea.form-control-lg {
5101
5432
  .progress,
5102
5433
  .progress-stacked {
5103
5434
  --bs-progress-height: 1rem;
5104
- --bs-progress-font-size: var(--bs-ref-fs-small);
5435
+ --bs-progress-font-size: var(--bs-fs-small);
5105
5436
  --bs-progress-bg: var(--bs-secondary-100);
5106
5437
  --bs-progress-border-radius: var(--bs-border-radius-pill);
5107
5438
  --bs-progress-box-shadow: none;
@@ -5902,15 +6233,15 @@ textarea.form-control-lg {
5902
6233
  }
5903
6234
  .tooltip {
5904
6235
  --bs-tooltip-zindex: 1080;
5905
- --bs-tooltip-max-width: 200px;
5906
- --bs-tooltip-padding-x: 0.5rem;
5907
- --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);
5908
6239
  --bs-tooltip-margin: ;
5909
- --bs-tooltip-font-size: 0.875rem;
5910
- --bs-tooltip-color: var(--bs-body-bg);
5911
- --bs-tooltip-bg: var(--bs-emphasis-color);
5912
- --bs-tooltip-border-radius: var(--bs-border-radius);
5913
- --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;
5914
6245
  --bs-tooltip-arrow-width: 0.8rem;
5915
6246
  --bs-tooltip-arrow-height: 0.4rem;
5916
6247
  z-index: var(--bs-tooltip-zindex);
@@ -5918,7 +6249,7 @@ textarea.form-control-lg {
5918
6249
  margin: var(--bs-tooltip-margin);
5919
6250
  font-family: var(--bs-font-sans-serif);
5920
6251
  font-style: normal;
5921
- font-weight: 400;
6252
+ font-weight: var(--bs-fw-normal);
5922
6253
  line-height: 1.5;
5923
6254
  text-align: left;
5924
6255
  text-align: start;
@@ -6005,7 +6336,7 @@ textarea.form-control-lg {
6005
6336
  .popover {
6006
6337
  --bs-popover-zindex: 1070;
6007
6338
  --bs-popover-max-width: 276px;
6008
- --bs-popover-font-size: 0.875rem;
6339
+ --bs-popover-font-size: var(--bs-fs-small);
6009
6340
  --bs-popover-bg: var(--bs-body-bg);
6010
6341
  --bs-popover-border-width: var(--bs-border-width);
6011
6342
  --bs-popover-border-color: var(--bs-border-color-translucent);
@@ -6028,7 +6359,7 @@ textarea.form-control-lg {
6028
6359
  max-width: var(--bs-popover-max-width);
6029
6360
  font-family: var(--bs-font-sans-serif);
6030
6361
  font-style: normal;
6031
- font-weight: 400;
6362
+ font-weight: var(--bs-fw-normal);
6032
6363
  line-height: 1.5;
6033
6364
  text-align: left;
6034
6365
  text-align: start;
@@ -6418,7 +6749,7 @@ textarea.form-control-lg {
6418
6749
  }
6419
6750
  }
6420
6751
  .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
6421
- --bs-offcanvas-zindex: 1045;
6752
+ --bs-offcanvas-zindex: 1055;
6422
6753
  --bs-offcanvas-width: 400px;
6423
6754
  --bs-offcanvas-height: 30vh;
6424
6755
  --bs-offcanvas-padding-x: var(--bs-ref-spacer-6);
@@ -6889,7 +7220,7 @@ textarea.form-control-lg {
6889
7220
  position: fixed;
6890
7221
  top: 0;
6891
7222
  left: 0;
6892
- z-index: 1040;
7223
+ z-index: 1050;
6893
7224
  width: 100vw;
6894
7225
  height: 100vh;
6895
7226
  background-color: var(--bs-black);
@@ -6974,7 +7305,7 @@ textarea.form-control-lg {
6974
7305
  --bs-badge-padding-x: var(--bs-ref-spacer-2);
6975
7306
  --bs-badge-padding-y: var(--bs-ref-spacer-1);
6976
7307
  --bs-badge-font-size: var(--bs-body-font-size);
6977
- --bs-badge-font-weight: 400;
7308
+ --bs-badge-font-weight: var(--bs-fw-normal);
6978
7309
  --bs-badge-color: var(--bs-gray-900);
6979
7310
  --bs-badge-border-radius: var(--bs-border-radius-sm);
6980
7311
  display: inline-block;
@@ -6997,13 +7328,64 @@ textarea.form-control-lg {
6997
7328
  top: -1px;
6998
7329
  }
6999
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
+
7000
7382
  body {
7001
7383
  -webkit-font-smoothing: antialiased;
7002
7384
  }
7003
7385
 
7004
7386
  .accordion {
7005
- --bs-accordion-btn-font-weight: var(--bs-ref-fw-bold);
7006
- --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);
7007
7389
  --bs-accordion-body-padding-top: var(--bs-ref-spacer-4);
7008
7390
  }
7009
7391
  .accordion .accordion-button {
@@ -7072,9 +7454,10 @@ body {
7072
7454
  .form-check-input:checked {
7073
7455
  border-color: var(--bs-focus-ring-color);
7074
7456
  }
7075
- .form-check-input:disabled {
7457
+ .form-check-input:disabled:not(:checked, :indeterminate) {
7076
7458
  background-color: var(--bs-gray-100);
7077
7459
  border-color: var(--bs-gray-300);
7460
+ opacity: 1;
7078
7461
  }
7079
7462
 
7080
7463
  .form-control {
@@ -7099,14 +7482,14 @@ body {
7099
7482
  color: var(--bs-form-text-color);
7100
7483
  }
7101
7484
 
7485
+ .input-group-text + .form-control {
7486
+ padding-left: 0;
7487
+ }
7488
+
7102
7489
  .input-group > .form-select,
7103
7490
  .input-group > .form-control {
7104
7491
  border: 0;
7105
7492
  }
7106
- .input-group > .form-select:not(:first-child),
7107
- .input-group > .form-control:not(:first-child) {
7108
- padding-left: 0;
7109
- }
7110
7493
  .input-group > .form-select:focus,
7111
7494
  .input-group > .form-control:focus {
7112
7495
  border: 0;
@@ -7118,7 +7501,7 @@ body {
7118
7501
  background-position: right 0 center;
7119
7502
  }
7120
7503
 
7121
- .input-group > .form-control:not(:last-child) {
7504
+ .form-control:has(~ .input-group-text) {
7122
7505
  padding-right: 0;
7123
7506
  }
7124
7507
 
@@ -7195,19 +7578,22 @@ body {
7195
7578
  .input-group button:disabled .d-icon {
7196
7579
  --bs-icon-color: var(--bs-input-disabled-color);
7197
7580
  }
7581
+ .input-group > .btn {
7582
+ --bs-btn-border-radius: var(--bs-input-border-radius);
7583
+ margin: -1px;
7584
+ }
7198
7585
 
7199
7586
  .btn {
7200
7587
  --bs-btn-padding-x: 2rem;
7201
7588
  --bs-btn-padding-y: 0.75rem;
7202
7589
  --bs-btn-font-family: ;
7203
7590
  --bs-btn-font-size: 1rem;
7204
- --bs-btn-font-weight: 400;
7591
+ --bs-btn-font-weight: var(--bs-fw-normal);
7205
7592
  --bs-btn-line-height: 1;
7206
7593
  --bs-btn-color: var(--bs-body-color);
7207
7594
  --bs-btn-bg: transparent;
7208
7595
  --bs-btn-border-width: var(--bs-border-width);
7209
7596
  --bs-btn-border-color: transparent;
7210
- --bs-btn-border-radius: var(--bs-btn-component-border-radius, var(--bs-border-radius-sm));
7211
7597
  --bs-btn-hover-border-color: transparent;
7212
7598
  --bs-btn-box-shadow: none;
7213
7599
  --bs-btn-disabled-opacity: 1;
@@ -7215,12 +7601,10 @@ body {
7215
7601
  --bs-btn–text-decoration: if($link-decoration == none, null, none);
7216
7602
  --bs-btn-lg-padding-y: 1rem;
7217
7603
  --bs-btn-lg-padding-x: 2rem;
7218
- --bs-btn-lg-font-size: 1.125rem;
7219
- --bs-btn-lg-border-radius: var(--bs-btn-component-lg-border-radius, var(--bs-border-radius));
7604
+ --bs-btn-lg-font-size: var(--bs-fs-6);
7220
7605
  --bs-btn-sm-padding-y: 0.5rem;
7221
7606
  --bs-btn-sm-padding-x: 1rem;
7222
- --bs-btn-sm-font-size: 0.875rem;
7223
- --bs-btn-sm-border-radius: var(--bs-btn-component-sm-border-radius, var(--bs-border-radius-sm));
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
- .Toastify__toast {
8249
- position: relative;
8250
- min-height: var(--toastify-toast-min-height);
8251
- box-sizing: border-box;
8252
- margin-bottom: 1rem;
8253
- 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);
8256
- display: flex;
8257
- justify-content: space-between;
8258
- max-height: var(--toastify-toast-max-height);
8259
- overflow: hidden;
8260
- font-family: var(--toastify-font-family);
8261
- cursor: default;
8262
- direction: ltr;
8263
- /* webkit only issue #791 */
8264
- z-index: 0;
8764
+ .Toastify__toast {
8765
+ --y: 0;
8766
+ position: relative;
8767
+ touch-action: none;
8768
+ min-height: var(--toastify-toast-min-height);
8769
+ box-sizing: border-box;
8770
+ margin-bottom: 1rem;
8771
+ padding: 8px;
8772
+ border-radius: var(--toastify-toast-bd-radius);
8773
+ box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
8774
+ display: flex;
8775
+ justify-content: space-between;
8776
+ max-height: var(--toastify-toast-max-height);
8777
+ font-family: var(--toastify-font-family);
8778
+ cursor: default;
8779
+ direction: ltr;
8780
+ /* webkit only issue #791 */
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 {
@@ -8856,17 +9447,19 @@ label .d-icon {
8856
9447
  --bs-quick-action-button-border-right: var(--bs-quick-action-button-component-border-right, var(--bs-quick-action-button-border));
8857
9448
  --bs-quick-action-button-border-bottom: var(--bs-quick-action-button-component-border-bottom, var(--bs-quick-action-button-border));
8858
9449
  --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);
9450
+ --bs-quick-action-button-line1-font-size: var(--bs-fs-6);
9451
+ --bs-quick-action-button-line1-font-weight: var(--bs-fw-bold);
8861
9452
  --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);
9453
+ --bs-quick-action-button-line2-font-size: var(--bs-fs-small);
9454
+ --bs-quick-action-button-line2-font-weight: var(--bs-fw-normal);
8864
9455
  --bs-quick-action-button-line2-color: var(--bs-gray-500);
8865
9456
  --bs-quick-action-button-representative-image-size: var(--bs-ref-spacer-9);
8866
9457
  --bs-quick-action-button-representative-image-border-radius: 0.5rem;
8867
9458
  --bs-quick-action-button-representative-icon-size: var(--bs-ref-spacer-6);
8868
9459
  --bs-quick-action-button-action-icon-color: var(--bs-gray-500);
8869
9460
  --bs-quick-action-button-action-icon-size: var(--bs-body-font-size);
9461
+ --bs-quick-action-button-action-link-padding-x: var(--bs-ref-spacer-3);
9462
+ --bs-quick-action-button-action-link-padding-y: var(--bs-ref-spacer-2);
8870
9463
  --bs-quick-action-button-hover-bg: var(--bs-gray-100);
8871
9464
  --bs-quick-action-button-hover-border-color: var(--bs-secondary-100);
8872
9465
  --bs-quick-action-button-hover-action-icon-color: var(--bs-secondary);
@@ -8919,6 +9512,11 @@ label .d-icon {
8919
9512
  flex-direction: column;
8920
9513
  flex-grow: 1;
8921
9514
  }
9515
+ .d-quick-action-button .d-quick-action-button-action-link,
9516
+ .d-quick-action-button .d-quick-action-button-secondary-action-link {
9517
+ --bs-btn-padding-x: var(--bs-quick-action-button-action-link-padding-x);
9518
+ --bs-btn-padding-y: var(--bs-quick-action-button-action-link-padding-y);
9519
+ }
8922
9520
  .d-quick-action-button .d-quick-action-button-line1 {
8923
9521
  font-size: var(--bs-quick-action-button-line1-font-size);
8924
9522
  font-weight: var(--bs-quick-action-button-line1-font-weight);
@@ -8943,17 +9541,19 @@ label .d-icon {
8943
9541
  --bs-quick-action-select-padding: var(--bs-ref-spacer-4);
8944
9542
  --bs-quick-action-select-bg: var(--bs-gray-100);
8945
9543
  --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);
9544
+ --bs-quick-action-select-line1-font-size: var(--bs-fs-small);
9545
+ --bs-quick-action-select-line1-font-weight: var(--bs-fw-normal);
8948
9546
  --bs-quick-action-select-line1-color: var(--bs-secondary);
8949
9547
  --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);
9548
+ --bs-quick-action-select-line2-font-weight: var(--bs-fw-bold);
8951
9549
  --bs-quick-action-select-line2-color: var(--bs-light-text-emphasis);
8952
9550
  --bs-quick-action-select-hover-bg: var(--bs-gray-200);
8953
9551
  --bs-quick-action-select-checked-bg: var(--bs-secondary);
8954
9552
  --bs-quick-action-select-checked-color: var(--bs-white);
8955
9553
  display: flex;
8956
9554
  flex-direction: column;
9555
+ gap: 0;
9556
+ align-items: flex-start;
8957
9557
  width: 100%;
8958
9558
  padding: var(--bs-quick-action-select-padding);
8959
9559
  text-align: left;
@@ -8991,13 +9591,13 @@ label .d-icon {
8991
9591
  --bs-quick-action-check-bg: var(--bs-white);
8992
9592
  --bs-quick-action-check-border-radius: var(--bs-border-radius-sm);
8993
9593
  --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);
9594
+ --bs-quick-action-check-line1-font-weight: var(--bs-fw-bold);
8995
9595
  --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);
9596
+ --bs-quick-action-check-line2-font-size: var(--bs-fs-small);
9597
+ --bs-quick-action-check-line2-font-weight: var(--bs-fw-normal);
8998
9598
  --bs-quick-action-check-line2-color: var(--bs-gray);
8999
9599
  --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);
9600
+ --bs-quick-action-check-line3-font-weight: var(--bs-fw-bold);
9001
9601
  --bs-quick-action-check-line3-color: var(--bs-gray);
9002
9602
  --bs-quick-action-check-hover-bg: var(--bs-gray-100);
9003
9603
  --bs-quick-action-check-checked-bg: var(--bs-white);
@@ -9053,10 +9653,10 @@ label .d-icon {
9053
9653
  --bs-quick-action-switch-border-radius: var(--bs-border-radius-sm);
9054
9654
  --bs-quick-action-switch-content-gap: var(--bs-ref-spacer-1);
9055
9655
  --bs-quick-action-switch-label-font-size: 1rem;
9056
- --bs-quick-action-switch-label-font-weight: var(--bs-ref-fw-bold);
9656
+ --bs-quick-action-switch-label-font-weight: var(--bs-fw-bold);
9057
9657
  --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);
9658
+ --bs-quick-action-switch-hint-font-size: var(--bs-fs-small);
9659
+ --bs-quick-action-switch-hint-font-weight: var(--bs-fw-normal);
9060
9660
  --bs-quick-action-switch-hint-color: var(--bs-gray-400);
9061
9661
  --bs-quick-action-switch-hover-bg: var(--bs-secondary-soft);
9062
9662
  --bs-quick-action-switch-checked-bg: var(--bs-white);
@@ -9090,10 +9690,10 @@ label .d-icon {
9090
9690
  flex-direction: row;
9091
9691
  gap: var(--bs-quick-action-switch-content-gap);
9092
9692
  }
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);
9693
+ .d-quick-action-switch label {
9694
+ --bs-label-font-size: var(--bs-quick-action-switch-label-font-size);
9695
+ --bs-label-font-weight: var(--bs-quick-action-switch-label-font-weight);
9696
+ --bs-label-color: var(--bs-quick-action-switch-label-color);
9097
9697
  }
9098
9698
  .d-quick-action-switch .d-quick-action-switch-hint {
9099
9699
  font-size: var(--bs-quick-action-switch-hint-font-size);
@@ -9111,8 +9711,8 @@ label .d-icon {
9111
9711
  --bs-chip-border-radius: 50rem;
9112
9712
  --bs-chip-padding-x: 0.5rem;
9113
9713
  --bs-chip-padding-y: 0.25rem;
9114
- --bs-chip-font-size: 0.875rem;
9115
- --bs-chip-font-weight: 700;
9714
+ --bs-chip-font-size: var(--bs-fs-small);
9715
+ --bs-chip-font-weight: var(--bs-fw-bold);
9116
9716
  --bs-chip-line-height: 1.5rem;
9117
9717
  display: inline-flex;
9118
9718
  flex-direction: row;
@@ -9262,8 +9862,8 @@ label .d-icon {
9262
9862
 
9263
9863
  .d-collapse-icon-text {
9264
9864
  --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);
9865
+ --bs-collapse-icon-text-header-font-size: var(--bs-fs-6);
9866
+ --bs-collapse-icon-text-header-font-weight: var(--bs-fw-bold);
9267
9867
  }
9268
9868
  .d-collapse-icon-text .d-collapse-icon-text-header {
9269
9869
  display: flex;
@@ -10080,10 +10680,10 @@ label .d-icon {
10080
10680
  --bs-datepicker-header-padding: var(--bs-ref-spacer-4) var(--bs-ref-spacer-6);
10081
10681
  --bs-datepicker-header-background-color: var(--bs-secondary-soft);
10082
10682
  --bs-datepicker-header-border: 0;
10083
- --bs-datepicker-header-font-size: var(--bs-ref-fs-6);
10683
+ --bs-datepicker-header-font-size: var(--bs-fs-6);
10084
10684
  --bs-datepicker-day-names-margin: 0;
10085
10685
  --bs-datepicker-day-names-font-size: var(--bs-ref-spacer-4);
10086
- --bs-datepicker-day-name-weight: var(--bs-ref-fw-bold);
10686
+ --bs-datepicker-day-name-weight: var(--bs-fw-bold);
10087
10687
  --bs-datepicker-day-name-margin: 0;
10088
10688
  --bs-datepicker-day-name-size: var(--bs-ref-spacer-4);
10089
10689
  --bs-datepicker-day-name-color: var(--bs-gray-500);
@@ -10093,7 +10693,7 @@ label .d-icon {
10093
10693
  --bs-datepicker-month-color: var(--bs-white);
10094
10694
  --bs-datepicker-week-gap: var(--bs-ref-spacer-2);
10095
10695
  --bs-datepicker-day-margin: 0;
10096
- --bs-datepicker-day-font-size: var(--bs-ref-fs-small);
10696
+ --bs-datepicker-day-font-size: var(--bs-fs-small);
10097
10697
  --bs-datepicker-day-size: var(--bs-ref-spacer-4);
10098
10698
  --bs-datepicker-day-padding: var(--bs-ref-spacer-4);
10099
10699
  --bs-datepicker-day-radius: 100%;
@@ -10104,7 +10704,7 @@ label .d-icon {
10104
10704
  --bs-datepicker-day-in-range-color: var(--bs-dark);
10105
10705
  --bs-datepicker-day-in-range-bg: var(--bs-secondary-100);
10106
10706
  --bs-datepicker-day-outside-month-color: var(--bs-gray-400);
10107
- --bs-datepicker-day-today-font-weight: var(--bs-ref-fw-normal);
10707
+ --bs-datepicker-day-today-font-weight: var(--bs-fw-normal);
10108
10708
  --bs-datepicker-day-today-box-shadow: 0 0 0 2px inset var(--bs-secondary);
10109
10709
  --bs-datepicker-time-container-margin: 0;
10110
10710
  --bs-datepicker-time-container-align: center;
@@ -10113,9 +10713,9 @@ label .d-icon {
10113
10713
  --bs-datepicker-time-input-align: center;
10114
10714
  --bs-datepicker-time-input-padding: var(--bs-ref-spacer-4);
10115
10715
  --bs-datepicker-time-input-gap: var(--bs-ref-spacer-2);
10116
- --bs-datepicker-time-input-label-weight: var(--bs-ref-fw-bold);
10716
+ --bs-datepicker-time-input-label-weight: var(--bs-fw-bold);
10117
10717
  --bs-datepicker-time-input-label-color: var(--bs-gray-700);
10118
- --bs-datepicker-time-input-label-size: var(--bs-ref-fs-small);
10718
+ --bs-datepicker-time-input-label-size: var(--bs-fs-small);
10119
10719
  font-family: var(--bs-datepicker-font-family);
10120
10720
  font-size: var(--bs-datepicker-font-size);
10121
10721
  border: var(--bs-datepicker-border);
@@ -10266,7 +10866,7 @@ label .d-icon {
10266
10866
  color: var(--bs-datepicker-time-input-label-color);
10267
10867
  }
10268
10868
  .react-datepicker .d-datepicker-header {
10269
- font-size: var(--bs-ref-fs-6);
10869
+ font-size: var(--bs-fs-6);
10270
10870
  }
10271
10871
 
10272
10872
  .d-datepicker-time {
@@ -10302,7 +10902,7 @@ label .d-icon {
10302
10902
 
10303
10903
  .react-datepicker.d-month-picker {
10304
10904
  --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);
10905
+ --bs-monthpicker-font-weight: var(--bs-fw-normal);
10306
10906
  --bs-monthpicker-header-color: var(--bs-white);
10307
10907
  --bs-monthpicker-header-bg: var(--bs-dark);
10308
10908
  --bs-monthpicker-month-gap: 0;
@@ -10314,13 +10914,13 @@ label .d-icon {
10314
10914
  --bs-monthpicker-month-selected-box-shadow: 0 0 0 1px inset var(--bs-gray-100);
10315
10915
  --bs-monthpicker-month-hover-bg: var(--bs-gray-700);
10316
10916
  --bs-monthpicker-month-wrapper-gap: var(--bs-ref-spacer-2);
10317
- --bs-monthpicker-month-wrapper-font-size: var(--bs-ref-fs-small);
10917
+ --bs-monthpicker-month-wrapper-font-size: var(--bs-fs-small);
10318
10918
  --bs-monthpicker-single-month-width: 46px;
10319
10919
  --bs-monthpicker-single-month-padding: var(--bs-ref-spacer-2);
10320
10920
  --bs-monthpicker-single-month-margin: 0;
10321
10921
  --bs-monthpicker-single-month-text-transform: capitalize;
10322
10922
  --bs-monthpicker-single-month-radius: var(--bs-ref-spacer-6);
10323
- --bs-monthpicker-single-month-line-height: var(--bs-ref-fs-6);
10923
+ --bs-monthpicker-single-month-line-height: var(--bs-fs-6);
10324
10924
  --bs-monthpicker-single-month-after-display: inline;
10325
10925
  --bs-monthpicker-single-month-after-content: ".";
10326
10926
  --bs-datepicker-triangle-color: var(--bs-dark);
@@ -10337,7 +10937,7 @@ label .d-icon {
10337
10937
  .react-datepicker.d-month-picker .react-datepicker__header .btn-sm, .react-datepicker.d-month-picker .react-datepicker__header .btn-group-sm > .btn {
10338
10938
  --bs-btn-padding-x: 0;
10339
10939
  --bs-btn-padding-y: 0;
10340
- --bs-btn-font-size: var(--bs-ref-fs-5);
10940
+ --bs-btn-font-size: var(--bs-fs-5);
10341
10941
  }
10342
10942
  .react-datepicker.d-month-picker .react-datepicker__month.react-datepicker__monthPicker,
10343
10943
  .react-datepicker.d-month-picker .react-datepicker__header.react-datepicker-year-header {
@@ -10397,7 +10997,7 @@ label .d-icon {
10397
10997
  }
10398
10998
 
10399
10999
  .nav-tabs {
10400
- --bs-tabs-link-border-active-font-weight: var(--bs-ref-fw-bold);
11000
+ --bs-tabs-link-border-active-font-weight: var(--bs-fw-bold);
10401
11001
  }
10402
11002
  .nav-tabs .nav-link.active {
10403
11003
  font-weight: var(--bs-tabs-link-border-active-font-weight);
@@ -11028,12 +11628,12 @@ label .d-icon {
11028
11628
  --bs-step-progress-inner-background-color: var(--bs-white);
11029
11629
  /* Current step */
11030
11630
  --bs-step-current-step-z-index: 3;
11031
- --bs-step-current-step-font-weight: var(--bs-ref-fw-bold);
11631
+ --bs-step-current-step-font-weight: var(--bs-fw-bold);
11032
11632
  --bs-step-current-step-color: var(--bs-gray-700);
11033
11633
  /* Info circle */
11034
11634
  --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);
11635
+ --bs-step-info-label-font-size: var(--bs-fs-6);
11636
+ --bs-step-info-description-font-size: var(--bs-fs-small);
11037
11637
  --bs-step-info-description-color: var(--bs-gray-500);
11038
11638
  display: flex;
11039
11639
  gap: var(--bs-step-container-gap);
@@ -11091,62 +11691,6 @@ label .d-icon {
11091
11691
  gap: var(--bs-card-body-gap);
11092
11692
  }
11093
11693
 
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
11694
  .d-select {
11151
11695
  --bs-select-gap: 0.5rem;
11152
11696
  --bs-select-menu-shadow: 0 8px 12px 0 rgba(22, 23, 35, 0.05);
@@ -11154,7 +11698,7 @@ label .d-icon {
11154
11698
  --bs-select-option-selected-color: var(--bs-secondary);
11155
11699
  --bs-select-option-selected-bg: var(--bs-gray-100);
11156
11700
  --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);
11701
+ --bs-select-option-is-checkbox-font-weight: var(--bs-fw-normal);
11158
11702
  --bs-select-option-is-checkbox-color: var(--bs-gray-900);
11159
11703
  --bs-select-option-has-icon-icon-size: var(--bs-ref-spacer-4);
11160
11704
  --bs-select-multi-value-padding-x: var(--bs-select-gap);
@@ -11206,7 +11750,7 @@ label .d-icon {
11206
11750
  width: 100%;
11207
11751
  padding: 0.75rem 1rem;
11208
11752
  1rem: 1rem;
11209
- font-weight: 400;
11753
+ font-weight: var(--bs-fw-normal);
11210
11754
  line-height: 1.5;
11211
11755
  color: var(--bs-gray);
11212
11756
  -webkit-appearance: none;
@@ -11729,6 +12273,15 @@ label .d-icon {
11729
12273
  background-color: var(--bs-black);
11730
12274
  }
11731
12275
 
12276
+ [class*=text-truncate-] {
12277
+ display: -webkit-box;
12278
+ -webkit-line-clamp: var(--bs-text-truncate);
12279
+ -webkit-box-orient: vertical;
12280
+ overflow: hidden;
12281
+ text-overflow: ellipsis;
12282
+ white-space: normal;
12283
+ }
12284
+
11732
12285
  .align-baseline {
11733
12286
  vertical-align: baseline !important;
11734
12287
  }
@@ -13608,27 +14161,27 @@ label .d-icon {
13608
14161
  }
13609
14162
 
13610
14163
  .fs-1 {
13611
- font-size: calc(1.525rem + 3.3vw) !important;
14164
+ font-size: var(--bs-fs-1) !important;
13612
14165
  }
13613
14166
 
13614
14167
  .fs-2 {
13615
- font-size: calc(1.475rem + 2.7vw) !important;
14168
+ font-size: var(--bs-fs-2) !important;
13616
14169
  }
13617
14170
 
13618
14171
  .fs-3 {
13619
- font-size: calc(1.425rem + 2.1vw) !important;
14172
+ font-size: var(--bs-fs-3) !important;
13620
14173
  }
13621
14174
 
13622
14175
  .fs-4 {
13623
- font-size: calc(1.325rem + 0.9vw) !important;
14176
+ font-size: var(--bs-fs-4) !important;
13624
14177
  }
13625
14178
 
13626
14179
  .fs-5 {
13627
- font-size: calc(1.275rem + 0.3vw) !important;
14180
+ font-size: var(--bs-fs-5) !important;
13628
14181
  }
13629
14182
 
13630
14183
  .fs-6 {
13631
- font-size: 1.125rem !important;
14184
+ font-size: var(--bs-fs-6) !important;
13632
14185
  }
13633
14186
 
13634
14187
  .fst-italic {
@@ -13640,15 +14193,15 @@ label .d-icon {
13640
14193
  }
13641
14194
 
13642
14195
  .fw-lighter {
13643
- font-weight: lighter !important;
14196
+ font-weight: var(--bs-fw-lighter) !important;
13644
14197
  }
13645
14198
 
13646
14199
  .fw-light {
13647
- font-weight: 200 !important;
14200
+ font-weight: var(--bs-fw-light) !important;
13648
14201
  }
13649
14202
 
13650
14203
  .fw-normal {
13651
- font-weight: 400 !important;
14204
+ font-weight: var(--bs-fw-normal) !important;
13652
14205
  }
13653
14206
 
13654
14207
  .fw-medium {
@@ -13656,15 +14209,15 @@ label .d-icon {
13656
14209
  }
13657
14210
 
13658
14211
  .fw-semibold {
13659
- font-weight: 600 !important;
14212
+ font-weight: var(--bs-fw-semibold) !important;
13660
14213
  }
13661
14214
 
13662
14215
  .fw-bold {
13663
- font-weight: 700 !important;
14216
+ font-weight: var(--bs-fw-bold) !important;
13664
14217
  }
13665
14218
 
13666
14219
  .fw-bolder {
13667
- font-weight: 800 !important;
14220
+ font-weight: var(--bs-fw-bolder) !important;
13668
14221
  }
13669
14222
 
13670
14223
  .lh-1 {
@@ -15103,6 +15656,30 @@ label .d-icon {
15103
15656
  --bs-overlay: 1;
15104
15657
  }
15105
15658
 
15659
+ .text-truncate-1 {
15660
+ --bs-text-truncate: 1;
15661
+ }
15662
+
15663
+ .text-truncate-2 {
15664
+ --bs-text-truncate: 2;
15665
+ }
15666
+
15667
+ .text-truncate-3 {
15668
+ --bs-text-truncate: 3;
15669
+ }
15670
+
15671
+ .text-truncate-4 {
15672
+ --bs-text-truncate: 4;
15673
+ }
15674
+
15675
+ .text-truncate-5 {
15676
+ --bs-text-truncate: 6;
15677
+ }
15678
+
15679
+ .text-truncate-6 {
15680
+ --bs-text-truncate: 6;
15681
+ }
15682
+
15106
15683
  .cursor-auto {
15107
15684
  cursor: auto !important;
15108
15685
  }
@@ -15231,6 +15808,30 @@ label .d-icon {
15231
15808
  cursor: nwse-resize !important;
15232
15809
  }
15233
15810
 
15811
+ .display-1 {
15812
+ --bs-display-font-size: var(--bs-fs-display-1);
15813
+ }
15814
+
15815
+ .display-2 {
15816
+ --bs-display-font-size: var(--bs-fs-display-2);
15817
+ }
15818
+
15819
+ .display-3 {
15820
+ --bs-display-font-size: var(--bs-fs-display-3);
15821
+ }
15822
+
15823
+ .display-4 {
15824
+ --bs-display-font-size: var(--bs-fs-display-4);
15825
+ }
15826
+
15827
+ .display-5 {
15828
+ --bs-display-font-size: var(--bs-fs-display-5);
15829
+ }
15830
+
15831
+ .display-6 {
15832
+ --bs-display-font-size: var(--bs-fs-display-6);
15833
+ }
15834
+
15234
15835
  @media (min-width: 576px) {
15235
15836
  .float-sm-start {
15236
15837
  float: left !important;
@@ -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 {
@@ -17351,6 +18027,45 @@ label .d-icon {
17351
18027
  -moz-column-gap: 3.5rem !important;
17352
18028
  column-gap: 3.5rem !important;
17353
18029
  }
18030
+ .fs-md-1 {
18031
+ font-size: var(--bs-fs-1) !important;
18032
+ }
18033
+ .fs-md-2 {
18034
+ font-size: var(--bs-fs-2) !important;
18035
+ }
18036
+ .fs-md-3 {
18037
+ font-size: var(--bs-fs-3) !important;
18038
+ }
18039
+ .fs-md-4 {
18040
+ font-size: var(--bs-fs-4) !important;
18041
+ }
18042
+ .fs-md-5 {
18043
+ font-size: var(--bs-fs-5) !important;
18044
+ }
18045
+ .fs-md-6 {
18046
+ font-size: var(--bs-fs-6) !important;
18047
+ }
18048
+ .fw-md-lighter {
18049
+ font-weight: var(--bs-fw-lighter) !important;
18050
+ }
18051
+ .fw-md-light {
18052
+ font-weight: var(--bs-fw-light) !important;
18053
+ }
18054
+ .fw-md-normal {
18055
+ font-weight: var(--bs-fw-normal) !important;
18056
+ }
18057
+ .fw-md-medium {
18058
+ font-weight: 500 !important;
18059
+ }
18060
+ .fw-md-semibold {
18061
+ font-weight: var(--bs-fw-semibold) !important;
18062
+ }
18063
+ .fw-md-bold {
18064
+ font-weight: var(--bs-fw-bold) !important;
18065
+ }
18066
+ .fw-md-bolder {
18067
+ font-weight: var(--bs-fw-bolder) !important;
18068
+ }
17354
18069
  .text-md-start {
17355
18070
  text-align: left !important;
17356
18071
  }
@@ -17360,6 +18075,42 @@ label .d-icon {
17360
18075
  .text-md-center {
17361
18076
  text-align: center !important;
17362
18077
  }
18078
+ .text-truncate-md-1 {
18079
+ --bs-text-truncate: 1;
18080
+ }
18081
+ .text-truncate-md-2 {
18082
+ --bs-text-truncate: 2;
18083
+ }
18084
+ .text-truncate-md-3 {
18085
+ --bs-text-truncate: 3;
18086
+ }
18087
+ .text-truncate-md-4 {
18088
+ --bs-text-truncate: 4;
18089
+ }
18090
+ .text-truncate-md-5 {
18091
+ --bs-text-truncate: 6;
18092
+ }
18093
+ .text-truncate-md-6 {
18094
+ --bs-text-truncate: 6;
18095
+ }
18096
+ .display-md-1 {
18097
+ --bs-display-font-size: var(--bs-fs-display-1);
18098
+ }
18099
+ .display-md-2 {
18100
+ --bs-display-font-size: var(--bs-fs-display-2);
18101
+ }
18102
+ .display-md-3 {
18103
+ --bs-display-font-size: var(--bs-fs-display-3);
18104
+ }
18105
+ .display-md-4 {
18106
+ --bs-display-font-size: var(--bs-fs-display-4);
18107
+ }
18108
+ .display-md-5 {
18109
+ --bs-display-font-size: var(--bs-fs-display-5);
18110
+ }
18111
+ .display-md-6 {
18112
+ --bs-display-font-size: var(--bs-fs-display-6);
18113
+ }
17363
18114
  }
17364
18115
  @media (min-width: 992px) {
17365
18116
  .float-lg-start {
@@ -18416,6 +19167,45 @@ label .d-icon {
18416
19167
  -moz-column-gap: 3.5rem !important;
18417
19168
  column-gap: 3.5rem !important;
18418
19169
  }
19170
+ .fs-lg-1 {
19171
+ font-size: var(--bs-fs-1) !important;
19172
+ }
19173
+ .fs-lg-2 {
19174
+ font-size: var(--bs-fs-2) !important;
19175
+ }
19176
+ .fs-lg-3 {
19177
+ font-size: var(--bs-fs-3) !important;
19178
+ }
19179
+ .fs-lg-4 {
19180
+ font-size: var(--bs-fs-4) !important;
19181
+ }
19182
+ .fs-lg-5 {
19183
+ font-size: var(--bs-fs-5) !important;
19184
+ }
19185
+ .fs-lg-6 {
19186
+ font-size: var(--bs-fs-6) !important;
19187
+ }
19188
+ .fw-lg-lighter {
19189
+ font-weight: var(--bs-fw-lighter) !important;
19190
+ }
19191
+ .fw-lg-light {
19192
+ font-weight: var(--bs-fw-light) !important;
19193
+ }
19194
+ .fw-lg-normal {
19195
+ font-weight: var(--bs-fw-normal) !important;
19196
+ }
19197
+ .fw-lg-medium {
19198
+ font-weight: 500 !important;
19199
+ }
19200
+ .fw-lg-semibold {
19201
+ font-weight: var(--bs-fw-semibold) !important;
19202
+ }
19203
+ .fw-lg-bold {
19204
+ font-weight: var(--bs-fw-bold) !important;
19205
+ }
19206
+ .fw-lg-bolder {
19207
+ font-weight: var(--bs-fw-bolder) !important;
19208
+ }
18419
19209
  .text-lg-start {
18420
19210
  text-align: left !important;
18421
19211
  }
@@ -18425,6 +19215,42 @@ label .d-icon {
18425
19215
  .text-lg-center {
18426
19216
  text-align: center !important;
18427
19217
  }
19218
+ .text-truncate-lg-1 {
19219
+ --bs-text-truncate: 1;
19220
+ }
19221
+ .text-truncate-lg-2 {
19222
+ --bs-text-truncate: 2;
19223
+ }
19224
+ .text-truncate-lg-3 {
19225
+ --bs-text-truncate: 3;
19226
+ }
19227
+ .text-truncate-lg-4 {
19228
+ --bs-text-truncate: 4;
19229
+ }
19230
+ .text-truncate-lg-5 {
19231
+ --bs-text-truncate: 6;
19232
+ }
19233
+ .text-truncate-lg-6 {
19234
+ --bs-text-truncate: 6;
19235
+ }
19236
+ .display-lg-1 {
19237
+ --bs-display-font-size: var(--bs-fs-display-1);
19238
+ }
19239
+ .display-lg-2 {
19240
+ --bs-display-font-size: var(--bs-fs-display-2);
19241
+ }
19242
+ .display-lg-3 {
19243
+ --bs-display-font-size: var(--bs-fs-display-3);
19244
+ }
19245
+ .display-lg-4 {
19246
+ --bs-display-font-size: var(--bs-fs-display-4);
19247
+ }
19248
+ .display-lg-5 {
19249
+ --bs-display-font-size: var(--bs-fs-display-5);
19250
+ }
19251
+ .display-lg-6 {
19252
+ --bs-display-font-size: var(--bs-fs-display-6);
19253
+ }
18428
19254
  }
18429
19255
  @media (min-width: 1200px) {
18430
19256
  .float-xl-start {
@@ -19481,6 +20307,45 @@ label .d-icon {
19481
20307
  -moz-column-gap: 3.5rem !important;
19482
20308
  column-gap: 3.5rem !important;
19483
20309
  }
20310
+ .fs-xl-1 {
20311
+ font-size: var(--bs-fs-1) !important;
20312
+ }
20313
+ .fs-xl-2 {
20314
+ font-size: var(--bs-fs-2) !important;
20315
+ }
20316
+ .fs-xl-3 {
20317
+ font-size: var(--bs-fs-3) !important;
20318
+ }
20319
+ .fs-xl-4 {
20320
+ font-size: var(--bs-fs-4) !important;
20321
+ }
20322
+ .fs-xl-5 {
20323
+ font-size: var(--bs-fs-5) !important;
20324
+ }
20325
+ .fs-xl-6 {
20326
+ font-size: var(--bs-fs-6) !important;
20327
+ }
20328
+ .fw-xl-lighter {
20329
+ font-weight: var(--bs-fw-lighter) !important;
20330
+ }
20331
+ .fw-xl-light {
20332
+ font-weight: var(--bs-fw-light) !important;
20333
+ }
20334
+ .fw-xl-normal {
20335
+ font-weight: var(--bs-fw-normal) !important;
20336
+ }
20337
+ .fw-xl-medium {
20338
+ font-weight: 500 !important;
20339
+ }
20340
+ .fw-xl-semibold {
20341
+ font-weight: var(--bs-fw-semibold) !important;
20342
+ }
20343
+ .fw-xl-bold {
20344
+ font-weight: var(--bs-fw-bold) !important;
20345
+ }
20346
+ .fw-xl-bolder {
20347
+ font-weight: var(--bs-fw-bolder) !important;
20348
+ }
19484
20349
  .text-xl-start {
19485
20350
  text-align: left !important;
19486
20351
  }
@@ -19490,6 +20355,42 @@ label .d-icon {
19490
20355
  .text-xl-center {
19491
20356
  text-align: center !important;
19492
20357
  }
20358
+ .text-truncate-xl-1 {
20359
+ --bs-text-truncate: 1;
20360
+ }
20361
+ .text-truncate-xl-2 {
20362
+ --bs-text-truncate: 2;
20363
+ }
20364
+ .text-truncate-xl-3 {
20365
+ --bs-text-truncate: 3;
20366
+ }
20367
+ .text-truncate-xl-4 {
20368
+ --bs-text-truncate: 4;
20369
+ }
20370
+ .text-truncate-xl-5 {
20371
+ --bs-text-truncate: 6;
20372
+ }
20373
+ .text-truncate-xl-6 {
20374
+ --bs-text-truncate: 6;
20375
+ }
20376
+ .display-xl-1 {
20377
+ --bs-display-font-size: var(--bs-fs-display-1);
20378
+ }
20379
+ .display-xl-2 {
20380
+ --bs-display-font-size: var(--bs-fs-display-2);
20381
+ }
20382
+ .display-xl-3 {
20383
+ --bs-display-font-size: var(--bs-fs-display-3);
20384
+ }
20385
+ .display-xl-4 {
20386
+ --bs-display-font-size: var(--bs-fs-display-4);
20387
+ }
20388
+ .display-xl-5 {
20389
+ --bs-display-font-size: var(--bs-fs-display-5);
20390
+ }
20391
+ .display-xl-6 {
20392
+ --bs-display-font-size: var(--bs-fs-display-6);
20393
+ }
19493
20394
  }
19494
20395
  @media (min-width: 1400px) {
19495
20396
  .float-xxl-start {
@@ -20546,6 +21447,45 @@ label .d-icon {
20546
21447
  -moz-column-gap: 3.5rem !important;
20547
21448
  column-gap: 3.5rem !important;
20548
21449
  }
21450
+ .fs-xxl-1 {
21451
+ font-size: var(--bs-fs-1) !important;
21452
+ }
21453
+ .fs-xxl-2 {
21454
+ font-size: var(--bs-fs-2) !important;
21455
+ }
21456
+ .fs-xxl-3 {
21457
+ font-size: var(--bs-fs-3) !important;
21458
+ }
21459
+ .fs-xxl-4 {
21460
+ font-size: var(--bs-fs-4) !important;
21461
+ }
21462
+ .fs-xxl-5 {
21463
+ font-size: var(--bs-fs-5) !important;
21464
+ }
21465
+ .fs-xxl-6 {
21466
+ font-size: var(--bs-fs-6) !important;
21467
+ }
21468
+ .fw-xxl-lighter {
21469
+ font-weight: var(--bs-fw-lighter) !important;
21470
+ }
21471
+ .fw-xxl-light {
21472
+ font-weight: var(--bs-fw-light) !important;
21473
+ }
21474
+ .fw-xxl-normal {
21475
+ font-weight: var(--bs-fw-normal) !important;
21476
+ }
21477
+ .fw-xxl-medium {
21478
+ font-weight: 500 !important;
21479
+ }
21480
+ .fw-xxl-semibold {
21481
+ font-weight: var(--bs-fw-semibold) !important;
21482
+ }
21483
+ .fw-xxl-bold {
21484
+ font-weight: var(--bs-fw-bold) !important;
21485
+ }
21486
+ .fw-xxl-bolder {
21487
+ font-weight: var(--bs-fw-bolder) !important;
21488
+ }
20549
21489
  .text-xxl-start {
20550
21490
  text-align: left !important;
20551
21491
  }
@@ -20555,22 +21495,41 @@ label .d-icon {
20555
21495
  .text-xxl-center {
20556
21496
  text-align: center !important;
20557
21497
  }
20558
- }
20559
- @media (min-width: 1200px) {
20560
- .fs-1 {
20561
- font-size: 4rem !important;
21498
+ .text-truncate-xxl-1 {
21499
+ --bs-text-truncate: 1;
21500
+ }
21501
+ .text-truncate-xxl-2 {
21502
+ --bs-text-truncate: 2;
21503
+ }
21504
+ .text-truncate-xxl-3 {
21505
+ --bs-text-truncate: 3;
21506
+ }
21507
+ .text-truncate-xxl-4 {
21508
+ --bs-text-truncate: 4;
21509
+ }
21510
+ .text-truncate-xxl-5 {
21511
+ --bs-text-truncate: 6;
21512
+ }
21513
+ .text-truncate-xxl-6 {
21514
+ --bs-text-truncate: 6;
21515
+ }
21516
+ .display-xxl-1 {
21517
+ --bs-display-font-size: var(--bs-fs-display-1);
21518
+ }
21519
+ .display-xxl-2 {
21520
+ --bs-display-font-size: var(--bs-fs-display-2);
20562
21521
  }
20563
- .fs-2 {
20564
- font-size: 3.5rem !important;
21522
+ .display-xxl-3 {
21523
+ --bs-display-font-size: var(--bs-fs-display-3);
20565
21524
  }
20566
- .fs-3 {
20567
- font-size: 3rem !important;
21525
+ .display-xxl-4 {
21526
+ --bs-display-font-size: var(--bs-fs-display-4);
20568
21527
  }
20569
- .fs-4 {
20570
- font-size: 2rem !important;
21528
+ .display-xxl-5 {
21529
+ --bs-display-font-size: var(--bs-fs-display-5);
20571
21530
  }
20572
- .fs-5 {
20573
- font-size: 1.5rem !important;
21531
+ .display-xxl-6 {
21532
+ --bs-display-font-size: var(--bs-fs-display-6);
20574
21533
  }
20575
21534
  }
20576
21535
  @media print {