@dynamic-framework/ui-react 1.25.0 → 1.27.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 (66) hide show
  1. package/dist/css/dynamic-ui-non-root.css +313 -934
  2. package/dist/css/dynamic-ui-non-root.min.css +2 -2
  3. package/dist/css/dynamic-ui-root.css +228 -152
  4. package/dist/css/dynamic-ui-root.min.css +2 -2
  5. package/dist/css/dynamic-ui.css +540 -1085
  6. package/dist/css/dynamic-ui.min.css +2 -2
  7. package/dist/index.esm.js +230 -63
  8. package/dist/index.esm.js.map +1 -1
  9. package/dist/index.js +230 -59
  10. package/dist/index.js.map +1 -1
  11. package/dist/types/components/DButtonIcon/DButtonIcon.d.ts +19 -0
  12. package/dist/types/components/DButtonIcon/index.d.ts +2 -0
  13. package/dist/types/components/DInput/DInput.d.ts +3 -2
  14. package/dist/types/components/DInputCheck/DInputCheck.d.ts +4 -2
  15. package/dist/types/components/DInputCounter/DInputCounter.d.ts +2 -1
  16. package/dist/types/components/DInputCurrency/DInputCurrency.d.ts +2 -1
  17. package/dist/types/components/DInputCurrencyBase/DInputCurrencyBase.d.ts +2 -1
  18. package/dist/types/components/DInputMask/DInputMask.d.ts +2 -1
  19. package/dist/types/components/DInputPin/DInputPin.d.ts +2 -2
  20. package/dist/types/components/DInputRange/DInputRange.d.ts +8 -0
  21. package/dist/types/components/DInputRange/index.d.ts +2 -0
  22. package/dist/types/components/DInputSearch/DInputSearch.d.ts +2 -1
  23. package/dist/types/components/DInputSelect/DInputSelect.d.ts +6 -3
  24. package/dist/types/components/DInputSwitch/DInputSwitch.d.ts +4 -2
  25. package/dist/types/components/DQuickActionCheck/DQuickActionCheck.d.ts +2 -2
  26. package/dist/types/components/DQuickActionSelect/DQuickActionSelect.d.ts +2 -2
  27. package/dist/types/components/DQuickActionSwitch/DQuickActionSwitch.d.ts +2 -2
  28. package/dist/types/components/DSelect/DSelect.d.ts +3 -3
  29. package/dist/types/components/DStepper/DStepper.d.ts +2 -1
  30. package/dist/types/components/DStepperDesktop/DStepperDesktop.d.ts +2 -1
  31. package/dist/types/components/DTableHead/DTableHead.d.ts +9 -0
  32. package/dist/types/components/DTableHead/index.d.ts +2 -0
  33. package/dist/types/components/DTabs/DTabs.d.ts +2 -1
  34. package/dist/types/components/DToast/DToast.d.ts +11 -0
  35. package/dist/types/components/DToast/components/DToastBody.d.ts +5 -0
  36. package/dist/types/components/DToast/components/DToastHeader.d.ts +5 -0
  37. package/dist/types/components/DToast/index.d.ts +4 -0
  38. package/dist/types/components/DToastContainer/DToastContainer.d.ts +2 -14
  39. package/dist/types/components/DToastContainer/useDToast.d.ts +11 -12
  40. package/dist/types/components/index.d.ts +4 -0
  41. package/dist/types/contexts/DContext.d.ts +1 -1
  42. package/dist/types/hooks/useFormatCurrency.d.ts +2 -1
  43. package/package.json +4 -5
  44. package/src/style/abstracts/_mixins.scss +41 -21
  45. package/src/style/abstracts/variables/_+import.scss +12 -3
  46. package/src/style/abstracts/variables/_border.scss +1 -1
  47. package/src/style/abstracts/variables/_buttons.scss +3 -5
  48. package/src/style/abstracts/variables/_colors.scss +10 -10
  49. package/src/style/abstracts/variables/_forms.scss +28 -50
  50. package/src/style/abstracts/variables/_quick-action-switch.scss +0 -2
  51. package/src/style/base/_+import.scss +1 -0
  52. package/src/style/base/_alert.scss +1 -1
  53. package/src/style/base/_buttons.scss +41 -16
  54. package/src/style/base/_form-check.scss +2 -19
  55. package/src/style/base/_form-range.scss +52 -0
  56. package/src/style/base/_form-switch.scss +4 -53
  57. package/src/style/base/_input-group.scss +1 -1
  58. package/src/style/components/_+import.scss +3 -2
  59. package/src/style/components/_d-button-icon.scss +26 -0
  60. package/src/style/components/_d-close.scss +11 -0
  61. package/src/style/components/_d-modal.scss +0 -11
  62. package/src/style/components/_d-offcanvas.scss +0 -11
  63. package/src/style/components/_d-quick-action-switch.scss +0 -7
  64. package/src/style/components/_d-select.scss +2 -0
  65. package/src/style/components/_d-table-head.scss +18 -0
  66. package/src/style/root/_root.scss +42 -36
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * dynamic-framework 1.25.0
2
+ * dynamic-framework 1.27.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
  */
@@ -37,7 +37,7 @@ hr {
37
37
  margin: var(--bs-ref-spacer-4) 0;
38
38
  color: inherit;
39
39
  border: 0;
40
- border-top: var(--bs-border-width) solid var(--bs-gray-200);
40
+ border-top: var(--bs-border-width) solid var(--bs-gray-300);
41
41
  opacity: 1;
42
42
  }
43
43
 
@@ -2084,57 +2084,57 @@ progress {
2084
2084
  }
2085
2085
 
2086
2086
  .table-primary {
2087
- --bs-table-color: var(--bs-black);
2087
+ --bs-table-color: var(--bs-gray-700);
2088
2088
  --bs-table-bg: color-mix(in srgb, var(--bs-primary-100), var(--bs-white) 0%);
2089
2089
  --bs-table-border-color: color-mix(in srgb, var(--bs-primary-100), var(--bs-white) 20%);
2090
2090
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-primary-100), var(--bs-white) 10%);
2091
- --bs-table-striped-color: var(--bs-black);
2091
+ --bs-table-striped-color: var(--bs-gray-700);
2092
2092
  --bs-table-active-bg: color-mix(in srgb, var(--bs-primary-100), var(--bs-white) 20%);
2093
- --bs-table-active-color: var(--bs-black);
2093
+ --bs-table-active-color: var(--bs-gray-700);
2094
2094
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-primary-100), var(--bs-white) 15%);
2095
- --bs-table-hover-color: var(--bs-black);
2095
+ --bs-table-hover-color: var(--bs-gray-700);
2096
2096
  color: var(--bs-table-color);
2097
2097
  border-color: var(--bs-table-border-color);
2098
2098
  }
2099
2099
 
2100
2100
  .table-secondary {
2101
- --bs-table-color: var(--bs-black);
2101
+ --bs-table-color: var(--bs-gray-700);
2102
2102
  --bs-table-bg: color-mix(in srgb, var(--bs-secondary-100), var(--bs-white) 0%);
2103
2103
  --bs-table-border-color: color-mix(in srgb, var(--bs-secondary-100), var(--bs-white) 20%);
2104
2104
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-secondary-100), var(--bs-white) 10%);
2105
- --bs-table-striped-color: var(--bs-black);
2105
+ --bs-table-striped-color: var(--bs-gray-700);
2106
2106
  --bs-table-active-bg: color-mix(in srgb, var(--bs-secondary-100), var(--bs-white) 20%);
2107
- --bs-table-active-color: var(--bs-black);
2107
+ --bs-table-active-color: var(--bs-gray-700);
2108
2108
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-secondary-100), var(--bs-white) 15%);
2109
- --bs-table-hover-color: var(--bs-black);
2109
+ --bs-table-hover-color: var(--bs-gray-700);
2110
2110
  color: var(--bs-table-color);
2111
2111
  border-color: var(--bs-table-border-color);
2112
2112
  }
2113
2113
 
2114
2114
  .table-success {
2115
- --bs-table-color: var(--bs-black);
2115
+ --bs-table-color: var(--bs-gray-700);
2116
2116
  --bs-table-bg: color-mix(in srgb, var(--bs-success-100), var(--bs-white) 0%);
2117
2117
  --bs-table-border-color: color-mix(in srgb, var(--bs-success-100), var(--bs-white) 20%);
2118
2118
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-success-100), var(--bs-white) 10%);
2119
- --bs-table-striped-color: var(--bs-black);
2119
+ --bs-table-striped-color: var(--bs-gray-700);
2120
2120
  --bs-table-active-bg: color-mix(in srgb, var(--bs-success-100), var(--bs-white) 20%);
2121
- --bs-table-active-color: var(--bs-black);
2121
+ --bs-table-active-color: var(--bs-gray-700);
2122
2122
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-success-100), var(--bs-white) 15%);
2123
- --bs-table-hover-color: var(--bs-black);
2123
+ --bs-table-hover-color: var(--bs-gray-700);
2124
2124
  color: var(--bs-table-color);
2125
2125
  border-color: var(--bs-table-border-color);
2126
2126
  }
2127
2127
 
2128
2128
  .table-info {
2129
- --bs-table-color: var(--bs-black);
2129
+ --bs-table-color: var(--bs-gray-700);
2130
2130
  --bs-table-bg: color-mix(in srgb, var(--bs-info-100), var(--bs-white) 0%);
2131
2131
  --bs-table-border-color: color-mix(in srgb, var(--bs-info-100), var(--bs-white) 20%);
2132
2132
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-info-100), var(--bs-white) 10%);
2133
- --bs-table-striped-color: var(--bs-black);
2133
+ --bs-table-striped-color: var(--bs-gray-700);
2134
2134
  --bs-table-active-bg: color-mix(in srgb, var(--bs-info-100), var(--bs-white) 20%);
2135
- --bs-table-active-color: var(--bs-black);
2135
+ --bs-table-active-color: var(--bs-gray-700);
2136
2136
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-info-100), var(--bs-white) 15%);
2137
- --bs-table-hover-color: var(--bs-black);
2137
+ --bs-table-hover-color: var(--bs-gray-700);
2138
2138
  color: var(--bs-table-color);
2139
2139
  border-color: var(--bs-table-border-color);
2140
2140
  }
@@ -2154,15 +2154,15 @@ progress {
2154
2154
  }
2155
2155
 
2156
2156
  .table-danger {
2157
- --bs-table-color: var(--bs-black);
2157
+ --bs-table-color: var(--bs-gray-700);
2158
2158
  --bs-table-bg: color-mix(in srgb, var(--bs-danger-100), var(--bs-white) 0%);
2159
2159
  --bs-table-border-color: color-mix(in srgb, var(--bs-danger-100), var(--bs-white) 20%);
2160
2160
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-danger-100), var(--bs-white) 10%);
2161
- --bs-table-striped-color: var(--bs-black);
2161
+ --bs-table-striped-color: var(--bs-gray-700);
2162
2162
  --bs-table-active-bg: color-mix(in srgb, var(--bs-danger-100), var(--bs-white) 20%);
2163
- --bs-table-active-color: var(--bs-black);
2163
+ --bs-table-active-color: var(--bs-gray-700);
2164
2164
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-danger-100), var(--bs-white) 15%);
2165
- --bs-table-hover-color: var(--bs-black);
2165
+ --bs-table-hover-color: var(--bs-gray-700);
2166
2166
  color: var(--bs-table-color);
2167
2167
  border-color: var(--bs-table-border-color);
2168
2168
  }
