@volo/ngx-lepton-x.lite 4.3.2 → 4.3.3

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 (9) hide show
  1. package/assets/css/bootstrap-dim.css +1671 -525
  2. package/assets/css/bootstrap-dim.rtl.css +1783 -526
  3. package/assets/css/font-bundle.css +1 -1
  4. package/assets/css/font-bundle.rtl.css +2 -2
  5. package/assets/css/ng-bundle.css +151 -150
  6. package/assets/css/ng-bundle.rtl.css +151 -150
  7. package/assets/css/side-menu/layout-bundle.css +1099 -1099
  8. package/assets/css/side-menu/layout-bundle.rtl.css +1101 -1101
  9. package/package.json +2 -2
package/assets/css/bootstrap-dim.rtl.css CHANGED
@@ -1,5 +1,6 @@
1
1
  @charset "UTF-8";
2
- :root {
2
+ :root,
3
+ [data-bs-theme=light] {
3
4
  --bs-blue: #0d6efd;
4
5
  --bs-indigo: #6610f2;
5
6
  --bs-purple: #6f42c1;
@@ -39,19 +40,62 @@
39
40
  --bs-danger-rgb: 192, 13, 73;
40
41
  --bs-light-rgb: 238, 238, 238;
41
42
  --bs-dark-rgb: 22, 22, 22;
43
+ --bs-primary-text-emphasis: rgb(21.2, 37.2, 102);
44
+ --bs-secondary-text-emphasis: rgb(43.2, 37.2, 84.4);
45
+ --bs-success-text-emphasis: rgb(31.6, 76.4, 41.2);
46
+ --bs-info-text-emphasis: rgb(26.8, 55.2, 66.8);
47
+ --bs-warning-text-emphasis: rgb(102, 63.6, 22.4);
48
+ --bs-danger-text-emphasis: rgb(76.8, 5.2, 29.2);
49
+ --bs-light-text-emphasis: #495057;
50
+ --bs-dark-text-emphasis: #495057;
51
+ --bs-primary-bg-subtle: rgb(214.6, 222.6, 255);
52
+ --bs-secondary-bg-subtle: rgb(225.6, 222.6, 246.2);
53
+ --bs-success-bg-subtle: rgb(219.8, 242.2, 224.6);
54
+ --bs-info-bg-subtle: rgb(217.4, 231.6, 237.4);
55
+ --bs-warning-bg-subtle: rgb(255, 235.8, 215.2);
56
+ --bs-danger-bg-subtle: rgb(242.4, 206.6, 218.6);
57
+ --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
58
+ --bs-dark-bg-subtle: #ced4da;
59
+ --bs-primary-border-subtle: rgb(174.2, 190.2, 255);
60
+ --bs-secondary-border-subtle: rgb(196.2, 190.2, 237.4);
61
+ --bs-success-border-subtle: rgb(184.6, 229.4, 194.2);
62
+ --bs-info-border-subtle: rgb(179.8, 208.2, 219.8);
63
+ --bs-warning-border-subtle: rgb(255, 216.6, 175.4);
64
+ --bs-danger-border-subtle: rgb(229.8, 158.2, 182.2);
65
+ --bs-light-border-subtle: #e9ecef;
66
+ --bs-dark-border-subtle: #adb5bd;
42
67
  --bs-white-rgb: 255, 255, 255;
43
68
  --bs-black-rgb: 0, 0, 0;
44
- --bs-body-color-rgb: 104, 107, 110;
45
- --bs-body-bg-rgb: 22, 22, 22;
46
69
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
47
70
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
48
71
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
49
- --bs-body-font-family: Inter, sans-serif;
72
+ --bs-body-font-family: "Inter", sans-serif;
50
73
  --bs-body-font-size: 0.875rem;
51
74
  --bs-body-font-weight: 400;
52
75
  --bs-body-line-height: 1.5;
53
76
  --bs-body-color: #686b6e;
77
+ --bs-body-color-rgb: 104, 107, 110;
54
78
  --bs-body-bg: #161616;
79
+ --bs-body-bg-rgb: 22, 22, 22;
80
+ --bs-emphasis-color: #000;
81
+ --bs-emphasis-color-rgb: 0, 0, 0;
82
+ --bs-secondary-color: rgba(104, 107, 110, 0.75);
83
+ --bs-secondary-color-rgb: 104, 107, 110;
84
+ --bs-secondary-bg: #e9ecef;
85
+ --bs-secondary-bg-rgb: 233, 236, 239;
86
+ --bs-tertiary-color: rgba(104, 107, 110, 0.5);
87
+ --bs-tertiary-color-rgb: 104, 107, 110;
88
+ --bs-tertiary-bg: #f8f9fa;
89
+ --bs-tertiary-bg-rgb: 248, 249, 250;
90
+ --bs-heading-color: inherit;
91
+ --bs-link-color: #355dff;
92
+ --bs-link-color-rgb: 53, 93, 255;
93
+ --bs-link-decoration: underline;
94
+ --bs-link-hover-color: rgb(42.4, 74.4, 204);
95
+ --bs-link-hover-color-rgb: 42, 74, 204;
96
+ --bs-code-color: #d63384;
97
+ --bs-highlight-color: #686b6e;
98
+ --bs-highlight-bg: rgb(255, 242.6, 205.4);
55
99
  --bs-border-width: 1px;
56
100
  --bs-border-style: solid;
57
101
  --bs-border-color: #e7e9ec;
@@ -60,12 +104,76 @@
60
104
  --bs-border-radius-sm: 0.4375rem;
61
105
  --bs-border-radius-lg: 0.5625rem;
62
106
  --bs-border-radius-xl: 1rem;
63
- --bs-border-radius-2xl: 2rem;
107
+ --bs-border-radius-xxl: 2rem;
108
+ --bs-border-radius-2xl: var(--bs-border-radius-xxl);
64
109
  --bs-border-radius-pill: 50rem;
65
- --bs-link-color: #355dff;
66
- --bs-link-hover-color: rgb(42.4, 74.4, 204);
67
- --bs-code-color: #d63384;
68
- --bs-highlight-bg: rgb(255, 242.6, 205.4);
110
+ --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
111
+ --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
112
+ --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
113
+ --bs-box-shadow-inset: none;
114
+ --bs-focus-ring-width: 0.25rem;
115
+ --bs-focus-ring-opacity: 0.25;
116
+ --bs-focus-ring-color: rgba(53, 93, 255, 0.25);
117
+ --bs-form-valid-color: #4fbf67;
118
+ --bs-form-valid-border-color: #4fbf67;
119
+ --bs-form-invalid-color: #c00d49;
120
+ --bs-form-invalid-border-color: #c00d49;
121
+ }
122
+
123
+ [data-bs-theme=dark] {
124
+ color-scheme: dark;
125
+ --bs-body-color: #dee2e6;
126
+ --bs-body-color-rgb: 222, 226, 230;
127
+ --bs-body-bg: #212529;
128
+ --bs-body-bg-rgb: 33, 37, 41;
129
+ --bs-emphasis-color: #fff;
130
+ --bs-emphasis-color-rgb: 255, 255, 255;
131
+ --bs-secondary-color: rgba(222, 226, 230, 0.75);
132
+ --bs-secondary-color-rgb: 222, 226, 230;
133
+ --bs-secondary-bg: #343a40;
134
+ --bs-secondary-bg-rgb: 52, 58, 64;
135
+ --bs-tertiary-color: rgba(222, 226, 230, 0.5);
136
+ --bs-tertiary-color-rgb: 222, 226, 230;
137
+ --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
138
+ --bs-tertiary-bg-rgb: 43, 48, 53;
139
+ --bs-primary-text-emphasis: rgb(133.8, 157.8, 255);
140
+ --bs-secondary-text-emphasis: rgb(166.8, 157.8, 228.6);
141
+ --bs-success-text-emphasis: rgb(149.4, 216.6, 163.8);
142
+ --bs-info-text-emphasis: rgb(142.2, 184.8, 202.2);
143
+ --bs-warning-text-emphasis: rgb(255, 197.4, 135.6);
144
+ --bs-danger-text-emphasis: rgb(217.2, 109.8, 145.8);
145
+ --bs-light-text-emphasis: #f8f9fa;
146
+ --bs-dark-text-emphasis: #dee2e6;
147
+ --bs-primary-bg-subtle: rgb(10.6, 18.6, 51);
148
+ --bs-secondary-bg-subtle: rgb(21.6, 18.6, 42.2);
149
+ --bs-success-bg-subtle: rgb(15.8, 38.2, 20.6);
150
+ --bs-info-bg-subtle: rgb(13.4, 27.6, 33.4);
151
+ --bs-warning-bg-subtle: rgb(51, 31.8, 11.2);
152
+ --bs-danger-bg-subtle: rgb(38.4, 2.6, 14.6);
153
+ --bs-light-bg-subtle: #343a40;
154
+ --bs-dark-bg-subtle: #1a1d20;
155
+ --bs-primary-border-subtle: rgb(31.8, 55.8, 153);
156
+ --bs-secondary-border-subtle: rgb(64.8, 55.8, 126.6);
157
+ --bs-success-border-subtle: rgb(47.4, 114.6, 61.8);
158
+ --bs-info-border-subtle: rgb(40.2, 82.8, 100.2);
159
+ --bs-warning-border-subtle: rgb(153, 95.4, 33.6);
160
+ --bs-danger-border-subtle: rgb(115.2, 7.8, 43.8);
161
+ --bs-light-border-subtle: #495057;
162
+ --bs-dark-border-subtle: #343a40;
163
+ --bs-heading-color: inherit;
164
+ --bs-link-color: rgb(133.8, 157.8, 255);
165
+ --bs-link-hover-color: rgb(158.04, 177.24, 255);
166
+ --bs-link-color-rgb: 134, 158, 255;
167
+ --bs-link-hover-color-rgb: 158, 177, 255;
168
+ --bs-code-color: rgb(230.4, 132.6, 181.2);
169
+ --bs-highlight-color: #dee2e6;
170
+ --bs-highlight-bg: rgb(102, 77.2, 2.8);
171
+ --bs-border-color: #495057;
172
+ --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
173
+ --bs-form-valid-color: rgb(117, 183, 152.4);
174
+ --bs-form-valid-border-color: rgb(117, 183, 152.4);
175
+ --bs-form-invalid-color: rgb(234, 133.8, 143.4);
176
+ --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
69
177
  }
70
178
 
71
179
  *,
@@ -97,7 +205,7 @@ hr {
97
205
  margin: 1.5rem 0;
98
206
  color: inherit;
99
207
  border: 0;
100
- border-top: 1px solid;
208
+ border-top: var(--bs-border-width) solid;
101
209
  opacity: 0.25;
102
210
  }
103
211
 
@@ -106,6 +214,7 @@ h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
106
214
  margin-bottom: 0.75rem;
107
215
  font-weight: 500;
108
216
  line-height: 1.2;
217
+ color: var(--bs-heading-color);
109
218
  }
110
219
 
