@volo/ngx-lepton-x.lite 4.3.1 → 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 (7) 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/ng-bundle.css +7 -6
  4. package/assets/css/ng-bundle.rtl.css +7 -6
  5. package/assets/css/side-menu/layout-bundle.css +3 -3
  6. package/assets/css/side-menu/layout-bundle.rtl.css +3 -3
  7. package/package.json +2 -2
package/assets/css/bootstrap-dim.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 {
@@ -212,6 +321,7 @@ small, .small {
212
321
 
213
322
  mark, .mark {
214
323
  padding: 0.1875em;
324
+ color: var(--bs-highlight-color);
215
325
  background-color: var(--bs-highlight-bg);
216
326
  }
217
327
 
@@ -232,11 +342,11 @@ sup {
232
342
  }
233
343
 
234
344
  a {
235
- color: var(--bs-link-color);
345
+ color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
236
346
  text-decoration: underline;
237
347
  }
238
348
  a:hover {
239
- color: var(--bs-link-hover-color);
349
+ --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
240
350
  }
241
351
 
242
352
  a:not([href]):not([class]), a:not([href]):not([class]):hover {
@@ -303,7 +413,7 @@ table {
303
413
  caption {
304
414
  padding-top: 0.5rem;
305
415
  padding-bottom: 0.5rem;
306
- color: #686b6e;
416
+ color: var(--bs-secondary-color);
307
417
  text-align: left;
308
418
  }
309
419
 
@@ -400,8 +510,8 @@ legend {
400
510
  width: 100%;
401
511
  padding: 0;
402
512
  margin-bottom: 0.5rem;
403
- font-size: calc(1.275rem + 0.3vw);
404
513
  line-height: inherit;
514
+ font-size: calc(1.275rem + 0.3vw);
405
515
  }
406
516
  @media (min-width: 1200px) {
407
517
  legend {
@@ -427,8 +537,12 @@ legend + * {
427
537
  }
428
538
 
429
539
  [type=search] {
430
- outline-offset: -2px;
431
540
  -webkit-appearance: textfield;
541
+ outline-offset: -2px;
542
+ }
543
+ [type=search]::-webkit-search-cancel-button {
544
+ cursor: pointer;
545
+ filter: grayscale(1);
432
546
  }
433
547
 
434
548
  /* rtl:raw:
@@ -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,11 +2371,11 @@ progress {
2239
2371
  font-weight: 500;
2240
2372
  line-height: 1.5;
2241
2373
  color: #686b6e;
2374
+ appearance: none;
2242
2375
  background-color: #f5f5f7;
2243
2376
  background-clip: padding-box;
2244
- border: 1px solid #e7e9ec;
2245
- appearance: none;
2246
- border-radius: 0.5rem;
2377
+ border: var(--bs-border-width) solid #e7e9ec;
2378
+ border-radius: var(--bs-border-radius);
2247
2379
  box-shadow: none;
2248
2380
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2249
2381
  }
@@ -2263,13 +2395,19 @@ progress {
2263
2395
  background-color: #f5f5f7;
2264
2396
  border-color: #e7e9ec;
2265
2397
  outline: 0;
2266
- box-shadow: none, none;
2398
+ box-shadow: none;
2267
2399
  }
2268
2400
  .form-control::-webkit-date-and-time-value {
2401
+ min-width: 85px;
2269
2402
  height: 1.5em;
2403
+ margin: 0;
2404
+ }
2405
+ .form-control::-webkit-datetime-edit {
2406
+ display: block;
2407
+ padding: 0;
2270
2408
  }
2271
2409
  .form-control::placeholder {
2272
- color: #6c757d;
2410
+ color: var(--bs-secondary-color);
2273
2411
  opacity: 1;
2274
2412
  }
2275
2413
  .form-control:disabled {
@@ -2281,12 +2419,12 @@ progress {
2281
2419
  margin: -0.675rem -1.25rem;
2282
2420
  margin-inline-end: 1.25rem;
2283
2421
  color: #686b6e;
2284
- background-color: #ffffff;
2422
+ background-color: var(--bs-tertiary-bg);
2285
2423
  pointer-events: none;
2286
2424
  border-color: inherit;
2287
2425
  border-style: solid;
2288
2426
  border-width: 0;
2289
- border-inline-end-width: 1px;
2427
+ border-inline-end-width: var(--bs-border-width);
2290
2428
  border-radius: 0;
2291
2429
  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;
2292
2430
  }
@@ -2296,7 +2434,7 @@ progress {
2296
2434
  }
2297
2435
  }
2298
2436
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
2299
- background-color: rgb(242.25, 242.25, 242.25);
2437
+ background-color: var(--bs-secondary-bg);
2300
2438
  }
2301
2439
 
2302
2440
  .form-control-plaintext {
@@ -2305,10 +2443,10 @@ progress {
2305
2443
  padding: 0.675rem 0;
2306
2444
  margin-bottom: 0;
2307
2445
  line-height: 1.5;
2308
- color: #686b6e;
2446
+ color: var(--bs-body-color);
2309
2447
  background-color: transparent;
2310
2448
  border: solid transparent;
2311
- border-width: 1px 0;
2449
+ border-width: var(--bs-border-width) 0;
2312
2450
  }
2313
2451
  .form-control-plaintext:focus {
2314
2452
  outline: 0;
@@ -2319,10 +2457,10 @@ progress {
2319
2457
  }
2320
2458
 
2321
2459
  .form-control-sm {
2322
- min-height: calc(1.5em + 0.75rem + 2px);
2460
+ min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
2323
2461
  padding: 0.375rem 0.75rem;
2324
2462
  font-size: 0.765625rem;
2325
- border-radius: 0.4375rem;
2463
+ border-radius: var(--bs-border-radius-sm);
2326
2464
  }
2327
2465
  .form-control-sm::file-selector-button {
2328
2466
  padding: 0.375rem 0.75rem;
@@ -2331,10 +2469,10 @@ progress {
2331
2469
  }
2332
2470
 
2333
2471
  .form-control-lg {
2334
- min-height: calc(1.5em + 1.65rem + 2px);
2472
+ min-height: calc(1.5em + 1.65rem + calc(var(--bs-border-width) * 2));
2335
2473
  padding: 0.825rem 1.5rem;
2336
2474
  font-size: 0.984375rem;
2337
- border-radius: 0.5625rem;
2475
+ border-radius: var(--bs-border-radius-lg);
2338
2476
  }
2339
2477
  .form-control-lg::file-selector-button {
2340
2478
  padding: 0.825rem 1.5rem;
@@ -2343,18 +2481,18 @@ progress {
2343
2481
  }
2344
2482
 
2345
2483
  textarea.form-control {
2346
- min-height: calc(1.5em + 1.35rem + 2px);
2484
+ min-height: calc(1.5em + 1.35rem + calc(var(--bs-border-width) * 2));
2347
2485
  }
2348
2486
  textarea.form-control-sm {
2349
- min-height: calc(1.5em + 0.75rem + 2px);
2487
+ min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
2350
2488
  }
2351
2489
  textarea.form-control-lg {
2352
- min-height: calc(1.5em + 1.65rem + 2px);
2490
+ min-height: calc(1.5em + 1.65rem + calc(var(--bs-border-width) * 2));
2353
2491
  }
2354
2492
 
2355
2493
  .form-control-color {
2356
2494
  width: 3rem;
2357
- height: calc(1.5em + 1.35rem + 2px);
2495
+ height: calc(1.5em + 1.35rem + calc(var(--bs-border-width) * 2));
2358
2496
  padding: 0.675rem;
2359
2497
  }
2360
2498
  .form-control-color:not(:disabled):not([readonly]) {
@@ -2362,37 +2500,38 @@ textarea.form-control-lg {
2362
2500
  }
2363
2501
  .form-control-color::-moz-color-swatch {
2364
2502
  border: 0 !important;
2365
- border-radius: 0.5rem;
2503
+ border-radius: var(--bs-border-radius);
2366
2504
  }
2367
2505
  .form-control-color::-webkit-color-swatch {
2368
- border-radius: 0.5rem;
2506
+ border: 0 !important;
2507
+ border-radius: var(--bs-border-radius);
2369
2508
  }
2370
2509
  .form-control-color.form-control-sm {
2371
- height: calc(1.5em + 0.75rem + 2px);
2510
+ height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
2372
2511
  }
2373
2512
  .form-control-color.form-control-lg {
2374
- height: calc(1.5em + 1.65rem + 2px);
2513
+ height: calc(1.5em + 1.65rem + calc(var(--bs-border-width) * 2));
2375
2514
  }
2376
2515
 
2377
2516
  .form-select {
2517
+ --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");
2378
2518
  display: block;
2379
2519
  width: 100%;
2380
2520
  padding: 0.675rem 3.75rem 0.675rem 1.25rem;
2381
- -moz-padding-start: calc(1.25rem - 3px);
2382
2521
  font-size: 0.875rem;
2383
2522
  font-weight: 500;
2384
2523
  line-height: 1.5;
2385
2524
  color: #686b6e;
2525
+ appearance: none;
2386
2526
  background-color: #f5f5f7;
2387
- 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");
2527
+ background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
2388
2528
  background-repeat: no-repeat;
2389
2529
  background-position: right 1.25rem center;
2390
2530
  background-size: 16px 12px;
2391
- border: 1px solid #e7e9ec;
2392
- border-radius: 0.5rem;
2531
+ border: var(--bs-border-width) solid #e7e9ec;
2532
+ border-radius: var(--bs-border-radius);
2393
2533
  box-shadow: none;
2394
2534
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2395
- appearance: none;
2396
2535
  }
2397
2536
  @media (prefers-reduced-motion: reduce) {
2398
2537
  .form-select {
@@ -2402,7 +2541,7 @@ textarea.form-control-lg {
2402
2541
  .form-select:focus {
2403
2542
  border-color: #e7e9ec;
2404
2543
  outline: 0;
2405
- box-shadow: none, 0 0 0 0 rgba(247, 37, 133, 0.25);
2544
+ box-shadow: none;
2406
2545
  }
2407
2546
  .form-select[multiple], .form-select[size]:not([size="1"]) {
2408
2547
  padding-right: 1.25rem;
@@ -2421,7 +2560,7 @@ textarea.form-control-lg {
2421
2560
  padding-bottom: 0.375rem;
2422
2561
  padding-left: 0.75rem;
2423
2562
  font-size: 0.765625rem;
2424
- border-radius: 0.4375rem;
2563
+ border-radius: var(--bs-border-radius-sm);
2425
2564
  }
2426
2565
 
2427
2566
  .form-select-lg {
@@ -2429,7 +2568,11 @@ textarea.form-control-lg {
2429
2568
  padding-bottom: 0.825rem;
2430
2569
  padding-left: 1.5rem;
2431
2570
  font-size: 0.984375rem;
2432
- border-radius: 0.5625rem;
2571
+ border-radius: var(--bs-border-radius-lg);
2572
+ }
2573
+
2574
+ [data-bs-theme=dark] .form-select {
2575
+ --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");
2433
2576
  }
2434
2577
 
2435
2578
  .form-check {
@@ -2455,16 +2598,19 @@ textarea.form-control-lg {
2455
2598
  }
2456
2599
 
2457
2600
  .form-check-input {
2601
+ --bs-form-check-bg: #f5f5f7;
2602
+ flex-shrink: 0;
2458
2603
  width: 1.25em;
2459
2604
  height: 1.25em;
2460
2605
  margin-top: 0.125em;
2461
2606
  vertical-align: top;
2462
- background-color: #f5f5f7;
2607
+ appearance: none;
2608
+ background-color: var(--bs-form-check-bg);
2609
+ background-image: var(--bs-form-check-bg-image);
2463
2610
  background-repeat: no-repeat;
2464
2611
  background-position: center;
2465
2612
  background-size: contain;
2466
2613
  border: 1px solid #f5f5f7;
2467
- appearance: none;
2468
2614
  print-color-adjust: exact;
2469
2615
  }
2470
2616
  .form-check-input[type=checkbox] {
@@ -2479,22 +2625,22 @@ textarea.form-control-lg {
2479
2625
  .form-check-input:focus {
2480
2626
  border-color: #e7e9ec;
2481
2627
  outline: 0;
2482
- box-shadow: none;
2628
+ box-shadow: 0 0 0 0.25rem rgba(53, 93, 255, 0.25);
2483
2629
  }
2484
2630
  .form-check-input:checked {
2485
2631
  background-color: #f72585;
2486
2632
  border-color: #f72585;
2487
2633
  }
2488
2634
  .form-check-input:checked[type=checkbox] {
2489
- 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");
2635
+ --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");
2490
2636
  }
2491
2637
  .form-check-input:checked[type=radio] {
2492
- 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");
2638
+ --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");
2493
2639
  }
2494
2640
  .form-check-input[type=checkbox]:indeterminate {
2495
2641
  background-color: #f72585;
2496
2642
  border-color: #f72585;
2497
- 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");
2643
+ --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");
2498
2644
  }
2499
2645
  .form-check-input:disabled {
2500
2646
  pointer-events: none;
@@ -2510,9 +2656,10 @@ textarea.form-control-lg {
2510
2656
  padding-left: 2.5em;
2511
2657
  }
2512
2658
  .form-switch .form-check-input {
2659
+ --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");
2513
2660
  width: 2em;
2514
2661
  margin-left: -2.5em;
2515
- 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");
2662
+ background-image: var(--bs-form-switch-bg);
2516
2663
  background-position: left center;
2517
2664
  border-radius: 2em;
2518
2665
  transition: background-position 0.15s ease-in-out;
@@ -2523,11 +2670,11 @@ textarea.form-control-lg {
2523
2670
  }
2524
2671
  }
2525
2672
  .form-switch .form-check-input:focus {
2526
- 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");
2673
+ --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");
2527
2674
  }
2528
2675
  .form-switch .form-check-input:checked {
2529
2676
  background-position: right center;
2530
- 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");
2677
+ --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");
2531
2678
  }
2532
2679
  .form-switch.form-check-reverse {
2533
2680
  padding-right: 2.5em;
@@ -2554,12 +2701,16 @@ textarea.form-control-lg {
2554
2701
  opacity: 0.65;
2555
2702
  }
2556
2703
 
2704
+ [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
2705
+ --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");
2706
+ }
2707
+
2557
2708
  .form-range {
2558
2709
  width: 100%;
2559
2710
  height: 1rem;
2560
2711
  padding: 0;
2561
- background-color: transparent;
2562
2712
  appearance: none;
2713
+ background-color: transparent;
2563
2714
  }
2564
2715
  .form-range:focus {
2565
2716
  outline: 0;
@@ -2577,12 +2728,12 @@ textarea.form-control-lg {
2577
2728
  width: 1rem;
2578
2729
  height: 1rem;
2579
2730
  margin-top: -0.25rem;
2731
+ appearance: none;
2580
2732
  background-color: #f72585;
2581
2733
  border: 0;
2582
2734
  border-radius: 1rem;
2583
2735
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
2584
2736
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2585
- appearance: none;
2586
2737
  }
2587
2738
  @media (prefers-reduced-motion: reduce) {
2588
2739
  .form-range::-webkit-slider-thumb {
@@ -2597,20 +2748,20 @@ textarea.form-control-lg {
2597
2748
  height: 0.5rem;
2598
2749
  color: transparent;
2599
2750
  cursor: pointer;
2600
- background-color: #dee2e6;
2751
+ background-color: var(--bs-secondary-bg);
2601
2752
  border-color: transparent;
2602
2753
  border-radius: 1rem;
2603
- box-shadow: none;
2754
+ box-shadow: var(--bs-box-shadow-inset);
2604
2755
  }
2605
2756
  .form-range::-moz-range-thumb {
2606
2757
  width: 1rem;
2607
2758
  height: 1rem;
2759
+ appearance: none;
2608
2760
  background-color: #f72585;
2609
2761
  border: 0;
2610
2762
  border-radius: 1rem;
2611
2763
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
2612
2764
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2613
- appearance: none;
2614
2765
  }
2615
2766
  @media (prefers-reduced-motion: reduce) {
2616
2767
  .form-range::-moz-range-thumb {
@@ -2625,19 +2776,19 @@ textarea.form-control-lg {
2625
2776
  height: 0.5rem;
2626
2777
  color: transparent;
2627
2778
  cursor: pointer;
2628
- background-color: #dee2e6;
2779
+ background-color: var(--bs-secondary-bg);
2629
2780
  border-color: transparent;
2630
2781
  border-radius: 1rem;
2631
- box-shadow: none;
2782
+ box-shadow: var(--bs-box-shadow-inset);
2632
2783
  }
2633
2784
  .form-range:disabled {
2634
2785
  pointer-events: none;
2635
2786
  }
2636
2787
  .form-range:disabled::-webkit-slider-thumb {
2637
- background-color: #adb5bd;
2788
+ background-color: var(--bs-secondary-color);
2638
2789
  }
2639
2790
  .form-range:disabled::-moz-range-thumb {
2640
- background-color: #adb5bd;
2791
+ background-color: var(--bs-secondary-color);
2641
2792
  }
2642
2793
 
2643
2794
  .form-floating {
@@ -2646,22 +2797,25 @@ textarea.form-control-lg {
2646
2797
  .form-floating > .form-control,
2647
2798
  .form-floating > .form-control-plaintext,
2648
2799
  .form-floating > .form-select {
2649
- height: calc(3.5rem + 2px);
2800
+ height: calc(3.5rem + calc(var(--bs-border-width) * 2));
2801
+ min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
2650
2802
  line-height: 1.25;
2651
2803
  }
2652
2804
  .form-floating > label {
2653
2805
  position: absolute;
2654
2806
  top: 0;
2655
2807
  left: 0;
2656
- width: 100%;
2808
+ z-index: 2;
2809
+ max-width: 100%;
2657
2810
  height: 100%;
2658
2811
  padding: 1rem 1.25rem;
2659
2812
  overflow: hidden;
2813
+ color: rgba(var(--bs-body-color-rgb), 0.65);
2660
2814
  text-align: start;
2661
2815
  text-overflow: ellipsis;
2662
2816
  white-space: nowrap;
2663
2817
  pointer-events: none;
2664
- border: 1px solid transparent;
2818
+ border: var(--bs-border-width) solid transparent;
2665
2819
  transform-origin: 0 0;
2666
2820
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
2667
2821
  }
@@ -2692,20 +2846,36 @@ textarea.form-control-lg {
2692
2846
  .form-floating > .form-select {
2693
2847
  padding-top: 1.625rem;
2694
2848
  padding-bottom: 0.625rem;
2849
+ padding-left: 1.25rem;
2695
2850
  }
2696
2851
  .form-floating > .form-control:focus ~ label,
2697
2852
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
2698
2853
  .form-floating > .form-control-plaintext ~ label,
2699
2854
  .form-floating > .form-select ~ label {
2700
- opacity: 0.65;
2701
2855
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2702
2856
  }
2703
2857
  .form-floating > .form-control:-webkit-autofill ~ label {
2704
- opacity: 0.65;
2705
2858
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2706
2859
  }
2860
+ .form-floating > textarea:focus ~ label::after,
2861
+ .form-floating > textarea:not(:placeholder-shown) ~ label::after {
2862
+ position: absolute;
2863
+ inset: 1rem 0.625rem;
2864
+ z-index: -1;
2865
+ height: 1.5em;
2866
+ content: "";
2867
+ background-color: #f5f5f7;
2868
+ border-radius: var(--bs-border-radius);
2869
+ }
2870
+ .form-floating > textarea:disabled ~ label::after {
2871
+ background-color: #f5f5f7;
2872
+ }
2707
2873
  .form-floating > .form-control-plaintext ~ label {
2708
- border-width: 1px 0;
2874
+ border-width: var(--bs-border-width) 0;
2875
+ }
2876
+ .form-floating > :disabled ~ label,
2877
+ .form-floating > .form-control:disabled ~ label {
2878
+ color: #6c757d;
2709
2879
  }
2710
2880
 
2711
2881
  .input-group {
@@ -2747,8 +2917,8 @@ textarea.form-control-lg {
2747
2917
  text-align: center;
2748
2918
  white-space: nowrap;
2749
2919
  background-color: #ffffff;
2750
- border: 1px solid #f5f5f7;
2751
- border-radius: 0.5rem;
2920
+ border: var(--bs-border-width) solid #f5f5f7;
2921
+ border-radius: var(--bs-border-radius);
2752
2922
  }
2753
2923
 
2754
2924
  .input-group-lg > .form-control,
@@ -2757,7 +2927,7 @@ textarea.form-control-lg {
2757
2927
  .input-group-lg > .btn {
2758
2928
  padding: 0.825rem 1.5rem;
2759
2929
  font-size: 0.984375rem;
2760
- border-radius: 0.5625rem;
2930
+ border-radius: var(--bs-border-radius-lg);
2761
2931
  }
2762
2932
 
2763
2933
  .input-group-sm > .form-control,
@@ -2766,7 +2936,7 @@ textarea.form-control-lg {
2766
2936
  .input-group-sm > .btn {
2767
2937
  padding: 0.375rem 0.75rem;
2768
2938
  font-size: 0.765625rem;
2769
- border-radius: 0.4375rem;
2939
+ border-radius: var(--bs-border-radius-sm);
2770
2940
  }
2771
2941
 
2772
2942
  .input-group-lg > .form-select,
@@ -2789,7 +2959,7 @@ textarea.form-control-lg {
2789
2959
  border-bottom-right-radius: 0;
2790
2960
  }
2791
2961
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
2792
- margin-left: -1px;
2962
+ margin-left: calc(-1 * var(--bs-border-width));
2793
2963
  border-top-left-radius: 0;
2794
2964
  border-bottom-left-radius: 0;
2795
2965
  }
@@ -2804,7 +2974,7 @@ textarea.form-control-lg {
2804
2974
  width: 100%;
2805
2975
  margin-top: 0.25rem;
2806
2976
  font-size: 0.875em;
2807
- color: #4fbf67;
2977
+ color: var(--bs-form-valid-color);
2808
2978
  }
2809
2979
 
2810
2980
  .valid-tooltip {
@@ -2816,9 +2986,9 @@ textarea.form-control-lg {
2816
2986
  padding: 0.375rem 0.75rem;
2817
2987
  margin-top: 0.1rem;
2818
2988
  font-size: 0.765625rem;
2819
- color: #000;
2820
- background-color: rgba(79, 191, 103, 0.9);
2821
- border-radius: 0.5rem;
2989
+ color: #fff;
2990
+ background-color: var(--bs-success);
2991
+ border-radius: var(--bs-border-radius);
2822
2992
  }
2823
2993
 
2824
2994
  .was-validated :valid ~ .valid-feedback,
@@ -2829,16 +2999,16 @@ textarea.form-control-lg {
2829
2999
  }
2830
3000
 
2831
3001
  .was-validated .form-control:valid, .form-control.is-valid {
2832
- border-color: #4fbf67;
3002
+ border-color: var(--bs-form-valid-border-color);
2833
3003
  padding-right: calc(1.5em + 1.35rem);
2834
- 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");
3004
+ 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");
2835
3005
  background-repeat: no-repeat;
2836
3006
  background-position: right calc(0.375em + 0.3375rem) center;
2837
3007
  background-size: calc(0.75em + 0.675rem) calc(0.75em + 0.675rem);
2838
3008
  }
2839
3009
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
2840
- border-color: #4fbf67;
2841
- box-shadow: 0 0 0 0 rgba(79, 191, 103, 0.25);
3010
+ border-color: var(--bs-form-valid-border-color);
3011
+ box-shadow: none;
2842
3012
  }
2843
3013
 
2844
3014
  .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
@@ -2847,17 +3017,17 @@ textarea.form-control-lg {
2847
3017
  }
2848
3018
 
2849
3019
  .was-validated .form-select:valid, .form-select.is-valid {
2850
- border-color: #4fbf67;
3020
+ border-color: var(--bs-form-valid-border-color);
2851
3021
  }
2852
3022
  .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"] {
3023
+ --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");
2853
3024
  padding-right: 6.875rem;
2854
- 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");
2855
3025
  background-position: right 1.25rem center, center right 3.75rem;
2856
3026
  background-size: 16px 12px, calc(0.75em + 0.675rem) calc(0.75em + 0.675rem);
2857
3027
  }
2858
3028
  .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
2859
- border-color: #4fbf67;
2860
- box-shadow: 0 0 0 0 rgba(79, 191, 103, 0.25);
3029
+ border-color: var(--bs-form-valid-border-color);
3030
+ box-shadow: none;
2861
3031
  }
2862
3032
 
2863
3033
  .was-validated .form-control-color:valid, .form-control-color.is-valid {
@@ -2865,16 +3035,16 @@ textarea.form-control-lg {
2865
3035
  }
2866
3036
 
2867
3037
  .was-validated .form-check-input:valid, .form-check-input.is-valid {
2868
- border-color: #4fbf67;
3038
+ border-color: var(--bs-form-valid-border-color);
2869
3039
  }
2870
3040
  .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
2871
- background-color: #4fbf67;
3041
+ background-color: var(--bs-form-valid-color);
2872
3042
  }
2873
3043
  .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
2874
- box-shadow: 0 0 0 0 rgba(79, 191, 103, 0.25);
3044
+ box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0.25);
2875
3045
  }
2876
3046
  .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
2877
- color: #4fbf67;
3047
+ color: var(--bs-form-valid-color);
2878
3048
  }
2879
3049
 
2880
3050
  .form-check-inline .form-check-input ~ .valid-feedback {
@@ -2894,7 +3064,7 @@ textarea.form-control-lg {
2894
3064
  width: 100%;
2895
3065
  margin-top: 0.25rem;
2896
3066
  font-size: 0.875em;
2897
- color: #c00d49;
3067
+ color: var(--bs-form-invalid-color);
2898
3068
  }
2899
3069
 
2900
3070
  .invalid-tooltip {
@@ -2907,8 +3077,8 @@ textarea.form-control-lg {
2907
3077
  margin-top: 0.1rem;
2908
3078
  font-size: 0.765625rem;
2909
3079
  color: #fff;
2910
- background-color: rgba(192, 13, 73, 0.9);
2911
- border-radius: 0.5rem;
3080
+ background-color: var(--bs-danger);
3081
+ border-radius: var(--bs-border-radius);
2912
3082
  }
2913
3083
 
2914
3084
  .was-validated :invalid ~ .invalid-feedback,
@@ -2919,7 +3089,7 @@ textarea.form-control-lg {
2919
3089
  }
2920
3090
 
2921
3091
  .was-validated .form-control:invalid, .form-control.is-invalid {
2922
- border-color: #c00d49;
3092
+ border-color: var(--bs-form-invalid-border-color);
2923
3093
  padding-right: calc(1.5em + 1.35rem);
2924
3094
  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");
2925
3095
  background-repeat: no-repeat;
@@ -2927,8 +3097,8 @@ textarea.form-control-lg {
2927
3097
  background-size: calc(0.75em + 0.675rem) calc(0.75em + 0.675rem);
2928
3098
  }
2929
3099
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
2930
- border-color: #c00d49;
2931
- box-shadow: 0 0 0 0 rgba(192, 13, 73, 0.25);
3100
+ border-color: var(--bs-form-invalid-border-color);
3101
+ box-shadow: none;
2932
3102
  }
2933
3103
 
2934
3104
  .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
@@ -2937,17 +3107,17 @@ textarea.form-control-lg {
2937
3107
  }
2938
3108
 
2939
3109
  .was-validated .form-select:invalid, .form-select.is-invalid {
2940
- border-color: #c00d49;
3110
+ border-color: var(--bs-form-invalid-border-color);
2941
3111
  }
2942
3112
  .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"] {
3113
+ --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");
2943
3114
  padding-right: 6.875rem;
2944
- 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");
2945
3115
  background-position: right 1.25rem center, center right 3.75rem;
2946
3116
  background-size: 16px 12px, calc(0.75em + 0.675rem) calc(0.75em + 0.675rem);
2947
3117
  }
2948
3118
  .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
2949
- border-color: #c00d49;
2950
- box-shadow: 0 0 0 0 rgba(192, 13, 73, 0.25);
3119
+ border-color: var(--bs-form-invalid-border-color);
3120
+ box-shadow: none;
2951
3121
  }
2952
3122
 
2953
3123
  .was-validated .form-control-color:invalid, .form-control-color.is-invalid {
@@ -2955,16 +3125,16 @@ textarea.form-control-lg {
2955
3125
  }
2956
3126
 
2957
3127
  .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
2958
- border-color: #c00d49;
3128
+ border-color: var(--bs-form-invalid-border-color);
2959
3129
  }
2960
3130
  .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
2961
- background-color: #c00d49;
3131
+ background-color: var(--bs-form-invalid-color);
2962
3132
  }
2963
3133
  .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
2964
- box-shadow: 0 0 0 0 rgba(192, 13, 73, 0.25);
3134
+ box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0.25);
2965
3135
  }
2966
3136
  .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
2967
- color: #c00d49;
3137
+ color: var(--bs-form-invalid-color);
2968
3138
  }
2969
3139
 
2970
3140
  .form-check-inline .form-check-input ~ .invalid-feedback {
@@ -3124,11 +3294,11 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3124
3294
  --bs-btn-font-size: 0.875rem;
3125
3295
  --bs-btn-font-weight: 600;
3126
3296
  --bs-btn-line-height: 1.5;
3127
- --bs-btn-color: #686b6e;
3297
+ --bs-btn-color: var(--bs-body-color);
3128
3298
  --bs-btn-bg: transparent;
3129
- --bs-btn-border-width: 1px;
3299
+ --bs-btn-border-width: var(--bs-border-width);
3130
3300
  --bs-btn-border-color: transparent;
3131
- --bs-btn-border-radius: 0.5rem;
3301
+ --bs-btn-border-radius: var(--bs-border-radius);
3132
3302
  --bs-btn-hover-border-color: transparent;
3133
3303
  --bs-btn-box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
3134
3304
  --bs-btn-disabled-opacity: 0.65;
@@ -3187,6 +3357,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3187
3357
  .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 {
3188
3358
  box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
3189
3359
  }
3360
+ .btn-check:checked:focus-visible + .btn {
3361
+ box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
3362
+ }
3190
3363
  .btn:disabled, .btn.disabled, fieldset:disabled .btn {
3191
3364
  color: var(--bs-btn-disabled-color);
3192
3365
  pointer-events: none;
@@ -3479,7 +3652,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3479
3652
  --bs-btn-active-border-color: transparent;
3480
3653
  --bs-btn-disabled-color: #6c757d;
3481
3654
  --bs-btn-disabled-border-color: transparent;
3482
- --bs-btn-box-shadow: none;
3655
+ --bs-btn-box-shadow: 0 0 0 #000;
3483
3656
  --bs-btn-focus-shadow-rgb: 83, 117, 255;
3484
3657
  text-decoration: underline;
3485
3658
  }
@@ -3494,14 +3667,14 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3494
3667
  --bs-btn-padding-y: 0.825rem;
3495
3668
  --bs-btn-padding-x: 1.5rem;
3496
3669
  --bs-btn-font-size: 0.984375rem;
3497
- --bs-btn-border-radius: 0.5625rem;
3670
+ --bs-btn-border-radius: var(--bs-border-radius-lg);
3498
3671
  }
3499
3672
 
3500
3673
  .btn-sm, .btn-group-sm > .btn {
3501
3674
  --bs-btn-padding-y: 0.375rem;
3502
3675
  --bs-btn-padding-x: 0.75rem;
3503
3676
  --bs-btn-font-size: 0.765625rem;
3504
- --bs-btn-border-radius: 0.4375rem;
3677
+ --bs-btn-border-radius: var(--bs-border-radius-sm);
3505
3678
  }
3506
3679
 
3507
3680
  .btn-brand {
@@ -3903,7 +4076,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3903
4076
  --bs-dropdown-bg: #ffffff;
3904
4077
  --bs-dropdown-border-color: #e7e9ec;
3905
4078
  --bs-dropdown-border-radius: 0.5rem;
3906
- --bs-dropdown-border-width: 1px;
4079
+ --bs-dropdown-border-width: var(--bs-border-width);
3907
4080
  --bs-dropdown-inner-border-radius: 0.5rem;
3908
4081
  --bs-dropdown-divider-bg: #e7e9ec;
3909
4082
  --bs-dropdown-divider-margin-y: 0.75rem;
@@ -4133,6 +4306,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4133
4306
  white-space: nowrap;
4134
4307
  background-color: transparent;
4135
4308
  border: 0;
4309
+ border-radius: var(--bs-dropdown-item-border-radius, 0);
4136
4310
  }
4137
4311
  .dropdown-item:hover, .dropdown-item:focus {
4138
4312
  color: var(--bs-dropdown-link-hover-color);
@@ -4219,11 +4393,11 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4219
4393
  }
4220
4394
 
4221
4395
  .btn-group {
4222
- border-radius: 0.5rem;
4396
+ border-radius: var(--bs-border-radius);
4223
4397
  }
4224
4398
  .btn-group > :not(.btn-check:first-child) + .btn,
4225
4399
  .btn-group > .btn-group:not(:first-child) {
4226
- margin-left: -1px;
4400
+ margin-left: calc(-1 * var(--bs-border-width));
4227
4401
  }
4228
4402
  .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
4229
4403
  .btn-group > .btn.dropdown-toggle-split:first-child,
@@ -4277,14 +4451,15 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4277
4451
  }
4278
4452
  .btn-group-vertical > .btn:not(:first-child),
4279
4453
  .btn-group-vertical > .btn-group:not(:first-child) {
4280
- margin-top: -1px;
4454
+ margin-top: calc(-1 * var(--bs-border-width));
4281
4455
  }
4282
4456
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
4283
4457
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
4284
4458
  border-bottom-right-radius: 0;
4285
4459
  border-bottom-left-radius: 0;
4286
4460
  }
4287
- .btn-group-vertical > .btn ~ .btn,
4461
+ .btn-group-vertical > .btn:nth-child(n+3),
4462
+ .btn-group-vertical > :not(.btn-check) + .btn,
4288
4463
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
4289
4464
  border-top-left-radius: 0;
4290
4465
  border-top-right-radius: 0;
@@ -4316,6 +4491,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4316
4491
  font-weight: var(--bs-nav-link-font-weight);
4317
4492
  color: var(--bs-nav-link-color);
4318
4493
  text-decoration: none;
4494
+ background: none;
4495
+ border: 0;
4319
4496
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
4320
4497
  }
4321
4498
  @media (prefers-reduced-motion: reduce) {
@@ -4326,7 +4503,11 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4326
4503
  .nav-link:hover, .nav-link:focus {
4327
4504
  color: var(--bs-nav-link-hover-color);
4328
4505
  }
4329
- .nav-link.disabled {
4506
+ .nav-link:focus-visible {
4507
+ outline: 0;
4508
+ box-shadow: 0 0 0 0.25rem rgba(53, 93, 255, 0.25);
4509
+ }
4510
+ .nav-link.disabled, .nav-link:disabled {
4330
4511
  color: var(--bs-nav-link-disabled-color);
4331
4512
  pointer-events: none;
4332
4513
  cursor: default;
@@ -4335,7 +4516,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4335
4516
  .nav-tabs {
4336
4517
  --bs-nav-tabs-border-width: 0;
4337
4518
  --bs-nav-tabs-border-color: #e7e9ec;
4338
- --bs-nav-tabs-border-radius: 0.5rem;
4519
+ --bs-nav-tabs-border-radius: var(--bs-border-radius);
4339
4520
  --bs-nav-tabs-link-hover-border-color: rgba(104, 107, 110, 0.08);
4340
4521
  --bs-nav-tabs-link-active-color: #f72585;
4341
4522
  --bs-nav-tabs-link-active-bg: unset;
@@ -4344,7 +4525,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4344
4525
  }
4345
4526
  .nav-tabs .nav-link {
4346
4527
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
4347
- background: none;
4348
4528
  border: var(--bs-nav-tabs-border-width) solid transparent;
4349
4529
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
4350
4530
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
@@ -4353,11 +4533,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4353
4533
  isolation: isolate;
4354
4534
  border-color: var(--bs-nav-tabs-link-hover-border-color);
4355
4535
  }
4356
- .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
4357
- color: var(--bs-nav-link-disabled-color);
4358
- background-color: transparent;
4359
- border-color: transparent;
4360
- }
4361
4536
  .nav-tabs .nav-link.active,
4362
4537
  .nav-tabs .nav-item.show .nav-link {
4363
4538
  color: var(--bs-nav-tabs-link-active-color);
@@ -4371,26 +4546,40 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4371
4546
  }
4372
4547
 
4373
4548
  .nav-pills {
4374
- --bs-nav-pills-border-radius: 0.5rem;
4549
+ --bs-nav-pills-border-radius: var(--bs-border-radius);
4375
4550
  --bs-nav-pills-link-active-color: #f72585;
4376
4551
  --bs-nav-pills-link-active-bg: rgba(247, 37, 133, 0.15);
4377
4552
  }
4378
4553
  .nav-pills .nav-link {
4379
- background: none;
4380
- border: 0;
4381
4554
  border-radius: var(--bs-nav-pills-border-radius);
4382
4555
  }
4383
- .nav-pills .nav-link:disabled {
4384
- color: var(--bs-nav-link-disabled-color);
4385
- background-color: transparent;
4386
- border-color: transparent;
4387
- }
4388
4556
  .nav-pills .nav-link.active,
4389
4557
  .nav-pills .show > .nav-link {
4390
4558
  color: var(--bs-nav-pills-link-active-color);
4391
4559
  background-color: var(--bs-nav-pills-link-active-bg);
4392
4560
  }
4393
4561
 
4562
+ .nav-underline {
4563
+ --bs-nav-underline-gap: 1rem;
4564
+ --bs-nav-underline-border-width: 0.125rem;
4565
+ --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
4566
+ gap: var(--bs-nav-underline-gap);
4567
+ }
4568
+ .nav-underline .nav-link {
4569
+ padding-right: 0;
4570
+ padding-left: 0;
4571
+ border-bottom: var(--bs-nav-underline-border-width) solid transparent;
4572
+ }
4573
+ .nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
4574
+ border-bottom-color: currentcolor;
4575
+ }
4576
+ .nav-underline .nav-link.active,
4577
+ .nav-underline .show > .nav-link {
4578
+ font-weight: 700;
4579
+ color: var(--bs-nav-underline-link-active-color);
4580
+ border-bottom-color: currentcolor;
4581
+ }
4582
+
4394
4583
  .nav-fill > .nav-link,
4395
4584
  .nav-fill .nav-item {
4396
4585
  flex: 1 1 auto;
@@ -4399,8 +4588,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4399
4588
 
4400
4589
  .nav-justified > .nav-link,
4401
4590
  .nav-justified .nav-item {
4402
- flex-basis: 0;
4403
4591
  flex-grow: 1;
4592
+ flex-basis: 0;
4404
4593
  text-align: center;
4405
4594
  }
4406
4595
 
@@ -4469,22 +4658,22 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4469
4658
  .navbar {
4470
4659
  --bs-navbar-padding-x: 0;
4471
4660
  --bs-navbar-padding-y: 0.75rem;
4472
- --bs-navbar-color: rgba(0, 0, 0, 0.55);
4473
- --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
4474
- --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
4475
- --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
4661
+ --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
4662
+ --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
4663
+ --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
4664
+ --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
4476
4665
  --bs-navbar-brand-padding-y: 0.41796875rem;
4477
4666
  --bs-navbar-brand-margin-end: 1rem;
4478
4667
  --bs-navbar-brand-font-size: 0.984375rem;
4479
- --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
4480
- --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
4668
+ --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
4669
+ --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
4481
4670
  --bs-navbar-nav-link-padding-x: 0.5rem;
4482
4671
  --bs-navbar-toggler-padding-y: 0.25rem;
4483
4672
  --bs-navbar-toggler-padding-x: 0.75rem;
4484
4673
  --bs-navbar-toggler-font-size: 0.984375rem;
4485
- --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");
4486
- --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
4487
- --bs-navbar-toggler-border-radius: 0.5rem;
4674
+ --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");
4675
+ --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
4676
+ --bs-navbar-toggler-border-radius: var(--bs-border-radius);
4488
4677
  --bs-navbar-toggler-focus-width: 0;
4489
4678
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
4490
4679
  position: relative;
@@ -4532,8 +4721,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4532
4721
  margin-bottom: 0;
4533
4722
  list-style: none;
4534
4723
  }
4535
- .navbar-nav .show > .nav-link,
4536
- .navbar-nav .nav-link.active {
4724
+ .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
4537
4725
  color: var(--bs-navbar-active-color);
4538
4726
  }
4539
4727
  .navbar-nav .dropdown-menu {
@@ -4552,8 +4740,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4552
4740
  }
4553
4741
 
4554
4742
  .navbar-collapse {
4555
- flex-basis: 100%;
4556
4743
  flex-grow: 1;
4744
+ flex-basis: 100%;
4557
4745
  align-items: center;
4558
4746
  }
4559
4747
 
@@ -4884,7 +5072,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4884
5072
  overflow-y: visible;
4885
5073
  }
4886
5074
 
4887
- .navbar-dark {
5075
+ .navbar-dark,
5076
+ .navbar[data-bs-theme=dark] {
4888
5077
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
4889
5078
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
4890
5079
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
@@ -4895,6 +5084,10 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4895
5084
  --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");
4896
5085
  }
4897
5086
 
5087
+ [data-bs-theme=dark] .navbar-toggler-icon {
5088
+ --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");
5089
+ }
5090
+
4898
5091
  .navbar.navbar-dark.bg-dark {
4899
5092
  background-color: #161616 !important;
4900
5093
  }
@@ -4930,11 +5123,13 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4930
5123
  --bs-card-spacer-y: 1.5rem;
4931
5124
  --bs-card-spacer-x: 1.5rem;
4932
5125
  --bs-card-title-spacer-y: 0.25em;
5126
+ --bs-card-title-color: ;
5127
+ --bs-card-subtitle-color: ;
4933
5128
  --bs-card-border-width: 0;
4934
5129
  --bs-card-border-color: #ffffff;
4935
- --bs-card-border-radius: 0.5rem;
5130
+ --bs-card-border-radius: var(--bs-border-radius);
4936
5131
  --bs-card-box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
4937
- --bs-card-inner-border-radius: 0.5rem;
5132
+ --bs-card-inner-border-radius: calc(var(--bs-border-radius) - 0);
4938
5133
  --bs-card-cap-padding-y: 1.5rem;
4939
5134
  --bs-card-cap-padding-x: 1.5rem;
4940
5135
  --bs-card-cap-bg: transparent;
@@ -4949,6 +5144,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4949
5144
  flex-direction: column;
4950
5145
  min-width: 0;
4951
5146
  height: var(--bs-card-height);
5147
+ color: var(--bs-body-color);
4952
5148
  word-wrap: break-word;
4953
5149
  background-color: var(--bs-card-bg);
4954
5150
  background-clip: border-box;
@@ -4987,11 +5183,13 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4987
5183
 
4988
5184
  .card-title {
4989
5185
  margin-bottom: var(--bs-card-title-spacer-y);
5186
+ color: var(--bs-card-title-color);
4990
5187
  }
4991
5188
 
4992
5189
  .card-subtitle {
4993
5190
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
4994
5191
  margin-bottom: 0;
5192
+ color: var(--bs-card-subtitle-color);
4995
5193
  }
4996
5194
 
4997
5195
  .card-text:last-child {
@@ -5076,7 +5274,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5076
5274
  flex-flow: row wrap;
5077
5275
  }
5078
5276
  .card-group > .card {
5079
- flex: 1 0 0%;
5277
+ flex: 1 0 0;
5080
5278
  margin-bottom: 0;
5081
5279
  }
5082
5280
  .card-group > .card + .card {
@@ -5087,24 +5285,24 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5087
5285
  border-top-right-radius: 0;
5088
5286
  border-bottom-right-radius: 0;
5089
5287
  }
5090
- .card-group > .card:not(:last-child) .card-img-top,
5091
- .card-group > .card:not(:last-child) .card-header {
5288
+ .card-group > .card:not(:last-child) > .card-img-top,
5289
+ .card-group > .card:not(:last-child) > .card-header {
5092
5290
  border-top-right-radius: 0;
5093
5291
  }
5094
- .card-group > .card:not(:last-child) .card-img-bottom,
5095
- .card-group > .card:not(:last-child) .card-footer {
5292
+ .card-group > .card:not(:last-child) > .card-img-bottom,
5293
+ .card-group > .card:not(:last-child) > .card-footer {
5096
5294
  border-bottom-right-radius: 0;
5097
5295
  }
5098
5296
  .card-group > .card:not(:first-child) {
5099
5297
  border-top-left-radius: 0;
5100
5298
  border-bottom-left-radius: 0;
5101
5299
  }
5102
- .card-group > .card:not(:first-child) .card-img-top,
5103
- .card-group > .card:not(:first-child) .card-header {
5300
+ .card-group > .card:not(:first-child) > .card-img-top,
5301
+ .card-group > .card:not(:first-child) > .card-header {
5104
5302
  border-top-left-radius: 0;
5105
5303
  }
5106
- .card-group > .card:not(:first-child) .card-img-bottom,
5107
- .card-group > .card:not(:first-child) .card-footer {
5304
+ .card-group > .card:not(:first-child) > .card-img-bottom,
5305
+ .card-group > .card:not(:first-child) > .card-footer {
5108
5306
  border-bottom-left-radius: 0;
5109
5307
  }
5110
5308
  }
@@ -5233,23 +5431,22 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5233
5431
  }
5234
5432
 
5235
5433
  .accordion {
5236
- --bs-accordion-color: #686b6e;
5237
- --bs-accordion-bg: #161616;
5434
+ --bs-accordion-color: var(--bs-body-color);
5435
+ --bs-accordion-bg: var(--bs-body-bg);
5238
5436
  --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;
5239
5437
  --bs-accordion-border-color: #e7e9ec;
5240
- --bs-accordion-border-width: 1px;
5241
- --bs-accordion-border-radius: 0.5rem;
5242
- --bs-accordion-inner-border-radius: calc(0.5rem - 1px);
5438
+ --bs-accordion-border-width: var(--bs-border-width);
5439
+ --bs-accordion-border-radius: var(--bs-border-radius);
5440
+ --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
5243
5441
  --bs-accordion-btn-padding-x: 1.25rem;
5244
5442
  --bs-accordion-btn-padding-y: 1rem;
5245
- --bs-accordion-btn-color: #686b6e;
5443
+ --bs-accordion-btn-color: var(--bs-body-color);
5246
5444
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
5247
- --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");
5445
+ --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");
5248
5446
  --bs-accordion-btn-icon-width: 1.25rem;
5249
5447
  --bs-accordion-btn-icon-transform: rotate(-180deg);
5250
5448
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
5251
- --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");
5252
- --bs-accordion-btn-focus-border-color: #e7e9ec;
5449
+ --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");
5253
5450
  --bs-accordion-btn-focus-box-shadow: none;
5254
5451
  --bs-accordion-body-padding-x: 1.25rem;
5255
5452
  --bs-accordion-body-padding-y: 1rem;
@@ -5307,7 +5504,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5307
5504
  }
5308
5505
  .accordion-button:focus {
5309
5506
  z-index: 3;
5310
- border-color: var(--bs-accordion-btn-focus-border-color);
5311
5507
  outline: 0;
5312
5508
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
5313
5509
  }
@@ -5325,7 +5521,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5325
5521
  border-top-left-radius: var(--bs-accordion-border-radius);
5326
5522
  border-top-right-radius: var(--bs-accordion-border-radius);
5327
5523
  }
5328
- .accordion-item:first-of-type .accordion-button {
5524
+ .accordion-item:first-of-type > .accordion-header .accordion-button {
5329
5525
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
5330
5526
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
5331
5527
  }
@@ -5336,11 +5532,11 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5336
5532
  border-bottom-right-radius: var(--bs-accordion-border-radius);
5337
5533
  border-bottom-left-radius: var(--bs-accordion-border-radius);
5338
5534
  }
5339
- .accordion-item:last-of-type .accordion-button.collapsed {
5535
+ .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
5340
5536
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
5341
5537
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
5342
5538
  }
5343
- .accordion-item:last-of-type .accordion-collapse {
5539
+ .accordion-item:last-of-type > .accordion-collapse {
5344
5540
  border-bottom-right-radius: var(--bs-accordion-border-radius);
5345
5541
  border-bottom-left-radius: var(--bs-accordion-border-radius);
5346
5542
  }
@@ -5349,31 +5545,35 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5349
5545
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
5350
5546
  }
5351
5547
 
5352
- .accordion-flush .accordion-collapse {
5353
- border-width: 0;
5354
- }
5355
- .accordion-flush .accordion-item {
5548
+ .accordion-flush > .accordion-item {
5356
5549
  border-right: 0;
5357
5550
  border-left: 0;
5358
5551
  border-radius: 0;
5359
5552
  }
5360
- .accordion-flush .accordion-item:first-child {
5553
+ .accordion-flush > .accordion-item:first-child {
5361
5554
  border-top: 0;
5362
5555
  }
5363
- .accordion-flush .accordion-item:last-child {
5556
+ .accordion-flush > .accordion-item:last-child {
5364
5557
  border-bottom: 0;
5365
5558
  }
5366
- .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
5559
+ .accordion-flush > .accordion-item > .accordion-collapse,
5560
+ .accordion-flush > .accordion-item > .accordion-header .accordion-button,
5561
+ .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
5367
5562
  border-radius: 0;
5368
5563
  }
5369
5564
 
5565
+ [data-bs-theme=dark] .accordion-button::after {
5566
+ --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");
5567
+ --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");
5568
+ }
5569
+
5370
5570
  .breadcrumb {
5371
5571
  --bs-breadcrumb-padding-x: 1rem;
5372
5572
  --bs-breadcrumb-padding-y: 0.5em;
5373
5573
  --bs-breadcrumb-margin-bottom: 1rem;
5374
5574
  --bs-breadcrumb-bg: #f5f5f7;
5375
5575
  --bs-breadcrumb-border-radius: ;
5376
- --bs-breadcrumb-divider-color: #6c757d;
5576
+ --bs-breadcrumb-divider-color: var(--bs-secondary-color);
5377
5577
  --bs-breadcrumb-item-padding-x: 0.5rem;
5378
5578
  --bs-breadcrumb-item-active-color: rgba(104, 107, 110, 0.5);
5379
5579
  display: flex;
@@ -5432,15 +5632,15 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5432
5632
  --bs-pagination-font-size: 0.875rem;
5433
5633
  --bs-pagination-color: #686b6e;
5434
5634
  --bs-pagination-bg: #ffffff;
5435
- --bs-pagination-border-width: 1px;
5635
+ --bs-pagination-border-width: var(--bs-border-width);
5436
5636
  --bs-pagination-border-color: #f5f5f7;
5437
- --bs-pagination-border-radius: 0.5rem;
5637
+ --bs-pagination-border-radius: var(--bs-border-radius);
5438
5638
  --bs-pagination-hover-color: #686b6e;
5439
5639
  --bs-pagination-hover-bg: #f5f5f7;
5440
5640
  --bs-pagination-hover-border-color: #f5f5f7;
5441
5641
  --bs-pagination-focus-color: var(--bs-link-hover-color);
5442
- --bs-pagination-focus-bg: #e9ecef;
5443
- --bs-pagination-focus-box-shadow: none;
5642
+ --bs-pagination-focus-bg: var(--bs-secondary-bg);
5643
+ --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(53, 93, 255, 0.25);
5444
5644
  --bs-pagination-active-color: white;
5445
5645
  --bs-pagination-active-bg: #f72585;
5446
5646
  --bs-pagination-active-border-color: #f5f5f7;
@@ -5495,7 +5695,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5495
5695
  }
5496
5696
 
5497
5697
  .page-item:not(:first-child) .page-link {
5498
- margin-left: -1px;
5698
+ margin-left: calc(-1 * var(--bs-border-width));
5499
5699
  }
5500
5700
  .page-item:first-child .page-link {
5501
5701
  border-top-left-radius: var(--bs-pagination-border-radius);
@@ -5510,14 +5710,14 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5510
5710
  --bs-pagination-padding-x: 1.5rem;
5511
5711
  --bs-pagination-padding-y: 0.75rem;
5512
5712
  --bs-pagination-font-size: 0.984375rem;
5513
- --bs-pagination-border-radius: 0.5625rem;
5713
+ --bs-pagination-border-radius: var(--bs-border-radius-lg);
5514
5714
  }
5515
5715
 
5516
5716
  .pagination-sm {
5517
5717
  --bs-pagination-padding-x: 0.5rem;
5518
5718
  --bs-pagination-padding-y: 0.25rem;
5519
5719
  --bs-pagination-font-size: 0.765625rem;
5520
- --bs-pagination-border-radius: 0.4375rem;
5720
+ --bs-pagination-border-radius: var(--bs-border-radius-sm);
5521
5721
  }
5522
5722
 
5523
5723
  .pagination {
@@ -5558,7 +5758,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5558
5758
  --bs-badge-font-size: 0.785em;
5559
5759
  --bs-badge-font-weight: 700;
5560
5760
  --bs-badge-color: #fff;
5561
- --bs-badge-border-radius: 0.5rem;
5761
+ --bs-badge-border-radius: var(--bs-border-radius);
5562
5762
  display: inline-block;
5563
5763
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
5564
5764
  font-size: var(--bs-badge-font-size);
@@ -5668,7 +5868,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5668
5868
  --bs-alert-color: inherit;
5669
5869
  --bs-alert-border-color: transparent;
5670
5870
  --bs-alert-border: 0 solid var(--bs-alert-border-color);
5671
- --bs-alert-border-radius: 0.5rem;
5871
+ --bs-alert-border-radius: var(--bs-border-radius);
5872
+ --bs-alert-link-color: inherit;
5672
5873
  position: relative;
5673
5874
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
5674
5875
  margin-bottom: var(--bs-alert-margin-bottom);
@@ -5684,6 +5885,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5684
5885
 
5685
5886
  .alert-link {
5686
5887
  font-weight: 700;
5888
+ color: var(--bs-alert-link-color);
5687
5889
  }
5688
5890
 
5689
5891
  .alert-dismissible {
@@ -5698,75 +5900,59 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5698
5900
  }
5699
5901
 
5700
5902
  .alert-primary {
5701
- --bs-alert-color: rgb(31.8, 55.8, 153);
5702
- --bs-alert-bg: rgb(214.6, 222.6, 255);
5703
- --bs-alert-border-color: rgb(194.4, 206.4, 255);
5704
- }
5705
- .alert-primary .alert-link {
5706
- color: rgb(25.44, 44.64, 122.4);
5903
+ --bs-alert-color: var(--bs-primary-text-emphasis);
5904
+ --bs-alert-bg: var(--bs-primary-bg-subtle);
5905
+ --bs-alert-border-color: var(--bs-primary-border-subtle);
5906
+ --bs-alert-link-color: var(--bs-primary-text-emphasis);
5707
5907
  }
5708
5908
 
5709
5909
  .alert-secondary {
5710
- --bs-alert-color: rgb(64.8, 55.8, 126.6);
5711
- --bs-alert-bg: rgb(225.6, 222.6, 246.2);
5712
- --bs-alert-border-color: rgb(210.9, 206.4, 241.8);
5713
- }
5714
- .alert-secondary .alert-link {
5715
- color: rgb(51.84, 44.64, 101.28);
5910
+ --bs-alert-color: var(--bs-secondary-text-emphasis);
5911
+ --bs-alert-bg: var(--bs-secondary-bg-subtle);
5912
+ --bs-alert-border-color: var(--bs-secondary-border-subtle);
5913
+ --bs-alert-link-color: var(--bs-secondary-text-emphasis);
5716
5914
  }
5717
5915
 
5718
5916
  .alert-success {
5719
- --bs-alert-color: rgb(47.4, 114.6, 61.8);
5720
- --bs-alert-bg: rgb(219.8, 242.2, 224.6);
5721
- --bs-alert-border-color: rgb(202.2, 235.8, 209.4);
5722
- }
5723
- .alert-success .alert-link {
5724
- color: rgb(37.92, 91.68, 49.44);
5917
+ --bs-alert-color: var(--bs-success-text-emphasis);
5918
+ --bs-alert-bg: var(--bs-success-bg-subtle);
5919
+ --bs-alert-border-color: var(--bs-success-border-subtle);
5920
+ --bs-alert-link-color: var(--bs-success-text-emphasis);
5725
5921
  }
5726
5922
 
5727
5923
  .alert-info {
5728
- --bs-alert-color: rgb(40.2, 82.8, 100.2);
5729
- --bs-alert-bg: rgb(217.4, 231.6, 237.4);
5730
- --bs-alert-border-color: rgb(198.6, 219.9, 228.6);
5731
- }
5732
- .alert-info .alert-link {
5733
- color: rgb(32.16, 66.24, 80.16);
5924
+ --bs-alert-color: var(--bs-info-text-emphasis);
5925
+ --bs-alert-bg: var(--bs-info-bg-subtle);
5926
+ --bs-alert-border-color: var(--bs-info-border-subtle);
5927
+ --bs-alert-link-color: var(--bs-info-text-emphasis);
5734
5928
  }
5735
5929
 
5736
5930
  .alert-warning {
5737
- --bs-alert-color: rgb(153, 95.4, 33.6);
5738
- --bs-alert-bg: rgb(255, 235.8, 215.2);
5739
- --bs-alert-border-color: rgb(255, 226.2, 195.3);
5740
- }
5741
- .alert-warning .alert-link {
5742
- color: rgb(122.4, 76.32, 26.88);
5931
+ --bs-alert-color: var(--bs-warning-text-emphasis);
5932
+ --bs-alert-bg: var(--bs-warning-bg-subtle);
5933
+ --bs-alert-border-color: var(--bs-warning-border-subtle);
5934
+ --bs-alert-link-color: var(--bs-warning-text-emphasis);
5743
5935
  }
5744
5936
 
5745
5937
  .alert-danger {
5746
- --bs-alert-color: rgb(115.2, 7.8, 43.8);
5747
- --bs-alert-bg: rgb(242.4, 206.6, 218.6);
5748
- --bs-alert-border-color: rgb(236.1, 182.4, 200.4);
5749
- }
5750
- .alert-danger .alert-link {
5751
- color: rgb(92.16, 6.24, 35.04);
5938
+ --bs-alert-color: var(--bs-danger-text-emphasis);
5939
+ --bs-alert-bg: var(--bs-danger-bg-subtle);
5940
+ --bs-alert-border-color: var(--bs-danger-border-subtle);
5941
+ --bs-alert-link-color: var(--bs-danger-text-emphasis);
5752
5942
  }
5753
5943
 
5754
5944
  .alert-light {
5755
- --bs-alert-color: rgb(95.2, 95.2, 95.2);
5756
- --bs-alert-bg: rgb(251.6, 251.6, 251.6);
5757
- --bs-alert-border-color: rgb(249.9, 249.9, 249.9);
5758
- }
5759
- .alert-light .alert-link {
5760
- color: rgb(76.16, 76.16, 76.16);
5945
+ --bs-alert-color: var(--bs-light-text-emphasis);
5946
+ --bs-alert-bg: var(--bs-light-bg-subtle);
5947
+ --bs-alert-border-color: var(--bs-light-border-subtle);
5948
+ --bs-alert-link-color: var(--bs-light-text-emphasis);
5761
5949
  }
5762
5950
 
5763
5951
  .alert-dark {
5764
- --bs-alert-color: rgb(13.2, 13.2, 13.2);
5765
- --bs-alert-bg: rgb(208.4, 208.4, 208.4);
5766
- --bs-alert-border-color: rgb(185.1, 185.1, 185.1);
5767
- }
5768
- .alert-dark .alert-link {
5769
- color: rgb(10.56, 10.56, 10.56);
5952
+ --bs-alert-color: var(--bs-dark-text-emphasis);
5953
+ --bs-alert-bg: var(--bs-dark-bg-subtle);
5954
+ --bs-alert-border-color: var(--bs-dark-border-subtle);
5955
+ --bs-alert-link-color: var(--bs-dark-text-emphasis);
5770
5956
  }
5771
5957
 
5772
5958
  .alert-brand {
@@ -6013,15 +6199,16 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6013
6199
 
6014
6200
  @keyframes progress-bar-stripes {
6015
6201
  0% {
6016
- background-position-x: 1rem;
6202
+ background-position-x: var(--bs-progress-height);
6017
6203
  }
6018
6204
  }
6019
- .progress {
6205
+ .progress,
6206
+ .progress-stacked {
6020
6207
  --bs-progress-height: 1rem;
6021
6208
  --bs-progress-font-size: 0.65625rem;
6022
6209
  --bs-progress-bg: #f5f5f7;
6023
- --bs-progress-border-radius: 0.5rem;
6024
- --bs-progress-box-shadow: none;
6210
+ --bs-progress-border-radius: var(--bs-border-radius);
6211
+ --bs-progress-box-shadow: var(--bs-box-shadow-inset);
6025
6212
  --bs-progress-bar-color: #fff;
6026
6213
  --bs-progress-bar-bg: #355dff;
6027
6214
  --bs-progress-bar-transition: width 0.6s ease;
@@ -6056,6 +6243,14 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6056
6243
  background-size: var(--bs-progress-height) var(--bs-progress-height);
6057
6244
  }
6058
6245
 
6246
+ .progress-stacked > .progress {
6247
+ overflow: visible;
6248
+ }
6249
+
6250
+ .progress-stacked > .progress > .progress-bar {
6251
+ width: 100%;
6252
+ }
6253
+
6059
6254
  .progress-bar-animated {
6060
6255
  animation: 1s linear infinite progress-bar-stripes;
6061
6256
  }
@@ -6069,8 +6264,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6069
6264
  --bs-list-group-color: #686b6e;
6070
6265
  --bs-list-group-bg: #ffffff;
6071
6266
  --bs-list-group-border-color: #e7e9ec;
6072
- --bs-list-group-border-width: 1px;
6073
- --bs-list-group-border-radius: 0.5rem;
6267
+ --bs-list-group-border-width: var(--bs-border-width);
6268
+ --bs-list-group-border-radius: var(--bs-border-radius);
6074
6269
  --bs-list-group-item-padding-x: 1.5rem;
6075
6270
  --bs-list-group-item-padding-y: 0.75rem;
6076
6271
  --bs-list-group-action-color: #686b6e;
@@ -6078,7 +6273,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6078
6273
  --bs-list-group-action-hover-bg: rgba(247, 37, 133, 0.1);
6079
6274
  --bs-list-group-action-active-color: #686b6e;
6080
6275
  --bs-list-group-action-active-bg: #f5f5f7;
6081
- --bs-list-group-disabled-color: #6c757d;
6276
+ --bs-list-group-disabled-color: var(--bs-secondary-color);
6082
6277
  --bs-list-group-disabled-bg: #ffffff;
6083
6278
  --bs-list-group-active-color: #f72585;
6084
6279
  --bs-list-group-active-bg: rgba(247, 37, 133, 0.15);
@@ -6099,22 +6294,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6099
6294
  counter-increment: section;
6100
6295
  }
6101
6296
 
6102
- .list-group-item-action {
6103
- width: 100%;
6104
- color: var(--bs-list-group-action-color);
6105
- text-align: inherit;
6106
- }
6107
- .list-group-item-action:hover, .list-group-item-action:focus {
6108
- z-index: 1;
6109
- color: var(--bs-list-group-action-hover-color);
6110
- text-decoration: none;
6111
- background-color: var(--bs-list-group-action-hover-bg);
6112
- }
6113
- .list-group-item-action:active {
6114
- color: var(--bs-list-group-action-active-color);
6115
- background-color: var(--bs-list-group-action-active-bg);
6116
- }
6117
-
6118
6297
  .list-group-item {
6119
6298
  position: relative;
6120
6299
  display: block;
@@ -6151,6 +6330,22 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6151
6330
  border-top-width: var(--bs-list-group-border-width);
6152
6331
  }
6153
6332
 
6333
+ .list-group-item-action {
6334
+ width: 100%;
6335
+ color: var(--bs-list-group-action-color);
6336
+ text-align: inherit;
6337
+ }
6338
+ .list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
6339
+ z-index: 1;
6340
+ color: var(--bs-list-group-action-hover-color);
6341
+ text-decoration: none;
6342
+ background-color: var(--bs-list-group-action-hover-bg);
6343
+ }
6344
+ .list-group-item-action:not(.active):active {
6345
+ color: var(--bs-list-group-action-active-color);
6346
+ background-color: var(--bs-list-group-action-active-bg);
6347
+ }
6348
+
6154
6349
  .list-group-horizontal {
6155
6350
  flex-direction: row;
6156
6351
  }
@@ -6305,146 +6500,155 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6305
6500
  }
6306
6501
 
6307
6502
  .list-group-item-primary {
6308
- color: rgb(31.8, 55.8, 153);
6309
- background-color: rgb(214.6, 222.6, 255);
6310
- }
6311
- .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
6312
- color: rgb(31.8, 55.8, 153);
6313
- background-color: rgb(193.14, 200.34, 229.5);
6314
- }
6315
- .list-group-item-primary.list-group-item-action.active {
6316
- color: #fff;
6317
- background-color: rgb(31.8, 55.8, 153);
6318
- border-color: rgb(31.8, 55.8, 153);
6503
+ --bs-list-group-color: var(--bs-primary-text-emphasis);
6504
+ --bs-list-group-bg: var(--bs-primary-bg-subtle);
6505
+ --bs-list-group-border-color: var(--bs-primary-border-subtle);
6506
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6507
+ --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
6508
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6509
+ --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
6510
+ --bs-list-group-active-color: var(--bs-primary-bg-subtle);
6511
+ --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
6512
+ --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
6319
6513
  }
6320
6514
 
6321
6515
  .list-group-item-secondary {
6322
- color: rgb(64.8, 55.8, 126.6);
6323
- background-color: rgb(225.6, 222.6, 246.2);
6516
+ --bs-list-group-color: var(--bs-secondary-text-emphasis);
6517
+ --bs-list-group-bg: var(--bs-secondary-bg-subtle);
6518
+ --bs-list-group-border-color: var(--bs-secondary-border-subtle);
6519
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6520
+ --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
6521
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6522
+ --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
6523
+ --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
6524
+ --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
6525
+ --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
6324
6526
  }
6325
- .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
6326
- color: rgb(64.8, 55.8, 126.6);
6327
- background-color: rgb(203.04, 200.34, 221.58);
6328
- }
6329
- .list-group-item-secondary.list-group-item-action.active {
6330
- color: #fff;
6331
- background-color: rgb(64.8, 55.8, 126.6);
6332
- border-color: rgb(64.8, 55.8, 126.6);
6333
- }
6334
-
6335
- .list-group-item-success {
6336
- color: rgb(47.4, 114.6, 61.8);
6337
- background-color: rgb(219.8, 242.2, 224.6);
6338
- }
6339
- .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
6340
- color: rgb(47.4, 114.6, 61.8);
6341
- background-color: rgb(197.82, 217.98, 202.14);
6342
- }
6343
- .list-group-item-success.list-group-item-action.active {
6344
- color: #fff;
6345
- background-color: rgb(47.4, 114.6, 61.8);
6346
- border-color: rgb(47.4, 114.6, 61.8);
6527
+
6528
+ .list-group-item-success {
6529
+ --bs-list-group-color: var(--bs-success-text-emphasis);
6530
+ --bs-list-group-bg: var(--bs-success-bg-subtle);
6531
+ --bs-list-group-border-color: var(--bs-success-border-subtle);
6532
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6533
+ --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
6534
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6535
+ --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
6536
+ --bs-list-group-active-color: var(--bs-success-bg-subtle);
6537
+ --bs-list-group-active-bg: var(--bs-success-text-emphasis);
6538
+ --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
6347
6539
  }
6348
6540
 
6349
6541
  .list-group-item-info {
6350
- color: rgb(40.2, 82.8, 100.2);
6351
- background-color: rgb(217.4, 231.6, 237.4);
6352
- }
6353
- .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
6354
- color: rgb(40.2, 82.8, 100.2);
6355
- background-color: rgb(195.66, 208.44, 213.66);
6356
- }
6357
- .list-group-item-info.list-group-item-action.active {
6358
- color: #fff;
6359
- background-color: rgb(40.2, 82.8, 100.2);
6360
- border-color: rgb(40.2, 82.8, 100.2);
6542
+ --bs-list-group-color: var(--bs-info-text-emphasis);
6543
+ --bs-list-group-bg: var(--bs-info-bg-subtle);
6544
+ --bs-list-group-border-color: var(--bs-info-border-subtle);
6545
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6546
+ --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
6547
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6548
+ --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
6549
+ --bs-list-group-active-color: var(--bs-info-bg-subtle);
6550
+ --bs-list-group-active-bg: var(--bs-info-text-emphasis);
6551
+ --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
6361
6552
  }
6362
6553
 
6363
6554
  .list-group-item-warning {
6364
- color: rgb(153, 95.4, 33.6);
6365
- background-color: rgb(255, 235.8, 215.2);
6366
- }
6367
- .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
6368
- color: rgb(153, 95.4, 33.6);
6369
- background-color: rgb(229.5, 212.22, 193.68);
6370
- }
6371
- .list-group-item-warning.list-group-item-action.active {
6372
- color: #fff;
6373
- background-color: rgb(153, 95.4, 33.6);
6374
- border-color: rgb(153, 95.4, 33.6);
6555
+ --bs-list-group-color: var(--bs-warning-text-emphasis);
6556
+ --bs-list-group-bg: var(--bs-warning-bg-subtle);
6557
+ --bs-list-group-border-color: var(--bs-warning-border-subtle);
6558
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6559
+ --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
6560
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6561
+ --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
6562
+ --bs-list-group-active-color: var(--bs-warning-bg-subtle);
6563
+ --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
6564
+ --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
6375
6565
  }
6376
6566
 
6377
6567
  .list-group-item-danger {
6378
- color: rgb(115.2, 7.8, 43.8);
6379
- background-color: rgb(242.4, 206.6, 218.6);
6380
- }
6381
- .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
6382
- color: rgb(115.2, 7.8, 43.8);
6383
- background-color: rgb(218.16, 185.94, 196.74);
6384
- }
6385
- .list-group-item-danger.list-group-item-action.active {
6386
- color: #fff;
6387
- background-color: rgb(115.2, 7.8, 43.8);
6388
- border-color: rgb(115.2, 7.8, 43.8);
6568
+ --bs-list-group-color: var(--bs-danger-text-emphasis);
6569
+ --bs-list-group-bg: var(--bs-danger-bg-subtle);
6570
+ --bs-list-group-border-color: var(--bs-danger-border-subtle);
6571
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6572
+ --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
6573
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6574
+ --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
6575
+ --bs-list-group-active-color: var(--bs-danger-bg-subtle);
6576
+ --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
6577
+ --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
6389
6578
  }
6390
6579
 
6391
6580
  .list-group-item-light {
6392
- color: rgb(95.2, 95.2, 95.2);
6393
- background-color: rgb(251.6, 251.6, 251.6);
6394
- }
6395
- .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
6396
- color: rgb(95.2, 95.2, 95.2);
6397
- background-color: rgb(226.44, 226.44, 226.44);
6398
- }
6399
- .list-group-item-light.list-group-item-action.active {
6400
- color: #fff;
6401
- background-color: rgb(95.2, 95.2, 95.2);
6402
- border-color: rgb(95.2, 95.2, 95.2);
6581
+ --bs-list-group-color: var(--bs-light-text-emphasis);
6582
+ --bs-list-group-bg: var(--bs-light-bg-subtle);
6583
+ --bs-list-group-border-color: var(--bs-light-border-subtle);
6584
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6585
+ --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
6586
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6587
+ --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
6588
+ --bs-list-group-active-color: var(--bs-light-bg-subtle);
6589
+ --bs-list-group-active-bg: var(--bs-light-text-emphasis);
6590
+ --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
6403
6591
  }
6404
6592
 
6405
6593
  .list-group-item-dark {
6406
- color: rgb(13.2, 13.2, 13.2);
6407
- background-color: rgb(208.4, 208.4, 208.4);
6408
- }
6409
- .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
6410
- color: rgb(13.2, 13.2, 13.2);
6411
- background-color: rgb(187.56, 187.56, 187.56);
6412
- }
6413
- .list-group-item-dark.list-group-item-action.active {
6414
- color: #fff;
6415
- background-color: rgb(13.2, 13.2, 13.2);
6416
- border-color: rgb(13.2, 13.2, 13.2);
6594
+ --bs-list-group-color: var(--bs-dark-text-emphasis);
6595
+ --bs-list-group-bg: var(--bs-dark-bg-subtle);
6596
+ --bs-list-group-border-color: var(--bs-dark-border-subtle);
6597
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6598
+ --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
6599
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6600
+ --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
6601
+ --bs-list-group-active-color: var(--bs-dark-bg-subtle);
6602
+ --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
6603
+ --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
6417
6604
  }
6418
6605
 
6419
6606
  .btn-close {
6607
+ --bs-btn-close-color: #686b6e;
6608
+ --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");
6609
+ --bs-btn-close-opacity: 0.5;
6610
+ --bs-btn-close-hover-opacity: 0.75;
6611
+ --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(53, 93, 255, 0.25);
6612
+ --bs-btn-close-focus-opacity: 1;
6613
+ --bs-btn-close-disabled-opacity: 0.25;
6420
6614
  box-sizing: content-box;
6421
6615
  width: 1em;
6422
6616
  height: 1em;
6423
6617
  padding: 0.25em 0.25em;
6424
- color: #686b6e;
6425
- 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;
6618
+ color: var(--bs-btn-close-color);
6619
+ background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
6620
+ filter: var(--bs-btn-close-filter);
6426
6621
  border: 0;
6427
6622
  border-radius: 0.5rem;
6428
- opacity: 0.5;
6623
+ opacity: var(--bs-btn-close-opacity);
6429
6624
  }
6430
6625
  .btn-close:hover {
6431
- color: #686b6e;
6626
+ color: var(--bs-btn-close-color);
6432
6627
  text-decoration: none;
6433
- opacity: 0.75;
6628
+ opacity: var(--bs-btn-close-hover-opacity);
6434
6629
  }
6435
6630
  .btn-close:focus {
6436
6631
  outline: 0;
6437
- box-shadow: none;
6438
- opacity: 1;
6632
+ box-shadow: var(--bs-btn-close-focus-shadow);
6633
+ opacity: var(--bs-btn-close-focus-opacity);
6439
6634
  }
6440
6635
  .btn-close:disabled, .btn-close.disabled {
6441
6636
  pointer-events: none;
6442
6637
  user-select: none;
6443
- opacity: 0.25;
6638
+ opacity: var(--bs-btn-close-disabled-opacity);
6444
6639
  }
6445
6640
 
6446
6641
  .btn-close-white {
6447
- filter: unset;
6642
+ --bs-btn-close-filter: unset;
6643
+ }
6644
+
6645
+ :root,
6646
+ [data-bs-theme=light] {
6647
+ --bs-btn-close-filter: ;
6648
+ }
6649
+
6650
+ [data-bs-theme=dark] {
6651
+ --bs-btn-close-filter: unset;
6448
6652
  }
6449
6653
 
6450
6654
  .btn-close:hover, .btn-close:focus, .btn-close:active, .btn-close:not(:disabled):not(.disabled):active, .btn-close.visible {
@@ -6461,12 +6665,12 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6461
6665
  --bs-toast-max-width: 350px;
6462
6666
  --bs-toast-font-size: 0.875rem;
6463
6667
  --bs-toast-color: ;
6464
- --bs-toast-bg: rgba(255, 255, 255, 0.85);
6465
- --bs-toast-border-width: 1px;
6668
+ --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
6669
+ --bs-toast-border-width: var(--bs-border-width);
6466
6670
  --bs-toast-border-color: #e7e9ec;
6467
6671
  --bs-toast-border-radius: 0.5rem;
6468
6672
  --bs-toast-box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
6469
- --bs-toast-header-color: #6c757d;
6673
+ --bs-toast-header-color: var(--bs-secondary-color);
6470
6674
  --bs-toast-header-bg: #ffffff;
6471
6675
  --bs-toast-header-border-color: #e7e9ec;
6472
6676
  width: var(--bs-toast-max-width);
@@ -6530,11 +6734,11 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6530
6734
  --bs-modal-width: 500px;
6531
6735
  --bs-modal-padding: 1.5rem;
6532
6736
  --bs-modal-margin: 0.5rem;
6533
- --bs-modal-color: ;
6737
+ --bs-modal-color: var(--bs-body-color);
6534
6738
  --bs-modal-bg: #ffffff;
6535
6739
  --bs-modal-border-color: var(--bs-border-color-translucent);
6536
6740
  --bs-modal-border-width: 0;
6537
- --bs-modal-border-radius: 0.5625rem;
6741
+ --bs-modal-border-radius: var(--bs-border-radius-lg);
6538
6742
  --bs-modal-box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
6539
6743
  --bs-modal-inner-border-radius: 0.5rem;
6540
6744
  --bs-modal-header-padding-x: 1.5rem;
@@ -6566,8 +6770,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6566
6770
  pointer-events: none;
6567
6771
  }
6568
6772
  .modal.fade .modal-dialog {
6569
- transition: transform 0.3s ease-out;
6570
6773
  transform: translate(0, -50px);
6774
+ transition: transform 0.3s ease-out;
6571
6775
  }
6572
6776
  @media (prefers-reduced-motion: reduce) {
6573
6777
  .modal.fade .modal-dialog {
@@ -6636,7 +6840,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6636
6840
  display: flex;
6637
6841
  flex-shrink: 0;
6638
6842
  align-items: center;
6639
- justify-content: space-between;
6640
6843
  padding: var(--bs-modal-header-padding);
6641
6844
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
6642
6845
  border-top-left-radius: var(--bs-modal-inner-border-radius);
@@ -6644,7 +6847,10 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6644
6847
  }
6645
6848
  .modal-header .btn-close {
6646
6849
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
6647
- margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
6850
+ margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
6851
+ margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
6852
+ margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
6853
+ margin-left: auto;
6648
6854
  }
6649
6855
 
6650
6856
  .modal-title {
@@ -6842,13 +7048,12 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6842
7048
  --bs-tooltip-font-size: 0.765625rem;
6843
7049
  --bs-tooltip-color: #eeeeee;
6844
7050
  --bs-tooltip-bg: #161616;
6845
- --bs-tooltip-border-radius: 0.5rem;
7051
+ --bs-tooltip-border-radius: var(--bs-border-radius);
6846
7052
  --bs-tooltip-opacity: 0.9;
6847
7053
  --bs-tooltip-arrow-width: 0.8rem;
6848
7054
  --bs-tooltip-arrow-height: 0.4rem;
6849
7055
  z-index: var(--bs-tooltip-zindex);
6850
7056
  display: block;
6851
- padding: var(--bs-tooltip-arrow-height);
6852
7057
  margin: var(--bs-tooltip-margin);
6853
7058
  font-family: "Inter", sans-serif;
6854
7059
  font-style: normal;
@@ -6884,7 +7089,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6884
7089
  }
6885
7090
 
6886
7091
  .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
6887
- bottom: 0;
7092
+ bottom: calc(-1 * var(--bs-tooltip-arrow-height));
6888
7093
  }
6889
7094
  .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
6890
7095
  top: -1px;
@@ -6894,7 +7099,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6894
7099
 
6895
7100
  /* rtl:begin:ignore */
6896
7101
  .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
6897
- left: 0;
7102
+ left: calc(-1 * var(--bs-tooltip-arrow-height));
6898
7103
  width: var(--bs-tooltip-arrow-height);
6899
7104
  height: var(--bs-tooltip-arrow-width);
6900
7105
  }
@@ -6906,7 +7111,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6906
7111
 
6907
7112
  /* rtl:end:ignore */
6908
7113
  .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
6909
- top: 0;
7114
+ top: calc(-1 * var(--bs-tooltip-arrow-height));
6910
7115
  }
6911
7116
  .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
6912
7117
  bottom: -1px;
@@ -6916,7 +7121,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6916
7121
 
6917
7122
  /* rtl:begin:ignore */
6918
7123
  .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
6919
- right: 0;
7124
+ right: calc(-1 * var(--bs-tooltip-arrow-height));
6920
7125
  width: var(--bs-tooltip-arrow-height);
6921
7126
  height: var(--bs-tooltip-arrow-width);
6922
7127
  }
@@ -6941,16 +7146,16 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6941
7146
  --bs-popover-max-width: 276px;
6942
7147
  --bs-popover-font-size: 0.765625rem;
6943
7148
  --bs-popover-bg: #ffffff;
6944
- --bs-popover-border-width: 1px;
7149
+ --bs-popover-border-width: var(--bs-border-width);
6945
7150
  --bs-popover-border-color: #e7e9ec;
6946
7151
  --bs-popover-border-radius: 0.5rem;
6947
- --bs-popover-inner-border-radius: calc(0.5rem - 1px);
7152
+ --bs-popover-inner-border-radius: calc(0.5rem - var(--bs-border-width));
6948
7153
  --bs-popover-box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
6949
7154
  --bs-popover-header-padding-x: 1.5rem;
6950
7155
  --bs-popover-header-padding-y: 0.5rem;
6951
7156
  --bs-popover-header-font-size: 0.875rem;
6952
- --bs-popover-header-color: ;
6953
- --bs-popover-header-bg: rgb(239.7, 239.7, 239.7);
7157
+ --bs-popover-header-color: inherit;
7158
+ --bs-popover-header-bg: var(--bs-secondary-bg);
6954
7159
  --bs-popover-body-padding-x: 0.75rem;
6955
7160
  --bs-popover-body-padding-y: 0.75rem;
6956
7161
  --bs-popover-body-color: #686b6e;
@@ -7181,6 +7386,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7181
7386
  color: #fff;
7182
7387
  text-align: center;
7183
7388
  background: none;
7389
+ filter: var(--bs-carousel-control-icon-filter);
7184
7390
  border: 0;
7185
7391
  opacity: 0.5;
7186
7392
  transition: opacity 0.15s ease;
@@ -7218,20 +7424,12 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7218
7424
  background-size: 100% 100%;
7219
7425
  }
7220
7426
 
7221
- /* rtl:options: {
7222
- "autoRename": true,
7223
- "stringMap":[ {
7224
- "name" : "prev-next",
7225
- "search" : "prev",
7226
- "replace" : "next"
7227
- } ]
7228
- } */
7229
7427
  .carousel-control-prev-icon {
7230
- 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");
7428
+ 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") /*rtl: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")*/;
7231
7429
  }
7232
7430
 
7233
7431
  .carousel-control-next-icon {
7234
- 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");
7432
+ 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") /*rtl: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")*/;
7235
7433
  }
