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