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

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.
@@ -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,31 @@ 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-primary {
2330
+ --bs-table-striped-bg: inherit;
2331
+ }
2332
+
2333
+ .table > :not(caption) > * > * {
2334
+ background-color: inherit !important;
2335
+ color: inherit !important;
2336
+ }
2201
2337
 
2202
2338
  .form-label {
2203
2339
  margin-bottom: 0.25rem;
@@ -2205,8 +2341,8 @@ progress {
2205
2341
  }
2206
2342
 
2207
2343
  .col-form-label {
2208
- padding-top: calc(0.675rem + 1px);
2209
- padding-bottom: calc(0.675rem + 1px);
2344
+ padding-top: calc(0.675rem + var(--bs-border-width));
2345
+ padding-bottom: calc(0.675rem + var(--bs-border-width));
2210
2346
  margin-bottom: 0;
2211
2347
  font-size: inherit;
2212
2348
  font-weight: 500;
@@ -2214,21 +2350,21 @@ progress {
2214
2350
  }
2215
2351
 
2216
2352
  .col-form-label-lg {
2217
- padding-top: calc(0.825rem + 1px);
2218
- padding-bottom: calc(0.825rem + 1px);
2353
+ padding-top: calc(0.825rem + var(--bs-border-width));
2354
+ padding-bottom: calc(0.825rem + var(--bs-border-width));
2219
2355
  font-size: 0.984375rem;
2220
2356
  }
2221
2357
 
2222
2358
  .col-form-label-sm {
2223
- padding-top: calc(0.375rem + 1px);
2224
- padding-bottom: calc(0.375rem + 1px);
2359
+ padding-top: calc(0.375rem + var(--bs-border-width));
2360
+ padding-bottom: calc(0.375rem + var(--bs-border-width));
2225
2361
  font-size: 0.765625rem;
2226
2362
  }
2227
2363
 
2228
2364
  .form-text {
2229
2365
  margin-top: 0.25rem;
2230
2366
  font-size: 0.875em;
2231
- color: #686b6e;
2367
+ color: var(--bs-secondary-color);
2232
2368
  }
2233
2369
 
2234
2370
  .form-control {
@@ -2239,11 +2375,11 @@ progress {
2239
2375
  font-weight: 500;
2240
2376
  line-height: 1.5;
2241
2377
  color: #686b6e;
2378
+ appearance: none;
2242
2379
  background-color: #f5f5f7;
2243
2380
  background-clip: padding-box;
2244
- border: 1px solid #e7e9ec;
2245
- appearance: none;
2246
- border-radius: 0.5rem;
2381
+ border: var(--bs-border-width) solid #e7e9ec;
2382
+ border-radius: var(--bs-border-radius);
2247
2383
  box-shadow: none;
2248
2384
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2249
2385
  }
@@ -2263,13 +2399,19 @@ progress {
2263
2399
  background-color: #f5f5f7;
2264
2400
  border-color: #e7e9ec;
2265
2401
  outline: 0;
2266
- box-shadow: none, none;
2402
+ box-shadow: none;
2267
2403
  }
2268
2404
  .form-control::-webkit-date-and-time-value {
2405
+ min-width: 85px;
2269
2406
  height: 1.5em;
2407
+ margin: 0;
2408
+ }
2409
+ .form-control::-webkit-datetime-edit {
2410
+ display: block;
2411
+ padding: 0;
2270
2412
  }
2271
2413
  .form-control::placeholder {
2272
- color: #6c757d;
2414
+ color: var(--bs-secondary-color);
2273
2415
  opacity: 1;
2274
2416
  }
2275
2417
  .form-control:disabled {
@@ -2281,12 +2423,12 @@ progress {
2281
2423
  margin: -0.675rem -1.25rem;
2282
2424
  margin-inline-end: 1.25rem;
2283
2425
  color: #686b6e;
2284
- background-color: #ffffff;
2426
+ background-color: var(--bs-tertiary-bg);
2285
2427
  pointer-events: none;
2286
2428
  border-color: inherit;
2287
2429
  border-style: solid;
2288
2430
  border-width: 0;
2289
- border-inline-end-width: 1px;
2431
+ border-inline-end-width: var(--bs-border-width);
2290
2432
  border-radius: 0;
2291
2433
  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
2434
  }
@@ -2296,7 +2438,7 @@ progress {
2296
2438
  }
2297
2439
  }
2298
2440
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
2299
- background-color: rgb(242.25, 242.25, 242.25);
2441
+ background-color: var(--bs-secondary-bg);
2300
2442
  }
2301
2443
 
2302
2444
  .form-control-plaintext {
@@ -2305,10 +2447,10 @@ progress {
2305
2447
  padding: 0.675rem 0;
2306
2448
  margin-bottom: 0;
2307
2449
  line-height: 1.5;
2308
- color: #686b6e;
2450
+ color: var(--bs-body-color);
2309
2451
  background-color: transparent;
2310
2452
  border: solid transparent;
2311
- border-width: 1px 0;
2453
+ border-width: var(--bs-border-width) 0;
2312
2454
  }
2313
2455
  .form-control-plaintext:focus {
2314
2456
  outline: 0;
@@ -2319,10 +2461,10 @@ progress {
2319
2461
  }
2320
2462
 
2321
2463
  .form-control-sm {
2322
- min-height: calc(1.5em + 0.75rem + 2px);
2464
+ min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
2323
2465
  padding: 0.375rem 0.75rem;
2324
2466
  font-size: 0.765625rem;
2325
- border-radius: 0.4375rem;
2467
+ border-radius: var(--bs-border-radius-sm);
2326
2468
  }
2327
2469
  .form-control-sm::file-selector-button {
2328
2470
  padding: 0.375rem 0.75rem;
@@ -2331,10 +2473,10 @@ progress {
2331
2473
  }
2332
2474
 
2333
2475
  .form-control-lg {
2334
- min-height: calc(1.5em + 1.65rem + 2px);
2476
+ min-height: calc(1.5em + 1.65rem + calc(var(--bs-border-width) * 2));
2335
2477
  padding: 0.825rem 1.5rem;
2336
2478
  font-size: 0.984375rem;
2337
- border-radius: 0.5625rem;
2479
+ border-radius: var(--bs-border-radius-lg);
2338
2480
  }
2339
2481
  .form-control-lg::file-selector-button {
2340
2482
  padding: 0.825rem 1.5rem;
@@ -2343,18 +2485,18 @@ progress {
2343
2485
  }
2344
2486
 
2345
2487
  textarea.form-control {
2346
- min-height: calc(1.5em + 1.35rem + 2px);
2488
+ min-height: calc(1.5em + 1.35rem + calc(var(--bs-border-width) * 2));
2347
2489
  }
2348
2490
  textarea.form-control-sm {
2349
- min-height: calc(1.5em + 0.75rem + 2px);
2491
+ min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
2350
2492
  }
2351
2493
  textarea.form-control-lg {
2352
- min-height: calc(1.5em + 1.65rem + 2px);
2494
+ min-height: calc(1.5em + 1.65rem + calc(var(--bs-border-width) * 2));
2353
2495
  }
2354
2496
 
2355
2497
  .form-control-color {
2356
2498
  width: 3rem;
2357
- height: calc(1.5em + 1.35rem + 2px);
2499
+ height: calc(1.5em + 1.35rem + calc(var(--bs-border-width) * 2));
2358
2500
  padding: 0.675rem;
2359
2501
  }
2360
2502
  .form-control-color:not(:disabled):not([readonly]) {
@@ -2362,37 +2504,38 @@ textarea.form-control-lg {
2362
2504
  }
2363
2505
  .form-control-color::-moz-color-swatch {
2364
2506
  border: 0 !important;
2365
- border-radius: 0.5rem;
2507
+ border-radius: var(--bs-border-radius);
2366
2508
  }
2367
2509
  .form-control-color::-webkit-color-swatch {
2368
- border-radius: 0.5rem;
2510
+ border: 0 !important;
2511
+ border-radius: var(--bs-border-radius);
2369
2512
  }
2370
2513
  .form-control-color.form-control-sm {
2371
- height: calc(1.5em + 0.75rem + 2px);
2514
+ height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
2372
2515
  }
2373
2516
  .form-control-color.form-control-lg {
2374
- height: calc(1.5em + 1.65rem + 2px);
2517
+ height: calc(1.5em + 1.65rem + calc(var(--bs-border-width) * 2));
2375
2518
  }
2376
2519
 
2377
2520
  .form-select {
2521
+ --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
2522
  display: block;
2379
2523
  width: 100%;
2380
2524
  padding: 0.675rem 3.75rem 0.675rem 1.25rem;
2381
- -moz-padding-start: calc(1.25rem - 3px);
2382
2525
  font-size: 0.875rem;
2383
2526
  font-weight: 500;
2384
2527
  line-height: 1.5;
2385
2528
  color: #686b6e;
2529
+ appearance: none;
2386
2530
  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");
2531
+ background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
2388
2532
  background-repeat: no-repeat;
2389
2533
  background-position: right 1.25rem center;
2390
2534
  background-size: 16px 12px;
2391
- border: 1px solid #e7e9ec;
2392
- border-radius: 0.5rem;
2535
+ border: var(--bs-border-width) solid #e7e9ec;
2536
+ border-radius: var(--bs-border-radius);
2393
2537
  box-shadow: none;
2394
2538
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2395
- appearance: none;
2396
2539
  }
2397
2540
  @media (prefers-reduced-motion: reduce) {
2398
2541
  .form-select {
@@ -2402,7 +2545,7 @@ textarea.form-control-lg {
2402
2545
  .form-select:focus {
2403
2546
  border-color: #e7e9ec;
2404
2547
  outline: 0;
2405
- box-shadow: none, 0 0 0 0 rgba(247, 37, 133, 0.25);
2548
+ box-shadow: none;
2406
2549
  }
2407
2550
  .form-select[multiple], .form-select[size]:not([size="1"]) {
2408
2551
  padding-right: 1.25rem;
@@ -2421,7 +2564,7 @@ textarea.form-control-lg {
2421
2564
  padding-bottom: 0.375rem;
2422
2565
  padding-left: 0.75rem;
2423
2566
  font-size: 0.765625rem;
2424
- border-radius: 0.4375rem;
2567
+ border-radius: var(--bs-border-radius-sm);
2425
2568
  }
2426
2569
 
2427
2570
  .form-select-lg {
@@ -2429,7 +2572,11 @@ textarea.form-control-lg {
2429
2572
  padding-bottom: 0.825rem;
2430
2573
  padding-left: 1.5rem;
2431
2574
  font-size: 0.984375rem;
2432
- border-radius: 0.5625rem;
2575
+ border-radius: var(--bs-border-radius-lg);
2576
+ }
2577
+
2578
+ [data-bs-theme=dark] .form-select {
2579
+ --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
2580
  }
2434
2581
 
2435
2582
  .form-check {
@@ -2455,16 +2602,19 @@ textarea.form-control-lg {
2455
2602
  }
2456
2603
 
2457
2604
  .form-check-input {
2605
+ --bs-form-check-bg: #f5f5f7;
2606
+ flex-shrink: 0;
2458
2607
  width: 1.25em;
2459
2608
  height: 1.25em;
2460
2609
  margin-top: 0.125em;
2461
2610
  vertical-align: top;
2462
- background-color: #f5f5f7;
2611
+ appearance: none;
2612
+ background-color: var(--bs-form-check-bg);
2613
+ background-image: var(--bs-form-check-bg-image);
2463
2614
  background-repeat: no-repeat;
2464
2615
  background-position: center;
2465
2616
  background-size: contain;
2466
2617
  border: 1px solid #f5f5f7;
2467
- appearance: none;
2468
2618
  print-color-adjust: exact;
2469
2619
  }
2470
2620
  .form-check-input[type=checkbox] {
@@ -2479,22 +2629,22 @@ textarea.form-control-lg {
2479
2629
  .form-check-input:focus {
2480
2630
  border-color: #e7e9ec;
2481
2631
  outline: 0;
2482
- box-shadow: none;
2632
+ box-shadow: 0 0 0 0.25rem rgba(53, 93, 255, 0.25);
2483
2633
  }
2484
2634
  .form-check-input:checked {
2485
2635
  background-color: #f72585;
2486
2636
  border-color: #f72585;
2487
2637
  }
2488
2638
  .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");
2639
+ --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
2640
  }
2491
2641
  .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");
2642
+ --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
2643
  }
2494
2644
  .form-check-input[type=checkbox]:indeterminate {
2495
2645
  background-color: #f72585;
2496
2646
  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");
2647
+ --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
2648
  }
2499
2649
  .form-check-input:disabled {
2500
2650
  pointer-events: none;
@@ -2510,9 +2660,10 @@ textarea.form-control-lg {
2510
2660
  padding-left: 2.5em;
2511
2661
  }
2512
2662
  .form-switch .form-check-input {
2663
+ --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
2664
  width: 2em;
2514
2665
  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");
2666
+ background-image: var(--bs-form-switch-bg);
2516
2667
  background-position: left center;
2517
2668
  border-radius: 2em;
2518
2669
  transition: background-position 0.15s ease-in-out;
@@ -2523,11 +2674,11 @@ textarea.form-control-lg {
2523
2674
  }
2524
2675
  }
2525
2676
  .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");
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='%23e7e9ec'/%3e%3c/svg%3e");
2527
2678
  }
2528
2679
  .form-switch .form-check-input:checked {
2529
2680
  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");
2681
+ --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
2682
  }
2532
2683
  .form-switch.form-check-reverse {
2533
2684
  padding-right: 2.5em;
@@ -2554,12 +2705,16 @@ textarea.form-control-lg {
2554
2705
  opacity: 0.65;
2555
2706
  }
2556
2707
 
2708
+ [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
2709
+ --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");
2710
+ }
2711
+
2557
2712
  .form-range {
2558
2713
  width: 100%;
2559
2714
  height: 1rem;
2560
2715
  padding: 0;
2561
- background-color: transparent;
2562
2716
  appearance: none;
2717
+ background-color: transparent;
2563
2718
  }
2564
2719
  .form-range:focus {
2565
2720
  outline: 0;
@@ -2577,12 +2732,12 @@ textarea.form-control-lg {
2577
2732
  width: 1rem;
2578
2733
  height: 1rem;
2579
2734
  margin-top: -0.25rem;
2735
+ appearance: none;
2580
2736
  background-color: #f72585;
2581
2737
  border: 0;
2582
2738
  border-radius: 1rem;
2583
2739
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
2584
2740
  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
2741
  }
2587
2742
  @media (prefers-reduced-motion: reduce) {
2588
2743
  .form-range::-webkit-slider-thumb {
@@ -2597,20 +2752,20 @@ textarea.form-control-lg {
2597
2752
  height: 0.5rem;
2598
2753
  color: transparent;
2599
2754
  cursor: pointer;
2600
- background-color: #dee2e6;
2755
+ background-color: var(--bs-secondary-bg);
2601
2756
  border-color: transparent;
2602
2757
  border-radius: 1rem;
2603
- box-shadow: none;
2758
+ box-shadow: var(--bs-box-shadow-inset);
2604
2759
  }
2605
2760
  .form-range::-moz-range-thumb {
2606
2761
  width: 1rem;
2607
2762
  height: 1rem;
2763
+ appearance: none;
2608
2764
  background-color: #f72585;
2609
2765
  border: 0;
2610
2766
  border-radius: 1rem;
2611
2767
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
2612
2768
  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
2769
  }
2615
2770
  @media (prefers-reduced-motion: reduce) {
2616
2771
  .form-range::-moz-range-thumb {
@@ -2625,19 +2780,19 @@ textarea.form-control-lg {
2625
2780
  height: 0.5rem;
2626
2781
  color: transparent;
2627
2782
  cursor: pointer;
2628
- background-color: #dee2e6;
2783
+ background-color: var(--bs-secondary-bg);
2629
2784
  border-color: transparent;
2630
2785
  border-radius: 1rem;
2631
- box-shadow: none;
2786
+ box-shadow: var(--bs-box-shadow-inset);
2632
2787
  }
2633
2788
  .form-range:disabled {
2634
2789
  pointer-events: none;
2635
2790
  }
2636
2791
  .form-range:disabled::-webkit-slider-thumb {
2637
- background-color: #adb5bd;
2792
+ background-color: var(--bs-secondary-color);
2638
2793
  }
2639
2794
  .form-range:disabled::-moz-range-thumb {
2640
- background-color: #adb5bd;
2795
+ background-color: var(--bs-secondary-color);
2641
2796
  }
2642
2797
 
2643
2798
  .form-floating {
@@ -2646,22 +2801,25 @@ textarea.form-control-lg {
2646
2801
  .form-floating > .form-control,
2647
2802
  .form-floating > .form-control-plaintext,
2648
2803
  .form-floating > .form-select {
2649
- height: calc(3.5rem + 2px);
2804
+ height: calc(3.5rem + calc(var(--bs-border-width) * 2));
2805
+ min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
2650
2806
  line-height: 1.25;
2651
2807
  }
2652
2808
  .form-floating > label {
2653
2809
  position: absolute;
2654
2810
  top: 0;
2655
2811
  left: 0;
2656
- width: 100%;
2812
+ z-index: 2;
2813
+ max-width: 100%;
2657
2814
  height: 100%;
2658
2815
  padding: 1rem 1.25rem;
2659
2816
  overflow: hidden;
2817
+ color: rgba(var(--bs-body-color-rgb), 0.65);
2660
2818
  text-align: start;
2661
2819
  text-overflow: ellipsis;
2662
2820
  white-space: nowrap;
2663
2821
  pointer-events: none;
2664
- border: 1px solid transparent;
2822
+ border: var(--bs-border-width) solid transparent;
2665
2823
  transform-origin: 0 0;
2666
2824
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
2667
2825
  }
@@ -2692,20 +2850,36 @@ textarea.form-control-lg {
2692
2850
  .form-floating > .form-select {
2693
2851
  padding-top: 1.625rem;
2694
2852
  padding-bottom: 0.625rem;
2853
+ padding-left: 1.25rem;
2695
2854
  }
2696
2855
  .form-floating > .form-control:focus ~ label,
2697
2856
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
2698
2857
  .form-floating > .form-control-plaintext ~ label,
2699
2858
  .form-floating > .form-select ~ label {
2700
- opacity: 0.65;
2701
2859
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2702
2860
  }
2703
2861
  .form-floating > .form-control:-webkit-autofill ~ label {
2704
- opacity: 0.65;
2705
2862
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2706
2863
  }
2864
+ .form-floating > textarea:focus ~ label::after,
2865
+ .form-floating > textarea:not(:placeholder-shown) ~ label::after {
2866
+ position: absolute;
2867
+ inset: 1rem 0.625rem;
2868
+ z-index: -1;
2869
+ height: 1.5em;
2870
+ content: "";
2871
+ background-color: #f5f5f7;
2872
+ border-radius: var(--bs-border-radius);
2873
+ }
2874
+ .form-floating > textarea:disabled ~ label::after {
2875
+ background-color: #f5f5f7;
2876
+ }
2707
2877
  .form-floating > .form-control-plaintext ~ label {
2708
- border-width: 1px 0;
2878
+ border-width: var(--bs-border-width) 0;
2879
+ }
2880
+ .form-floating > :disabled ~ label,
2881
+ .form-floating > .form-control:disabled ~ label {
2882
+ color: #6c757d;
2709
2883
  }
2710
2884
 
2711
2885
  .input-group {
@@ -2747,8 +2921,8 @@ textarea.form-control-lg {
2747
2921
  text-align: center;
2748
2922
  white-space: nowrap;
2749
2923
  background-color: #ffffff;
2750
- border: 1px solid #f5f5f7;
2751
- border-radius: 0.5rem;
2924
+ border: var(--bs-border-width) solid #f5f5f7;
2925
+ border-radius: var(--bs-border-radius);
2752
2926
  }
2753
2927
 
2754
2928
  .input-group-lg > .form-control,
@@ -2757,7 +2931,7 @@ textarea.form-control-lg {
2757
2931
  .input-group-lg > .btn {
2758
2932
  padding: 0.825rem 1.5rem;
2759
2933
  font-size: 0.984375rem;
2760
- border-radius: 0.5625rem;
2934
+ border-radius: var(--bs-border-radius-lg);
2761
2935
  }
2762
2936
 
2763
2937
  .input-group-sm > .form-control,
@@ -2766,7 +2940,7 @@ textarea.form-control-lg {
2766
2940
  .input-group-sm > .btn {
2767
2941
  padding: 0.375rem 0.75rem;
2768
2942
  font-size: 0.765625rem;
2769
- border-radius: 0.4375rem;
2943
+ border-radius: var(--bs-border-radius-sm);
2770
2944
  }
2771
2945
 
2772
2946
  .input-group-lg > .form-select,
@@ -2789,7 +2963,7 @@ textarea.form-control-lg {
2789
2963
  border-bottom-right-radius: 0;
2790
2964
  }
2791
2965
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
2792
- margin-left: -1px;
2966
+ margin-left: calc(-1 * var(--bs-border-width));
2793
2967
  border-top-left-radius: 0;
2794
2968
  border-bottom-left-radius: 0;
2795
2969
  }
@@ -2804,7 +2978,7 @@ textarea.form-control-lg {
2804
2978
  width: 100%;
2805
2979
  margin-top: 0.25rem;
2806
2980
  font-size: 0.875em;
2807
- color: #4fbf67;
2981
+ color: var(--bs-form-valid-color);
2808
2982
  }
2809
2983
 
2810
2984
  .valid-tooltip {
@@ -2816,9 +2990,9 @@ textarea.form-control-lg {
2816
2990
  padding: 0.375rem 0.75rem;
2817
2991
  margin-top: 0.1rem;
2818
2992
  font-size: 0.765625rem;
2819
- color: #000;
2820
- background-color: rgba(79, 191, 103, 0.9);
2821
- border-radius: 0.5rem;
2993
+ color: #fff;
2994
+ background-color: var(--bs-success);
2995
+ border-radius: var(--bs-border-radius);
2822
2996
  }
2823
2997
 
2824
2998
  .was-validated :valid ~ .valid-feedback,
@@ -2829,16 +3003,16 @@ textarea.form-control-lg {
2829
3003
  }
2830
3004
 
2831
3005
  .was-validated .form-control:valid, .form-control.is-valid {
2832
- border-color: #4fbf67;
3006
+ border-color: var(--bs-form-valid-border-color);
2833
3007
  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");
3008
+ 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
3009
  background-repeat: no-repeat;
2836
3010
  background-position: right calc(0.375em + 0.3375rem) center;
2837
3011
  background-size: calc(0.75em + 0.675rem) calc(0.75em + 0.675rem);
2838
3012
  }
2839
3013
  .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);
3014
+ border-color: var(--bs-form-valid-border-color);
3015
+ box-shadow: none;
2842
3016
  }
2843
3017
 
2844
3018
  .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
@@ -2847,17 +3021,17 @@ textarea.form-control-lg {
2847
3021
  }
2848
3022
 
2849
3023
  .was-validated .form-select:valid, .form-select.is-valid {
2850
- border-color: #4fbf67;
3024
+ border-color: var(--bs-form-valid-border-color);
2851
3025
  }
2852
3026
  .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"] {
3027
+ --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
3028
  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
3029
  background-position: right 1.25rem center, center right 3.75rem;
2856
3030
  background-size: 16px 12px, calc(0.75em + 0.675rem) calc(0.75em + 0.675rem);
2857
3031
  }
2858
3032
  .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);
3033
+ border-color: var(--bs-form-valid-border-color);
3034
+ box-shadow: none;
2861
3035
  }
2862
3036
 
2863
3037
  .was-validated .form-control-color:valid, .form-control-color.is-valid {
@@ -2865,16 +3039,16 @@ textarea.form-control-lg {
2865
3039
  }
2866
3040
 
2867
3041
  .was-validated .form-check-input:valid, .form-check-input.is-valid {
2868
- border-color: #4fbf67;
3042
+ border-color: var(--bs-form-valid-border-color);
2869
3043
  }
2870
3044
  .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
2871
- background-color: #4fbf67;
3045
+ background-color: var(--bs-form-valid-color);
2872
3046
  }
2873
3047
  .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);
3048
+ box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0.25);
2875
3049
  }
2876
3050
  .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
2877
- color: #4fbf67;
3051
+ color: var(--bs-form-valid-color);
2878
3052
  }
2879
3053
 
2880
3054
  .form-check-inline .form-check-input ~ .valid-feedback {
@@ -2894,7 +3068,7 @@ textarea.form-control-lg {
2894
3068
  width: 100%;
2895
3069
  margin-top: 0.25rem;
2896
3070
  font-size: 0.875em;
2897
- color: #c00d49;
3071
+ color: var(--bs-form-invalid-color);
2898
3072
  }
2899
3073
 
2900
3074
  .invalid-tooltip {
@@ -2907,8 +3081,8 @@ textarea.form-control-lg {
2907
3081
  margin-top: 0.1rem;
2908
3082
  font-size: 0.765625rem;
2909
3083
  color: #fff;
2910
- background-color: rgba(192, 13, 73, 0.9);
2911
- border-radius: 0.5rem;
3084
+ background-color: var(--bs-danger);
3085
+ border-radius: var(--bs-border-radius);
2912
3086
  }
2913
3087
 
2914
3088
  .was-validated :invalid ~ .invalid-feedback,
@@ -2919,7 +3093,7 @@ textarea.form-control-lg {
2919
3093
  }
2920
3094
 
2921
3095
  .was-validated .form-control:invalid, .form-control.is-invalid {
2922
- border-color: #c00d49;
3096
+ border-color: var(--bs-form-invalid-border-color);
2923
3097
  padding-right: calc(1.5em + 1.35rem);
2924
3098
  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
3099
  background-repeat: no-repeat;
@@ -2927,8 +3101,8 @@ textarea.form-control-lg {
2927
3101
  background-size: calc(0.75em + 0.675rem) calc(0.75em + 0.675rem);
2928
3102
  }
2929
3103
  .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);
3104
+ border-color: var(--bs-form-invalid-border-color);
3105
+ box-shadow: none;
2932
3106
  }
2933
3107
 
2934
3108
  .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
@@ -2937,17 +3111,17 @@ textarea.form-control-lg {
2937
3111
  }
2938
3112
 
2939
3113
  .was-validated .form-select:invalid, .form-select.is-invalid {
2940
- border-color: #c00d49;
3114
+ border-color: var(--bs-form-invalid-border-color);
2941
3115
  }
2942
3116
  .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"] {
3117
+ --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
3118
  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
3119
  background-position: right 1.25rem center, center right 3.75rem;
2946
3120
  background-size: 16px 12px, calc(0.75em + 0.675rem) calc(0.75em + 0.675rem);
2947
3121
  }
2948
3122
  .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);
3123
+ border-color: var(--bs-form-invalid-border-color);
3124
+ box-shadow: none;
2951
3125
  }
2952
3126
 
2953
3127
  .was-validated .form-control-color:invalid, .form-control-color.is-invalid {
@@ -2955,16 +3129,16 @@ textarea.form-control-lg {
2955
3129
  }
2956
3130
 
2957
3131
  .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
2958
- border-color: #c00d49;
3132
+ border-color: var(--bs-form-invalid-border-color);
2959
3133
  }
2960
3134
  .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
2961
- background-color: #c00d49;
3135
+ background-color: var(--bs-form-invalid-color);
2962
3136
  }
2963
3137
  .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);
3138
+ box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0.25);
2965
3139
  }
2966
3140
  .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
2967
- color: #c00d49;
3141
+ color: var(--bs-form-invalid-color);
2968
3142
  }
2969
3143
 
2970
3144
  .form-check-inline .form-check-input ~ .invalid-feedback {
@@ -3124,11 +3298,11 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3124
3298
  --bs-btn-font-size: 0.875rem;
3125
3299
  --bs-btn-font-weight: 600;
3126
3300
  --bs-btn-line-height: 1.5;
3127
- --bs-btn-color: #686b6e;
3301
+ --bs-btn-color: var(--bs-body-color);
3128
3302
  --bs-btn-bg: transparent;
3129
- --bs-btn-border-width: 1px;
3303
+ --bs-btn-border-width: var(--bs-border-width);
3130
3304
  --bs-btn-border-color: transparent;
3131
- --bs-btn-border-radius: 0.5rem;
3305
+ --bs-btn-border-radius: var(--bs-border-radius);
3132
3306
  --bs-btn-hover-border-color: transparent;
3133
3307
  --bs-btn-box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
3134
3308
  --bs-btn-disabled-opacity: 0.65;
@@ -3187,6 +3361,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3187
3361
  .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
3362
  box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
3189
3363
  }
3364
+ .btn-check:checked:focus-visible + .btn {
3365
+ box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
3366
+ }
3190
3367
  .btn:disabled, .btn.disabled, fieldset:disabled .btn {
3191
3368
  color: var(--bs-btn-disabled-color);
3192
3369
  pointer-events: none;
@@ -3479,7 +3656,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3479
3656
  --bs-btn-active-border-color: transparent;
3480
3657
  --bs-btn-disabled-color: #6c757d;
3481
3658
  --bs-btn-disabled-border-color: transparent;
3482
- --bs-btn-box-shadow: none;
3659
+ --bs-btn-box-shadow: 0 0 0 #000;
3483
3660
  --bs-btn-focus-shadow-rgb: 83, 117, 255;
3484
3661
  text-decoration: underline;
3485
3662
  }
@@ -3494,14 +3671,14 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3494
3671
  --bs-btn-padding-y: 0.825rem;
3495
3672
  --bs-btn-padding-x: 1.5rem;
3496
3673
  --bs-btn-font-size: 0.984375rem;
3497
- --bs-btn-border-radius: 0.5625rem;
3674
+ --bs-btn-border-radius: var(--bs-border-radius-lg);
3498
3675
  }
3499
3676
 
3500
3677
  .btn-sm, .btn-group-sm > .btn {
3501
3678
  --bs-btn-padding-y: 0.375rem;
3502
3679
  --bs-btn-padding-x: 0.75rem;
3503
3680
  --bs-btn-font-size: 0.765625rem;
3504
- --bs-btn-border-radius: 0.4375rem;
3681
+ --bs-btn-border-radius: var(--bs-border-radius-sm);
3505
3682
  }
3506
3683
 
3507
3684
  .btn-brand {
@@ -3903,7 +4080,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3903
4080
  --bs-dropdown-bg: #ffffff;
3904
4081
  --bs-dropdown-border-color: #e7e9ec;
3905
4082
  --bs-dropdown-border-radius: 0.5rem;
3906
- --bs-dropdown-border-width: 1px;
4083
+ --bs-dropdown-border-width: var(--bs-border-width);
3907
4084
  --bs-dropdown-inner-border-radius: 0.5rem;
3908
4085
  --bs-dropdown-divider-bg: #e7e9ec;
3909
4086
  --bs-dropdown-divider-margin-y: 0.75rem;
@@ -4133,6 +4310,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4133
4310
  white-space: nowrap;
4134
4311
  background-color: transparent;
4135
4312
  border: 0;
4313
+ border-radius: var(--bs-dropdown-item-border-radius, 0);
4136
4314
  }
4137
4315
  .dropdown-item:hover, .dropdown-item:focus {
4138
4316
  color: var(--bs-dropdown-link-hover-color);
@@ -4219,11 +4397,11 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4219
4397
  }
4220
4398
 
4221
4399
  .btn-group {
4222
- border-radius: 0.5rem;
4400
+ border-radius: var(--bs-border-radius);
4223
4401
  }
4224
4402
  .btn-group > :not(.btn-check:first-child) + .btn,
4225
4403
  .btn-group > .btn-group:not(:first-child) {
4226
- margin-left: -1px;
4404
+ margin-left: calc(-1 * var(--bs-border-width));
4227
4405
  }
4228
4406
  .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
4229
4407
  .btn-group > .btn.dropdown-toggle-split:first-child,
@@ -4277,14 +4455,15 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4277
4455
  }
4278
4456
  .btn-group-vertical > .btn:not(:first-child),
4279
4457
  .btn-group-vertical > .btn-group:not(:first-child) {
4280
- margin-top: -1px;
4458
+ margin-top: calc(-1 * var(--bs-border-width));
4281
4459
  }
4282
4460
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
4283
4461
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
4284
4462
  border-bottom-right-radius: 0;
4285
4463
  border-bottom-left-radius: 0;
4286
4464
  }
4287
- .btn-group-vertical > .btn ~ .btn,
4465
+ .btn-group-vertical > .btn:nth-child(n+3),
4466
+ .btn-group-vertical > :not(.btn-check) + .btn,
4288
4467
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
4289
4468
  border-top-left-radius: 0;
4290
4469
  border-top-right-radius: 0;
@@ -4316,6 +4495,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4316
4495
  font-weight: var(--bs-nav-link-font-weight);
4317
4496
  color: var(--bs-nav-link-color);
4318
4497
  text-decoration: none;
4498
+ background: none;
4499
+ border: 0;
4319
4500
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
4320
4501
  }
4321
4502
  @media (prefers-reduced-motion: reduce) {
@@ -4326,7 +4507,11 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4326
4507
  .nav-link:hover, .nav-link:focus {
4327
4508
  color: var(--bs-nav-link-hover-color);
4328
4509
  }
4329
- .nav-link.disabled {
4510
+ .nav-link:focus-visible {
4511
+ outline: 0;
4512
+ box-shadow: 0 0 0 0.25rem rgba(53, 93, 255, 0.25);
4513
+ }
4514
+ .nav-link.disabled, .nav-link:disabled {
4330
4515
  color: var(--bs-nav-link-disabled-color);
4331
4516
  pointer-events: none;
4332
4517
  cursor: default;
@@ -4335,7 +4520,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4335
4520
  .nav-tabs {
4336
4521
  --bs-nav-tabs-border-width: 0;
4337
4522
  --bs-nav-tabs-border-color: #e7e9ec;
4338
- --bs-nav-tabs-border-radius: 0.5rem;
4523
+ --bs-nav-tabs-border-radius: var(--bs-border-radius);
4339
4524
  --bs-nav-tabs-link-hover-border-color: rgba(104, 107, 110, 0.08);
4340
4525
  --bs-nav-tabs-link-active-color: #f72585;
4341
4526
  --bs-nav-tabs-link-active-bg: unset;
@@ -4344,7 +4529,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4344
4529
  }
4345
4530
  .nav-tabs .nav-link {
4346
4531
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
4347
- background: none;
4348
4532
  border: var(--bs-nav-tabs-border-width) solid transparent;
4349
4533
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
4350
4534
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
@@ -4353,11 +4537,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4353
4537
  isolation: isolate;
4354
4538
  border-color: var(--bs-nav-tabs-link-hover-border-color);
4355
4539
  }
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
4540
  .nav-tabs .nav-link.active,
4362
4541
  .nav-tabs .nav-item.show .nav-link {
4363
4542
  color: var(--bs-nav-tabs-link-active-color);
@@ -4371,26 +4550,40 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4371
4550
  }
4372
4551
 
4373
4552
  .nav-pills {
4374
- --bs-nav-pills-border-radius: 0.5rem;
4553
+ --bs-nav-pills-border-radius: var(--bs-border-radius);
4375
4554
  --bs-nav-pills-link-active-color: #f72585;
4376
4555
  --bs-nav-pills-link-active-bg: rgba(247, 37, 133, 0.15);
4377
4556
  }
4378
4557
  .nav-pills .nav-link {
4379
- background: none;
4380
- border: 0;
4381
4558
  border-radius: var(--bs-nav-pills-border-radius);
4382
4559
  }
4383
- .nav-pills .nav-link:disabled {
4384
- color: var(--bs-nav-link-disabled-color);
4385
- background-color: transparent;
4386
- border-color: transparent;
4387
- }
4388
4560
  .nav-pills .nav-link.active,
4389
4561
  .nav-pills .show > .nav-link {
4390
4562
  color: var(--bs-nav-pills-link-active-color);
4391
4563
  background-color: var(--bs-nav-pills-link-active-bg);
4392
4564
  }
4393
4565
 
4566
+ .nav-underline {
4567
+ --bs-nav-underline-gap: 1rem;
4568
+ --bs-nav-underline-border-width: 0.125rem;
4569
+ --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
4570
+ gap: var(--bs-nav-underline-gap);
4571
+ }
4572
+ .nav-underline .nav-link {
4573
+ padding-right: 0;
4574
+ padding-left: 0;
4575
+ border-bottom: var(--bs-nav-underline-border-width) solid transparent;
4576
+ }
4577
+ .nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
4578
+ border-bottom-color: currentcolor;
4579
+ }
4580
+ .nav-underline .nav-link.active,
4581
+ .nav-underline .show > .nav-link {
4582
+ font-weight: 700;
4583
+ color: var(--bs-nav-underline-link-active-color);
4584
+ border-bottom-color: currentcolor;
4585
+ }
4586
+
4394
4587
  .nav-fill > .nav-link,
4395
4588
  .nav-fill .nav-item {
4396
4589
  flex: 1 1 auto;
@@ -4399,8 +4592,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4399
4592
 
4400
4593
  .nav-justified > .nav-link,
4401
4594
  .nav-justified .nav-item {
4402
- flex-basis: 0;
4403
4595
  flex-grow: 1;
4596
+ flex-basis: 0;
4404
4597
  text-align: center;
4405
4598
  }
4406
4599
 
@@ -4469,22 +4662,22 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4469
4662
  .navbar {
4470
4663
  --bs-navbar-padding-x: 0;
4471
4664
  --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);
4665
+ --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
4666
+ --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
4667
+ --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
4668
+ --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
4476
4669
  --bs-navbar-brand-padding-y: 0.41796875rem;
4477
4670
  --bs-navbar-brand-margin-end: 1rem;
4478
4671
  --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);
4672
+ --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
4673
+ --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
4481
4674
  --bs-navbar-nav-link-padding-x: 0.5rem;
4482
4675
  --bs-navbar-toggler-padding-y: 0.25rem;
4483
4676
  --bs-navbar-toggler-padding-x: 0.75rem;
4484
4677
  --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;
4678
+ --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");
4679
+ --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
4680
+ --bs-navbar-toggler-border-radius: var(--bs-border-radius);
4488
4681
  --bs-navbar-toggler-focus-width: 0;
4489
4682
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
4490
4683
  position: relative;
@@ -4532,8 +4725,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4532
4725
  margin-bottom: 0;
4533
4726
  list-style: none;
4534
4727
  }
4535
- .navbar-nav .show > .nav-link,
4536
- .navbar-nav .nav-link.active {
4728
+ .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
4537
4729
  color: var(--bs-navbar-active-color);
4538
4730
  }
4539
4731
  .navbar-nav .dropdown-menu {
@@ -4552,8 +4744,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4552
4744
  }
4553
4745
 
4554
4746
  .navbar-collapse {
4555
- flex-basis: 100%;
4556
4747
  flex-grow: 1;
4748
+ flex-basis: 100%;
4557
4749
  align-items: center;
4558
4750
  }
4559
4751
 
@@ -4884,7 +5076,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4884
5076
  overflow-y: visible;
4885
5077
  }
4886
5078
 
4887
- .navbar-dark {
5079
+ .navbar-dark,
5080
+ .navbar[data-bs-theme=dark] {
4888
5081
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
4889
5082
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
4890
5083
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
@@ -4895,6 +5088,10 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4895
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");
4896
5089
  }
4897
5090
 
5091
+ [data-bs-theme=dark] .navbar-toggler-icon {
5092
+ --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");
5093
+ }
5094
+
4898
5095
  .navbar.navbar-dark.bg-dark {
4899
5096
  background-color: #161616 !important;
4900
5097
  }
@@ -4930,11 +5127,13 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4930
5127
  --bs-card-spacer-y: 1.5rem;
4931
5128
  --bs-card-spacer-x: 1.5rem;
4932
5129
  --bs-card-title-spacer-y: 0.25em;
5130
+ --bs-card-title-color: ;
5131
+ --bs-card-subtitle-color: ;
4933
5132
  --bs-card-border-width: 0;
4934
5133
  --bs-card-border-color: #ffffff;
4935
- --bs-card-border-radius: 0.5rem;
5134
+ --bs-card-border-radius: var(--bs-border-radius);
4936
5135
  --bs-card-box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
4937
- --bs-card-inner-border-radius: 0.5rem;
5136
+ --bs-card-inner-border-radius: calc(var(--bs-border-radius) - 0);
4938
5137
  --bs-card-cap-padding-y: 1.5rem;
4939
5138
  --bs-card-cap-padding-x: 1.5rem;
4940
5139
  --bs-card-cap-bg: transparent;
@@ -4949,6 +5148,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4949
5148
  flex-direction: column;
4950
5149
  min-width: 0;
4951
5150
  height: var(--bs-card-height);
5151
+ color: var(--bs-body-color);
4952
5152
  word-wrap: break-word;
4953
5153
  background-color: var(--bs-card-bg);
4954
5154
  background-clip: border-box;
@@ -4987,11 +5187,13 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
4987
5187
 
4988
5188
  .card-title {
4989
5189
  margin-bottom: var(--bs-card-title-spacer-y);
5190
+ color: var(--bs-card-title-color);
4990
5191
  }
4991
5192
 
4992
5193
  .card-subtitle {
4993
5194
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
4994
5195
  margin-bottom: 0;
5196
+ color: var(--bs-card-subtitle-color);
4995
5197
  }
4996
5198
 
4997
5199
  .card-text:last-child {
@@ -5076,7 +5278,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5076
5278
  flex-flow: row wrap;
5077
5279
  }
5078
5280
  .card-group > .card {
5079
- flex: 1 0 0%;
5281
+ flex: 1 0 0;
5080
5282
  margin-bottom: 0;
5081
5283
  }
5082
5284
  .card-group > .card + .card {
@@ -5087,24 +5289,24 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5087
5289
  border-top-right-radius: 0;
5088
5290
  border-bottom-right-radius: 0;
5089
5291
  }
5090
- .card-group > .card:not(:last-child) .card-img-top,
5091
- .card-group > .card:not(:last-child) .card-header {
5292
+ .card-group > .card:not(:last-child) > .card-img-top,
5293
+ .card-group > .card:not(:last-child) > .card-header {
5092
5294
  border-top-right-radius: 0;
5093
5295
  }
5094
- .card-group > .card:not(:last-child) .card-img-bottom,
5095
- .card-group > .card:not(:last-child) .card-footer {
5296
+ .card-group > .card:not(:last-child) > .card-img-bottom,
5297
+ .card-group > .card:not(:last-child) > .card-footer {
5096
5298
  border-bottom-right-radius: 0;
5097
5299
  }
5098
5300
  .card-group > .card:not(:first-child) {
5099
5301
  border-top-left-radius: 0;
5100
5302
  border-bottom-left-radius: 0;
5101
5303
  }
5102
- .card-group > .card:not(:first-child) .card-img-top,
5103
- .card-group > .card:not(:first-child) .card-header {
5304
+ .card-group > .card:not(:first-child) > .card-img-top,
5305
+ .card-group > .card:not(:first-child) > .card-header {
5104
5306
  border-top-left-radius: 0;
5105
5307
  }
5106
- .card-group > .card:not(:first-child) .card-img-bottom,
5107
- .card-group > .card:not(:first-child) .card-footer {
5308
+ .card-group > .card:not(:first-child) > .card-img-bottom,
5309
+ .card-group > .card:not(:first-child) > .card-footer {
5108
5310
  border-bottom-left-radius: 0;
5109
5311
  }
5110
5312
  }
@@ -5233,23 +5435,22 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5233
5435
  }
5234
5436
 
5235
5437
  .accordion {
5236
- --bs-accordion-color: #686b6e;
5237
- --bs-accordion-bg: #161616;
5438
+ --bs-accordion-color: var(--bs-body-color);
5439
+ --bs-accordion-bg: var(--bs-body-bg);
5238
5440
  --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
5441
  --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);
5442
+ --bs-accordion-border-width: var(--bs-border-width);
5443
+ --bs-accordion-border-radius: var(--bs-border-radius);
5444
+ --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
5243
5445
  --bs-accordion-btn-padding-x: 1.25rem;
5244
5446
  --bs-accordion-btn-padding-y: 1rem;
5245
- --bs-accordion-btn-color: #686b6e;
5447
+ --bs-accordion-btn-color: var(--bs-body-color);
5246
5448
  --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");
5449
+ --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
5450
  --bs-accordion-btn-icon-width: 1.25rem;
5249
5451
  --bs-accordion-btn-icon-transform: rotate(-180deg);
5250
5452
  --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;
5453
+ --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
5454
  --bs-accordion-btn-focus-box-shadow: none;
5254
5455
  --bs-accordion-body-padding-x: 1.25rem;
5255
5456
  --bs-accordion-body-padding-y: 1rem;
@@ -5307,7 +5508,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5307
5508
  }
5308
5509
  .accordion-button:focus {
5309
5510
  z-index: 3;
5310
- border-color: var(--bs-accordion-btn-focus-border-color);
5311
5511
  outline: 0;
5312
5512
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
5313
5513
  }
@@ -5325,7 +5525,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5325
5525
  border-top-left-radius: var(--bs-accordion-border-radius);
5326
5526
  border-top-right-radius: var(--bs-accordion-border-radius);
5327
5527
  }
5328
- .accordion-item:first-of-type .accordion-button {
5528
+ .accordion-item:first-of-type > .accordion-header .accordion-button {
5329
5529
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
5330
5530
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
5331
5531
  }
@@ -5336,11 +5536,11 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5336
5536
  border-bottom-right-radius: var(--bs-accordion-border-radius);
5337
5537
  border-bottom-left-radius: var(--bs-accordion-border-radius);
5338
5538
  }
5339
- .accordion-item:last-of-type .accordion-button.collapsed {
5539
+ .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
5340
5540
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
5341
5541
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
5342
5542
  }
5343
- .accordion-item:last-of-type .accordion-collapse {
5543
+ .accordion-item:last-of-type > .accordion-collapse {
5344
5544
  border-bottom-right-radius: var(--bs-accordion-border-radius);
5345
5545
  border-bottom-left-radius: var(--bs-accordion-border-radius);
5346
5546
  }
@@ -5349,31 +5549,35 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5349
5549
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
5350
5550
  }
5351
5551
 
5352
- .accordion-flush .accordion-collapse {
5353
- border-width: 0;
5354
- }
5355
- .accordion-flush .accordion-item {
5552
+ .accordion-flush > .accordion-item {
5356
5553
  border-right: 0;
5357
5554
  border-left: 0;
5358
5555
  border-radius: 0;
5359
5556
  }
5360
- .accordion-flush .accordion-item:first-child {
5557
+ .accordion-flush > .accordion-item:first-child {
5361
5558
  border-top: 0;
5362
5559
  }
5363
- .accordion-flush .accordion-item:last-child {
5560
+ .accordion-flush > .accordion-item:last-child {
5364
5561
  border-bottom: 0;
5365
5562
  }
5366
- .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
5563
+ .accordion-flush > .accordion-item > .accordion-collapse,
5564
+ .accordion-flush > .accordion-item > .accordion-header .accordion-button,
5565
+ .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
5367
5566
  border-radius: 0;
5368
5567
  }
5369
5568
 
5569
+ [data-bs-theme=dark] .accordion-button::after {
5570
+ --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");
5571
+ --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");
5572
+ }
5573
+
5370
5574
  .breadcrumb {
5371
5575
  --bs-breadcrumb-padding-x: 1rem;
5372
5576
  --bs-breadcrumb-padding-y: 0.5em;
5373
5577
  --bs-breadcrumb-margin-bottom: 1rem;
5374
5578
  --bs-breadcrumb-bg: #f5f5f7;
5375
5579
  --bs-breadcrumb-border-radius: ;
5376
- --bs-breadcrumb-divider-color: #6c757d;
5580
+ --bs-breadcrumb-divider-color: var(--bs-secondary-color);
5377
5581
  --bs-breadcrumb-item-padding-x: 0.5rem;
5378
5582
  --bs-breadcrumb-item-active-color: rgba(104, 107, 110, 0.5);
5379
5583
  display: flex;
@@ -5432,15 +5636,15 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5432
5636
  --bs-pagination-font-size: 0.875rem;
5433
5637
  --bs-pagination-color: #686b6e;
5434
5638
  --bs-pagination-bg: #ffffff;
5435
- --bs-pagination-border-width: 1px;
5639
+ --bs-pagination-border-width: var(--bs-border-width);
5436
5640
  --bs-pagination-border-color: #f5f5f7;
5437
- --bs-pagination-border-radius: 0.5rem;
5641
+ --bs-pagination-border-radius: var(--bs-border-radius);
5438
5642
  --bs-pagination-hover-color: #686b6e;
5439
5643
  --bs-pagination-hover-bg: #f5f5f7;
5440
5644
  --bs-pagination-hover-border-color: #f5f5f7;
5441
5645
  --bs-pagination-focus-color: var(--bs-link-hover-color);
5442
- --bs-pagination-focus-bg: #e9ecef;
5443
- --bs-pagination-focus-box-shadow: none;
5646
+ --bs-pagination-focus-bg: var(--bs-secondary-bg);
5647
+ --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(53, 93, 255, 0.25);
5444
5648
  --bs-pagination-active-color: white;
5445
5649
  --bs-pagination-active-bg: #f72585;
5446
5650
  --bs-pagination-active-border-color: #f5f5f7;
@@ -5495,7 +5699,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5495
5699
  }
5496
5700
 
5497
5701
  .page-item:not(:first-child) .page-link {
5498
- margin-left: -1px;
5702
+ margin-left: calc(-1 * var(--bs-border-width));
5499
5703
  }
5500
5704
  .page-item:first-child .page-link {
5501
5705
  border-top-left-radius: var(--bs-pagination-border-radius);
@@ -5510,14 +5714,14 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5510
5714
  --bs-pagination-padding-x: 1.5rem;
5511
5715
  --bs-pagination-padding-y: 0.75rem;
5512
5716
  --bs-pagination-font-size: 0.984375rem;
5513
- --bs-pagination-border-radius: 0.5625rem;
5717
+ --bs-pagination-border-radius: var(--bs-border-radius-lg);
5514
5718
  }
5515
5719
 
5516
5720
  .pagination-sm {
5517
5721
  --bs-pagination-padding-x: 0.5rem;
5518
5722
  --bs-pagination-padding-y: 0.25rem;
5519
5723
  --bs-pagination-font-size: 0.765625rem;
5520
- --bs-pagination-border-radius: 0.4375rem;
5724
+ --bs-pagination-border-radius: var(--bs-border-radius-sm);
5521
5725
  }
5522
5726
 
5523
5727
  .pagination {
@@ -5558,7 +5762,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5558
5762
  --bs-badge-font-size: 0.785em;
5559
5763
  --bs-badge-font-weight: 700;
5560
5764
  --bs-badge-color: #fff;
5561
- --bs-badge-border-radius: 0.5rem;
5765
+ --bs-badge-border-radius: var(--bs-border-radius);
5562
5766
  display: inline-block;
5563
5767
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
5564
5768
  font-size: var(--bs-badge-font-size);
@@ -5668,7 +5872,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5668
5872
  --bs-alert-color: inherit;
5669
5873
  --bs-alert-border-color: transparent;
5670
5874
  --bs-alert-border: 0 solid var(--bs-alert-border-color);
5671
- --bs-alert-border-radius: 0.5rem;
5875
+ --bs-alert-border-radius: var(--bs-border-radius);
5876
+ --bs-alert-link-color: inherit;
5672
5877
  position: relative;
5673
5878
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
5674
5879
  margin-bottom: var(--bs-alert-margin-bottom);
@@ -5684,6 +5889,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5684
5889
 
5685
5890
  .alert-link {
5686
5891
  font-weight: 700;
5892
+ color: var(--bs-alert-link-color);
5687
5893
  }
5688
5894
 
5689
5895
  .alert-dismissible {
@@ -5698,75 +5904,59 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5698
5904
  }
5699
5905
 
5700
5906
  .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);
5907
+ --bs-alert-color: var(--bs-primary-text-emphasis);
5908
+ --bs-alert-bg: var(--bs-primary-bg-subtle);
5909
+ --bs-alert-border-color: var(--bs-primary-border-subtle);
5910
+ --bs-alert-link-color: var(--bs-primary-text-emphasis);
5707
5911
  }
5708
5912
 
5709
5913
  .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);
5914
+ --bs-alert-color: var(--bs-secondary-text-emphasis);
5915
+ --bs-alert-bg: var(--bs-secondary-bg-subtle);
5916
+ --bs-alert-border-color: var(--bs-secondary-border-subtle);
5917
+ --bs-alert-link-color: var(--bs-secondary-text-emphasis);
5716
5918
  }
5717
5919
 
5718
5920
  .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);
5921
+ --bs-alert-color: var(--bs-success-text-emphasis);
5922
+ --bs-alert-bg: var(--bs-success-bg-subtle);
5923
+ --bs-alert-border-color: var(--bs-success-border-subtle);
5924
+ --bs-alert-link-color: var(--bs-success-text-emphasis);
5725
5925
  }
5726
5926
 
5727
5927
  .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);
5928
+ --bs-alert-color: var(--bs-info-text-emphasis);
5929
+ --bs-alert-bg: var(--bs-info-bg-subtle);
5930
+ --bs-alert-border-color: var(--bs-info-border-subtle);
5931
+ --bs-alert-link-color: var(--bs-info-text-emphasis);
5734
5932
  }
5735
5933
 
5736
5934
  .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);