7236
7434
 
7237
7435
  .carousel-indicators {
@@ -7246,7 +7444,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7246
7444
  margin-right: 15%;
7247
7445
  margin-bottom: 1rem;
7248
7446
  margin-left: 15%;
7249
- list-style: none;
7250
7447
  }
7251
7448
  .carousel-indicators [data-bs-target] {
7252
7449
  box-sizing: content-box;
@@ -7258,7 +7455,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7258
7455
  margin-left: 3px;
7259
7456
  text-indent: -999px;
7260
7457
  cursor: pointer;
7261
- background-color: #fff;
7458
+ background-color: var(--bs-carousel-indicator-active-bg);
7262
7459
  background-clip: padding-box;
7263
7460
  border: 0;
7264
7461
  border-top: 10px solid transparent;
@@ -7282,24 +7479,33 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7282
7479
  left: 15%;
7283
7480
  padding-top: 1.25rem;
7284
7481
  padding-bottom: 1.25rem;
7285
- color: #fff;
7482
+ color: var(--bs-carousel-caption-color);
7286
7483
  text-align: center;
7287
7484
  }
7288
7485
 
7289
- .carousel-dark .carousel-control-prev-icon,
7290
- .carousel-dark .carousel-control-next-icon {
7291
- filter: invert(1) grayscale(100);
7486
+ .carousel-dark {
7487
+ --bs-carousel-indicator-active-bg: #000;
7488
+ --bs-carousel-caption-color: #000;
7489
+ --bs-carousel-control-icon-filter: invert(1) grayscale(100);
7292
7490
  }
7293
- .carousel-dark .carousel-indicators [data-bs-target] {
7294
- background-color: #000;
7491
+
7492
+ :root,
7493
+ [data-bs-theme=light] {
7494
+ --bs-carousel-indicator-active-bg: #fff;
7495
+ --bs-carousel-caption-color: #fff;
7496
+ --bs-carousel-control-icon-filter: ;
7295
7497
  }
7296
- .carousel-dark .carousel-caption {
7297
- color: #000;
7498
+
7499
+ [data-bs-theme=dark] {
7500
+ --bs-carousel-indicator-active-bg: #000;
7501
+ --bs-carousel-caption-color: #000;
7502
+ --bs-carousel-control-icon-filter: invert(1) grayscale(100);
7298
7503
  }
7299
7504
 
7300
7505
  .spinner-grow,
7301
7506
  .spinner-border {
7302
7507
  display: inline-block;
7508
+ flex-shrink: 0;
7303
7509
  width: var(--bs-spinner-width);
7304
7510
  height: var(--bs-spinner-height);
7305
7511
  vertical-align: var(--bs-spinner-vertical-align);
@@ -7365,11 +7571,13 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7365
7571
  --bs-offcanvas-height: 30vh;
7366
7572
  --bs-offcanvas-padding-x: 1.5rem;
7367
7573
  --bs-offcanvas-padding-y: 1.5rem;
7368
- --bs-offcanvas-color: ;
7369
- --bs-offcanvas-bg: #ffffff;
7574
+ --bs-offcanvas-color: var(--bs-body-color);
7575
+ --bs-offcanvas-bg: var(--bs-body-bg);
7370
7576
  --bs-offcanvas-border-width: 0;
7371
7577
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
7372
7578
  --bs-offcanvas-box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
7579
+ --bs-offcanvas-transition: transform 0.3s ease-in-out;
7580
+ --bs-offcanvas-title-line-height: 1.5;
7373
7581
  }
7374
7582
 
7375
7583
  @media (max-width: 575.98px) {
@@ -7386,7 +7594,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7386
7594
  background-clip: padding-box;
7387
7595
  outline: 0;
7388
7596
  box-shadow: var(--bs-offcanvas-box-shadow);
7389
- transition: transform 0.3s ease-in-out;
7597
+ transition: var(--bs-offcanvas-transition);
7390
7598
  }
7391
7599
  }
7392
7600
  @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
@@ -7465,7 +7673,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7465
7673
  background-clip: padding-box;
7466
7674
  outline: 0;
7467
7675
  box-shadow: var(--bs-offcanvas-box-shadow);
7468
- transition: transform 0.3s ease-in-out;
7676
+ transition: var(--bs-offcanvas-transition);
7469
7677
  }
7470
7678
  }