111
220
  h1, .h1 {
@@ -214,6 +323,7 @@ small, .small {
214
323
 
215
324
  mark, .mark {
216
325
  padding: 0.1875em;
326
+ color: var(--bs-highlight-color);
217
327
  background-color: var(--bs-highlight-bg);
218
328
  }
219
329
 
@@ -234,11 +344,11 @@ sup {
234
344
  }
235
345
 
236
346
  a {
237
- color: var(--bs-link-color);
347
+ color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
238
348
  text-decoration: underline;
239
349
  }
240
350
  a:hover {
241
- color: var(--bs-link-hover-color);
351
+ --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
242
352
  }
243
353
 
244
354
  a:not([href]):not([class]), a:not([href]):not([class]):hover {
@@ -305,7 +415,7 @@ table {
305
415
  caption {
306
416
  padding-top: 0.5rem;
307
417
  padding-bottom: 0.5rem;
308
- color: #686b6e;
418
+ color: var(--bs-secondary-color);
309
419
  text-align: right;
310
420
  }
311
421
 
@@ -402,8 +512,8 @@ legend {
402
512
  width: 100%;
403
513
  padding: 0;
404
514
  margin-bottom: 0.5rem;
405
- font-size: calc(1.275rem + 0.3vw);
406
515
  line-height: inherit;
516
+ font-size: calc(1.275rem + 0.3vw);
407
517
  }
408
518
  @media (min-width: 1200px) {
409
519
  legend {
@@ -429,8 +539,12 @@ legend + * {
429
539
  }
430
540
 
431
541
  [type=search] {
432
- outline-offset: -2px;
433
542
  -webkit-appearance: textfield;
543
+ outline-offset: -2px;
544
+ }
545
+ [type=search]::-webkit-search-cancel-button {
546
+ cursor: pointer;
547
+ filter: grayscale(1);
434
548
  }
435
549
 
436
550
  [type="tel"],
@@ -551,9 +665,9 @@ progress {
551
665
  }
552
666
 
553
667
  .display-1 {
554
- font-size: calc(1.625rem + 4.5vw);
555
668
  font-weight: 300;
556
669
  line-height: 1.2;
670
+ font-size: calc(1.625rem + 4.5vw);
557
671
  }
558
672
  @media (min-width: 1200px) {
559
673
  .display-1 {
@@ -562,9 +676,9 @@ progress {
562
676
  }
563
677
 
564
678
  .display-2 {
565
- font-size: calc(1.575rem + 3.9vw);
566
679
  font-weight: 300;
567
680
  line-height: 1.2;
681
+ font-size: calc(1.575rem + 3.9vw);
568
682
  }
569
683
  @media (min-width: 1200px) {
570
684
  .display-2 {
@@ -573,9 +687,9 @@ progress {
573
687
  }
574
688
 
575
689
  .display-3 {
576
- font-size: calc(1.525rem + 3.3vw);
577
690
  font-weight: 300;
578
691
  line-height: 1.2;
692
+ font-size: calc(1.525rem + 3.3vw);
579
693
  }
580
694
  @media (min-width: 1200px) {
581
695
  .display-3 {
@@ -584,9 +698,9 @@ progress {
584
698
  }
585
699
 
586
700
  .display-4 {
587
- font-size: calc(1.475rem + 2.7vw);
588
701
  font-weight: 300;
589
702
  line-height: 1.2;
703
+ font-size: calc(1.475rem + 2.7vw);
590
704
  }
591
705
  @media (min-width: 1200px) {
592
706
  .display-4 {
@@ -595,9 +709,9 @@ progress {
595
709
  }
596
710
 
597
711
  .display-5 {
598
- font-size: calc(1.425rem + 2.1vw);
599
712
  font-weight: 300;
600
713
  line-height: 1.2;
714
+ font-size: calc(1.425rem + 2.1vw);
601
715
  }
602
716
  @media (min-width: 1200px) {
603
717
  .display-5 {
@@ -606,9 +720,9 @@ progress {
606
720
  }
607
721
 
608
722
  .display-6 {
609
- font-size: calc(1.375rem + 1.5vw);
610
723
  font-weight: 300;
611
724
  line-height: 1.2;
725
+ font-size: calc(1.375rem + 1.5vw);
612
726
  }
613
727
  @media (min-width: 1200px) {
614
728
  .display-6 {
@@ -730,10 +844,10 @@ progress {
730
844
 
731
845
  .img-thumbnail {
732
846
  padding: 0.25rem;
733
- background-color: #161616;
734
- border: 1px solid var(--bs-border-color);
735
- border-radius: 0.5rem;
736
- box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
847
+ background-color: var(--bs-body-bg);
848
+ border: var(--bs-border-width) solid var(--bs-border-color);
849
+ border-radius: var(--bs-border-radius);
850
+ box-shadow: var(--bs-box-shadow-sm);
737
851
  max-width: 100%;
738
852
  height: auto;
739
853
  }
@@ -749,7 +863,7 @@ progress {
749
863
 
750
864
  .figure-caption {
751
865
  font-size: 0.875em;
752
- color: #6c757d;
866
+ color: var(--bs-secondary-color);
753
867
  }
754
868
 
755
869
  .container,
@@ -793,6 +907,15 @@ progress {
793
907
  max-width: 1320px;
794
908
  }
795
909
  }
910
+ :root {
911
+ --bs-breakpoint-xs: 0;
912
+ --bs-breakpoint-sm: 576px;
913
+ --bs-breakpoint-md: 768px;
914
+ --bs-breakpoint-lg: 992px;
915
+ --bs-breakpoint-xl: 1200px;
916
+ --bs-breakpoint-xxl: 1400px;
917
+ }
918
+
796
919
  .row {
797
920
  --bs-gutter-x: 1.5rem;
798
921
  --bs-gutter-y: 0;
@@ -812,7 +935,7 @@ progress {
812
935
  }
813
936
 
814
937
  .col {
815
- flex: 1 0 0%;
938
+ flex: 1 0 0;
816
939
  }
817
940
 
818
941
  .row-cols-auto > * {
@@ -832,7 +955,7 @@ progress {
832
955
 
833
956
  .row-cols-3 > * {
834
957
  flex: 0 0 auto;
835
- width: 33.3333333333%;
958
+ width: 33.33333333%;
836
959
  }
837
960
 
838
961
  .row-cols-4 > * {
@@ -847,7 +970,7 @@ progress {
847
970
 
848
971
  .row-cols-6 > * {
849
972
  flex: 0 0 auto;
850
- width: 16.6666666667%;
973
+ width: 16.66666667%;
851
974
  }
852
975
 
853
976
  .col-auto {
@@ -1021,7 +1144,7 @@ progress {
1021
1144
 
1022
1145
  @media (min-width: 576px) {
1023
1146
  .col-sm {
1024
- flex: 1 0 0%;
1147
+ flex: 1 0 0;
1025
1148
  }
1026
1149
  .row-cols-sm-auto > * {
1027
1150
  flex: 0 0 auto;
@@ -1037,7 +1160,7 @@ progress {
1037
1160
  }
1038
1161
  .row-cols-sm-3 > * {
1039
1162
  flex: 0 0 auto;
1040
- width: 33.3333333333%;
1163
+ width: 33.33333333%;
1041
1164
  }
1042
1165
  .row-cols-sm-4 > * {
1043
1166
  flex: 0 0 auto;
@@ -1049,7 +1172,7 @@ progress {
1049
1172
  }
1050
1173
  .row-cols-sm-6 > * {
1051
1174
  flex: 0 0 auto;
1052
- width: 16.6666666667%;
1175
+ width: 16.66666667%;
1053
1176
  }
1054
1177
  .col-sm-auto {
1055
1178
  flex: 0 0 auto;
@@ -1190,7 +1313,7 @@ progress {
1190
1313
  }
1191
1314
  @media (min-width: 768px) {
1192
1315
  .col-md {
1193
- flex: 1 0 0%;
1316
+ flex: 1 0 0;
1194
1317
  }
1195
1318
  .row-cols-md-auto > * {
1196
1319
  flex: 0 0 auto;
@@ -1206,7 +1329,7 @@ progress {
1206
1329
  }
1207
1330
  .row-cols-md-3 > * {
1208
1331
  flex: 0 0 auto;
1209
- width: 33.3333333333%;
1332
+ width: 33.33333333%;
1210
1333
  }
1211
1334
  .row-cols-md-4 > * {
1212
1335
  flex: 0 0 auto;
@@ -1218,7 +1341,7 @@ progress {
1218
1341
  }
1219
1342
  .row-cols-md-6 > * {
1220
1343
  flex: 0 0 auto;
1221
- width: 16.6666666667%;
1344
+ width: 16.66666667%;
1222
1345
  }
1223
1346
  .col-md-auto {
1224
1347
  flex: 0 0 auto;
@@ -1359,7 +1482,7 @@ progress {
1359
1482
  }
1360
1483
  @media (min-width: 992px) {
1361
1484
  .col-lg {
1362
- flex: 1 0 0%;
1485
+ flex: 1 0 0;
1363
1486
  }
1364
1487
  .row-cols-lg-auto > * {
1365
1488
  flex: 0 0 auto;
@@ -1375,7 +1498,7 @@ progress {
1375
1498
  }
1376
1499
  .row-cols-lg-3 > * {
1377
1500
  flex: 0 0 auto;
1378
- width: 33.3333333333%;
1501
+ width: 33.33333333%;
1379
1502
  }
1380
1503
  .row-cols-lg-4 > * {
1381
1504
  flex: 0 0 auto;
@@ -1387,7 +1510,7 @@ progress {
1387
1510
  }
1388
1511
  .row-cols-lg-6 > * {
1389
1512
  flex: 0 0 auto;
1390
- width: 16.6666666667%;
1513
+ width: 16.66666667%;
1391
1514
  }
1392
1515
  .col-lg-auto {
1393
1516
  flex: 0 0 auto;
@@ -1528,7 +1651,7 @@ progress {
1528
1651
  }
1529
1652
  @media (min-width: 1200px) {
1530
1653
  .col-xl {
1531
- flex: 1 0 0%;
1654
+ flex: 1 0 0;
1532
1655
  }
1533
1656
  .row-cols-xl-auto > * {
1534
1657
  flex: 0 0 auto;
@@ -1544,7 +1667,7 @@ progress {
1544
1667
  }
1545
1668
  .row-cols-xl-3 > * {
1546
1669
  flex: 0 0 auto;
1547
- width: 33.3333333333%;
1670
+ width: 33.33333333%;
1548
1671
  }
1549
1672
  .row-cols-xl-4 > * {
1550
1673
  flex: 0 0 auto;
@@ -1556,7 +1679,7 @@ progress {
1556
1679
  }
1557
1680
  .row-cols-xl-6 > * {
1558
1681
  flex: 0 0 auto;
1559
- width: 16.6666666667%;
1682
+ width: 16.66666667%;
1560
1683
  }
1561
1684
  .col-xl-auto {
1562
1685
  flex: 0 0 auto;
@@ -1697,7 +1820,7 @@ progress {
1697
1820
  }
1698
1821
  @media (min-width: 1400px) {
1699
1822
  .col-xxl {
1700
- flex: 1 0 0%;
1823
+ flex: 1 0 0;
1701
1824
  }
1702
1825
  .row-cols-xxl-auto > * {
1703
1826
  flex: 0 0 auto;
@@ -1713,7 +1836,7 @@ progress {
1713
1836
  }
1714
1837
  .row-cols-xxl-3 > * {
1715
1838
  flex: 0 0 auto;
1716
- width: 33.3333333333%;
1839
+ width: 33.33333333%;
1717
1840
  }
1718
1841
  .row-cols-xxl-4 > * {
1719
1842
  flex: 0 0 auto;
@@ -1725,7 +1848,7 @@ progress {
1725
1848
  }
1726
1849
  .row-cols-xxl-6 > * {
1727
1850
  flex: 0 0 auto;
1728
- width: 16.6666666667%;
1851
+ width: 16.66666667%;
1729
1852
  }
1730
1853
  .col-xxl-auto {
1731
1854
  flex: 0 0 auto;
@@ -1865,27 +1988,31 @@ progress {
1865
1988
  }
1866
1989
  }
1867
1990
  .table {
1868
- --bs-table-color: var(--bs-body-color);
1869
- --bs-table-bg: transparent;
1991
+ --bs-table-color-type: initial;
1992
+ --bs-table-bg-type: initial;
1993
+ --bs-table-color-state: initial;
1994
+ --bs-table-bg-state: initial;
1995
+ --bs-table-color: var(--bs-emphasis-color);
1996
+ --bs-table-bg: var(--bs-body-bg);
1870
1997
  --bs-table-border-color: var(--bs-border-color);
1871
1998
  --bs-table-accent-bg: transparent;
1872
- --bs-table-striped-color: var(--bs-body-color);
1873
- --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
1874
- --bs-table-active-color: var(--bs-body-color);
1875
- --bs-table-active-bg: rgba(0, 0, 0, 0.1);
1876
- --bs-table-hover-color: var(--bs-body-color);
1877
- --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
1999
+ --bs-table-striped-color: var(--bs-emphasis-color);
2000
+ --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
2001
+ --bs-table-active-color: var(--bs-emphasis-color);
2002
+ --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
2003
+ --bs-table-hover-color: var(--bs-emphasis-color);
2004
+ --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
1878
2005
  width: 100%;
1879
2006
  margin-bottom: 1.5rem;
1880
- color: var(--bs-table-color);
1881
2007
  vertical-align: top;
1882
2008
  border-color: var(--bs-table-border-color);
1883
2009
  }
1884
2010
  .table > :not(caption) > * > * {
1885
2011
  padding: 0.5rem 0.5rem;
2012
+ color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
1886
2013
  background-color: var(--bs-table-bg);
1887
2014
  border-bottom-width: 1px;
1888
- box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
2015
+ box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
1889
2016
  }
1890
2017
  .table > tbody {
1891
2018
  vertical-align: inherit;
@@ -1895,7 +2022,7 @@ progress {
1895
2022
  }
1896
2023
 
1897
2024
  .table-group-divider {
1898
- border-top: 2px solid currentcolor;
2025
+ border-top: calc(1px * 2) solid currentcolor;
1899
2026
  }
1900
2027
 
1901
2028
  .caption-top {
@@ -1921,29 +2048,29 @@ progress {
1921
2048
  }
1922
2049
 
1923
2050
  .table-striped > tbody > tr:nth-of-type(odd) > * {
1924
- --bs-table-accent-bg: var(--bs-table-striped-bg);
1925
- color: var(--bs-table-striped-color);
2051
+ --bs-table-color-type: var(--bs-table-striped-color);
2052
+ --bs-table-bg-type: var(--bs-table-striped-bg);
1926
2053
  }
1927
2054
 
1928
2055
  .table-striped-columns > :not(caption) > tr > :nth-child(even) {
1929
- --bs-table-accent-bg: var(--bs-table-striped-bg);
1930
- color: var(--bs-table-striped-color);
2056
+ --bs-table-color-type: var(--bs-table-striped-color);
2057
+ --bs-table-bg-type: var(--bs-table-striped-bg);
1931
2058
  }
1932
2059
 
1933
2060
  .table-active {
1934
- --bs-table-accent-bg: var(--bs-table-active-bg);
1935
- color: var(--bs-table-active-color);
2061
+ --bs-table-color-state: var(--bs-table-active-color);
2062
+ --bs-table-bg-state: var(--bs-table-active-bg);
1936
2063
  }
1937
2064
 
1938
2065
  .table-hover > tbody > tr:hover > * {
1939
- --bs-table-accent-bg: var(--bs-table-hover-bg);
1940
- color: var(--bs-table-hover-color);
2066
+ --bs-table-color-state: var(--bs-table-hover-color);
2067
+ --bs-table-bg-state: var(--bs-table-hover-bg);
1941
2068
  }
1942
2069
 
1943
2070
  .table-primary {
1944
2071
  --bs-table-color: #000;
1945
2072
  --bs-table-bg: rgb(214.6, 222.6, 255);
1946
- --bs-table-border-color: rgb(193.14, 200.34, 229.5);
2073
+ --bs-table-border-color: rgb(171.68, 178.08, 204);
1947
2074
  --bs-table-striped-bg: rgb(203.87, 211.47, 242.25);
1948
2075
  --bs-table-striped-color: #000;
1949
2076
  --bs-table-active-bg: rgb(193.14, 200.34, 229.5);
@@ -1957,7 +2084,7 @@ progress {
1957
2084
  .table-secondary {
1958
2085
  --bs-table-color: #000;
1959
2086
  --bs-table-bg: rgb(225.6, 222.6, 246.2);
1960
- --bs-table-border-color: rgb(203.04, 200.34, 221.58);
2087
+ --bs-table-border-color: rgb(180.48, 178.08, 196.96);
1961
2088
  --bs-table-striped-bg: rgb(214.32, 211.47, 233.89);
1962
2089
  --bs-table-striped-color: #000;
1963
2090
  --bs-table-active-bg: rgb(203.04, 200.34, 221.58);
@@ -1971,7 +2098,7 @@ progress {
1971
2098
  .table-success {
1972
2099
  --bs-table-color: #000;
1973
2100
  --bs-table-bg: rgb(219.8, 242.2, 224.6);
1974
- --bs-table-border-color: rgb(197.82, 217.98, 202.14);
2101
+ --bs-table-border-color: rgb(175.84, 193.76, 179.68);
1975
2102
  --bs-table-striped-bg: rgb(208.81, 230.09, 213.37);
1976
2103
  --bs-table-striped-color: #000;
1977
2104
  --bs-table-active-bg: rgb(197.82, 217.98, 202.14);
@@ -1985,7 +2112,7 @@ progress {
1985
2112
  .table-info {
1986
2113
  --bs-table-color: #000;
1987
2114
  --bs-table-bg: rgb(217.4, 231.6, 237.4);
1988
- --bs-table-border-color: rgb(195.66, 208.44, 213.66);
2115
+ --bs-table-border-color: rgb(173.92, 185.28, 189.92);
1989
2116
  --bs-table-striped-bg: rgb(206.53, 220.02, 225.53);
1990
2117
  --bs-table-striped-color: #000;
1991
2118
  --bs-table-active-bg: rgb(195.66, 208.44, 213.66);
@@ -1999,7 +2126,7 @@ progress {
1999
2126
  .table-warning {
2000
2127
  --bs-table-color: #000;
2001
2128
  --bs-table-bg: rgb(255, 235.8, 215.2);
2002
- --bs-table-border-color: rgb(229.5, 212.22, 193.68);
2129
+ --bs-table-border-color: rgb(204, 188.64, 172.16);
2003
2130
  --bs-table-striped-bg: rgb(242.25, 224.01, 204.44);
2004
2131
  --bs-table-striped-color: #000;
2005
2132
  --bs-table-active-bg: rgb(229.5, 212.22, 193.68);
@@ -2013,7 +2140,7 @@ progress {
2013
2140
  .table-danger {
2014
2141
  --bs-table-color: #000;
2015
2142
  --bs-table-bg: rgb(242.4, 206.6, 218.6);
2016
- --bs-table-border-color: rgb(218.16, 185.94, 196.74);
2143
+ --bs-table-border-color: rgb(193.92, 165.28, 174.88);
2017
2144
  --bs-table-striped-bg: rgb(230.28, 196.27, 207.67);
2018
2145
  --bs-table-striped-color: #000;
2019
2146
  --bs-table-active-bg: rgb(218.16, 185.94, 196.74);
@@ -2027,7 +2154,7 @@ progress {
2027
2154
  .table-light {
2028
2155
  --bs-table-color: #000;
2029
2156
  --bs-table-bg: #eeeeee;
2030
- --bs-table-border-color: rgb(214.2, 214.2, 214.2);
2157
+ --bs-table-border-color: rgb(190.4, 190.4, 190.4);
2031
2158
  --bs-table-striped-bg: rgb(226.1, 226.1, 226.1);
2032
2159
  --bs-table-striped-color: #000;
2033
2160
  --bs-table-active-bg: rgb(214.2, 214.2, 214.2);
@@ -2041,7 +2168,7 @@ progress {
2041
2168
  .table-dark {
2042
2169
  --bs-table-color: #fff;
2043
2170
  --bs-table-bg: #161616;
2044
- --bs-table-border-color: rgb(45.3, 45.3, 45.3);
2171
+ --bs-table-border-color: rgb(68.6, 68.6, 68.6);
2045
2172
  --bs-table-striped-bg: rgb(33.65, 33.65, 33.65);
2046
2173
  --bs-table-striped-color: #fff;
2047
2174
  --bs-table-active-bg: rgb(45.3, 45.3, 45.3);
@@ -2154,22 +2281,6 @@ progress {
2154
2281
  border-top: 0 !important;
2155
2282
  }
2156
2283
 
2157
- .table {
2158
- /* &.table-hover {
2159
- & > tbody > tr:nth-of-type(odd) > td {
2160
- background-color: lpx-var-rgb(content-bg, .35);
2161
- --bs-table-accent-bg: none;
2162
- }
2163
- tbody {
2164
- tr {
2165
- &:hover > td {
2166
- background-color: $lpx-content-bg !important;
2167
- --bs-table-accent-bg: none;
2168
- }
2169
- }
2170
- }
2171
- } */
2172
- }
2173
2284
  .table thead th {
2174
2285
  font-weight: 400;
2175
2286
  color: rgba(104, 107, 110, 0.77);
@@ -2198,6 +2309,27 @@ progress {
2198
2309
  .table.table-striped > tbody > tr.table-primary.table-row-selectable > td, .table.table-bordered > tbody > tr.table-primary.table-row-selectable > td {
2199
2310
  color: #161616 !important;
2200
2311
  }
2312
+ .table {
2313
+ /* &.table-hover {
2314
+ & > tbody > tr:nth-of-type(odd) > td {
2315
+ background-color: lpx-var-rgb(content-bg, .35);
2316
+ --bs-table-accent-bg: none;
2317
+ }
2318
+ tbody {
2319
+ tr {
2320
+ &:hover > td {
2321
+ background-color: $lpx-content-bg !important;
2322
+ --bs-table-accent-bg: none;
2323
+ }
2324
+ }
2325
+ }
2326
+ } */
2327
+ }
2328
+
2329
+ .table > :not(caption) > * > * {
2330
+ background-color: inherit !important;
2331
+ color: inherit !important;
2332
+ }
2201
2333
 
2202
2334
  .form-label {
2203
2335
  margin-bottom: 0.25rem;
@@ -2205,8 +2337,8 @@ progress {
2205
2337
  }
2206
2338
 
2207
2339
  .col-form-label {
2208
- padding-top: calc(0.675rem + 1px);
2209
- padding-bottom: calc(0.675rem + 1px);
2340
+ padding-top: calc(0.675rem + var(--bs-border-width));
2341
+ padding-bottom: calc(0.675rem + var(--bs-border-width));
2210
2342
  margin-bottom: 0;
2211
2343
  font-size: inherit;
2212
2344
  font-weight: 500;
@@ -2214,21 +2346,21 @@ progress {
2214
2346
  }
2215
2347
 
2216
2348
  .col-form-label-lg {
2217
- padding-top: calc(0.825rem + 1px);
2218
- padding-bottom: calc(0.825rem + 1px);
2349
+ padding-top: calc(0.825rem + var(--bs-border-width));
2350
+ padding-bottom: calc(0.825rem + var(--bs-border-width));
2219
2351
  font-size: 0.984375rem;
2220
2352
  }
2221
2353
 
2222
2354
  .col-form-label-sm {
2223
- padding-top: calc(0.375rem + 1px);
2224
- padding-bottom: calc(0.375rem + 1px);
2355
+ padding-top: calc(0.375rem + var(--bs-border-width));
2356
+ padding-bottom: calc(0.375rem + var(--bs-border-width));
2225
2357
  font-size: 0.765625rem;
2226
2358
  }
2227
2359
 
2228
2360
  .form-text {
2229
2361
  margin-top: 0.25rem;
2230
2362
  font-size: 0.875em;
2231
- color: #686b6e;
2363
+ color: var(--bs-secondary-color);
2232
2364
  }
2233
2365
 
2234
2366
  .form-control {
@@ -2239,13 +2371,13 @@ progress {
2239
2371
  font-weight: 500;
2240
2372
  line-height: 1.5;
2241
2373
  color: #686b6e;
2242
- background-color: #f5f5f7;
2243
- background-clip: padding-box;
2244
- border: 1px solid #e7e9ec;
2245
2374
  -webkit-appearance: none;
2246
2375
  -moz-appearance: none;
2247
2376
  appearance: none;
2248
- border-radius: 0.5rem;
2377
+ background-color: #f5f5f7;
2378
+ background-clip: padding-box;
2379
+ border: var(--bs-border-width) solid #e7e9ec;
2380
+ border-radius: var(--bs-border-radius);
2249
2381
  box-shadow: none;
2250
2382
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2251
2383
  }
@@ -2265,17 +2397,23 @@ progress {
2265
2397
  background-color: #f5f5f7;
2266
2398
  border-color: #e7e9ec;
2267
2399
  outline: 0;
2268
- box-shadow: none, none;
2400
+ box-shadow: none;
2269
2401
  }
2270
2402
  .form-control::-webkit-date-and-time-value {
2403
+ min-width: 85px;
2271
2404
  height: 1.5em;
2405
+ margin: 0;
2406
+ }
2407
+ .form-control::-webkit-datetime-edit {
2408
+ display: block;
2409
+ padding: 0;
2272
2410
  }
2273
2411
  .form-control::-moz-placeholder {
2274
- color: #6c757d;
2412
+ color: var(--bs-secondary-color);
2275
2413
  opacity: 1;
2276
2414
  }
2277
2415
  .form-control::placeholder {
2278
- color: #6c757d;
2416
+ color: var(--bs-secondary-color);
2279
2417
  opacity: 1;
2280
2418
  }
2281
2419
  .form-control:disabled {
@@ -2287,12 +2425,12 @@ progress {
2287
2425
  margin: -0.675rem -1.25rem;
2288
2426
  margin-inline-end: 1.25rem;
2289
2427
  color: #686b6e;
2290
- background-color: #ffffff;
2428
+ background-color: var(--bs-tertiary-bg);
2291
2429
  pointer-events: none;
2292
2430
  border-color: inherit;
2293
2431
  border-style: solid;
2294
2432
  border-width: 0;
2295
- border-inline-end-width: 1px;
2433
+ border-inline-end-width: var(--bs-border-width);
2296
2434
  border-radius: 0;
2297
2435
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2298
2436
  }
@@ -2302,7 +2440,7 @@ progress {
2302
2440
  }
2303
2441
  }
2304
2442
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
2305
- background-color: rgb(242.25, 242.25, 242.25);
2443
+ background-color: var(--bs-secondary-bg);
2306
2444
  }
2307
2445
 
2308
2446
  .form-control-plaintext {
@@ -2311,10 +2449,10 @@ progress {
2311
2449
  padding: 0.675rem 0;
2312
2450
  margin-bottom: 0;
2313
2451
  line-height: 1.5;
2314
- color: #686b6e;
2452
+ color: var(--bs-body-color);
2315
2453
  background-color: transparent;
2316
2454
  border: solid transparent;
2317
- border-width: 1px 0;
2455
+ border-width: var(--bs-border-width) 0;
2318
2456
  }
2319
2457
  .form-control-plaintext:focus {
2320
2458
  outline: 0;
@@ -2325,10 +2463,10 @@ progress {
2325
2463
  }
2326
2464
 
2327
2465
  .form-control-sm {
2328
- min-height: calc(1.5em + 0.75rem + 2px);
2466
+ min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
2329
2467
  padding: 0.375rem 0.75rem;
2330
2468
  font-size: 0.765625rem;
2331
- border-radius: 0.4375rem;
2469
+ border-radius: var(--bs-border-radius-sm);
2332
2470
  }
2333
2471
  .form-control-sm::file-selector-button {
2334
2472
  padding: 0.375rem 0.75rem;
@@ -2337,10 +2475,10 @@ progress {
2337
2475
  }
2338
2476
 
2339
2477
  .form-control-lg {
2340
- min-height: calc(1.5em + 1.65rem + 2px);
2478
+ min-height: calc(1.5em + 1.65rem + calc(var(--bs-border-width) * 2));
2341
2479
  padding: 0.825rem 1.5rem;
2342
2480
  font-size: 0.984375rem;
2343
- border-radius: 0.5625rem;
2481
+ border-radius: var(--bs-border-radius-lg);
2344
2482
  }
2345
2483
  .form-control-lg::file-selector-button {
2346
2484
  padding: 0.825rem 1.5rem;
@@ -2349,18 +2487,18 @@ progress {
2349
2487
  }
2350
2488
 
2351
2489
  textarea.form-control {
2352
- min-height: calc(1.5em + 1.35rem + 2px);
2490
+ min-height: calc(1.5em + 1.35rem + calc(var(--bs-border-width) * 2));
2353
2491
  }
2354
2492
  textarea.form-control-sm {
2355
- min-height: calc(1.5em + 0.75rem + 2px);
2493
+ min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
2356
2494
  }
2357
2495
  textarea.form-control-lg {
2358
- min-height: calc(1.5em + 1.65rem + 2px);
2496
+ min-height: calc(1.5em + 1.65rem + calc(var(--bs-border-width) * 2));
2359
2497
  }
2360
2498
 
2361
2499
  .form-control-color {
2362
2500
  width: 3rem;
2363
- height: calc(1.5em + 1.35rem + 2px);
2501
+ height: calc(1.5em + 1.35rem + calc(var(--bs-border-width) * 2));
2364
2502
  padding: 0.675rem;
2365
2503
  }
2366
2504
  .form-control-color:not(:disabled):not([readonly]) {
@@ -2368,39 +2506,40 @@ textarea.form-control-lg {
2368
2506
  }
2369
2507
  .form-control-color::-moz-color-swatch {
2370
2508
  border: 0 !important;
2371
- border-radius: 0.5rem;
2509
+ border-radius: var(--bs-border-radius);
2372
2510
  }
2373
2511
  .form-control-color::-webkit-color-swatch {
2374
- border-radius: 0.5rem;
2512
+ border: 0 !important;
2513
+ border-radius: var(--bs-border-radius);
2375
2514
  }
2376
2515
  .form-control-color.form-control-sm {
2377
- height: calc(1.5em + 0.75rem + 2px);
2516
+ height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
2378
2517
  }
2379
2518
  .form-control-color.form-control-lg {
2380
- height: calc(1.5em + 1.65rem + 2px);
2519
+ height: calc(1.5em + 1.65rem + calc(var(--bs-border-width) * 2));
2381
2520
  }
2382
2521
 
2383
2522
  .form-select {
2523
+ --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='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
2384
2524
  display: block;
2385
2525
  width: 100%;
2386
2526
  padding: 0.675rem 1.25rem 0.675rem 3.75rem;
2387
- -moz-padding-start: calc(1.25rem - 3px);
2388
2527
  font-size: 0.875rem;
2389
2528
  font-weight: 500;
2390
2529
  line-height: 1.5;
2391
2530
  color: #686b6e;
2531
+ -webkit-appearance: none;
2532
+ -moz-appearance: none;
2533
+ appearance: none;
2392
2534
  background-color: #f5f5f7;
2393
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
2535
+ background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
2394
2536
  background-repeat: no-repeat;
2395
2537
  background-position: left 1.25rem center;
2396
2538
  background-size: 16px 12px;
2397
- border: 1px solid #e7e9ec;
2398
- border-radius: 0.5rem;
2539
+ border: var(--bs-border-width) solid #e7e9ec;
2540
+ border-radius: var(--bs-border-radius);
2399
2541
  box-shadow: none;
2400
2542
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2401
- -webkit-appearance: none;
2402
- -moz-appearance: none;
2403
- appearance: none;
2404
2543
  }
2405
2544
  @media (prefers-reduced-motion: reduce) {
2406
2545
  .form-select {
@@ -2410,7 +2549,7 @@ textarea.form-control-lg {
2410
2549
  .form-select:focus {
2411
2550
  border-color: #e7e9ec;
2412
2551
  outline: 0;
2413
- box-shadow: none, 0 0 0 0 rgba(247, 37, 133, 0.25);
2552
+ box-shadow: none;
2414
2553
  }
2415
2554
  .form-select[multiple], .form-select[size]:not([size="1"]) {
2416
2555
  padding-left: 1.25rem;
@@ -2429,7 +2568,7 @@ textarea.form-control-lg {
2429
2568
  padding-bottom: 0.375rem;
2430
2569
  padding-right: 0.75rem;
2431
2570
  font-size: 0.765625rem;
2432
- border-radius: 0.4375rem;
2571
+ border-radius: var(--bs-border-radius-sm);
2433
2572
  }
2434
2573
 
2435
2574
  .form-select-lg {
@@ -2437,7 +2576,11 @@ textarea.form-control-lg {
2437
2576
  padding-bottom: 0.825rem;
2438
2577
  padding-right: 1.5rem;
2439
2578
  font-size: 0.984375rem;
2440
- border-radius: 0.5625rem;
2579
+ border-radius: var(--bs-border-radius-lg);
2580
+ }
2581
+
2582
+ [data-bs-theme=dark] .form-select {
2583
+ --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='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
2441
2584
  }
2442
2585
 
2443
2586
  .form-check {
@@ -2463,18 +2606,21 @@ textarea.form-control-lg {
2463
2606
  }
2464
2607
 
2465
2608
  .form-check-input {
2609
+ --bs-form-check-bg: #f5f5f7;
2610
+ flex-shrink: 0;
2466
2611
  width: 1.25em;
2467
2612
  height: 1.25em;
2468
2613
  margin-top: 0.125em;
2469
2614
  vertical-align: top;
2470
- background-color: #f5f5f7;
2615
+ -webkit-appearance: none;
2616
+ -moz-appearance: none;
2617
+ appearance: none;
2618
+ background-color: var(--bs-form-check-bg);
2619
+ background-image: var(--bs-form-check-bg-image);
2471
2620
  background-repeat: no-repeat;
2472
2621
  background-position: center;
2473
2622
  background-size: contain;
2474
2623
  border: 1px solid #f5f5f7;
2475
- -webkit-appearance: none;
2476
- -moz-appearance: none;
2477
- appearance: none;
2478
2624
  print-color-adjust: exact;
2479
2625
  }
2480
2626
  .form-check-input[type=checkbox] {
@@ -2489,22 +2635,22 @@ textarea.form-control-lg {
2489
2635
  .form-check-input:focus {
2490
2636
  border-color: #e7e9ec;
2491
2637
  outline: 0;
2492
- box-shadow: none;
2638
+ box-shadow: 0 0 0 0.25rem rgba(53, 93, 255, 0.25);
2493
2639
  }
2494
2640
  .form-check-input:checked {
2495
2641
  background-color: #f72585;
2496
2642
  border-color: #f72585;
2497
2643
  }
2498
2644
  .form-check-input:checked[type=checkbox] {
2499
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
2645
+ --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
2500
2646
  }
2501
2647
  .form-check-input:checked[type=radio] {
2502
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
2648
+ --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
2503
2649
  }
2504
2650
  .form-check-input[type=checkbox]:indeterminate {
2505
2651
  background-color: #f72585;
2506
2652
  border-color: #f72585;
2507
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
2653
+ --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
2508
2654
  }
2509
2655
  .form-check-input:disabled {
2510
2656
  pointer-events: none;
@@ -2520,9 +2666,10 @@ textarea.form-control-lg {
2520
2666
  padding-right: 2.5em;
2521
2667
  }
2522
2668
  .form-switch .form-check-input {
2669
+ --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='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
2523
2670
  width: 2em;
2524
2671
  margin-right: -2.5em;
2525
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
2672
+ background-image: var(--bs-form-switch-bg);
2526
2673
  background-position: right center;
2527
2674
  border-radius: 2em;
2528
2675
  transition: background-position 0.15s ease-in-out;
@@ -2533,11 +2680,11 @@ textarea.form-control-lg {
2533
2680
  }
2534
2681
  }
2535
2682
  .form-switch .form-check-input:focus {
2536
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23e7e9ec'/%3e%3c/svg%3e");
2683
+ --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='%23e7e9ec'/%3e%3c/svg%3e");
2537
2684
  }
2538
2685
  .form-switch .form-check-input:checked {
2539
2686
  background-position: left center;
2540
- background-image: 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");
2687
+ --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");
2541
2688
  }
2542
2689
  .form-switch.form-check-reverse {
2543
2690
  padding-left: 2.5em;
@@ -2564,14 +2711,18 @@ textarea.form-control-lg {
2564
2711
  opacity: 0.65;
2565
2712
  }
2566
2713
 
2714
+ [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
2715
+ --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='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
2716
+ }
2717
+
2567
2718
  .form-range {
2568
2719
  width: 100%;
2569
2720
  height: 1rem;
2570
2721
  padding: 0;
2571
- background-color: transparent;
2572
2722
  -webkit-appearance: none;
2573
2723
  -moz-appearance: none;
2574
2724
  appearance: none;
2725
+ background-color: transparent;
2575
2726
  }
2576
2727
  .form-range:focus {
2577
2728
  outline: 0;
@@ -2589,14 +2740,14 @@ textarea.form-control-lg {
2589
2740
  width: 1rem;
2590
2741
  height: 1rem;
2591
2742
  margin-top: -0.25rem;
2743
+ -webkit-appearance: none;
2744
+ appearance: none;
2592
2745
  background-color: #f72585;
2593
2746
  border: 0;
2594
2747
  border-radius: 1rem;
2595
2748
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
2596
2749
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2597
2750
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2598
- -webkit-appearance: none;
2599
- appearance: none;
2600
2751
  }
2601
2752
  @media (prefers-reduced-motion: reduce) {
2602
2753
  .form-range::-webkit-slider-thumb {
@@ -2612,22 +2763,22 @@ textarea.form-control-lg {
2612
2763
  height: 0.5rem;
2613
2764
  color: transparent;
2614
2765
  cursor: pointer;
2615
- background-color: #dee2e6;
2766
+ background-color: var(--bs-secondary-bg);
2616
2767
  border-color: transparent;
2617
2768
  border-radius: 1rem;
2618
- box-shadow: none;
2769
+ box-shadow: var(--bs-box-shadow-inset);
2619
2770
  }
2620
2771
  .form-range::-moz-range-thumb {
2621
2772
  width: 1rem;
2622
2773
  height: 1rem;
2774
+ -moz-appearance: none;
2775
+ appearance: none;
2623
2776
  background-color: #f72585;
2624
2777
  border: 0;
2625
2778
  border-radius: 1rem;
2626
2779
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
2627
2780
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2628
2781
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2629
- -moz-appearance: none;
2630
- appearance: none;
2631
2782
  }
2632
2783
  @media (prefers-reduced-motion: reduce) {
2633
2784
  .form-range::-moz-range-thumb {
@@ -2643,19 +2794,19 @@ textarea.form-control-lg {
2643
2794
  height: 0.5rem;
2644
2795
  color: transparent;
2645
2796
  cursor: pointer;
2646
- background-color: #dee2e6;
2797
+ background-color: var(--bs-secondary-bg);
2647
2798
  border-color: transparent;
2648
2799
  border-radius: 1rem;
2649
- box-shadow: none;
2800
+ box-shadow: var(--bs-box-shadow-inset);
2650
2801
  }
2651
2802
  .form-range:disabled {
2652
2803
  pointer-events: none;
2653
2804
  }
2654
2805
  .form-range:disabled::-webkit-slider-thumb {
2655
- background-color: #adb5bd;
2806
+ background-color: var(--bs-secondary-color);
2656
2807
  }
2657
2808
  .form-range:disabled::-moz-range-thumb {
2658
- background-color: #adb5bd;
2809
+ background-color: var(--bs-secondary-color);
2659
2810
  }
2660
2811
 
2661
2812
  .form-floating {
@@ -2664,22 +2815,25 @@ textarea.form-control-lg {
2664
2815
  .form-floating > .form-control,
2665
2816
  .form-floating > .form-control-plaintext,
2666
2817
  .form-floating > .form-select {
2667
- height: calc(3.5rem + 2px);
2818
+ height: calc(3.5rem + calc(var(--bs-border-width) * 2));
2819
+ min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
2668
2820
  line-height: 1.25;
2669
2821
  }
2670
2822
  .form-floating > label {
2671
2823
  position: absolute;
2672
2824
  top: 0;
2673
2825
  right: 0;
2674
- width: 100%;
2826
+ z-index: 2;
2827
+ max-width: 100%;
2675
2828
  height: 100%;
2676
2829
  padding: 1rem 1.25rem;
2677
2830
  overflow: hidden;
2831
+ color: rgba(var(--bs-body-color-rgb), 0.65);
2678
2832
  text-align: start;
2679
2833
  text-overflow: ellipsis;
2680
2834
  white-space: nowrap;
2681
2835
  pointer-events: none;
2682
- border: 1px solid transparent;
2836
+ border: var(--bs-border-width) solid transparent;
2683
2837
  transform-origin: 100% 0;
2684
2838
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
2685
2839
  }
@@ -2717,24 +2871,48 @@ textarea.form-control-lg {
2717
2871
  .form-floating > .form-select {
2718
2872
  padding-top: 1.625rem;
2719
2873
  padding-bottom: 0.625rem;
2874
+ padding-right: 1.25rem;
2720
2875
  }
2721
2876
  .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
2722
- opacity: 0.65;
2723
2877
  transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
2724
2878
  }
2725
2879
  .form-floating > .form-control:focus ~ label,
2726
2880
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
2727
2881
  .form-floating > .form-control-plaintext ~ label,
2728
2882
  .form-floating > .form-select ~ label {
2729
- opacity: 0.65;
2730
2883
  transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
2731
2884
  }
2732
2885
  .form-floating > .form-control:-webkit-autofill ~ label {
2733
- opacity: 0.65;
2734
2886
  transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
2735
2887
  }
2888
+ .form-floating > textarea:not(:-moz-placeholder-shown) ~ label::after {
2889
+ position: absolute;
2890
+ inset: 1rem 0.625rem;
2891
+ z-index: -1;
2892
+ height: 1.5em;
2893
+ content: "";
2894
+ background-color: #f5f5f7;
2895
+ border-radius: var(--bs-border-radius);
2896
+ }
2897
+ .form-floating > textarea:focus ~ label::after,
2898
+ .form-floating > textarea:not(:placeholder-shown) ~ label::after {
2899
+ position: absolute;
2900
+ inset: 1rem 0.625rem;
2901
+ z-index: -1;
2902
+ height: 1.5em;
2903
+ content: "";
2904
+ background-color: #f5f5f7;
2905
+ border-radius: var(--bs-border-radius);
2906
+ }
2907
+ .form-floating > textarea:disabled ~ label::after {
2908
+ background-color: #f5f5f7;
2909
+ }
2736
2910
  .form-floating > .form-control-plaintext ~ label {
2737
- border-width: 1px 0;
2911
+ border-width: var(--bs-border-width) 0;
2912
+ }
2913
+ .form-floating > :disabled ~ label,
2914
+ .form-floating > .form-control:disabled ~ label {
2915
+ color: #6c757d;
2738
2916
  }
2739
2917
 
2740
2918
  .input-group {
@@ -2776,8 +2954,8 @@ textarea.form-control-lg {
2776
2954
  text-align: center;
2777
2955
  white-space: nowrap;
2778
2956
  background-color: #ffffff;
2779
- border: 1px solid #f5f5f7;
2780
- border-radius: 0.5rem;
2957
+ border: var(--bs-border-width) solid #f5f5f7;
2958
+ border-radius: var(--bs-border-radius);
2781
2959
  }
2782
2960
 
2783
2961
  .input-group-lg > .form-control,
@@ -2786,7 +2964,7 @@ textarea.form-control-lg {
2786
2964
  .input-group-lg > .btn {
2787
2965
  padding: 0.825rem 1.5rem;
2788
2966
  font-size: 0.984375rem;
2789
- border-radius: 0.5625rem;
2967
+ border-radius: var(--bs-border-radius-lg);
2790
2968
  }
2791
2969
 
2792
2970
  .input-group-sm > .form-control,
@@ -2795,7 +2973,7 @@ textarea.form-control-lg {
2795
2973
  .input-group-sm > .btn {
2796
2974
  padding: 0.375rem 0.75rem;
2797
2975
  font-size: 0.765625rem;
2798
- border-radius: 0.4375rem;
2976
+ border-radius: var(--bs-border-radius-sm);
2799
2977
  }
2800
2978
 
2801
2979
  .input-group-lg > .form-select,
@@ -2818,7 +2996,7 @@ textarea.form-control-lg {
2818
2996
  border-bottom-left-radius: 0;
2819
2997
  }
2820
2998
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
2821
- margin-right: -1px;
2999
+ margin-right: calc(-1 * var(--bs-border-width));
2822
3000
  border-top-right-radius: 0;
2823
3001
  border-bottom-right-radius: 0;
2824
3002
  }
@@ -2833,7 +3011,7 @@ textarea.form-control-lg {
2833
3011
  width: 100%;
2834
3012
  margin-top: 0.25rem;
2835
3013
  font-size: 0.875em;
2836
- color: #4fbf67;
3014
+ color: var(--bs-form-valid-color);
2837
3015
  }
2838
3016
 
2839
3017
  .valid-tooltip {
@@ -2845,9 +3023,9 @@ textarea.form-control-lg {
2845
3023
  padding: 0.375rem 0.75rem;
2846
3024
  margin-top: 0.1rem;
2847
3025
  font-size: 0.765625rem;
2848
- color: #000;
2849
- background-color: rgba(79, 191, 103, 0.9);
2850
- border-radius: 0.5rem;
3026
+ color: #fff;
3027
+ background-color: var(--bs-success);
3028
+ border-radius: var(--bs-border-radius);
2851
3029
  }
2852
3030
 
2853
3031
  .was-validated :valid ~ .valid-feedback,
@@ -2858,16 +3036,16 @@ textarea.form-control-lg {
2858
3036
  }
2859
3037
 
2860
3038
  .was-validated .form-control:valid, .form-control.is-valid {
2861
- border-color: #4fbf67;
3039
+ border-color: var(--bs-form-valid-border-color);
2862
3040
  padding-left: calc(1.5em + 1.35rem);
2863
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234fbf67' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
3041
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234fbf67' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
2864
3042
  background-repeat: no-repeat;
2865
3043
  background-position: left calc(0.375em + 0.3375rem) center;
2866
3044
  background-size: calc(0.75em + 0.675rem) calc(0.75em + 0.675rem);
2867
3045
  }
2868
3046
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
2869
- border-color: #4fbf67;
2870
- box-shadow: 0 0 0 0 rgba(79, 191, 103, 0.25);
3047
+ border-color: var(--bs-form-valid-border-color);
3048
+ box-shadow: none;
2871
3049
  }
2872
3050
 
2873
3051
  .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
@@ -2876,17 +3054,17 @@ textarea.form-control-lg {
2876
3054
  }
2877
3055
 
2878
3056
  .was-validated .form-select:valid, .form-select.is-valid {
2879
- border-color: #4fbf67;
3057
+ border-color: var(--bs-form-valid-border-color);
2880
3058
  }
2881
3059
  .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
3060
+ --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234fbf67' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
2882
3061
  padding-left: 6.875rem;
2883
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234fbf67' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
2884
3062
  background-position: left 1.25rem center, center left 3.75rem;
2885
3063
  background-size: 16px 12px, calc(0.75em + 0.675rem) calc(0.75em + 0.675rem);
2886
3064
  }
2887
3065
  .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
2888
- border-color: #4fbf67;
2889
- box-shadow: 0 0 0 0 rgba(79, 191, 103, 0.25);
3066
+ border-color: var(--bs-form-valid-border-color);
3067
+ box-shadow: none;
2890
3068
  }
2891
3069
 
2892
3070
  .was-validated .form-control-color:valid, .form-control-color.is-valid {
@@ -2894,16 +3072,16 @@ textarea.form-control-lg {
2894
3072
  }
2895
3073
 
2896
3074
  .was-validated .form-check-input:valid, .form-check-input.is-valid {
2897
- border-color: #4fbf67;
3075
+ border-color: var(--bs-form-valid-border-color);
2898
3076
  }
2899
3077
  .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
2900
- background-color: #4fbf67;
3078
+ background-color: var(--bs-form-valid-color);
2901
3079
  }
2902
3080
  .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
2903
- box-shadow: 0 0 0 0 rgba(79, 191, 103, 0.25);
3081
+ box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0.25);
2904
3082
  }
2905
3083
  .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
2906
- color: #4fbf67;
3084
+ color: var(--bs-form-valid-color);
2907
3085
  }
2908
3086
 
2909
3087
  .form-check-inline .form-check-input ~ .valid-feedback {
@@ -2923,7 +3101,7 @@ textarea.form-control-lg {
2923
3101
  width: 100%;
2924
3102
  margin-top: 0.25rem;
2925
3103
  font-size: 0.875em;
2926
- color: #c00d49;
3104
+ color: var(--bs-form-invalid-color);
2927
3105
  }
2928
3106
 
2929
3107
  .invalid-tooltip {
@@ -2936,8 +3114,8 @@ textarea.form-control-lg {
2936
3114
  margin-top: 0.1rem;
2937
3115
  font-size: 0.765625rem;
2938
3116
  color: #fff;
2939
- background-color: rgba(192, 13, 73, 0.9);
2940
- border-radius: 0.5rem;
3117
+ background-color: var(--bs-danger);
3118
+ border-radius: var(--bs-border-radius);
2941
3119
  }
2942
3120
 
2943
3121
  .was-validated :invalid ~ .invalid-feedback,
@@ -2948,7 +3126,7 @@ textarea.form-control-lg {
2948
3126
  }
2949
3127
 
2950
3128
  .was-validated .form-control:invalid, .form-control.is-invalid {
2951
- border-color: #c00d49;
3129
+ border-color: var(--bs-form-invalid-border-color);
2952
3130
  padding-left: calc(1.5em + 1.35rem);
2953
3131
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23c00d49'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23c00d49' stroke='none'/%3e%3c/svg%3e");
2954
3132
  background-repeat: no-repeat;
@@ -2956,8 +3134,8 @@ textarea.form-control-lg {
2956
3134
  background-size: calc(0.75em + 0.675rem) calc(0.75em + 0.675rem);
2957
3135
  }
2958
3136
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
2959
- border-color: #c00d49;
2960
- box-shadow: 0 0 0 0 rgba(192, 13, 73, 0.25);
3137
+ border-color: var(--bs-form-invalid-border-color);
3138
+ box-shadow: none;
2961
3139
  }
2962
3140
 
2963
3141
  .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
@@ -2966,17 +3144,17 @@ textarea.form-control-lg {
2966
3144
  }
2967
3145
 
2968
3146
  .was-validated .form-select:invalid, .form-select.is-invalid {
2969
- border-color: #c00d49;
3147
+ border-color: var(--bs-form-invalid-border-color);
2970
3148
  }
2971
3149
  .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
3150
+ --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23c00d49'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23c00d49' stroke='none'/%3e%3c/svg%3e");
2972
3151
  padding-left: 6.875rem;
2973
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23c00d49'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23c00d49' stroke='none'/%3e%3c/svg%3e");
2974
3152
  background-position: left 1.25rem center, center left 3.75rem;
2975
3153
  background-size: 16px 12px, calc(0.75em + 0.675rem) calc(0.75em + 0.675rem);
2976
3154
  }
2977
3155
  .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
2978
- border-color: #c00d49;
2979
- box-shadow: 0 0 0 0 rgba(192, 13, 73, 0.25);
3156
+ border-color: var(--bs-form-invalid-border-color);
3157
+ box-shadow: none;
2980
3158
  }
2981
3159
 
2982
3160
  .was-validated .form-control-color:invalid, .form-control-color.is-invalid {
@@ -2984,16 +3162,16 @@ textarea.form-control-lg {
2984
3162
  }
2985
3163
 
2986
3164
  .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
2987
- border-color: #c00d49;
3165
+ border-color: var(--bs-form-invalid-border-color);
2988
3166
  }
2989
3167
  .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
2990
- background-color: #c00d49;
3168
+ background-color: var(--bs-form-invalid-color);
2991
3169
  }
2992
3170
  .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
2993
- box-shadow: 0 0 0 0 rgba(192, 13, 73, 0.25);
3171
+ box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0.25);
2994
3172
  }
2995
3173
  .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
2996
- color: #c00d49;
3174
+ color: var(--bs-form-invalid-color);
2997
3175
  }
2998
3176
 
2999
3177
  .form-check-inline .form-check-input ~ .invalid-feedback {
@@ -3162,11 +3340,11 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3162
3340
  --bs-btn-font-size: 0.875rem;
3163
3341
  --bs-btn-font-weight: 600;
3164
3342
  --bs-btn-line-height: 1.5;
3165
- --bs-btn-color: #686b6e;
3343
+ --bs-btn-color: var(--bs-body-color);
3166
3344
  --bs-btn-bg: transparent;
3167
- --bs-btn-border-width: 1px;
3345
+ --bs-btn-border-width: var(--bs-border-width);
3168
3346
  --bs-btn-border-color: transparent;
3169
- --bs-btn-border-radius: 0.5rem;
3347
+ --bs-btn-border-radius: var(--bs-border-radius);
3170
3348
  --bs-btn-hover-border-color: transparent;
3171
3349
  --bs-btn-box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
3172
3350
  --bs-btn-disabled-opacity: 0.65;
@@ -3227,6 +3405,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3227
3405
  .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 {
3228
3406
  box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
3229
3407
  }
3408
+ .btn-check:checked:focus-visible + .btn {
3409
+ box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
3410
+ }
3230
3411
  .btn:disabled, .btn.disabled, fieldset:disabled .btn {
3231
3412
  color: var(--bs-btn-disabled-color);
3232
3413
  pointer-events: none;
@@ -3519,7 +3700,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3519
3700
  --bs-btn-active-border-color: transparent;
3520
3701
  --bs-btn-disabled-color: #6c757d;
3521
3702
  --bs-btn-disabled-border-color: transparent;
3522
- --bs-btn-box-shadow: none;
3703
+ --bs-btn-box-shadow: 0 0 0 #000;
3523
3704
  --bs-btn-focus-shadow-rgb: 83, 117, 255;
3524
3705
  text-decoration: underline;
3525
3706
  }
@@ -3534,14 +3715,14 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3534
3715
  --bs-btn-padding-y: 0.825rem;
3535
3716
  --bs-btn-padding-x: 1.5rem;
3536
3717
  --bs-btn-font-size: 0.984375rem;
3537
- --bs-btn-border-radius: 0.5625rem;
3718
+ --bs-btn-border-radius: var(--bs-border-radius-lg);
3538
3719
  }
3539
3720
 
3540
3721
  .btn-sm, .btn-group-sm > .btn {
3541
3722
  --bs-btn-padding-y: 0.375rem;
3542
3723
  --bs-btn-padding-x: 0.75rem;
3543
3724
  --bs-btn-font-size: 0.765625rem;
3544
- --bs-btn-border-radius: 0.4375rem;
3725
+ --bs-btn-border-radius: var(--bs-border-radius-sm);
3545
3726
  }
3546
3727
 
3547
3728
  .btn-brand {
@@ -3943,7 +4124,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3943
4124
  --bs-dropdown-bg: #ffffff;
3944
4125
  --bs-dropdown-border-color: #e7e9ec;
3945
4126
  --bs-dropdown-border-radius: 0.5rem;
3946
- --bs-dropdown-border-width: 1px;
4127
+ --bs-dropdown-border-width: var(--bs-border-width);
3947
4128
  --bs-dropdown-inner-border-radius: 0.5rem;
3948
4129
  --bs-dropdown-divider-bg: #e7e9ec;
3949
4130
  --bs-dropdown-divider-margin-y: 0.75rem;
@@ -4173,6 +4354,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4173
4354
  white-space: nowrap;
4174
4355
  background-color: transparent;
4175
4356
  border: 0;
4357
+ border-radius: var(--bs-dropdown-item-border-radius, 0);
4176
4358
  }
4177
4359
  .dropdown-item:hover, .dropdown-item:focus {
4178
4360
  color: var(--bs-dropdown-link-hover-color);
@@ -4259,11 +4441,11 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4259
4441
  }
4260
4442
 
4261
4443
  .btn-group {
4262
- border-radius: 0.5rem;
4444
+ border-radius: var(--bs-border-radius);
4263
4445
  }
4264
4446
  .btn-group > :not(.btn-check:first-child) + .btn,
4265
4447
  .btn-group > .btn-group:not(:first-child) {
4266
- margin-right: -1px;
4448
+ margin-right: calc(-1 * var(--bs-border-width));
4267
4449
  }
4268
4450
  .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
4269
4451
  .btn-group > .btn.dropdown-toggle-split:first-child,
@@ -4317,14 +4499,15 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4317
4499
  }
4318
4500
  .btn-group-vertical > .btn:not(:first-child),
4319
4501
  .btn-group-vertical > .btn-group:not(:first-child) {
4320
- margin-top: -1px;
4502
+ margin-top: calc(-1 * var(--bs-border-width));
4321
4503
  }
4322
4504
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
4323
4505
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
4324
4506
  border-bottom-left-radius: 0;
4325
4507
  border-bottom-right-radius: 0;
4326
4508
  }
4327
- .btn-group-vertical > .btn ~ .btn,
4509
+ .btn-group-vertical > .btn:nth-child(n+3),
4510
+ .btn-group-vertical > :not(.btn-check) + .btn,
4328
4511
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
4329
4512
  border-top-right-radius: 0;
4330
4513
  border-top-left-radius: 0;
@@ -4356,6 +4539,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4356
4539
  font-weight: var(--bs-nav-link-font-weight);
4357
4540
  color: var(--bs-nav-link-color);
4358
4541
  text-decoration: none;
4542
+ background: none;
4543
+ border: 0;
4359
4544
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
4360
4545
  }
4361
4546
  @media (prefers-reduced-motion: reduce) {
@@ -4366,7 +4551,11 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4366
4551
  .nav-link:hover, .nav-link:focus {
4367
4552
  color: var(--bs-nav-link-hover-color);
4368
4553
  }
4369
- .nav-link.disabled {
4554
+ .nav-link:focus-visible {
4555
+ outline: 0;
4556
+ box-shadow: 0 0 0 0.25rem rgba(53, 93, 255, 0.25);
4557
+ }
4558
+ .nav-link.disabled, .nav-link:disabled {
4370
4559
  color: var(--bs-nav-link-disabled-color);
4371
4560
  pointer-events: none;
4372
4561
  cursor: default;
@@ -4375,7 +4564,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4375
4564
  .nav-tabs {
4376
4565
  --bs-nav-tabs-border-width: 0;
4377
4566
  --bs-nav-tabs-border-color: #e7e9ec;
4378
- --bs-nav-tabs-border-radius: 0.5rem;
4567
+ --bs-nav-tabs-border-radius: var(--bs-border-radius);
4379
4568
  --bs-nav-tabs-link-hover-border-color: rgba(104, 107, 110, 0.08);
4380
4569
  --bs-nav-tabs-link-active-color: #f72585;
4381
4570
  --bs-nav-tabs-link-active-bg: unset;
@@ -4384,7 +4573,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4384
4573
  }
4385
4574
  .nav-tabs .nav-link {
4386
4575
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
4387
- background: none;
4388
4576
  border: var(--bs-nav-tabs-border-width) solid transparent;
4389
4577
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
4390
4578
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
@@ -4393,11 +4581,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4393
4581
  isolation: isolate;
4394
4582
  border-color: var(--bs-nav-tabs-link-hover-border-color);
4395
4583
  }
4396
- .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
4397
- color: var(--bs-nav-link-disabled-color);
4398
- background-color: transparent;
4399
- border-color: transparent;
4400
- }
4401
4584
  .nav-tabs .nav-link.active,
4402
4585
  .nav-tabs .nav-item.show .nav-link {
4403
4586
  color: var(--bs-nav-tabs-link-active-color);
@@ -4411,26 +4594,40 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4411
4594
  }
4412
4595
 
4413
4596
  .nav-pills {
4414
- --bs-nav-pills-border-radius: 0.5rem;
4597
+ --bs-nav-pills-border-radius: var(--bs-border-radius);
4415
4598
  --bs-nav-pills-link-active-color: #f72585;
4416
4599
  --bs-nav-pills-link-active-bg: rgba(247, 37, 133, 0.15);
4417
4600
  }
4418
4601
  .nav-pills .nav-link {
4419
- background: none;
4420
- border: 0;
4421
4602
  border-radius: var(--bs-nav-pills-border-radius);
4422
4603
  }
4423
- .nav-pills .nav-link:disabled {
4424
- color: var(--bs-nav-link-disabled-color);
4425
- background-color: transparent;
4426
- border-color: transparent;
4427
- }
4428
4604
  .nav-pills .nav-link.active,
4429
4605
  .nav-pills .show > .nav-link {
4430
4606
  color: var(--bs-nav-pills-link-active-color);
4431
4607
  background-color: var(--bs-nav-pills-link-active-bg);
4432
4608
  }
4433
4609
 
4610
+ .nav-underline {
4611
+ --bs-nav-underline-gap: 1rem;
4612
+ --bs-nav-underline-border-width: 0.125rem;
4613
+ --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
4614
+ gap: var(--bs-nav-underline-gap);
4615
+ }
4616
+ .nav-underline .nav-link {
4617
+ padding-left: 0;
4618
+ padding-right: 0;
4619
+ border-bottom: var(--bs-nav-underline-border-width) solid transparent;
4620
+ }
4621
+ .nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
4622
+ border-bottom-color: currentcolor;
4623
+ }
4624
+ .nav-underline .nav-link.active,
4625
+ .nav-underline .show > .nav-link {
4626
+ font-weight: 700;
4627
+ color: var(--bs-nav-underline-link-active-color);
4628
+ border-bottom-color: currentcolor;
4629
+ }
4630
+
4434
4631
  .nav-fill > .nav-link,
4435
4632
  .nav-fill .nav-item {
4436
4633
  flex: 1 1 auto;
@@ -4439,8 +4636,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4439
4636
 
4440
4637
  .nav-justified > .nav-link,
4441
4638
  .nav-justified .nav-item {
4442
- flex-basis: 0;
4443
4639
  flex-grow: 1;
4640
+ flex-basis: 0;
4444
4641
  text-align: center;
4445
4642
  }
4446
4643
 
@@ -4509,22 +4706,22 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4509
4706
  .navbar {
4510
4707
  --bs-navbar-padding-x: 0;
4511
4708
  --bs-navbar-padding-y: 0.75rem;
4512
- --bs-navbar-color: rgba(0, 0, 0, 0.55);
4513
- --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
4514
- --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
4515
- --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
4709
+ --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
4710
+ --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
4711
+ --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
4712
+ --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
4516
4713
  --bs-navbar-brand-padding-y: 0.41796875rem;
4517
4714
  --bs-navbar-brand-margin-end: 1rem;
4518
4715
  --bs-navbar-brand-font-size: 0.984375rem;
4519
- --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
4520
- --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
4716
+ --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
4717
+ --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
4521
4718
  --bs-navbar-nav-link-padding-x: 0.5rem;
4522
4719
  --bs-navbar-toggler-padding-y: 0.25rem;
4523
4720
  --bs-navbar-toggler-padding-x: 0.75rem;
4524
4721
  --bs-navbar-toggler-font-size: 0.984375rem;
4525
- --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%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
4526
- --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
4527
- --bs-navbar-toggler-border-radius: 0.5rem;
4722
+ --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%28104, 107, 110, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
4723
+ --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
4724
+ --bs-navbar-toggler-border-radius: var(--bs-border-radius);
4528
4725
  --bs-navbar-toggler-focus-width: 0;
4529
4726
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
4530
4727
  position: relative;
@@ -4572,8 +4769,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4572
4769
  margin-bottom: 0;
4573
4770
  list-style: none;
4574
4771
  }
4575
- .navbar-nav .show > .nav-link,
4576
- .navbar-nav .nav-link.active {
4772
+ .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
4577
4773
  color: var(--bs-navbar-active-color);
4578
4774
  }
4579
4775
  .navbar-nav .dropdown-menu {
@@ -4592,8 +4788,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4592
4788
  }
4593
4789
 
4594
4790
  .navbar-collapse {
4595
- flex-basis: 100%;
4596
4791
  flex-grow: 1;
4792
+ flex-basis: 100%;
4597
4793
  align-items: center;
4598
4794
  }
4599
4795
 
@@ -4924,7 +5120,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4924
5120
  overflow-y: visible;
4925
5121
  }
4926
5122
 
4927
- .navbar-dark {
5123
+ .navbar-dark,
5124
+ .navbar[data-bs-theme=dark] {
4928
5125
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
4929
5126
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
4930
5127
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
@@ -4935,6 +5132,10 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4935
5132
  --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%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
4936
5133
  }
4937
5134
 
5135
+ [data-bs-theme=dark] .navbar-toggler-icon {
5136
+ --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%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
5137
+ }
5138
+
4938
5139
  .navbar.navbar-dark.bg-dark {
4939
5140
  background-color: #161616 !important;
4940
5141
  }
@@ -4970,11 +5171,13 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4970
5171
  --bs-card-spacer-y: 1.5rem;
4971
5172
  --bs-card-spacer-x: 1.5rem;
4972
5173
  --bs-card-title-spacer-y: 0.25em;
5174
+ --bs-card-title-color: ;
5175
+ --bs-card-subtitle-color: ;
4973
5176
  --bs-card-border-width: 0;
4974
5177
  --bs-card-border-color: #ffffff;
4975
- --bs-card-border-radius: 0.5rem;
5178
+ --bs-card-border-radius: var(--bs-border-radius);
4976
5179
  --bs-card-box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
4977
- --bs-card-inner-border-radius: 0.5rem;
5180
+ --bs-card-inner-border-radius: calc(var(--bs-border-radius) - 0);
4978
5181
  --bs-card-cap-padding-y: 1.5rem;
4979
5182
  --bs-card-cap-padding-x: 1.5rem;
4980
5183
  --bs-card-cap-bg: transparent;
@@ -4989,6 +5192,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4989
5192
  flex-direction: column;
4990
5193
  min-width: 0;
4991
5194
  height: var(--bs-card-height);
5195
+ color: var(--bs-body-color);
4992
5196
  word-wrap: break-word;
4993
5197
  background-color: var(--bs-card-bg);
4994
5198
  background-clip: border-box;
@@ -5027,11 +5231,13 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5027
5231
 
5028
5232
  .card-title {
5029
5233
  margin-bottom: var(--bs-card-title-spacer-y);
5234
+ color: var(--bs-card-title-color);
5030
5235
  }
5031
5236
 
5032
5237
  .card-subtitle {
5033
5238
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
5034
5239
  margin-bottom: 0;
5240
+ color: var(--bs-card-subtitle-color);
5035
5241
  }
5036
5242
 
5037
5243
  .card-text:last-child {
@@ -5116,7 +5322,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5116
5322
  flex-flow: row wrap;
5117
5323
  }
5118
5324
  .card-group > .card {
5119
- flex: 1 0 0%;
5325
+ flex: 1 0 0;
5120
5326
  margin-bottom: 0;
5121
5327
  }
5122
5328
  .card-group > .card + .card {
@@ -5127,24 +5333,24 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5127
5333
  border-top-left-radius: 0;
5128
5334
  border-bottom-left-radius: 0;
5129
5335
  }
5130
- .card-group > .card:not(:last-child) .card-img-top,
5131
- .card-group > .card:not(:last-child) .card-header {
5336
+ .card-group > .card:not(:last-child) > .card-img-top,
5337
+ .card-group > .card:not(:last-child) > .card-header {
5132
5338
  border-top-left-radius: 0;
5133
5339
  }
5134
- .card-group > .card:not(:last-child) .card-img-bottom,
5135
- .card-group > .card:not(:last-child) .card-footer {
5340
+ .card-group > .card:not(:last-child) > .card-img-bottom,
5341
+ .card-group > .card:not(:last-child) > .card-footer {
5136
5342
  border-bottom-left-radius: 0;
5137
5343
  }
5138
5344
  .card-group > .card:not(:first-child) {
5139
5345
  border-top-right-radius: 0;
5140
5346
  border-bottom-right-radius: 0;
5141
5347
  }
5142
- .card-group > .card:not(:first-child) .card-img-top,
5143
- .card-group > .card:not(:first-child) .card-header {
5348
+ .card-group > .card:not(:first-child) > .card-img-top,
5349
+ .card-group > .card:not(:first-child) > .card-header {
5144
5350
  border-top-right-radius: 0;
5145
5351
  }
5146
- .card-group > .card:not(:first-child) .card-img-bottom,
5147
- .card-group > .card:not(:first-child) .card-footer {
5352
+ .card-group > .card:not(:first-child) > .card-img-bottom,
5353
+ .card-group > .card:not(:first-child) > .card-footer {
5148
5354
  border-bottom-right-radius: 0;
5149
5355
  }
5150
5356
  }
@@ -5273,23 +5479,22 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5273
5479
  }
5274
5480
 
5275
5481
  .accordion {
5276
- --bs-accordion-color: #686b6e;
5277
- --bs-accordion-bg: #161616;
5482
+ --bs-accordion-color: var(--bs-body-color);
5483
+ --bs-accordion-bg: var(--bs-body-bg);
5278
5484
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
5279
5485
  --bs-accordion-border-color: #e7e9ec;
5280
- --bs-accordion-border-width: 1px;
5281
- --bs-accordion-border-radius: 0.5rem;
5282
- --bs-accordion-inner-border-radius: calc(0.5rem - 1px);
5486
+ --bs-accordion-border-width: var(--bs-border-width);
5487
+ --bs-accordion-border-radius: var(--bs-border-radius);
5488
+ --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
5283
5489
  --bs-accordion-btn-padding-x: 1.25rem;
5284
5490
  --bs-accordion-btn-padding-y: 1rem;
5285
- --bs-accordion-btn-color: #686b6e;
5491
+ --bs-accordion-btn-color: var(--bs-body-color);
5286
5492
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
5287
- --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23686b6e'%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");
5493
+ --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23686b6e' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
5288
5494
  --bs-accordion-btn-icon-width: 1.25rem;
5289
5495
  --bs-accordion-btn-icon-transform: rotate(-180deg);
5290
5496
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
5291
- --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f72585'%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");
5292
- --bs-accordion-btn-focus-border-color: #e7e9ec;
5497
+ --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%2821.2, 37.2, 102%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
5293
5498
  --bs-accordion-btn-focus-box-shadow: none;
5294
5499
  --bs-accordion-body-padding-x: 1.25rem;
5295
5500
  --bs-accordion-body-padding-y: 1rem;
@@ -5347,7 +5552,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5347
5552
  }
5348
5553
  .accordion-button:focus {
5349
5554
  z-index: 3;
5350
- border-color: var(--bs-accordion-btn-focus-border-color);
5351
5555
  outline: 0;
5352
5556
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
5353
5557
  }
@@ -5365,7 +5569,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5365
5569
  border-top-right-radius: var(--bs-accordion-border-radius);
5366
5570
  border-top-left-radius: var(--bs-accordion-border-radius);
5367
5571
  }
5368
- .accordion-item:first-of-type .accordion-button {
5572
+ .accordion-item:first-of-type > .accordion-header .accordion-button {
5369
5573
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
5370
5574
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
5371
5575
  }
@@ -5376,11 +5580,11 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5376
5580
  border-bottom-left-radius: var(--bs-accordion-border-radius);
5377
5581
  border-bottom-right-radius: var(--bs-accordion-border-radius);
5378
5582
  }
5379
- .accordion-item:last-of-type .accordion-button.collapsed {
5583
+ .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
5380
5584
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
5381
5585
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
5382
5586
  }
5383
- .accordion-item:last-of-type .accordion-collapse {
5587
+ .accordion-item:last-of-type > .accordion-collapse {
5384
5588
  border-bottom-left-radius: var(--bs-accordion-border-radius);
5385
5589
  border-bottom-right-radius: var(--bs-accordion-border-radius);
5386
5590
  }
@@ -5389,31 +5593,35 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5389
5593
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
5390
5594
  }
5391
5595
 
5392
- .accordion-flush .accordion-collapse {
5393
- border-width: 0;
5394
- }
5395
- .accordion-flush .accordion-item {
5596
+ .accordion-flush > .accordion-item {
5396
5597
  border-left: 0;
5397
5598
  border-right: 0;
5398
5599
  border-radius: 0;
5399
5600
  }
5400
- .accordion-flush .accordion-item:first-child {
5601
+ .accordion-flush > .accordion-item:first-child {
5401
5602
  border-top: 0;
5402
5603
  }
5403
- .accordion-flush .accordion-item:last-child {
5604
+ .accordion-flush > .accordion-item:last-child {
5404
5605
  border-bottom: 0;
5405
5606
  }
5406
- .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
5607
+ .accordion-flush > .accordion-item > .accordion-collapse,
5608
+ .accordion-flush > .accordion-item > .accordion-header .accordion-button,
5609
+ .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
5407
5610
  border-radius: 0;
5408
5611
  }
5409
5612
 
5613
+ [data-bs-theme=dark] .accordion-button::after {
5614
+ --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28133.8, 157.8, 255%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-.708'/%3e%3c/svg%3e");
5615
+ --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28133.8, 157.8, 255%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-.708'/%3e%3c/svg%3e");
5616
+ }
5617
+
5410
5618
  .breadcrumb {
5411
5619
  --bs-breadcrumb-padding-x: 1rem;
5412
5620
  --bs-breadcrumb-padding-y: 0.5em;
5413
5621
  --bs-breadcrumb-margin-bottom: 1rem;
5414
5622
  --bs-breadcrumb-bg: #f5f5f7;
5415
5623
  --bs-breadcrumb-border-radius: ;
5416
- --bs-breadcrumb-divider-color: #6c757d;
5624
+ --bs-breadcrumb-divider-color: var(--bs-secondary-color);
5417
5625
  --bs-breadcrumb-item-padding-x: 0.5rem;
5418
5626
  --bs-breadcrumb-item-active-color: rgba(104, 107, 110, 0.5);
5419
5627
  display: flex;
@@ -5472,15 +5680,15 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5472
5680
  --bs-pagination-font-size: 0.875rem;
5473
5681
  --bs-pagination-color: #686b6e;
5474
5682
  --bs-pagination-bg: #ffffff;
5475
- --bs-pagination-border-width: 1px;
5683
+ --bs-pagination-border-width: var(--bs-border-width);
5476
5684
  --bs-pagination-border-color: #f5f5f7;
5477
- --bs-pagination-border-radius: 0.5rem;
5685
+ --bs-pagination-border-radius: var(--bs-border-radius);
5478
5686
  --bs-pagination-hover-color: #686b6e;
5479
5687
  --bs-pagination-hover-bg: #f5f5f7;
5480
5688
  --bs-pagination-hover-border-color: #f5f5f7;
5481
5689
  --bs-pagination-focus-color: var(--bs-link-hover-color);
5482
- --bs-pagination-focus-bg: #e9ecef;
5483
- --bs-pagination-focus-box-shadow: none;
5690
+ --bs-pagination-focus-bg: var(--bs-secondary-bg);
5691
+ --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(53, 93, 255, 0.25);
5484
5692
  --bs-pagination-active-color: white;
5485
5693
  --bs-pagination-active-bg: #f72585;
5486
5694
  --bs-pagination-active-border-color: #f5f5f7;
@@ -5535,7 +5743,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5535
5743
  }
5536
5744
 
5537
5745
  .page-item:not(:first-child) .page-link {
5538
- margin-right: -1px;
5746
+ margin-right: calc(-1 * var(--bs-border-width));
5539
5747
  }
5540
5748
  .page-item:first-child .page-link {
5541
5749
  border-top-right-radius: var(--bs-pagination-border-radius);
@@ -5550,14 +5758,14 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5550
5758
  --bs-pagination-padding-x: 1.5rem;
5551
5759
  --bs-pagination-padding-y: 0.75rem;
5552
5760
  --bs-pagination-font-size: 0.984375rem;
5553
- --bs-pagination-border-radius: 0.5625rem;
5761
+ --bs-pagination-border-radius: var(--bs-border-radius-lg);
5554
5762
  }
5555
5763
 
5556
5764
  .pagination-sm {
5557
5765
  --bs-pagination-padding-x: 0.5rem;
5558
5766
  --bs-pagination-padding-y: 0.25rem;
5559
5767
  --bs-pagination-font-size: 0.765625rem;
5560
- --bs-pagination-border-radius: 0.4375rem;
5768
+ --bs-pagination-border-radius: var(--bs-border-radius-sm);
5561
5769
  }
5562
5770
 
5563
5771
  .pagination {
@@ -5598,7 +5806,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5598
5806
  --bs-badge-font-size: 0.785em;
5599
5807
  --bs-badge-font-weight: 700;
5600
5808
  --bs-badge-color: #fff;
5601
- --bs-badge-border-radius: 0.5rem;
5809
+ --bs-badge-border-radius: var(--bs-border-radius);
5602
5810
  display: inline-block;
5603
5811
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
5604
5812
  font-size: var(--bs-badge-font-size);
@@ -5708,7 +5916,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5708
5916
  --bs-alert-color: inherit;
5709
5917
  --bs-alert-border-color: transparent;
5710
5918
  --bs-alert-border: 0 solid var(--bs-alert-border-color);
5711
- --bs-alert-border-radius: 0.5rem;
5919
+ --bs-alert-border-radius: var(--bs-border-radius);
5920
+ --bs-alert-link-color: inherit;
5712
5921
  position: relative;
5713
5922
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
5714
5923
  margin-bottom: var(--bs-alert-margin-bottom);
@@ -5724,6 +5933,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5724
5933
 
5725
5934
  .alert-link {
5726
5935
  font-weight: 700;
5936
+ color: var(--bs-alert-link-color);
5727
5937
  }
5728
5938
 
5729
5939
  .alert-dismissible {
@@ -5738,75 +5948,59 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5738
5948
  }
5739
5949
 
5740
5950
  .alert-primary {
5741
- --bs-alert-color: rgb(31.8, 55.8, 153);
5742
- --bs-alert-bg: rgb(214.6, 222.6, 255);
5743
- --bs-alert-border-color: rgb(194.4, 206.4, 255);
5744
- }
5745
- .alert-primary .alert-link {
5746
- color: rgb(25.44, 44.64, 122.4);
5951
+ --bs-alert-color: var(--bs-primary-text-emphasis);
5952
+ --bs-alert-bg: var(--bs-primary-bg-subtle);
5953
+ --bs-alert-border-color: var(--bs-primary-border-subtle);
5954
+ --bs-alert-link-color: var(--bs-primary-text-emphasis);
5747
5955
  }
5748
5956
 
5749
5957
  .alert-secondary {
5750
- --bs-alert-color: rgb(64.8, 55.8, 126.6);
5751
- --bs-alert-bg: rgb(225.6, 222.6, 246.2);
5752
- --bs-alert-border-color: rgb(210.9, 206.4, 241.8);
5753
- }
5754
- .alert-secondary .alert-link {
5755
- color: rgb(51.84, 44.64, 101.28);
5958
+ --bs-alert-color: var(--bs-secondary-text-emphasis);
5959
+ --bs-alert-bg: var(--bs-secondary-bg-subtle);
5960
+ --bs-alert-border-color: var(--bs-secondary-border-subtle);
5961
+ --bs-alert-link-color: var(--bs-secondary-text-emphasis);
5756
5962
  }
5757
5963
 
5758
5964
  .alert-success {
5759
- --bs-alert-color: rgb(47.4, 114.6, 61.8);
5760
- --bs-alert-bg: rgb(219.8, 242.2, 224.6);
5761
- --bs-alert-border-color: rgb(202.2, 235.8, 209.4);
5762
- }
5763
- .alert-success .alert-link {
5764
- color: rgb(37.92, 91.68, 49.44);
5965
+ --bs-alert-color: var(--bs-success-text-emphasis);
5966
+ --bs-alert-bg: var(--bs-success-bg-subtle);
5967
+ --bs-alert-border-color: var(--bs-success-border-subtle);
5968
+ --bs-alert-link-color: var(--bs-success-text-emphasis);
5765
5969
  }
5766
5970
 
5767
5971
  .alert-info {
5768
- --bs-alert-color: rgb(40.2, 82.8, 100.2);
5769
- --bs-alert-bg: rgb(217.4, 231.6, 237.4);
5770
- --bs-alert-border-color: rgb(198.6, 219.9, 228.6);
5771
- }
5772
- .alert-info .alert-link {
5773
- color: rgb(32.16, 66.24, 80.16);
5972
+ --bs-alert-color: var(--bs-info-text-emphasis);
5973
+ --bs-alert-bg: var(--bs-info-bg-subtle);
5974
+ --bs-alert-border-color: var(--bs-info-border-subtle);
5975
+ --bs-alert-link-color: var(--bs-info-text-emphasis);
5774
5976
  }
5775
5977
 
5776
5978
  .alert-warning {
5777
- --bs-alert-color: rgb(153, 95.4, 33.6);
5778
- --bs-alert-bg: rgb(255, 235.8, 215.2);
5779
- --bs-alert-border-color: rgb(255, 226.2, 195.3);
5780
- }
5781
- .alert-warning .alert-link {
5782
- color: rgb(122.4, 76.32, 26.88);
5979
+ --bs-alert-color: var(--bs-warning-text-emphasis);
5980
+ --bs-alert-bg: var(--bs-warning-bg-subtle);
5981
+ --bs-alert-border-color: var(--bs-warning-border-subtle);
5982
+ --bs-alert-link-color: var(--bs-warning-text-emphasis);
5783
5983
  }
5784
5984
 
5785
5985
  .alert-danger {
5786
- --bs-alert-color: rgb(115.2, 7.8, 43.8);
5787
- --bs-alert-bg: rgb(242.4, 206.6, 218.6);
5788
- --bs-alert-border-color: rgb(236.1, 182.4, 200.4);
5789
- }
5790
- .alert-danger .alert-link {
5791
- color: rgb(92.16, 6.24, 35.04);
5986
+ --bs-alert-color: var(--bs-danger-text-emphasis);
5987
+ --bs-alert-bg: var(--bs-danger-bg-subtle);
5988
+ --bs-alert-border-color: var(--bs-danger-border-subtle);
5989
+ --bs-alert-link-color: var(--bs-danger-text-emphasis);
5792
5990
  }
5793
5991
 
5794
5992
  .alert-light {
5795
- --bs-alert-color: rgb(95.2, 95.2, 95.2);
5796
- --bs-alert-bg: rgb(251.6, 251.6, 251.6);
5797
- --bs-alert-border-color: rgb(249.9, 249.9, 249.9);
5798
- }
5799
- .alert-light .alert-link {
5800
- color: rgb(76.16, 76.16, 76.16);
5993
+ --bs-alert-color: var(--bs-light-text-emphasis);
5994
+ --bs-alert-bg: var(--bs-light-bg-subtle);
5995
+ --bs-alert-border-color: var(--bs-light-border-subtle);
5996
+ --bs-alert-link-color: var(--bs-light-text-emphasis);
5801
5997
  }
5802
5998
 
5803
5999
  .alert-dark {
5804
- --bs-alert-color: rgb(13.2, 13.2, 13.2);
5805
- --bs-alert-bg: rgb(208.4, 208.4, 208.4);
5806
- --bs-alert-border-color: rgb(185.1, 185.1, 185.1);
5807
- }
5808
- .alert-dark .alert-link {
5809
- color: rgb(10.56, 10.56, 10.56);
6000
+ --bs-alert-color: var(--bs-dark-text-emphasis);
6001
+ --bs-alert-bg: var(--bs-dark-bg-subtle);
6002
+ --bs-alert-border-color: var(--bs-dark-border-subtle);
6003
+ --bs-alert-link-color: var(--bs-dark-text-emphasis);
5810
6004
  }
5811
6005
 
5812
6006
  .alert-brand {
@@ -6044,15 +6238,16 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6044
6238
 
6045
6239
  @keyframes progress-bar-stripes {
6046
6240
  0% {
6047
- background-position-x: 1rem;
6241
+ background-position-x: var(--bs-progress-height);
6048
6242
  }
6049
6243
  }
6050
- .progress {
6244
+ .progress,
6245
+ .progress-stacked {
6051
6246
  --bs-progress-height: 1rem;
6052
6247
  --bs-progress-font-size: 0.65625rem;
6053
6248
  --bs-progress-bg: #f5f5f7;
6054
- --bs-progress-border-radius: 0.5rem;
6055
- --bs-progress-box-shadow: none;
6249
+ --bs-progress-border-radius: var(--bs-border-radius);
6250
+ --bs-progress-box-shadow: var(--bs-box-shadow-inset);
6056
6251
  --bs-progress-bar-color: #fff;
6057
6252
  --bs-progress-bar-bg: #355dff;
6058
6253
  --bs-progress-bar-transition: width 0.6s ease;
@@ -6087,6 +6282,14 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6087
6282
  background-size: var(--bs-progress-height) var(--bs-progress-height);
6088
6283
  }
6089
6284
 
6285
+ .progress-stacked > .progress {
6286
+ overflow: visible;
6287
+ }
6288
+
6289
+ .progress-stacked > .progress > .progress-bar {
6290
+ width: 100%;
6291
+ }
6292
+
6090
6293
  .progress-bar-animated {
6091
6294
  animation: 1s linear infinite progress-bar-stripes;
6092
6295
  }
@@ -6100,8 +6303,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6100
6303
  --bs-list-group-color: #686b6e;
6101
6304
  --bs-list-group-bg: #ffffff;
6102
6305
  --bs-list-group-border-color: #e7e9ec;
6103
- --bs-list-group-border-width: 1px;
6104
- --bs-list-group-border-radius: 0.5rem;
6306
+ --bs-list-group-border-width: var(--bs-border-width);
6307
+ --bs-list-group-border-radius: var(--bs-border-radius);
6105
6308
  --bs-list-group-item-padding-x: 1.5rem;
6106
6309
  --bs-list-group-item-padding-y: 0.75rem;
6107
6310
  --bs-list-group-action-color: #686b6e;
@@ -6109,7 +6312,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6109
6312
  --bs-list-group-action-hover-bg: rgba(247, 37, 133, 0.1);
6110
6313
  --bs-list-group-action-active-color: #686b6e;
6111
6314
  --bs-list-group-action-active-bg: #f5f5f7;
6112
- --bs-list-group-disabled-color: #6c757d;
6315
+ --bs-list-group-disabled-color: var(--bs-secondary-color);
6113
6316
  --bs-list-group-disabled-bg: #ffffff;
6114
6317
  --bs-list-group-active-color: #f72585;
6115
6318
  --bs-list-group-active-bg: rgba(247, 37, 133, 0.15);
@@ -6130,22 +6333,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6130
6333
  counter-increment: section;
6131
6334
  }
6132
6335
 
6133
- .list-group-item-action {
6134
- width: 100%;
6135
- color: var(--bs-list-group-action-color);
6136
- text-align: inherit;
6137
- }
6138
- .list-group-item-action:hover, .list-group-item-action:focus {
6139
- z-index: 1;
6140
- color: var(--bs-list-group-action-hover-color);
6141
- text-decoration: none;
6142
- background-color: var(--bs-list-group-action-hover-bg);
6143
- }
6144
- .list-group-item-action:active {
6145
- color: var(--bs-list-group-action-active-color);
6146
- background-color: var(--bs-list-group-action-active-bg);
6147
- }
6148
-
6149
6336
  .list-group-item {
6150
6337
  position: relative;
6151
6338
  display: block;
@@ -6182,6 +6369,22 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6182
6369
  border-top-width: var(--bs-list-group-border-width);
6183
6370
  }
6184
6371
 
6372
+ .list-group-item-action {
6373
+ width: 100%;
6374
+ color: var(--bs-list-group-action-color);
6375
+ text-align: inherit;
6376
+ }
6377
+ .list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
6378
+ z-index: 1;
6379
+ color: var(--bs-list-group-action-hover-color);
6380
+ text-decoration: none;
6381
+ background-color: var(--bs-list-group-action-hover-bg);
6382
+ }
6383
+ .list-group-item-action:not(.active):active {
6384
+ color: var(--bs-list-group-action-active-color);
6385
+ background-color: var(--bs-list-group-action-active-bg);
6386
+ }
6387
+
6185
6388
  .list-group-horizontal {
6186
6389
  flex-direction: row;
6187
6390
  }
@@ -6336,148 +6539,157 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6336
6539
  }
6337
6540
 
6338
6541
  .list-group-item-primary {
6339
- color: rgb(31.8, 55.8, 153);
6340
- background-color: rgb(214.6, 222.6, 255);
6341
- }
6342
- .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
6343
- color: rgb(31.8, 55.8, 153);
6344
- background-color: rgb(193.14, 200.34, 229.5);
6345
- }
6346
- .list-group-item-primary.list-group-item-action.active {
6347
- color: #fff;
6348
- background-color: rgb(31.8, 55.8, 153);
6349
- border-color: rgb(31.8, 55.8, 153);
6542
+ --bs-list-group-color: var(--bs-primary-text-emphasis);
6543
+ --bs-list-group-bg: var(--bs-primary-bg-subtle);
6544
+ --bs-list-group-border-color: var(--bs-primary-border-subtle);
6545
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6546
+ --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
6547
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6548
+ --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
6549
+ --bs-list-group-active-color: var(--bs-primary-bg-subtle);
6550
+ --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
6551
+ --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
6350
6552
  }
6351
6553
 
6352
6554
  .list-group-item-secondary {
6353
- color: rgb(64.8, 55.8, 126.6);
6354
- background-color: rgb(225.6, 222.6, 246.2);
6355
- }
6356
- .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
6357
- color: rgb(64.8, 55.8, 126.6);
6358
- background-color: rgb(203.04, 200.34, 221.58);
6359
- }
6360
- .list-group-item-secondary.list-group-item-action.active {
6361
- color: #fff;
6362
- background-color: rgb(64.8, 55.8, 126.6);
6363
- border-color: rgb(64.8, 55.8, 126.6);
6555
+ --bs-list-group-color: var(--bs-secondary-text-emphasis);
6556
+ --bs-list-group-bg: var(--bs-secondary-bg-subtle);
6557
+ --bs-list-group-border-color: var(--bs-secondary-border-subtle);
6558
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6559
+ --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
6560
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6561
+ --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
6562
+ --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
6563
+ --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
6564
+ --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
6364
6565
  }
6365
6566
 
6366
6567
  .list-group-item-success {
6367
- color: rgb(47.4, 114.6, 61.8);
6368
- background-color: rgb(219.8, 242.2, 224.6);
6369
- }
6370
- .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
6371
- color: rgb(47.4, 114.6, 61.8);
6372
- background-color: rgb(197.82, 217.98, 202.14);
6373
- }
6374
- .list-group-item-success.list-group-item-action.active {
6375
- color: #fff;
6376
- background-color: rgb(47.4, 114.6, 61.8);
6377
- border-color: rgb(47.4, 114.6, 61.8);
6568
+ --bs-list-group-color: var(--bs-success-text-emphasis);
6569
+ --bs-list-group-bg: var(--bs-success-bg-subtle);
6570
+ --bs-list-group-border-color: var(--bs-success-border-subtle);
6571
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6572
+ --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
6573
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6574
+ --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
6575
+ --bs-list-group-active-color: var(--bs-success-bg-subtle);
6576
+ --bs-list-group-active-bg: var(--bs-success-text-emphasis);
6577
+ --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
6378
6578
  }
6379
6579
 
6380
6580
  .list-group-item-info {
6381
- color: rgb(40.2, 82.8, 100.2);
6382
- background-color: rgb(217.4, 231.6, 237.4);
6383
- }
6384
- .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
6385
- color: rgb(40.2, 82.8, 100.2);
6386
- background-color: rgb(195.66, 208.44, 213.66);
6387
- }
6388
- .list-group-item-info.list-group-item-action.active {
6389
- color: #fff;
6390
- background-color: rgb(40.2, 82.8, 100.2);
6391
- border-color: rgb(40.2, 82.8, 100.2);
6581
+ --bs-list-group-color: var(--bs-info-text-emphasis);
6582
+ --bs-list-group-bg: var(--bs-info-bg-subtle);
6583
+ --bs-list-group-border-color: var(--bs-info-border-subtle);
6584
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6585
+ --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
6586
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6587
+ --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
6588
+ --bs-list-group-active-color: var(--bs-info-bg-subtle);
6589
+ --bs-list-group-active-bg: var(--bs-info-text-emphasis);
6590
+ --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
6392
6591
  }
6393
6592
 
6394
6593
  .list-group-item-warning {
6395
- color: rgb(153, 95.4, 33.6);
6396
- background-color: rgb(255, 235.8, 215.2);
6397
- }
6398
- .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
6399
- color: rgb(153, 95.4, 33.6);
6400
- background-color: rgb(229.5, 212.22, 193.68);
6401
- }
6402
- .list-group-item-warning.list-group-item-action.active {
6403
- color: #fff;
6404
- background-color: rgb(153, 95.4, 33.6);
6405
- border-color: rgb(153, 95.4, 33.6);
6594
+ --bs-list-group-color: var(--bs-warning-text-emphasis);
6595
+ --bs-list-group-bg: var(--bs-warning-bg-subtle);
6596
+ --bs-list-group-border-color: var(--bs-warning-border-subtle);
6597
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6598
+ --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
6599
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6600
+ --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
6601
+ --bs-list-group-active-color: var(--bs-warning-bg-subtle);
6602
+ --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
6603
+ --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
6406
6604
  }
6407
6605
 
6408
6606
  .list-group-item-danger {
6409
- color: rgb(115.2, 7.8, 43.8);
6410
- background-color: rgb(242.4, 206.6, 218.6);
6411
- }
6412
- .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
6413
- color: rgb(115.2, 7.8, 43.8);
6414
- background-color: rgb(218.16, 185.94, 196.74);
6415
- }
6416
- .list-group-item-danger.list-group-item-action.active {
6417
- color: #fff;
6418
- background-color: rgb(115.2, 7.8, 43.8);
6419
- border-color: rgb(115.2, 7.8, 43.8);
6607
+ --bs-list-group-color: var(--bs-danger-text-emphasis);
6608
+ --bs-list-group-bg: var(--bs-danger-bg-subtle);
6609
+ --bs-list-group-border-color: var(--bs-danger-border-subtle);
6610
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6611
+ --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
6612
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6613
+ --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
6614
+ --bs-list-group-active-color: var(--bs-danger-bg-subtle);
6615
+ --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
6616
+ --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
6420
6617
  }
6421
6618
 
6422
6619
  .list-group-item-light {
6423
- color: rgb(95.2, 95.2, 95.2);
6424
- background-color: rgb(251.6, 251.6, 251.6);
6425
- }
6426
- .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
6427
- color: rgb(95.2, 95.2, 95.2);
6428
- background-color: rgb(226.44, 226.44, 226.44);
6429
- }
6430
- .list-group-item-light.list-group-item-action.active {
6431
- color: #fff;
6432
- background-color: rgb(95.2, 95.2, 95.2);
6433
- border-color: rgb(95.2, 95.2, 95.2);
6620
+ --bs-list-group-color: var(--bs-light-text-emphasis);
6621
+ --bs-list-group-bg: var(--bs-light-bg-subtle);
6622
+ --bs-list-group-border-color: var(--bs-light-border-subtle);
6623
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6624
+ --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
6625
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6626
+ --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
6627
+ --bs-list-group-active-color: var(--bs-light-bg-subtle);
6628
+ --bs-list-group-active-bg: var(--bs-light-text-emphasis);
6629
+ --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
6434
6630
  }
6435
6631
 
6436
6632
  .list-group-item-dark {
6437
- color: rgb(13.2, 13.2, 13.2);
6438
- background-color: rgb(208.4, 208.4, 208.4);
6439
- }
6440
- .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
6441
- color: rgb(13.2, 13.2, 13.2);
6442
- background-color: rgb(187.56, 187.56, 187.56);
6443
- }
6444
- .list-group-item-dark.list-group-item-action.active {
6445
- color: #fff;
6446
- background-color: rgb(13.2, 13.2, 13.2);
6447
- border-color: rgb(13.2, 13.2, 13.2);
6633
+ --bs-list-group-color: var(--bs-dark-text-emphasis);
6634
+ --bs-list-group-bg: var(--bs-dark-bg-subtle);
6635
+ --bs-list-group-border-color: var(--bs-dark-border-subtle);
6636
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6637
+ --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
6638
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6639
+ --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
6640
+ --bs-list-group-active-color: var(--bs-dark-bg-subtle);
6641
+ --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
6642
+ --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
6448
6643
  }
6449
6644
 
6450
6645
  .btn-close {
6646
+ --bs-btn-close-color: #686b6e;
6647
+ --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23686b6e'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
6648
+ --bs-btn-close-opacity: 0.5;
6649
+ --bs-btn-close-hover-opacity: 0.75;
6650
+ --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(53, 93, 255, 0.25);
6651
+ --bs-btn-close-focus-opacity: 1;
6652
+ --bs-btn-close-disabled-opacity: 0.25;
6451
6653
  box-sizing: content-box;
6452
6654
  width: 1em;
6453
6655
  height: 1em;
6454
6656
  padding: 0.25em 0.25em;
6455
- color: #686b6e;
6456
- background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23686b6e'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
6657
+ color: var(--bs-btn-close-color);
6658
+ background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
6659
+ filter: var(--bs-btn-close-filter);
6457
6660
  border: 0;
6458
6661
  border-radius: 0.5rem;
6459
- opacity: 0.5;
6662
+ opacity: var(--bs-btn-close-opacity);
6460
6663
  }
6461
6664
  .btn-close:hover {
6462
- color: #686b6e;
6665
+ color: var(--bs-btn-close-color);
6463
6666
  text-decoration: none;
6464
- opacity: 0.75;
6667
+ opacity: var(--bs-btn-close-hover-opacity);
6465
6668
  }
6466
6669
  .btn-close:focus {
6467
6670
  outline: 0;
6468
- box-shadow: none;
6469
- opacity: 1;
6671
+ box-shadow: var(--bs-btn-close-focus-shadow);
6672
+ opacity: var(--bs-btn-close-focus-opacity);
6470
6673
  }
6471
6674
  .btn-close:disabled, .btn-close.disabled {
6472
6675
  pointer-events: none;
6473
6676
  -webkit-user-select: none;
6474
6677
  -moz-user-select: none;
6475
6678
  user-select: none;
6476
- opacity: 0.25;
6679
+ opacity: var(--bs-btn-close-disabled-opacity);
6477
6680
  }
6478
6681
 
6479
6682
  .btn-close-white {
6480
- filter: unset;
6683
+ --bs-btn-close-filter: unset;
6684
+ }
6685
+
6686
+ :root,
6687
+ [data-bs-theme=light] {
6688
+ --bs-btn-close-filter: ;
6689
+ }
6690
+
6691
+ [data-bs-theme=dark] {
6692
+ --bs-btn-close-filter: unset;
6481
6693
  }
6482
6694
 
6483
6695
  .btn-close:hover, .btn-close:focus, .btn-close:active, .btn-close:not(:disabled):not(.disabled):active, .btn-close.visible {
@@ -6494,12 +6706,12 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6494
6706
  --bs-toast-max-width: 350px;
6495
6707
  --bs-toast-font-size: 0.875rem;
6496
6708
  --bs-toast-color: ;
6497
- --bs-toast-bg: rgba(255, 255, 255, 0.85);
6498
- --bs-toast-border-width: 1px;
6709
+ --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
6710
+ --bs-toast-border-width: var(--bs-border-width);
6499
6711
  --bs-toast-border-color: #e7e9ec;
6500
6712
  --bs-toast-border-radius: 0.5rem;
6501
6713
  --bs-toast-box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
6502
- --bs-toast-header-color: #6c757d;
6714
+ --bs-toast-header-color: var(--bs-secondary-color);
6503
6715
  --bs-toast-header-bg: #ffffff;
6504
6716
  --bs-toast-header-border-color: #e7e9ec;
6505
6717
  width: var(--bs-toast-max-width);
@@ -6564,11 +6776,11 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6564
6776
  --bs-modal-width: 500px;
6565
6777
  --bs-modal-padding: 1.5rem;
6566
6778
  --bs-modal-margin: 0.5rem;
6567
- --bs-modal-color: ;
6779
+ --bs-modal-color: var(--bs-body-color);
6568
6780
  --bs-modal-bg: #ffffff;
6569
6781
  --bs-modal-border-color: var(--bs-border-color-translucent);
6570
6782
  --bs-modal-border-width: 0;
6571
- --bs-modal-border-radius: 0.5625rem;
6783
+ --bs-modal-border-radius: var(--bs-border-radius-lg);
6572
6784
  --bs-modal-box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
6573
6785
  --bs-modal-inner-border-radius: 0.5rem;
6574
6786
  --bs-modal-header-padding-x: 1.5rem;
@@ -6600,8 +6812,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6600
6812
  pointer-events: none;
6601
6813
  }
6602
6814
  .modal.fade .modal-dialog {
6603
- transition: transform 0.3s ease-out;
6604
6815
  transform: translate(0, -50px);
6816
+ transition: transform 0.3s ease-out;
6605
6817
  }
6606
6818
  @media (prefers-reduced-motion: reduce) {
6607
6819
  .modal.fade .modal-dialog {
@@ -6670,7 +6882,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6670
6882
  display: flex;
6671
6883
  flex-shrink: 0;
6672
6884
  align-items: center;
6673
- justify-content: space-between;
6674
6885
  padding: var(--bs-modal-header-padding);
6675
6886
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
6676
6887
  border-top-right-radius: var(--bs-modal-inner-border-radius);
@@ -6678,7 +6889,10 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6678
6889
  }
6679
6890
  .modal-header .btn-close {
6680
6891
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
6681
- margin: calc(-0.5 * var(--bs-modal-header-padding-y)) auto calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x));
6892
+ margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
6893
+ margin-left: calc(-0.5 * var(--bs-modal-header-padding-x));
6894
+ margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
6895
+ margin-right: auto;
6682
6896
  }
6683
6897
 
6684
6898
  .modal-title {
@@ -6876,13 +7090,12 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6876
7090
  --bs-tooltip-font-size: 0.765625rem;
6877
7091
  --bs-tooltip-color: #eeeeee;
6878
7092
  --bs-tooltip-bg: #161616;
6879
- --bs-tooltip-border-radius: 0.5rem;
7093
+ --bs-tooltip-border-radius: var(--bs-border-radius);
6880
7094
  --bs-tooltip-opacity: 0.9;
6881
7095
  --bs-tooltip-arrow-width: 0.8rem;
6882
7096
  --bs-tooltip-arrow-height: 0.4rem;
6883
7097
  z-index: var(--bs-tooltip-zindex);
6884
7098
  display: block;
6885
- padding: var(--bs-tooltip-arrow-height);
6886
7099
  margin: var(--bs-tooltip-margin);
6887
7100
  font-family: "Inter", sans-serif;
6888
7101
  font-style: normal;
@@ -6918,7 +7131,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6918
7131
  }
6919
7132
 
6920
7133
  .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
6921
- bottom: 0;
7134
+ bottom: calc(-1 * var(--bs-tooltip-arrow-height));
6922
7135
  }
6923
7136
  .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
6924
7137
  top: -1px;
@@ -6926,7 +7139,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6926
7139
  border-top-color: var(--bs-tooltip-bg);
6927
7140
  }
6928
7141
  .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
6929
- left: 0;
7142
+ left: calc(-1 * var(--bs-tooltip-arrow-height));
6930
7143
  width: var(--bs-tooltip-arrow-height);
6931
7144
  height: var(--bs-tooltip-arrow-width);
6932
7145
  }
@@ -6936,7 +7149,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6936
7149
  border-right-color: var(--bs-tooltip-bg);
6937
7150
  }
6938
7151
  .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
6939
- top: 0;
7152
+ top: calc(-1 * var(--bs-tooltip-arrow-height));
6940
7153
  }
6941
7154
  .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
6942
7155
  bottom: -1px;
@@ -6944,7 +7157,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6944
7157
  border-bottom-color: var(--bs-tooltip-bg);
6945
7158
  }
6946
7159
  .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
6947
- right: 0;
7160
+ right: calc(-1 * var(--bs-tooltip-arrow-height));
6948
7161
  width: var(--bs-tooltip-arrow-height);
6949
7162
  height: var(--bs-tooltip-arrow-width);
6950
7163
  }
@@ -6967,16 +7180,16 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6967
7180
  --bs-popover-max-width: 276px;
6968
7181
  --bs-popover-font-size: 0.765625rem;
6969
7182
  --bs-popover-bg: #ffffff;
6970
- --bs-popover-border-width: 1px;
7183
+ --bs-popover-border-width: var(--bs-border-width);
6971
7184
  --bs-popover-border-color: #e7e9ec;
6972
7185
  --bs-popover-border-radius: 0.5rem;
6973
- --bs-popover-inner-border-radius: calc(0.5rem - 1px);
7186
+ --bs-popover-inner-border-radius: calc(0.5rem - var(--bs-border-width));
6974
7187
  --bs-popover-box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
6975
7188
  --bs-popover-header-padding-x: 1.5rem;
6976
7189
  --bs-popover-header-padding-y: 0.5rem;
6977
7190
  --bs-popover-header-font-size: 0.875rem;
6978
- --bs-popover-header-color: ;
6979
- --bs-popover-header-bg: rgb(239.7, 239.7, 239.7);
7191
+ --bs-popover-header-color: inherit;
7192
+ --bs-popover-header-bg: var(--bs-secondary-bg);
6980
7193
  --bs-popover-body-padding-x: 0.75rem;
6981
7194
  --bs-popover-body-padding-y: 0.75rem;
6982
7195
  --bs-popover-body-color: #686b6e;
@@ -7199,6 +7412,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7199
7412
  color: #fff;
7200
7413
  text-align: center;
7201
7414
  background: none;
7415
+ filter: var(--bs-carousel-control-icon-filter);
7202
7416
  border: 0;
7203
7417
  opacity: 0.5;
7204
7418
  transition: opacity 0.15s ease;
@@ -7235,12 +7449,13 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7235
7449
  background-position: 50%;
7236
7450
  background-size: 100% 100%;
7237
7451
  }
7238
- .carousel-control-next-icon {
7239
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
7240
- }
7241
7452
 
7242
7453
  .carousel-control-prev-icon {
7243
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
7454
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
7455
+ }
7456
+
7457
+ .carousel-control-next-icon {
7458
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
7244
7459
  }
7245
7460
 
7246
7461
  .carousel-indicators {
@@ -7255,7 +7470,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7255
7470
  margin-left: 15%;
7256
7471
  margin-bottom: 1rem;
7257
7472
  margin-right: 15%;
7258
- list-style: none;
7259
7473
  }
7260
7474
  .carousel-indicators [data-bs-target] {
7261
7475
  box-sizing: content-box;
@@ -7267,7 +7481,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7267
7481
  margin-right: 3px;
7268
7482
  text-indent: -999px;
7269
7483
  cursor: pointer;
7270
- background-color: #fff;
7484
+ background-color: var(--bs-carousel-indicator-active-bg);
7271
7485
  background-clip: padding-box;
7272
7486
  border: 0;
7273
7487
  border-top: 10px solid transparent;
@@ -7291,24 +7505,33 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7291
7505
  right: 15%;
7292
7506
  padding-top: 1.25rem;
7293
7507
  padding-bottom: 1.25rem;
7294
- color: #fff;
7508
+ color: var(--bs-carousel-caption-color);
7295
7509
  text-align: center;
7296
7510
  }
7297
7511
 
7298
- .carousel-dark .carousel-control-next-icon,
7299
- .carousel-dark .carousel-control-prev-icon {
7300
- filter: invert(1) grayscale(100);
7512
+ .carousel-dark {
7513
+ --bs-carousel-indicator-active-bg: #000;
7514
+ --bs-carousel-caption-color: #000;
7515
+ --bs-carousel-control-icon-filter: invert(1) grayscale(100);
7301
7516
  }
7302
- .carousel-dark .carousel-indicators [data-bs-target] {
7303
- background-color: #000;
7517
+
7518
+ :root,
7519
+ [data-bs-theme=light] {
7520
+ --bs-carousel-indicator-active-bg: #fff;
7521
+ --bs-carousel-caption-color: #fff;
7522
+ --bs-carousel-control-icon-filter: ;
7304
7523
  }
7305
- .carousel-dark .carousel-caption {
7306
- color: #000;
7524
+
7525
+ [data-bs-theme=dark] {
7526
+ --bs-carousel-indicator-active-bg: #000;
7527
+ --bs-carousel-caption-color: #000;
7528
+ --bs-carousel-control-icon-filter: invert(1) grayscale(100);
7307
7529
  }
7308
7530
 
7309
7531
  .spinner-grow,
7310
7532
  .spinner-border {
7311
7533
  display: inline-block;
7534
+ flex-shrink: 0;
7312
7535
  width: var(--bs-spinner-width);
7313
7536
  height: var(--bs-spinner-height);
7314
7537
  vertical-align: var(--bs-spinner-vertical-align);
@@ -7374,11 +7597,13 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7374
7597
  --bs-offcanvas-height: 30vh;
7375
7598
  --bs-offcanvas-padding-x: 1.5rem;
7376
7599
  --bs-offcanvas-padding-y: 1.5rem;
7377
- --bs-offcanvas-color: ;
7378
- --bs-offcanvas-bg: #ffffff;
7600
+ --bs-offcanvas-color: var(--bs-body-color);
7601
+ --bs-offcanvas-bg: var(--bs-body-bg);
7379
7602
  --bs-offcanvas-border-width: 0;
7380
7603
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
7381
7604
  --bs-offcanvas-box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
7605
+ --bs-offcanvas-transition: transform 0.3s ease-in-out;
7606
+ --bs-offcanvas-title-line-height: 1.5;
7382
7607
  }
7383
7608
 
7384
7609
  @media (max-width: 575.98px) {
@@ -7395,7 +7620,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7395
7620
  background-clip: padding-box;
7396
7621
  outline: 0;
7397
7622
  box-shadow: var(--bs-offcanvas-box-shadow);
7398
- transition: transform 0.3s ease-in-out;
7623
+ transition: var(--bs-offcanvas-transition);
7399
7624
  }
7400
7625
  }
7401
7626
  @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
@@ -7474,7 +7699,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7474
7699
  background-clip: padding-box;
7475
7700
  outline: 0;
7476
7701
  box-shadow: var(--bs-offcanvas-box-shadow);
7477
- transition: transform 0.3s ease-in-out;
7702
+ transition: var(--bs-offcanvas-transition);
7478
7703
  }
7479
7704
  }
7480
7705
  @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
@@ -7553,7 +7778,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7553
7778
  background-clip: padding-box;
7554
7779
  outline: 0;
7555
7780
  box-shadow: var(--bs-offcanvas-box-shadow);
7556
- transition: transform 0.3s ease-in-out;
7781
+ transition: var(--bs-offcanvas-transition);
7557
7782
  }
7558
7783
  }
7559
7784
  @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
@@ -7632,7 +7857,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7632
7857
  background-clip: padding-box;
7633
7858
  outline: 0;
7634
7859
  box-shadow: var(--bs-offcanvas-box-shadow);
7635
- transition: transform 0.3s ease-in-out;
7860
+ transition: var(--bs-offcanvas-transition);
7636
7861
  }
7637
7862
  }
7638
7863
  @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
@@ -7711,7 +7936,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7711
7936
  background-clip: padding-box;
7712
7937
  outline: 0;
7713
7938
  box-shadow: var(--bs-offcanvas-box-shadow);
7714
- transition: transform 0.3s ease-in-out;
7939
+ transition: var(--bs-offcanvas-transition);
7715
7940
  }
7716
7941
  }
7717
7942
  @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
@@ -7789,7 +8014,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7789
8014
  background-clip: padding-box;
7790
8015
  outline: 0;
7791
8016
  box-shadow: var(--bs-offcanvas-box-shadow);
7792
- transition: transform 0.3s ease-in-out;
8017
+ transition: var(--bs-offcanvas-transition);
7793
8018
  }
7794
8019
  @media (prefers-reduced-motion: reduce) {
7795
8020
  .offcanvas {
@@ -7853,7 +8078,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7853
8078
  .offcanvas-header {
7854
8079
  display: flex;
7855
8080
  align-items: center;
7856
- justify-content: space-between;
7857
8081
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
7858
8082
  }
7859
8083
  .offcanvas-header .btn-close {
@@ -7861,11 +8085,12 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7861
8085
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
7862
8086
  margin-left: calc(-0.5 * var(--bs-offcanvas-padding-x));
7863
8087
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
8088
+ margin-right: auto;
7864
8089
  }
7865
8090
 
7866
8091
  .offcanvas-title {
7867
8092
  margin-bottom: 0;
7868
- line-height: 1.5;
8093
+ line-height: var(--bs-offcanvas-title-line-height);
7869
8094
  }
7870
8095
 
7871
8096
  .offcanvas-body {
@@ -7930,98 +8155,172 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7930
8155
 
7931
8156
  .text-bg-primary {
7932
8157
  color: #fff !important;
7933
- background-color: RGBA(53, 93, 255, var(--bs-bg-opacity, 1)) !important;
8158
+ background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
7934
8159
  }
7935
8160
 
7936
8161
  .text-bg-secondary {
7937
8162
  color: #fff !important;
7938
- background-color: RGBA(108, 93, 211, var(--bs-bg-opacity, 1)) !important;
8163
+ background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
7939
8164
  }
7940
8165
 
7941
8166
  .text-bg-success {
7942
8167
  color: #000 !important;
7943
- background-color: RGBA(79, 191, 103, var(--bs-bg-opacity, 1)) !important;
8168
+ background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
7944
8169
  }
7945
8170
 
7946
8171
  .text-bg-info {
7947
8172
  color: #000 !important;
7948
- background-color: RGBA(67, 138, 167, var(--bs-bg-opacity, 1)) !important;
8173
+ background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
7949
8174
  }
7950
8175
 
7951
8176
  .text-bg-warning {
7952
8177
  color: #000 !important;
7953
- background-color: RGBA(255, 159, 56, var(--bs-bg-opacity, 1)) !important;
8178
+ background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
7954
8179
  }
7955
8180
 
7956
8181
  .text-bg-danger {
7957
8182
  color: #fff !important;
7958
- background-color: RGBA(192, 13, 73, var(--bs-bg-opacity, 1)) !important;
8183
+ background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
7959
8184
  }
7960
8185
 
7961
8186
  .text-bg-light {
7962
8187
  color: #000 !important;
7963
- background-color: RGBA(238, 238, 238, var(--bs-bg-opacity, 1)) !important;
8188
+ background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
7964
8189
  }
7965
8190
 
7966
8191
  .text-bg-dark {
7967
8192
  color: #fff !important;
7968
- background-color: RGBA(22, 22, 22, var(--bs-bg-opacity, 1)) !important;
8193
+ background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
7969
8194
  }
7970
8195
 
7971
8196
  .link-primary {
7972
- color: #355dff !important;
8197
+ color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
8198
+ -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
8199
+ text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
7973
8200
  }
7974
8201
  .link-primary:hover, .link-primary:focus {
7975
- color: rgb(42.4, 74.4, 204) !important;
8202
+ color: RGBA(42, 74, 204, var(--bs-link-opacity, 1)) !important;
8203
+ -webkit-text-decoration-color: RGBA(42, 74, 204, var(--bs-link-underline-opacity, 1)) !important;
8204
+ text-decoration-color: RGBA(42, 74, 204, var(--bs-link-underline-opacity, 1)) !important;
7976
8205
  }
7977
8206
 
7978
8207
  .link-secondary {
7979
- color: #6c5dd3 !important;
8208
+ color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
8209
+ -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
8210
+ text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
7980
8211
  }
7981
8212
  .link-secondary:hover, .link-secondary:focus {
7982
- color: rgb(86.4, 74.4, 168.8) !important;
8213
+ color: RGBA(86, 74, 169, var(--bs-link-opacity, 1)) !important;
8214
+ -webkit-text-decoration-color: RGBA(86, 74, 169, var(--bs-link-underline-opacity, 1)) !important;
8215
+ text-decoration-color: RGBA(86, 74, 169, var(--bs-link-underline-opacity, 1)) !important;
7983
8216
  }
7984
8217
 
7985
8218
  .link-success {
7986
- color: #4fbf67 !important;
8219
+ color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
8220
+ -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
8221
+ text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
7987
8222
  }
7988
8223
  .link-success:hover, .link-success:focus {
7989
- color: rgb(114.2, 203.8, 133.4) !important;
8224
+ color: RGBA(114, 204, 133, var(--bs-link-opacity, 1)) !important;
8225
+ -webkit-text-decoration-color: RGBA(114, 204, 133, var(--bs-link-underline-opacity, 1)) !important;
8226
+ text-decoration-color: RGBA(114, 204, 133, var(--bs-link-underline-opacity, 1)) !important;
7990
8227
  }
7991
8228
 
7992
8229
  .link-info {
7993
- color: #438aa7 !important;
8230
+ color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
8231
+ -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
8232
+ text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
7994
8233
  }
7995
8234
  .link-info:hover, .link-info:focus {
7996
- color: rgb(104.6, 161.4, 184.6) !important;
8235
+ color: RGBA(105, 161, 185, var(--bs-link-opacity, 1)) !important;
8236
+ -webkit-text-decoration-color: RGBA(105, 161, 185, var(--bs-link-underline-opacity, 1)) !important;
8237
+ text-decoration-color: RGBA(105, 161, 185, var(--bs-link-underline-opacity, 1)) !important;
7997
8238
  }
7998
8239
 
7999
8240
  .link-warning {
8000
- color: #ff9f38 !important;
8241
+ color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
8242
+ -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
8243
+ text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
8001
8244
  }
8002
8245
  .link-warning:hover, .link-warning:focus {
8003
- color: rgb(255, 178.2, 95.8) !important;
8246
+ color: RGBA(255, 178, 96, var(--bs-link-opacity, 1)) !important;
8247
+ -webkit-text-decoration-color: RGBA(255, 178, 96, var(--bs-link-underline-opacity, 1)) !important;
8248
+ text-decoration-color: RGBA(255, 178, 96, var(--bs-link-underline-opacity, 1)) !important;
8004
8249
  }
8005
8250
 
8006
8251
  .link-danger {
8007
- color: #c00d49 !important;
8252
+ color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
8253
+ -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
8254
+ text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
8008
8255
  }
8009
8256
  .link-danger:hover, .link-danger:focus {
8010
- color: rgb(153.6, 10.4, 58.4) !important;
8257
+ color: RGBA(154, 10, 58, var(--bs-link-opacity, 1)) !important;
8258
+ -webkit-text-decoration-color: RGBA(154, 10, 58, var(--bs-link-underline-opacity, 1)) !important;
8259
+ text-decoration-color: RGBA(154, 10, 58, var(--bs-link-underline-opacity, 1)) !important;
8011
8260
  }
8012
8261
 
8013
8262
  .link-light {
8014
- color: #eeeeee !important;
8263
+ color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
8264
+ -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
8265
+ text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
8015
8266
  }
8016
8267
  .link-light:hover, .link-light:focus {
8017
- color: rgb(241.4, 241.4, 241.4) !important;
8268
+ color: RGBA(241, 241, 241, var(--bs-link-opacity, 1)) !important;
8269
+ -webkit-text-decoration-color: RGBA(241, 241, 241, var(--bs-link-underline-opacity, 1)) !important;
8270
+ text-decoration-color: RGBA(241, 241, 241, var(--bs-link-underline-opacity, 1)) !important;
8018
8271
  }
8019
8272
 
8020
8273
  .link-dark {
8021
- color: #161616 !important;
8274
+ color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
8275
+ -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
8276
+ text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
8022
8277
  }
8023
8278
  .link-dark:hover, .link-dark:focus {
8024
- color: rgb(17.6, 17.6, 17.6) !important;
8279
+ color: RGBA(18, 18, 18, var(--bs-link-opacity, 1)) !important;
8280
+ -webkit-text-decoration-color: RGBA(18, 18, 18, var(--bs-link-underline-opacity, 1)) !important;
8281
+ text-decoration-color: RGBA(18, 18, 18, var(--bs-link-underline-opacity, 1)) !important;
8282
+ }
8283
+
8284
+ .link-body-emphasis {
8285
+ color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
8286
+ -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
8287
+ text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
8288
+ }
8289
+ .link-body-emphasis:hover, .link-body-emphasis:focus {
8290
+ color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
8291
+ -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
8292
+ text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
8293
+ }
8294
+
8295
+ .focus-ring:focus {
8296
+ outline: 0;
8297
+ box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
8298
+ }
8299
+
8300
+ .icon-link {
8301
+ display: inline-flex;
8302
+ gap: 0.375rem;
8303
+ align-items: center;
8304
+ -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
8305
+ text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
8306
+ text-underline-offset: 0.25em;
8307
+ backface-visibility: hidden;
8308
+ }
8309
+ .icon-link > .bi {
8310
+ flex-shrink: 0;
8311
+ width: 1em;
8312
+ height: 1em;
8313
+ fill: currentcolor;
8314
+ transition: 0.2s ease-in-out transform;
8315
+ }
8316
+ @media (prefers-reduced-motion: reduce) {
8317
+ .icon-link > .bi {
8318
+ transition: none;
8319
+ }
8320
+ }
8321
+
8322
+ .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
8323
+ transform: var(--bs-icon-link-transform, translate3d(-0.25em, 0, 0));
8025
8324
  }
8026
8325
 
8027
8326
  .ratio {
@@ -8161,7 +8460,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8161
8460
 
8162
8461
  .visually-hidden,
8163
8462
  .visually-hidden-focusable:not(:focus):not(:focus-within) {
8164
- position: absolute !important;
8165
8463
  width: 1px !important;
8166
8464
  height: 1px !important;
8167
8465
  padding: 0 !important;
@@ -8171,6 +8469,14 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8171
8469
  white-space: nowrap !important;
8172
8470
  border: 0 !important;
8173
8471
  }
8472
+ .visually-hidden:not(caption),
8473
+ .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
8474
+ position: absolute !important;
8475
+ }
8476
+ .visually-hidden *,
8477
+ .visually-hidden-focusable:not(:focus):not(:focus-within) * {
8478
+ overflow: hidden !important;
8479
+ }
8174
8480
 
8175
8481
  .stretched-link::after {
8176
8482
  position: absolute;
@@ -8191,7 +8497,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8191
8497
  .vr {
8192
8498
  display: inline-block;
8193
8499
  align-self: stretch;
8194
- width: 1px;
8500
+ width: var(--bs-border-width);
8195
8501
  min-height: 1em;
8196
8502
  background-color: currentcolor;
8197
8503
  opacity: 0.25;
@@ -8233,6 +8539,31 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8233
8539
  float: none !important;
8234
8540
  }
8235
8541
 
8542
+ .object-fit-contain {
8543
+ -o-object-fit: contain !important;
8544
+ object-fit: contain !important;
8545
+ }
8546
+
8547
+ .object-fit-cover {
8548
+ -o-object-fit: cover !important;
8549
+ object-fit: cover !important;
8550
+ }
8551
+
8552
+ .object-fit-fill {
8553
+ -o-object-fit: fill !important;
8554
+ object-fit: fill !important;
8555
+ }
8556
+
8557
+ .object-fit-scale {
8558
+ -o-object-fit: scale-down !important;
8559
+ object-fit: scale-down !important;
8560
+ }
8561
+
8562
+ .object-fit-none {
8563
+ -o-object-fit: none !important;
8564
+ object-fit: none !important;
8565
+ }
8566
+
8236
8567
  .opacity-0 {
8237
8568
  opacity: 0 !important;
8238
8569
  }
@@ -8269,6 +8600,38 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8269
8600
  overflow: scroll !important;
8270
8601
  }
8271
8602
 
8603
+ .overflow-x-auto {
8604
+ overflow-x: auto !important;
8605
+ }
8606
+
8607
+ .overflow-x-hidden {
8608
+ overflow-x: hidden !important;
8609
+ }
8610
+
8611
+ .overflow-x-visible {
8612
+ overflow-x: visible !important;
8613
+ }
8614
+
8615
+ .overflow-x-scroll {
8616
+ overflow-x: scroll !important;
8617
+ }
8618
+
8619
+ .overflow-y-auto {
8620
+ overflow-y: auto !important;
8621
+ }
8622
+
8623
+ .overflow-y-hidden {
8624
+ overflow-y: hidden !important;
8625
+ }
8626
+
8627
+ .overflow-y-visible {
8628
+ overflow-y: visible !important;
8629
+ }
8630
+
8631
+ .overflow-y-scroll {
8632
+ overflow-y: scroll !important;
8633
+ }
8634
+
8272
8635
  .d-inline {
8273
8636
  display: inline !important;
8274
8637
  }
@@ -8285,6 +8648,10 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8285
8648
  display: grid !important;
8286
8649
  }
8287
8650
 
8651
+ .d-inline-grid {
8652
+ display: inline-grid !important;
8653
+ }
8654
+
8288
8655
  .d-table {
8289
8656
  display: table !important;
8290
8657
  }
@@ -8310,21 +8677,53 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8310
8677
  }
8311
8678
 
8312
8679
  .shadow {
8313
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
8680
+ box-shadow: var(--bs-box-shadow) !important;
8314
8681
  }
8315
8682
 
8316
8683
  .shadow-sm {
8317
- box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
8684
+ box-shadow: var(--bs-box-shadow-sm) !important;
8318
8685
  }
8319
8686
 
8320
8687
  .shadow-lg {
8321
- box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
8688
+ box-shadow: var(--bs-box-shadow-lg) !important;
8322
8689
  }
8323
8690
 
8324
8691
  .shadow-none {
8325
8692
  box-shadow: none !important;
8326
8693
  }
8327
8694
 
8695
+ .focus-ring-primary {
8696
+ --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
8697
+ }
8698
+
8699
+ .focus-ring-secondary {
8700
+ --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
8701
+ }
8702
+
8703
+ .focus-ring-success {
8704
+ --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
8705
+ }
8706
+
8707
+ .focus-ring-info {
8708
+ --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
8709
+ }
8710
+
8711
+ .focus-ring-warning {
8712
+ --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
8713
+ }
8714
+
8715
+ .focus-ring-danger {
8716
+ --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
8717
+ }
8718
+
8719
+ .focus-ring-light {
8720
+ --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
8721
+ }
8722
+
8723
+ .focus-ring-dark {
8724
+ --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
8725
+ }
8726
+
8328
8727
  .position-static {
8329
8728
  position: static !important;
8330
8729
  }
@@ -8485,29 +8884,66 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8485
8884
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
8486
8885
  }
8487
8886
 
8887
+ .border-black {
8888
+ --bs-border-opacity: 1;
8889
+ border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
8890
+ }
8891
+
8488
8892
  .border-white {
8489
8893
  --bs-border-opacity: 1;
8490
8894
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
8491
8895
  }
8492
8896
 
8897
+ .border-primary-subtle {
8898
+ border-color: var(--bs-primary-border-subtle) !important;
8899
+ }
8900
+
8901
+ .border-secondary-subtle {
8902
+ border-color: var(--bs-secondary-border-subtle) !important;
8903
+ }
8904
+
8905
+ .border-success-subtle {
8906
+ border-color: var(--bs-success-border-subtle) !important;
8907
+ }
8908
+
8909
+ .border-info-subtle {
8910
+ border-color: var(--bs-info-border-subtle) !important;
8911
+ }
8912
+
8913
+ .border-warning-subtle {
8914
+ border-color: var(--bs-warning-border-subtle) !important;
8915
+ }
8916
+
8917
+ .border-danger-subtle {
8918
+ border-color: var(--bs-danger-border-subtle) !important;
8919
+ }
8920
+
8921
+ .border-light-subtle {
8922
+ border-color: var(--bs-light-border-subtle) !important;
8923
+ }
8924
+
8925
+ .border-dark-subtle {
8926
+ border-color: var(--bs-dark-border-subtle) !important;
8927
+ }
8928
+
8493
8929
  .border-1 {
8494
- --bs-border-width: 1px;
8930
+ border-width: 1px !important;
8495
8931
  }
8496
8932
 
8497
8933
  .border-2 {
8498
- --bs-border-width: 2px;
8934
+ border-width: 2px !important;
8499
8935
  }
8500
8936
 
8501
8937
  .border-3 {
8502
- --bs-border-width: 3px;
8938
+ border-width: 3px !important;
8503
8939
  }
8504
8940
 
8505
8941
  .border-4 {
8506
- --bs-border-width: 4px;
8942
+ border-width: 4px !important;
8507
8943
  }
8508
8944
 
8509
8945
  .border-5 {
8510
- --bs-border-width: 5px;
8946
+ border-width: 5px !important;
8511
8947
  }
8512
8948
 
8513
8949
  .border-opacity-10 {
@@ -9180,6 +9616,60 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9180
9616
  gap: 4.5rem !important;
9181
9617
  }
9182
9618
 
9619
+ .row-gap-0 {
9620
+ row-gap: 0 !important;
9621
+ }
9622
+
9623
+ .row-gap-1 {
9624
+ row-gap: 0.375rem !important;
9625
+ }
9626
+
9627
+ .row-gap-2 {
9628
+ row-gap: 0.75rem !important;
9629
+ }
9630
+
9631
+ .row-gap-3 {
9632
+ row-gap: 1.5rem !important;
9633
+ }
9634
+
9635
+ .row-gap-4 {
9636
+ row-gap: 2.25rem !important;
9637
+ }
9638
+
9639
+ .row-gap-5 {
9640
+ row-gap: 4.5rem !important;
9641
+ }
9642
+
9643
+ .column-gap-0 {
9644
+ -moz-column-gap: 0 !important;
9645
+ column-gap: 0 !important;
9646
+ }
9647
+
9648
+ .column-gap-1 {
9649
+ -moz-column-gap: 0.375rem !important;
9650
+ column-gap: 0.375rem !important;
9651
+ }
9652
+
9653
+ .column-gap-2 {
9654
+ -moz-column-gap: 0.75rem !important;
9655
+ column-gap: 0.75rem !important;
9656
+ }
9657
+
9658
+ .column-gap-3 {
9659
+ -moz-column-gap: 1.5rem !important;
9660
+ column-gap: 1.5rem !important;
9661
+ }
9662
+
9663
+ .column-gap-4 {
9664
+ -moz-column-gap: 2.25rem !important;
9665
+ column-gap: 2.25rem !important;
9666
+ }
9667
+
9668
+ .column-gap-5 {
9669
+ -moz-column-gap: 4.5rem !important;
9670
+ column-gap: 4.5rem !important;
9671
+ }
9672
+
9183
9673
  .font-monospace {
9184
9674
  font-family: var(--bs-font-monospace) !important;
9185
9675
  }
@@ -9216,26 +9706,30 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9216
9706
  font-style: normal !important;
9217
9707
  }
9218
9708
 
9219
- .fw-light {
9220
- font-weight: 300 !important;
9221
- }
9222
-
9223
9709
  .fw-lighter {
9224
9710
  font-weight: lighter !important;
9225
9711
  }
9226
9712
 
9713
+ .fw-light {
9714
+ font-weight: 300 !important;
9715
+ }
9716
+
9227
9717
  .fw-normal {
9228
9718
  font-weight: 400 !important;
9229
9719
  }
9230
9720
 
9231
- .fw-bold {
9232
- font-weight: 700 !important;
9721
+ .fw-medium {
9722
+ font-weight: 500 !important;
9233
9723
  }
9234
9724
 
9235
9725
  .fw-semibold {
9236
9726
  font-weight: 600 !important;
9237
9727
  }
9238
9728
 
9729
+ .fw-bold {
9730
+ font-weight: 700 !important;
9731
+ }
9732
+
9239
9733
  .fw-bolder {
9240
9734
  font-weight: bolder !important;
9241
9735
  }
@@ -9356,7 +9850,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9356
9850
 
9357
9851
  .text-muted {
9358
9852
  --bs-text-opacity: 1;
9359
- color: #686b6e !important;
9853
+ color: var(--bs-secondary-color) !important;
9360
9854
  }
9361
9855
 
9362
9856
  .text-black-50 {
@@ -9369,6 +9863,21 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9369
9863
  color: rgba(255, 255, 255, 0.5) !important;
9370
9864
  }
9371
9865
 
9866
+ .text-body-secondary {
9867
+ --bs-text-opacity: 1;
9868
+ color: var(--bs-secondary-color) !important;
9869
+ }
9870
+
9871
+ .text-body-tertiary {
9872
+ --bs-text-opacity: 1;
9873
+ color: var(--bs-tertiary-color) !important;
9874
+ }
9875
+
9876
+ .text-body-emphasis {
9877
+ --bs-text-opacity: 1;
9878
+ color: var(--bs-emphasis-color) !important;
9879
+ }
9880
+
9372
9881
  .text-reset {
9373
9882
  --bs-text-opacity: 1;
9374
9883
  color: inherit !important;
@@ -9390,6 +9899,204 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9390
9899
  --bs-text-opacity: 1;
9391
9900
  }
9392
9901
 
9902
+ .text-primary-emphasis {
9903
+ color: var(--bs-primary-text-emphasis) !important;
9904
+ }
9905
+
9906
+ .text-secondary-emphasis {
9907
+ color: var(--bs-secondary-text-emphasis) !important;
9908
+ }
9909
+
9910
+ .text-success-emphasis {
9911
+ color: var(--bs-success-text-emphasis) !important;
9912
+ }
9913
+
9914
+ .text-info-emphasis {
9915
+ color: var(--bs-info-text-emphasis) !important;
9916
+ }
9917
+
9918
+ .text-warning-emphasis {
9919
+ color: var(--bs-warning-text-emphasis) !important;
9920
+ }
9921
+
9922
+ .text-danger-emphasis {
9923
+ color: var(--bs-danger-text-emphasis) !important;
9924
+ }
9925
+
9926
+ .text-light-emphasis {
9927
+ color: var(--bs-light-text-emphasis) !important;
9928
+ }
9929
+
9930
+ .text-dark-emphasis {
9931
+ color: var(--bs-dark-text-emphasis) !important;
9932
+ }
9933
+
9934
+ .link-opacity-10 {
9935
+ --bs-link-opacity: 0.1;
9936
+ }
9937
+
9938
+ .link-opacity-10-hover:hover {
9939
+ --bs-link-opacity: 0.1;
9940
+ }
9941
+
9942
+ .link-opacity-25 {
9943
+ --bs-link-opacity: 0.25;
9944
+ }
9945
+
9946
+ .link-opacity-25-hover:hover {
9947
+ --bs-link-opacity: 0.25;
9948
+ }
9949
+
9950
+ .link-opacity-50 {
9951
+ --bs-link-opacity: 0.5;
9952
+ }
9953
+
9954
+ .link-opacity-50-hover:hover {
9955
+ --bs-link-opacity: 0.5;
9956
+ }
9957
+
9958
+ .link-opacity-75 {
9959
+ --bs-link-opacity: 0.75;
9960
+ }
9961
+
9962
+ .link-opacity-75-hover:hover {
9963
+ --bs-link-opacity: 0.75;
9964
+ }
9965
+
9966
+ .link-opacity-100 {
9967
+ --bs-link-opacity: 1;
9968
+ }
9969
+
9970
+ .link-opacity-100-hover:hover {
9971
+ --bs-link-opacity: 1;
9972
+ }
9973
+
9974
+ .link-offset-1 {
9975
+ text-underline-offset: 0.125em !important;
9976
+ }
9977
+
9978
+ .link-offset-1-hover:hover {
9979
+ text-underline-offset: 0.125em !important;
9980
+ }
9981
+
9982
+ .link-offset-2 {
9983
+ text-underline-offset: 0.25em !important;
9984
+ }
9985
+
9986
+ .link-offset-2-hover:hover {
9987
+ text-underline-offset: 0.25em !important;
9988
+ }
9989
+
9990
+ .link-offset-3 {
9991
+ text-underline-offset: 0.375em !important;
9992
+ }
9993
+
9994
+ .link-offset-3-hover:hover {
9995
+ text-underline-offset: 0.375em !important;
9996
+ }
9997
+
9998
+ .link-underline-primary {
9999
+ --bs-link-underline-opacity: 1;
10000
+ -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
10001
+ text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
10002
+ }
10003
+
10004
+ .link-underline-secondary {
10005
+ --bs-link-underline-opacity: 1;
10006
+ -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
10007
+ text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
10008
+ }
10009
+
10010
+ .link-underline-success {
10011
+ --bs-link-underline-opacity: 1;
10012
+ -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
10013
+ text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
10014
+ }
10015
+
10016
+ .link-underline-info {
10017
+ --bs-link-underline-opacity: 1;
10018
+ -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
10019
+ text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
10020
+ }
10021
+
10022
+ .link-underline-warning {
10023
+ --bs-link-underline-opacity: 1;
10024
+ -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
10025
+ text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
10026
+ }
10027
+
10028
+ .link-underline-danger {
10029
+ --bs-link-underline-opacity: 1;
10030
+ -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
10031
+ text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
10032
+ }
10033
+
10034
+ .link-underline-light {
10035
+ --bs-link-underline-opacity: 1;
10036
+ -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
10037
+ text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
10038
+ }
10039
+
10040
+ .link-underline-dark {
10041
+ --bs-link-underline-opacity: 1;
10042
+ -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
10043
+ text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
10044
+ }
10045
+
10046
+ .link-underline {
10047
+ --bs-link-underline-opacity: 1;
10048
+ -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
10049
+ text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
10050
+ }
10051
+
10052
+ .link-underline-opacity-0 {
10053
+ --bs-link-underline-opacity: 0;
10054
+ }
10055
+
10056
+ .link-underline-opacity-0-hover:hover {
10057
+ --bs-link-underline-opacity: 0;
10058
+ }
10059
+
10060
+ .link-underline-opacity-10 {
10061
+ --bs-link-underline-opacity: 0.1;
10062
+ }
10063
+
10064
+ .link-underline-opacity-10-hover:hover {
10065
+ --bs-link-underline-opacity: 0.1;
10066
+ }
10067
+
10068
+ .link-underline-opacity-25 {
10069
+ --bs-link-underline-opacity: 0.25;
10070
+ }
10071
+
10072
+ .link-underline-opacity-25-hover:hover {
10073
+ --bs-link-underline-opacity: 0.25;
10074
+ }
10075
+
10076
+ .link-underline-opacity-50 {
10077
+ --bs-link-underline-opacity: 0.5;
10078
+ }
10079
+
10080
+ .link-underline-opacity-50-hover:hover {
10081
+ --bs-link-underline-opacity: 0.5;
10082
+ }
10083
+
10084
+ .link-underline-opacity-75 {
10085
+ --bs-link-underline-opacity: 0.75;
10086
+ }
10087
+
10088
+ .link-underline-opacity-75-hover:hover {
10089
+ --bs-link-underline-opacity: 0.75;
10090
+ }
10091
+
10092
+ .link-underline-opacity-100 {
10093
+ --bs-link-underline-opacity: 1;
10094
+ }
10095
+
10096
+ .link-underline-opacity-100-hover:hover {
10097
+ --bs-link-underline-opacity: 1;
10098
+ }
10099
+
9393
10100
  .bg-primary {
9394
10101
  --bs-bg-opacity: 1;
9395
10102
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
@@ -9450,6 +10157,16 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9450
10157
  background-color: transparent !important;
9451
10158
  }
9452
10159
 
10160
+ .bg-body-secondary {
10161
+ --bs-bg-opacity: 1;
10162
+ background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
10163
+ }
10164
+
10165
+ .bg-body-tertiary {
10166
+ --bs-bg-opacity: 1;
10167
+ background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
10168
+ }
10169
+
9453
10170
  .bg-opacity-10 {
9454
10171
  --bs-bg-opacity: 0.1;
9455
10172
  }
@@ -9470,6 +10187,38 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9470
10187
  --bs-bg-opacity: 1;
9471
10188
  }
9472
10189
 
10190
+ .bg-primary-subtle {
10191
+ background-color: var(--bs-primary-bg-subtle) !important;
10192
+ }
10193
+
10194
+ .bg-secondary-subtle {
10195
+ background-color: var(--bs-secondary-bg-subtle) !important;
10196
+ }
10197
+
10198
+ .bg-success-subtle {
10199
+ background-color: var(--bs-success-bg-subtle) !important;
10200
+ }
10201
+
10202
+ .bg-info-subtle {
10203
+ background-color: var(--bs-info-bg-subtle) !important;
10204
+ }
10205
+
10206
+ .bg-warning-subtle {
10207
+ background-color: var(--bs-warning-bg-subtle) !important;
10208
+ }
10209
+
10210
+ .bg-danger-subtle {
10211
+ background-color: var(--bs-danger-bg-subtle) !important;
10212
+ }
10213
+
10214
+ .bg-light-subtle {
10215
+ background-color: var(--bs-light-bg-subtle) !important;
10216
+ }
10217
+
10218
+ .bg-dark-subtle {
10219
+ background-color: var(--bs-dark-bg-subtle) !important;
10220
+ }
10221
+
9473
10222
  .bg-gradient {
9474
10223
  background-image: var(--bs-gradient) !important;
9475
10224
  }
@@ -9525,7 +10274,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9525
10274
  }
9526
10275
 
9527
10276
  .rounded-5 {
9528
- border-radius: var(--bs-border-radius-2xl) !important;
10277
+ border-radius: var(--bs-border-radius-xxl) !important;
9529
10278
  }
9530
10279
 
9531
10280
  .rounded-circle {
@@ -9541,21 +10290,181 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9541
10290
  border-top-left-radius: var(--bs-border-radius) !important;
9542
10291
  }
9543
10292
 
10293
+ .rounded-top-0 {
10294
+ border-top-right-radius: 0 !important;
10295
+ border-top-left-radius: 0 !important;
10296
+ }
10297
+
10298
+ .rounded-top-1 {
10299
+ border-top-right-radius: var(--bs-border-radius-sm) !important;
10300
+ border-top-left-radius: var(--bs-border-radius-sm) !important;
10301
+ }
10302
+
10303
+ .rounded-top-2 {
10304
+ border-top-right-radius: var(--bs-border-radius) !important;
10305
+ border-top-left-radius: var(--bs-border-radius) !important;
10306
+ }
10307
+
10308
+ .rounded-top-3 {
10309
+ border-top-right-radius: var(--bs-border-radius-lg) !important;
10310
+ border-top-left-radius: var(--bs-border-radius-lg) !important;
10311
+ }
10312
+
10313
+ .rounded-top-4 {
10314
+ border-top-right-radius: var(--bs-border-radius-xl) !important;
10315
+ border-top-left-radius: var(--bs-border-radius-xl) !important;
10316
+ }
10317
+
10318
+ .rounded-top-5 {
10319
+ border-top-right-radius: var(--bs-border-radius-xxl) !important;
10320
+ border-top-left-radius: var(--bs-border-radius-xxl) !important;
10321
+ }
10322
+
10323
+ .rounded-top-circle {
10324
+ border-top-right-radius: 50% !important;
10325
+ border-top-left-radius: 50% !important;
10326
+ }
10327
+
10328
+ .rounded-top-pill {
10329
+ border-top-right-radius: var(--bs-border-radius-pill) !important;
10330
+ border-top-left-radius: var(--bs-border-radius-pill) !important;
10331
+ }
10332
+
9544
10333
  .rounded-end {
9545
10334
  border-top-left-radius: var(--bs-border-radius) !important;
9546
10335
  border-bottom-left-radius: var(--bs-border-radius) !important;
9547
10336
  }
9548
10337
 
10338
+ .rounded-end-0 {
10339
+ border-top-left-radius: 0 !important;
10340
+ border-bottom-left-radius: 0 !important;
10341
+ }
10342
+
10343
+ .rounded-end-1 {
10344
+ border-top-left-radius: var(--bs-border-radius-sm) !important;
10345
+ border-bottom-left-radius: var(--bs-border-radius-sm) !important;
10346
+ }
10347
+
10348
+ .rounded-end-2 {
10349
+ border-top-left-radius: var(--bs-border-radius) !important;
10350
+ border-bottom-left-radius: var(--bs-border-radius) !important;
10351
+ }
10352
+
10353
+ .rounded-end-3 {
10354
+ border-top-left-radius: var(--bs-border-radius-lg) !important;
10355
+ border-bottom-left-radius: var(--bs-border-radius-lg) !important;
10356
+ }
10357
+
10358
+ .rounded-end-4 {
10359
+ border-top-left-radius: var(--bs-border-radius-xl) !important;
10360
+ border-bottom-left-radius: var(--bs-border-radius-xl) !important;
10361
+ }
10362
+
10363
+ .rounded-end-5 {
10364
+ border-top-left-radius: var(--bs-border-radius-xxl) !important;
10365
+ border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
10366
+ }
10367
+
10368
+ .rounded-end-circle {
10369
+ border-top-left-radius: 50% !important;
10370
+ border-bottom-left-radius: 50% !important;
10371
+ }
10372
+
10373
+ .rounded-end-pill {
10374
+ border-top-left-radius: var(--bs-border-radius-pill) !important;
10375
+ border-bottom-left-radius: var(--bs-border-radius-pill) !important;
10376
+ }
10377
+
9549
10378
  .rounded-bottom {
9550
10379
  border-bottom-left-radius: var(--bs-border-radius) !important;
9551
10380
  border-bottom-right-radius: var(--bs-border-radius) !important;
9552
10381
  }
9553
10382
 
10383
+ .rounded-bottom-0 {
10384
+ border-bottom-left-radius: 0 !important;
10385
+ border-bottom-right-radius: 0 !important;
10386
+ }
10387
+
10388
+ .rounded-bottom-1 {
10389
+ border-bottom-left-radius: var(--bs-border-radius-sm) !important;
10390
+ border-bottom-right-radius: var(--bs-border-radius-sm) !important;
10391
+ }
10392
+
10393
+ .rounded-bottom-2 {
10394
+ border-bottom-left-radius: var(--bs-border-radius) !important;
10395
+ border-bottom-right-radius: var(--bs-border-radius) !important;
10396
+ }
10397
+
10398
+ .rounded-bottom-3 {
10399
+ border-bottom-left-radius: var(--bs-border-radius-lg) !important;
10400
+ border-bottom-right-radius: var(--bs-border-radius-lg) !important;
10401
+ }
10402
+
10403
+ .rounded-bottom-4 {
10404
+ border-bottom-left-radius: var(--bs-border-radius-xl) !important;
10405
+ border-bottom-right-radius: var(--bs-border-radius-xl) !important;
10406
+ }
10407
+
10408
+ .rounded-bottom-5 {
10409
+ border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
10410
+ border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
10411
+ }
10412
+
10413
+ .rounded-bottom-circle {
10414
+ border-bottom-left-radius: 50% !important;
10415
+ border-bottom-right-radius: 50% !important;
10416
+ }
10417
+
10418
+ .rounded-bottom-pill {
10419
+ border-bottom-left-radius: var(--bs-border-radius-pill) !important;
10420
+ border-bottom-right-radius: var(--bs-border-radius-pill) !important;
10421
+ }
10422
+
9554
10423
  .rounded-start {
9555
10424
  border-bottom-right-radius: var(--bs-border-radius) !important;
9556
10425
  border-top-right-radius: var(--bs-border-radius) !important;
9557
10426
  }
9558
10427
 
10428
+ .rounded-start-0 {
10429
+ border-bottom-right-radius: 0 !important;
10430
+ border-top-right-radius: 0 !important;
10431
+ }
10432
+
10433
+ .rounded-start-1 {
10434
+ border-bottom-right-radius: var(--bs-border-radius-sm) !important;
10435
+ border-top-right-radius: var(--bs-border-radius-sm) !important;
10436
+ }
10437
+
10438
+ .rounded-start-2 {
10439
+ border-bottom-right-radius: var(--bs-border-radius) !important;
10440
+ border-top-right-radius: var(--bs-border-radius) !important;
10441
+ }
10442
+
10443
+ .rounded-start-3 {
10444
+ border-bottom-right-radius: var(--bs-border-radius-lg) !important;
10445
+ border-top-right-radius: var(--bs-border-radius-lg) !important;
10446
+ }
10447
+
10448
+ .rounded-start-4 {
10449
+ border-bottom-right-radius: var(--bs-border-radius-xl) !important;
10450
+ border-top-right-radius: var(--bs-border-radius-xl) !important;
10451
+ }
10452
+
10453
+ .rounded-start-5 {
10454
+ border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
10455
+ border-top-right-radius: var(--bs-border-radius-xxl) !important;
10456
+ }
10457
+
10458
+ .rounded-start-circle {
10459
+ border-bottom-right-radius: 50% !important;
10460
+ border-top-right-radius: 50% !important;
10461
+ }
10462
+
10463
+ .rounded-start-pill {
10464
+ border-bottom-right-radius: var(--bs-border-radius-pill) !important;
10465
+ border-top-right-radius: var(--bs-border-radius-pill) !important;
10466
+ }
10467
+
9559
10468
  .visible {
9560
10469
  visibility: visible !important;
9561
10470
  }
@@ -9564,6 +10473,26 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9564
10473
  visibility: hidden !important;
9565
10474
  }
9566
10475
 
10476
+ .z-n1 {
10477
+ z-index: -1 !important;
10478
+ }
10479
+
10480
+ .z-0 {
10481
+ z-index: 0 !important;
10482
+ }
10483
+
10484
+ .z-1 {
10485
+ z-index: 1 !important;
10486
+ }
10487
+
10488
+ .z-2 {
10489
+ z-index: 2 !important;
10490
+ }
10491
+
10492
+ .z-3 {
10493
+ z-index: 3 !important;
10494
+ }
10495
+
9567
10496
  @media (min-width: 576px) {
9568
10497
  .float-sm-start {
9569
10498
  float: right !important;
@@ -9574,6 +10503,26 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9574
10503
  .float-sm-none {
9575
10504
  float: none !important;
9576
10505
  }
10506
+ .object-fit-sm-contain {
10507
+ -o-object-fit: contain !important;
10508
+ object-fit: contain !important;
10509
+ }
10510
+ .object-fit-sm-cover {
10511
+ -o-object-fit: cover !important;
10512
+ object-fit: cover !important;
10513
+ }
10514
+ .object-fit-sm-fill {
10515
+ -o-object-fit: fill !important;
10516
+ object-fit: fill !important;
10517
+ }
10518
+ .object-fit-sm-scale {
10519
+ -o-object-fit: scale-down !important;
10520
+ object-fit: scale-down !important;
10521
+ }
10522
+ .object-fit-sm-none {
10523
+ -o-object-fit: none !important;
10524
+ object-fit: none !important;
10525
+ }
9577
10526
  .d-sm-inline {
9578
10527
  display: inline !important;
9579
10528
  }
@@ -9586,6 +10535,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9586
10535
  .d-sm-grid {
9587
10536
  display: grid !important;
9588
10537
  }
10538
+ .d-sm-inline-grid {
10539
+ display: inline-grid !important;
10540
+ }
9589
10541
  .d-sm-table {
9590
10542
  display: table !important;
9591
10543
  }
@@ -10050,6 +11002,48 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
10050
11002
  .gap-sm-5 {
10051
11003
  gap: 4.5rem !important;
10052
11004
  }
11005
+ .row-gap-sm-0 {
11006
+ row-gap: 0 !important;
11007
+ }
11008
+ .row-gap-sm-1 {
11009
+ row-gap: 0.375rem !important;
11010
+ }
11011
+ .row-gap-sm-2 {
11012
+ row-gap: 0.75rem !important;
11013
+ }
11014
+ .row-gap-sm-3 {
11015
+ row-gap: 1.5rem !important;
11016
+ }
11017
+ .row-gap-sm-4 {
11018
+ row-gap: 2.25rem !important;
11019
+ }
11020
+ .row-gap-sm-5 {
11021
+ row-gap: 4.5rem !important;
11022
+ }
11023
+ .column-gap-sm-0 {
11024
+ -moz-column-gap: 0 !important;
11025
+ column-gap: 0 !important;
11026
+ }
11027
+ .column-gap-sm-1 {
11028
+ -moz-column-gap: 0.375rem !important;
11029
+ column-gap: 0.375rem !important;
11030
+ }
11031
+ .column-gap-sm-2 {
11032
+ -moz-column-gap: 0.75rem !important;
11033
+ column-gap: 0.75rem !important;
11034
+ }
11035
+ .column-gap-sm-3 {
11036
+ -moz-column-gap: 1.5rem !important;
11037
+ column-gap: 1.5rem !important;
11038
+ }
11039
+ .column-gap-sm-4 {
11040
+ -moz-column-gap: 2.25rem !important;
11041
+ column-gap: 2.25rem !important;
11042
+ }
11043
+ .column-gap-sm-5 {
11044
+ -moz-column-gap: 4.5rem !important;
11045
+ column-gap: 4.5rem !important;
11046
+ }
10053
11047
  .text-sm-start {
10054
11048
  text-align: right !important;
10055
11049
  }
@@ -10070,6 +11064,26 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
10070
11064
  .float-md-none {
10071
11065
  float: none !important;
10072
11066
  }
11067
+ .object-fit-md-contain {
11068
+ -o-object-fit: contain !important;
11069
+ object-fit: contain !important;
11070
+ }
11071
+ .object-fit-md-cover {
11072
+ -o-object-fit: cover !important;
11073
+ object-fit: cover !important;
11074
+ }
11075
+ .object-fit-md-fill {
11076
+ -o-object-fit: fill !important;
11077
+ object-fit: fill !important;
11078
+ }
11079
+ .object-fit-md-scale {
11080
+ -o-object-fit: scale-down !important;
11081
+ object-fit: scale-down !important;
11082
+ }
11083
+ .object-fit-md-none {
11084
+ -o-object-fit: none !important;
11085
+ object-fit: none !important;
11086
+ }
10073
11087
  .d-md-inline {
10074
11088
  display: inline !important;
10075
11089
  }
@@ -10082,6 +11096,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
10082
11096
  .d-md-grid {
10083
11097
  display: grid !important;
10084
11098
  }
11099
+ .d-md-inline-grid {
11100
+ display: inline-grid !important;
11101
+ }
10085
11102
  .d-md-table {
10086
11103
  display: table !important;
10087
11104
  }
@@ -10546,6 +11563,48 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
10546
11563
  .gap-md-5 {
10547
11564
  gap: 4.5rem !important;
10548
11565
  }
11566
+ .row-gap-md-0 {
11567
+ row-gap: 0 !important;
11568
+ }
11569
+ .row-gap-md-1 {
11570
+ row-gap: 0.375rem !important;
11571
+ }
11572
+ .row-gap-md-2 {
11573
+ row-gap: 0.75rem !important;
11574
+ }
11575
+ .row-gap-md-3 {
11576
+ row-gap: 1.5rem !important;
11577
+ }
11578
+ .row-gap-md-4 {
11579
+ row-gap: 2.25rem !important;
11580
+ }
11581
+ .row-gap-md-5 {
11582
+ row-gap: 4.5rem !important;
11583
+ }
11584
+ .column-gap-md-0 {
11585
+ -moz-column-gap: 0 !important;
11586
+ column-gap: 0 !important;
11587
+ }
11588
+ .column-gap-md-1 {
11589
+ -moz-column-gap: 0.375rem !important;
11590
+ column-gap: 0.375rem !important;
11591
+ }
11592
+ .column-gap-md-2 {
11593
+ -moz-column-gap: 0.75rem !important;
11594
+ column-gap: 0.75rem !important;
11595
+ }
11596
+ .column-gap-md-3 {
11597
+ -moz-column-gap: 1.5rem !important;
11598
+ column-gap: 1.5rem !important;
11599
+ }
11600
+ .column-gap-md-4 {
11601
+ -moz-column-gap: 2.25rem !important;
11602
+ column-gap: 2.25rem !important;
11603
+ }
11604
+ .column-gap-md-5 {
11605
+ -moz-column-gap: 4.5rem !important;
11606
+ column-gap: 4.5rem !important;
11607
+ }
10549
11608
  .text-md-start {
10550
11609
  text-align: right !important;
10551
11610
  }
@@ -10566,6 +11625,26 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
10566
11625
  .float-lg-none {
10567
11626
  float: none !important;
10568
11627
  }
11628
+ .object-fit-lg-contain {
11629
+ -o-object-fit: contain !important;
11630
+ object-fit: contain !important;
11631
+ }
11632
+ .object-fit-lg-cover {
11633
+ -o-object-fit: cover !important;
11634
+ object-fit: cover !important;
11635
+ }
11636
+ .object-fit-lg-fill {
11637
+ -o-object-fit: fill !important;
11638
+ object-fit: fill !important;
11639
+ }
11640
+ .object-fit-lg-scale {
11641
+ -o-object-fit: scale-down !important;
11642
+ object-fit: scale-down !important;
11643
+ }
11644
+ .object-fit-lg-none {
11645
+ -o-object-fit: none !important;
11646
+ object-fit: none !important;
11647
+ }
10569
11648
  .d-lg-inline {
10570
11649
  display: inline !important;
10571
11650
  }
@@ -10578,6 +11657,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
10578
11657
  .d-lg-grid {
10579
11658
  display: grid !important;
10580
11659
  }
11660
+ .d-lg-inline-grid {
11661
+ display: inline-grid !important;
11662
+ }
10581
11663
  .d-lg-table {
10582
11664
  display: table !important;
10583
11665
  }
@@ -11042,6 +12124,48 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
11042
12124
  .gap-lg-5 {
11043
12125
  gap: 4.5rem !important;
11044
12126
  }
12127
+ .row-gap-lg-0 {
12128
+ row-gap: 0 !important;
12129
+ }
12130
+ .row-gap-lg-1 {
12131
+ row-gap: 0.375rem !important;
12132
+ }
12133
+ .row-gap-lg-2 {
12134
+ row-gap: 0.75rem !important;
12135
+ }
12136
+ .row-gap-lg-3 {
12137
+ row-gap: 1.5rem !important;
12138
+ }
12139
+ .row-gap-lg-4 {
12140
+ row-gap: 2.25rem !important;
12141
+ }
12142
+ .row-gap-lg-5 {
12143
+ row-gap: 4.5rem !important;
12144
+ }
12145
+ .column-gap-lg-0 {
12146
+ -moz-column-gap: 0 !important;
12147
+ column-gap: 0 !important;
12148
+ }
12149
+ .column-gap-lg-1 {
12150
+ -moz-column-gap: 0.375rem !important;
12151
+ column-gap: 0.375rem !important;
12152
+ }
12153
+ .column-gap-lg-2 {
12154
+ -moz-column-gap: 0.75rem !important;
12155
+ column-gap: 0.75rem !important;
12156
+ }
12157
+ .column-gap-lg-3 {
12158
+ -moz-column-gap: 1.5rem !important;
12159
+ column-gap: 1.5rem !important;
12160
+ }
12161
+ .column-gap-lg-4 {
12162
+ -moz-column-gap: 2.25rem !important;
12163
+ column-gap: 2.25rem !important;
12164
+ }
12165
+ .column-gap-lg-5 {
12166
+ -moz-column-gap: 4.5rem !important;
12167
+ column-gap: 4.5rem !important;
12168
+ }
11045
12169
  .text-lg-start {
11046
12170
  text-align: right !important;
11047
12171
  }
@@ -11062,6 +12186,26 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
11062
12186
  .float-xl-none {
11063
12187
  float: none !important;
11064
12188
  }
12189
+ .object-fit-xl-contain {
12190
+ -o-object-fit: contain !important;
12191
+ object-fit: contain !important;
12192
+ }
12193
+ .object-fit-xl-cover {
12194
+ -o-object-fit: cover !important;
12195
+ object-fit: cover !important;
12196
+ }
12197
+ .object-fit-xl-fill {
12198
+ -o-object-fit: fill !important;
12199
+ object-fit: fill !important;
12200
+ }
12201
+ .object-fit-xl-scale {
12202
+ -o-object-fit: scale-down !important;
12203
+ object-fit: scale-down !important;
12204
+ }
12205
+ .object-fit-xl-none {
12206
+ -o-object-fit: none !important;
12207
+ object-fit: none !important;
12208
+ }
11065
12209
  .d-xl-inline {
11066
12210
  display: inline !important;
11067
12211
  }
@@ -11074,6 +12218,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
11074
12218
  .d-xl-grid {
11075
12219
  display: grid !important;
11076
12220
  }
12221
+ .d-xl-inline-grid {
12222
+ display: inline-grid !important;
12223
+ }
11077
12224
  .d-xl-table {
11078
12225
  display: table !important;
11079
12226
  }
@@ -11538,6 +12685,48 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
11538
12685
  .gap-xl-5 {
11539
12686
  gap: 4.5rem !important;
11540
12687
  }
12688
+ .row-gap-xl-0 {
12689
+ row-gap: 0 !important;
12690
+ }
12691
+ .row-gap-xl-1 {
12692
+ row-gap: 0.375rem !important;
12693
+ }
12694
+ .row-gap-xl-2 {
12695
+ row-gap: 0.75rem !important;
12696
+ }
12697
+ .row-gap-xl-3 {
12698
+ row-gap: 1.5rem !important;
12699
+ }
12700
+ .row-gap-xl-4 {
12701
+ row-gap: 2.25rem !important;
12702
+ }
12703
+ .row-gap-xl-5 {
12704
+ row-gap: 4.5rem !important;
12705
+ }
12706
+ .column-gap-xl-0 {
12707
+ -moz-column-gap: 0 !important;
12708
+ column-gap: 0 !important;
12709
+ }
12710
+ .column-gap-xl-1 {
12711
+ -moz-column-gap: 0.375rem !important;
12712
+ column-gap: 0.375rem !important;
12713
+ }
12714
+ .column-gap-xl-2 {
12715
+ -moz-column-gap: 0.75rem !important;
12716
+ column-gap: 0.75rem !important;
12717
+ }
12718
+ .column-gap-xl-3 {
12719
+ -moz-column-gap: 1.5rem !important;
12720
+ column-gap: 1.5rem !important;
12721
+ }
12722
+ .column-gap-xl-4 {
12723
+ -moz-column-gap: 2.25rem !important;
12724
+ column-gap: 2.25rem !important;
12725
+ }
12726
+ .column-gap-xl-5 {
12727
+ -moz-column-gap: 4.5rem !important;
12728
+ column-gap: 4.5rem !important;
12729
+ }
11541
12730
  .text-xl-start {
11542
12731
  text-align: right !important;
11543
12732
  }
@@ -11558,6 +12747,26 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
11558
12747
  .float-xxl-none {
11559
12748
  float: none !important;
11560
12749
  }
12750
+ .object-fit-xxl-contain {
12751
+ -o-object-fit: contain !important;
12752
+ object-fit: contain !important;
12753
+ }
12754
+ .object-fit-xxl-cover {
12755
+ -o-object-fit: cover !important;
12756
+ object-fit: cover !important;
12757
+ }
12758
+ .object-fit-xxl-fill {
12759
+ -o-object-fit: fill !important;
12760
+ object-fit: fill !important;
12761
+ }
12762
+ .object-fit-xxl-scale {
12763
+ -o-object-fit: scale-down !important;
12764
+ object-fit: scale-down !important;
12765
+ }
12766
+ .object-fit-xxl-none {
12767
+ -o-object-fit: none !important;
12768
+ object-fit: none !important;
12769
+ }
11561
12770
  .d-xxl-inline {
11562
12771
  display: inline !important;
11563
12772
  }
@@ -11570,6 +12779,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
11570
12779
  .d-xxl-grid {
11571
12780
  display: grid !important;
11572
12781
  }
12782
+ .d-xxl-inline-grid {
12783
+ display: inline-grid !important;
12784
+ }
11573
12785
  .d-xxl-table {
11574
12786
  display: table !important;
11575
12787
  }
@@ -12034,6 +13246,48 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
12034
13246
  .gap-xxl-5 {
12035
13247
  gap: 4.5rem !important;
12036
13248
  }
13249
+ .row-gap-xxl-0 {
13250
+ row-gap: 0 !important;
13251
+ }
13252
+ .row-gap-xxl-1 {
13253
+ row-gap: 0.375rem !important;
13254
+ }
13255
+ .row-gap-xxl-2 {
13256
+ row-gap: 0.75rem !important;
13257
+ }
13258
+ .row-gap-xxl-3 {
13259
+ row-gap: 1.5rem !important;
13260
+ }
13261
+ .row-gap-xxl-4 {
13262
+ row-gap: 2.25rem !important;
13263
+ }
13264
+ .row-gap-xxl-5 {
13265
+ row-gap: 4.5rem !important;
13266
+ }
13267
+ .column-gap-xxl-0 {
13268
+ -moz-column-gap: 0 !important;
13269
+ column-gap: 0 !important;
13270
+ }
13271
+ .column-gap-xxl-1 {
13272
+ -moz-column-gap: 0.375rem !important;
13273
+ column-gap: 0.375rem !important;
13274
+ }
13275
+ .column-gap-xxl-2 {
13276
+ -moz-column-gap: 0.75rem !important;
13277
+ column-gap: 0.75rem !important;
13278
+ }
13279
+ .column-gap-xxl-3 {
13280
+ -moz-column-gap: 1.5rem !important;
13281
+ column-gap: 1.5rem !important;
13282
+ }
13283
+ .column-gap-xxl-4 {
13284
+ -moz-column-gap: 2.25rem !important;
13285
+ column-gap: 2.25rem !important;
13286
+ }
13287
+ .column-gap-xxl-5 {
13288
+ -moz-column-gap: 4.5rem !important;
13289
+ column-gap: 4.5rem !important;
13290
+ }
12037
13291
  .text-xxl-start {
12038
13292
  text-align: right !important;
12039
13293
  }
@@ -12071,6 +13325,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
12071
13325
  .d-print-grid {
12072
13326
  display: grid !important;
12073
13327
  }
13328
+ .d-print-inline-grid {
13329
+ display: inline-grid !important;
13330
+ }
12074
13331
  .d-print-table {
12075
13332
  display: table !important;
12076
13333
  }