5935
+ --bs-alert-color: var(--bs-warning-text-emphasis);
5936
+ --bs-alert-bg: var(--bs-warning-bg-subtle);
5937
+ --bs-alert-border-color: var(--bs-warning-border-subtle);
5938
+ --bs-alert-link-color: var(--bs-warning-text-emphasis);
5743
5939
  }
5744
5940
 
5745
5941
  .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);
5942
+ --bs-alert-color: var(--bs-danger-text-emphasis);
5943
+ --bs-alert-bg: var(--bs-danger-bg-subtle);
5944
+ --bs-alert-border-color: var(--bs-danger-border-subtle);
5945
+ --bs-alert-link-color: var(--bs-danger-text-emphasis);
5752
5946
  }
5753
5947
 
5754
5948
  .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);
5949
+ --bs-alert-color: var(--bs-light-text-emphasis);
5950
+ --bs-alert-bg: var(--bs-light-bg-subtle);
5951
+ --bs-alert-border-color: var(--bs-light-border-subtle);
5952
+ --bs-alert-link-color: var(--bs-light-text-emphasis);
5761
5953
  }
5762
5954
 
5763
5955
  .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);
5956
+ --bs-alert-color: var(--bs-dark-text-emphasis);
5957
+ --bs-alert-bg: var(--bs-dark-bg-subtle);
5958
+ --bs-alert-border-color: var(--bs-dark-border-subtle);
5959
+ --bs-alert-link-color: var(--bs-dark-text-emphasis);
5770
5960
  }