7471
7679
  @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
@@ -7544,7 +7752,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7544
7752
  background-clip: padding-box;
7545
7753
  outline: 0;
7546
7754
  box-shadow: var(--bs-offcanvas-box-shadow);
7547
- transition: transform 0.3s ease-in-out;
7755
+ transition: var(--bs-offcanvas-transition);
7548
7756
  }
7549
7757
  }
7550
7758
  @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
@@ -7623,7 +7831,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7623
7831
  background-clip: padding-box;
7624
7832
  outline: 0;
7625
7833
  box-shadow: var(--bs-offcanvas-box-shadow);
7626
- transition: transform 0.3s ease-in-out;
7834
+ transition: var(--bs-offcanvas-transition);
7627
7835
  }
7628
7836
  }
7629
7837
  @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
@@ -7702,7 +7910,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7702
7910
  background-clip: padding-box;
7703
7911
  outline: 0;
7704
7912
  box-shadow: var(--bs-offcanvas-box-shadow);
7705
- transition: transform 0.3s ease-in-out;
7913
+ transition: var(--bs-offcanvas-transition);
7706
7914
  }
7707
7915
  }
7708
7916
  @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
@@ -7780,7 +7988,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7780
7988
  background-clip: padding-box;
7781
7989
  outline: 0;
