@dynamic-framework/ui-react 1.26.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 (51) hide show
  1. package/dist/css/dynamic-ui-non-root.css +269 -905
  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 +496 -1056
  6. package/dist/css/dynamic-ui.min.css +2 -2
  7. package/dist/index.esm.js +112 -47
  8. package/dist/index.esm.js.map +1 -1
  9. package/dist/index.js +113 -46
  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 +3 -1
  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/DInputSearch/DInputSearch.d.ts +2 -1
  20. package/dist/types/components/DInputSelect/DInputSelect.d.ts +3 -2
  21. package/dist/types/components/DInputSwitch/DInputSwitch.d.ts +3 -1
  22. package/dist/types/components/DSelect/DSelect.d.ts +3 -3
  23. package/dist/types/components/DStepper/DStepper.d.ts +2 -1
  24. package/dist/types/components/DStepperDesktop/DStepperDesktop.d.ts +2 -1
  25. package/dist/types/components/DTableHead/DTableHead.d.ts +9 -0
  26. package/dist/types/components/DTableHead/index.d.ts +2 -0
  27. package/dist/types/components/DToastContainer/DToastContainer.d.ts +2 -14
  28. package/dist/types/components/DToastContainer/useDToast.d.ts +11 -12
  29. package/dist/types/components/index.d.ts +2 -0
  30. package/dist/types/contexts/DContext.d.ts +1 -1
  31. package/dist/types/hooks/useFormatCurrency.d.ts +2 -1
  32. package/package.json +4 -4
  33. package/src/style/abstracts/_mixins.scss +41 -21
  34. package/src/style/abstracts/variables/_+import.scss +11 -3
  35. package/src/style/abstracts/variables/_border.scss +1 -1
  36. package/src/style/abstracts/variables/_buttons.scss +3 -5
  37. package/src/style/abstracts/variables/_colors.scss +10 -10
  38. package/src/style/abstracts/variables/_forms.scss +24 -50
  39. package/src/style/abstracts/variables/_quick-action-switch.scss +0 -2
  40. package/src/style/base/_alert.scss +1 -1
  41. package/src/style/base/_buttons.scss +41 -16
  42. package/src/style/base/_form-check.scss +2 -19
  43. package/src/style/base/_form-switch.scss +4 -53
  44. package/src/style/components/_+import.scss +3 -2
  45. package/src/style/components/_d-button-icon.scss +26 -0
  46. package/src/style/components/_d-close.scss +11 -0
  47. package/src/style/components/_d-modal.scss +0 -11
  48. package/src/style/components/_d-offcanvas.scss +0 -11
  49. package/src/style/components/_d-quick-action-switch.scss +0 -7
  50. package/src/style/components/_d-table-head.scss +18 -0
  51. package/src/style/root/_root.scss +42 -36
package/dist/css/dynamic-ui-non-root.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * dynamic-framework 1.26.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,9 +2612,9 @@ 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
2620
  background-color: var(--bs-primary);
@@ -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;
@@ -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);
@@ -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);
@@ -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);
6662
- }
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);
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");
6676
6645
  }
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-primary);
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 {
@@ -6726,7 +6678,7 @@ body {
6726
6678
  .form-text {
6727
6679
  --bs-form-text-padding: 0 0.5rem;
6728
6680
  --bs-form-text-gap: var(--bs-ref-spacer-1);
6729
- --bs-form-text-color: var(--bs-gray);
6681
+ --bs-form-text-color: var(--bs-body-color);
6730
6682
  display: inline-flex;
6731
6683
  flex-direction: row;
6732
6684
  gap: var(--bs-form-text-gap);
@@ -6783,11 +6735,11 @@ body {
6783
6735
  }
6784
6736
 
6785
6737
  .input-group {
6786
- --bs-input-border-color: var(--bs-gray-300);
6738
+ --bs-input-border-color: var(--bs-border-color);
6787
6739
  --bs-input-border-width: var(--bs-border-width);
6788
6740
  --bs-input-border-radius: var(--bs-border-radius-sm);
6789
- --bs-input-focus-border-color: var(--bs-focus-ring-color);
6790
- --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);
6791
6743
  --bs-input-disabled-border-color: var(--bs-gray-300);
6792
6744
  --bs-input-disabled-bg: var(--bs-gray-100);
6793
6745
  --bs-input-disabled-color: var(--bs-gray-300);
@@ -6800,7 +6752,7 @@ body {
6800
6752
  }
6801
6753
  .input-group:has(.form-control.is-valid, .form-select.is-valid) {
6802
6754
  border-color: var(--bs-form-valid-border-color);
6803
- 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);
6804
6756
  }
6805
6757
  .input-group:has(.form-control.is-valid, .form-select.is-valid) ~ .form-text {
6806
6758
  color: var(--bs-form-valid-border-color);
@@ -6810,7 +6762,7 @@ body {
6810
6762
  }
6811
6763
  .input-group:has(.form-control.is-invalid, .form-select.is-invalid) {
6812
6764
  border-color: var(--bs-form-invalid-border-color);
6813
- 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);
6814
6766
  }
6815
6767
  .input-group:has(.form-control.is-invalid, .form-select.is-invalid) ~ .form-text {
6816
6768
  color: var(--bs-form-invalid-border-color);
@@ -6848,10 +6800,10 @@ body {
6848
6800
  --bs-btn-border-width: var(--bs-border-width);
6849
6801
  --bs-btn-border-color: transparent;
6850
6802
  --bs-btn-hover-border-color: transparent;
6851
- --bs-btn-box-shadow: none;
6852
- --bs-btn-disabled-opacity: 1;
6853
- --bs-btn-focus-box-shadow: 0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5);
6854
- --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: ;
6855
6807
  --bs-btn-lg-padding-y: 1rem;
6856
6808
  --bs-btn-lg-padding-x: 2rem;
6857
6809
  --bs-btn-lg-font-size: var(--bs-fs-6);
@@ -6891,36 +6843,42 @@ body {
6891
6843
  -webkit-text-decoration: var(--bs-btn-text-decoration);
6892
6844
  text-decoration: var(--bs-btn-text-decoration);
6893
6845
  }
6894
- .btn:hover, .btn.hover {
6846
+ .btn.hover, .btn:hover {
6895
6847
  color: var(--bs-btn-hover-color);
6896
6848
  text-decoration: none;
6897
6849
  background-color: var(--bs-btn-hover-bg);
6898
6850
  border-color: var(--bs-btn-hover-border-color);
6899
6851
  }
6900
- .btn-check + .btn:hover {
6852
+ .btn-check + .btn.hover, .btn-check + .btn:hover {
6901
6853
  color: var(--bs-btn-color);
6902
6854
  background-color: var(--bs-btn-bg);
6903
6855
  border-color: var(--bs-btn-border-color);
6904
6856
  }
6905
- .btn-check:focus-visible + .btn, .btn:focus-visible:not(:hover), .btn.focus-visible:not(:hover) {
6857
+ .btn.focus-visible, .btn:focus-visible {
6906
6858
  color: var(--bs-btn-focus-color, var(--bs-btn-hover-color));
6907
6859
  background-color: var(--bs-btn-focus-bg, var(--bs-btn-hover-bg));
6908
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);
6909
6863
  }
6910
- .btn-check:focus-visible + .btn, .btn:focus-visible, .btn.focus-visible {
6911
- outline: var(--bs-btn-focus-border-width, var(--bs-btn-border-width)) solid var(--bs-btn-focus-outline-color, var(--bs-focus-ring-color));
6912
- 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);
6913
6868
  }
6914
6869
  .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
6915
6870
  color: var(--bs-btn-active-color);
6916
6871
  background-color: var(--bs-btn-active-bg);
6917
6872
  border-color: var(--bs-btn-active-border-color);
6918
- box-shadow: var(--bs-btn-active-shadow);
6873
+ box-shadow: var(--bs-btn-active-box-shadow);
6874
+ }
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);
6919
6877
  }
6920
- .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 {
6921
- box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
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);
6922
6880
  }
6923
- .btn:disabled, .btn.disabled, fieldset:disabled .btn {
6881
+ .btn.disabled, .btn:disabled, fieldset:disabled .btn {
6924
6882
  color: var(--bs-btn-disabled-color);
6925
6883
  pointer-events: none;
6926
6884
  background-color: var(--bs-btn-disabled-bg);
@@ -6936,15 +6894,18 @@ body {
6936
6894
  --bs-btn-color: var(--bs-btn-primary-color);
6937
6895
  --bs-btn-bg: var(--bs-btn-primary-bg);
6938
6896
  --bs-btn-border-color: var(--bs-btn-primary-border-color);
6897
+ --bs-btn-box-shadow: var(--bs-btn-primary-box-shadow);
6939
6898
  --bs-btn-hover-color: var(--bs-btn-primary-hover-color);
6940
6899
  --bs-btn-hover-bg: var(--bs-btn-primary-hover-bg);
6941
6900
  --bs-btn-hover-border-color: var(--bs-btn-primary-hover-border-color);
6942
6901
  --bs-btn-focus-color: var(--bs-btn-primary-focus-color);
6943
6902
  --bs-btn-focus-bg: var(--bs-btn-primary-focus-bg);
6944
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);
6945
6905
  --bs-btn-active-color: var(--bs-btn-primary-active-color);
6946
6906
  --bs-btn-active-bg: var(--bs-btn-primary-active-bg);
6947
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);
6948
6909
  --bs-btn-disabled-color: var(--bs-btn-primary-disabled-color);
6949
6910
  --bs-btn-disabled-bg: var(--bs-btn-primary-disabled-bg);
6950
6911
  --bs-btn-disabled-border-color: var(--bs-btn-primary-disabled-border-color);
@@ -6960,15 +6921,18 @@ body {
6960
6921
  --bs-btn-color: var(--bs-btn-outline-primary-color);
6961
6922
  --bs-btn-bg: var(--bs-btn-outline-primary-bg);
6962
6923
  --bs-btn-border-color: var(--bs-btn-outline-primary-border-color);
6924
+ --bs-btn-box-shadow: var(--bs-btn-outline-primary-box-shadow);
6963
6925
  --bs-btn-hover-color: var(--bs-btn-outline-primary-hover-color);
6964
6926
  --bs-btn-hover-bg: var(--bs-btn-outline-primary-hover-bg);
6965
6927
  --bs-btn-hover-border-color: var(--bs-btn-outline-primary-hover-border-color);
6966
6928
  --bs-btn-focus-color: var(--bs-btn-outline-primary-focus-color);
6967
6929
  --bs-btn-focus-bg: var(--bs-btn-outline-primary-focus-bg);
6968
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);
6969
6932
  --bs-btn-active-color: var(--bs-btn-outline-primary-active-color);
6970
6933
  --bs-btn-active-bg: var(--bs-btn-outline-primary-active-bg);
6971
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);
6972
6936
  --bs-btn-disabled-color: var(--bs-btn-outline-primary-disabled-color);