5771
5961
 
5772
5962
  .alert-brand {
@@ -6013,15 +6203,16 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6013
6203
 
6014
6204
  @keyframes progress-bar-stripes {
6015
6205
  0% {
6016
- background-position-x: 1rem;
6206
+ background-position-x: var(--bs-progress-height);
6017
6207
  }
6018
6208
  }
6019
- .progress {
6209
+ .progress,
6210
+ .progress-stacked {
6020
6211
  --bs-progress-height: 1rem;
6021
6212
  --bs-progress-font-size: 0.65625rem;
6022
6213
  --bs-progress-bg: #f5f5f7;
6023
- --bs-progress-border-radius: 0.5rem;
6024
- --bs-progress-box-shadow: none;
6214
+ --bs-progress-border-radius: var(--bs-border-radius);
6215
+ --bs-progress-box-shadow: var(--bs-box-shadow-inset);
6025
6216
  --bs-progress-bar-color: #fff;
6026
6217
  --bs-progress-bar-bg: #355dff;
6027
6218
  --bs-progress-bar-transition: width 0.6s ease;
@@ -6056,6 +6247,14 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6056
6247
  background-size: var(--bs-progress-height) var(--bs-progress-height);
6057
6248
  }
6058
6249
 
6250
+ .progress-stacked > .progress {
6251
+ overflow: visible;
6252
+ }
6253
+
6254
+ .progress-stacked > .progress > .progress-bar {
6255
+ width: 100%;
6256
+ }
6257
+
6059
6258
  .progress-bar-animated {
6060
6259
  animation: 1s linear infinite progress-bar-stripes;
6061
6260
  }
@@ -6069,8 +6268,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6069
6268
  --bs-list-group-color: #686b6e;
6070
6269
  --bs-list-group-bg: #ffffff;
6071
6270
  --bs-list-group-border-color: #e7e9ec;
6072
- --bs-list-group-border-width: 1px;
6073
- --bs-list-group-border-radius: 0.5rem;
6271
+ --bs-list-group-border-width: var(--bs-border-width);
6272
+ --bs-list-group-border-radius: var(--bs-border-radius);
6074
6273
  --bs-list-group-item-padding-x: 1.5rem;
6075
6274
  --bs-list-group-item-padding-y: 0.75rem;
6076
6275
  --bs-list-group-action-color: #686b6e;
@@ -6078,7 +6277,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6078
6277
  --bs-list-group-action-hover-bg: rgba(247, 37, 133, 0.1);
6079
6278
  --bs-list-group-action-active-color: #686b6e;
6080
6279
  --bs-list-group-action-active-bg: #f5f5f7;
6081
- --bs-list-group-disabled-color: #6c757d;
6280
+ --bs-list-group-disabled-color: var(--bs-secondary-color);
6082
6281
  --bs-list-group-disabled-bg: #ffffff;
6083
6282
  --bs-list-group-active-color: #f72585;
6084
6283
  --bs-list-group-active-bg: rgba(247, 37, 133, 0.15);
@@ -6099,22 +6298,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6099
6298
  counter-increment: section;
6100
6299
  }
6101
6300
 
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
6301
  .list-group-item {
6119
6302
  position: relative;
6120
6303
  display: block;
@@ -6151,6 +6334,22 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6151
6334
  border-top-width: var(--bs-list-group-border-width);
6152
6335
  }
6153
6336
 
6337
+ .list-group-item-action {
6338
+ width: 100%;
6339
+ color: var(--bs-list-group-action-color);
6340
+ text-align: inherit;
6341
+ }
6342
+ .list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
6343
+ z-index: 1;
6344
+ color: var(--bs-list-group-action-hover-color);
6345
+ text-decoration: none;
6346
+ background-color: var(--bs-list-group-action-hover-bg);
6347
+ }
6348
+ .list-group-item-action:not(.active):active {
6349
+ color: var(--bs-list-group-action-active-color);
6350
+ background-color: var(--bs-list-group-action-active-bg);
6351
+ }
6352
+
6154
6353
  .list-group-horizontal {
6155
6354
  flex-direction: row;
6156
6355
  }