@@ -2269,9 +2269,9 @@ progress {
2269
2269
 
2270
2270
  .form-label {
2271
2271
  margin-bottom: 0;
2272
- font-size: var(--bs-fs-small);
2273
- font-weight: var(--bs-fw-bold);
2274
- color: var(--bs-gray);
2272
+ font-size: var(--bs-label-font-size);
2273
+ font-weight: var(--bs-label-font-weight);
2274
+ color: var(--bs-label-color);
2275
2275
  }
2276
2276
 
2277
2277
  .col-form-label {
@@ -2279,9 +2279,9 @@ progress {
2279
2279
  padding-bottom: calc(0.75rem + var(--bs-border-width));
2280
2280
  margin-bottom: 0;
2281
2281
  font-size: inherit;
2282
- font-weight: var(--bs-fw-bold);
2282
+ font-weight: var(--bs-label-font-weight);
2283
2283
  line-height: 1.5;
2284
- color: var(--bs-gray);
2284
+ color: var(--bs-label-color);
2285
2285
  }
2286
2286
 
2287
2287
  .col-form-label-lg {
@@ -2299,7 +2299,7 @@ progress {
2299
2299
  .form-text {
2300
2300
  margin-top: 0.5rem;
2301
2301
  font-size: var(--bs-fs-small);
2302
- color: var(--bs-gray);
2302
+ color: var(--bs-body-color);
2303
2303
  }
2304
2304
 
2305
2305
  .form-control {
@@ -2309,13 +2309,13 @@ progress {
2309
2309
  font-size: 1rem;
2310
2310
  font-weight: var(--bs-fw-normal);
2311
2311
  line-height: 1.5;
2312
- color: var(--bs-gray-900);
2312
+ color: var(--bs-body-color);
2313
2313
  -webkit-appearance: none;
2314
2314
  -moz-appearance: none;
2315
2315
  appearance: none;
2316
2316
  background-color: var(--bs-white);
2317
2317
  background-clip: padding-box;
2318
- border: var(--bs-border-width) solid var(--bs-gray-300);
2318
+ border: var(--bs-border-width) solid var(--bs-border-color);
2319
2319
  border-radius: var(--bs-border-radius-sm);
2320
2320
  box-shadow: 0 0 0 transparent;
2321
2321
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2332,11 +2332,11 @@ progress {
2332
2332
  cursor: pointer;
2333
2333
  }
2334
2334
  .form-control:focus {
2335
- color: var(--bs-gray-900);
2335
+ color: var(--bs-body-color);
2336
2336
  background-color: var(--bs-white);
2337
- border-color: var(--bs-focus-ring-color);
2337
+ border-color: var(--bs-focus-ring-border-color);
2338
2338
  outline: 0;
2339
- box-shadow: 0 0 0 transparent, 0 0 0 1px rgba(var(--bs-secondary-rgb));
2339
+ box-shadow: 0 0 0 transparent, 0 0 0 0.25rem var(--bs-focus-ring-color);
2340
2340
  }
2341
2341
  .form-control::-webkit-date-and-time-value {
2342
2342
  min-width: 85px;
@@ -2348,11 +2348,11 @@ progress {
2348
2348
  padding: 0;
2349
2349
  }
2350
2350
  .form-control::-moz-placeholder {
2351
- color: var(--bs-gray-300);
2351
+ color: var(--bs-border-color);
2352
2352
  opacity: 1;
2353
2353
  }
2354
2354
  .form-control::placeholder {
2355
- color: var(--bs-gray-300);
2355
+ color: var(--bs-border-color);
2356
2356
  opacity: 1;
2357
2357
  }
2358
2358
  .form-control:disabled {
@@ -2366,7 +2366,7 @@ progress {
2366
2366
  margin: -0.75rem -1rem;
2367
2367
  -webkit-margin-end: 1rem;
2368
2368
  margin-inline-end: 1rem;
2369
- color: var(--bs-gray-900);
2369
+ color: var(--bs-body-color);
2370
2370
  background-color: var(--bs-white);
2371
2371
  pointer-events: none;
2372
2372
  border-color: inherit;
@@ -2382,7 +2382,7 @@ progress {
2382
2382
  margin: -0.75rem -1rem;
2383
2383
  -webkit-margin-end: 1rem;
2384
2384
  margin-inline-end: 1rem;
2385
- color: var(--bs-gray-900);
2385
+ color: var(--bs-body-color);
2386
2386
  background-color: var(--bs-white);
2387
2387
  pointer-events: none;
2388
2388
  border-color: inherit;
@@ -2499,14 +2499,14 @@ textarea.form-control-lg {
2499
2499
  }
2500
2500
 
2501
2501
  .form-select {
2502
- --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
2502
+ --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236d6d82' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
2503
2503
  display: block;
2504
2504
  width: 100%;
2505
2505
  padding: 0.75rem 3rem 0.75rem 1rem;
2506
2506
  font-size: 1rem;
2507
2507
  font-weight: var(--bs-fw-normal);
2508
2508
  line-height: 1.5;
2509
- color: var(--bs-gray-900);
2509
+ color: var(--bs-body-color);
2510
2510
  -webkit-appearance: none;
2511
2511
  -moz-appearance: none;
2512
2512
  appearance: none;
@@ -2515,7 +2515,7 @@ textarea.form-control-lg {
2515
2515
  background-repeat: no-repeat;
2516
2516
  background-position: right 1rem center;
2517
2517
  background-size: 24px;
2518
- border: var(--bs-border-width) solid var(--bs-gray-300);
2518
+ border: var(--bs-border-width) solid var(--bs-border-color);
2519
2519
  border-radius: var(--bs-border-radius-sm);
2520
2520
  box-shadow: none;
2521
2521
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2526,9 +2526,9 @@ textarea.form-control-lg {
2526
2526
  }
2527
2527
  }
2528
2528
  .form-select:focus {
2529
- border-color: var(--bs-focus-ring-color);
2529
+ border-color: var(--bs-focus-ring-border-color);
2530
2530
  outline: 0;
2531
- box-shadow: none, 0 0 0 1px rgba(var(--bs-secondary-rgb), 1);
2531
+ box-shadow: none, 0 0 0 0.25rem var(--bs-focus-ring-color);
2532
2532
  }
2533
2533
  .form-select[multiple], .form-select[size]:not([size="1"]) {
2534
2534
  padding-right: 1rem;
@@ -2541,7 +2541,7 @@ textarea.form-control-lg {
2541
2541
  }
2542
2542
  .form-select:-moz-focusring {
2543
2543
  color: transparent;
2544
- text-shadow: 0 0 0 var(--bs-gray-900);
2544
+ text-shadow: 0 0 0 var(--bs-body-color);
2545
2545
  }
2546
2546
 
2547
2547
  .form-select-sm {
@@ -2562,32 +2562,32 @@ textarea.form-control-lg {
2562
2562
 
2563
2563
  .form-check {
2564
2564
  display: block;
2565
- min-height: 1.5em;
2566
- padding-left: 0.75em;
2565
+ min-height: 1em;
2566
+ padding-left: 0.5em;
2567
2567
  margin-bottom: 0.125rem;
2568
2568
  }
2569
2569
  .form-check .form-check-input {
2570
2570
  float: left;
2571
- margin-left: -0.75em;
2571
+ margin-left: -0.5em;
2572
2572
  }
2573
2573
 
2574
2574
  .form-check-reverse {
2575
- padding-right: 0.75em;
2575
+ padding-right: 0.5em;
2576
2576
  padding-left: 0;
2577
2577
  text-align: right;
2578
2578
  }
2579
2579
  .form-check-reverse .form-check-input {
2580
2580
  float: right;
2581
- margin-right: -0.75em;
2581
+ margin-right: -0.5em;
2582
2582
  margin-left: 0;
2583
2583
  }
2584
2584
 
2585
2585
  .form-check-input {
2586
2586
  --bs-form-check-bg: var(--bs-white);
2587
2587
  flex-shrink: 0;
2588
- width: 1.5em;
2589
- height: 1.5em;
2590
- margin-top: 0em;
2588
+ width: 1em;
2589
+ height: 1em;
2590
+ margin-top: 0.25em;
2591
2591
  vertical-align: top;
2592
2592
  -webkit-appearance: none;
2593
2593
  -moz-appearance: none;
@@ -2612,13 +2612,13 @@ textarea.form-control-lg {
2612
2612
  filter: brightness(90%);
2613
2613
  }
2614
2614
  .form-check-input:focus {
2615
- border-color: var(--bs-focus-ring-color);
2615
+ border-color: var(--bs-form-check-input-focus-border-color);
2616
2616
  outline: 0;
2617
- box-shadow: none;
2617
+ box-shadow: var(--bs-form-check-input-focus-box-shadow);
2618
2618
  }
2619
2619
  .form-check-input:checked {
2620
- background-color: var(--bs-focus-ring-color);
2621
- border-color: var(--bs-focus-ring-color);
2620
+ background-color: var(--bs-primary);
2621
+ border-color: var(--bs-primary);
2622
2622
  }
2623
2623
  .form-check-input:checked[type=checkbox] {
2624
2624
  --bs-form-check-bg-image: url("data:image/svg+xml, %3csvg viewBox='-4 -6 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.294 0.594229C14.3863 0.498719 14.4966 0.422536 14.6186 0.370127C14.7406 0.317718 14.8719 0.290132 15.0046 0.288978C15.1374 0.287824 15.2691 0.313126 15.392 0.363407C15.5149 0.413688 15.6265 0.487941 15.7204 0.581833C15.8143 0.675726 15.8886 0.787378 15.9389 0.910275C15.9891 1.03317 16.0144 1.16485 16.0133 1.29763C16.0121 1.43041 15.9846 1.56163 15.9321 1.68363C15.8797 1.80564 15.8036 1.91598 15.708 2.00823L6.70804 11.0082C6.52051 11.1957 6.26621 11.301 6.00104 11.301C5.73588 11.301 5.48157 11.1957 5.29404 11.0082L0.293041 6.00723C0.110883 5.81863 0.0100885 5.56602 0.0123669 5.30383C0.0146453 5.04163 0.119815 4.79082 0.305223 4.60541C0.490631 4.42 0.741443 4.31483 1.00364 4.31255C1.26584 4.31028 1.51844 4.41107 1.70704 4.59323L6.00104 8.88723L14.294 0.594229V0.594229Z' fill='%23fff'/%3e%3c/svg%3e");
@@ -2627,8 +2627,8 @@ textarea.form-control-lg {
2627
2627
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
2628
2628
  }
2629
2629
  .form-check-input[type=checkbox]:indeterminate {
2630
- background-color: var(--bs-focus-ring-color);
2631
- border-color: var(--bs-focus-ring-color);
2630
+ background-color: var(--bs-primary);
2631
+ border-color: var(--bs-primary);
2632
2632
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
2633
2633
  }
2634
2634
  .form-check-input:disabled {
@@ -2642,15 +2642,15 @@ textarea.form-control-lg {
2642
2642
  }
2643
2643
 
2644
2644
  .form-switch {
2645
- padding-left: 3.5em;
2645
+ padding-left: 2em;
2646
2646
  }
2647
2647
  .form-switch .form-check-input {
2648
- --bs-form-switch-bg: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%23adb5bd'/%3e%3c/svg%3e");
2649
- width: 3em;
2650
- margin-left: -3.5em;
2648
+ --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23a7a7b4'/%3e%3c/svg%3e");
2649
+ width: 2em;
2650
+ margin-left: -2em;
2651
2651
  background-image: var(--bs-form-switch-bg);
2652
2652
  background-position: left center;
2653
- border-radius: 3em;
2653
+ border-radius: 2em;
2654
2654
  transition: background-position 0.15s ease-in-out;
2655
2655
  }
2656
2656
  @media (prefers-reduced-motion: reduce) {
@@ -2659,18 +2659,18 @@ textarea.form-control-lg {
2659
2659
  }
2660
2660
  }
2661
2661
  .form-switch .form-check-input:focus {
2662
- --bs-form-switch-bg: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%23adb5bd'/%3e%3c/svg%3e");
2662
+ --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%239191d4'/%3e%3c/svg%3e");
2663
2663
  }
2664
2664
  .form-switch .form-check-input:checked {
2665
2665
  background-position: right center;
2666
- --bs-form-switch-bg: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%23adb5bd'/%3e%3c/svg%3e");
2666
+ --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
2667
2667
  }
2668
2668
  .form-switch.form-check-reverse {
2669
- padding-right: 3.5em;
2669
+ padding-right: 2em;
2670
2670
  padding-left: 0;
2671
2671
  }
2672
2672
  .form-switch.form-check-reverse .form-check-input {
2673
- margin-right: -3.5em;
2673
+ margin-right: -2em;
2674
2674
  margin-left: 0;
2675
2675
  }
2676
2676
 
@@ -2687,12 +2687,12 @@ textarea.form-control-lg {
2687
2687
  .btn-check[disabled] + .btn, .btn-check:disabled + .btn {
2688
2688
  pointer-events: none;
2689
2689
  filter: none;
2690
- opacity: 1;
2690
+ opacity: 0.65;
2691
2691
  }
2692
2692
 
2693
2693
  .form-range {
2694
2694
  width: 100%;
2695
- height: calc(1rem + 2px);
2695
+ height: 1.5rem;
2696
2696
  padding: 0;
2697
2697
  -webkit-appearance: none;
2698
2698
  -moz-appearance: none;
@@ -2703,10 +2703,10 @@ textarea.form-control-lg {
2703
2703
  outline: 0;
2704
2704
  }
2705
2705
  .form-range:focus::-webkit-slider-thumb {
2706
- box-shadow: 0 0 0 1px var(--bs-body-bg), 0 0 0 1px rgba(var(--bs-secondary-rgb));
2706
+ box-shadow: 0 0 0 4px rgba(var(--bs-primary-rgb), 0.4);
2707
2707
  }
2708
2708
  .form-range:focus::-moz-range-thumb {
2709
- box-shadow: 0 0 0 1px var(--bs-body-bg), 0 0 0 1px rgba(var(--bs-secondary-rgb));
2709
+ box-shadow: 0 0 0 4px rgba(var(--bs-primary-rgb), 0.4);
2710
2710
  }
2711
2711
  .form-range::-moz-focus-outer {
2712
2712
  border: 0;
@@ -2714,10 +2714,10 @@ textarea.form-control-lg {
2714
2714
  .form-range::-webkit-slider-thumb {
2715
2715
  width: 1rem;
2716
2716
  height: 1rem;
2717
- margin-top: -0.25rem;
2717
+ margin-top: -0.375rem;
2718
2718
  -webkit-appearance: none;
2719
2719
  appearance: none;
2720
- background-color: var(--bs-focus-ring-color);
2720
+ background-color: var(--bs-primary);
2721
2721
  border: 0;
2722
2722
  border-radius: 1rem;
2723
2723
  box-shadow: 0 0.1rem 0.25rem rgba(var(--bs-black-rgb), 0.1);
@@ -2731,24 +2731,24 @@ textarea.form-control-lg {
2731
2731
  }
2732
2732
  }
2733
2733
  .form-range::-webkit-slider-thumb:active {
2734
- background-color: var(--bs-focus-ring-color);
2734
+ background-color: var(--bs-primary);
2735
2735
  }
2736
2736
  .form-range::-webkit-slider-runnable-track {
2737
2737
  width: 100%;
2738
- height: 0.5rem;
2738
+ height: 0.25rem;
2739
2739
  color: transparent;
2740
2740
  cursor: pointer;
2741
2741
  background-color: var(--bs-gray-300);
2742
2742
  border-color: transparent;
2743
- border-radius: 1rem;
2744
- box-shadow: var(--bs-box-shadow-inset);
2743
+ border-radius: var(--bs-ref-spacer-6);
2744
+ box-shadow: none;
2745
2745
  }
2746
2746
  .form-range::-moz-range-thumb {
2747
2747
  width: 1rem;
2748
2748
  height: 1rem;
2749
2749
  -moz-appearance: none;
2750
2750
  appearance: none;
2751
- background-color: var(--bs-focus-ring-color);
2751
+ background-color: var(--bs-primary);
2752
2752
  border: 0;
2753
2753
  border-radius: 1rem;
2754
2754
  box-shadow: 0 0.1rem 0.25rem rgba(var(--bs-black-rgb), 0.1);
@@ -2762,17 +2762,17 @@ textarea.form-control-lg {
2762
2762
  }
2763
2763
  }
2764
2764
  .form-range::-moz-range-thumb:active {
2765
- background-color: var(--bs-focus-ring-color);
2765
+ background-color: var(--bs-primary);
2766
2766
  }
2767
2767
  .form-range::-moz-range-track {
2768
2768
  width: 100%;
2769
- height: 0.5rem;
2769
+ height: 0.25rem;
2770
2770
  color: transparent;
2771
2771
  cursor: pointer;
2772
2772
  background-color: var(--bs-gray-300);
2773
2773
  border-color: transparent;
2774
- border-radius: 1rem;
2775
- box-shadow: var(--bs-box-shadow-inset);
2774
+ border-radius: var(--bs-ref-spacer-6);
2775
+ box-shadow: none;
2776
2776
  }
2777
2777
  .form-range:disabled {
2778
2778
  pointer-events: none;
@@ -2928,7 +2928,7 @@ textarea.form-control-lg {
2928
2928
  font-size: 1rem;
2929
2929
  font-weight: var(--bs-fw-normal);
2930
2930
  line-height: 1.5;
2931
- color: var(--bs-gray-900);
2931
+ color: var(--bs-body-color);
2932
2932
  text-align: center;
2933
2933
  white-space: nowrap;
2934
2934
  background-color: var(--bs-white);
@@ -3018,7 +3018,7 @@ textarea.form-control-lg {
3018
3018
  }
3019
3019
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
3020
3020
  border-color: var(--bs-form-valid-border-color);
3021
- box-shadow: 0 0 0 transparent, 0 0 0 1px rgba(var(--bs-success-rgb), 1);
3021
+ box-shadow: 0 0 0 transparent, 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
3022
3022
  }
3023
3023
 
3024
3024
  .was-validated .form-select:valid, .form-select.is-valid {
@@ -3026,7 +3026,7 @@ textarea.form-control-lg {
3026
3026
  }
3027
3027
  .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
3028
3028
  border-color: var(--bs-form-valid-border-color);
3029
- box-shadow: none, 0 0 0 1px rgba(var(--bs-success-rgb), 1);
3029
+ box-shadow: none, 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
3030
3030
  }
3031
3031
 
3032
3032
  .was-validated .form-check-input:valid, .form-check-input.is-valid {
@@ -3036,7 +3036,7 @@ textarea.form-control-lg {
3036
3036
  background-color: var(--bs-form-valid-color);
3037
3037
  }
3038
3038
  .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
3039
- box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1);
3039
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
3040
3040
  }
3041
3041
  .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
3042
3042
  color: var(--bs-form-valid-color);
@@ -3088,7 +3088,7 @@ textarea.form-control-lg {
3088
3088
  }
3089
3089
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
3090
3090
  border-color: var(--bs-form-invalid-border-color);
3091
- box-shadow: 0 0 0 transparent, 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
3091
+ box-shadow: 0 0 0 transparent, 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
3092
3092
  }
3093
3093
 
3094
3094
  .was-validated .form-select:invalid, .form-select.is-invalid {
@@ -3096,7 +3096,7 @@ textarea.form-control-lg {
3096
3096
  }
3097
3097
  .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
3098
3098
  border-color: var(--bs-form-invalid-border-color);
3099
- box-shadow: none, 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
3099
+ box-shadow: none, 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
3100
3100
  }
3101
3101
 
3102
3102
  .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
@@ -3106,7 +3106,7 @@ textarea.form-control-lg {
3106
3106
  background-color: var(--bs-form-invalid-color);
3107
3107
  }
3108
3108
  .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
3109
- box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
3109
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
3110
3110
  }
3111
3111
  .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
3112
3112
  color: var(--bs-form-invalid-color);
@@ -3170,7 +3170,7 @@ textarea.form-control-lg {
3170
3170
  --bs-dropdown-link-hover-color: rgb(var(--bs-gray-500-rgb));
3171
3171
  --bs-dropdown-link-hover-bg: rgb(var(--bs-gray-100-rgb));
3172
3172
  --bs-dropdown-link-active-color: var(--bs-white);
3173
- --bs-dropdown-link-active-bg: var(--bs-focus-ring-color);
3173
+ --bs-dropdown-link-active-bg: var(--bs-primary);
3174
3174
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
3175
3175
  --bs-dropdown-item-padding-x: var(--bs-ref-spacer-4);
3176
3176
  --bs-dropdown-item-padding-y: var(--bs-ref-spacer-2);
@@ -3437,7 +3437,7 @@ textarea.form-control-lg {
3437
3437
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
3438
3438
  --bs-dropdown-link-hover-bg: rgba(var(--bs-white-rgb), 0.15);
3439
3439
  --bs-dropdown-link-active-color: var(--bs-white);
3440
- --bs-dropdown-link-active-bg: var(--bs-focus-ring-color);
3440
+ --bs-dropdown-link-active-bg: var(--bs-primary);
3441
3441
  --bs-dropdown-link-disabled-color: var(--bs-gray-500);
3442
3442
  --bs-dropdown-header-color: var(--bs-gray-500);
3443
3443
  }
@@ -3519,7 +3519,7 @@ textarea.form-control-lg {
3519
3519
  }
3520
3520
 
3521
3521
  .btn-group.show .dropdown-toggle {
3522
- box-shadow: none;
3522
+ box-shadow: 0 0 0 transparent;
3523
3523
  }
3524
3524
  .btn-group.show .dropdown-toggle.btn-link {
3525
3525
  box-shadow: none;
@@ -3704,7 +3704,7 @@ textarea.form-control-lg {
3704
3704
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28var%28--bs-body-color-rgb%29, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
3705
3705
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
3706
3706
  --bs-navbar-toggler-border-radius: var(--bs-border-radius-pill);
3707
- --bs-navbar-toggler-focus-width: 0;
3707
+ --bs-navbar-toggler-focus-width: 0.25rem;
3708
3708
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
3709
3709
  position: relative;
3710
3710
  display: flex;
@@ -4318,12 +4318,12 @@ textarea.form-control-lg {
4318
4318
  --bs-accordion-btn-padding-y: var(--bs-ref-spacer-6);
4319
4319
  --bs-accordion-btn-color: var(--bs-body-color);
4320
4320
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
4321
- --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23232426'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4321
+ --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2315151a'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4322
4322
  --bs-accordion-btn-icon-width: 1.25rem;
4323
4323
  --bs-accordion-btn-icon-transform: rotate(-180deg);
4324
4324
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
4325
4325
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-primary-600%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4326
- --bs-accordion-btn-focus-box-shadow: none;
4326
+ --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
4327
4327
  --bs-accordion-body-padding-x: var(--bs-ref-spacer-4);
4328
4328
  --bs-accordion-body-padding-y: var(--bs-ref-spacer-6);
4329
4329
  --bs-accordion-active-color: var(--bs-body-color);
@@ -4487,8 +4487,8 @@ textarea.form-control-lg {
4487
4487
  --bs-pagination-focus-bg: var(--bs-secondary-100);
4488
4488
  --bs-pagination-focus-box-shadow: 0;
4489
4489
  --bs-pagination-active-color: var(--bs-white);
4490
- --bs-pagination-active-bg: var(--bs-focus-ring-color);
4491
- --bs-pagination-active-border-color: var(--bs-focus-ring-color);
4490
+ --bs-pagination-active-bg: var(--bs-primary);
4491
+ --bs-pagination-active-border-color: var(--bs-primary);
4492
4492
  --bs-pagination-disabled-color: var(--bs-gray-400);
4493
4493
  --bs-pagination-disabled-bg: var(--bs-transparent);
4494
4494
  --bs-pagination-disabled-border-color: var(--bs-border-color);
@@ -4739,8 +4739,8 @@ textarea.form-control-lg {
4739
4739
  --bs-list-group-disabled-color: var(--bs-gray-600);
4740
4740
  --bs-list-group-disabled-bg: transparent;
4741
4741
  --bs-list-group-active-color: var(--bs-white);
4742
- --bs-list-group-active-bg: var(--bs-focus-ring-color);
4743
- --bs-list-group-active-border-color: var(--bs-focus-ring-color);
4742
+ --bs-list-group-active-bg: var(--bs-primary);
4743
+ --bs-list-group-active-border-color: var(--bs-primary);
4744
4744
  display: flex;
4745
4745
  flex-direction: column;
4746
4746
  padding-left: 0;
@@ -6640,64 +6640,16 @@ body {
6640
6640
  padding-top: var(--bs-accordion-body-padding-top);
6641
6641
  }
6642
6642
 
6643
- .form-switch {
6644
- --bs-input-switch-bg: var(--bs-gray-300);
6645
- --bs-input-switch-border-color: var(--bs-gray-500);
6646
- --bs-input-switch-dot: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%23adb5bd'/%3e%3c/svg%3e");
6647
- --bs-input-switch-hover-border-color: var(--bs-focus-ring-color);
6648
- --bs-input-switch-focus-outline-color: var(--bs-focus-ring-color);
6649
- --bs-input-switch-active-border-color: var(--bs-focus-ring-color);
6650
- --bs-input-switch-active-bg: var(--bs-focus-ring-color);
6651
- --bs-input-switch-disabled-border-color: var(--bs-gray-300);
6652
- --bs-input-switch-disabled-bg: var(--bs-gray-100);
6653
- --bs-input-switch-disabled-dot: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%23ced3d7'/%3e%3c/svg%3e");
6654
- --bs-input-switch-label-color: var(--bs-gray);
6655
- --bs-input-switch-active-label-color: var(--bs-gray-700);
6656
- }
6657
- .form-switch .form-check-label {
6658
- color: var(--bs-input-switch-label-color);
6659
- }
6660
- .form-switch .form-check-input:checked ~ .form-check-label {
6661
- color: var(--bs-input-switch-active-label-color);
6643
+ .form-switch .form-check-input.is-valid:not(:checked) {
6644
+ --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23198754'/%3e%3c/svg%3e");
6662
6645
  }
6663
- .form-switch .form-check-input {
6664
- background-color: var(--bs-input-switch-bg);
6665
- background-image: var(--bs-input-switch-dot);
6666
- border: 1px solid var(--bs-input-switch-border-color);
6667
- }
6668
- .form-switch .form-check-input:checked {
6669
- background-color: var(--bs-input-switch-active-bg);
6670
- border-color: var(--bs-input-switch-active-border-color);
6671
- }
6672
- .form-switch .form-check-input[disabled]:not(:checked), .form-switch .form-check-input:disabled:not(:checked) {
6673
- background-color: var(--bs-input-switch-disabled-bg);
6674
- background-image: var(--bs-input-switch-disabled-dot);
6675
- border-color: var(--bs-input-switch-disabled-border-color);
6676
- }
6677
- .form-switch:hover.form-switch .form-check-input:not([disabled]),
6678
- .form-switch:hover.form-switch .form-check-input:not(:disabled) {
6679
- border-color: var(--bs-input-switch-hover-border-color);
6680
- }
6681
- .form-switch:focus-within.form-switch .form-check-input {
6682
- outline: 2px solid var(--bs-input-switch-focus-outline-color);
6683
- outline-offset: 2px;
6646
+ .form-switch .form-check-input.is-invalid:not(:checked) {
6647
+ --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23dc3545'/%3e%3c/svg%3e");
6684
6648
  }
6685
6649
 
6686
- .form-check-input:hover {
6687
- border-color: var(--bs-focus-ring-color);
6688
- }
6689
- .form-check-input:focus {
6690
- border-color: var(--bs-gray-400);
6691
- outline: 2px solid var(--bs-focus-ring-color);
6692
- outline-offset: 2px;
6693
- }
6694
- .form-check-input:checked {
6695
- border-color: var(--bs-focus-ring-color);
6696
- }
6697
- .form-check-input:disabled:not(:checked, :indeterminate) {
6698
- background-color: var(--bs-gray-100);
6699
- border-color: var(--bs-gray-300);
6700
- opacity: 1;
6650
+ .form-check-input {
6651
+ --bs-form-check-input-focus-border-color: var(--bs-focus-ring-border-color);
6652
+ --bs-form-check-input-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
6701
6653
  }
6702
6654
 
6703
6655
  .form-control {
@@ -6710,10 +6662,23 @@ body {
6710
6662
  appearance: none;
6711
6663
  }
6712
6664
 
6665
+ .form-range.form-range-value-indicator::-webkit-slider-runnable-track {
6666
+ background: linear-gradient(to right, var(--bs-primary) 0%, var(--bs-primary) var(--bs-form-range-component-value), var(--bs-gray-300) var(--bs-form-range-component-value), var(--bs-gray-300) 100%);
6667
+ }
6668
+ .form-range.form-range-value-indicator::-moz-range-track {
6669
+ background: linear-gradient(to right, var(--bs-primary) 0%, var(--bs-primary) var(--bs-form-range-component-value), var(--bs-gray-300) var(--bs-form-range-component-value), var(--bs-gray-300) 100%);
6670
+ }
6671
+ .form-range:disabled.form-range-value-indicator::-webkit-slider-runnable-track {
6672
+ background: linear-gradient(to right, var(--bs-gray-500) 0%, var(--bs-gray-500) var(--bs-form-range-component-value), var(--bs-gray-300) var(--bs-form-range-component-value), var(--bs-gray-300) 100%);
6673
+ }
6674
+ .form-range:disabled.form-range-value-indicator::-moz-range-track {
6675
+ background: linear-gradient(to right, var(--bs-gray-500) 0%, var(--bs-gray-500) var(--bs-form-range-component-value), var(--bs-gray-300) var(--bs-form-range-component-value), var(--bs-gray-300) 100%);
6676
+ }
6677
+
6713
6678
  .form-text {
6714
6679
  --bs-form-text-padding: 0 0.5rem;
6715
6680
  --bs-form-text-gap: var(--bs-ref-spacer-1);
6716
- --bs-form-text-color: var(--bs-gray);
6681
+ --bs-form-text-color: var(--bs-body-color);
6717
6682
  display: inline-flex;
6718
6683
  flex-direction: row;
6719
6684
  gap: var(--bs-form-text-gap);
@@ -6770,11 +6735,11 @@ body {
6770
6735
  }
6771
6736
 
6772
6737
  .input-group {
6773
- --bs-input-border-color: var(--bs-gray-300);
6738
+ --bs-input-border-color: var(--bs-border-color);
6774
6739
  --bs-input-border-width: var(--bs-border-width);
6775
6740
  --bs-input-border-radius: var(--bs-border-radius-sm);
6776
- --bs-input-focus-border-color: var(--bs-focus-ring-color);
6777
- --bs-input-focus-box-shadow: 0 0 0 1px rgba(var(--bs-secondary-rgb));
6741
+ --bs-input-focus-border-color: var(--bs-focus-ring-border-color);
6742
+ --bs-input-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
6778
6743
  --bs-input-disabled-border-color: var(--bs-gray-300);
6779
6744
  --bs-input-disabled-bg: var(--bs-gray-100);
6780
6745
  --bs-input-disabled-color: var(--bs-gray-300);
@@ -6785,24 +6750,24 @@ body {
6785
6750
  border-color: var(--bs-input-focus-border-color);
6786
6751
  box-shadow: var(--bs-input-focus-box-shadow);
6787
6752
  }
6788
- .input-group:has(.form-control.is-valid) {
6753
+ .input-group:has(.form-control.is-valid, .form-select.is-valid) {
6789
6754
  border-color: var(--bs-form-valid-border-color);
6790
- box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1);
6755
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
6791
6756
  }
6792
- .input-group:has(.form-control.is-valid) ~ .form-text {
6757
+ .input-group:has(.form-control.is-valid, .form-select.is-valid) ~ .form-text {
6793
6758
  color: var(--bs-form-valid-border-color);
6794
6759
  }
6795
- .input-group:has(.form-control.is-valid) .input-group-validation-icon {
6760
+ .input-group:has(.form-control.is-valid, .form-select.is-valid) .input-group-validation-icon {
6796
6761
  --bs-icon-color: var(--bs-success);
6797
6762
  }
6798
- .input-group:has(.form-control.is-invalid) {
6763
+ .input-group:has(.form-control.is-invalid, .form-select.is-invalid) {
6799
6764
  border-color: var(--bs-form-invalid-border-color);
6800
- box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
6765
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
6801
6766
  }
6802
- .input-group:has(.form-control.is-invalid) ~ .form-text {
6767
+ .input-group:has(.form-control.is-invalid, .form-select.is-invalid) ~ .form-text {
6803
6768
  color: var(--bs-form-invalid-border-color);
6804
6769
  }
6805
- .input-group:has(.form-control.is-invalid) .input-group-validation-icon {
6770
+ .input-group:has(.form-control.is-invalid, .form-select.is-invalid) .input-group-validation-icon {
6806
6771
  --bs-icon-color: var(--bs-danger);
6807
6772
  }
6808
6773
  .input-group:has(.form-select:disabled), .input-group:has(.form-control:disabled) {
@@ -6835,10 +6800,10 @@ body {
6835
6800
  --bs-btn-border-width: var(--bs-border-width);
6836
6801
  --bs-btn-border-color: transparent;
6837
6802
  --bs-btn-hover-border-color: transparent;
6838
- --bs-btn-box-shadow: none;
6839
- --bs-btn-disabled-opacity: 1;
6840
- --bs-btn-focus-box-shadow: 0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5);
6841
- --bs-btn–text-decoration: if($link-decoration == none, null, none);
6803
+ --bs-btn-box-shadow: 0 0 0 transparent;
6804
+ --bs-btn-disabled-opacity: 0.65;
6805
+ --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
6806
+ --bs-btn–text-decoration: ;
6842
6807
  --bs-btn-lg-padding-y: 1rem;
6843
6808
  --bs-btn-lg-padding-x: 2rem;
6844
6809
  --bs-btn-lg-font-size: var(--bs-fs-6);
@@ -6878,36 +6843,42 @@ body {
6878
6843
  -webkit-text-decoration: var(--bs-btn-text-decoration);
6879
6844
  text-decoration: var(--bs-btn-text-decoration);
6880
6845
  }
6881
- .btn:hover, .btn.hover {
6846
+ .btn.hover, .btn:hover {
6882
6847
  color: var(--bs-btn-hover-color);
6883
6848
  text-decoration: none;
6884
6849
  background-color: var(--bs-btn-hover-bg);
6885
6850
  border-color: var(--bs-btn-hover-border-color);
6886
6851
  }
6887
- .btn-check + .btn:hover {
6852
+ .btn-check + .btn.hover, .btn-check + .btn:hover {
6888
6853
  color: var(--bs-btn-color);
6889
6854
  background-color: var(--bs-btn-bg);
6890
6855
  border-color: var(--bs-btn-border-color);
6891
6856
  }
6892
- .btn-check:focus-visible + .btn, .btn:focus-visible:not(:hover), .btn.focus-visible:not(:hover) {
6857
+ .btn.focus-visible, .btn:focus-visible {
6893
6858
  color: var(--bs-btn-focus-color, var(--bs-btn-hover-color));
6894
6859
  background-color: var(--bs-btn-focus-bg, var(--bs-btn-hover-bg));
6895
6860
  border-color: var(--bs-btn-focus-border-color, var(--bs-btn-hover-border-color));
6861
+ outline: 0;
6862
+ box-shadow: var(--bs-btn-box-shadow), var(--bs-btn-focus-box-shadow);
6896
6863
  }
6897
- .btn-check:focus-visible + .btn, .btn:focus-visible, .btn.focus-visible {
6898
- outline: var(--bs-btn-focus-border-width, var(--bs-btn-border-width)) solid var(--bs-btn-focus-outline-color, var(--bs-focus-ring-color));
6899
- outline-offset: var(--bs-btn-focus-outline-offset, var(--bs-btn-border-width));
6864
+ .btn-check.focus-visible + .btn, .btn-check:focus-visible + .btn {
6865
+ border-color: var(--bs-btn-hover-border-color);
6866
+ outline: 0;
6867
+ box-shadow: var(--bs-btn-box-shadow), var(--bs-btn-focus-box-shadow);
6900
6868
  }
6901
6869
  .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
6902
6870
  color: var(--bs-btn-active-color);
6903
6871
  background-color: var(--bs-btn-active-bg);
6904
6872
  border-color: var(--bs-btn-active-border-color);
6905
- box-shadow: var(--bs-btn-active-shadow);
6873
+ box-shadow: var(--bs-btn-active-box-shadow);
6906
6874
  }
6907
- .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
6908
- box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
6875
+ .btn-check:checked + .btn.focus-visible, .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active.focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active.focus-visible, .btn:first-child:active:focus-visible, .btn.active.focus-visible, .btn.active:focus-visible, .btn.show.focus-visible, .btn.show:focus-visible {
6876
+ box-shadow: var(--bs-btn-active-box-shadow), var(--bs-btn-focus-box-shadow);
6909
6877
  }
6910
- .btn:disabled, .btn.disabled, fieldset:disabled .btn {
6878
+ .btn-check:checked.focus-visible + .btn, .btn-check:checked:focus-visible + .btn {
6879
+ box-shadow: var(--bs-btn-active-box-shadow), var(--bs-btn-focus-box-shadow);
6880
+ }
6881
+ .btn.disabled, .btn:disabled, fieldset:disabled .btn {
6911
6882
  color: var(--bs-btn-disabled-color);
6912
6883
  pointer-events: none;
6913
6884
  background-color: var(--bs-btn-disabled-bg);
@@ -6923,15 +6894,18 @@ body {
6923
6894
  --bs-btn-color: var(--bs-btn-primary-color);
6924
6895
  --bs-btn-bg: var(--bs-btn-primary-bg);
6925
6896
  --bs-btn-border-color: var(--bs-btn-primary-border-color);
6897
+ --bs-btn-box-shadow: var(--bs-btn-primary-box-shadow);
6926
6898
  --bs-btn-hover-color: var(--bs-btn-primary-hover-color);
6927
6899
  --bs-btn-hover-bg: var(--bs-btn-primary-hover-bg);
6928
6900
  --bs-btn-hover-border-color: var(--bs-btn-primary-hover-border-color);
6929
6901
  --bs-btn-focus-color: var(--bs-btn-primary-focus-color);
6930
6902
  --bs-btn-focus-bg: var(--bs-btn-primary-focus-bg);
6931
6903
  --bs-btn-focus-border-color: var(--bs-btn-primary-focus-border-color);
6904
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-primary-focus-shadow-rgb);
6932
6905
  --bs-btn-active-color: var(--bs-btn-primary-active-color);
6933
6906
  --bs-btn-active-bg: var(--bs-btn-primary-active-bg);
6934
6907
  --bs-btn-active-border-color: var(--bs-btn-primary-active-border-color);
6908
+ --bs-btn-active-box-shadow: var(--bs-btn-primary-active-box-shadow);
6935
6909
  --bs-btn-disabled-color: var(--bs-btn-primary-disabled-color);
6936
6910
  --bs-btn-disabled-bg: var(--bs-btn-primary-disabled-bg);
6937
6911
  --bs-btn-disabled-border-color: var(--bs-btn-primary-disabled-border-color);
@@ -6947,15 +6921,18 @@ body {
6947
6921
  --bs-btn-color: var(--bs-btn-outline-primary-color);
6948
6922
  --bs-btn-bg: var(--bs-btn-outline-primary-bg);
6949
6923
  --bs-btn-border-color: var(--bs-btn-outline-primary-border-color);
6924
+ --bs-btn-box-shadow: var(--bs-btn-outline-primary-box-shadow);
6950
6925
  --bs-btn-hover-color: var(--bs-btn-outline-primary-hover-color);
6951
6926
  --bs-btn-hover-bg: var(--bs-btn-outline-primary-hover-bg);
6952
6927
  --bs-btn-hover-border-color: var(--bs-btn-outline-primary-hover-border-color);
6953
6928
  --bs-btn-focus-color: var(--bs-btn-outline-primary-focus-color);
6954
6929
  --bs-btn-focus-bg: var(--bs-btn-outline-primary-focus-bg);
6955
6930
  --bs-btn-focus-border-color: var(--bs-btn-outline-primary-focus-border-color);
6931
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-primary-focus-shadow-rgb);
6956
6932
  --bs-btn-active-color: var(--bs-btn-outline-primary-active-color);
6957
6933
  --bs-btn-active-bg: var(--bs-btn-outline-primary-active-bg);
6958
6934
  --bs-btn-active-border-color: var(--bs-btn-outline-primary-active-border-color);
6935
+ --bs-btn-active-box-shadow: var(--bs-btn-outline-primary-active-box-shadow);
6959
6936
  --bs-btn-disabled-color: var(--bs-btn-outline-primary-disabled-color);
6960
6937
  --bs-btn-disabled-bg: var(--bs-btn-outline-primary-disabled-bg);
6961
6938
  --bs-btn-disabled-border-color: var(--bs-btn-outline-primary-disabled-border-color);
@@ -6971,15 +6948,18 @@ body {
6971
6948
  --bs-btn-color: var(--bs-btn-link-primary-color);
6972
6949
  --bs-btn-bg: var(--bs-btn-link-primary-bg);
6973
6950
  --bs-btn-border-color: var(--bs-btn-link-primary-border-color);
6951
+ --bs-btn-box-shadow: var(--bs-btn-link-primary-box-shadow);
6974
6952
  --bs-btn-hover-color: var(--bs-btn-link-primary-hover-color);
6975
6953
  --bs-btn-hover-bg: var(--bs-btn-link-primary-hover-bg);
6976
6954
  --bs-btn-hover-border-color: var(--bs-btn-link-primary-hover-border-color);
6977
6955
  --bs-btn-focus-color: var(--bs-btn-link-primary-focus-color);
6978
6956
  --bs-btn-focus-bg: var(--bs-btn-link-primary-focus-bg);
6979
6957
  --bs-btn-focus-border-color: var(--bs-btn-link-primary-focus-border-color);
6958
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-link-primary-focus-shadow-rgb);
6980
6959
  --bs-btn-active-color: var(--bs-btn-link-primary-active-color);
6981
6960
  --bs-btn-active-bg: var(--bs-btn-link-primary-active-bg);
6982
6961
  --bs-btn-active-border-color: var(--bs-btn-link-primary-active-border-color);
6962
+ --bs-btn-active-box-shadow: var(--bs-btn-link-primary-active-box-shadow);
6983
6963
  --bs-btn-disabled-color: var(--bs-btn-link-primary-disabled-color);
6984
6964
  --bs-btn-disabled-bg: var(--bs-btn-link-primary-disabled-bg);
6985
6965
  --bs-btn-disabled-border-color: var(--bs-btn-link-primary-disabled-border-color);
@@ -6995,15 +6975,18 @@ body {
6995
6975
  --bs-btn-color: var(--bs-btn-secondary-color);
6996
6976
  --bs-btn-bg: var(--bs-btn-secondary-bg);
6997
6977
  --bs-btn-border-color: var(--bs-btn-secondary-border-color);
6978
+ --bs-btn-box-shadow: var(--bs-btn-secondary-box-shadow);
6998
6979
  --bs-btn-hover-color: var(--bs-btn-secondary-hover-color);
6999
6980
  --bs-btn-hover-bg: var(--bs-btn-secondary-hover-bg);
7000
6981
  --bs-btn-hover-border-color: var(--bs-btn-secondary-hover-border-color);
7001
6982
  --bs-btn-focus-color: var(--bs-btn-secondary-focus-color);
7002
6983
  --bs-btn-focus-bg: var(--bs-btn-secondary-focus-bg);
7003
6984
  --bs-btn-focus-border-color: var(--bs-btn-secondary-focus-border-color);
6985
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-secondary-focus-shadow-rgb);
7004
6986
  --bs-btn-active-color: var(--bs-btn-secondary-active-color);
7005
6987
  --bs-btn-active-bg: var(--bs-btn-secondary-active-bg);
7006
6988
  --bs-btn-active-border-color: var(--bs-btn-secondary-active-border-color);
6989
+ --bs-btn-active-box-shadow: var(--bs-btn-secondary-active-box-shadow);
7007
6990
  --bs-btn-disabled-color: var(--bs-btn-secondary-disabled-color);
7008
6991
  --bs-btn-disabled-bg: var(--bs-btn-secondary-disabled-bg);
7009
6992
  --bs-btn-disabled-border-color: var(--bs-btn-secondary-disabled-border-color);
@@ -7019,15 +7002,18 @@ body {
7019
7002
  --bs-btn-color: var(--bs-btn-outline-secondary-color);
7020
7003
  --bs-btn-bg: var(--bs-btn-outline-secondary-bg);
7021
7004
  --bs-btn-border-color: var(--bs-btn-outline-secondary-border-color);
7005
+ --bs-btn-box-shadow: var(--bs-btn-outline-secondary-box-shadow);
7022
7006
  --bs-btn-hover-color: var(--bs-btn-outline-secondary-hover-color);
7023
7007
  --bs-btn-hover-bg: var(--bs-btn-outline-secondary-hover-bg);
7024
7008
  --bs-btn-hover-border-color: var(--bs-btn-outline-secondary-hover-border-color);
7025
7009
  --bs-btn-focus-color: var(--bs-btn-outline-secondary-focus-color);
7026
7010
  --bs-btn-focus-bg: var(--bs-btn-outline-secondary-focus-bg);
7027
7011
  --bs-btn-focus-border-color: var(--bs-btn-outline-secondary-focus-border-color);
7012
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-secondary-focus-shadow-rgb);
7028
7013
  --bs-btn-active-color: var(--bs-btn-outline-secondary-active-color);
7029
7014
  --bs-btn-active-bg: var(--bs-btn-outline-secondary-active-bg);
7030
7015
  --bs-btn-active-border-color: var(--bs-btn-outline-secondary-active-border-color);
7016
+ --bs-btn-active-box-shadow: var(--bs-btn-outline-secondary-active-box-shadow);
7031
7017
  --bs-btn-disabled-color: var(--bs-btn-outline-secondary-disabled-color);
7032
7018
  --bs-btn-disabled-bg: var(--bs-btn-outline-secondary-disabled-bg);
7033
7019
  --bs-btn-disabled-border-color: var(--bs-btn-outline-secondary-disabled-border-color);
@@ -7043,15 +7029,18 @@ body {
7043
7029
  --bs-btn-color: var(--bs-btn-link-secondary-color);
7044
7030
  --bs-btn-bg: var(--bs-btn-link-secondary-bg);
7045
7031
  --bs-btn-border-color: var(--bs-btn-link-secondary-border-color);
7032
+ --bs-btn-box-shadow: var(--bs-btn-link-secondary-box-shadow);
7046
7033
  --bs-btn-hover-color: var(--bs-btn-link-secondary-hover-color);
7047
7034
  --bs-btn-hover-bg: var(--bs-btn-link-secondary-hover-bg);
7048
7035
  --bs-btn-hover-border-color: var(--bs-btn-link-secondary-hover-border-color);
7049
7036
  --bs-btn-focus-color: var(--bs-btn-link-secondary-focus-color);
7050
7037
  --bs-btn-focus-bg: var(--bs-btn-link-secondary-focus-bg);
7051
7038
  --bs-btn-focus-border-color: var(--bs-btn-link-secondary-focus-border-color);
7039
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-link-secondary-focus-shadow-rgb);
7052
7040
  --bs-btn-active-color: var(--bs-btn-link-secondary-active-color);
7053
7041
  --bs-btn-active-bg: var(--bs-btn-link-secondary-active-bg);
7054
7042
  --bs-btn-active-border-color: var(--bs-btn-link-secondary-active-border-color);
7043
+ --bs-btn-active-box-shadow: var(--bs-btn-link-secondary-active-box-shadow);
7055
7044
  --bs-btn-disabled-color: var(--bs-btn-link-secondary-disabled-color);
7056
7045
  --bs-btn-disabled-bg: var(--bs-btn-link-secondary-disabled-bg);
7057
7046
  --bs-btn-disabled-border-color: var(--bs-btn-link-secondary-disabled-border-color);
@@ -7067,15 +7056,18 @@ body {
7067
7056
  --bs-btn-color: var(--bs-btn-success-color);
7068
7057
  --bs-btn-bg: var(--bs-btn-success-bg);
7069
7058
  --bs-btn-border-color: var(--bs-btn-success-border-color);
7059
+ --bs-btn-box-shadow: var(--bs-btn-success-box-shadow);
7070
7060
  --bs-btn-hover-color: var(--bs-btn-success-hover-color);
7071
7061
  --bs-btn-hover-bg: var(--bs-btn-success-hover-bg);
7072
7062
  --bs-btn-hover-border-color: var(--bs-btn-success-hover-border-color);
7073
7063
  --bs-btn-focus-color: var(--bs-btn-success-focus-color);
7074
7064
  --bs-btn-focus-bg: var(--bs-btn-success-focus-bg);
7075
7065
  --bs-btn-focus-border-color: var(--bs-btn-success-focus-border-color);
7066
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-success-focus-shadow-rgb);
7076
7067
  --bs-btn-active-color: var(--bs-btn-success-active-color);
7077
7068
  --bs-btn-active-bg: var(--bs-btn-success-active-bg);
7078
7069
  --bs-btn-active-border-color: var(--bs-btn-success-active-border-color);
7070
+ --bs-btn-active-box-shadow: var(--bs-btn-success-active-box-shadow);
7079
7071
  --bs-btn-disabled-color: var(--bs-btn-success-disabled-color);
7080
7072
  --bs-btn-disabled-bg: var(--bs-btn-success-disabled-bg);
7081
7073
  --bs-btn-disabled-border-color: var(--bs-btn-success-disabled-border-color);
@@ -7091,15 +7083,18 @@ body {
7091
7083
  --bs-btn-color: var(--bs-btn-outline-success-color);
7092
7084
  --bs-btn-bg: var(--bs-btn-outline-success-bg);
7093
7085
  --bs-btn-border-color: var(--bs-btn-outline-success-border-color);
7086
+ --bs-btn-box-shadow: var(--bs-btn-outline-success-box-shadow);
7094
7087
  --bs-btn-hover-color: var(--bs-btn-outline-success-hover-color);
7095
7088
  --bs-btn-hover-bg: var(--bs-btn-outline-success-hover-bg);
7096
7089
  --bs-btn-hover-border-color: var(--bs-btn-outline-success-hover-border-color);
7097
7090
  --bs-btn-focus-color: var(--bs-btn-outline-success-focus-color);
7098
7091
  --bs-btn-focus-bg: var(--bs-btn-outline-success-focus-bg);
7099
7092
  --bs-btn-focus-border-color: var(--bs-btn-outline-success-focus-border-color);
7093
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-success-focus-shadow-rgb);
7100
7094
  --bs-btn-active-color: var(--bs-btn-outline-success-active-color);
7101
7095
  --bs-btn-active-bg: var(--bs-btn-outline-success-active-bg);
7102
7096
  --bs-btn-active-border-color: var(--bs-btn-outline-success-active-border-color);
7097
+ --bs-btn-active-box-shadow: var(--bs-btn-outline-success-active-box-shadow);
7103
7098
  --bs-btn-disabled-color: var(--bs-btn-outline-success-disabled-color);
7104
7099
  --bs-btn-disabled-bg: var(--bs-btn-outline-success-disabled-bg);
7105
7100
  --bs-btn-disabled-border-color: var(--bs-btn-outline-success-disabled-border-color);
@@ -7115,15 +7110,18 @@ body {
7115
7110
  --bs-btn-color: var(--bs-btn-link-success-color);
7116
7111
  --bs-btn-bg: var(--bs-btn-link-success-bg);
7117
7112
  --bs-btn-border-color: var(--bs-btn-link-success-border-color);
7113
+ --bs-btn-box-shadow: var(--bs-btn-link-success-box-shadow);
7118
7114
  --bs-btn-hover-color: var(--bs-btn-link-success-hover-color);
7119
7115
  --bs-btn-hover-bg: var(--bs-btn-link-success-hover-bg);
7120
7116
  --bs-btn-hover-border-color: var(--bs-btn-link-success-hover-border-color);
7121
7117
  --bs-btn-focus-color: var(--bs-btn-link-success-focus-color);
7122
7118
  --bs-btn-focus-bg: var(--bs-btn-link-success-focus-bg);
7123
7119
  --bs-btn-focus-border-color: var(--bs-btn-link-success-focus-border-color);
7120
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-link-success-focus-shadow-rgb);
7124
7121
  --bs-btn-active-color: var(--bs-btn-link-success-active-color);
7125
7122
  --bs-btn-active-bg: var(--bs-btn-link-success-active-bg);
7126
7123
  --bs-btn-active-border-color: var(--bs-btn-link-success-active-border-color);
7124
+ --bs-btn-active-box-shadow: var(--bs-btn-link-success-active-box-shadow);
7127
7125
  --bs-btn-disabled-color: var(--bs-btn-link-success-disabled-color);
7128
7126
  --bs-btn-disabled-bg: var(--bs-btn-link-success-disabled-bg);
7129
7127
  --bs-btn-disabled-border-color: var(--bs-btn-link-success-disabled-border-color);
@@ -7139,15 +7137,18 @@ body {
7139
7137
  --bs-btn-color: var(--bs-btn-info-color);
7140
7138
  --bs-btn-bg: var(--bs-btn-info-bg);
7141
7139
  --bs-btn-border-color: var(--bs-btn-info-border-color);
7140
+ --bs-btn-box-shadow: var(--bs-btn-info-box-shadow);
7142
7141
  --bs-btn-hover-color: var(--bs-btn-info-hover-color);
7143
7142
  --bs-btn-hover-bg: var(--bs-btn-info-hover-bg);
7144
7143
  --bs-btn-hover-border-color: var(--bs-btn-info-hover-border-color);
7145
7144
  --bs-btn-focus-color: var(--bs-btn-info-focus-color);
7146
7145
  --bs-btn-focus-bg: var(--bs-btn-info-focus-bg);
7147
7146
  --bs-btn-focus-border-color: var(--bs-btn-info-focus-border-color);
7147
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-info-focus-shadow-rgb);
7148
7148
  --bs-btn-active-color: var(--bs-btn-info-active-color);
7149
7149
  --bs-btn-active-bg: var(--bs-btn-info-active-bg);
7150
7150
  --bs-btn-active-border-color: var(--bs-btn-info-active-border-color);
7151
+ --bs-btn-active-box-shadow: var(--bs-btn-info-active-box-shadow);
7151
7152
  --bs-btn-disabled-color: var(--bs-btn-info-disabled-color);
7152
7153
  --bs-btn-disabled-bg: var(--bs-btn-info-disabled-bg);
7153
7154
  --bs-btn-disabled-border-color: var(--bs-btn-info-disabled-border-color);
@@ -7163,15 +7164,18 @@ body {
7163
7164
  --bs-btn-color: var(--bs-btn-outline-info-color);
7164
7165
  --bs-btn-bg: var(--bs-btn-outline-info-bg);
7165
7166
  --bs-btn-border-color: var(--bs-btn-outline-info-border-color);
7167
+ --bs-btn-box-shadow: var(--bs-btn-outline-info-box-shadow);
7166
7168
  --bs-btn-hover-color: var(--bs-btn-outline-info-hover-color);
7167
7169
  --bs-btn-hover-bg: var(--bs-btn-outline-info-hover-bg);
7168
7170
  --bs-btn-hover-border-color: var(--bs-btn-outline-info-hover-border-color);
7169
7171
  --bs-btn-focus-color: var(--bs-btn-outline-info-focus-color);
7170
7172
  --bs-btn-focus-bg: var(--bs-btn-outline-info-focus-bg);
7171
7173
  --bs-btn-focus-border-color: var(--bs-btn-outline-info-focus-border-color);
7174
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-info-focus-shadow-rgb);
7172
7175
  --bs-btn-active-color: var(--bs-btn-outline-info-active-color);
7173
7176
  --bs-btn-active-bg: var(--bs-btn-outline-info-active-bg);
7174
7177
  --bs-btn-active-border-color: var(--bs-btn-outline-info-active-border-color);
7178
+ --bs-btn-active-box-shadow: var(--bs-btn-outline-info-active-box-shadow);
7175
7179
  --bs-btn-disabled-color: var(--bs-btn-outline-info-disabled-color);
7176
7180
  --bs-btn-disabled-bg: var(--bs-btn-outline-info-disabled-bg);
7177
7181
  --bs-btn-disabled-border-color: var(--bs-btn-outline-info-disabled-border-color);
@@ -7187,15 +7191,18 @@ body {
7187
7191
  --bs-btn-color: var(--bs-btn-link-info-color);
7188
7192
  --bs-btn-bg: var(--bs-btn-link-info-bg);
7189
7193
  --bs-btn-border-color: var(--bs-btn-link-info-border-color);
7194
+ --bs-btn-box-shadow: var(--bs-btn-link-info-box-shadow);
7190
7195
  --bs-btn-hover-color: var(--bs-btn-link-info-hover-color);
7191
7196
  --bs-btn-hover-bg: var(--bs-btn-link-info-hover-bg);
7192
7197
  --bs-btn-hover-border-color: var(--bs-btn-link-info-hover-border-color);
7193
7198
  --bs-btn-focus-color: var(--bs-btn-link-info-focus-color);
7194
7199
  --bs-btn-focus-bg: var(--bs-btn-link-info-focus-bg);
7195
7200
  --bs-btn-focus-border-color: var(--bs-btn-link-info-focus-border-color);
7201
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-link-info-focus-shadow-rgb);
7196
7202
  --bs-btn-active-color: var(--bs-btn-link-info-active-color);
7197
7203
  --bs-btn-active-bg: var(--bs-btn-link-info-active-bg);
7198
7204
  --bs-btn-active-border-color: var(--bs-btn-link-info-active-border-color);
7205
+ --bs-btn-active-box-shadow: var(--bs-btn-link-info-active-box-shadow);
7199
7206
  --bs-btn-disabled-color: var(--bs-btn-link-info-disabled-color);
7200
7207
  --bs-btn-disabled-bg: var(--bs-btn-link-info-disabled-bg);
7201
7208
  --bs-btn-disabled-border-color: var(--bs-btn-link-info-disabled-border-color);
@@ -7211,15 +7218,18 @@ body {
7211
7218
  --bs-btn-color: var(--bs-btn-warning-color);
7212
7219
  --bs-btn-bg: var(--bs-btn-warning-bg);
7213
7220
  --bs-btn-border-color: var(--bs-btn-warning-border-color);
7221
+ --bs-btn-box-shadow: var(--bs-btn-warning-box-shadow);
7214
7222
  --bs-btn-hover-color: var(--bs-btn-warning-hover-color);
7215
7223
  --bs-btn-hover-bg: var(--bs-btn-warning-hover-bg);
7216
7224
  --bs-btn-hover-border-color: var(--bs-btn-warning-hover-border-color);
7217
7225
  --bs-btn-focus-color: var(--bs-btn-warning-focus-color);
7218
7226
  --bs-btn-focus-bg: var(--bs-btn-warning-focus-bg);
7219
7227
  --bs-btn-focus-border-color: var(--bs-btn-warning-focus-border-color);
7228
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-warning-focus-shadow-rgb);
7220
7229
  --bs-btn-active-color: var(--bs-btn-warning-active-color);
7221
7230
  --bs-btn-active-bg: var(--bs-btn-warning-active-bg);
7222
7231
  --bs-btn-active-border-color: var(--bs-btn-warning-active-border-color);
7232
+ --bs-btn-active-box-shadow: var(--bs-btn-warning-active-box-shadow);
7223
7233
  --bs-btn-disabled-color: var(--bs-btn-warning-disabled-color);
7224
7234
  --bs-btn-disabled-bg: var(--bs-btn-warning-disabled-bg);
7225
7235
  --bs-btn-disabled-border-color: var(--bs-btn-warning-disabled-border-color);
@@ -7235,15 +7245,18 @@ body {
7235
7245
  --bs-btn-color: var(--bs-btn-outline-warning-color);
7236
7246
  --bs-btn-bg: var(--bs-btn-outline-warning-bg);
7237
7247
  --bs-btn-border-color: var(--bs-btn-outline-warning-border-color);
7248
+ --bs-btn-box-shadow: var(--bs-btn-outline-warning-box-shadow);
7238
7249
  --bs-btn-hover-color: var(--bs-btn-outline-warning-hover-color);
7239
7250
  --bs-btn-hover-bg: var(--bs-btn-outline-warning-hover-bg);
7240
7251
  --bs-btn-hover-border-color: var(--bs-btn-outline-warning-hover-border-color);
7241
7252
  --bs-btn-focus-color: var(--bs-btn-outline-warning-focus-color);
7242
7253
  --bs-btn-focus-bg: var(--bs-btn-outline-warning-focus-bg);
7243
7254
  --bs-btn-focus-border-color: var(--bs-btn-outline-warning-focus-border-color);
7255
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-warning-focus-shadow-rgb);
7244
7256
  --bs-btn-active-color: var(--bs-btn-outline-warning-active-color);
7245
7257
  --bs-btn-active-bg: var(--bs-btn-outline-warning-active-bg);
7246
7258
  --bs-btn-active-border-color: var(--bs-btn-outline-warning-active-border-color);
7259
+ --bs-btn-active-box-shadow: var(--bs-btn-outline-warning-active-box-shadow);
7247
7260
  --bs-btn-disabled-color: var(--bs-btn-outline-warning-disabled-color);
7248
7261
  --bs-btn-disabled-bg: var(--bs-btn-outline-warning-disabled-bg);
7249
7262
  --bs-btn-disabled-border-color: var(--bs-btn-outline-warning-disabled-border-color);
@@ -7259,15 +7272,18 @@ body {
7259
7272
  --bs-btn-color: var(--bs-btn-link-warning-color);
7260
7273
  --bs-btn-bg: var(--bs-btn-link-warning-bg);
7261
7274
  --bs-btn-border-color: var(--bs-btn-link-warning-border-color);
7275
+ --bs-btn-box-shadow: var(--bs-btn-link-warning-box-shadow);
7262
7276
  --bs-btn-hover-color: var(--bs-btn-link-warning-hover-color);
7263
7277
  --bs-btn-hover-bg: var(--bs-btn-link-warning-hover-bg);
7264
7278
  --bs-btn-hover-border-color: var(--bs-btn-link-warning-hover-border-color);
7265
7279
  --bs-btn-focus-color: var(--bs-btn-link-warning-focus-color);
7266
7280
  --bs-btn-focus-bg: var(--bs-btn-link-warning-focus-bg);
7267
7281
  --bs-btn-focus-border-color: var(--bs-btn-link-warning-focus-border-color);
7282
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-link-warning-focus-shadow-rgb);
7268
7283
  --bs-btn-active-color: var(--bs-btn-link-warning-active-color);
7269
7284
  --bs-btn-active-bg: var(--bs-btn-link-warning-active-bg);
7270
7285
  --bs-btn-active-border-color: var(--bs-btn-link-warning-active-border-color);
7286
+ --bs-btn-active-box-shadow: var(--bs-btn-link-warning-active-box-shadow);
7271
7287
  --bs-btn-disabled-color: var(--bs-btn-link-warning-disabled-color);
7272
7288
  --bs-btn-disabled-bg: var(--bs-btn-link-warning-disabled-bg);
7273
7289
  --bs-btn-disabled-border-color: var(--bs-btn-link-warning-disabled-border-color);
@@ -7283,15 +7299,18 @@ body {
7283
7299
  --bs-btn-color: var(--bs-btn-danger-color);
7284
7300
  --bs-btn-bg: var(--bs-btn-danger-bg);
7285
7301
  --bs-btn-border-color: var(--bs-btn-danger-border-color);
7302
+ --bs-btn-box-shadow: var(--bs-btn-danger-box-shadow);
7286
7303
  --bs-btn-hover-color: var(--bs-btn-danger-hover-color);
7287
7304
  --bs-btn-hover-bg: var(--bs-btn-danger-hover-bg);
7288
7305
  --bs-btn-hover-border-color: var(--bs-btn-danger-hover-border-color);
7289
7306
  --bs-btn-focus-color: var(--bs-btn-danger-focus-color);
7290
7307
  --bs-btn-focus-bg: var(--bs-btn-danger-focus-bg);
7291
7308
  --bs-btn-focus-border-color: var(--bs-btn-danger-focus-border-color);
7309
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-danger-focus-shadow-rgb);
7292
7310
  --bs-btn-active-color: var(--bs-btn-danger-active-color);
7293
7311
  --bs-btn-active-bg: var(--bs-btn-danger-active-bg);
7294
7312
  --bs-btn-active-border-color: var(--bs-btn-danger-active-border-color);
7313
+ --bs-btn-active-box-shadow: var(--bs-btn-danger-active-box-shadow);
7295
7314
  --bs-btn-disabled-color: var(--bs-btn-danger-disabled-color);
7296
7315
  --bs-btn-disabled-bg: var(--bs-btn-danger-disabled-bg);
7297
7316
  --bs-btn-disabled-border-color: var(--bs-btn-danger-disabled-border-color);
@@ -7307,15 +7326,18 @@ body {
7307
7326
  --bs-btn-color: var(--bs-btn-outline-danger-color);
7308
7327
  --bs-btn-bg: var(--bs-btn-outline-danger-bg);
7309
7328
  --bs-btn-border-color: var(--bs-btn-outline-danger-border-color);
7329
+ --bs-btn-box-shadow: var(--bs-btn-outline-danger-box-shadow);
7310
7330
  --bs-btn-hover-color: var(--bs-btn-outline-danger-hover-color);
7311
7331
  --bs-btn-hover-bg: var(--bs-btn-outline-danger-hover-bg);
7312
7332
  --bs-btn-hover-border-color: var(--bs-btn-outline-danger-hover-border-color);
7313
7333
  --bs-btn-focus-color: var(--bs-btn-outline-danger-focus-color);
7314
7334
  --bs-btn-focus-bg: var(--bs-btn-outline-danger-focus-bg);
7315
7335
  --bs-btn-focus-border-color: var(--bs-btn-outline-danger-focus-border-color);
7336
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-danger-focus-shadow-rgb);
7316
7337
  --bs-btn-active-color: var(--bs-btn-outline-danger-active-color);
7317
7338
  --bs-btn-active-bg: var(--bs-btn-outline-danger-active-bg);
7318
7339
  --bs-btn-active-border-color: var(--bs-btn-outline-danger-active-border-color);
7340
+ --bs-btn-active-box-shadow: var(--bs-btn-outline-danger-active-box-shadow);
7319
7341
  --bs-btn-disabled-color: var(--bs-btn-outline-danger-disabled-color);
7320
7342
  --bs-btn-disabled-bg: var(--bs-btn-outline-danger-disabled-bg);
7321
7343
  --bs-btn-disabled-border-color: var(--bs-btn-outline-danger-disabled-border-color);
@@ -7331,15 +7353,18 @@ body {
7331
7353
  --bs-btn-color: var(--bs-btn-link-danger-color);
7332
7354
  --bs-btn-bg: var(--bs-btn-link-danger-bg);
7333
7355
  --bs-btn-border-color: var(--bs-btn-link-danger-border-color);
7356
+ --bs-btn-box-shadow: var(--bs-btn-link-danger-box-shadow);
7334
7357
  --bs-btn-hover-color: var(--bs-btn-link-danger-hover-color);
7335
7358
  --bs-btn-hover-bg: var(--bs-btn-link-danger-hover-bg);
7336
7359
  --bs-btn-hover-border-color: var(--bs-btn-link-danger-hover-border-color);
7337
7360
  --bs-btn-focus-color: var(--bs-btn-link-danger-focus-color);
7338
7361
  --bs-btn-focus-bg: var(--bs-btn-link-danger-focus-bg);
7339
7362
  --bs-btn-focus-border-color: var(--bs-btn-link-danger-focus-border-color);
7363
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-link-danger-focus-shadow-rgb);
7340
7364
  --bs-btn-active-color: var(--bs-btn-link-danger-active-color);
7341
7365
  --bs-btn-active-bg: var(--bs-btn-link-danger-active-bg);
7342
7366
  --bs-btn-active-border-color: var(--bs-btn-link-danger-active-border-color);
7367
+ --bs-btn-active-box-shadow: var(--bs-btn-link-danger-active-box-shadow);
7343
7368
  --bs-btn-disabled-color: var(--bs-btn-link-danger-disabled-color);
7344
7369
  --bs-btn-disabled-bg: var(--bs-btn-link-danger-disabled-bg);
7345
7370
  --bs-btn-disabled-border-color: var(--bs-btn-link-danger-disabled-border-color);
@@ -7355,15 +7380,18 @@ body {
7355
7380
  --bs-btn-color: var(--bs-btn-light-color);
7356
7381
  --bs-btn-bg: var(--bs-btn-light-bg);
7357
7382
  --bs-btn-border-color: var(--bs-btn-light-border-color);
7383
+ --bs-btn-box-shadow: var(--bs-btn-light-box-shadow);
7358
7384
  --bs-btn-hover-color: var(--bs-btn-light-hover-color);
7359
7385
  --bs-btn-hover-bg: var(--bs-btn-light-hover-bg);
7360
7386
  --bs-btn-hover-border-color: var(--bs-btn-light-hover-border-color);
7361
7387
  --bs-btn-focus-color: var(--bs-btn-light-focus-color);
7362
7388
  --bs-btn-focus-bg: var(--bs-btn-light-focus-bg);
7363
7389
  --bs-btn-focus-border-color: var(--bs-btn-light-focus-border-color);
7390
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-light-focus-shadow-rgb);
7364
7391
  --bs-btn-active-color: var(--bs-btn-light-active-color);
7365
7392
  --bs-btn-active-bg: var(--bs-btn-light-active-bg);
7366
7393
  --bs-btn-active-border-color: var(--bs-btn-light-active-border-color);
7394
+ --bs-btn-active-box-shadow: var(--bs-btn-light-active-box-shadow);
7367
7395
  --bs-btn-disabled-color: var(--bs-btn-light-disabled-color);
7368
7396
  --bs-btn-disabled-bg: var(--bs-btn-light-disabled-bg);
7369
7397
  --bs-btn-disabled-border-color: var(--bs-btn-light-disabled-border-color);
@@ -7379,15 +7407,18 @@ body {
7379
7407
  --bs-btn-color: var(--bs-btn-outline-light-color);
7380
7408
  --bs-btn-bg: var(--bs-btn-outline-light-bg);
7381
7409
  --bs-btn-border-color: var(--bs-btn-outline-light-border-color);
7410
+ --bs-btn-box-shadow: var(--bs-btn-outline-light-box-shadow);
7382
7411
  --bs-btn-hover-color: var(--bs-btn-outline-light-hover-color);
7383
7412
  --bs-btn-hover-bg: var(--bs-btn-outline-light-hover-bg);
7384
7413
  --bs-btn-hover-border-color: var(--bs-btn-outline-light-hover-border-color);
7385
7414
  --bs-btn-focus-color: var(--bs-btn-outline-light-focus-color);
7386
7415
  --bs-btn-focus-bg: var(--bs-btn-outline-light-focus-bg);
7387
7416
  --bs-btn-focus-border-color: var(--bs-btn-outline-light-focus-border-color);
7417
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-light-focus-shadow-rgb);
7388
7418
  --bs-btn-active-color: var(--bs-btn-outline-light-active-color);
7389
7419
  --bs-btn-active-bg: var(--bs-btn-outline-light-active-bg);
7390
7420
  --bs-btn-active-border-color: var(--bs-btn-outline-light-active-border-color);
7421
+ --bs-btn-active-box-shadow: var(--bs-btn-outline-light-active-box-shadow);
7391
7422
  --bs-btn-disabled-color: var(--bs-btn-outline-light-disabled-color);
7392
7423
  --bs-btn-disabled-bg: var(--bs-btn-outline-light-disabled-bg);
7393
7424
  --bs-btn-disabled-border-color: var(--bs-btn-outline-light-disabled-border-color);
@@ -7403,15 +7434,18 @@ body {
7403
7434
  --bs-btn-color: var(--bs-btn-link-light-color);
7404
7435
  --bs-btn-bg: var(--bs-btn-link-light-bg);
7405
7436
  --bs-btn-border-color: var(--bs-btn-link-light-border-color);
7437
+ --bs-btn-box-shadow: var(--bs-btn-link-light-box-shadow);
7406
7438
  --bs-btn-hover-color: var(--bs-btn-link-light-hover-color);
7407
7439
  --bs-btn-hover-bg: var(--bs-btn-link-light-hover-bg);
7408
7440
  --bs-btn-hover-border-color: var(--bs-btn-link-light-hover-border-color);
7409
7441
  --bs-btn-focus-color: var(--bs-btn-link-light-focus-color);
7410
7442
  --bs-btn-focus-bg: var(--bs-btn-link-light-focus-bg);
7411
7443
  --bs-btn-focus-border-color: var(--bs-btn-link-light-focus-border-color);
7444
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-link-light-focus-shadow-rgb);
7412
7445
  --bs-btn-active-color: var(--bs-btn-link-light-active-color);
7413
7446
  --bs-btn-active-bg: var(--bs-btn-link-light-active-bg);
7414
7447
  --bs-btn-active-border-color: var(--bs-btn-link-light-active-border-color);
7448
+ --bs-btn-active-box-shadow: var(--bs-btn-link-light-active-box-shadow);
7415
7449
  --bs-btn-disabled-color: var(--bs-btn-link-light-disabled-color);
7416
7450
  --bs-btn-disabled-bg: var(--bs-btn-link-light-disabled-bg);
7417
7451
  --bs-btn-disabled-border-color: var(--bs-btn-link-light-disabled-border-color);
@@ -7427,15 +7461,18 @@ body {
7427
7461
  --bs-btn-color: var(--bs-btn-dark-color);
7428
7462
  --bs-btn-bg: var(--bs-btn-dark-bg);
7429
7463
  --bs-btn-border-color: var(--bs-btn-dark-border-color);
7464
+ --bs-btn-box-shadow: var(--bs-btn-dark-box-shadow);
7430
7465
  --bs-btn-hover-color: var(--bs-btn-dark-hover-color);
7431
7466
  --bs-btn-hover-bg: var(--bs-btn-dark-hover-bg);
7432
7467
  --bs-btn-hover-border-color: var(--bs-btn-dark-hover-border-color);
7433
7468
  --bs-btn-focus-color: var(--bs-btn-dark-focus-color);
7434
7469
  --bs-btn-focus-bg: var(--bs-btn-dark-focus-bg);
7435
7470
  --bs-btn-focus-border-color: var(--bs-btn-dark-focus-border-color);
7471
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-dark-focus-shadow-rgb);
7436
7472
  --bs-btn-active-color: var(--bs-btn-dark-active-color);
7437
7473
  --bs-btn-active-bg: var(--bs-btn-dark-active-bg);
7438
7474
  --bs-btn-active-border-color: var(--bs-btn-dark-active-border-color);
7475
+ --bs-btn-active-box-shadow: var(--bs-btn-dark-active-box-shadow);
7439
7476
  --bs-btn-disabled-color: var(--bs-btn-dark-disabled-color);
7440
7477
  --bs-btn-disabled-bg: var(--bs-btn-dark-disabled-bg);
7441
7478
  --bs-btn-disabled-border-color: var(--bs-btn-dark-disabled-border-color);
@@ -7451,15 +7488,18 @@ body {
7451
7488
  --bs-btn-color: var(--bs-btn-outline-dark-color);
7452
7489
  --bs-btn-bg: var(--bs-btn-outline-dark-bg);
7453
7490
  --bs-btn-border-color: var(--bs-btn-outline-dark-border-color);
7491
+ --bs-btn-box-shadow: var(--bs-btn-outline-dark-box-shadow);
7454
7492
  --bs-btn-hover-color: var(--bs-btn-outline-dark-hover-color);
7455
7493
  --bs-btn-hover-bg: var(--bs-btn-outline-dark-hover-bg);
7456
7494
  --bs-btn-hover-border-color: var(--bs-btn-outline-dark-hover-border-color);
7457
7495
  --bs-btn-focus-color: var(--bs-btn-outline-dark-focus-color);
7458
7496
  --bs-btn-focus-bg: var(--bs-btn-outline-dark-focus-bg);
7459
7497
  --bs-btn-focus-border-color: var(--bs-btn-outline-dark-focus-border-color);
7498
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-dark-focus-shadow-rgb);
7460
7499
  --bs-btn-active-color: var(--bs-btn-outline-dark-active-color);
7461
7500
  --bs-btn-active-bg: var(--bs-btn-outline-dark-active-bg);
7462
7501
  --bs-btn-active-border-color: var(--bs-btn-outline-dark-active-border-color);
7502
+ --bs-btn-active-box-shadow: var(--bs-btn-outline-dark-active-box-shadow);
7463
7503
  --bs-btn-disabled-color: var(--bs-btn-outline-dark-disabled-color);
7464
7504
  --bs-btn-disabled-bg: var(--bs-btn-outline-dark-disabled-bg);
7465
7505
  --bs-btn-disabled-border-color: var(--bs-btn-outline-dark-disabled-border-color);
@@ -7475,15 +7515,18 @@ body {
7475
7515
  --bs-btn-color: var(--bs-btn-link-dark-color);
7476
7516
  --bs-btn-bg: var(--bs-btn-link-dark-bg);
7477
7517
  --bs-btn-border-color: var(--bs-btn-link-dark-border-color);
7518
+ --bs-btn-box-shadow: var(--bs-btn-link-dark-box-shadow);
7478
7519
  --bs-btn-hover-color: var(--bs-btn-link-dark-hover-color);
7479
7520
  --bs-btn-hover-bg: var(--bs-btn-link-dark-hover-bg);
7480
7521
  --bs-btn-hover-border-color: var(--bs-btn-link-dark-hover-border-color);
7481
7522
  --bs-btn-focus-color: var(--bs-btn-link-dark-focus-color);
7482
7523
  --bs-btn-focus-bg: var(--bs-btn-link-dark-focus-bg);
7483
7524
  --bs-btn-focus-border-color: var(--bs-btn-link-dark-focus-border-color);
7525
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-link-dark-focus-shadow-rgb);
7484
7526
  --bs-btn-active-color: var(--bs-btn-link-dark-active-color);
7485
7527
  --bs-btn-active-bg: var(--bs-btn-link-dark-active-bg);
7486
7528
  --bs-btn-active-border-color: var(--bs-btn-link-dark-active-border-color);
7529
+ --bs-btn-active-box-shadow: var(--bs-btn-link-dark-active-box-shadow);
7487
7530
  --bs-btn-disabled-color: var(--bs-btn-link-dark-disabled-color);
7488
7531
  --bs-btn-disabled-bg: var(--bs-btn-link-dark-disabled-bg);
7489
7532
  --bs-btn-disabled-border-color: var(--bs-btn-link-dark-disabled-border-color);
@@ -7525,19 +7568,19 @@ body {
7525
7568
  --bs-btn-hover-border-color: transparent;
7526
7569
  --bs-btn-active-color: var(--bs-link-hover-color);
7527
7570
  --bs-btn-active-border-color: transparent;
7528
- --bs-btn-disabled-color: #8a9197;
7571
+ --bs-btn-disabled-color: #575768;
7529
7572
  --bs-btn-disabled-border-color: transparent;
7530
7573
  --bs-btn-box-shadow: 0 0 0 #000;
7531
7574
  --bs-btn-focus-shadow-rgb: 222, 61, 120;
7532
7575
  text-decoration: none;
7533
7576
  }
7534
- .btn-link:hover, .btn-link:focus-visible {
7577
+ .btn-link.hover, .btn-link:hover, .btn-link.focus-visible, .btn-link:focus-visible {
7535
7578
  text-decoration: underline;
7536
7579
  }
7537
- .btn-link:focus-visible {
7580
+ .btn-link.focus-visible, .btn-link:focus-visible {
7538
7581
  color: var(--bs-btn-color);
7539
7582
  }
7540
- .btn-link:hover {
7583
+ .btn-link.hover, .btn-link:hover {
7541
7584
  color: var(--bs-btn-hover-color);
7542
7585
  }
7543
7586
 
@@ -7615,10 +7658,10 @@ body {
7615
7658
  --bs-alert-link-color: var(--bs-white);
7616
7659
  }
7617
7660
  .alert.alert-warning {
7618
- --bs-alert-color: var(--bs-black);
7661
+ --bs-alert-color: var(--bs-gray-700);
7619
7662
  --bs-alert-bg: var(--bs-warning);
7620
7663
  --bs-alert-border-color: var(--bs-warning);
7621
- --bs-alert-link-color: var(--bs-black);
7664
+ --bs-alert-link-color: var(--bs-gray-700);
7622
7665
  }
7623
7666
  .alert.alert-danger {
7624
7667
  --bs-alert-color: var(--bs-white);
@@ -7640,7 +7683,7 @@ body {
7640
7683
  }
7641
7684
  .alert.alert-soft {
7642
7685
  --bs-alert-color: var(--bs-gray-900);
7643
- border-width: 0 0 0 5px;
7686
+ --bs-alert-border: 0;
7644
7687
  }
7645
7688
  .alert.alert-soft.alert-primary {
7646
7689
  --bs-alert-icon-color: var(--bs-primary-500);
@@ -7880,7 +7923,7 @@ label .d-icon {
7880
7923
  --bs-tooltip-bg: var(--bs-info);
7881
7924
  }
7882
7925
  .tooltip.tooltip-warning {
7883
- --bs-tooltip-color: var(--bs-black);
7926
+ --bs-tooltip-color: var(--bs-gray-700);
7884
7927
  --bs-tooltip-bg: var(--bs-warning);
7885
7928
  }
7886
7929
  .tooltip.tooltip-danger {
@@ -7896,698 +7939,6 @@ label .d-icon {
7896
7939
  --bs-tooltip-bg: var(--bs-dark);
7897
7940
  }
7898
7941
 
7899
- :root {
7900
- --toastify-color-light: #fff;
7901
- --toastify-color-dark: #121212;
7902
- --toastify-color-info: #3498db;
7903
- --toastify-color-success: #07bc0c;
7904
- --toastify-color-warning: #f1c40f;
7905
- --toastify-color-error: #e74c3c;
7906
- --toastify-color-transparent: rgba(255, 255, 255, 0.7);
7907
- --toastify-icon-color-info: var(--toastify-color-info);
7908
- --toastify-icon-color-success: var(--toastify-color-success);
7909
- --toastify-icon-color-warning: var(--toastify-color-warning);
7910
- --toastify-icon-color-error: var(--toastify-color-error);
7911
- --toastify-toast-width: 320px;
7912
- --toastify-toast-offset: 16px;
7913
- --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
7914
- --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
7915
- --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
7916
- --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
7917
- --toastify-toast-background: #fff;
7918
- --toastify-toast-min-height: 64px;
7919
- --toastify-toast-max-height: 800px;
7920
- --toastify-toast-bd-radius: 6px;
7921
- --toastify-font-family: sans-serif;
7922
- --toastify-z-index: 9999;
7923
- --toastify-text-color-light: #757575;
7924
- --toastify-text-color-dark: #fff;
7925
- --toastify-text-color-info: #fff;
7926
- --toastify-text-color-success: #fff;
7927
- --toastify-text-color-warning: #fff;
7928
- --toastify-text-color-error: #fff;
7929
- --toastify-spinner-color: #616161;
7930
- --toastify-spinner-color-empty-area: #e0e0e0;
7931
- --toastify-color-progress-light: linear-gradient(
7932
- to right,
7933
- #4cd964,
7934
- #5ac8fa,
7935
- #007aff,
7936
- #34aadc,
7937
- #5856d6,
7938
- #ff2d55
7939
- );
7940
- --toastify-color-progress-dark: #bb86fc;
7941
- --toastify-color-progress-info: var(--toastify-color-info);
7942
- --toastify-color-progress-success: var(--toastify-color-success);
7943
- --toastify-color-progress-warning: var(--toastify-color-warning);
7944
- --toastify-color-progress-error: var(--toastify-color-error);
7945
- --toastify-color-progress-bgo: 0.2;
7946
- }
7947
-
7948
- .Toastify__toast-container {
7949
- z-index: var(--toastify-z-index);
7950
- -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
7951
- position: fixed;
7952
- padding: 4px;
7953
- width: var(--toastify-toast-width);
7954
- box-sizing: border-box;
7955
- color: #fff;
7956
- }
7957
- .Toastify__toast-container--top-left {
7958
- top: var(--toastify-toast-top);
7959
- left: var(--toastify-toast-left);
7960
- }
7961
- .Toastify__toast-container--top-center {
7962
- top: var(--toastify-toast-top);
7963
- left: 50%;
7964
- transform: translateX(-50%);
7965
- }
7966
- .Toastify__toast-container--top-right {
7967
- top: var(--toastify-toast-top);
7968
- right: var(--toastify-toast-right);
7969
- }
7970
- .Toastify__toast-container--bottom-left {
7971
- bottom: var(--toastify-toast-bottom);
7972
- left: var(--toastify-toast-left);
7973
- }
7974
- .Toastify__toast-container--bottom-center {
7975
- bottom: var(--toastify-toast-bottom);
7976
- left: 50%;
7977
- transform: translateX(-50%);
7978
- }
7979
- .Toastify__toast-container--bottom-right {
7980
- bottom: var(--toastify-toast-bottom);
7981
- right: var(--toastify-toast-right);
7982
- }
7983
-
7984
- @media only screen and (max-width : 480px) {
7985
- .Toastify__toast-container {
7986
- width: 100vw;
7987
- padding: 0;
7988
- left: env(safe-area-inset-left);
7989
- margin: 0;
7990
- }
7991
- .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
7992
- top: env(safe-area-inset-top);
7993
- transform: translateX(0);
7994
- }
7995
- .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
7996
- bottom: env(safe-area-inset-bottom);
7997
- transform: translateX(0);
7998
- }
7999
- .Toastify__toast-container--rtl {
8000
- right: env(safe-area-inset-right);
8001
- left: initial;
8002
- }
8003
- }
8004
- .Toastify__toast {
8005
- --y: 0;
8006
- position: relative;
8007
- touch-action: none;
8008
- min-height: var(--toastify-toast-min-height);
8009
- box-sizing: border-box;
8010
- margin-bottom: 1rem;
8011
- padding: 8px;
8012
- border-radius: var(--toastify-toast-bd-radius);
8013
- box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
8014
- display: flex;
8015
- justify-content: space-between;
8016
- max-height: var(--toastify-toast-max-height);
8017
- font-family: var(--toastify-font-family);
8018
- cursor: default;
8019
- direction: ltr;
8020
- /* webkit only issue #791 */
8021
- z-index: 0;
8022
- overflow: hidden;
8023
- }
8024
- .Toastify__toast--stacked {
8025
- position: absolute;
8026
- width: 100%;
8027
- transform: translate3d(0, var(--y), 0) scale(var(--s));
8028
- transition: transform 0.3s;
8029
- }
8030
- .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
8031
- transition: opacity 0.1s;
8032
- }
8033
- .Toastify__toast--stacked[data-collapsed=false] {
8034
- overflow: visible;
8035
- }
8036
- .Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
8037
- opacity: 0;
8038
- }
8039
- .Toastify__toast--stacked:after {
8040
- content: "";
8041
- position: absolute;
8042
- left: 0;
8043
- right: 0;
8044
- height: calc(var(--g) * 1px);
8045
- bottom: 100%;
8046
- }
8047
- .Toastify__toast--stacked[data-pos=top] {
8048
- top: 0;
8049
- }
8050
- .Toastify__toast--stacked[data-pos=bot] {
8051
- bottom: 0;
8052
- }
8053
- .Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
8054
- transform-origin: top;
8055
- }
8056
- .Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
8057
- transform-origin: bottom;
8058
- }
8059
- .Toastify__toast--stacked:before {
8060
- content: "";
8061
- position: absolute;
8062
- left: 0;
8063
- right: 0;
8064
- bottom: 0;
8065
- height: 100%;
8066
- transform: scaleY(3);
8067
- z-index: -1;
8068
- }
8069
- .Toastify__toast--rtl {
8070
- direction: rtl;
8071
- }
8072
- .Toastify__toast--close-on-click {
8073
- cursor: pointer;
8074
- }
8075
- .Toastify__toast-body {
8076
- margin: auto 0;
8077
- flex: 1 1 auto;
8078
- padding: 6px;
8079
- display: flex;
8080
- align-items: center;
8081
- }
8082
- .Toastify__toast-body > div:last-child {
8083
- word-break: break-word;
8084
- flex: 1;
8085
- }
8086
- .Toastify__toast-icon {
8087
- -webkit-margin-end: 10px;
8088
- margin-inline-end: 10px;
8089
- width: 20px;
8090
- flex-shrink: 0;
8091
- display: flex;
8092
- }
8093
-
8094
- .Toastify--animate {
8095
- animation-fill-mode: both;
8096
- animation-duration: 0.5s;
8097
- }
8098
-
8099
- .Toastify--animate-icon {
8100
- animation-fill-mode: both;
8101
- animation-duration: 0.3s;
8102
- }
8103
-
8104
- @media only screen and (max-width : 480px) {
8105
- .Toastify__toast {
8106
- margin-bottom: 0;
8107
- border-radius: 0;
8108
- }
8109
- }
8110
- .Toastify__toast-theme--dark {
8111
- background: var(--toastify-color-dark);
8112
- color: var(--toastify-text-color-dark);
8113
- }
8114
- .Toastify__toast-theme--light {
8115
- background: var(--toastify-color-light);
8116
- color: var(--toastify-text-color-light);
8117
- }
8118
- .Toastify__toast-theme--colored.Toastify__toast--default {
8119
- background: var(--toastify-color-light);
8120
- color: var(--toastify-text-color-light);
8121
- }
8122
- .Toastify__toast-theme--colored.Toastify__toast--info {
8123
- color: var(--toastify-text-color-info);
8124
- background: var(--toastify-color-info);
8125
- }
8126
- .Toastify__toast-theme--colored.Toastify__toast--success {
8127
- color: var(--toastify-text-color-success);
8128
- background: var(--toastify-color-success);
8129
- }
8130
- .Toastify__toast-theme--colored.Toastify__toast--warning {
8131
- color: var(--toastify-text-color-warning);
8132
- background: var(--toastify-color-warning);
8133
- }
8134
- .Toastify__toast-theme--colored.Toastify__toast--error {
8135
- color: var(--toastify-text-color-error);
8136
- background: var(--toastify-color-error);
8137
- }
8138
-
8139
- .Toastify__progress-bar-theme--light {
8140
- background: var(--toastify-color-progress-light);
8141
- }
8142
- .Toastify__progress-bar-theme--dark {
8143
- background: var(--toastify-color-progress-dark);
8144
- }
8145
- .Toastify__progress-bar--info {
8146
- background: var(--toastify-color-progress-info);
8147
- }
8148
- .Toastify__progress-bar--success {
8149
- background: var(--toastify-color-progress-success);
8150
- }
8151
- .Toastify__progress-bar--warning {
8152
- background: var(--toastify-color-progress-warning);
8153
- }
8154
- .Toastify__progress-bar--error {
8155
- background: var(--toastify-color-progress-error);
8156
- }
8157
- .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
8158
- background: var(--toastify-color-transparent);
8159
- }
8160
-
8161
- .Toastify__close-button {
8162
- color: #fff;
8163
- background: transparent;
8164
- outline: none;
8165
- border: none;
8166
- padding: 0;
8167
- cursor: pointer;
8168
- opacity: 0.7;
8169
- transition: 0.3s ease;
8170
- align-self: flex-start;
8171
- z-index: 1;
8172
- }
8173
- .Toastify__close-button--light {
8174
- color: #000;
8175
- opacity: 0.3;
8176
- }
8177
- .Toastify__close-button > svg {
8178
- fill: currentColor;
8179
- height: 16px;
8180
- width: 14px;
8181
- }
8182
- .Toastify__close-button:hover, .Toastify__close-button:focus {
8183
- opacity: 1;
8184
- }
8185
-
8186
- @keyframes Toastify__trackProgress {
8187
- 0% {
8188
- transform: scaleX(1);
8189
- }
8190
- 100% {
8191
- transform: scaleX(0);
8192
- }
8193
- }
8194
- .Toastify__progress-bar {
8195
- position: absolute;
8196
- bottom: 0;
8197
- left: 0;
8198
- width: 100%;
8199
- height: 100%;
8200
- z-index: var(--toastify-z-index);
8201
- opacity: 0.7;
8202
- transform-origin: left;
8203
- border-bottom-left-radius: var(--toastify-toast-bd-radius);
8204
- }
8205
- .Toastify__progress-bar--animated {
8206
- animation: Toastify__trackProgress linear 1 forwards;
8207
- }
8208
- .Toastify__progress-bar--controlled {
8209
- transition: transform 0.2s;
8210
- }
8211
- .Toastify__progress-bar--rtl {
8212
- right: 0;
8213
- left: initial;
8214
- transform-origin: right;
8215
- border-bottom-left-radius: initial;
8216
- border-bottom-right-radius: var(--toastify-toast-bd-radius);
8217
- }
8218
- .Toastify__progress-bar--wrp {
8219
- position: absolute;
8220
- bottom: 0;
8221
- left: 0;
8222
- width: 100%;
8223
- height: 5px;
8224
- border-bottom-left-radius: var(--toastify-toast-bd-radius);
8225
- }
8226
- .Toastify__progress-bar--wrp[data-hidden=true] {
8227
- opacity: 0;
8228
- }
8229
- .Toastify__progress-bar--bg {
8230
- opacity: var(--toastify-color-progress-bgo);
8231
- width: 100%;
8232
- height: 100%;
8233
- }
8234
-
8235
- .Toastify__spinner {
8236
- width: 20px;
8237
- height: 20px;
8238
- box-sizing: border-box;
8239
- border: 2px solid;
8240
- border-radius: 100%;
8241
- border-color: var(--toastify-spinner-color-empty-area);
8242
- border-right-color: var(--toastify-spinner-color);
8243
- animation: Toastify__spin 0.65s linear infinite;
8244
- }
8245
-
8246
- @keyframes Toastify__bounceInRight {
8247
- from, 60%, 75%, 90%, to {
8248
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
8249
- }
8250
- from {
8251
- opacity: 0;
8252
- transform: translate3d(3000px, 0, 0);
8253
- }
8254
- 60% {
8255
- opacity: 1;
8256
- transform: translate3d(-25px, 0, 0);
8257
- }
8258
- 75% {
8259
- transform: translate3d(10px, 0, 0);
8260
- }
8261
- 90% {
8262
- transform: translate3d(-5px, 0, 0);
8263
- }
8264
- to {
8265
- transform: none;
8266
- }
8267
- }
8268
- @keyframes Toastify__bounceOutRight {
8269
- 20% {
8270
- opacity: 1;
8271
- transform: translate3d(-20px, var(--y), 0);
8272
- }
8273
- to {
8274
- opacity: 0;
8275
- transform: translate3d(2000px, var(--y), 0);
8276
- }
8277
- }
8278
- @keyframes Toastify__bounceInLeft {
8279
- from, 60%, 75%, 90%, to {
8280
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
8281
- }
8282
- 0% {
8283
- opacity: 0;
8284
- transform: translate3d(-3000px, 0, 0);
8285
- }
8286
- 60% {
8287
- opacity: 1;
8288
- transform: translate3d(25px, 0, 0);
8289
- }
8290
- 75% {
8291
- transform: translate3d(-10px, 0, 0);
8292
- }
8293
- 90% {
8294
- transform: translate3d(5px, 0, 0);
8295
- }
8296
- to {
8297
- transform: none;
8298
- }
8299
- }
8300
- @keyframes Toastify__bounceOutLeft {
8301
- 20% {
8302
- opacity: 1;
8303
- transform: translate3d(20px, var(--y), 0);
8304
- }
8305
- to {
8306
- opacity: 0;
8307
- transform: translate3d(-2000px, var(--y), 0);
8308
- }
8309
- }
8310
- @keyframes Toastify__bounceInUp {
8311
- from, 60%, 75%, 90%, to {
8312
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
8313
- }
8314
- from {
8315
- opacity: 0;
8316
- transform: translate3d(0, 3000px, 0);
8317
- }
8318
- 60% {
8319
- opacity: 1;
8320
- transform: translate3d(0, -20px, 0);
8321
- }
8322
- 75% {
8323
- transform: translate3d(0, 10px, 0);
8324
- }
8325
- 90% {
8326
- transform: translate3d(0, -5px, 0);
8327
- }
8328
- to {
8329
- transform: translate3d(0, 0, 0);
8330
- }
8331
- }
8332
- @keyframes Toastify__bounceOutUp {
8333
- 20% {
8334
- transform: translate3d(0, calc(var(--y) - 10px), 0);
8335
- }
8336
- 40%, 45% {
8337
- opacity: 1;
8338
- transform: translate3d(0, calc(var(--y) + 20px), 0);
8339
- }
8340
- to {
8341
- opacity: 0;
8342
- transform: translate3d(0, -2000px, 0);
8343
- }
8344
- }
8345
- @keyframes Toastify__bounceInDown {
8346
- from, 60%, 75%, 90%, to {
8347
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
8348
- }
8349
- 0% {
8350
- opacity: 0;
8351
- transform: translate3d(0, -3000px, 0);
8352
- }
8353
- 60% {
8354
- opacity: 1;
8355
- transform: translate3d(0, 25px, 0);
8356
- }
8357
- 75% {
8358
- transform: translate3d(0, -10px, 0);
8359
- }
8360
- 90% {
8361
- transform: translate3d(0, 5px, 0);
8362
- }
8363
- to {
8364
- transform: none;
8365
- }
8366
- }
8367
- @keyframes Toastify__bounceOutDown {
8368
- 20% {
8369
- transform: translate3d(0, calc(var(--y) - 10px), 0);
8370
- }
8371
- 40%, 45% {
8372
- opacity: 1;
8373
- transform: translate3d(0, calc(var(--y) + 20px), 0);
8374
- }
8375
- to {
8376
- opacity: 0;
8377
- transform: translate3d(0, 2000px, 0);
8378
- }
8379
- }
8380
- .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
8381
- animation-name: Toastify__bounceInLeft;
8382
- }
8383
- .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
8384
- animation-name: Toastify__bounceInRight;
8385
- }
8386
- .Toastify__bounce-enter--top-center {
8387
- animation-name: Toastify__bounceInDown;
8388
- }
8389
- .Toastify__bounce-enter--bottom-center {
8390
- animation-name: Toastify__bounceInUp;
8391
- }
8392
-
8393
- .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
8394
- animation-name: Toastify__bounceOutLeft;
8395
- }
8396
- .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
8397
- animation-name: Toastify__bounceOutRight;
8398
- }
8399
- .Toastify__bounce-exit--top-center {
8400
- animation-name: Toastify__bounceOutUp;
8401
- }
8402
- .Toastify__bounce-exit--bottom-center {
8403
- animation-name: Toastify__bounceOutDown;
8404
- }
8405
-
8406
- @keyframes Toastify__zoomIn {
8407
- from {
8408
- opacity: 0;
8409
- transform: scale3d(0.3, 0.3, 0.3);
8410
- }
8411
- 50% {
8412
- opacity: 1;
8413
- }
8414
- }
8415
- @keyframes Toastify__zoomOut {
8416
- from {
8417
- opacity: 1;
8418
- }
8419
- 50% {
8420
- opacity: 0;
8421
- transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
8422
- }
8423
- to {
8424
- opacity: 0;
8425
- }
8426
- }
8427
- .Toastify__zoom-enter {
8428
- animation-name: Toastify__zoomIn;
8429
- }
8430
-
8431
- .Toastify__zoom-exit {
8432
- animation-name: Toastify__zoomOut;
8433
- }
8434
-
8435
- @keyframes Toastify__flipIn {
8436
- from {
8437
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
8438
- animation-timing-function: ease-in;
8439
- opacity: 0;
8440
- }
8441
- 40% {
8442
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
8443
- animation-timing-function: ease-in;
8444
- }
8445
- 60% {
8446
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
8447
- opacity: 1;
8448
- }
8449
- 80% {
8450
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
8451
- }
8452
- to {
8453
- transform: perspective(400px);
8454
- }
8455
- }
8456
- @keyframes Toastify__flipOut {
8457
- from {
8458
- transform: translate3d(0, var(--y), 0) perspective(400px);
8459
- }
8460
- 30% {
8461
- transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
8462
- opacity: 1;
8463
- }
8464
- to {
8465
- transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
8466
- opacity: 0;
8467
- }
8468
- }
8469
- .Toastify__flip-enter {
8470
- animation-name: Toastify__flipIn;
8471
- }
8472
-
8473
- .Toastify__flip-exit {
8474
- animation-name: Toastify__flipOut;
8475
- }
8476
-
8477
- @keyframes Toastify__slideInRight {
8478
- from {
8479
- transform: translate3d(110%, 0, 0);
8480
- visibility: visible;
8481
- }
8482
- to {
8483
- transform: translate3d(0, var(--y), 0);
8484
- }
8485
- }
8486
- @keyframes Toastify__slideInLeft {
8487
- from {
8488
- transform: translate3d(-110%, 0, 0);
8489
- visibility: visible;
8490
- }
8491
- to {
8492
- transform: translate3d(0, var(--y), 0);
8493
- }
8494
- }
8495
- @keyframes Toastify__slideInUp {
8496
- from {
8497
- transform: translate3d(0, 110%, 0);
8498
- visibility: visible;
8499
- }
8500
- to {
8501
- transform: translate3d(0, var(--y), 0);
8502
- }
8503
- }
8504
- @keyframes Toastify__slideInDown {
8505
- from {
8506
- transform: translate3d(0, -110%, 0);
8507
- visibility: visible;
8508
- }
8509
- to {
8510
- transform: translate3d(0, var(--y), 0);
8511
- }
8512
- }
8513
- @keyframes Toastify__slideOutRight {
8514
- from {
8515
- transform: translate3d(0, var(--y), 0);
8516
- }
8517
- to {
8518
- visibility: hidden;
8519
- transform: translate3d(110%, var(--y), 0);
8520
- }
8521
- }
8522
- @keyframes Toastify__slideOutLeft {
8523
- from {
8524
- transform: translate3d(0, var(--y), 0);
8525
- }
8526
- to {
8527
- visibility: hidden;
8528
- transform: translate3d(-110%, var(--y), 0);
8529
- }
8530
- }
8531
- @keyframes Toastify__slideOutDown {
8532
- from {
8533
- transform: translate3d(0, var(--y), 0);
8534
- }
8535
- to {
8536
- visibility: hidden;
8537
- transform: translate3d(0, 500px, 0);
8538
- }
8539
- }
8540
- @keyframes Toastify__slideOutUp {
8541
- from {
8542
- transform: translate3d(0, var(--y), 0);
8543
- }
8544
- to {
8545
- visibility: hidden;
8546
- transform: translate3d(0, -500px, 0);
8547
- }
8548
- }
8549
- .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
8550
- animation-name: Toastify__slideInLeft;
8551
- }
8552
- .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
8553
- animation-name: Toastify__slideInRight;
8554
- }
8555
- .Toastify__slide-enter--top-center {
8556
- animation-name: Toastify__slideInDown;
8557
- }
8558
- .Toastify__slide-enter--bottom-center {
8559
- animation-name: Toastify__slideInUp;
8560
- }
8561
-
8562
- .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
8563
- animation-name: Toastify__slideOutLeft;
8564
- animation-timing-function: ease-in;
8565
- animation-duration: 0.3s;
8566
- }
8567
- .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
8568
- animation-name: Toastify__slideOutRight;
8569
- animation-timing-function: ease-in;
8570
- animation-duration: 0.3s;
8571
- }
8572
- .Toastify__slide-exit--top-center {
8573
- animation-name: Toastify__slideOutUp;
8574
- animation-timing-function: ease-in;
8575
- animation-duration: 0.3s;
8576
- }
8577
- .Toastify__slide-exit--bottom-center {
8578
- animation-name: Toastify__slideOutDown;
8579
- animation-timing-function: ease-in;
8580
- animation-duration: 0.3s;
8581
- }
8582
-
8583
- @keyframes Toastify__spin {
8584
- from {
8585
- transform: rotate(0deg);
8586
- }
8587
- to {
8588
- transform: rotate(360deg);
8589
- }
8590
- }
8591
7942
  .d-icon {
8592
7943
  --bs-icon-color: var(--bs-icon-component-color, inherit);
8593
7944
  --bs-icon-bg-color: var(--bs-icon-component-bg-color, inherit);
@@ -8621,8 +7972,8 @@ label .d-icon {
8621
7972
  .d-input-pin {
8622
7973
  --bs-input-pin-form-gap: var(--bs-ref-spacer-1);
8623
7974
  --bs-input-pin-form-control-size: 4rem;
8624
- --bs-input-pin-form-control-focus-border-color: var(--bs-focus-ring-color);
8625
- --bs-input-pin-form-control-focus-box-shadow: 0 0 0 1px rgba(var(--bs-secondary-rgb));
7975
+ --bs-input-pin-form-control-focus-border-color: var(--bs-focus-ring-border-color);
7976
+ --bs-input-pin-form-control-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
8626
7977
  display: flex;
8627
7978
  flex-direction: column;
8628
7979
  align-items: flex-start;
@@ -8657,7 +8008,7 @@ label .d-icon {
8657
8008
  }
8658
8009
  .d-input-pin:has(.form-control.is-valid) .form-control {
8659
8010
  border-color: var(--bs-success);
8660
- box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1);
8011
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
8661
8012
  }
8662
8013
  .d-input-pin:has(.form-control.is-valid) .form-text {
8663
8014
  color: var(--bs-form-valid-border-color);
@@ -8667,7 +8018,7 @@ label .d-icon {
8667
8018
  }
8668
8019
  .d-input-pin:has(.form-control.is-invalid) .form-control {
8669
8020
  border-color: var(--bs-danger);
8670
- box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
8021
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
8671
8022
  }
8672
8023
  .d-input-pin:has(.form-control.is-invalid) .form-text {
8673
8024
  color: var(--bs-form-invalid-border-color);
@@ -8680,6 +8031,29 @@ label .d-icon {
8680
8031
  background-color: transparent;
8681
8032
  }
8682
8033
 
8034
+ .d-button-icon {
8035
+ --bs-btn-padding-x: var(--bs-ref-spacer-3);
8036
+ --bs-btn-padding-y: var(--bs-ref-spacer-3);
8037
+ --bs-btn-lg-padding-y: var(--bs-ref-spacer-4);
8038
+ --bs-btn-lg-padding-x: var(--bs-ref-spacer-4);
8039
+ --bs-btn-sm-padding-y: var(--bs-ref-spacer-2);
8040
+ --bs-btn-sm-padding-x: var(--bs-ref-spacer-2);
8041
+ }
8042
+
8043
+ .btn-lg, .btn-group-lg > .btn {
8044
+ --bs-btn-padding-y: var(--bs-btn-lg-padding-y);
8045
+ --bs-btn-padding-x: var(--bs-btn-lg-padding-x);
8046
+ --bs-btn-font-size: var(--bs-btn-lg-font-size);
8047
+ --bs-btn-border-radius: var(--bs-btn-lg-border-radius);
8048
+ }
8049
+
8050
+ .btn-sm, .btn-group-sm > .btn {
8051
+ --bs-btn-padding-y: var(--bs-btn-sm-padding-y);
8052
+ --bs-btn-padding-x: var(--bs-btn-sm-padding-x);
8053
+ --bs-btn-font-size: var(--bs-btn-sm-font-size);
8054
+ --bs-btn-border-radius: var(--bs-btn-sm-border-radius);
8055
+ }
8056
+
8683
8057
  .d-quick-action-button {
8684
8058
  --bs-quick-action-button-gap: var(--bs-ref-spacer-2);
8685
8059
  --bs-quick-action-button-padding: var(--bs-ref-spacer-4);
@@ -8897,14 +8271,12 @@ label .d-icon {
8897
8271
  --bs-quick-action-switch-border-radius: var(--bs-border-radius-sm);
8898
8272
  --bs-quick-action-switch-content-gap: var(--bs-ref-spacer-1);
8899
8273
  --bs-quick-action-switch-label-font-size: 1rem;
8900
- --bs-quick-action-switch-label-font-weight: var(--bs-fw-bold);
8901
- --bs-quick-action-switch-label-color: var(--bs-gray);
8274
+ --bs-quick-action-switch-label-font-weight: var(--bs-label-font-weight);
8902
8275
  --bs-quick-action-switch-hint-font-size: var(--bs-fs-small);
8903
8276
  --bs-quick-action-switch-hint-font-weight: var(--bs-fw-normal);
8904
8277
  --bs-quick-action-switch-hint-color: var(--bs-gray-400);
8905
8278
  --bs-quick-action-switch-hover-bg: var(--bs-secondary-soft);
8906
8279
  --bs-quick-action-switch-checked-bg: var(--bs-white);
8907
- --bs-quick-action-switch-checked-label-color: var(--bs-gray-700);
8908
8280
  --bs-quick-action-switch-checked-hint-color: var(--bs-gray-500);
8909
8281
  display: flex;
8910
8282
  flex-direction: column;
@@ -8923,9 +8295,6 @@ label .d-icon {
8923
8295
  .d-quick-action-switch:has(input:checked) {
8924
8296
  background: var(--bs-quick-action-switch-checked-bg);
8925
8297
  }
8926
- .d-quick-action-switch:has(input:checked) .d-quick-action-switch-label {
8927
- color: var(--bs-quick-action-switch-checked-label-color);
8928
- }
8929
8298
  .d-quick-action-switch:has(input:checked) .d-quick-action-switch-hint {
8930
8299
  color: var(--bs-quick-action-switch-checked-hint-color);
8931
8300
  }
@@ -8937,7 +8306,6 @@ label .d-icon {
8937
8306
  .d-quick-action-switch label {
8938
8307
  --bs-label-font-size: var(--bs-quick-action-switch-label-font-size);
8939
8308
  --bs-label-font-weight: var(--bs-quick-action-switch-label-font-weight);
8940
- --bs-label-color: var(--bs-quick-action-switch-label-color);
8941
8309
  }
8942
8310
  .d-quick-action-switch .d-quick-action-switch-hint {
8943
8311
  font-size: var(--bs-quick-action-switch-hint-font-size);
@@ -9029,15 +8397,6 @@ label .d-icon {
9029
8397
  .modal .modal-header:has(.d-modal-close:only-child) {
9030
8398
  justify-content: flex-end;
9031
8399
  }
9032
- .modal .d-modal-close {
9033
- align-self: flex-start;
9034
- padding: 0;
9035
- background: transparent;
9036
- border: 0;
9037
- }
9038
- .modal .d-modal-close .d-icon {
9039
- --bs-icon-size: var(--bs-ref-spacer-4);
9040
- }
9041
8400
  .modal .d-modal-separator {
9042
8401
  height: var(--bs-modal-separator-height);
9043
8402
  margin: 0 var(--bs-modal-separator-margin-x);
@@ -9085,15 +8444,6 @@ label .d-icon {
9085
8444
  gap: var(--bs-offcanvas-footer-gap);
9086
8445
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
9087
8446
  }
9088
- .offcanvas .d-offcanvas-close {
9089
- align-self: flex-start;
9090
- padding: 0;
9091
- background: transparent;
9092
- border: 0;
9093
- }
9094
- .offcanvas .d-offcanvas-close .d-icon {
9095
- --bs-icon-size: var(--bs-ref-spacer-4);
9096
- }
9097
8447
  .offcanvas .d-offcanvas-action-fill > * {
9098
8448
  flex: 1;
9099
8449
  }
@@ -10229,6 +9579,17 @@ label .d-icon {
10229
9579
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
10230
9580
  }
10231
9581
 
9582
+ .d-close {
9583
+ display: flex;
9584
+ align-self: center;
9585
+ padding: 0;
9586
+ background: transparent;
9587
+ border: 0;
9588
+ }
9589
+ .d-close .d-icon {
9590
+ --bs-icon-size: var(--bs-ref-spacer-4);
9591
+ }
9592
+
10232
9593
  .d-popover {
10233
9594
  --bs-popover-min-width: var(--bs-popover-component-min-width, max-content);
10234
9595
  --bs-popover-z-index: 1;
@@ -10906,7 +10267,8 @@ label .d-icon {
10906
10267
 
10907
10268
  .d-select {
10908
10269
  --bs-select-gap: 0.5rem;
10909
- --bs-select-menu-shadow: 0 8px 12px 0 rgba(35, 36, 38, 0.05);
10270
+ --bs-select-menu-shadow: 0 8px 12px 0 rgba(21, 21, 26, 0.05);
10271
+ --bs-select-menu-z-index: 1000;
10910
10272
  --bs-select-option-focus-bg: var(--bs-gray-100);
10911
10273
  --bs-select-option-selected-color: var(--bs-secondary);
10912
10274
  --bs-select-option-selected-bg: var(--bs-gray-100);
@@ -10941,7 +10303,7 @@ label .d-icon {
10941
10303
  }
10942
10304
  .d-select .input-group:has(.d-select-component.is-valid) {
10943
10305
  border-color: var(--bs-form-valid-border-color);
10944
- box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1);
10306
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
10945
10307
  }
10946
10308
  .d-select .input-group:has(.d-select-component.is-valid) ~ .form-text {
10947
10309
  color: var(--bs-form-valid-border-color);
@@ -10951,7 +10313,7 @@ label .d-icon {
10951
10313
  }
10952
10314
  .d-select .input-group:has(.d-select-component.is-invalid) {
10953
10315
  border-color: var(--bs-form-invalid-border-color);
10954
- box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
10316
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
10955
10317
  }
10956
10318
  .d-select .input-group:has(.d-select-component.is-invalid) ~ .form-text {
10957
10319
  color: var(--bs-form-invalid-border-color);
@@ -10965,7 +10327,7 @@ label .d-icon {
10965
10327
  1rem: 1rem;
10966
10328
  font-weight: var(--bs-fw-normal);
10967
10329
  line-height: 1.5;
10968
- color: var(--bs-gray-900);
10330
+ color: var(--bs-body-color);
10969
10331
  -webkit-appearance: none;
10970
10332
  -moz-appearance: none;
10971
10333
  appearance: none;
@@ -10980,16 +10342,17 @@ label .d-icon {
10980
10342
  }
10981
10343
  }
10982
10344
  .d-select .d-select__control:focus {
10983
- color: var(--bs-gray-900);
10345
+ color: var(--bs-body-color);
10984
10346
  background-color: var(--bs-white);
10985
10347
  outline: 0;
10986
10348
  }
10987
10349
  .d-select .d-select__placeholder {
10988
- color: var(--bs-gray-300);
10350
+ color: var(--bs-border-color);
10989
10351
  opacity: 1;
10990
10352
  }
10991
10353
  .d-select .d-select__menu-list {
10992
10354
  top: calc(var(--bs-input-border-width) * 2);
10355
+ z-index: var(--bs-select-menu-z-index);
10993
10356
  margin: calc(var(--bs-input-border-width) * -1);
10994
10357
  background: var(--bs-white);
10995
10358
  border-radius: var(--bs-input-border-radius);
@@ -11068,6 +10431,22 @@ label .d-icon {
11068
10431
  --bs-icon-color: var(--bs-input-disabled-color);
11069
10432
  }
11070
10433
 
10434
+ .d-table-head button {
10435
+ display: inline-flex;
10436
+ flex: 1;
10437
+ align-items: center;
10438
+ justify-content: space-between;
10439
+ width: 100%;
10440
+ padding: 0;
10441
+ font-size: inherit;
10442
+ font-weight: inherit;
10443
+ background: transparent;
10444
+ border: unset;
10445
+ }
10446
+ .d-table-head button .d-icon {
10447
+ --bs-icon-size: var(--bs-fs-small);
10448
+ }
10449
+
11071
10450
  .clearfix::after {
11072
10451
  display: block;
11073
10452
  clear: both;
@@ -11080,17 +10459,17 @@ label .d-icon {
11080
10459
  }
11081
10460
 
11082
10461
  .text-bg-primary-50 {
11083
- color: var(--bs-black) !important;
10462
+ color: var(--bs-gray-700) !important;
11084
10463
  background-color: RGBA(var(--bs-primary-50-rgb), var(--bs-bg-opacity, 1)) !important;
11085
10464
  }
11086
10465
 
11087
10466
  .text-bg-primary-100 {
11088
- color: var(--bs-black) !important;
10467
+ color: var(--bs-gray-700) !important;
11089
10468
  background-color: RGBA(var(--bs-primary-100-rgb), var(--bs-bg-opacity, 1)) !important;
11090
10469
  }
11091
10470
 
11092
10471
  .text-bg-primary-200 {
11093
- color: var(--bs-black) !important;
10472
+ color: var(--bs-gray-700) !important;
11094
10473
  background-color: RGBA(var(--bs-primary-200-rgb), var(--bs-bg-opacity, 1)) !important;
11095
10474
  }
11096
10475
 
@@ -11140,12 +10519,12 @@ label .d-icon {
11140
10519
  }
11141
10520
 
11142
10521
  .text-bg-secondary-100 {
11143
- color: var(--bs-black) !important;
10522
+ color: var(--bs-gray-700) !important;
11144
10523
  background-color: RGBA(var(--bs-secondary-100-rgb), var(--bs-bg-opacity, 1)) !important;
11145
10524
  }
11146
10525
 
11147
10526
  .text-bg-secondary-200 {
11148
- color: var(--bs-black) !important;
10527
+ color: var(--bs-gray-700) !important;
11149
10528
  background-color: RGBA(var(--bs-secondary-200-rgb), var(--bs-bg-opacity, 1)) !important;
11150
10529
  }
11151
10530
 
@@ -11195,12 +10574,12 @@ label .d-icon {
11195
10574
  }
11196
10575
 
11197
10576
  .text-bg-success-100 {
11198
- color: var(--bs-black) !important;
10577
+ color: var(--bs-gray-700) !important;
11199
10578
  background-color: RGBA(var(--bs-success-100-rgb), var(--bs-bg-opacity, 1)) !important;
11200
10579
  }
11201
10580
 
11202
10581
  .text-bg-success-200 {
11203
- color: var(--bs-black) !important;
10582
+ color: var(--bs-gray-700) !important;
11204
10583
  background-color: RGBA(var(--bs-success-200-rgb), var(--bs-bg-opacity, 1)) !important;
11205
10584
  }
11206
10585
 
@@ -11250,12 +10629,12 @@ label .d-icon {
11250
10629
  }
11251
10630
 
11252
10631
  .text-bg-info-100 {
11253
- color: var(--bs-black) !important;
10632
+ color: var(--bs-gray-700) !important;
11254
10633
  background-color: RGBA(var(--bs-info-100-rgb), var(--bs-bg-opacity, 1)) !important;
11255
10634
  }
11256
10635
 
11257
10636
  .text-bg-info-200 {
11258
- color: var(--bs-black) !important;
10637
+ color: var(--bs-gray-700) !important;
11259
10638
  background-color: RGBA(var(--bs-info-200-rgb), var(--bs-bg-opacity, 1)) !important;
11260
10639
  }
11261
10640
 
@@ -11310,22 +10689,22 @@ label .d-icon {
11310
10689
  }
11311
10690
 
11312
10691
  .text-bg-warning-200 {
11313
- color: var(--bs-black) !important;
10692
+ color: var(--bs-gray-700) !important;
11314
10693
  background-color: RGBA(var(--bs-warning-200-rgb), var(--bs-bg-opacity, 1)) !important;
11315
10694
  }
11316
10695
 
11317
10696
  .text-bg-warning-300 {
11318
- color: var(--bs-black) !important;
10697
+ color: var(--bs-gray-700) !important;
11319
10698
  background-color: RGBA(var(--bs-warning-300-rgb), var(--bs-bg-opacity, 1)) !important;
11320
10699
  }
11321
10700
 
11322
10701
  .text-bg-warning-400 {
11323
- color: var(--bs-black) !important;
10702
+ color: var(--bs-gray-700) !important;
11324
10703
  background-color: RGBA(var(--bs-warning-400-rgb), var(--bs-bg-opacity, 1)) !important;
11325
10704
  }
11326
10705
 
11327
10706
  .text-bg-warning-500 {
11328
- color: var(--bs-black) !important;
10707
+ color: var(--bs-gray-700) !important;
11329
10708
  background-color: RGBA(var(--bs-warning-500-rgb), var(--bs-bg-opacity, 1)) !important;
11330
10709
  }
11331
10710
 
@@ -11360,12 +10739,12 @@ label .d-icon {
11360
10739
  }
11361
10740
 
11362
10741
  .text-bg-danger-100 {
11363
- color: var(--bs-black) !important;
10742
+ color: var(--bs-gray-700) !important;
11364
10743
  background-color: RGBA(var(--bs-danger-100-rgb), var(--bs-bg-opacity, 1)) !important;
11365
10744
  }
11366
10745
 
11367
10746
  .text-bg-danger-200 {
11368
- color: var(--bs-black) !important;
10747
+ color: var(--bs-gray-700) !important;
11369
10748
  background-color: RGBA(var(--bs-danger-200-rgb), var(--bs-bg-opacity, 1)) !important;
11370
10749
  }
11371
10750
 
@@ -11425,7 +10804,7 @@ label .d-icon {
11425
10804
  }
11426
10805
 
11427
10806
  .text-bg-warning {
11428
- color: var(--bs-black) !important;
10807
+ color: var(--bs-gray-700) !important;
11429
10808
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
11430
10809
  }
11431
10810
 
@@ -11460,7 +10839,7 @@ label .d-icon {
11460
10839
  }
11461
10840
 
11462
10841
  .text-bg-gray-200 {
11463
- color: var(--bs-black) !important;
10842
+ color: var(--bs-gray-700) !important;
11464
10843
  background-color: RGBA(var(--bs-gray-200-rgb), var(--bs-bg-opacity, 1)) !important;
11465
10844
  }
11466
10845
 
@@ -11475,12 +10854,12 @@ label .d-icon {
11475
10854
  }
11476
10855
 
11477
10856
  .text-bg-gray-500 {
11478
- color: var(--bs-black) !important;
10857
+ color: var(--bs-white) !important;
11479
10858
  background-color: RGBA(var(--bs-gray-500-rgb), var(--bs-bg-opacity, 1)) !important;
11480
10859
  }
11481
10860
 
11482
10861
  .text-bg-gray-600 {
11483
- color: var(--bs-black) !important;
10862
+ color: var(--bs-white) !important;
11484
10863
  background-color: RGBA(var(--bs-gray-600-rgb), var(--bs-bg-opacity, 1)) !important;
11485
10864
  }
11486
10865
 
@@ -11500,7 +10879,7 @@ label .d-icon {
11500
10879
  }
11501
10880
 
11502
10881
  .text-bg-gray {
11503
- color: var(--bs-black) !important;
10882
+ color: var(--bs-white) !important;
11504
10883
  background-color: RGBA(var(--bs-gray-rgb), var(--bs-bg-opacity, 1)) !important;
11505
10884
  }
11506
10885