6973
6937
  --bs-btn-disabled-bg: var(--bs-btn-outline-primary-disabled-bg);
6974
6938
  --bs-btn-disabled-border-color: var(--bs-btn-outline-primary-disabled-border-color);
@@ -6984,15 +6948,18 @@ body {
6984
6948
  --bs-btn-color: var(--bs-btn-link-primary-color);
6985
6949
  --bs-btn-bg: var(--bs-btn-link-primary-bg);
6986
6950
  --bs-btn-border-color: var(--bs-btn-link-primary-border-color);
6951
+ --bs-btn-box-shadow: var(--bs-btn-link-primary-box-shadow);
6987
6952
  --bs-btn-hover-color: var(--bs-btn-link-primary-hover-color);
6988
6953
  --bs-btn-hover-bg: var(--bs-btn-link-primary-hover-bg);
6989
6954
  --bs-btn-hover-border-color: var(--bs-btn-link-primary-hover-border-color);
6990
6955
  --bs-btn-focus-color: var(--bs-btn-link-primary-focus-color);
6991
6956
  --bs-btn-focus-bg: var(--bs-btn-link-primary-focus-bg);
6992
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);
6993
6959
  --bs-btn-active-color: var(--bs-btn-link-primary-active-color);
6994
6960
  --bs-btn-active-bg: var(--bs-btn-link-primary-active-bg);
6995
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);
6996
6963
  --bs-btn-disabled-color: var(--bs-btn-link-primary-disabled-color);
6997
6964
  --bs-btn-disabled-bg: var(--bs-btn-link-primary-disabled-bg);
6998
6965
  --bs-btn-disabled-border-color: var(--bs-btn-link-primary-disabled-border-color);
@@ -7008,15 +6975,18 @@ body {
7008
6975
  --bs-btn-color: var(--bs-btn-secondary-color);
7009
6976
  --bs-btn-bg: var(--bs-btn-secondary-bg);
7010
6977
  --bs-btn-border-color: var(--bs-btn-secondary-border-color);
6978
+ --bs-btn-box-shadow: var(--bs-btn-secondary-box-shadow);
7011
6979
  --bs-btn-hover-color: var(--bs-btn-secondary-hover-color);
7012
6980
  --bs-btn-hover-bg: var(--bs-btn-secondary-hover-bg);
7013
6981
  --bs-btn-hover-border-color: var(--bs-btn-secondary-hover-border-color);
7014
6982
  --bs-btn-focus-color: var(--bs-btn-secondary-focus-color);
7015
6983
  --bs-btn-focus-bg: var(--bs-btn-secondary-focus-bg);
7016
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);
7017
6986
  --bs-btn-active-color: var(--bs-btn-secondary-active-color);
7018
6987
  --bs-btn-active-bg: var(--bs-btn-secondary-active-bg);
7019
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);
7020
6990
  --bs-btn-disabled-color: var(--bs-btn-secondary-disabled-color);
7021
6991
  --bs-btn-disabled-bg: var(--bs-btn-secondary-disabled-bg);
7022
6992
  --bs-btn-disabled-border-color: var(--bs-btn-secondary-disabled-border-color);
@@ -7032,15 +7002,18 @@ body {
7032
7002
  --bs-btn-color: var(--bs-btn-outline-secondary-color);
7033
7003
  --bs-btn-bg: var(--bs-btn-outline-secondary-bg);
7034
7004
  --bs-btn-border-color: var(--bs-btn-outline-secondary-border-color);
7005
+ --bs-btn-box-shadow: var(--bs-btn-outline-secondary-box-shadow);
7035
7006
  --bs-btn-hover-color: var(--bs-btn-outline-secondary-hover-color);
7036
7007
  --bs-btn-hover-bg: var(--bs-btn-outline-secondary-hover-bg);
7037
7008
  --bs-btn-hover-border-color: var(--bs-btn-outline-secondary-hover-border-color);
7038
7009
  --bs-btn-focus-color: var(--bs-btn-outline-secondary-focus-color);
7039
7010
  --bs-btn-focus-bg: var(--bs-btn-outline-secondary-focus-bg);
7040
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);
7041
7013
  --bs-btn-active-color: var(--bs-btn-outline-secondary-active-color);
7042
7014
  --bs-btn-active-bg: var(--bs-btn-outline-secondary-active-bg);
7043
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);
7044
7017
  --bs-btn-disabled-color: var(--bs-btn-outline-secondary-disabled-color);
7045
7018
  --bs-btn-disabled-bg: var(--bs-btn-outline-secondary-disabled-bg);
7046
7019
  --bs-btn-disabled-border-color: var(--bs-btn-outline-secondary-disabled-border-color);
@@ -7056,15 +7029,18 @@ body {
7056
7029
  --bs-btn-color: var(--bs-btn-link-secondary-color);
7057
7030
  --bs-btn-bg: var(--bs-btn-link-secondary-bg);
7058
7031
  --bs-btn-border-color: var(--bs-btn-link-secondary-border-color);
7032
+ --bs-btn-box-shadow: var(--bs-btn-link-secondary-box-shadow);
7059
7033
  --bs-btn-hover-color: var(--bs-btn-link-secondary-hover-color);
7060
7034
  --bs-btn-hover-bg: var(--bs-btn-link-secondary-hover-bg);
7061
7035
  --bs-btn-hover-border-color: var(--bs-btn-link-secondary-hover-border-color);
7062
7036
  --bs-btn-focus-color: var(--bs-btn-link-secondary-focus-color);
7063
7037
  --bs-btn-focus-bg: var(--bs-btn-link-secondary-focus-bg);
7064
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);
7065
7040
  --bs-btn-active-color: var(--bs-btn-link-secondary-active-color);
7066
7041
  --bs-btn-active-bg: var(--bs-btn-link-secondary-active-bg);
7067
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);
7068
7044
  --bs-btn-disabled-color: var(--bs-btn-link-secondary-disabled-color);
7069
7045
  --bs-btn-disabled-bg: var(--bs-btn-link-secondary-disabled-bg);
7070
7046
  --bs-btn-disabled-border-color: var(--bs-btn-link-secondary-disabled-border-color);
@@ -7080,15 +7056,18 @@ body {
7080
7056
  --bs-btn-color: var(--bs-btn-success-color);
7081
7057
  --bs-btn-bg: var(--bs-btn-success-bg);
7082
7058
  --bs-btn-border-color: var(--bs-btn-success-border-color);
7059
+ --bs-btn-box-shadow: var(--bs-btn-success-box-shadow);
7083
7060
  --bs-btn-hover-color: var(--bs-btn-success-hover-color);
7084
7061
  --bs-btn-hover-bg: var(--bs-btn-success-hover-bg);
7085
7062
  --bs-btn-hover-border-color: var(--bs-btn-success-hover-border-color);
7086
7063
  --bs-btn-focus-color: var(--bs-btn-success-focus-color);
7087
7064
  --bs-btn-focus-bg: var(--bs-btn-success-focus-bg);
7088
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);
7089
7067
  --bs-btn-active-color: var(--bs-btn-success-active-color);
7090
7068
  --bs-btn-active-bg: var(--bs-btn-success-active-bg);
7091
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);
7092
7071
  --bs-btn-disabled-color: var(--bs-btn-success-disabled-color);
7093
7072
  --bs-btn-disabled-bg: var(--bs-btn-success-disabled-bg);
7094
7073
  --bs-btn-disabled-border-color: var(--bs-btn-success-disabled-border-color);
@@ -7104,15 +7083,18 @@ body {
7104
7083
  --bs-btn-color: var(--bs-btn-outline-success-color);
7105
7084
  --bs-btn-bg: var(--bs-btn-outline-success-bg);
7106
7085
  --bs-btn-border-color: var(--bs-btn-outline-success-border-color);
7086
+ --bs-btn-box-shadow: var(--bs-btn-outline-success-box-shadow);
7107
7087
  --bs-btn-hover-color: var(--bs-btn-outline-success-hover-color);
7108
7088
  --bs-btn-hover-bg: var(--bs-btn-outline-success-hover-bg);
7109
7089
  --bs-btn-hover-border-color: var(--bs-btn-outline-success-hover-border-color);
7110
7090
  --bs-btn-focus-color: var(--bs-btn-outline-success-focus-color);
7111
7091
  --bs-btn-focus-bg: var(--bs-btn-outline-success-focus-bg);
7112
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);
7113
7094
  --bs-btn-active-color: var(--bs-btn-outline-success-active-color);
7114
7095
  --bs-btn-active-bg: var(--bs-btn-outline-success-active-bg);
7115
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);
7116
7098
  --bs-btn-disabled-color: var(--bs-btn-outline-success-disabled-color);
7117
7099
  --bs-btn-disabled-bg: var(--bs-btn-outline-success-disabled-bg);
7118
7100
  --bs-btn-disabled-border-color: var(--bs-btn-outline-success-disabled-border-color);
@@ -7128,15 +7110,18 @@ body {
7128
7110
  --bs-btn-color: var(--bs-btn-link-success-color);
7129
7111
  --bs-btn-bg: var(--bs-btn-link-success-bg);
7130
7112
  --bs-btn-border-color: var(--bs-btn-link-success-border-color);
7113
+ --bs-btn-box-shadow: var(--bs-btn-link-success-box-shadow);
7131
7114
  --bs-btn-hover-color: var(--bs-btn-link-success-hover-color);
7132
7115
  --bs-btn-hover-bg: var(--bs-btn-link-success-hover-bg);
7133
7116
  --bs-btn-hover-border-color: var(--bs-btn-link-success-hover-border-color);
7134
7117
  --bs-btn-focus-color: var(--bs-btn-link-success-focus-color);
7135
7118
  --bs-btn-focus-bg: var(--bs-btn-link-success-focus-bg);
7136
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);
7137
7121
  --bs-btn-active-color: var(--bs-btn-link-success-active-color);
7138
7122
  --bs-btn-active-bg: var(--bs-btn-link-success-active-bg);
7139
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);
7140
7125
  --bs-btn-disabled-color: var(--bs-btn-link-success-disabled-color);
7141
7126
  --bs-btn-disabled-bg: var(--bs-btn-link-success-disabled-bg);