@@ -6305,146 +6504,155 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6305
6504
  }
6306
6505
 
6307
6506
  .list-group-item-primary {
6308
- color: rgb(31.8, 55.8, 153);
6309
- background-color: rgb(214.6, 222.6, 255);
6507
+ --bs-list-group-color: var(--bs-primary-text-emphasis);
6508
+ --bs-list-group-bg: var(--bs-primary-bg-subtle);
6509
+ --bs-list-group-border-color: var(--bs-primary-border-subtle);
6510
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6511
+ --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
6512
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6513
+ --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
6514
+ --bs-list-group-active-color: var(--bs-primary-bg-subtle);
6515
+ --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
6516
+ --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
6310
6517
  }
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);
6319
- }
6320
-
6321
- .list-group-item-secondary {
6322
- color: rgb(64.8, 55.8, 126.6);
6323
- background-color: rgb(225.6, 222.6, 246.2);
6324
- }
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);
6518
+
6519
+ .list-group-item-secondary {
6520
+ --bs-list-group-color: var(--bs-secondary-text-emphasis);
6521
+ --bs-list-group-bg: var(--bs-secondary-bg-subtle);
6522
+ --bs-list-group-border-color: var(--bs-secondary-border-subtle);
6523
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6524
+ --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
6525
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6526
+ --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
6527
+ --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
6528
+ --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
6529
+ --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
6333
6530
  }
6334
6531
 
6335
6532
  .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);
6533
+ --bs-list-group-color: var(--bs-success-text-emphasis);
6534
+ --bs-list-group-bg: var(--bs-success-bg-subtle);
6535
+ --bs-list-group-border-color: var(--bs-success-border-subtle);
6536
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6537
+ --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
6538
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6539
+ --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
6540
+ --bs-list-group-active-color: var(--bs-success-bg-subtle);
6541
+ --bs-list-group-active-bg: var(--bs-success-text-emphasis);
6542
+ --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
6347
6543
  }
6348
6544
 
6349
6545
  .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);
6546
+ --bs-list-group-color: var(--bs-info-text-emphasis);
6547
+ --bs-list-group-bg: var(--bs-info-bg-subtle);
6548
+ --bs-list-group-border-color: var(--bs-info-border-subtle);
6549
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6550
+ --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
6551
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6552
+ --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
6553
+ --bs-list-group-active-color: var(--bs-info-bg-subtle);
6554
+ --bs-list-group-active-bg: var(--bs-info-text-emphasis);
6555
+ --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
6361
6556
  }
6362
6557
 
6363
6558
  .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);
6559
+ --bs-list-group-color: var(--bs-warning-text-emphasis);
6560
+ --bs-list-group-bg: var(--bs-warning-bg-subtle);
6561
+ --bs-list-group-border-color: var(--bs-warning-border-subtle);
6562
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6563
+ --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
6564
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6565
+ --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
6566
+ --bs-list-group-active-color: var(--bs-warning-bg-subtle);
6567
+ --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
6568
+ --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
6375
6569
  }
6376
6570
 
6377
6571
  .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);
6572
+ --bs-list-group-color: var(--bs-danger-text-emphasis);
6573
+ --bs-list-group-bg: var(--bs-danger-bg-subtle);
6574
+ --bs-list-group-border-color: var(--bs-danger-border-subtle);
6575
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6576
+ --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
6577
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6578
+ --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
6579
+ --bs-list-group-active-color: var(--bs-danger-bg-subtle);
6580
+ --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
6581
+ --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
6389
6582
  }
6390
6583
 
6391
6584
  .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);
6585
+ --bs-list-group-color: var(--bs-light-text-emphasis);
6586
+ --bs-list-group-bg: var(--bs-light-bg-subtle);
6587
+ --bs-list-group-border-color: var(--bs-light-border-subtle);
6588
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6589
+ --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
6590
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6591
+ --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
6592
+ --bs-list-group-active-color: var(--bs-light-bg-subtle);
6593
+ --bs-list-group-active-bg: var(--bs-light-text-emphasis);
6594
+ --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
6403
6595
  }
6404
6596
 
6405
6597
  .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);
6598
+ --bs-list-group-color: var(--bs-dark-text-emphasis);
6599
+ --bs-list-group-bg: var(--bs-dark-bg-subtle);
6600
+ --bs-list-group-border-color: var(--bs-dark-border-subtle);
6601
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
6602
+ --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
6603
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
6604
+ --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
6605
+ --bs-list-group-active-color: var(--bs-dark-bg-subtle);
6606
+ --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
6607
+ --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
6417
6608
  }
6418
6609
 
6419
6610
  .btn-close {
6611
+ --bs-btn-close-color: #686b6e;
6612
+ --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");
6613
+ --bs-btn-close-opacity: 0.5;
6614
+ --bs-btn-close-hover-opacity: 0.75;
6615
+ --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(53, 93, 255, 0.25);
6616
+ --bs-btn-close-focus-opacity: 1;
6617
+ --bs-btn-close-disabled-opacity: 0.25;
6420
6618
  box-sizing: content-box;
6421
6619
  width: 1em;
6422
6620
  height: 1em;
6423
6621
  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;
6622
+ color: var(--bs-btn-close-color);
6623
+ background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
6624
+ filter: var(--bs-btn-close-filter);
6426
6625
  border: 0;
6427
6626
  border-radius: 0.5rem;
6428
- opacity: 0.5;
6627
+ opacity: var(--bs-btn-close-opacity);
6429
6628
  }