7782
7990
  box-shadow: var(--bs-offcanvas-box-shadow);
7783
- transition: transform 0.3s ease-in-out;
7991
+ transition: var(--bs-offcanvas-transition);
7784
7992
  }
7785
7993
  @media (prefers-reduced-motion: reduce) {
7786
7994
  .offcanvas {
@@ -7844,7 +8052,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7844
8052
  .offcanvas-header {
7845
8053
  display: flex;
7846
8054
  align-items: center;
7847
- justify-content: space-between;
7848
8055
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
7849
8056
  }
7850
8057
  .offcanvas-header .btn-close {
@@ -7852,11 +8059,12 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7852
8059
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
7853
8060
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
7854
8061
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
8062
+ margin-left: auto;
7855
8063
  }
7856
8064
 
7857
8065
  .offcanvas-title {
7858
8066
  margin-bottom: 0;
7859
- line-height: 1.5;
8067
+ line-height: var(--bs-offcanvas-title-line-height);
7860
8068
  }
7861
8069
 
7862
8070
  .offcanvas-body {
@@ -7918,98 +8126,153 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7918
8126
 
7919
8127
  .text-bg-primary {
7920
8128
  color: #fff !important;
7921
- background-color: RGBA(53, 93, 255, var(--bs-bg-opacity, 1)) !important;
8129
+ background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
7922
8130
  }
7923
8131
 
7924
8132
  .text-bg-secondary {
7925
8133
  color: #fff !important;
7926
- background-color: RGBA(108, 93, 211, var(--bs-bg-opacity, 1)) !important;
8134
+ background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
7927
8135
  }
7928
8136
 
7929
8137
  .text-bg-success {
7930
8138
  color: #000 !important;
7931
- background-color: RGBA(79, 191, 103, var(--bs-bg-opacity, 1)) !important;
8139
+ background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
7932
8140
  }
7933
8141
 
7934
8142
  .text-bg-info {
7935
8143
  color: #000 !important;
7936
- background-color: RGBA(67, 138, 167, var(--bs-bg-opacity, 1)) !important;
8144
+ background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
7937
8145
  }
7938
8146
 
7939
8147
  .text-bg-warning {
7940
8148
  color: #000 !important;
7941
- background-color: RGBA(255, 159, 56, var(--bs-bg-opacity, 1)) !important;
8149
+ background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
7942
8150
  }
7943
8151
 
7944
8152
  .text-bg-danger {
7945
8153
  color: #fff !important;
7946
- background-color: RGBA(192, 13, 73, var(--bs-bg-opacity, 1)) !important;
8154
+ background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
7947
8155
  }
7948
8156
 
7949
8157
  .text-bg-light {
7950
8158
  color: #000 !important;
7951
- background-color: RGBA(238, 238, 238, var(--bs-bg-opacity, 1)) !important;
8159
+ background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
7952
8160
  }
7953
8161
 
7954
8162
  .text-bg-dark {
7955
8163
  color: #fff !important;
7956
- background-color: RGBA(22, 22, 22, var(--bs-bg-opacity, 1)) !important;
8164
+ background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
7957
8165
  }
7958
8166
 
7959
8167
  .link-primary {
7960
- color: #355dff !important;
8168
+ color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
8169
+ text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
7961
8170
  }
7962
8171
  .link-primary:hover, .link-primary:focus {
7963
- color: rgb(42.4, 74.4, 204) !important;
8172
+ color: RGBA(42, 74, 204, var(--bs-link-opacity, 1)) !important;
8173
+ text-decoration-color: RGBA(42, 74, 204, var(--bs-link-underline-opacity, 1)) !important;
7964
8174
  }
7965
8175
 
7966
8176
  .link-secondary {
7967
- color: #6c5dd3 !important;
8177
+ color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
8178
+ text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
7968
8179
  }
7969
8180
  .link-secondary:hover, .link-secondary:focus {
7970
- color: rgb(86.4, 74.4, 168.8) !important;
8181
+ color: RGBA(86, 74, 169, var(--bs-link-opacity, 1)) !important;
8182
+ text-decoration-color: RGBA(86, 74, 169, var(--bs-link-underline-opacity, 1)) !important;
7971
8183
  }
7972
8184
 
7973
8185
  .link-success {
7974
- color: #4fbf67 !important;
8186
+ color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
8187
+ text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
7975
8188
  }
7976
8189
  .link-success:hover, .link-success:focus {
7977
- color: rgb(114.2, 203.8, 133.4) !important;
8190
+ color: RGBA(114, 204, 133, var(--bs-link-opacity, 1)) !important;
8191
+ text-decoration-color: RGBA(114, 204, 133, var(--bs-link-underline-opacity, 1)) !important;
7978
8192
  }
7979
8193
 
7980
8194
  .link-info {
7981
- color: #438aa7 !important;
8195
+ color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
8196
+ text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
7982
8197
  }
7983
8198
  .link-info:hover, .link-info:focus {
7984
- color: rgb(104.6, 161.4, 184.6) !important;
8199
+ color: RGBA(105, 161, 185, var(--bs-link-opacity, 1)) !important;
8200
+ text-decoration-color: RGBA(105, 161, 185, var(--bs-link-underline-opacity, 1)) !important;
7985
8201
  }
7986
8202
 
7987
8203
  .link-warning {
7988
- color: #ff9f38 !important;
8204
+ color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
8205
+ text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
7989
8206
  }
7990
8207
  .link-warning:hover, .link-warning:focus {
7991
- color: rgb(255, 178.2, 95.8) !important;
8208
+ color: RGBA(255, 178, 96, var(--bs-link-opacity, 1)) !important;
8209
+ text-decoration-color: RGBA(255, 178, 96, var(--bs-link-underline-opacity, 1)) !important;
7992
8210
  }
7993
8211
 
7994
8212
  .link-danger {
7995
- color: #c00d49 !important;
8213
+ color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
8214
+ text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
7996
8215
  }
7997
8216
  .link-danger:hover, .link-danger:focus {
7998
- color: rgb(153.6, 10.4, 58.4) !important;
8217
+ color: RGBA(154, 10, 58, var(--bs-link-opacity, 1)) !important;
8218
+ text-decoration-color: RGBA(154, 10, 58, var(--bs-link-underline-opacity, 1)) !important;
7999
8219
  }
8000
8220
 
8001
8221
  .link-light {
8002
- color: #eeeeee !important;
8222
+ color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
8223
+ text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
8003
8224
  }
8004
8225
  .link-light:hover, .link-light:focus {
8005
- color: rgb(241.4, 241.4, 241.4) !important;
8226
+ color: RGBA(241, 241, 241, var(--bs-link-opacity, 1)) !important;
8227
+ text-decoration-color: RGBA(241, 241, 241, var(--bs-link-underline-opacity, 1)) !important;
8006
8228
  }
8007
8229
 
8008
8230
  .link-dark {
8009
- color: #161616 !important;
8231
+ color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
8232
+ text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
8010
8233
  }
8011
8234
  .link-dark:hover, .link-dark:focus {
8012
- color: rgb(17.6, 17.6, 17.6) !important;
8235
+ color: RGBA(18, 18, 18, var(--bs-link-opacity, 1)) !important;
8236
+ text-decoration-color: RGBA(18, 18, 18, var(--bs-link-underline-opacity, 1)) !important;
8237
+ }
8238
+
8239
+ .link-body-emphasis {
8240
+ color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
8241
+ text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
8242
+ }
8243
+ .link-body-emphasis:hover, .link-body-emphasis:focus {
8244
+ color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
8245
+ text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
8246
+ }
8247
+
8248
+ .focus-ring:focus {
8249
+ outline: 0;
8250
+ 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);
8251
+ }
8252
+
8253
+ .icon-link {
8254
+ display: inline-flex;
8255
+ gap: 0.375rem;
8256
+ align-items: center;
8257
+ text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
8258
+ text-underline-offset: 0.25em;
8259
+ backface-visibility: hidden;
8260
+ }
8261
+ .icon-link > .bi {
8262
+ flex-shrink: 0;
8263
+ width: 1em;
8264
+ height: 1em;
8265
+ fill: currentcolor;
8266
+ transition: 0.2s ease-in-out transform;
8267
+ }
8268
+ @media (prefers-reduced-motion: reduce) {
8269
+ .icon-link > .bi {
8270
+ transition: none;
8271
+ }
8272
+ }
8273
+
8274
+ .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
8275
+ transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
8013
8276
  }
8014
8277
 
8015
8278
  .ratio {
@@ -8149,7 +8412,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8149
8412
 
8150
8413
  .visually-hidden,
8151
8414
  .visually-hidden-focusable:not(:focus):not(:focus-within) {
8152
- position: absolute !important;
8153
8415
  width: 1px !important;
8154
8416
  height: 1px !important;
8155
8417
  padding: 0 !important;
@@ -8159,6 +8421,14 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8159
8421
  white-space: nowrap !important;
8160
8422
  border: 0 !important;
8161
8423
  }
8424
+ .visually-hidden:not(caption),
8425
+ .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
8426
+ position: absolute !important;
8427
+ }
8428
+ .visually-hidden *,
8429
+ .visually-hidden-focusable:not(:focus):not(:focus-within) * {
8430
+ overflow: hidden !important;
8431
+ }
8162
8432
 
8163
8433
  .stretched-link::after {
8164
8434
  position: absolute;
@@ -8179,7 +8449,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8179
8449
  .vr {
8180
8450
  display: inline-block;
8181
8451
  align-self: stretch;
8182
- width: 1px;
8452
+ width: var(--bs-border-width);
8183
8453
  min-height: 1em;
8184
8454
  background-color: currentcolor;
8185
8455
  opacity: 0.25;
@@ -8221,6 +8491,26 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8221
8491
  float: none !important;
8222
8492
  }
8223
8493
 
8494
+ .object-fit-contain {
8495
+ object-fit: contain !important;
8496
+ }
8497
+
8498
+ .object-fit-cover {
8499
+ object-fit: cover !important;
8500
+ }
8501
+
8502
+ .object-fit-fill {
8503
+ object-fit: fill !important;
8504
+ }
8505
+
8506
+ .object-fit-scale {
8507
+ object-fit: scale-down !important;
8508
+ }
8509
+
8510
+ .object-fit-none {
8511
+ object-fit: none !important;
8512
+ }
8513
+
8224
8514
  .opacity-0 {
8225
8515
  opacity: 0 !important;
8226
8516
  }
@@ -8257,6 +8547,38 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8257
8547
  overflow: scroll !important;
8258
8548
  }
8259
8549
 
8550
+ .overflow-x-auto {
8551
+ overflow-x: auto !important;
8552
+ }
8553
+
8554
+ .overflow-x-hidden {
8555
+ overflow-x: hidden !important;
8556
+ }
8557
+
8558
+ .overflow-x-visible {
8559
+ overflow-x: visible !important;
8560
+ }
8561
+
8562
+ .overflow-x-scroll {
8563
+ overflow-x: scroll !important;
8564
+ }
8565
+
8566
+ .overflow-y-auto {
8567
+ overflow-y: auto !important;
8568
+ }
8569
+
8570
+ .overflow-y-hidden {
8571
+ overflow-y: hidden !important;
8572
+ }
8573
+
8574
+ .overflow-y-visible {
8575
+ overflow-y: visible !important;
8576
+ }
8577
+
8578
+ .overflow-y-scroll {
8579
+ overflow-y: scroll !important;
8580
+ }
8581
+
8260
8582
  .d-inline {
8261
8583
  display: inline !important;
8262
8584
  }
@@ -8273,6 +8595,10 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8273
8595
  display: grid !important;
8274
8596
  }