7142
7127
  --bs-btn-disabled-border-color: var(--bs-btn-link-success-disabled-border-color);
@@ -7152,15 +7137,18 @@ body {
7152
7137
  --bs-btn-color: var(--bs-btn-info-color);
7153
7138
  --bs-btn-bg: var(--bs-btn-info-bg);
7154
7139
  --bs-btn-border-color: var(--bs-btn-info-border-color);
7140
+ --bs-btn-box-shadow: var(--bs-btn-info-box-shadow);
7155
7141
  --bs-btn-hover-color: var(--bs-btn-info-hover-color);
7156
7142
  --bs-btn-hover-bg: var(--bs-btn-info-hover-bg);
7157
7143
  --bs-btn-hover-border-color: var(--bs-btn-info-hover-border-color);
7158
7144
  --bs-btn-focus-color: var(--bs-btn-info-focus-color);
7159
7145
  --bs-btn-focus-bg: var(--bs-btn-info-focus-bg);
7160
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);
7161
7148
  --bs-btn-active-color: var(--bs-btn-info-active-color);
7162
7149
  --bs-btn-active-bg: var(--bs-btn-info-active-bg);
7163
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);
7164
7152
  --bs-btn-disabled-color: var(--bs-btn-info-disabled-color);
7165
7153
  --bs-btn-disabled-bg: var(--bs-btn-info-disabled-bg);
7166
7154
  --bs-btn-disabled-border-color: var(--bs-btn-info-disabled-border-color);
@@ -7176,15 +7164,18 @@ body {
7176
7164
  --bs-btn-color: var(--bs-btn-outline-info-color);
7177
7165
  --bs-btn-bg: var(--bs-btn-outline-info-bg);
7178
7166
  --bs-btn-border-color: var(--bs-btn-outline-info-border-color);
7167
+ --bs-btn-box-shadow: var(--bs-btn-outline-info-box-shadow);
7179
7168
  --bs-btn-hover-color: var(--bs-btn-outline-info-hover-color);
7180
7169
  --bs-btn-hover-bg: var(--bs-btn-outline-info-hover-bg);
7181
7170
  --bs-btn-hover-border-color: var(--bs-btn-outline-info-hover-border-color);
7182
7171
  --bs-btn-focus-color: var(--bs-btn-outline-info-focus-color);
7183
7172
  --bs-btn-focus-bg: var(--bs-btn-outline-info-focus-bg);
7184
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);
7185
7175
  --bs-btn-active-color: var(--bs-btn-outline-info-active-color);
7186
7176
  --bs-btn-active-bg: var(--bs-btn-outline-info-active-bg);
7187
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);
7188
7179
  --bs-btn-disabled-color: var(--bs-btn-outline-info-disabled-color);
7189
7180
  --bs-btn-disabled-bg: var(--bs-btn-outline-info-disabled-bg);
7190
7181
  --bs-btn-disabled-border-color: var(--bs-btn-outline-info-disabled-border-color);
@@ -7200,15 +7191,18 @@ body {
7200
7191
  --bs-btn-color: var(--bs-btn-link-info-color);
7201
7192
  --bs-btn-bg: var(--bs-btn-link-info-bg);
7202
7193
  --bs-btn-border-color: var(--bs-btn-link-info-border-color);
7194
+ --bs-btn-box-shadow: var(--bs-btn-link-info-box-shadow);
7203
7195
  --bs-btn-hover-color: var(--bs-btn-link-info-hover-color);
7204
7196
  --bs-btn-hover-bg: var(--bs-btn-link-info-hover-bg);
7205
7197
  --bs-btn-hover-border-color: var(--bs-btn-link-info-hover-border-color);
7206
7198
  --bs-btn-focus-color: var(--bs-btn-link-info-focus-color);
7207
7199
  --bs-btn-focus-bg: var(--bs-btn-link-info-focus-bg);
7208
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);
7209
7202
  --bs-btn-active-color: var(--bs-btn-link-info-active-color);
7210
7203
  --bs-btn-active-bg: var(--bs-btn-link-info-active-bg);
7211
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);
7212
7206
  --bs-btn-disabled-color: var(--bs-btn-link-info-disabled-color);
7213
7207
  --bs-btn-disabled-bg: var(--bs-btn-link-info-disabled-bg);
7214
7208
  --bs-btn-disabled-border-color: var(--bs-btn-link-info-disabled-border-color);
@@ -7224,15 +7218,18 @@ body {
7224
7218
  --bs-btn-color: var(--bs-btn-warning-color);
7225
7219
  --bs-btn-bg: var(--bs-btn-warning-bg);
7226
7220
  --bs-btn-border-color: var(--bs-btn-warning-border-color);
7221
+ --bs-btn-box-shadow: var(--bs-btn-warning-box-shadow);
7227
7222
  --bs-btn-hover-color: var(--bs-btn-warning-hover-color);
7228
7223
  --bs-btn-hover-bg: var(--bs-btn-warning-hover-bg);
7229
7224
  --bs-btn-hover-border-color: var(--bs-btn-warning-hover-border-color);
7230
7225
  --bs-btn-focus-color: var(--bs-btn-warning-focus-color);
7231
7226
  --bs-btn-focus-bg: var(--bs-btn-warning-focus-bg);
7232
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);
7233
7229
  --bs-btn-active-color: var(--bs-btn-warning-active-color);
7234
7230
  --bs-btn-active-bg: var(--bs-btn-warning-active-bg);
7235
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);
7236
7233
  --bs-btn-disabled-color: var(--bs-btn-warning-disabled-color);
7237
7234
  --bs-btn-disabled-bg: var(--bs-btn-warning-disabled-bg);
7238
7235
  --bs-btn-disabled-border-color: var(--bs-btn-warning-disabled-border-color);
@@ -7248,15 +7245,18 @@ body {
7248
7245
  --bs-btn-color: var(--bs-btn-outline-warning-color);
7249
7246
  --bs-btn-bg: var(--bs-btn-outline-warning-bg);
7250
7247
  --bs-btn-border-color: var(--bs-btn-outline-warning-border-color);
7248
+ --bs-btn-box-shadow: var(--bs-btn-outline-warning-box-shadow);
7251
7249
  --bs-btn-hover-color: var(--bs-btn-outline-warning-hover-color);
7252
7250
  --bs-btn-hover-bg: var(--bs-btn-outline-warning-hover-bg);
7253
7251
  --bs-btn-hover-border-color: var(--bs-btn-outline-warning-hover-border-color);
7254
7252
  --bs-btn-focus-color: var(--bs-btn-outline-warning-focus-color);
7255
7253
  --bs-btn-focus-bg: var(--bs-btn-outline-warning-focus-bg);
7256
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);
7257
7256
  --bs-btn-active-color: var(--bs-btn-outline-warning-active-color);
7258
7257
  --bs-btn-active-bg: var(--bs-btn-outline-warning-active-bg);
7259
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);
7260
7260
  --bs-btn-disabled-color: var(--bs-btn-outline-warning-disabled-color);
7261
7261
  --bs-btn-disabled-bg: var(--bs-btn-outline-warning-disabled-bg);
7262
7262
  --bs-btn-disabled-border-color: var(--bs-btn-outline-warning-disabled-border-color);
@@ -7272,15 +7272,18 @@ body {
7272
7272
  --bs-btn-color: var(--bs-btn-link-warning-color);
7273
7273
  --bs-btn-bg: var(--bs-btn-link-warning-bg);
7274
7274
  --bs-btn-border-color: var(--bs-btn-link-warning-border-color);
7275
+ --bs-btn-box-shadow: var(--bs-btn-link-warning-box-shadow);
7275
7276
  --bs-btn-hover-color: var(--bs-btn-link-warning-hover-color);
7276
7277
  --bs-btn-hover-bg: var(--bs-btn-link-warning-hover-bg);
7277
7278
  --bs-btn-hover-border-color: var(--bs-btn-link-warning-hover-border-color);
7278
7279
  --bs-btn-focus-color: var(--bs-btn-link-warning-focus-color);
7279
7280
  --bs-btn-focus-bg: var(--bs-btn-link-warning-focus-bg);
7280
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);
7281
7283
  --bs-btn-active-color: var(--bs-btn-link-warning-active-color);
7282
7284
  --bs-btn-active-bg: var(--bs-btn-link-warning-active-bg);
7283
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);
7284
7287
  --bs-btn-disabled-color: var(--bs-btn-link-warning-disabled-color);
7285
7288
  --bs-btn-disabled-bg: var(--bs-btn-link-warning-disabled-bg);
7286
7289
  --bs-btn-disabled-border-color: var(--bs-btn-link-warning-disabled-border-color);
@@ -7296,15 +7299,18 @@ body {
7296
7299
  --bs-btn-color: var(--bs-btn-danger-color);
7297
7300
  --bs-btn-bg: var(--bs-btn-danger-bg);
7298
7301
  --bs-btn-border-color: var(--bs-btn-danger-border-color);
7302
+ --bs-btn-box-shadow: var(--bs-btn-danger-box-shadow);
7299
7303
  --bs-btn-hover-color: var(--bs-btn-danger-hover-color);
7300
7304
  --bs-btn-hover-bg: var(--bs-btn-danger-hover-bg);
7301
7305
  --bs-btn-hover-border-color: var(--bs-btn-danger-hover-border-color);
7302
7306
  --bs-btn-focus-color: var(--bs-btn-danger-focus-color);
7303
7307
  --bs-btn-focus-bg: var(--bs-btn-danger-focus-bg);
7304
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);
7305
7310
  --bs-btn-active-color: var(--bs-btn-danger-active-color);
7306
7311
  --bs-btn-active-bg: var(--bs-btn-danger-active-bg);
7307
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);
7308
7314
  --bs-btn-disabled-color: var(--bs-btn-danger-disabled-color);
7309
7315
  --bs-btn-disabled-bg: var(--bs-btn-danger-disabled-bg);
7310
7316
  --bs-btn-disabled-border-color: var(--bs-btn-danger-disabled-border-color);
@@ -7320,15 +7326,18 @@ body {
7320
7326
  --bs-btn-color: var(--bs-btn-outline-danger-color);
7321
7327
  --bs-btn-bg: var(--bs-btn-outline-danger-bg);
7322
7328
  --bs-btn-border-color: var(--bs-btn-outline-danger-border-color);
7329
+ --bs-btn-box-shadow: var(--bs-btn-outline-danger-box-shadow);
7323
7330
  --bs-btn-hover-color: var(--bs-btn-outline-danger-hover-color);
7324
7331
  --bs-btn-hover-bg: var(--bs-btn-outline-danger-hover-bg);
7325
7332
  --bs-btn-hover-border-color: var(--bs-btn-outline-danger-hover-border-color);
7326
7333
  --bs-btn-focus-color: var(--bs-btn-outline-danger-focus-color);
7327
7334
  --bs-btn-focus-bg: var(--bs-btn-outline-danger-focus-bg);
7328
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);
7329
7337
  --bs-btn-active-color: var(--bs-btn-outline-danger-active-color);