6430
6629
  .btn-close:hover {
6431
- color: #686b6e;
6630
+ color: var(--bs-btn-close-color);
6432
6631
  text-decoration: none;
6433
- opacity: 0.75;
6632
+ opacity: var(--bs-btn-close-hover-opacity);
6434
6633
  }
6435
6634
  .btn-close:focus {
6436
6635
  outline: 0;
6437
- box-shadow: none;
6438
- opacity: 1;
6636
+ box-shadow: var(--bs-btn-close-focus-shadow);
6637
+ opacity: var(--bs-btn-close-focus-opacity);
6439
6638
  }
6440
6639
  .btn-close:disabled, .btn-close.disabled {
6441
6640
  pointer-events: none;
6442
6641
  user-select: none;
6443
- opacity: 0.25;
6642
+ opacity: var(--bs-btn-close-disabled-opacity);
6444
6643
  }
6445
6644
 
6446
6645
  .btn-close-white {
6447
- filter: unset;
6646
+ --bs-btn-close-filter: unset;
6647
+ }
6648
+
6649
+ :root,
6650
+ [data-bs-theme=light] {
6651
+ --bs-btn-close-filter: ;
6652
+ }
6653
+
6654
+ [data-bs-theme=dark] {
6655
+ --bs-btn-close-filter: unset;
6448
6656
  }
6449
6657
 
6450
6658
  .btn-close:hover, .btn-close:focus, .btn-close:active, .btn-close:not(:disabled):not(.disabled):active, .btn-close.visible {
@@ -6461,12 +6669,12 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6461
6669
  --bs-toast-max-width: 350px;
6462
6670
  --bs-toast-font-size: 0.875rem;
6463
6671
  --bs-toast-color: ;
6464
- --bs-toast-bg: rgba(255, 255, 255, 0.85);
6465
- --bs-toast-border-width: 1px;
6672
+ --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
6673
+ --bs-toast-border-width: var(--bs-border-width);
6466
6674
  --bs-toast-border-color: #e7e9ec;
6467
6675
  --bs-toast-border-radius: 0.5rem;
6468
6676
  --bs-toast-box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
6469
- --bs-toast-header-color: #6c757d;
6677
+ --bs-toast-header-color: var(--bs-secondary-color);
6470
6678
  --bs-toast-header-bg: #ffffff;
6471
6679
  --bs-toast-header-border-color: #e7e9ec;
6472
6680
  width: var(--bs-toast-max-width);
@@ -6530,11 +6738,11 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6530
6738
  --bs-modal-width: 500px;
6531
6739
  --bs-modal-padding: 1.5rem;
6532
6740
  --bs-modal-margin: 0.5rem;
6533
- --bs-modal-color: ;
6741
+ --bs-modal-color: var(--bs-body-color);
6534
6742
  --bs-modal-bg: #ffffff;
6535
6743
  --bs-modal-border-color: var(--bs-border-color-translucent);
6536
6744
  --bs-modal-border-width: 0;
6537
- --bs-modal-border-radius: 0.5625rem;
6745
+ --bs-modal-border-radius: var(--bs-border-radius-lg);
6538
6746
  --bs-modal-box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
6539
6747
  --bs-modal-inner-border-radius: 0.5rem;
6540
6748
  --bs-modal-header-padding-x: 1.5rem;
@@ -6566,8 +6774,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6566
6774
  pointer-events: none;
6567
6775
  }
6568
6776
  .modal.fade .modal-dialog {
6569
- transition: transform 0.3s ease-out;
6570
6777
  transform: translate(0, -50px);
6778
+ transition: transform 0.3s ease-out;
6571
6779
  }
6572
6780
  @media (prefers-reduced-motion: reduce) {
6573
6781
  .modal.fade .modal-dialog {
@@ -6636,7 +6844,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6636
6844
  display: flex;
6637
6845
  flex-shrink: 0;
6638
6846
  align-items: center;
6639
- justify-content: space-between;
6640
6847
  padding: var(--bs-modal-header-padding);
6641
6848
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
6642
6849
  border-top-left-radius: var(--bs-modal-inner-border-radius);
@@ -6644,7 +6851,10 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6644
6851
  }
6645
6852
  .modal-header .btn-close {
6646
6853
  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;
6854
+ margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
6855
+ margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
6856
+ margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
6857
+ margin-left: auto;
6648
6858
  }
6649
6859
 
6650
6860
  .modal-title {
@@ -6842,13 +7052,12 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6842
7052
  --bs-tooltip-font-size: 0.765625rem;
6843
7053
  --bs-tooltip-color: #eeeeee;
6844
7054
  --bs-tooltip-bg: #161616;
6845
- --bs-tooltip-border-radius: 0.5rem;
7055
+ --bs-tooltip-border-radius: var(--bs-border-radius);
6846
7056
  --bs-tooltip-opacity: 0.9;
6847
7057
  --bs-tooltip-arrow-width: 0.8rem;
6848
7058
  --bs-tooltip-arrow-height: 0.4rem;
6849
7059
  z-index: var(--bs-tooltip-zindex);
6850
7060
  display: block;
6851
- padding: var(--bs-tooltip-arrow-height);
6852
7061
  margin: var(--bs-tooltip-margin);
6853
7062
  font-family: "Inter", sans-serif;
6854
7063
  font-style: normal;
@@ -6884,7 +7093,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6884
7093
  }
6885
7094
 
6886
7095
  .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
6887
- bottom: 0;
7096
+ bottom: calc(-1 * var(--bs-tooltip-arrow-height));
6888
7097
  }
6889
7098
  .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
6890
7099
  top: -1px;
@@ -6894,7 +7103,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6894
7103
 
6895
7104
  /* rtl:begin:ignore */
6896
7105
  .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
6897
- left: 0;
7106
+ left: calc(-1 * var(--bs-tooltip-arrow-height));
6898
7107
  width: var(--bs-tooltip-arrow-height);
6899
7108
  height: var(--bs-tooltip-arrow-width);
6900
7109
  }
@@ -6906,7 +7115,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6906
7115
 
6907
7116
  /* rtl:end:ignore */
6908
7117
  .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
6909
- top: 0;
7118
+ top: calc(-1 * var(--bs-tooltip-arrow-height));
6910
7119
  }
6911
7120
  .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
6912
7121
  bottom: -1px;
@@ -6916,7 +7125,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6916
7125
 
6917
7126
  /* rtl:begin:ignore */
6918
7127
  .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
6919
- right: 0;
7128
+ right: calc(-1 * var(--bs-tooltip-arrow-height));
6920
7129
  width: var(--bs-tooltip-arrow-height);
6921
7130
  height: var(--bs-tooltip-arrow-width);
6922
7131
  }
@@ -6941,16 +7150,16 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6941
7150
  --bs-popover-max-width: 276px;
6942
7151
  --bs-popover-font-size: 0.765625rem;
6943
7152
  --bs-popover-bg: #ffffff;
6944
- --bs-popover-border-width: 1px;
7153
+ --bs-popover-border-width: var(--bs-border-width);
6945
7154
  --bs-popover-border-color: #e7e9ec;
6946
7155
  --bs-popover-border-radius: 0.5rem;
6947
- --bs-popover-inner-border-radius: calc(0.5rem - 1px);
7156
+ --bs-popover-inner-border-radius: calc(0.5rem - var(--bs-border-width));
6948
7157
  --bs-popover-box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
6949
7158
  --bs-popover-header-padding-x: 1.5rem;
6950
7159
  --bs-popover-header-padding-y: 0.5rem;
6951
7160
  --bs-popover-header-font-size: 0.875rem;
6952
- --bs-popover-header-color: ;
6953
- --bs-popover-header-bg: rgb(239.7, 239.7, 239.7);
7161
+ --bs-popover-header-color: inherit;
7162
+ --bs-popover-header-bg: var(--bs-secondary-bg);
6954
7163
  --bs-popover-body-padding-x: 0.75rem;
6955
7164
  --bs-popover-body-padding-y: 0.75rem;
6956
7165
  --bs-popover-body-color: #686b6e;
@@ -7181,6 +7390,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7181
7390
  color: #fff;
7182
7391
  text-align: center;
7183
7392
  background: none;
7393
+ filter: var(--bs-carousel-control-icon-filter);
7184
7394
  border: 0;
7185
7395
  opacity: 0.5;
7186
7396
  transition: opacity 0.15s ease;
@@ -7218,20 +7428,12 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7218
7428
  background-size: 100% 100%;
7219
7429
  }
7220
7430
 
7221
- /* rtl:options: {
7222
- "autoRename": true,
7223
- "stringMap":[ {
7224
- "name" : "prev-next",
7225
- "search" : "prev",
7226
- "replace" : "next"
7227
- } ]
7228
- } */
7229
7431
  .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");
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='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
7433
  }
7232
7434
 
7233
7435
  .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");
7436
+ 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
7437
  }
7236
7438
 
7237
7439
  .carousel-indicators {
@@ -7246,7 +7448,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7246
7448
  margin-right: 15%;
7247
7449
  margin-bottom: 1rem;
7248
7450
  margin-left: 15%;
7249
- list-style: none;
7250
7451
  }
7251
7452
  .carousel-indicators [data-bs-target] {
7252
7453
  box-sizing: content-box;
@@ -7258,7 +7459,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7258
7459
  margin-left: 3px;
7259
7460
  text-indent: -999px;
7260
7461
  cursor: pointer;
7261
- background-color: #fff;
7462
+ background-color: var(--bs-carousel-indicator-active-bg);
7262
7463
  background-clip: padding-box;
7263
7464
  border: 0;
7264
7465
  border-top: 10px solid transparent;
@@ -7282,24 +7483,33 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7282
7483
  left: 15%;
7283
7484
  padding-top: 1.25rem;
7284
7485
  padding-bottom: 1.25rem;
7285
- color: #fff;
7486
+ color: var(--bs-carousel-caption-color);
7286
7487
  text-align: center;
7287
7488
  }
7288
7489
 
7289
- .carousel-dark .carousel-control-prev-icon,
7290
- .carousel-dark .carousel-control-next-icon {
7291
- filter: invert(1) grayscale(100);
7490
+ .carousel-dark {
7491
+ --bs-carousel-indicator-active-bg: #000;
7492
+ --bs-carousel-caption-color: #000;
7493
+ --bs-carousel-control-icon-filter: invert(1) grayscale(100);
7292
7494
  }
7293
- .carousel-dark .carousel-indicators [data-bs-target] {
7294
- background-color: #000;
7495
+
7496
+ :root,
7497
+ [data-bs-theme=light] {
7498
+ --bs-carousel-indicator-active-bg: #fff;
7499
+ --bs-carousel-caption-color: #fff;
7500
+ --bs-carousel-control-icon-filter: ;
7295
7501
  }
7296
- .carousel-dark .carousel-caption {
7297
- color: #000;
7502
+
7503
+ [data-bs-theme=dark] {
7504
+ --bs-carousel-indicator-active-bg: #000;
7505
+ --bs-carousel-caption-color: #000;
7506
+ --bs-carousel-control-icon-filter: invert(1) grayscale(100);
7298
7507
  }
7299
7508
 
7300
7509
  .spinner-grow,
7301
7510
  .spinner-border {
7302
7511
  display: inline-block;
7512
+ flex-shrink: 0;
7303
7513
  width: var(--bs-spinner-width);
7304
7514
  height: var(--bs-spinner-height);
7305
7515
  vertical-align: var(--bs-spinner-vertical-align);
@@ -7365,11 +7575,13 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7365
7575
  --bs-offcanvas-height: 30vh;
7366
7576
  --bs-offcanvas-padding-x: 1.5rem;
7367
7577
  --bs-offcanvas-padding-y: 1.5rem;
7368
- --bs-offcanvas-color: ;
7369
- --bs-offcanvas-bg: #ffffff;
7578
+ --bs-offcanvas-color: var(--bs-body-color);
7579
+ --bs-offcanvas-bg: var(--bs-body-bg);
7370
7580
  --bs-offcanvas-border-width: 0;
7371
7581
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
7372
7582
  --bs-offcanvas-box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
7583
+ --bs-offcanvas-transition: transform 0.3s ease-in-out;
7584
+ --bs-offcanvas-title-line-height: 1.5;
7373
7585
  }
7374
7586
 
7375
7587
  @media (max-width: 575.98px) {
@@ -7386,7 +7598,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7386
7598
  background-clip: padding-box;
7387
7599
  outline: 0;
7388
7600
  box-shadow: var(--bs-offcanvas-box-shadow);
7389
- transition: transform 0.3s ease-in-out;
7601
+ transition: var(--bs-offcanvas-transition);
7390
7602
  }
7391
7603
  }
7392
7604
  @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
@@ -7465,7 +7677,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7465
7677
  background-clip: padding-box;
7466
7678
  outline: 0;
7467
7679
  box-shadow: var(--bs-offcanvas-box-shadow);
7468
- transition: transform 0.3s ease-in-out;
7680
+ transition: var(--bs-offcanvas-transition);
7469
7681
  }
7470
7682
  }
7471
7683
  @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
@@ -7544,7 +7756,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7544
7756
  background-clip: padding-box;
7545
7757
  outline: 0;
7546
7758
  box-shadow: var(--bs-offcanvas-box-shadow);
7547
- transition: transform 0.3s ease-in-out;
7759
+ transition: var(--bs-offcanvas-transition);
7548
7760
  }
7549
7761
  }
7550
7762
  @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
@@ -7623,7 +7835,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7623
7835
  background-clip: padding-box;
7624
7836
  outline: 0;
7625
7837
  box-shadow: var(--bs-offcanvas-box-shadow);
7626
- transition: transform 0.3s ease-in-out;
7838
+ transition: var(--bs-offcanvas-transition);
7627
7839
  }
7628
7840
  }
7629
7841
  @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
@@ -7702,7 +7914,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7702
7914
  background-clip: padding-box;
7703
7915
  outline: 0;
7704
7916
  box-shadow: var(--bs-offcanvas-box-shadow);
7705
- transition: transform 0.3s ease-in-out;
7917
+ transition: var(--bs-offcanvas-transition);
7706
7918
  }
7707
7919
  }
7708
7920
  @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
@@ -7780,7 +7992,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7780
7992
  background-clip: padding-box;
7781
7993
  outline: 0;
7782
7994
  box-shadow: var(--bs-offcanvas-box-shadow);
7783
- transition: transform 0.3s ease-in-out;
7995
+ transition: var(--bs-offcanvas-transition);
7784
7996
  }