8275
8597
 
8598
+ .d-inline-grid {
8599
+ display: inline-grid !important;
8600
+ }
8601
+
8276
8602
  .d-table {
8277
8603
  display: table !important;
8278
8604
  }
@@ -8298,21 +8624,53 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8298
8624
  }
8299
8625
 
8300
8626
  .shadow {
8301
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
8627
+ box-shadow: var(--bs-box-shadow) !important;
8302
8628
  }
8303
8629
 
8304
8630
  .shadow-sm {
8305
- box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
8631
+ box-shadow: var(--bs-box-shadow-sm) !important;
8306
8632
  }
8307
8633
 
8308
8634
  .shadow-lg {
8309
- box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
8635
+ box-shadow: var(--bs-box-shadow-lg) !important;
8310
8636
  }
8311
8637
 
8312
8638
  .shadow-none {
8313
8639
  box-shadow: none !important;
8314
8640
  }
8315
8641
 
8642
+ .focus-ring-primary {
8643
+ --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
8644
+ }
8645
+
8646
+ .focus-ring-secondary {
8647
+ --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
8648
+ }
8649
+
8650
+ .focus-ring-success {
8651
+ --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
8652
+ }
8653
+
8654
+ .focus-ring-info {
8655
+ --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
8656
+ }
8657
+
8658
+ .focus-ring-warning {
8659
+ --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
8660
+ }
8661
+
8662
+ .focus-ring-danger {
8663
+ --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
8664
+ }
8665
+
8666
+ .focus-ring-light {
8667
+ --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
8668
+ }
8669
+
8670
+ .focus-ring-dark {
8671
+ --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
8672
+ }
8673
+
8316
8674
  .position-static {
8317
8675
  position: static !important;
8318
8676
  }