7330
7338
  --bs-btn-active-bg: var(--bs-btn-outline-danger-active-bg);
7331
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);
7332
7341
  --bs-btn-disabled-color: var(--bs-btn-outline-danger-disabled-color);
7333
7342
  --bs-btn-disabled-bg: var(--bs-btn-outline-danger-disabled-bg);
7334
7343
  --bs-btn-disabled-border-color: var(--bs-btn-outline-danger-disabled-border-color);
@@ -7344,15 +7353,18 @@ body {
7344
7353
  --bs-btn-color: var(--bs-btn-link-danger-color);
7345
7354
  --bs-btn-bg: var(--bs-btn-link-danger-bg);
7346
7355
  --bs-btn-border-color: var(--bs-btn-link-danger-border-color);
7356
+ --bs-btn-box-shadow: var(--bs-btn-link-danger-box-shadow);
7347
7357
  --bs-btn-hover-color: var(--bs-btn-link-danger-hover-color);
7348
7358
  --bs-btn-hover-bg: var(--bs-btn-link-danger-hover-bg);
7349
7359
  --bs-btn-hover-border-color: var(--bs-btn-link-danger-hover-border-color);
7350
7360
  --bs-btn-focus-color: var(--bs-btn-link-danger-focus-color);
7351
7361
  --bs-btn-focus-bg: var(--bs-btn-link-danger-focus-bg);
7352
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);
7353
7364
  --bs-btn-active-color: var(--bs-btn-link-danger-active-color);
7354
7365
  --bs-btn-active-bg: var(--bs-btn-link-danger-active-bg);
7355
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);
7356
7368
  --bs-btn-disabled-color: var(--bs-btn-link-danger-disabled-color);
7357
7369
  --bs-btn-disabled-bg: var(--bs-btn-link-danger-disabled-bg);
7358
7370
  --bs-btn-disabled-border-color: var(--bs-btn-link-danger-disabled-border-color);
@@ -7368,15 +7380,18 @@ body {
7368
7380
  --bs-btn-color: var(--bs-btn-light-color);
7369
7381
  --bs-btn-bg: var(--bs-btn-light-bg);
7370
7382
  --bs-btn-border-color: var(--bs-btn-light-border-color);
7383
+ --bs-btn-box-shadow: var(--bs-btn-light-box-shadow);
7371
7384
  --bs-btn-hover-color: var(--bs-btn-light-hover-color);
7372
7385
  --bs-btn-hover-bg: var(--bs-btn-light-hover-bg);
7373
7386
  --bs-btn-hover-border-color: var(--bs-btn-light-hover-border-color);
7374
7387
  --bs-btn-focus-color: var(--bs-btn-light-focus-color);
7375
7388
  --bs-btn-focus-bg: var(--bs-btn-light-focus-bg);
7376
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);
7377
7391
  --bs-btn-active-color: var(--bs-btn-light-active-color);
7378
7392
  --bs-btn-active-bg: var(--bs-btn-light-active-bg);
7379
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);
7380
7395
  --bs-btn-disabled-color: var(--bs-btn-light-disabled-color);
7381
7396
  --bs-btn-disabled-bg: var(--bs-btn-light-disabled-bg);
7382
7397
  --bs-btn-disabled-border-color: var(--bs-btn-light-disabled-border-color);
@@ -7392,15 +7407,18 @@ body {
7392
7407
  --bs-btn-color: var(--bs-btn-outline-light-color);
7393
7408
  --bs-btn-bg: var(--bs-btn-outline-light-bg);
7394
7409
  --bs-btn-border-color: var(--bs-btn-outline-light-border-color);
7410
+ --bs-btn-box-shadow: var(--bs-btn-outline-light-box-shadow);
7395
7411
  --bs-btn-hover-color: var(--bs-btn-outline-light-hover-color);
7396
7412
  --bs-btn-hover-bg: var(--bs-btn-outline-light-hover-bg);
7397
7413
  --bs-btn-hover-border-color: var(--bs-btn-outline-light-hover-border-color);
7398
7414
  --bs-btn-focus-color: var(--bs-btn-outline-light-focus-color);
7399
7415
  --bs-btn-focus-bg: var(--bs-btn-outline-light-focus-bg);
7400
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);
7401
7418
  --bs-btn-active-color: var(--bs-btn-outline-light-active-color);
7402
7419
  --bs-btn-active-bg: var(--bs-btn-outline-light-active-bg);
7403
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);
7404
7422
  --bs-btn-disabled-color: var(--bs-btn-outline-light-disabled-color);
7405
7423
  --bs-btn-disabled-bg: var(--bs-btn-outline-light-disabled-bg);
7406
7424
  --bs-btn-disabled-border-color: var(--bs-btn-outline-light-disabled-border-color);
@@ -7416,15 +7434,18 @@ body {
7416
7434
  --bs-btn-color: var(--bs-btn-link-light-color);
7417
7435
  --bs-btn-bg: var(--bs-btn-link-light-bg);
7418
7436
  --bs-btn-border-color: var(--bs-btn-link-light-border-color);
7437
+ --bs-btn-box-shadow: var(--bs-btn-link-light-box-shadow);
7419
7438
  --bs-btn-hover-color: var(--bs-btn-link-light-hover-color);
7420
7439
  --bs-btn-hover-bg: var(--bs-btn-link-light-hover-bg);
7421
7440
  --bs-btn-hover-border-color: var(--bs-btn-link-light-hover-border-color);
7422
7441
  --bs-btn-focus-color: var(--bs-btn-link-light-focus-color);
7423
7442
  --bs-btn-focus-bg: var(--bs-btn-link-light-focus-bg);
7424
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);
7425
7445
  --bs-btn-active-color: var(--bs-btn-link-light-active-color);
7426
7446
  --bs-btn-active-bg: var(--bs-btn-link-light-active-bg);
7427
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);
7428
7449
  --bs-btn-disabled-color: var(--bs-btn-link-light-disabled-color);
7429
7450
  --bs-btn-disabled-bg: var(--bs-btn-link-light-disabled-bg);
7430
7451
  --bs-btn-disabled-border-color: var(--bs-btn-link-light-disabled-border-color);
@@ -7440,15 +7461,18 @@ body {
7440
7461
  --bs-btn-color: var(--bs-btn-dark-color);
7441
7462
  --bs-btn-bg: var(--bs-btn-dark-bg);
7442
7463
  --bs-btn-border-color: var(--bs-btn-dark-border-color);
7464
+ --bs-btn-box-shadow: var(--bs-btn-dark-box-shadow);
7443
7465
  --bs-btn-hover-color: var(--bs-btn-dark-hover-color);
7444
7466
  --bs-btn-hover-bg: var(--bs-btn-dark-hover-bg);
7445
7467
  --bs-btn-hover-border-color: var(--bs-btn-dark-hover-border-color);
7446
7468
  --bs-btn-focus-color: var(--bs-btn-dark-focus-color);
7447
7469
  --bs-btn-focus-bg: var(--bs-btn-dark-focus-bg);
7448
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);
7449
7472
  --bs-btn-active-color: var(--bs-btn-dark-active-color);
7450
7473
  --bs-btn-active-bg: var(--bs-btn-dark-active-bg);
7451
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);
7452
7476
  --bs-btn-disabled-color: var(--bs-btn-dark-disabled-color);
7453
7477
  --bs-btn-disabled-bg: var(--bs-btn-dark-disabled-bg);
7454
7478
  --bs-btn-disabled-border-color: var(--bs-btn-dark-disabled-border-color);
@@ -7464,15 +7488,18 @@ body {
7464
7488
  --bs-btn-color: var(--bs-btn-outline-dark-color);
7465
7489
  --bs-btn-bg: var(--bs-btn-outline-dark-bg);
7466
7490
  --bs-btn-border-color: var(--bs-btn-outline-dark-border-color);
7491
+ --bs-btn-box-shadow: var(--bs-btn-outline-dark-box-shadow);
7467
7492
  --bs-btn-hover-color: var(--bs-btn-outline-dark-hover-color);
7468
7493
  --bs-btn-hover-bg: var(--bs-btn-outline-dark-hover-bg);
7469
7494
  --bs-btn-hover-border-color: var(--bs-btn-outline-dark-hover-border-color);
7470
7495
  --bs-btn-focus-color: var(--bs-btn-outline-dark-focus-color);
7471
7496
  --bs-btn-focus-bg: var(--bs-btn-outline-dark-focus-bg);
7472
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);
7473
7499
  --bs-btn-active-color: var(--bs-btn-outline-dark-active-color);
7474
7500
  --bs-btn-active-bg: var(--bs-btn-outline-dark-active-bg);
7475
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);
7476
7503
  --bs-btn-disabled-color: var(--bs-btn-outline-dark-disabled-color);
7477
7504
  --bs-btn-disabled-bg: var(--bs-btn-outline-dark-disabled-bg);
7478
7505
  --bs-btn-disabled-border-color: var(--bs-btn-outline-dark-disabled-border-color);
@@ -7488,15 +7515,18 @@ body {
7488
7515
  --bs-btn-color: var(--bs-btn-link-dark-color);
7489
7516
  --bs-btn-bg: var(--bs-btn-link-dark-bg);
7490
7517
  --bs-btn-border-color: var(--bs-btn-link-dark-border-color);
7518
+ --bs-btn-box-shadow: var(--bs-btn-link-dark-box-shadow);
7491
7519
  --bs-btn-hover-color: var(--bs-btn-link-dark-hover-color);
7492
7520
  --bs-btn-hover-bg: var(--bs-btn-link-dark-hover-bg);
7493
7521
  --bs-btn-hover-border-color: var(--bs-btn-link-dark-hover-border-color);
7494
7522
  --bs-btn-focus-color: var(--bs-btn-link-dark-focus-color);
7495
7523
  --bs-btn-focus-bg: var(--bs-btn-link-dark-focus-bg);
7496
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);
7497
7526
  --bs-btn-active-color: var(--bs-btn-link-dark-active-color);
7498
7527
  --bs-btn-active-bg: var(--bs-btn-link-dark-active-bg);