7785
7997
  @media (prefers-reduced-motion: reduce) {
7786
7998
  .offcanvas {
@@ -7844,7 +8056,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7844
8056
  .offcanvas-header {
7845
8057
  display: flex;
7846
8058
  align-items: center;
7847
- justify-content: space-between;
7848
8059
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
7849
8060
  }
7850
8061
  .offcanvas-header .btn-close {
@@ -7852,11 +8063,12 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7852
8063
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
7853
8064
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
7854
8065
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
8066
+ margin-left: auto;
7855
8067
  }
7856
8068
 
7857
8069
  .offcanvas-title {
7858
8070
  margin-bottom: 0;
7859
- line-height: 1.5;
8071
+ line-height: var(--bs-offcanvas-title-line-height);
7860
8072
  }
7861
8073
 
7862
8074
  .offcanvas-body {
@@ -7918,98 +8130,153 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7918
8130
 
7919
8131
  .text-bg-primary {
7920
8132
  color: #fff !important;
7921
- background-color: RGBA(53, 93, 255, var(--bs-bg-opacity, 1)) !important;
8133
+ background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
7922
8134
  }
7923
8135
 
7924
8136
  .text-bg-secondary {
7925
8137
  color: #fff !important;
7926
- background-color: RGBA(108, 93, 211, var(--bs-bg-opacity, 1)) !important;
8138
+ background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
7927
8139
  }
7928
8140
 
7929
8141
  .text-bg-success {
7930
8142
  color: #000 !important;
7931
- background-color: RGBA(79, 191, 103, var(--bs-bg-opacity, 1)) !important;
8143
+ background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
7932
8144
  }
7933
8145
 
7934
8146
  .text-bg-info {
7935
8147
  color: #000 !important;
7936
- background-color: RGBA(67, 138, 167, var(--bs-bg-opacity, 1)) !important;
8148
+ background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
7937
8149
  }
7938
8150
 
7939
8151
  .text-bg-warning {
7940
8152
  color: #000 !important;
7941
- background-color: RGBA(255, 159, 56, var(--bs-bg-opacity, 1)) !important;
8153
+ background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
7942
8154
  }
7943
8155
 
7944
8156
  .text-bg-danger {
7945
8157
  color: #fff !important;
7946
- background-color: RGBA(192, 13, 73, var(--bs-bg-opacity, 1)) !important;
8158
+ background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
7947
8159
  }
7948
8160
 
7949
8161
  .text-bg-light {
7950
8162
  color: #000 !important;
7951
- background-color: RGBA(238, 238, 238, var(--bs-bg-opacity, 1)) !important;
8163
+ background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
7952
8164
  }
7953
8165
 
7954
8166
  .text-bg-dark {
7955
8167
  color: #fff !important;
7956
- background-color: RGBA(22, 22, 22, var(--bs-bg-opacity, 1)) !important;
8168
+ background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
7957
8169
  }
7958
8170
 
7959
8171
  .link-primary {
7960
- color: #355dff !important;
8172
+ color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
8173
+ text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
7961
8174
  }
7962
8175
  .link-primary:hover, .link-primary:focus {
7963
- color: rgb(42.4, 74.4, 204) !important;
8176
+ color: RGBA(42, 74, 204, var(--bs-link-opacity, 1)) !important;
8177
+ text-decoration-color: RGBA(42, 74, 204, var(--bs-link-underline-opacity, 1)) !important;
7964
8178
  }
7965
8179
 
7966
8180
  .link-secondary {
7967
- color: #6c5dd3 !important;
8181
+ color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
8182
+ text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
7968
8183
  }
7969
8184
  .link-secondary:hover, .link-secondary:focus {
7970
- color: rgb(86.4, 74.4, 168.8) !important;
8185
+ color: RGBA(86, 74, 169, var(--bs-link-opacity, 1)) !important;
8186
+ text-decoration-color: RGBA(86, 74, 169, var(--bs-link-underline-opacity, 1)) !important;
7971
8187
  }
7972
8188
 
7973
8189
  .link-success {
7974
- color: #4fbf67 !important;
8190
+ color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
8191
+ text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
7975
8192
  }
7976
8193
  .link-success:hover, .link-success:focus {
7977
- color: rgb(114.2, 203.8, 133.4) !important;
8194
+ color: RGBA(114, 204, 133, var(--bs-link-opacity, 1)) !important;
8195
+ text-decoration-color: RGBA(114, 204, 133, var(--bs-link-underline-opacity, 1)) !important;
7978
8196
  }
7979
8197
 
7980
8198
  .link-info {
7981
- color: #438aa7 !important;
8199
+ color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
8200
+ text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
7982
8201
  }
7983
8202
  .link-info:hover, .link-info:focus {
7984
- color: rgb(104.6, 161.4, 184.6) !important;
8203
+ color: RGBA(105, 161, 185, var(--bs-link-opacity, 1)) !important;
8204
+ text-decoration-color: RGBA(105, 161, 185, var(--bs-link-underline-opacity, 1)) !important;
7985
8205
  }
7986
8206
 
7987
8207
  .link-warning {
7988
- color: #ff9f38 !important;
8208
+ color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
8209
+ text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
7989
8210
  }
7990
8211
  .link-warning:hover, .link-warning:focus {
7991
- color: rgb(255, 178.2, 95.8) !important;
8212
+ color: RGBA(255, 178, 96, var(--bs-link-opacity, 1)) !important;
8213
+ text-decoration-color: RGBA(255, 178, 96, var(--bs-link-underline-opacity, 1)) !important;
7992
8214
  }
7993
8215
 
7994
8216
  .link-danger {
7995
- color: #c00d49 !important;
8217
+ color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
8218
+ text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
7996
8219
  }
7997
8220
  .link-danger:hover, .link-danger:focus {
7998
- color: rgb(153.6, 10.4, 58.4) !important;
8221
+ color: RGBA(154, 10, 58, var(--bs-link-opacity, 1)) !important;
8222
+ text-decoration-color: RGBA(154, 10, 58, var(--bs-link-underline-opacity, 1)) !important;
7999
8223
  }
8000
8224
 
8001
8225
  .link-light {
8002
- color: #eeeeee !important;
8226
+ color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
8227
+ text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
8003
8228
  }
8004
8229
  .link-light:hover, .link-light:focus {
8005
- color: rgb(241.4, 241.4, 241.4) !important;
8230
+ color: RGBA(241, 241, 241, var(--bs-link-opacity, 1)) !important;
8231
+ text-decoration-color: RGBA(241, 241, 241, var(--bs-link-underline-opacity, 1)) !important;
8006
8232
  }
8007
8233
 
8008
8234
  .link-dark {
8009
- color: #161616 !important;
8235
+ color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
8236
+ text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
8010
8237
  }
8011
8238
  .link-dark:hover, .link-dark:focus {
8012
- color: rgb(17.6, 17.6, 17.6) !important;
8239
+ color: RGBA(18, 18, 18, var(--bs-link-opacity, 1)) !important;
8240
+ text-decoration-color: RGBA(18, 18, 18, var(--bs-link-underline-opacity, 1)) !important;
8241
+ }
8242
+
8243
+ .link-body-emphasis {
8244
+ color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
8245
+ text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
8246
+ }
8247
+ .link-body-emphasis:hover, .link-body-emphasis:focus {
8248
+ color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
8249
+ text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
8250
+ }
8251
+
8252
+ .focus-ring:focus {
8253
+ outline: 0;
8254
+ 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);
8255
+ }
8256
+
8257
+ .icon-link {
8258
+ display: inline-flex;
8259
+ gap: 0.375rem;
8260
+ align-items: center;
8261
+ text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
8262
+ text-underline-offset: 0.25em;
8263
+ backface-visibility: hidden;
8264
+ }
8265
+ .icon-link > .bi {
8266
+ flex-shrink: 0;
8267
+ width: 1em;
8268
+ height: 1em;
8269
+ fill: currentcolor;
8270
+ transition: 0.2s ease-in-out transform;
8271
+ }
8272
+ @media (prefers-reduced-motion: reduce) {
8273
+ .icon-link > .bi {
8274
+ transition: none;
8275
+ }
8276
+ }
8277
+
8278
+ .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
8279
+ transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
8013
8280
  }
8014
8281
 
8015
8282
  .ratio {
@@ -8149,7 +8416,6 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8149
8416
 
8150
8417
  .visually-hidden,
8151
8418
  .visually-hidden-focusable:not(:focus):not(:focus-within) {
8152
- position: absolute !important;
8153
8419
  width: 1px !important;
8154
8420
  height: 1px !important;
8155
8421
  padding: 0 !important;
@@ -8159,6 +8425,14 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8159
8425
  white-space: nowrap !important;
8160
8426
  border: 0 !important;
8161
8427
  }
8428
+ .visually-hidden:not(caption),
8429
+ .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
8430
+ position: absolute !important;
8431
+ }
8432
+ .visually-hidden *,
8433
+ .visually-hidden-focusable:not(:focus):not(:focus-within) * {
8434
+ overflow: hidden !important;
8435
+ }
8162
8436
 
8163
8437
  .stretched-link::after {
8164
8438
  position: absolute;
@@ -8179,7 +8453,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8179
8453
  .vr {
8180
8454
  display: inline-block;
8181
8455
  align-self: stretch;
8182
- width: 1px;
8456
+ width: var(--bs-border-width);
8183
8457
  min-height: 1em;
8184
8458
  background-color: currentcolor;
8185
8459
  opacity: 0.25;
@@ -8221,6 +8495,26 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8221
8495
  float: none !important;
8222
8496
  }
8223
8497
 
8498
+ .object-fit-contain {
8499
+ object-fit: contain !important;
8500
+ }
8501
+
8502
+ .object-fit-cover {
8503
+ object-fit: cover !important;
8504
+ }
8505
+
8506
+ .object-fit-fill {
8507
+ object-fit: fill !important;
8508
+ }
8509
+
8510
+ .object-fit-scale {
8511
+ object-fit: scale-down !important;
8512
+ }
8513
+
8514
+ .object-fit-none {
8515
+ object-fit: none !important;
8516
+ }
8517
+
8224
8518
  .opacity-0 {
8225
8519
  opacity: 0 !important;
8226
8520
  }
@@ -8257,6 +8551,38 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8257
8551
  overflow: scroll !important;
8258
8552
  }
8259
8553
 
8554
+ .overflow-x-auto {
8555
+ overflow-x: auto !important;
8556
+ }
8557
+
8558
+ .overflow-x-hidden {
8559
+ overflow-x: hidden !important;
8560
+ }
8561
+
8562
+ .overflow-x-visible {
8563
+ overflow-x: visible !important;
8564
+ }
8565
+
8566
+ .overflow-x-scroll {
8567
+ overflow-x: scroll !important;
8568
+ }
8569
+
8570
+ .overflow-y-auto {
8571
+ overflow-y: auto !important;
8572
+ }
8573
+
8574
+ .overflow-y-hidden {
8575
+ overflow-y: hidden !important;
8576
+ }
8577
+
8578
+ .overflow-y-visible {
8579
+ overflow-y: visible !important;
8580
+ }
8581
+
8582
+ .overflow-y-scroll {
8583
+ overflow-y: scroll !important;
8584
+ }
8585
+
8260
8586
  .d-inline {
8261
8587
  display: inline !important;
8262
8588
  }
@@ -8273,6 +8599,10 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8273
8599
  display: grid !important;
8274
8600
  }
8275
8601
 
8602
+ .d-inline-grid {
8603
+ display: inline-grid !important;
8604
+ }
8605
+
8276
8606
  .d-table {
8277
8607
  display: table !important;
8278
8608
  }
@@ -8298,21 +8628,53 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8298
8628
  }
8299
8629
 
8300
8630
  .shadow {
8301
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
8631
+ box-shadow: var(--bs-box-shadow) !important;
8302
8632
  }
8303
8633
 
8304
8634
  .shadow-sm {
8305
- box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
8635
+ box-shadow: var(--bs-box-shadow-sm) !important;
8306
8636
  }
8307
8637
 
8308
8638
  .shadow-lg {
8309
- box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
8639
+ box-shadow: var(--bs-box-shadow-lg) !important;
8310
8640
  }
8311
8641
 
8312
8642
  .shadow-none {
8313
8643
  box-shadow: none !important;
8314
8644
  }
8315
8645
 
8646
+ .focus-ring-primary {
8647
+ --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
8648
+ }
8649
+
8650
+ .focus-ring-secondary {
8651
+ --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
8652
+ }
8653
+
8654
+ .focus-ring-success {
8655
+ --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
8656
+ }
8657
+
8658
+ .focus-ring-info {
8659
+ --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
8660
+ }
8661
+
8662
+ .focus-ring-warning {
8663
+ --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
8664
+ }
8665
+
8666
+ .focus-ring-danger {
8667
+ --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
8668
+ }
8669
+
8670
+ .focus-ring-light {
8671
+ --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
8672
+ }
8673
+
8674
+ .focus-ring-dark {
8675
+ --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
8676
+ }
8677
+
8316
8678
  .position-static {
8317
8679
  position: static !important;
8318
8680
  }
@@ -8473,29 +8835,66 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8473
8835
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
8474
8836
  }
8475
8837
 
8838
+ .border-black {
8839
+ --bs-border-opacity: 1;
8840
+ border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
8841
+ }
8842
+
8476
8843
  .border-white {
8477
8844
  --bs-border-opacity: 1;
8478
8845
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
8479
8846
  }
8480
8847
 
8848
+ .border-primary-subtle {
8849
+ border-color: var(--bs-primary-border-subtle) !important;
8850
+ }
8851
+
8852
+ .border-secondary-subtle {
8853
+ border-color: var(--bs-secondary-border-subtle) !important;
8854
+ }
8855
+
8856
+ .border-success-subtle {
8857
+ border-color: var(--bs-success-border-subtle) !important;
8858
+ }
8859
+
8860
+ .border-info-subtle {
8861
+ border-color: var(--bs-info-border-subtle) !important;
8862
+ }
8863
+
8864
+ .border-warning-subtle {
8865
+ border-color: var(--bs-warning-border-subtle) !important;
8866
+ }
8867
+
8868
+ .border-danger-subtle {
8869
+ border-color: var(--bs-danger-border-subtle) !important;
8870
+ }
8871
+
8872
+ .border-light-subtle {
8873
+ border-color: var(--bs-light-border-subtle) !important;
8874
+ }
8875
+
8876
+ .border-dark-subtle {
8877
+ border-color: var(--bs-dark-border-subtle) !important;
8878
+ }
8879
+
8481
8880
  .border-1 {
8482
- --bs-border-width: 1px;
8881
+ border-width: 1px !important;
8483
8882
  }
8484
8883
 
8485
8884
  .border-2 {
8486
- --bs-border-width: 2px;
8885
+ border-width: 2px !important;
8487
8886
  }
8488
8887
 
8489
8888
  .border-3 {
8490
- --bs-border-width: 3px;
8889
+ border-width: 3px !important;
8491
8890
  }
8492
8891
 
8493
8892
  .border-4 {
8494
- --bs-border-width: 4px;
8893
+ border-width: 4px !important;
8495
8894
  }
8496
8895
 
8497
8896
  .border-5 {
8498
- --bs-border-width: 5px;
8897
+ border-width: 5px !important;
8499
8898
  }
8500
8899
 
8501
8900
  .border-opacity-10 {
@@ -9168,6 +9567,54 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9168
9567
  gap: 4.5rem !important;
9169
9568
  }
9170
9569
 
9570
+ .row-gap-0 {
9571
+ row-gap: 0 !important;
9572
+ }
9573
+
9574
+ .row-gap-1 {
9575
+ row-gap: 0.375rem !important;
9576
+ }
9577
+
9578
+ .row-gap-2 {
9579
+ row-gap: 0.75rem !important;
9580
+ }
9581
+
9582
+ .row-gap-3 {
9583
+ row-gap: 1.5rem !important;
9584
+ }
9585
+
9586
+ .row-gap-4 {
9587
+ row-gap: 2.25rem !important;
9588
+ }
9589
+
9590
+ .row-gap-5 {
9591
+ row-gap: 4.5rem !important;
9592
+ }
9593
+
9594
+ .column-gap-0 {
9595
+ column-gap: 0 !important;
9596
+ }
9597
+
9598
+ .column-gap-1 {
9599
+ column-gap: 0.375rem !important;
9600
+ }
9601
+
9602
+ .column-gap-2 {
9603
+ column-gap: 0.75rem !important;
9604
+ }
9605
+
9606
+ .column-gap-3 {
9607
+ column-gap: 1.5rem !important;
9608
+ }
9609
+
9610
+ .column-gap-4 {
9611
+ column-gap: 2.25rem !important;
9612
+ }
9613
+
9614
+ .column-gap-5 {
9615
+ column-gap: 4.5rem !important;
9616
+ }
9617
+
9171
9618
  .font-monospace {
9172
9619
  font-family: var(--bs-font-monospace) !important;
9173
9620
  }
@@ -9204,26 +9651,30 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9204
9651
  font-style: normal !important;
9205
9652
  }
9206
9653
 
9207
- .fw-light {
9208
- font-weight: 300 !important;
9209
- }
9210
-
9211
9654
  .fw-lighter {
9212
9655
  font-weight: lighter !important;
9213
9656
  }
9214
9657
 