@@ -8473,29 +8831,66 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8473
8831
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
8474
8832
  }
8475
8833
 
8834
+ .border-black {
8835
+ --bs-border-opacity: 1;
8836
+ border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
8837
+ }
8838
+
8476
8839
  .border-white {
8477
8840
  --bs-border-opacity: 1;
8478
8841
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
8479
8842
  }
8480
8843
 
8844
+ .border-primary-subtle {
8845
+ border-color: var(--bs-primary-border-subtle) !important;
8846
+ }
8847
+
8848
+ .border-secondary-subtle {
8849
+ border-color: var(--bs-secondary-border-subtle) !important;
8850
+ }
8851
+
8852
+ .border-success-subtle {
8853
+ border-color: var(--bs-success-border-subtle) !important;
8854
+ }
8855
+
8856
+ .border-info-subtle {
8857
+ border-color: var(--bs-info-border-subtle) !important;
8858
+ }
8859
+
8860
+ .border-warning-subtle {
8861
+ border-color: var(--bs-warning-border-subtle) !important;
8862
+ }
8863
+
8864
+ .border-danger-subtle {
8865
+ border-color: var(--bs-danger-border-subtle) !important;
8866
+ }
8867
+
8868
+ .border-light-subtle {
8869
+ border-color: var(--bs-light-border-subtle) !important;
8870
+ }
8871
+
8872
+ .border-dark-subtle {
8873
+ border-color: var(--bs-dark-border-subtle) !important;
8874
+ }
8875
+
8481
8876
  .border-1 {
8482
- --bs-border-width: 1px;
8877
+ border-width: 1px !important;
8483
8878
  }
8484
8879
 
8485
8880
  .border-2 {
8486
- --bs-border-width: 2px;
8881
+ border-width: 2px !important;
8487
8882
  }
8488
8883
 