7499
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);
7500
7530
  --bs-btn-disabled-color: var(--bs-btn-link-dark-disabled-color);
7501
7531
  --bs-btn-disabled-bg: var(--bs-btn-link-dark-disabled-bg);
7502
7532
  --bs-btn-disabled-border-color: var(--bs-btn-link-dark-disabled-border-color);
@@ -7538,19 +7568,19 @@ body {
7538
7568
  --bs-btn-hover-border-color: transparent;
7539
7569
  --bs-btn-active-color: var(--bs-link-hover-color);
7540
7570
  --bs-btn-active-border-color: transparent;
7541
- --bs-btn-disabled-color: #8a9197;
7571
+ --bs-btn-disabled-color: #575768;
7542
7572
  --bs-btn-disabled-border-color: transparent;
7543
7573
  --bs-btn-box-shadow: 0 0 0 #000;
7544
7574
  --bs-btn-focus-shadow-rgb: 222, 61, 120;
7545
7575
  text-decoration: none;
7546
7576
  }
7547
- .btn-link:hover, .btn-link:focus-visible {
7577
+ .btn-link.hover, .btn-link:hover, .btn-link.focus-visible, .btn-link:focus-visible {
7548
7578
  text-decoration: underline;
7549
7579
  }
7550
- .btn-link:focus-visible {
7580
+ .btn-link.focus-visible, .btn-link:focus-visible {
7551
7581
  color: var(--bs-btn-color);
7552
7582
  }
7553
- .btn-link:hover {
7583
+ .btn-link.hover, .btn-link:hover {
7554
7584
  color: var(--bs-btn-hover-color);
7555
7585
  }
7556
7586
 
@@ -7628,10 +7658,10 @@ body {
7628
7658
  --bs-alert-link-color: var(--bs-white);
7629
7659
  }
7630
7660
  .alert.alert-warning {
7631
- --bs-alert-color: var(--bs-black);
7661
+ --bs-alert-color: var(--bs-gray-700);
7632
7662
  --bs-alert-bg: var(--bs-warning);
7633
7663
  --bs-alert-border-color: var(--bs-warning);
7634
- --bs-alert-link-color: var(--bs-black);
7664
+ --bs-alert-link-color: var(--bs-gray-700);
7635
7665
  }
7636
7666
  .alert.alert-danger {
7637
7667
  --bs-alert-color: var(--bs-white);
@@ -7653,7 +7683,7 @@ body {
7653
7683
  }
7654
7684
  .alert.alert-soft {
7655
7685
  --bs-alert-color: var(--bs-gray-900);
7656
- border-width: 0 0 0 5px;
7686
+ --bs-alert-border: 0;
7657
7687
  }
7658
7688
  .alert.alert-soft.alert-primary {
7659
7689
  --bs-alert-icon-color: var(--bs-primary-500);
@@ -7893,7 +7923,7 @@ label .d-icon {
7893
7923
  --bs-tooltip-bg: var(--bs-info);
7894
7924
  }
7895
7925
  .tooltip.tooltip-warning {
7896
- --bs-tooltip-color: var(--bs-black);
7926
+ --bs-tooltip-color: var(--bs-gray-700);
7897
7927
  --bs-tooltip-bg: var(--bs-warning);
7898
7928
  }
7899
7929
  .tooltip.tooltip-danger {
@@ -7909,698 +7939,6 @@ label .d-icon {
7909
7939
  --bs-tooltip-bg: var(--bs-dark);
7910
7940
  }
7911
7941
 
7912
- :root {
7913
- --toastify-color-light: #fff;
7914
- --toastify-color-dark: #121212;
7915
- --toastify-color-info: #3498db;
7916
- --toastify-color-success: #07bc0c;
7917
- --toastify-color-warning: #f1c40f;
7918
- --toastify-color-error: #e74c3c;
7919
- --toastify-color-transparent: rgba(255, 255, 255, 0.7);
7920
- --toastify-icon-color-info: var(--toastify-color-info);
7921
- --toastify-icon-color-success: var(--toastify-color-success);
7922
- --toastify-icon-color-warning: var(--toastify-color-warning);
7923
- --toastify-icon-color-error: var(--toastify-color-error);
7924
- --toastify-toast-width: 320px;
7925
- --toastify-toast-offset: 16px;
7926
- --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
7927
- --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
7928
- --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
7929
- --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
7930
- --toastify-toast-background: #fff;
7931
- --toastify-toast-min-height: 64px;
7932
- --toastify-toast-max-height: 800px;
7933
- --toastify-toast-bd-radius: 6px;
7934
- --toastify-font-family: sans-serif;
7935
- --toastify-z-index: 9999;
7936
- --toastify-text-color-light: #757575;
7937
- --toastify-text-color-dark: #fff;
7938
- --toastify-text-color-info: #fff;
7939
- --toastify-text-color-success: #fff;
7940
- --toastify-text-color-warning: #fff;
7941
- --toastify-text-color-error: #fff;
7942
- --toastify-spinner-color: #616161;
7943
- --toastify-spinner-color-empty-area: #e0e0e0;
7944
- --toastify-color-progress-light: linear-gradient(
7945
- to right,
7946
- #4cd964,
7947
- #5ac8fa,
7948
- #007aff,
7949
- #34aadc,
7950
- #5856d6,
7951
- #ff2d55
7952
- );
7953
- --toastify-color-progress-dark: #bb86fc;
7954
- --toastify-color-progress-info: var(--toastify-color-info);
7955
- --toastify-color-progress-success: var(--toastify-color-success);
7956
- --toastify-color-progress-warning: var(--toastify-color-warning);
7957
- --toastify-color-progress-error: var(--toastify-color-error);
7958
- --toastify-color-progress-bgo: 0.2;
7959
- }
7960
-
7961
- .Toastify__toast-container {
7962
- z-index: var(--toastify-z-index);
7963
- -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
7964
- position: fixed;
7965
- padding: 4px;
7966
- width: var(--toastify-toast-width);
7967
- box-sizing: border-box;
7968
- color: #fff;
7969
- }
7970
- .Toastify__toast-container--top-left {
7971
- top: var(--toastify-toast-top);
7972
- left: var(--toastify-toast-left);
7973
- }
7974
- .Toastify__toast-container--top-center {
7975
- top: var(--toastify-toast-top);
7976
- left: 50%;
7977
- transform: translateX(-50%);
7978
- }
7979
- .Toastify__toast-container--top-right {
7980
- top: var(--toastify-toast-top);
7981
- right: var(--toastify-toast-right);
7982
- }
7983
- .Toastify__toast-container--bottom-left {
7984
- bottom: var(--toastify-toast-bottom);
7985
- left: var(--toastify-toast-left);
7986
- }
7987
- .Toastify__toast-container--bottom-center {
7988
- bottom: var(--toastify-toast-bottom);
7989
- left: 50%;
7990
- transform: translateX(-50%);
7991
- }
7992
- .Toastify__toast-container--bottom-right {
7993
- bottom: var(--toastify-toast-bottom);
7994
- right: var(--toastify-toast-right);
7995
- }
7996
-
7997
- @media only screen and (max-width : 480px) {
7998
- .Toastify__toast-container {
7999
- width: 100vw;
8000
- padding: 0;
8001
- left: env(safe-area-inset-left);
8002
- margin: 0;
8003
- }
8004
- .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
8005
- top: env(safe-area-inset-top);
8006
- transform: translateX(0);
8007
- }
8008
- .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
8009
- bottom: env(safe-area-inset-bottom);
8010
- transform: translateX(0);
8011
- }
8012
- .Toastify__toast-container--rtl {
8013
- right: env(safe-area-inset-right);
8014
- left: initial;
8015
- }
8016
- }
8017
- .Toastify__toast {
8018
- --y: 0;
8019
- position: relative;
8020
- touch-action: none;
8021
- min-height: var(--toastify-toast-min-height);
8022
- box-sizing: border-box;
8023
- margin-bottom: 1rem;
8024
- padding: 8px;
8025
- border-radius: var(--toastify-toast-bd-radius);
8026
- box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
8027
- display: flex;
8028
- justify-content: space-between;
8029
- max-height: var(--toastify-toast-max-height);
8030
- font-family: var(--toastify-font-family);
8031
- cursor: default;
8032
- direction: ltr;
8033
- /* webkit only issue #791 */
8034
- z-index: 0;
8035
- overflow: hidden;
8036
- }
8037
- .Toastify__toast--stacked {
8038
- position: absolute;
8039
- width: 100%;
8040
- transform: translate3d(0, var(--y), 0) scale(var(--s));
8041
- transition: transform 0.3s;
8042
- }
8043
- .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
8044
- transition: opacity 0.1s;
8045
- }
8046
- .Toastify__toast--stacked[data-collapsed=false] {
8047
- overflow: visible;
8048
- }
8049
- .Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
8050
- opacity: 0;
8051
- }
8052
- .Toastify__toast--stacked:after {
8053
- content: "";
8054
- position: absolute;
8055
- left: 0;
8056
- right: 0;
8057
- height: calc(var(--g) * 1px);
8058
- bottom: 100%;
8059
- }
8060
- .Toastify__toast--stacked[data-pos=top] {
8061
- top: 0;
8062
- }
8063
- .Toastify__toast--stacked[data-pos=bot] {
8064
- bottom: 0;
8065
- }
8066
- .Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
8067
- transform-origin: top;
8068
- }
8069
- .Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
8070
- transform-origin: bottom;
8071
- }
8072
- .Toastify__toast--stacked:before {
8073
- content: "";
8074
- position: absolute;
8075
- left: 0;
8076
- right: 0;
8077
- bottom: 0;
8078
- height: 100%;
8079
- transform: scaleY(3);
8080
- z-index: -1;
8081
- }
8082
- .Toastify__toast--rtl {
8083
- direction: rtl;
8084
- }
8085
- .Toastify__toast--close-on-click {
8086
- cursor: pointer;
8087
- }
8088
- .Toastify__toast-body {
8089
- margin: auto 0;
8090
- flex: 1 1 auto;
8091
- padding: 6px;
8092
- display: flex;
8093
- align-items: center;
8094
- }
8095
- .Toastify__toast-body > div:last-child {
8096
- word-break: break-word;
8097
- flex: 1;
8098
- }
8099
- .Toastify__toast-icon {
8100
- -webkit-margin-end: 10px;
8101
- margin-inline-end: 10px;
8102
- width: 20px;
8103
- flex-shrink: 0;
8104
- display: flex;
8105
- }
8106
-
8107
- .Toastify--animate {
8108
- animation-fill-mode: both;
8109
- animation-duration: 0.5s;
8110
- }
8111
-
8112
- .Toastify--animate-icon {
8113
- animation-fill-mode: both;
8114
- animation-duration: 0.3s;
8115
- }
8116
-
8117
- @media only screen and (max-width : 480px) {
8118
- .Toastify__toast {
8119
- margin-bottom: 0;
8120
- border-radius: 0;
8121
- }
8122
- }
8123
- .Toastify__toast-theme--dark {
8124
- background: var(--toastify-color-dark);
8125
- color: var(--toastify-text-color-dark);
8126
- }
8127
- .Toastify__toast-theme--light {
8128
- background: var(--toastify-color-light);
8129
- color: var(--toastify-text-color-light);
8130
- }
8131
- .Toastify__toast-theme--colored.Toastify__toast--default {
8132
- background: var(--toastify-color-light);
8133
- color: var(--toastify-text-color-light);
8134
- }
8135
- .Toastify__toast-theme--colored.Toastify__toast--info {
8136
- color: var(--toastify-text-color-info);
8137
- background: var(--toastify-color-info);
8138
- }
8139
- .Toastify__toast-theme--colored.Toastify__toast--success {
8140
- color: var(--toastify-text-color-success);
8141
- background: var(--toastify-color-success);
8142
- }
8143
- .Toastify__toast-theme--colored.Toastify__toast--warning {
8144
- color: var(--toastify-text-color-warning);
8145
- background: var(--toastify-color-warning);
8146
- }
8147
- .Toastify__toast-theme--colored.Toastify__toast--error {
8148
- color: var(--toastify-text-color-error);
8149
- background: var(--toastify-color-error);
8150
- }
8151
-
8152
- .Toastify__progress-bar-theme--light {
8153
- background: var(--toastify-color-progress-light);
8154
- }
8155
- .Toastify__progress-bar-theme--dark {
8156
- background: var(--toastify-color-progress-dark);
8157
- }
8158
- .Toastify__progress-bar--info {
8159
- background: var(--toastify-color-progress-info);
8160
- }
8161
- .Toastify__progress-bar--success {
8162
- background: var(--toastify-color-progress-success);
8163
- }
8164
- .Toastify__progress-bar--warning {
8165
- background: var(--toastify-color-progress-warning);
8166
- }
8167
- .Toastify__progress-bar--error {
8168
- background: var(--toastify-color-progress-error);
8169
- }
8170
- .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 {
8171
- background: var(--toastify-color-transparent);
8172
- }
8173
-
8174
- .Toastify__close-button {
8175
- color: #fff;
8176
- background: transparent;
8177
- outline: none;
8178
- border: none;
8179
- padding: 0;
8180
- cursor: pointer;
8181
- opacity: 0.7;
8182
- transition: 0.3s ease;
8183
- align-self: flex-start;
8184
- z-index: 1;
8185
- }
8186
- .Toastify__close-button--light {
8187
- color: #000;
8188
- opacity: 0.3;
8189
- }
8190
- .Toastify__close-button > svg {
8191
- fill: currentColor;
8192
- height: 16px;
8193
- width: 14px;
8194
- }
8195
- .Toastify__close-button:hover, .Toastify__close-button:focus {
8196
- opacity: 1;
8197
- }
8198
-
8199
- @keyframes Toastify__trackProgress {
8200
- 0% {
8201
- transform: scaleX(1);
8202
- }
8203
- 100% {
8204
- transform: scaleX(0);
8205
- }
8206
- }
8207
- .Toastify__progress-bar {
8208
- position: absolute;
8209
- bottom: 0;
8210
- left: 0;
8211
- width: 100%;
8212
- height: 100%;
8213
- z-index: var(--toastify-z-index);
8214
- opacity: 0.7;
8215
- transform-origin: left;
8216
- border-bottom-left-radius: var(--toastify-toast-bd-radius);
8217
- }
8218
- .Toastify__progress-bar--animated {
8219
- animation: Toastify__trackProgress linear 1 forwards;
8220
- }
8221
- .Toastify__progress-bar--controlled {
8222
- transition: transform 0.2s;
8223
- }
8224
- .Toastify__progress-bar--rtl {
8225
- right: 0;
8226
- left: initial;
8227
- transform-origin: right;
8228
- border-bottom-left-radius: initial;
8229
- border-bottom-right-radius: var(--toastify-toast-bd-radius);
8230
- }
8231
- .Toastify__progress-bar--wrp {
8232
- position: absolute;
8233
- bottom: 0;
8234
- left: 0;
8235
- width: 100%;
8236
- height: 5px;
8237
- border-bottom-left-radius: var(--toastify-toast-bd-radius);
8238
- }
8239
- .Toastify__progress-bar--wrp[data-hidden=true] {
8240
- opacity: 0;
8241
- }
8242
- .Toastify__progress-bar--bg {
8243
- opacity: var(--toastify-color-progress-bgo);
8244
- width: 100%;
8245
- height: 100%;
8246
- }
8247
-
8248
- .Toastify__spinner {
8249
- width: 20px;
8250
- height: 20px;
8251
- box-sizing: border-box;
8252
- border: 2px solid;
8253
- border-radius: 100%;
8254
- border-color: var(--toastify-spinner-color-empty-area);
8255
- border-right-color: var(--toastify-spinner-color);
8256
- animation: Toastify__spin 0.65s linear infinite;
8257
- }
8258
-
8259
- @keyframes Toastify__bounceInRight {
8260
- from, 60%, 75%, 90%, to {
8261
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
8262
- }
8263
- from {
8264
- opacity: 0;
8265
- transform: translate3d(3000px, 0, 0);
8266
- }
8267
- 60% {
8268
- opacity: 1;
8269
- transform: translate3d(-25px, 0, 0);
8270
- }
8271
- 75% {
8272
- transform: translate3d(10px, 0, 0);
8273
- }
8274
- 90% {
8275
- transform: translate3d(-5px, 0, 0);
8276
- }
8277
- to {
8278
- transform: none;
8279
- }
8280
- }
8281
- @keyframes Toastify__bounceOutRight {
8282
- 20% {
8283
- opacity: 1;
8284
- transform: translate3d(-20px, var(--y), 0);
8285
- }
8286
- to {
8287
- opacity: 0;
8288
- transform: translate3d(2000px, var(--y), 0);
8289
- }
8290
- }
8291
- @keyframes Toastify__bounceInLeft {
8292
- from, 60%, 75%, 90%, to {
8293
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
8294
- }
8295
- 0% {
8296
- opacity: 0;
8297
- transform: translate3d(-3000px, 0, 0);
8298
- }
8299
- 60% {
8300
- opacity: 1;
8301
- transform: translate3d(25px, 0, 0);
8302
- }
8303
- 75% {
8304
- transform: translate3d(-10px, 0, 0);
8305
- }
8306
- 90% {
8307
- transform: translate3d(5px, 0, 0);
8308
- }
8309
- to {
8310
- transform: none;
8311
- }
8312
- }
8313
- @keyframes Toastify__bounceOutLeft {
8314
- 20% {
8315
- opacity: 1;
8316
- transform: translate3d(20px, var(--y), 0);
8317
- }
8318
- to {
8319
- opacity: 0;
8320
- transform: translate3d(-2000px, var(--y), 0);
8321
- }
8322
- }
8323
- @keyframes Toastify__bounceInUp {
8324
- from, 60%, 75%, 90%, to {
8325
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
8326
- }
8327
- from {
8328
- opacity: 0;
8329
- transform: translate3d(0, 3000px, 0);
8330
- }
8331
- 60% {
8332
- opacity: 1;
8333
- transform: translate3d(0, -20px, 0);
8334
- }
8335
- 75% {
8336
- transform: translate3d(0, 10px, 0);
8337
- }
8338
- 90% {
8339
- transform: translate3d(0, -5px, 0);
8340
- }
8341
- to {
8342
- transform: translate3d(0, 0, 0);
8343
- }
8344
- }
8345
- @keyframes Toastify__bounceOutUp {
8346
- 20% {
8347
- transform: translate3d(0, calc(var(--y) - 10px), 0);
8348
- }
8349
- 40%, 45% {
8350
- opacity: 1;
8351
- transform: translate3d(0, calc(var(--y) + 20px), 0);
8352
- }
8353
- to {
8354
- opacity: 0;
8355
- transform: translate3d(0, -2000px, 0);
8356
- }
8357
- }
8358
- @keyframes Toastify__bounceInDown {
8359
- from, 60%, 75%, 90%, to {
8360
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
8361
- }
8362
- 0% {
8363
- opacity: 0;
8364
- transform: translate3d(0, -3000px, 0);
8365
- }
8366
- 60% {
8367
- opacity: 1;
8368
- transform: translate3d(0, 25px, 0);
8369
- }
8370
- 75% {
8371
- transform: translate3d(0, -10px, 0);
8372
- }
8373
- 90% {
8374
- transform: translate3d(0, 5px, 0);
8375
- }
8376
- to {
8377
- transform: none;
8378
- }
8379
- }
8380
- @keyframes Toastify__bounceOutDown {
8381
- 20% {
8382
- transform: translate3d(0, calc(var(--y) - 10px), 0);
8383
- }
8384
- 40%, 45% {
8385
- opacity: 1;
8386
- transform: translate3d(0, calc(var(--y) + 20px), 0);
8387
- }
8388
- to {
8389
- opacity: 0;
8390
- transform: translate3d(0, 2000px, 0);
8391
- }
8392
- }
8393
- .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
8394
- animation-name: Toastify__bounceInLeft;
8395
- }
8396
- .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
8397
- animation-name: Toastify__bounceInRight;
8398
- }
8399
- .Toastify__bounce-enter--top-center {
8400
- animation-name: Toastify__bounceInDown;
8401
- }
8402
- .Toastify__bounce-enter--bottom-center {
8403
- animation-name: Toastify__bounceInUp;
8404
- }
8405
-
8406
- .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
8407
- animation-name: Toastify__bounceOutLeft;
8408
- }
8409
- .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
8410
- animation-name: Toastify__bounceOutRight;
8411
- }
8412
- .Toastify__bounce-exit--top-center {
8413
- animation-name: Toastify__bounceOutUp;
8414
- }
8415
- .Toastify__bounce-exit--bottom-center {
8416
- animation-name: Toastify__bounceOutDown;
8417
- }
8418
-
8419
- @keyframes Toastify__zoomIn {
8420
- from {
8421
- opacity: 0;
8422
- transform: scale3d(0.3, 0.3, 0.3);
8423
- }
8424
- 50% {
8425
- opacity: 1;
8426
- }
8427
- }
8428
- @keyframes Toastify__zoomOut {
8429
- from {
8430
- opacity: 1;
8431
- }
8432
- 50% {
8433
- opacity: 0;
8434
- transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
8435
- }
8436
- to {
8437
- opacity: 0;
8438
- }
8439
- }
8440
- .Toastify__zoom-enter {
8441
- animation-name: Toastify__zoomIn;
8442
- }
8443
-
8444
- .Toastify__zoom-exit {
8445
- animation-name: Toastify__zoomOut;
8446
- }
8447
-
8448
- @keyframes Toastify__flipIn {
8449
- from {
8450
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
8451
- animation-timing-function: ease-in;
8452
- opacity: 0;
8453
- }
8454
- 40% {
8455
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
8456
- animation-timing-function: ease-in;
8457
- }
8458
- 60% {
8459
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
8460
- opacity: 1;
8461
- }
8462
- 80% {
8463
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
8464
- }
8465
- to {
8466
- transform: perspective(400px);
8467
- }
8468
- }
8469
- @keyframes Toastify__flipOut {
8470
- from {
8471
- transform: translate3d(0, var(--y), 0) perspective(400px);
8472
- }
8473
- 30% {
8474
- transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
8475
- opacity: 1;
8476
- }
8477
- to {
8478
- transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
8479
- opacity: 0;
8480
- }
8481
- }
8482
- .Toastify__flip-enter {
8483
- animation-name: Toastify__flipIn;
8484
- }
8485
-
8486
- .Toastify__flip-exit {
8487
- animation-name: Toastify__flipOut;
8488
- }
8489
-
8490
- @keyframes Toastify__slideInRight {
8491
- from {
8492
- transform: translate3d(110%, 0, 0);
8493
- visibility: visible;
8494
- }
8495
- to {
8496
- transform: translate3d(0, var(--y), 0);
8497
- }
8498
- }
8499
- @keyframes Toastify__slideInLeft {
8500
- from {
8501
- transform: translate3d(-110%, 0, 0);
8502
- visibility: visible;
8503
- }
8504
- to {
8505
- transform: translate3d(0, var(--y), 0);
8506
- }
8507
- }
8508
- @keyframes Toastify__slideInUp {
8509
- from {
8510
- transform: translate3d(0, 110%, 0);
8511
- visibility: visible;
8512
- }
8513
- to {
8514
- transform: translate3d(0, var(--y), 0);
8515
- }
8516
- }
8517
- @keyframes Toastify__slideInDown {
8518
- from {
8519
- transform: translate3d(0, -110%, 0);
8520
- visibility: visible;
8521
- }
8522
- to {
8523
- transform: translate3d(0, var(--y), 0);
8524
- }
8525
- }
8526
- @keyframes Toastify__slideOutRight {
8527
- from {
8528
- transform: translate3d(0, var(--y), 0);
8529
- }
8530
- to {
8531
- visibility: hidden;
8532
- transform: translate3d(110%, var(--y), 0);
8533
- }
8534
- }
8535
- @keyframes Toastify__slideOutLeft {
8536
- from {
8537
- transform: translate3d(0, var(--y), 0);
8538
- }
8539
- to {
8540
- visibility: hidden;
8541
- transform: translate3d(-110%, var(--y), 0);
8542
- }
8543
- }
8544
- @keyframes Toastify__slideOutDown {
8545
- from {
8546
- transform: translate3d(0, var(--y), 0);
8547
- }
8548
- to {
8549
- visibility: hidden;
8550
- transform: translate3d(0, 500px, 0);
8551
- }
8552
- }
8553
- @keyframes Toastify__slideOutUp {
8554
- from {
8555
- transform: translate3d(0, var(--y), 0);
8556
- }
8557
- to {
8558
- visibility: hidden;
8559
- transform: translate3d(0, -500px, 0);
8560
- }
8561
- }
8562
- .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
8563
- animation-name: Toastify__slideInLeft;
8564
- }
8565
- .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
8566
- animation-name: Toastify__slideInRight;
8567
- }
8568
- .Toastify__slide-enter--top-center {
8569
- animation-name: Toastify__slideInDown;
8570
- }
8571
- .Toastify__slide-enter--bottom-center {
8572
- animation-name: Toastify__slideInUp;
8573
- }
8574
-
8575
- .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
8576
- animation-name: Toastify__slideOutLeft;
8577
- animation-timing-function: ease-in;
8578
- animation-duration: 0.3s;
8579
- }
8580
- .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
8581
- animation-name: Toastify__slideOutRight;
8582
- animation-timing-function: ease-in;
8583
- animation-duration: 0.3s;
8584
- }
8585
- .Toastify__slide-exit--top-center {
8586
- animation-name: Toastify__slideOutUp;
8587
- animation-timing-function: ease-in;
8588
- animation-duration: 0.3s;
8589
- }
8590
- .Toastify__slide-exit--bottom-center {
8591
- animation-name: Toastify__slideOutDown;
8592
- animation-timing-function: ease-in;
8593
- animation-duration: 0.3s;
8594
- }
8595
-
8596
- @keyframes Toastify__spin {
8597
- from {
8598
- transform: rotate(0deg);
8599
- }
8600
- to {
8601
- transform: rotate(360deg);
8602
- }
8603
- }
8604
7942
  .d-icon {
8605
7943
  --bs-icon-color: var(--bs-icon-component-color, inherit);
8606
7944
  --bs-icon-bg-color: var(--bs-icon-component-bg-color, inherit);
@@ -8634,8 +7972,8 @@ label .d-icon {
8634
7972
  .d-input-pin {
8635
7973
  --bs-input-pin-form-gap: var(--bs-ref-spacer-1);
8636
7974
  --bs-input-pin-form-control-size: 4rem;
8637
- --bs-input-pin-form-control-focus-border-color: var(--bs-focus-ring-color);
8638
- --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);
8639
7977
  display: flex;
8640
7978
  flex-direction: column;
8641
7979
  align-items: flex-start;
@@ -8670,7 +8008,7 @@ label .d-icon {
8670
8008
  }
8671
8009
  .d-input-pin:has(.form-control.is-valid) .form-control {
8672
8010
  border-color: var(--bs-success);
8673
- 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);
8674
8012
  }
8675
8013
  .d-input-pin:has(.form-control.is-valid) .form-text {
8676
8014
  color: var(--bs-form-valid-border-color);
@@ -8680,7 +8018,7 @@ label .d-icon {
8680
8018
  }
8681
8019
  .d-input-pin:has(.form-control.is-invalid) .form-control {
8682
8020
  border-color: var(--bs-danger);
8683
- 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);
8684
8022
  }
8685
8023
  .d-input-pin:has(.form-control.is-invalid) .form-text {
8686
8024
  color: var(--bs-form-invalid-border-color);
@@ -8693,6 +8031,29 @@ label .d-icon {
8693
8031
  background-color: transparent;
8694
8032
  }
8695
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
+
8696
8057
  .d-quick-action-button {
8697
8058
  --bs-quick-action-button-gap: var(--bs-ref-spacer-2);
8698
8059
  --bs-quick-action-button-padding: var(--bs-ref-spacer-4);
@@ -8910,14 +8271,12 @@ label .d-icon {
8910
8271
  --bs-quick-action-switch-border-radius: var(--bs-border-radius-sm);
8911
8272
  --bs-quick-action-switch-content-gap: var(--bs-ref-spacer-1);
8912
8273
  --bs-quick-action-switch-label-font-size: 1rem;
8913
- --bs-quick-action-switch-label-font-weight: var(--bs-fw-bold);
8914
- --bs-quick-action-switch-label-color: var(--bs-gray);
8274
+ --bs-quick-action-switch-label-font-weight: var(--bs-label-font-weight);
8915
8275
  --bs-quick-action-switch-hint-font-size: var(--bs-fs-small);
8916
8276
  --bs-quick-action-switch-hint-font-weight: var(--bs-fw-normal);
8917
8277
  --bs-quick-action-switch-hint-color: var(--bs-gray-400);
8918
8278
  --bs-quick-action-switch-hover-bg: var(--bs-secondary-soft);
8919
8279
  --bs-quick-action-switch-checked-bg: var(--bs-white);
8920
- --bs-quick-action-switch-checked-label-color: var(--bs-gray-700);
8921
8280
  --bs-quick-action-switch-checked-hint-color: var(--bs-gray-500);
8922
8281
  display: flex;
8923
8282
  flex-direction: column;
@@ -8936,9 +8295,6 @@ label .d-icon {
8936
8295
  .d-quick-action-switch:has(input:checked) {
8937
8296
  background: var(--bs-quick-action-switch-checked-bg);
8938
8297
  }
8939
- .d-quick-action-switch:has(input:checked) .d-quick-action-switch-label {
8940
- color: var(--bs-quick-action-switch-checked-label-color);
8941
- }
8942
8298
  .d-quick-action-switch:has(input:checked) .d-quick-action-switch-hint {
8943
8299
  color: var(--bs-quick-action-switch-checked-hint-color);
8944
8300
  }
@@ -8950,7 +8306,6 @@ label .d-icon {
8950
8306
  .d-quick-action-switch label {
8951
8307
  --bs-label-font-size: var(--bs-quick-action-switch-label-font-size);
8952
8308
  --bs-label-font-weight: var(--bs-quick-action-switch-label-font-weight);
8953
- --bs-label-color: var(--bs-quick-action-switch-label-color);
8954
8309
  }
8955
8310
  .d-quick-action-switch .d-quick-action-switch-hint {
8956
8311
  font-size: var(--bs-quick-action-switch-hint-font-size);
@@ -9042,15 +8397,6 @@ label .d-icon {
9042
8397
  .modal .modal-header:has(.d-modal-close:only-child) {
9043
8398
  justify-content: flex-end;
9044
8399
  }
9045
- .modal .d-modal-close {
9046
- align-self: flex-start;
9047
- padding: 0;
9048
- background: transparent;
9049
- border: 0;
9050
- }
9051
- .modal .d-modal-close .d-icon {
9052
- --bs-icon-size: var(--bs-ref-spacer-4);
9053
- }
9054
8400
  .modal .d-modal-separator {
9055
8401
  height: var(--bs-modal-separator-height);
9056
8402
  margin: 0 var(--bs-modal-separator-margin-x);
@@ -9098,15 +8444,6 @@ label .d-icon {
9098
8444
  gap: var(--bs-offcanvas-footer-gap);
9099
8445
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
9100
8446
  }
9101
- .offcanvas .d-offcanvas-close {
9102
- align-self: flex-start;
9103
- padding: 0;
9104
- background: transparent;
9105
- border: 0;
9106
- }
9107
- .offcanvas .d-offcanvas-close .d-icon {
9108
- --bs-icon-size: var(--bs-ref-spacer-4);
9109
- }
9110
8447
  .offcanvas .d-offcanvas-action-fill > * {
9111
8448
  flex: 1;
9112
8449
  }
@@ -10242,6 +9579,17 @@ label .d-icon {
10242
9579
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
10243
9580
  }
10244
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
+
10245
9593
  .d-popover {
10246
9594
  --bs-popover-min-width: var(--bs-popover-component-min-width, max-content);
10247
9595
  --bs-popover-z-index: 1;
@@ -10919,7 +10267,7 @@ label .d-icon {
10919
10267
 
10920
10268
  .d-select {
10921
10269
  --bs-select-gap: 0.5rem;
10922
- --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);
10923
10271
  --bs-select-menu-z-index: 1000;
10924
10272
  --bs-select-option-focus-bg: var(--bs-gray-100);
10925
10273
  --bs-select-option-selected-color: var(--bs-secondary);
@@ -10955,7 +10303,7 @@ label .d-icon {
10955
10303
  }
10956
10304
  .d-select .input-group:has(.d-select-component.is-valid) {
10957
10305
  border-color: var(--bs-form-valid-border-color);
10958
- 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);
10959
10307
  }
10960
10308
  .d-select .input-group:has(.d-select-component.is-valid) ~ .form-text {
10961
10309
  color: var(--bs-form-valid-border-color);
@@ -10965,7 +10313,7 @@ label .d-icon {
10965
10313
  }
10966
10314
  .d-select .input-group:has(.d-select-component.is-invalid) {
10967
10315
  border-color: var(--bs-form-invalid-border-color);
10968
- 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);
10969
10317
  }
10970
10318
  .d-select .input-group:has(.d-select-component.is-invalid) ~ .form-text {
10971
10319
  color: var(--bs-form-invalid-border-color);
@@ -10979,7 +10327,7 @@ label .d-icon {
10979
10327
  1rem: 1rem;
10980
10328
  font-weight: var(--bs-fw-normal);
10981
10329
  line-height: 1.5;
10982
- color: var(--bs-gray-900);
10330
+ color: var(--bs-body-color);
10983
10331
  -webkit-appearance: none;
10984
10332
  -moz-appearance: none;
10985
10333
  appearance: none;
@@ -10994,12 +10342,12 @@ label .d-icon {
10994
10342
  }
10995
10343
  }
10996
10344
  .d-select .d-select__control:focus {
10997
- color: var(--bs-gray-900);
10345
+ color: var(--bs-body-color);
10998
10346
  background-color: var(--bs-white);
10999
10347
  outline: 0;
11000
10348
  }
11001
10349
  .d-select .d-select__placeholder {
11002
- color: var(--bs-gray-300);
10350
+ color: var(--bs-border-color);
11003
10351
  opacity: 1;
11004
10352
  }
11005
10353
  .d-select .d-select__menu-list {
@@ -11083,6 +10431,22 @@ label .d-icon {
11083
10431
  --bs-icon-color: var(--bs-input-disabled-color);
11084
10432
  }
11085
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
+
11086
10450
  .clearfix::after {
11087
10451
  display: block;
11088
10452
  clear: both;
@@ -11095,17 +10459,17 @@ label .d-icon {
11095
10459
  }
11096
10460
 
11097
10461
  .text-bg-primary-50 {
11098
- color: var(--bs-black) !important;
10462
+ color: var(--bs-gray-700) !important;
11099
10463
  background-color: RGBA(var(--bs-primary-50-rgb), var(--bs-bg-opacity, 1)) !important;
11100
10464
  }
11101
10465
 
11102
10466
  .text-bg-primary-100 {
11103
- color: var(--bs-black) !important;
10467
+ color: var(--bs-gray-700) !important;
11104
10468
  background-color: RGBA(var(--bs-primary-100-rgb), var(--bs-bg-opacity, 1)) !important;
11105
10469
  }
11106
10470
 
11107
10471
  .text-bg-primary-200 {
11108
- color: var(--bs-black) !important;
10472
+ color: var(--bs-gray-700) !important;
11109
10473
  background-color: RGBA(var(--bs-primary-200-rgb), var(--bs-bg-opacity, 1)) !important;
11110
10474
  }
11111
10475
 
@@ -11155,12 +10519,12 @@ label .d-icon {
11155
10519
  }
11156
10520
 
11157
10521
  .text-bg-secondary-100 {
11158
- color: var(--bs-black) !important;
10522
+ color: var(--bs-gray-700) !important;
11159
10523
  background-color: RGBA(var(--bs-secondary-100-rgb), var(--bs-bg-opacity, 1)) !important;
11160
10524
  }
11161
10525
 
11162
10526
  .text-bg-secondary-200 {
11163
- color: var(--bs-black) !important;
10527
+ color: var(--bs-gray-700) !important;
11164
10528
  background-color: RGBA(var(--bs-secondary-200-rgb), var(--bs-bg-opacity, 1)) !important;
11165
10529
  }
11166
10530
 
@@ -11210,12 +10574,12 @@ label .d-icon {
11210
10574
  }
11211
10575
 
11212
10576
  .text-bg-success-100 {
11213
- color: var(--bs-black) !important;
10577
+ color: var(--bs-gray-700) !important;
11214
10578
  background-color: RGBA(var(--bs-success-100-rgb), var(--bs-bg-opacity, 1)) !important;
11215
10579
  }
11216
10580
 
11217
10581
  .text-bg-success-200 {
11218
- color: var(--bs-black) !important;
10582
+ color: var(--bs-gray-700) !important;
11219
10583
  background-color: RGBA(var(--bs-success-200-rgb), var(--bs-bg-opacity, 1)) !important;
11220
10584
  }
11221
10585
 
@@ -11265,12 +10629,12 @@ label .d-icon {
11265
10629
  }
11266
10630
 
11267
10631
  .text-bg-info-100 {
11268
- color: var(--bs-black) !important;
10632
+ color: var(--bs-gray-700) !important;
11269
10633
  background-color: RGBA(var(--bs-info-100-rgb), var(--bs-bg-opacity, 1)) !important;
11270
10634
  }
11271
10635
 
11272
10636
  .text-bg-info-200 {
11273
- color: var(--bs-black) !important;
10637
+ color: var(--bs-gray-700) !important;
11274
10638
  background-color: RGBA(var(--bs-info-200-rgb), var(--bs-bg-opacity, 1)) !important;
11275
10639
  }
11276
10640
 
@@ -11325,22 +10689,22 @@ label .d-icon {
11325
10689
  }
11326
10690
 
11327
10691
  .text-bg-warning-200 {
11328
- color: var(--bs-black) !important;
10692
+ color: var(--bs-gray-700) !important;
11329
10693
  background-color: RGBA(var(--bs-warning-200-rgb), var(--bs-bg-opacity, 1)) !important;
11330
10694
  }
11331
10695
 
11332
10696
  .text-bg-warning-300 {
11333
- color: var(--bs-black) !important;
10697
+ color: var(--bs-gray-700) !important;
11334
10698
  background-color: RGBA(var(--bs-warning-300-rgb), var(--bs-bg-opacity, 1)) !important;
11335
10699
  }
11336
10700
 
11337
10701
  .text-bg-warning-400 {
11338
- color: var(--bs-black) !important;
10702
+ color: var(--bs-gray-700) !important;
11339
10703
  background-color: RGBA(var(--bs-warning-400-rgb), var(--bs-bg-opacity, 1)) !important;
11340
10704
  }
11341
10705
 
11342
10706
  .text-bg-warning-500 {
11343
- color: var(--bs-black) !important;
10707
+ color: var(--bs-gray-700) !important;
11344
10708
  background-color: RGBA(var(--bs-warning-500-rgb), var(--bs-bg-opacity, 1)) !important;
11345
10709
  }
11346
10710
 
@@ -11375,12 +10739,12 @@ label .d-icon {
11375
10739
  }
11376
10740
 
11377
10741
  .text-bg-danger-100 {
11378
- color: var(--bs-black) !important;
10742
+ color: var(--bs-gray-700) !important;
11379
10743
  background-color: RGBA(var(--bs-danger-100-rgb), var(--bs-bg-opacity, 1)) !important;
11380
10744
  }
11381
10745
 
11382
10746
  .text-bg-danger-200 {
11383
- color: var(--bs-black) !important;
10747
+ color: var(--bs-gray-700) !important;
11384
10748
  background-color: RGBA(var(--bs-danger-200-rgb), var(--bs-bg-opacity, 1)) !important;
11385
10749
  }
11386
10750
 
@@ -11440,7 +10804,7 @@ label .d-icon {
11440
10804
  }
11441
10805
 
11442
10806
  .text-bg-warning {
11443
- color: var(--bs-black) !important;
10807
+ color: var(--bs-gray-700) !important;
11444
10808
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
11445
10809
  }
11446
10810
 
@@ -11475,7 +10839,7 @@ label .d-icon {
11475
10839
  }
11476
10840
 
11477
10841
  .text-bg-gray-200 {
11478
- color: var(--bs-black) !important;
10842
+ color: var(--bs-gray-700) !important;
11479
10843
  background-color: RGBA(var(--bs-gray-200-rgb), var(--bs-bg-opacity, 1)) !important;
11480
10844
  }
11481
10845
 
@@ -11490,12 +10854,12 @@ label .d-icon {
11490
10854
  }
11491
10855
 
11492
10856
  .text-bg-gray-500 {
11493
- color: var(--bs-black) !important;
10857
+ color: var(--bs-white) !important;
11494
10858
  background-color: RGBA(var(--bs-gray-500-rgb), var(--bs-bg-opacity, 1)) !important;
11495
10859
  }
11496
10860
 
11497
10861
  .text-bg-gray-600 {
11498
- color: var(--bs-black) !important;
10862
+ color: var(--bs-white) !important;
11499
10863
  background-color: RGBA(var(--bs-gray-600-rgb), var(--bs-bg-opacity, 1)) !important;
11500
10864
  }
11501
10865
 
@@ -11515,7 +10879,7 @@ label .d-icon {
11515
10879
  }
11516
10880
 
11517
10881
  .text-bg-gray {
11518
- color: var(--bs-black) !important;
10882
+ color: var(--bs-white) !important;
11519
10883
  background-color: RGBA(var(--bs-gray-rgb), var(--bs-bg-opacity, 1)) !important;
11520
10884
  }
11521
10885