9658
+ .fw-light {
9659
+ font-weight: 300 !important;
9660
+ }
9661
+
9215
9662
  .fw-normal {
9216
9663
  font-weight: 400 !important;
9217
9664
  }
9218
9665
 
9219
- .fw-bold {
9220
- font-weight: 700 !important;
9666
+ .fw-medium {
9667
+ font-weight: 500 !important;
9221
9668
  }
9222
9669
 
9223
9670
  .fw-semibold {
9224
9671
  font-weight: 600 !important;
9225
9672
  }
9226
9673
 
9674
+ .fw-bold {
9675
+ font-weight: 700 !important;
9676
+ }
9677
+
9227
9678
  .fw-bolder {
9228
9679
  font-weight: bolder !important;
9229
9680
  }
@@ -9352,7 +9803,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9352
9803
 
9353
9804
  .text-muted {
9354
9805
  --bs-text-opacity: 1;
9355
- color: #686b6e !important;
9806
+ color: var(--bs-secondary-color) !important;
9356
9807
  }
9357
9808
 
9358
9809
  .text-black-50 {
@@ -9365,6 +9816,21 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9365
9816
  color: rgba(255, 255, 255, 0.5) !important;
9366
9817
  }
9367
9818
 
9819
+ .text-body-secondary {
9820
+ --bs-text-opacity: 1;
9821
+ color: var(--bs-secondary-color) !important;
9822
+ }
9823
+
9824
+ .text-body-tertiary {
9825
+ --bs-text-opacity: 1;
9826
+ color: var(--bs-tertiary-color) !important;
9827
+ }
9828
+
9829
+ .text-body-emphasis {
9830
+ --bs-text-opacity: 1;
9831
+ color: var(--bs-emphasis-color) !important;
9832
+ }
9833
+
9368
9834
  .text-reset {
9369
9835
  --bs-text-opacity: 1;
9370
9836
  color: inherit !important;
@@ -9386,6 +9852,195 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9386
9852
  --bs-text-opacity: 1;
9387
9853
  }
9388
9854
 
9855
+ .text-primary-emphasis {
9856
+ color: var(--bs-primary-text-emphasis) !important;
9857
+ }
9858
+
9859
+ .text-secondary-emphasis {
9860
+ color: var(--bs-secondary-text-emphasis) !important;
9861
+ }
9862
+
9863
+ .text-success-emphasis {
9864
+ color: var(--bs-success-text-emphasis) !important;
9865
+ }
9866
+
9867
+ .text-info-emphasis {
9868
+ color: var(--bs-info-text-emphasis) !important;
9869
+ }
9870
+
9871
+ .text-warning-emphasis {
9872
+ color: var(--bs-warning-text-emphasis) !important;
9873
+ }
9874
+
9875
+ .text-danger-emphasis {
9876
+ color: var(--bs-danger-text-emphasis) !important;
9877
+ }
9878
+
9879
+ .text-light-emphasis {
9880
+ color: var(--bs-light-text-emphasis) !important;
9881
+ }
9882
+
9883
+ .text-dark-emphasis {
9884
+ color: var(--bs-dark-text-emphasis) !important;
9885
+ }
9886
+
9887
+ .link-opacity-10 {
9888
+ --bs-link-opacity: 0.1;
9889
+ }
9890
+
9891
+ .link-opacity-10-hover:hover {
9892
+ --bs-link-opacity: 0.1;
9893
+ }
9894
+
9895
+ .link-opacity-25 {
9896
+ --bs-link-opacity: 0.25;
9897
+ }
9898
+
9899
+ .link-opacity-25-hover:hover {
9900
+ --bs-link-opacity: 0.25;
9901
+ }
9902
+
9903
+ .link-opacity-50 {
9904
+ --bs-link-opacity: 0.5;
9905
+ }
9906
+
9907
+ .link-opacity-50-hover:hover {
9908
+ --bs-link-opacity: 0.5;
9909
+ }
9910
+
9911
+ .link-opacity-75 {
9912
+ --bs-link-opacity: 0.75;
9913
+ }
9914
+
9915
+ .link-opacity-75-hover:hover {
9916
+ --bs-link-opacity: 0.75;
9917
+ }
9918
+
9919
+ .link-opacity-100 {
9920
+ --bs-link-opacity: 1;
9921
+ }
9922
+
9923
+ .link-opacity-100-hover:hover {
9924
+ --bs-link-opacity: 1;
9925
+ }
9926
+
9927
+ .link-offset-1 {
9928
+ text-underline-offset: 0.125em !important;
9929
+ }
9930
+
9931
+ .link-offset-1-hover:hover {
9932
+ text-underline-offset: 0.125em !important;
9933
+ }
9934
+
9935
+ .link-offset-2 {
9936
+ text-underline-offset: 0.25em !important;
9937
+ }
9938
+
9939
+ .link-offset-2-hover:hover {
9940
+ text-underline-offset: 0.25em !important;
9941
+ }
9942
+
9943
+ .link-offset-3 {
9944
+ text-underline-offset: 0.375em !important;
9945
+ }
9946
+
9947
+ .link-offset-3-hover:hover {
9948
+ text-underline-offset: 0.375em !important;
9949
+ }
9950
+
9951
+ .link-underline-primary {
9952
+ --bs-link-underline-opacity: 1;
9953
+ text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
9954
+ }
9955
+
9956
+ .link-underline-secondary {
9957
+ --bs-link-underline-opacity: 1;
9958
+ text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
9959
+ }
9960
+
9961
+ .link-underline-success {
9962
+ --bs-link-underline-opacity: 1;
9963
+ text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
9964
+ }
9965
+
9966
+ .link-underline-info {
9967
+ --bs-link-underline-opacity: 1;
9968
+ text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
9969
+ }
9970
+
9971
+ .link-underline-warning {
9972
+ --bs-link-underline-opacity: 1;
9973
+ text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
9974
+ }
9975
+
9976
+ .link-underline-danger {
9977
+ --bs-link-underline-opacity: 1;
9978
+ text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
9979
+ }
9980
+
9981
+ .link-underline-light {
9982
+ --bs-link-underline-opacity: 1;
9983
+ text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
9984
+ }
9985
+
9986
+ .link-underline-dark {
9987
+ --bs-link-underline-opacity: 1;
9988
+ text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
9989
+ }
9990
+
9991
+ .link-underline {
9992
+ --bs-link-underline-opacity: 1;
9993
+ text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
9994
+ }
9995
+
9996
+ .link-underline-opacity-0 {
9997
+ --bs-link-underline-opacity: 0;
9998
+ }
9999
+
10000
+ .link-underline-opacity-0-hover:hover {
10001
+ --bs-link-underline-opacity: 0;
10002
+ }
10003
+
10004
+ .link-underline-opacity-10 {
10005
+ --bs-link-underline-opacity: 0.1;
10006
+ }
10007
+
10008
+ .link-underline-opacity-10-hover:hover {
10009
+ --bs-link-underline-opacity: 0.1;
10010
+ }
10011
+
10012
+ .link-underline-opacity-25 {
10013
+ --bs-link-underline-opacity: 0.25;
10014
+ }
10015
+
10016
+ .link-underline-opacity-25-hover:hover {
10017
+ --bs-link-underline-opacity: 0.25;
10018
+ }
10019
+
10020
+ .link-underline-opacity-50 {
10021
+ --bs-link-underline-opacity: 0.5;
10022
+ }
10023
+
10024
+ .link-underline-opacity-50-hover:hover {
10025
+ --bs-link-underline-opacity: 0.5;
10026
+ }
10027
+
10028
+ .link-underline-opacity-75 {
10029
+ --bs-link-underline-opacity: 0.75;
10030
+ }
10031
+
10032
+ .link-underline-opacity-75-hover:hover {
10033
+ --bs-link-underline-opacity: 0.75;
10034
+ }
10035
+
10036
+ .link-underline-opacity-100 {
10037
+ --bs-link-underline-opacity: 1;
10038
+ }
10039
+
10040
+ .link-underline-opacity-100-hover:hover {
10041
+ --bs-link-underline-opacity: 1;
10042
+ }
10043
+
9389
10044
  .bg-primary {
9390
10045
  --bs-bg-opacity: 1;
9391
10046
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
@@ -9446,6 +10101,16 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9446
10101
  background-color: transparent !important;
9447
10102
  }
9448
10103
 
10104
+ .bg-body-secondary {
10105
+ --bs-bg-opacity: 1;
10106
+ background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
10107
+ }
10108
+
10109
+ .bg-body-tertiary {
10110
+ --bs-bg-opacity: 1;
10111
+ background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
10112
+ }
10113
+
9449
10114
  .bg-opacity-10 {
9450
10115
  --bs-bg-opacity: 0.1;
9451
10116
  }
@@ -9466,6 +10131,38 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9466
10131
  --bs-bg-opacity: 1;
9467
10132
  }
9468
10133
 
10134
+ .bg-primary-subtle {
10135
+ background-color: var(--bs-primary-bg-subtle) !important;
10136
+ }
10137
+
10138
+ .bg-secondary-subtle {
10139
+ background-color: var(--bs-secondary-bg-subtle) !important;
10140
+ }
10141
+
10142
+ .bg-success-subtle {
10143
+ background-color: var(--bs-success-bg-subtle) !important;
10144
+ }
10145
+
10146
+ .bg-info-subtle {
10147
+ background-color: var(--bs-info-bg-subtle) !important;
10148
+ }
10149
+
10150
+ .bg-warning-subtle {
10151
+ background-color: var(--bs-warning-bg-subtle) !important;
10152
+ }
10153
+
10154
+ .bg-danger-subtle {
10155
+ background-color: var(--bs-danger-bg-subtle) !important;
10156
+ }
10157
+
10158
+ .bg-light-subtle {
10159
+ background-color: var(--bs-light-bg-subtle) !important;
10160
+ }
10161
+
10162
+ .bg-dark-subtle {
10163
+ background-color: var(--bs-dark-bg-subtle) !important;
10164
+ }
10165
+
9469
10166
  .bg-gradient {
9470
10167
  background-image: var(--bs-gradient) !important;
9471
10168
  }
@@ -9515,7 +10212,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9515
10212
  }
9516
10213
 
9517
10214
  .rounded-5 {
9518
- border-radius: var(--bs-border-radius-2xl) !important;
10215
+ border-radius: var(--bs-border-radius-xxl) !important;
9519
10216
  }
9520
10217
 
9521
10218
  .rounded-circle {
@@ -9531,21 +10228,181 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9531
10228
  border-top-right-radius: var(--bs-border-radius) !important;
9532
10229
  }
9533
10230
 
10231
+ .rounded-top-0 {
10232
+ border-top-left-radius: 0 !important;
10233
+ border-top-right-radius: 0 !important;
10234
+ }
10235
+
10236
+ .rounded-top-1 {
10237
+ border-top-left-radius: var(--bs-border-radius-sm) !important;
10238
+ border-top-right-radius: var(--bs-border-radius-sm) !important;
10239
+ }
10240
+
10241
+ .rounded-top-2 {
10242
+ border-top-left-radius: var(--bs-border-radius) !important;
10243
+ border-top-right-radius: var(--bs-border-radius) !important;
10244
+ }
10245
+
10246
+ .rounded-top-3 {
10247
+ border-top-left-radius: var(--bs-border-radius-lg) !important;
10248
+ border-top-right-radius: var(--bs-border-radius-lg) !important;
10249
+ }
10250
+
10251
+ .rounded-top-4 {
10252
+ border-top-left-radius: var(--bs-border-radius-xl) !important;
10253
+ border-top-right-radius: var(--bs-border-radius-xl) !important;
10254
+ }
10255
+
10256
+ .rounded-top-5 {
10257
+ border-top-left-radius: var(--bs-border-radius-xxl) !important;
10258
+ border-top-right-radius: var(--bs-border-radius-xxl) !important;
10259
+ }
10260
+
10261
+ .rounded-top-circle {
10262
+ border-top-left-radius: 50% !important;
10263
+ border-top-right-radius: 50% !important;
10264
+ }
10265
+
10266
+ .rounded-top-pill {
10267
+ border-top-left-radius: var(--bs-border-radius-pill) !important;
10268
+ border-top-right-radius: var(--bs-border-radius-pill) !important;
10269
+ }
10270
+
9534
10271
  .rounded-end {
9535
10272
  border-top-right-radius: var(--bs-border-radius) !important;
9536
10273
  border-bottom-right-radius: var(--bs-border-radius) !important;
9537
10274
  }
9538
10275
 
10276
+ .rounded-end-0 {
10277
+ border-top-right-radius: 0 !important;
10278
+ border-bottom-right-radius: 0 !important;
10279
+ }
10280
+
10281
+ .rounded-end-1 {
10282
+ border-top-right-radius: var(--bs-border-radius-sm) !important;
10283
+ border-bottom-right-radius: var(--bs-border-radius-sm) !important;
10284
+ }
10285
+
10286
+ .rounded-end-2 {
10287
+ border-top-right-radius: var(--bs-border-radius) !important;
10288
+ border-bottom-right-radius: var(--bs-border-radius) !important;
10289
+ }
10290
+
10291
+ .rounded-end-3 {
10292
+ border-top-right-radius: var(--bs-border-radius-lg) !important;
10293
+ border-bottom-right-radius: var(--bs-border-radius-lg) !important;
10294
+ }
10295
+
10296
+ .rounded-end-4 {
10297
+ border-top-right-radius: var(--bs-border-radius-xl) !important;
10298
+ border-bottom-right-radius: var(--bs-border-radius-xl) !important;
10299
+ }
10300
+
10301
+ .rounded-end-5 {
10302
+ border-top-right-radius: var(--bs-border-radius-xxl) !important;
10303
+ border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
10304
+ }
10305
+
10306
+ .rounded-end-circle {
10307
+ border-top-right-radius: 50% !important;
10308
+ border-bottom-right-radius: 50% !important;
10309
+ }
10310
+
10311
+ .rounded-end-pill {
10312
+ border-top-right-radius: var(--bs-border-radius-pill) !important;
10313
+ border-bottom-right-radius: var(--bs-border-radius-pill) !important;
10314
+ }
10315
+
9539
10316
  .rounded-bottom {
9540
10317
  border-bottom-right-radius: var(--bs-border-radius) !important;
9541
10318
  border-bottom-left-radius: var(--bs-border-radius) !important;
9542
10319
  }
9543
10320
 
10321
+ .rounded-bottom-0 {
10322
+ border-bottom-right-radius: 0 !important;
10323
+ border-bottom-left-radius: 0 !important;
10324
+ }
10325
+
10326
+ .rounded-bottom-1 {
10327
+ border-bottom-right-radius: var(--bs-border-radius-sm) !important;
10328
+ border-bottom-left-radius: var(--bs-border-radius-sm) !important;
10329
+ }
10330
+
10331
+ .rounded-bottom-2 {
10332
+ border-bottom-right-radius: var(--bs-border-radius) !important;
10333
+ border-bottom-left-radius: var(--bs-border-radius) !important;
10334
+ }
10335
+
10336
+ .rounded-bottom-3 {
10337
+ border-bottom-right-radius: var(--bs-border-radius-lg) !important;
10338
+ border-bottom-left-radius: var(--bs-border-radius-lg) !important;
10339
+ }
10340
+
10341
+ .rounded-bottom-4 {
10342
+ border-bottom-right-radius: var(--bs-border-radius-xl) !important;
10343
+ border-bottom-left-radius: var(--bs-border-radius-xl) !important;
10344
+ }
10345
+
10346
+ .rounded-bottom-5 {
10347
+ border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
10348
+ border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
10349
+ }
10350
+
10351
+ .rounded-bottom-circle {
10352
+ border-bottom-right-radius: 50% !important;
10353
+ border-bottom-left-radius: 50% !important;
10354
+ }
10355
+
10356
+ .rounded-bottom-pill {
10357
+ border-bottom-right-radius: var(--bs-border-radius-pill) !important;
10358
+ border-bottom-left-radius: var(--bs-border-radius-pill) !important;
10359
+ }
10360
+
9544
10361
  .rounded-start {
9545
10362
  border-bottom-left-radius: var(--bs-border-radius) !important;
9546
10363
  border-top-left-radius: var(--bs-border-radius) !important;
9547
10364
  }