8489
8884
  .border-3 {
8490
- --bs-border-width: 3px;
8885
+ border-width: 3px !important;
8491
8886
  }
8492
8887
 
8493
8888
  .border-4 {
8494
- --bs-border-width: 4px;
8889
+ border-width: 4px !important;
8495
8890
  }
8496
8891
 
8497
8892
  .border-5 {
8498
- --bs-border-width: 5px;
8893
+ border-width: 5px !important;
8499
8894
  }
8500
8895
 
8501
8896
  .border-opacity-10 {
@@ -9168,6 +9563,54 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9168
9563
  gap: 4.5rem !important;
9169
9564
  }
9170
9565
 
9566
+ .row-gap-0 {
9567
+ row-gap: 0 !important;
9568
+ }
9569
+
9570
+ .row-gap-1 {
9571
+ row-gap: 0.375rem !important;
9572
+ }
9573
+
9574
+ .row-gap-2 {
9575
+ row-gap: 0.75rem !important;
9576
+ }
9577
+
9578
+ .row-gap-3 {
9579
+ row-gap: 1.5rem !important;
9580
+ }
9581
+
9582
+ .row-gap-4 {
9583
+ row-gap: 2.25rem !important;
9584
+ }
9585
+
9586
+ .row-gap-5 {
9587
+ row-gap: 4.5rem !important;
9588
+ }
9589
+
9590
+ .column-gap-0 {
9591
+ column-gap: 0 !important;
9592
+ }
9593
+
9594
+ .column-gap-1 {
9595
+ column-gap: 0.375rem !important;
9596
+ }
9597
+
9598
+ .column-gap-2 {
9599
+ column-gap: 0.75rem !important;
9600
+ }
9601
+
9602
+ .column-gap-3 {
9603
+ column-gap: 1.5rem !important;
9604
+ }
9605
+
9606
+ .column-gap-4 {
9607
+ column-gap: 2.25rem !important;
9608
+ }
9609
+
9610
+ .column-gap-5 {
9611
+ column-gap: 4.5rem !important;
9612
+ }
9613
+
9171
9614
  .font-monospace {
9172
9615
  font-family: var(--bs-font-monospace) !important;
9173
9616
  }
@@ -9204,26 +9647,30 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9204
9647
  font-style: normal !important;
9205
9648
  }
9206
9649
 
9207
- .fw-light {
9208
- font-weight: 300 !important;
9209
- }
9210
-
9211
9650
  .fw-lighter {
9212
9651
  font-weight: lighter !important;
9213
9652
  }
9214
9653
 
9654
+ .fw-light {
9655
+ font-weight: 300 !important;
9656
+ }
9657
+
9215
9658
  .fw-normal {
9216
9659
  font-weight: 400 !important;
9217
9660
  }
9218
9661
 
9219
- .fw-bold {
9220
- font-weight: 700 !important;
9662
+ .fw-medium {
9663
+ font-weight: 500 !important;
9221
9664
  }
9222
9665
 
9223
9666
  .fw-semibold {
9224
9667
  font-weight: 600 !important;
9225
9668
  }
9226
9669
 
9670
+ .fw-bold {
9671
+ font-weight: 700 !important;
9672
+ }
9673
+
9227
9674
  .fw-bolder {
9228
9675
  font-weight: bolder !important;
9229
9676
  }
@@ -9352,7 +9799,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9352
9799
 
9353
9800
  .text-muted {
9354
9801
  --bs-text-opacity: 1;
9355
- color: #686b6e !important;
9802
+ color: var(--bs-secondary-color) !important;
9356
9803
  }
9357
9804
 
9358
9805
  .text-black-50 {
@@ -9365,6 +9812,21 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9365
9812
  color: rgba(255, 255, 255, 0.5) !important;
9366
9813
  }
9367
9814
 
9815
+ .text-body-secondary {
9816
+ --bs-text-opacity: 1;
9817
+ color: var(--bs-secondary-color) !important;
9818
+ }
9819
+
9820
+ .text-body-tertiary {
9821
+ --bs-text-opacity: 1;
9822
+ color: var(--bs-tertiary-color) !important;
9823
+ }
9824
+
9825
+ .text-body-emphasis {
9826
+ --bs-text-opacity: 1;
9827
+ color: var(--bs-emphasis-color) !important;
9828
+ }
9829
+
9368
9830
  .text-reset {
9369
9831
  --bs-text-opacity: 1;
9370
9832
  color: inherit !important;
@@ -9386,6 +9848,195 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9386
9848
  --bs-text-opacity: 1;
9387
9849
  }
9388
9850
 
9851
+ .text-primary-emphasis {
9852
+ color: var(--bs-primary-text-emphasis) !important;
9853
+ }
9854
+
9855
+ .text-secondary-emphasis {
9856
+ color: var(--bs-secondary-text-emphasis) !important;
9857
+ }
9858
+
9859
+ .text-success-emphasis {
9860
+ color: var(--bs-success-text-emphasis) !important;
9861
+ }
9862
+
9863
+ .text-info-emphasis {
9864
+ color: var(--bs-info-text-emphasis) !important;
9865
+ }
9866
+
9867
+ .text-warning-emphasis {
9868
+ color: var(--bs-warning-text-emphasis) !important;
9869
+ }
9870
+
9871
+ .text-danger-emphasis {
9872
+ color: var(--bs-danger-text-emphasis) !important;
9873
+ }
9874
+
9875
+ .text-light-emphasis {
9876
+ color: var(--bs-light-text-emphasis) !important;
9877
+ }
9878
+
9879
+ .text-dark-emphasis {
9880
+ color: var(--bs-dark-text-emphasis) !important;
9881
+ }
9882
+
9883
+ .link-opacity-10 {
9884
+ --bs-link-opacity: 0.1;
9885
+ }
9886
+
9887
+ .link-opacity-10-hover:hover {
9888
+ --bs-link-opacity: 0.1;
9889
+ }
9890
+
9891
+ .link-opacity-25 {
9892
+ --bs-link-opacity: 0.25;
9893
+ }
9894
+
9895
+ .link-opacity-25-hover:hover {
9896
+ --bs-link-opacity: 0.25;
9897
+ }
9898
+
9899
+ .link-opacity-50 {
9900
+ --bs-link-opacity: 0.5;
9901
+ }
9902
+
9903
+ .link-opacity-50-hover:hover {
9904
+ --bs-link-opacity: 0.5;
9905
+ }
9906
+
9907
+ .link-opacity-75 {
9908
+ --bs-link-opacity: 0.75;
9909
+ }
9910
+
9911
+ .link-opacity-75-hover:hover {
9912
+ --bs-link-opacity: 0.75;
9913
+ }
9914
+
9915
+ .link-opacity-100 {
9916
+ --bs-link-opacity: 1;
9917
+ }
9918
+
9919
+ .link-opacity-100-hover:hover {
9920
+ --bs-link-opacity: 1;
9921
+ }
9922
+
9923
+ .link-offset-1 {
9924
+ text-underline-offset: 0.125em !important;
9925
+ }
9926
+
9927
+ .link-offset-1-hover:hover {
9928
+ text-underline-offset: 0.125em !important;
9929
+ }
9930
+
9931
+ .link-offset-2 {
9932
+ text-underline-offset: 0.25em !important;
9933
+ }
9934
+
9935
+ .link-offset-2-hover:hover {
9936
+ text-underline-offset: 0.25em !important;
9937
+ }
9938
+
9939
+ .link-offset-3 {
9940
+ text-underline-offset: 0.375em !important;
9941
+ }
9942
+
9943
+ .link-offset-3-hover:hover {
9944
+ text-underline-offset: 0.375em !important;
9945
+ }
9946
+
9947
+ .link-underline-primary {
9948
+ --bs-link-underline-opacity: 1;
9949
+ text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
9950
+ }
9951
+
9952
+ .link-underline-secondary {
9953
+ --bs-link-underline-opacity: 1;
9954
+ text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
9955
+ }
9956
+
9957
+ .link-underline-success {
9958
+ --bs-link-underline-opacity: 1;
9959
+ text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
9960
+ }
9961
+
9962
+ .link-underline-info {
9963
+ --bs-link-underline-opacity: 1;
9964
+ text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
9965
+ }
9966
+
9967
+ .link-underline-warning {
9968
+ --bs-link-underline-opacity: 1;
9969
+ text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
9970
+ }
9971
+
9972
+ .link-underline-danger {
9973
+ --bs-link-underline-opacity: 1;
9974
+ text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
9975
+ }
9976
+
9977
+ .link-underline-light {
9978
+ --bs-link-underline-opacity: 1;
9979
+ text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
9980
+ }
9981
+
9982
+ .link-underline-dark {
9983
+ --bs-link-underline-opacity: 1;
9984
+ text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
9985
+ }
9986
+
9987
+ .link-underline {
9988
+ --bs-link-underline-opacity: 1;
9989
+ text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
9990
+ }
9991
+
9992
+ .link-underline-opacity-0 {
9993
+ --bs-link-underline-opacity: 0;
9994
+ }
9995
+
9996
+ .link-underline-opacity-0-hover:hover {
9997
+ --bs-link-underline-opacity: 0;
9998
+ }
9999
+
10000
+ .link-underline-opacity-10 {
10001
+ --bs-link-underline-opacity: 0.1;
10002
+ }
10003
+
10004
+ .link-underline-opacity-10-hover:hover {
10005
+ --bs-link-underline-opacity: 0.1;
10006
+ }
10007
+
10008
+ .link-underline-opacity-25 {
10009
+ --bs-link-underline-opacity: 0.25;
10010
+ }
10011
+
10012
+ .link-underline-opacity-25-hover:hover {
10013
+ --bs-link-underline-opacity: 0.25;
10014
+ }
10015
+
10016
+ .link-underline-opacity-50 {
10017
+ --bs-link-underline-opacity: 0.5;
10018
+ }
10019
+
10020
+ .link-underline-opacity-50-hover:hover {
10021
+ --bs-link-underline-opacity: 0.5;
10022
+ }
10023
+
10024
+ .link-underline-opacity-75 {
10025
+ --bs-link-underline-opacity: 0.75;
10026
+ }
10027
+
10028
+ .link-underline-opacity-75-hover:hover {
10029
+ --bs-link-underline-opacity: 0.75;
10030
+ }
10031
+
10032
+ .link-underline-opacity-100 {
10033
+ --bs-link-underline-opacity: 1;
10034
+ }
10035
+
10036
+ .link-underline-opacity-100-hover:hover {
10037
+ --bs-link-underline-opacity: 1;
10038
+ }
10039
+
9389
10040
  .bg-primary {
9390
10041
  --bs-bg-opacity: 1;
9391
10042
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
@@ -9446,6 +10097,16 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9446
10097
  background-color: transparent !important;
9447
10098
  }
9448
10099
 
10100
+ .bg-body-secondary {
10101
+ --bs-bg-opacity: 1;
10102
+ background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
10103
+ }
10104
+
10105
+ .bg-body-tertiary {
10106
+ --bs-bg-opacity: 1;
10107
+ background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
10108
+ }
10109
+
9449
10110
  .bg-opacity-10 {
9450
10111
  --bs-bg-opacity: 0.1;
9451
10112
  }
@@ -9466,6 +10127,38 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9466
10127
  --bs-bg-opacity: 1;
9467
10128
  }
9468
10129
 
10130
+ .bg-primary-subtle {
10131
+ background-color: var(--bs-primary-bg-subtle) !important;
10132
+ }
10133
+
10134
+ .bg-secondary-subtle {
10135
+ background-color: var(--bs-secondary-bg-subtle) !important;
10136
+ }
10137
+
10138
+ .bg-success-subtle {
10139
+ background-color: var(--bs-success-bg-subtle) !important;
10140
+ }
10141
+
10142
+ .bg-info-subtle {
10143
+ background-color: var(--bs-info-bg-subtle) !important;
10144
+ }
10145
+
10146
+ .bg-warning-subtle {
10147
+ background-color: var(--bs-warning-bg-subtle) !important;
10148
+ }
10149
+
10150
+ .bg-danger-subtle {
10151
+ background-color: var(--bs-danger-bg-subtle) !important;
10152
+ }
10153
+
10154
+ .bg-light-subtle {
10155
+ background-color: var(--bs-light-bg-subtle) !important;
10156
+ }
10157
+
10158
+ .bg-dark-subtle {
10159
+ background-color: var(--bs-dark-bg-subtle) !important;
10160
+ }
10161
+
9469
10162
  .bg-gradient {
9470
10163
  background-image: var(--bs-gradient) !important;
9471
10164
  }
@@ -9515,7 +10208,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9515
10208
  }
9516
10209
 
9517
10210
  .rounded-5 {
9518
- border-radius: var(--bs-border-radius-2xl) !important;
10211
+ border-radius: var(--bs-border-radius-xxl) !important;
9519
10212
  }
9520
10213
 
9521
10214
  .rounded-circle {
@@ -9531,21 +10224,181 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9531
10224
  border-top-right-radius: var(--bs-border-radius) !important;
9532
10225
  }
9533
10226
 
10227
+ .rounded-top-0 {
10228
+ border-top-left-radius: 0 !important;
10229
+ border-top-right-radius: 0 !important;
10230
+ }
10231
+
10232
+ .rounded-top-1 {
10233
+ border-top-left-radius: var(--bs-border-radius-sm) !important;
10234
+ border-top-right-radius: var(--bs-border-radius-sm) !important;
10235
+ }
10236
+
10237
+ .rounded-top-2 {
10238
+ border-top-left-radius: var(--bs-border-radius) !important;
10239
+ border-top-right-radius: var(--bs-border-radius) !important;
10240
+ }
10241
+
10242
+ .rounded-top-3 {
10243
+ border-top-left-radius: var(--bs-border-radius-lg) !important;
10244
+ border-top-right-radius: var(--bs-border-radius-lg) !important;
10245
+ }
10246
+
10247
+ .rounded-top-4 {
10248
+ border-top-left-radius: var(--bs-border-radius-xl) !important;
10249
+ border-top-right-radius: var(--bs-border-radius-xl) !important;
10250
+ }
10251
+
10252
+ .rounded-top-5 {
10253
+ border-top-left-radius: var(--bs-border-radius-xxl) !important;
10254
+ border-top-right-radius: var(--bs-border-radius-xxl) !important;
10255
+ }
10256
+
10257
+ .rounded-top-circle {
10258
+ border-top-left-radius: 50% !important;
10259
+ border-top-right-radius: 50% !important;
10260
+ }
10261
+
10262
+ .rounded-top-pill {
10263
+ border-top-left-radius: var(--bs-border-radius-pill) !important;
10264
+ border-top-right-radius: var(--bs-border-radius-pill) !important;
10265
+ }
10266
+
9534
10267
  .rounded-end {
9535
10268
  border-top-right-radius: var(--bs-border-radius) !important;
9536
10269
  border-bottom-right-radius: var(--bs-border-radius) !important;
9537
10270
  }
9538
10271
 
10272
+ .rounded-end-0 {
10273
+ border-top-right-radius: 0 !important;
10274
+ border-bottom-right-radius: 0 !important;
10275
+ }
10276
+
10277
+ .rounded-end-1 {
10278
+ border-top-right-radius: var(--bs-border-radius-sm) !important;
10279
+ border-bottom-right-radius: var(--bs-border-radius-sm) !important;
10280
+ }
10281
+
10282
+ .rounded-end-2 {
10283
+ border-top-right-radius: var(--bs-border-radius) !important;
10284
+ border-bottom-right-radius: var(--bs-border-radius) !important;
10285
+ }
10286
+
10287
+ .rounded-end-3 {
10288
+ border-top-right-radius: var(--bs-border-radius-lg) !important;
10289
+ border-bottom-right-radius: var(--bs-border-radius-lg) !important;
10290
+ }
10291
+
10292
+ .rounded-end-4 {
10293
+ border-top-right-radius: var(--bs-border-radius-xl) !important;
10294
+ border-bottom-right-radius: var(--bs-border-radius-xl) !important;
10295
+ }
10296
+
10297
+ .rounded-end-5 {
10298
+ border-top-right-radius: var(--bs-border-radius-xxl) !important;
10299
+ border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
10300
+ }
10301
+
10302
+ .rounded-end-circle {
10303
+ border-top-right-radius: 50% !important;
10304
+ border-bottom-right-radius: 50% !important;
10305
+ }
10306
+
10307
+ .rounded-end-pill {
10308
+ border-top-right-radius: var(--bs-border-radius-pill) !important;
10309
+ border-bottom-right-radius: var(--bs-border-radius-pill) !important;
10310
+ }
10311
+
9539
10312
  .rounded-bottom {
9540
10313
  border-bottom-right-radius: var(--bs-border-radius) !important;
9541
10314
  border-bottom-left-radius: var(--bs-border-radius) !important;
9542
10315
  }
9543
10316
 