9548
10365
 
10366
+ .rounded-start-0 {
10367
+ border-bottom-left-radius: 0 !important;
10368
+ border-top-left-radius: 0 !important;
10369
+ }
10370
+
10371
+ .rounded-start-1 {
10372
+ border-bottom-left-radius: var(--bs-border-radius-sm) !important;
10373
+ border-top-left-radius: var(--bs-border-radius-sm) !important;
10374
+ }
10375
+
10376
+ .rounded-start-2 {
10377
+ border-bottom-left-radius: var(--bs-border-radius) !important;
10378
+ border-top-left-radius: var(--bs-border-radius) !important;
10379
+ }
10380
+
10381
+ .rounded-start-3 {
10382
+ border-bottom-left-radius: var(--bs-border-radius-lg) !important;
10383
+ border-top-left-radius: var(--bs-border-radius-lg) !important;
10384
+ }
10385
+
10386
+ .rounded-start-4 {
10387
+ border-bottom-left-radius: var(--bs-border-radius-xl) !important;
10388
+ border-top-left-radius: var(--bs-border-radius-xl) !important;
10389
+ }
10390
+
10391
+ .rounded-start-5 {
10392
+ border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
10393
+ border-top-left-radius: var(--bs-border-radius-xxl) !important;
10394
+ }
10395
+
10396
+ .rounded-start-circle {
10397
+ border-bottom-left-radius: 50% !important;
10398
+ border-top-left-radius: 50% !important;
10399
+ }
10400
+
10401
+ .rounded-start-pill {
10402
+ border-bottom-left-radius: var(--bs-border-radius-pill) !important;
10403
+ border-top-left-radius: var(--bs-border-radius-pill) !important;
10404
+ }
10405
+
9549
10406
  .visible {
9550
10407
  visibility: visible !important;
9551
10408
  }
@@ -9554,6 +10411,26 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9554
10411
  visibility: hidden !important;
9555
10412
  }
9556
10413
 
10414
+ .z-n1 {
10415
+ z-index: -1 !important;
10416
+ }
10417
+
10418
+ .z-0 {
10419
+ z-index: 0 !important;
10420
+ }
10421
+
10422
+ .z-1 {
10423
+ z-index: 1 !important;
10424
+ }
10425
+
10426
+ .z-2 {
10427
+ z-index: 2 !important;
10428
+ }
10429
+
10430
+ .z-3 {
10431
+ z-index: 3 !important;
10432
+ }
10433
+
9557
10434
  @media (min-width: 576px) {
9558
10435
  .float-sm-start {
9559
10436
  float: left !important;
@@ -9564,6 +10441,21 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9564
10441
  .float-sm-none {
9565
10442
  float: none !important;
9566
10443
  }
10444
+ .object-fit-sm-contain {
10445
+ object-fit: contain !important;
10446
+ }
10447
+ .object-fit-sm-cover {
10448
+ object-fit: cover !important;
10449
+ }
10450
+ .object-fit-sm-fill {
10451
+ object-fit: fill !important;
10452
+ }
10453
+ .object-fit-sm-scale {
10454
+ object-fit: scale-down !important;
10455
+ }
10456
+ .object-fit-sm-none {
10457
+ object-fit: none !important;
10458
+ }
9567
10459
  .d-sm-inline {
9568
10460
  display: inline !important;
9569
10461
  }
@@ -9576,6 +10468,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
9576
10468
  .d-sm-grid {
9577
10469
  display: grid !important;
9578
10470
  }
10471
+ .d-sm-inline-grid {
10472
+ display: inline-grid !important;
10473
+ }
9579
10474
  .d-sm-table {
9580
10475
  display: table !important;
9581
10476
  }
@@ -10040,6 +10935,42 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
10040
10935
  .gap-sm-5 {
10041
10936
  gap: 4.5rem !important;
10042
10937
  }
10938
+ .row-gap-sm-0 {
10939
+ row-gap: 0 !important;
10940
+ }
10941
+ .row-gap-sm-1 {
10942
+ row-gap: 0.375rem !important;
10943
+ }
10944
+ .row-gap-sm-2 {
10945
+ row-gap: 0.75rem !important;
10946
+ }
10947
+ .row-gap-sm-3 {
10948
+ row-gap: 1.5rem !important;
10949
+ }
10950
+ .row-gap-sm-4 {
10951
+ row-gap: 2.25rem !important;
10952
+ }
10953
+ .row-gap-sm-5 {
10954
+ row-gap: 4.5rem !important;
10955
+ }
10956
+ .column-gap-sm-0 {
10957
+ column-gap: 0 !important;
10958
+ }
10959
+ .column-gap-sm-1 {
10960
+ column-gap: 0.375rem !important;
10961
+ }
10962
+ .column-gap-sm-2 {
10963
+ column-gap: 0.75rem !important;
10964
+ }
10965
+ .column-gap-sm-3 {
10966
+ column-gap: 1.5rem !important;
10967
+ }
10968
+ .column-gap-sm-4 {
10969
+ column-gap: 2.25rem !important;
10970
+ }
10971
+ .column-gap-sm-5 {
10972
+ column-gap: 4.5rem !important;
10973
+ }
10043
10974
  .text-sm-start {
10044
10975
  text-align: left !important;
10045
10976
  }
@@ -10060,6 +10991,21 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
10060
10991
  .float-md-none {
10061
10992
  float: none !important;
10062
10993
  }
10994
+ .object-fit-md-contain {
10995
+ object-fit: contain !important;
10996
+ }
10997
+ .object-fit-md-cover {
10998
+ object-fit: cover !important;
10999
+ }
11000
+ .object-fit-md-fill {
11001
+ object-fit: fill !important;
11002
+ }
11003
+ .object-fit-md-scale {
11004
+ object-fit: scale-down !important;
11005
+ }
11006
+ .object-fit-md-none {
11007
+ object-fit: none !important;
11008
+ }
10063
11009
  .d-md-inline {
10064
11010
  display: inline !important;
10065
11011
  }
@@ -10072,6 +11018,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
10072
11018
  .d-md-grid {
10073
11019
  display: grid !important;
10074
11020
  }
11021
+ .d-md-inline-grid {
11022
+ display: inline-grid !important;
11023
+ }
10075
11024
  .d-md-table {
10076
11025
  display: table !important;
10077
11026
  }
@@ -10536,6 +11485,42 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
10536
11485
  .gap-md-5 {
10537
11486
  gap: 4.5rem !important;
10538
11487
  }
11488
+ .row-gap-md-0 {
11489
+ row-gap: 0 !important;
11490
+ }
11491
+ .row-gap-md-1 {
11492
+ row-gap: 0.375rem !important;
11493
+ }
11494
+ .row-gap-md-2 {
11495
+ row-gap: 0.75rem !important;
11496
+ }
11497
+ .row-gap-md-3 {
11498
+ row-gap: 1.5rem !important;
11499
+ }
11500
+ .row-gap-md-4 {
11501
+ row-gap: 2.25rem !important;
11502
+ }
11503
+ .row-gap-md-5 {
11504
+ row-gap: 4.5rem !important;
11505
+ }
11506
+ .column-gap-md-0 {
11507
+ column-gap: 0 !important;
11508
+ }
11509
+ .column-gap-md-1 {
11510
+ column-gap: 0.375rem !important;
11511
+ }
11512
+ .column-gap-md-2 {
11513
+ column-gap: 0.75rem !important;
11514
+ }
11515
+ .column-gap-md-3 {
11516
+ column-gap: 1.5rem !important;
11517
+ }
11518
+ .column-gap-md-4 {
11519
+ column-gap: 2.25rem !important;
11520
+ }
11521
+ .column-gap-md-5 {
11522
+ column-gap: 4.5rem !important;
11523
+ }
10539
11524
  .text-md-start {
10540
11525
  text-align: left !important;
10541
11526
  }
@@ -10556,6 +11541,21 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
10556
11541
  .float-lg-none {
10557
11542
  float: none !important;
10558
11543
  }
11544
+ .object-fit-lg-contain {
11545
+ object-fit: contain !important;
11546
+ }
11547
+ .object-fit-lg-cover {
11548
+ object-fit: cover !important;
11549
+ }
11550
+ .object-fit-lg-fill {
11551
+ object-fit: fill !important;
11552
+ }
11553
+ .object-fit-lg-scale {
11554
+ object-fit: scale-down !important;
11555
+ }
11556
+ .object-fit-lg-none {
11557
+ object-fit: none !important;
11558
+ }
10559
11559
  .d-lg-inline {
10560
11560
  display: inline !important;
10561
11561
  }
@@ -10568,6 +11568,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
10568
11568
  .d-lg-grid {
10569
11569
  display: grid !important;
10570
11570
  }
11571
+ .d-lg-inline-grid {
11572
+ display: inline-grid !important;
11573
+ }
10571
11574
  .d-lg-table {
10572
11575
  display: table !important;
10573
11576
  }
@@ -11032,6 +12035,42 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
11032
12035
  .gap-lg-5 {
11033
12036
  gap: 4.5rem !important;
11034
12037
  }
12038
+ .row-gap-lg-0 {
12039
+ row-gap: 0 !important;
12040
+ }
12041
+ .row-gap-lg-1 {
12042
+ row-gap: 0.375rem !important;
12043
+ }
12044
+ .row-gap-lg-2 {
12045
+ row-gap: 0.75rem !important;
12046
+ }
12047
+ .row-gap-lg-3 {
12048
+ row-gap: 1.5rem !important;
12049
+ }
12050
+ .row-gap-lg-4 {
12051
+ row-gap: 2.25rem !important;
12052
+ }
12053
+ .row-gap-lg-5 {
12054
+ row-gap: 4.5rem !important;
12055
+ }
12056
+ .column-gap-lg-0 {
12057
+ column-gap: 0 !important;
12058
+ }
12059
+ .column-gap-lg-1 {
12060
+ column-gap: 0.375rem !important;
12061
+ }
12062
+ .column-gap-lg-2 {
12063
+ column-gap: 0.75rem !important;
12064
+ }
12065
+ .column-gap-lg-3 {
12066
+ column-gap: 1.5rem !important;
12067
+ }
12068
+ .column-gap-lg-4 {
12069
+ column-gap: 2.25rem !important;
12070
+ }
12071
+ .column-gap-lg-5 {
12072
+ column-gap: 4.5rem !important;
12073
+ }
11035
12074
  .text-lg-start {
11036
12075
  text-align: left !important;
11037
12076
  }
@@ -11052,6 +12091,21 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
11052
12091
  .float-xl-none {
11053
12092
  float: none !important;
11054
12093
  }
12094
+ .object-fit-xl-contain {
12095
+ object-fit: contain !important;
12096
+ }
12097
+ .object-fit-xl-cover {
12098
+ object-fit: cover !important;
12099
+ }
12100
+ .object-fit-xl-fill {
12101
+ object-fit: fill !important;
12102
+ }
12103
+ .object-fit-xl-scale {
12104
+ object-fit: scale-down !important;
12105
+ }
12106
+ .object-fit-xl-none {
12107
+ object-fit: none !important;
12108
+ }
11055
12109
  .d-xl-inline {
11056
12110
  display: inline !important;
11057
12111
  }
@@ -11064,6 +12118,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
11064
12118
  .d-xl-grid {
11065
12119
  display: grid !important;
11066
12120
  }
12121
+ .d-xl-inline-grid {
12122
+ display: inline-grid !important;
12123
+ }
11067
12124
  .d-xl-table {
11068
12125
  display: table !important;
11069
12126
  }
@@ -11528,6 +12585,42 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
11528
12585
  .gap-xl-5 {
11529
12586
  gap: 4.5rem !important;
11530
12587
  }
12588
+ .row-gap-xl-0 {
12589
+ row-gap: 0 !important;
12590
+ }
12591
+ .row-gap-xl-1 {
12592
+ row-gap: 0.375rem !important;
12593
+ }
12594
+ .row-gap-xl-2 {
12595
+ row-gap: 0.75rem !important;
12596
+ }
12597
+ .row-gap-xl-3 {
12598
+ row-gap: 1.5rem !important;
12599
+ }
12600
+ .row-gap-xl-4 {
12601
+ row-gap: 2.25rem !important;
12602
+ }
12603
+ .row-gap-xl-5 {
12604
+ row-gap: 4.5rem !important;
12605
+ }
12606
+ .column-gap-xl-0 {
12607
+ column-gap: 0 !important;
12608
+ }
12609
+ .column-gap-xl-1 {
12610
+ column-gap: 0.375rem !important;
12611
+ }
12612
+ .column-gap-xl-2 {
12613
+ column-gap: 0.75rem !important;
12614
+ }
12615
+ .column-gap-xl-3 {
12616
+ column-gap: 1.5rem !important;
12617
+ }
12618
+ .column-gap-xl-4 {
12619
+ column-gap: 2.25rem !important;
12620
+ }
12621
+ .column-gap-xl-5 {
12622
+ column-gap: 4.5rem !important;
12623
+ }
11531
12624
  .text-xl-start {
11532
12625
  text-align: left !important;
11533
12626
  }
@@ -11548,6 +12641,21 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
11548
12641
  .float-xxl-none {
11549
12642
  float: none !important;
11550
12643
  }
12644
+ .object-fit-xxl-contain {
12645
+ object-fit: contain !important;
12646
+ }
12647
+ .object-fit-xxl-cover {
12648
+ object-fit: cover !important;
12649
+ }
12650
+ .object-fit-xxl-fill {
12651
+ object-fit: fill !important;
12652
+ }
12653
+ .object-fit-xxl-scale {
12654
+ object-fit: scale-down !important;
12655
+ }
12656
+ .object-fit-xxl-none {
12657
+ object-fit: none !important;
12658
+ }
11551
12659
  .d-xxl-inline {
11552
12660
  display: inline !important;
11553
12661
  }
@@ -11560,6 +12668,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
11560
12668
  .d-xxl-grid {
11561
12669
  display: grid !important;
11562
12670
  }
12671
+ .d-xxl-inline-grid {
12672
+ display: inline-grid !important;
12673
+ }
11563
12674
  .d-xxl-table {
11564
12675
  display: table !important;
11565
12676
  }
@@ -12024,6 +13135,42 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
12024
13135
  .gap-xxl-5 {
12025
13136
  gap: 4.5rem !important;
12026
13137
  }
13138
+ .row-gap-xxl-0 {
13139
+ row-gap: 0 !important;
13140
+ }
13141
+ .row-gap-xxl-1 {
13142
+ row-gap: 0.375rem !important;
13143
+ }
13144
+ .row-gap-xxl-2 {
13145
+ row-gap: 0.75rem !important;
13146
+ }
13147
+ .row-gap-xxl-3 {
13148
+ row-gap: 1.5rem !important;
13149
+ }
13150
+ .row-gap-xxl-4 {
13151
+ row-gap: 2.25rem !important;
13152
+ }
13153
+ .row-gap-xxl-5 {
13154
+ row-gap: 4.5rem !important;
13155
+ }
13156
+ .column-gap-xxl-0 {
13157
+ column-gap: 0 !important;
13158
+ }
13159
+ .column-gap-xxl-1 {
13160
+ column-gap: 0.375rem !important;
13161
+ }
13162
+ .column-gap-xxl-2 {
13163
+ column-gap: 0.75rem !important;
13164
+ }
13165
+ .column-gap-xxl-3 {
13166
+ column-gap: 1.5rem !important;
13167
+ }
13168
+ .column-gap-xxl-4 {
13169
+ column-gap: 2.25rem !important;
13170
+ }
13171
+ .column-gap-xxl-5 {
13172
+ column-gap: 4.5rem !important;
13173
+ }
12027
13174
  .text-xxl-start {
12028
13175
  text-align: left !important;
12029
13176
  }
@@ -12061,6 +13208,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
12061
13208
  .d-print-grid {
12062
13209
  display: grid !important;
12063
13210
  }
13211
+ .d-print-inline-grid {
13212
+ display: inline-grid !important;
13213
+ }
12064
13214
  .d-print-table {
12065
13215
  display: table !important;
12066
13216
  }