10317
+ .rounded-bottom-0 {
10318
+ border-bottom-right-radius: 0 !important;
10319
+ border-bottom-left-radius: 0 !important;
10320
+ }
10321
+
10322
+ .rounded-bottom-1 {
10323
+ border-bottom-right-radius: var(--bs-border-radius-sm) !important;
10324
+ border-bottom-left-radius: var(--bs-border-radius-sm) !important;
10325
+ }
10326
+
10327
+ .rounded-bottom-2 {
10328
+ border-bottom-right-radius: var(--bs-border-radius) !important;
10329
+ border-bottom-left-radius: var(--bs-border-radius) !important;
10330
+ }
10331
+
10332
+ .rounded-bottom-3 {
10333
+ border-bottom-right-radius: var(--bs-border-radius-lg) !important;
10334
+ border-bottom-left-radius: var(--bs-border-radius-lg) !important;
10335
+ }
10336
+
10337
+ .rounded-bottom-4 {
10338
+ border-bottom-right-radius: var(--bs-border-radius-xl) !important;
10339
+ border-bottom-left-radius: var(--bs-border-radius-xl) !important;
10340
+ }
10341
+
10342
+ .rounded-bottom-5 {
10343
+ border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
10344
+ border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
10345
+ }
10346
+
10347
+ .rounded-bottom-circle {
10348
+ border-bottom-right-radius: 50% !important;
10349
+ border-bottom-left-radius: 50% !important;
10350
+ }
10351
+
10352
+ .rounded-bottom-pill {
10353
+ border-bottom-right-radius: var(--bs-border-radius-pill) !important;
10354
+ border-bottom-left-radius: var(--bs-border-radius-pill) !important;
10355
+ }
10356
+
9544
10357
  .rounded-start {
9545
10358
  border-bottom-left-radius: var(--bs-border-radius) !important;
9546
10359
  border-top-left-radius: var(--bs-border-radius) !important;
9547
10360
  }
9548
10361
 
10362
+ .rounded-start-0 {
10363
+ border-bottom-left-radius: 0 !important;
10364
+ border-top-left-radius: 0 !important;
10365
+ }
10366
+
10367
+ .rounded-start-1 {
10368
+ border-bottom-left-radius: var(--bs-border-radius-sm) !important;
10369
+ border-top-left-radius: var(--bs-border-radius-sm) !important;
10370
+ }
10371
+
10372
+ .rounded-start-2 {
10373
+ border-bottom-left-radius: var(--bs-border-radius) !important;
10374
+ border-top-left-radius: var(--bs-border-radius) !important;
10375
+ }
10376
+
10377
+ .rounded-start-3 {
10378
+ border-bottom-left-radius: var(--bs-border-radius-lg) !important;
10379
+ border-top-left-radius: var(--bs-border-radius-lg) !important;
10380
+ }
10381
+
10382
+ .rounded-start-4 {
10383
+ border-bottom-left-radius: var(--bs-border-radius-xl) !important;
10384
+ border-top-left-radius: var(--bs-border-radius-xl) !important;
10385
+ }
10386
+
10387
+ .rounded-start-5 {
10388
+ border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
10389
+ border-top-left-radius: var(--bs-border-radius-xxl) !important;
10390
+ }
10391
+
10392
+ .rounded-start-circle {
10393
+ border-bottom-left-radius: 50% !important;
10394
+ border-top-left-radius: 50% !important;
10395
+ }
10396
+
10397
+ .rounded-start-pill {
10398
+ border-bottom-left-radius: var(--bs-border-radius-pill) !important;
10399
+ border-top-left-radius: var(--bs-border-radius-pill) !important;
10400
+ }
10401
+
9549
10402
  .visible {
9550
10403
  visibility: visible !important;
9551
10404
  }
@@ -9554,6 +10407,26 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9554
10407
  visibility: hidden !important;
9555
10408
  }
9556
10409
 
10410
+ .z-n1 {
10411
+ z-index: -1 !important;
10412
+ }
10413
+
10414
+ .z-0 {
10415
+ z-index: 0 !important;
10416
+ }
10417
+
10418
+ .z-1 {
10419
+ z-index: 1 !important;
10420
+ }
10421
+
10422
+ .z-2 {
10423
+ z-index: 2 !important;
10424
+ }
10425
+
10426
+ .z-3 {
10427
+ z-index: 3 !important;
10428
+ }
10429
+
9557
10430
  @media (min-width: 576px) {
9558
10431
  .float-sm-start {
9559
10432
  float: left !important;
@@ -9564,6 +10437,21 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9564
10437
  .float-sm-none {
9565
10438
  float: none !important;
9566
10439
  }
10440
+ .object-fit-sm-contain {
10441
+ object-fit: contain !important;
10442
+ }
10443
+ .object-fit-sm-cover {
10444
+ object-fit: cover !important;
10445
+ }
10446
+ .object-fit-sm-fill {
10447
+ object-fit: fill !important;
10448
+ }
10449
+ .object-fit-sm-scale {
10450
+ object-fit: scale-down !important;
10451
+ }
10452
+ .object-fit-sm-none {
10453
+ object-fit: none !important;
10454
+ }
9567
10455
  .d-sm-inline {
9568
10456
  display: inline !important;
9569
10457
  }
@@ -9576,6 +10464,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9576
10464
  .d-sm-grid {
9577
10465
  display: grid !important;
9578
10466
  }
10467
+ .d-sm-inline-grid {
10468
+ display: inline-grid !important;
10469
+ }
9579
10470
  .d-sm-table {
9580
10471
  display: table !important;
9581
10472
  }
@@ -10040,6 +10931,42 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
10040
10931
  .gap-sm-5 {
10041
10932
  gap: 4.5rem !important;
10042
10933
  }
10934
+ .row-gap-sm-0 {
10935
+ row-gap: 0 !important;
10936
+ }
10937
+ .row-gap-sm-1 {
10938
+ row-gap: 0.375rem !important;
10939
+ }
10940
+ .row-gap-sm-2 {
10941
+ row-gap: 0.75rem !important;
10942
+ }
10943
+ .row-gap-sm-3 {
10944
+ row-gap: 1.5rem !important;
10945
+ }
10946
+ .row-gap-sm-4 {
10947
+ row-gap: 2.25rem !important;
10948
+ }
10949
+ .row-gap-sm-5 {
10950
+ row-gap: 4.5rem !important;
10951
+ }
10952
+ .column-gap-sm-0 {
10953
+ column-gap: 0 !important;
10954
+ }
10955
+ .column-gap-sm-1 {
10956
+ column-gap: 0.375rem !important;
10957
+ }
10958
+ .column-gap-sm-2 {
10959
+ column-gap: 0.75rem !important;
10960
+ }
10961
+ .column-gap-sm-3 {
10962
+ column-gap: 1.5rem !important;
10963
+ }
10964
+ .column-gap-sm-4 {
10965
+ column-gap: 2.25rem !important;
10966
+ }
10967
+ .column-gap-sm-5 {
10968
+ column-gap: 4.5rem !important;
10969
+ }
10043
10970
  .text-sm-start {
10044
10971
  text-align: left !important;
10045
10972
  }
@@ -10060,6 +10987,21 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
10060
10987
  .float-md-none {
10061
10988
  float: none !important;
10062
10989
  }
10990
+ .object-fit-md-contain {
10991
+ object-fit: contain !important;
10992
+ }
10993
+ .object-fit-md-cover {
10994
+ object-fit: cover !important;
10995
+ }
10996
+ .object-fit-md-fill {
10997
+ object-fit: fill !important;
10998
+ }
10999
+ .object-fit-md-scale {
11000
+ object-fit: scale-down !important;
11001
+ }
11002
+ .object-fit-md-none {
11003
+ object-fit: none !important;
11004
+ }
10063
11005
  .d-md-inline {
10064
11006
  display: inline !important;
10065
11007
  }
@@ -10072,6 +11014,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
10072
11014
  .d-md-grid {
10073
11015
  display: grid !important;
10074
11016
  }
11017
+ .d-md-inline-grid {
11018
+ display: inline-grid !important;
11019
+ }
10075
11020
  .d-md-table {
10076
11021
  display: table !important;
10077
11022
  }
@@ -10536,6 +11481,42 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
10536
11481
  .gap-md-5 {
10537
11482
  gap: 4.5rem !important;
10538
11483
  }
11484
+ .row-gap-md-0 {
11485
+ row-gap: 0 !important;
11486
+ }
11487
+ .row-gap-md-1 {
11488
+ row-gap: 0.375rem !important;
11489
+ }
11490
+ .row-gap-md-2 {
11491
+ row-gap: 0.75rem !important;
11492
+ }
11493
+ .row-gap-md-3 {
11494
+ row-gap: 1.5rem !important;
11495
+ }
11496
+ .row-gap-md-4 {
11497
+ row-gap: 2.25rem !important;
11498
+ }
11499
+ .row-gap-md-5 {
11500
+ row-gap: 4.5rem !important;
11501
+ }
11502
+ .column-gap-md-0 {
11503
+ column-gap: 0 !important;
11504
+ }
11505
+ .column-gap-md-1 {
11506
+ column-gap: 0.375rem !important;
11507
+ }
11508
+ .column-gap-md-2 {
11509
+ column-gap: 0.75rem !important;
11510
+ }
11511
+ .column-gap-md-3 {
11512
+ column-gap: 1.5rem !important;
11513
+ }
11514
+ .column-gap-md-4 {
11515
+ column-gap: 2.25rem !important;
11516
+ }
11517
+ .column-gap-md-5 {
11518
+ column-gap: 4.5rem !important;
11519
+ }
10539
11520
  .text-md-start {
10540
11521
  text-align: left !important;
10541
11522
  }
@@ -10556,6 +11537,21 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
10556
11537
  .float-lg-none {
10557
11538
  float: none !important;
10558
11539
  }
11540
+ .object-fit-lg-contain {
11541
+ object-fit: contain !important;
11542
+ }
11543
+ .object-fit-lg-cover {
11544
+ object-fit: cover !important;
11545
+ }
11546
+ .object-fit-lg-fill {
11547
+ object-fit: fill !important;
11548
+ }
11549
+ .object-fit-lg-scale {
11550
+ object-fit: scale-down !important;
11551
+ }
11552
+ .object-fit-lg-none {
11553
+ object-fit: none !important;
11554
+ }
10559
11555
  .d-lg-inline {
10560
11556
  display: inline !important;
10561
11557
  }
@@ -10568,6 +11564,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
10568
11564
  .d-lg-grid {
10569
11565
  display: grid !important;
10570
11566
  }
11567
+ .d-lg-inline-grid {
11568
+ display: inline-grid !important;
11569
+ }
10571
11570
  .d-lg-table {
10572
11571
  display: table !important;
10573
11572
  }
@@ -11032,6 +12031,42 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
11032
12031
  .gap-lg-5 {
11033
12032
  gap: 4.5rem !important;
11034
12033
  }
12034
+ .row-gap-lg-0 {
12035
+ row-gap: 0 !important;
12036
+ }
12037
+ .row-gap-lg-1 {
12038
+ row-gap: 0.375rem !important;
12039
+ }
12040
+ .row-gap-lg-2 {
12041
+ row-gap: 0.75rem !important;
12042
+ }
12043
+ .row-gap-lg-3 {
12044
+ row-gap: 1.5rem !important;
12045
+ }
12046
+ .row-gap-lg-4 {
12047
+ row-gap: 2.25rem !important;
12048
+ }
12049
+ .row-gap-lg-5 {
12050
+ row-gap: 4.5rem !important;
12051
+ }
12052
+ .column-gap-lg-0 {
12053
+ column-gap: 0 !important;
12054
+ }
12055
+ .column-gap-lg-1 {
12056
+ column-gap: 0.375rem !important;
12057
+ }
12058
+ .column-gap-lg-2 {
12059
+ column-gap: 0.75rem !important;
12060
+ }
12061
+ .column-gap-lg-3 {
12062
+ column-gap: 1.5rem !important;
12063
+ }
12064
+ .column-gap-lg-4 {
12065
+ column-gap: 2.25rem !important;
12066
+ }
12067
+ .column-gap-lg-5 {
12068
+ column-gap: 4.5rem !important;
12069
+ }
11035
12070
  .text-lg-start {
11036
12071
  text-align: left !important;
11037
12072
  }
@@ -11052,6 +12087,21 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
11052
12087
  .float-xl-none {
11053
12088
  float: none !important;
11054
12089
  }
12090
+ .object-fit-xl-contain {
12091
+ object-fit: contain !important;
12092
+ }
12093
+ .object-fit-xl-cover {
12094
+ object-fit: cover !important;
12095
+ }
12096
+ .object-fit-xl-fill {
12097
+ object-fit: fill !important;
12098
+ }
12099
+ .object-fit-xl-scale {
12100
+ object-fit: scale-down !important;
12101
+ }
12102
+ .object-fit-xl-none {
12103
+ object-fit: none !important;
12104
+ }
11055
12105
  .d-xl-inline {
11056
12106
  display: inline !important;
11057
12107
  }
@@ -11064,6 +12114,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
11064
12114
  .d-xl-grid {
11065
12115
  display: grid !important;
11066
12116
  }
12117
+ .d-xl-inline-grid {
12118
+ display: inline-grid !important;
12119
+ }
11067
12120
  .d-xl-table {
11068
12121
  display: table !important;
11069
12122
  }
@@ -11528,6 +12581,42 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
11528
12581
  .gap-xl-5 {
11529
12582
  gap: 4.5rem !important;
11530
12583
  }
12584
+ .row-gap-xl-0 {
12585
+ row-gap: 0 !important;
12586
+ }
12587
+ .row-gap-xl-1 {
12588
+ row-gap: 0.375rem !important;
12589
+ }
12590
+ .row-gap-xl-2 {
12591
+ row-gap: 0.75rem !important;
12592
+ }
12593
+ .row-gap-xl-3 {
12594
+ row-gap: 1.5rem !important;
12595
+ }
12596
+ .row-gap-xl-4 {
12597
+ row-gap: 2.25rem !important;
12598
+ }
12599
+ .row-gap-xl-5 {
12600
+ row-gap: 4.5rem !important;
12601
+ }
12602
+ .column-gap-xl-0 {
12603
+ column-gap: 0 !important;
12604
+ }
12605
+ .column-gap-xl-1 {
12606
+ column-gap: 0.375rem !important;
12607
+ }
12608
+ .column-gap-xl-2 {
12609
+ column-gap: 0.75rem !important;
12610
+ }
12611
+ .column-gap-xl-3 {
12612
+ column-gap: 1.5rem !important;
12613
+ }
12614
+ .column-gap-xl-4 {
12615
+ column-gap: 2.25rem !important;
12616
+ }
12617
+ .column-gap-xl-5 {
12618
+ column-gap: 4.5rem !important;
12619
+ }
11531
12620
  .text-xl-start {
11532
12621
  text-align: left !important;
11533
12622
  }
@@ -11548,6 +12637,21 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
11548
12637
  .float-xxl-none {
11549
12638
  float: none !important;
11550
12639
  }
12640
+ .object-fit-xxl-contain {
12641
+ object-fit: contain !important;
12642
+ }
12643
+ .object-fit-xxl-cover {
12644
+ object-fit: cover !important;
12645
+ }
12646
+ .object-fit-xxl-fill {
12647
+ object-fit: fill !important;
12648
+ }
12649
+ .object-fit-xxl-scale {
12650
+ object-fit: scale-down !important;
12651
+ }
12652
+ .object-fit-xxl-none {
12653
+ object-fit: none !important;
12654
+ }
11551
12655
  .d-xxl-inline {
11552
12656
  display: inline !important;
11553
12657
  }
@@ -11560,6 +12664,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
11560
12664
  .d-xxl-grid {
11561
12665
  display: grid !important;
11562
12666
  }
12667
+ .d-xxl-inline-grid {
12668
+ display: inline-grid !important;
12669
+ }
11563
12670
  .d-xxl-table {
11564
12671
  display: table !important;
11565
12672
  }
@@ -12024,6 +13131,42 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
12024
13131
  .gap-xxl-5 {
12025
13132
  gap: 4.5rem !important;
12026
13133
  }
13134
+ .row-gap-xxl-0 {
13135
+ row-gap: 0 !important;
13136
+ }
13137
+ .row-gap-xxl-1 {
13138
+ row-gap: 0.375rem !important;
13139
+ }
13140
+ .row-gap-xxl-2 {
13141
+ row-gap: 0.75rem !important;
13142
+ }
13143
+ .row-gap-xxl-3 {
13144
+ row-gap: 1.5rem !important;
13145
+ }
13146
+ .row-gap-xxl-4 {
13147
+ row-gap: 2.25rem !important;
13148
+ }
13149
+ .row-gap-xxl-5 {
13150
+ row-gap: 4.5rem !important;
13151
+ }
13152
+ .column-gap-xxl-0 {
13153
+ column-gap: 0 !important;
13154
+ }
13155
+ .column-gap-xxl-1 {
13156
+ column-gap: 0.375rem !important;
13157
+ }
13158
+ .column-gap-xxl-2 {
13159
+ column-gap: 0.75rem !important;
13160
+ }
13161
+ .column-gap-xxl-3 {
13162
+ column-gap: 1.5rem !important;
13163
+ }
13164
+ .column-gap-xxl-4 {
13165
+ column-gap: 2.25rem !important;
13166
+ }
13167
+ .column-gap-xxl-5 {
13168
+ column-gap: 4.5rem !important;
13169
+ }
12027
13170
  .text-xxl-start {
12028
13171
  text-align: left !important;
12029
13172
  }
@@ -12061,6 +13204,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
12061
13204
  .d-print-grid {
12062
13205
  display: grid !important;
12063
13206
  }
13207
+ .d-print-inline-grid {
13208
+ display: inline-grid !important;
13209
+ }
12064
13210
  .d-print-table {
12065
13211
  display: table !important;
12066
13212
  }