windows-plus-theme 1.0.40 → 1.0.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/css/main.css +1874 -662
  2. package/dist/css/main.css.map +1 -1
  3. package/package.json +2 -2
  4. package/sass/main.sass +1 -1
  5. package/sass/partials/__partials__.sass +2 -1
  6. package/sass/partials/background/__background__.sass +2 -0
  7. package/sass/partials/border/__border__.sass +37 -0
  8. package/sass/primary/__primary__.sass +1 -1
  9. package/sass/primary/variable/__variable__.sass +1 -0
package/dist/css/main.css CHANGED
@@ -1,11 +1,11 @@
1
1
  @charset "UTF-8";
2
2
  /*!
3
- * Bootstrap v5.2.3 (https://getbootstrap.com/)
4
- * Copyright 2011-2022 The Bootstrap Authors
5
- * Copyright 2011-2022 Twitter, Inc.
3
+ * Bootstrap v5.3.7 (https://getbootstrap.com/)
4
+ * Copyright 2011-2025 The Bootstrap Authors
6
5
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
7
6
  */
8
- :root {
7
+ :root,
8
+ [data-bs-theme=light] {
9
9
  --bs-blue: #0d6efd;
10
10
  --bs-indigo: #6610f2;
11
11
  --bs-purple: #6f42c1;
@@ -45,10 +45,32 @@
45
45
  --bs-danger-rgb: 220, 53, 69;
46
46
  --bs-light-rgb: 248, 249, 250;
47
47
  --bs-dark-rgb: 33, 37, 41;
48
+ --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
49
+ --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
50
+ --bs-success-text-emphasis: rgb(10, 54, 33.6);
51
+ --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
52
+ --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
53
+ --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
54
+ --bs-light-text-emphasis: #495057;
55
+ --bs-dark-text-emphasis: #495057;
56
+ --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
57
+ --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
58
+ --bs-success-bg-subtle: rgb(209, 231, 220.8);
59
+ --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
60
+ --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
61
+ --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
62
+ --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
63
+ --bs-dark-bg-subtle: #ced4da;
64
+ --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
65
+ --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
66
+ --bs-success-border-subtle: rgb(163, 207, 186.6);
67
+ --bs-info-border-subtle: rgb(158.2, 233.8, 249);
68
+ --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
69
+ --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
70
+ --bs-light-border-subtle: #e9ecef;
71
+ --bs-dark-border-subtle: #adb5bd;
48
72
  --bs-white-rgb: 255, 255, 255;
49
73
  --bs-black-rgb: 0, 0, 0;
50
- --bs-body-color-rgb: 33, 37, 41;
51
- --bs-body-bg-rgb: 255, 255, 255;
52
74
  --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";
53
75
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
54
76
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
@@ -57,7 +79,28 @@
57
79
  --bs-body-font-weight: 400;
58
80
  --bs-body-line-height: 1.5;
59
81
  --bs-body-color: #212529;
82
+ --bs-body-color-rgb: 33, 37, 41;
60
83
  --bs-body-bg: #fff;
84
+ --bs-body-bg-rgb: 255, 255, 255;
85
+ --bs-emphasis-color: #000;
86
+ --bs-emphasis-color-rgb: 0, 0, 0;
87
+ --bs-secondary-color: rgba(33, 37, 41, 0.75);
88
+ --bs-secondary-color-rgb: 33, 37, 41;
89
+ --bs-secondary-bg: #e9ecef;
90
+ --bs-secondary-bg-rgb: 233, 236, 239;
91
+ --bs-tertiary-color: rgba(33, 37, 41, 0.5);
92
+ --bs-tertiary-color-rgb: 33, 37, 41;
93
+ --bs-tertiary-bg: #f8f9fa;
94
+ --bs-tertiary-bg-rgb: 248, 249, 250;
95
+ --bs-heading-color: inherit;
96
+ --bs-link-color: #0d6efd;
97
+ --bs-link-color-rgb: 13, 110, 253;
98
+ --bs-link-decoration: underline;
99
+ --bs-link-hover-color: rgb(10.4, 88, 202.4);
100
+ --bs-link-hover-color-rgb: 10, 88, 202;
101
+ --bs-code-color: #d63384;
102
+ --bs-highlight-color: #212529;
103
+ --bs-highlight-bg: rgb(255, 242.6, 205.4);
61
104
  --bs-border-width: 1px;
62
105
  --bs-border-style: solid;
63
106
  --bs-border-color: #dee2e6;
@@ -66,12 +109,76 @@
66
109
  --bs-border-radius-sm: 0.25rem;
67
110
  --bs-border-radius-lg: 0.5rem;
68
111
  --bs-border-radius-xl: 1rem;
69
- --bs-border-radius-2xl: 2rem;
112
+ --bs-border-radius-xxl: 2rem;
113
+ --bs-border-radius-2xl: var(--bs-border-radius-xxl);
70
114
  --bs-border-radius-pill: 50rem;
71
- --bs-link-color: #0d6efd;
72
- --bs-link-hover-color: #0a58ca;
73
- --bs-code-color: #d63384;
74
- --bs-highlight-bg: #fff3cd;
115
+ --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
116
+ --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
117
+ --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
118
+ --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
119
+ --bs-focus-ring-width: 0.25rem;
120
+ --bs-focus-ring-opacity: 0.25;
121
+ --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
122
+ --bs-form-valid-color: #198754;
123
+ --bs-form-valid-border-color: #198754;
124
+ --bs-form-invalid-color: #dc3545;
125
+ --bs-form-invalid-border-color: #dc3545;
126
+ }
127
+
128
+ [data-bs-theme=dark] {
129
+ color-scheme: dark;
130
+ --bs-body-color: #dee2e6;
131
+ --bs-body-color-rgb: 222, 226, 230;
132
+ --bs-body-bg: #212529;
133
+ --bs-body-bg-rgb: 33, 37, 41;
134
+ --bs-emphasis-color: #fff;
135
+ --bs-emphasis-color-rgb: 255, 255, 255;
136
+ --bs-secondary-color: rgba(222, 226, 230, 0.75);
137
+ --bs-secondary-color-rgb: 222, 226, 230;
138
+ --bs-secondary-bg: #343a40;
139
+ --bs-secondary-bg-rgb: 52, 58, 64;
140
+ --bs-tertiary-color: rgba(222, 226, 230, 0.5);
141
+ --bs-tertiary-color-rgb: 222, 226, 230;
142
+ --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
143
+ --bs-tertiary-bg-rgb: 43, 48, 53;
144
+ --bs-primary-text-emphasis: rgb(109.8, 168, 253.8);
145
+ --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
146
+ --bs-success-text-emphasis: rgb(117, 183, 152.4);
147
+ --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
148
+ --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
149
+ --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
150
+ --bs-light-text-emphasis: #f8f9fa;
151
+ --bs-dark-text-emphasis: #dee2e6;
152
+ --bs-primary-bg-subtle: rgb(2.6, 22, 50.6);
153
+ --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
154
+ --bs-success-bg-subtle: rgb(5, 27, 16.8);
155
+ --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
156
+ --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
157
+ --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
158
+ --bs-light-bg-subtle: #343a40;
159
+ --bs-dark-bg-subtle: #1a1d20;
160
+ --bs-primary-border-subtle: rgb(7.8, 66, 151.8);
161
+ --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
162
+ --bs-success-border-subtle: rgb(15, 81, 50.4);
163
+ --bs-info-border-subtle: rgb(7.8, 121.2, 144);
164
+ --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
165
+ --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
166
+ --bs-light-border-subtle: #495057;
167
+ --bs-dark-border-subtle: #343a40;
168
+ --bs-heading-color: inherit;
169
+ --bs-link-color: rgb(109.8, 168, 253.8);
170
+ --bs-link-hover-color: rgb(138.84, 185.4, 254.04);
171
+ --bs-link-color-rgb: 110, 168, 254;
172
+ --bs-link-hover-color-rgb: 139, 185, 254;
173
+ --bs-code-color: rgb(230.4, 132.6, 181.2);
174
+ --bs-highlight-color: #dee2e6;
175
+ --bs-highlight-bg: rgb(102, 77.2, 2.8);
176
+ --bs-border-color: #495057;
177
+ --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
178
+ --bs-form-valid-color: rgb(117, 183, 152.4);
179
+ --bs-form-valid-border-color: rgb(117, 183, 152.4);
180
+ --bs-form-invalid-color: rgb(234, 133.8, 143.4);
181
+ --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
75
182
  }
76
183
 
77
184
  *,
@@ -103,7 +210,7 @@ hr {
103
210
  margin: 1rem 0;
104
211
  color: inherit;
105
212
  border: 0;
106
- border-top: 1px solid;
213
+ border-top: var(--bs-border-width) solid;
107
214
  opacity: 0.25;
108
215
  }
109
216
 
@@ -112,6 +219,7 @@ h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
112
219
  margin-bottom: 0.5rem;
113
220
  font-weight: 500;
114
221
  line-height: 1.2;
222
+ color: var(--bs-heading-color);
115
223
  }
116
224
 
117
225
  h1, .h1 {
@@ -218,6 +326,7 @@ small, .small {
218
326
 
219
327
  mark, .mark {
220
328
  padding: 0.1875em;
329
+ color: var(--bs-highlight-color);
221
330
  background-color: var(--bs-highlight-bg);
222
331
  }
223
332
 
@@ -238,11 +347,11 @@ sup {
238
347
  }
239
348
 
240
349
  a {
241
- color: var(--bs-link-color);
350
+ color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
242
351
  text-decoration: underline;
243
352
  }
244
353
  a:hover {
245
- color: var(--bs-link-hover-color);
354
+ --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
246
355
  }
247
356
 
248
357
  a:not([href]):not([class]), a:not([href]):not([class]):hover {
@@ -309,7 +418,7 @@ table {
309
418
  caption {
310
419
  padding-top: 0.5rem;
311
420
  padding-bottom: 0.5rem;
312
- color: #6c757d;
421
+ color: var(--bs-secondary-color);
313
422
  text-align: left;
314
423
  }
315
424
 
@@ -406,8 +515,8 @@ legend {
406
515
  width: 100%;
407
516
  padding: 0;
408
517
  margin-bottom: 0.5rem;
409
- font-size: calc(1.275rem + 0.3vw);
410
518
  line-height: inherit;
519
+ font-size: calc(1.275rem + 0.3vw);
411
520
  }
412
521
  @media (min-width: 1200px) {
413
522
  legend {
@@ -433,8 +542,8 @@ legend + * {
433
542
  }
434
543
 
435
544
  [type=search] {
436
- outline-offset: -2px;
437
545
  -webkit-appearance: textfield;
546
+ outline-offset: -2px;
438
547
  }
439
548
 
440
549
  /* rtl:raw:
@@ -485,9 +594,9 @@ progress {
485
594
  }
486
595
 
487
596
  .display-1 {
488
- font-size: calc(1.625rem + 4.5vw);
489
597
  font-weight: 300;
490
598
  line-height: 1.2;
599
+ font-size: calc(1.625rem + 4.5vw);
491
600
  }
492
601
  @media (min-width: 1200px) {
493
602
  .display-1 {
@@ -496,9 +605,9 @@ progress {
496
605
  }
497
606
 
498
607
  .display-2 {
499
- font-size: calc(1.575rem + 3.9vw);
500
608
  font-weight: 300;
501
609
  line-height: 1.2;
610
+ font-size: calc(1.575rem + 3.9vw);
502
611
  }
503
612
  @media (min-width: 1200px) {
504
613
  .display-2 {
@@ -507,9 +616,9 @@ progress {
507
616
  }
508
617
 
509
618
  .display-3 {
510
- font-size: calc(1.525rem + 3.3vw);
511
619
  font-weight: 300;
512
620
  line-height: 1.2;
621
+ font-size: calc(1.525rem + 3.3vw);
513
622
  }
514
623
  @media (min-width: 1200px) {
515
624
  .display-3 {
@@ -518,9 +627,9 @@ progress {
518
627
  }
519
628
 
520
629
  .display-4 {
521
- font-size: calc(1.475rem + 2.7vw);
522
630
  font-weight: 300;
523
631
  line-height: 1.2;
632
+ font-size: calc(1.475rem + 2.7vw);
524
633
  }
525
634
  @media (min-width: 1200px) {
526
635
  .display-4 {
@@ -529,9 +638,9 @@ progress {
529
638
  }
530
639
 
531
640
  .display-5 {
532
- font-size: calc(1.425rem + 2.1vw);
533
641
  font-weight: 300;
534
642
  line-height: 1.2;
643
+ font-size: calc(1.425rem + 2.1vw);
535
644
  }
536
645
  @media (min-width: 1200px) {
537
646
  .display-5 {
@@ -540,9 +649,9 @@ progress {
540
649
  }
541
650
 
542
651
  .display-6 {
543
- font-size: calc(1.375rem + 1.5vw);
544
652
  font-weight: 300;
545
653
  line-height: 1.2;
654
+ font-size: calc(1.375rem + 1.5vw);
546
655
  }
547
656
  @media (min-width: 1200px) {
548
657
  .display-6 {
@@ -597,9 +706,9 @@ progress {
597
706
 
598
707
  .img-thumbnail {
599
708
  padding: 0.25rem;
600
- background-color: #fff;
601
- border: 1px solid var(--bs-border-color);
602
- border-radius: 0.375rem;
709
+ background-color: var(--bs-body-bg);
710
+ border: var(--bs-border-width) solid var(--bs-border-color);
711
+ border-radius: var(--bs-border-radius);
603
712
  max-width: 100%;
604
713
  height: auto;
605
714
  }
@@ -615,7 +724,7 @@ progress {
615
724
 
616
725
  .figure-caption {
617
726
  font-size: 0.875em;
618
- color: #6c757d;
727
+ color: var(--bs-secondary-color);
619
728
  }
620
729
 
621
730
  .container,
@@ -659,6 +768,15 @@ progress {
659
768
  max-width: 1320px;
660
769
  }
661
770
  }
771
+ :root {
772
+ --bs-breakpoint-xs: 0;
773
+ --bs-breakpoint-sm: 576px;
774
+ --bs-breakpoint-md: 768px;
775
+ --bs-breakpoint-lg: 992px;
776
+ --bs-breakpoint-xl: 1200px;
777
+ --bs-breakpoint-xxl: 1400px;
778
+ }
779
+
662
780
  .row {
663
781
  --bs-gutter-x: 1.5rem;
664
782
  --bs-gutter-y: 0;
@@ -678,7 +796,7 @@ progress {
678
796
  }
679
797
 
680
798
  .col {
681
- flex: 1 0 0%;
799
+ flex: 1 0 0;
682
800
  }
683
801
 
684
802
  .row-cols-auto > * {
@@ -698,7 +816,7 @@ progress {
698
816
 
699
817
  .row-cols-3 > * {
700
818
  flex: 0 0 auto;
701
- width: 33.3333333333%;
819
+ width: 33.33333333%;
702
820
  }
703
821
 
704
822
  .row-cols-4 > * {
@@ -713,7 +831,7 @@ progress {
713
831
 
714
832
  .row-cols-6 > * {
715
833
  flex: 0 0 auto;
716
- width: 16.6666666667%;
834
+ width: 16.66666667%;
717
835
  }
718
836
 
719
837
  .col-auto {
@@ -887,7 +1005,7 @@ progress {
887
1005
 
888
1006
  @media (min-width: 576px) {
889
1007
  .col-sm {
890
- flex: 1 0 0%;
1008
+ flex: 1 0 0;
891
1009
  }
892
1010
  .row-cols-sm-auto > * {
893
1011
  flex: 0 0 auto;
@@ -903,7 +1021,7 @@ progress {
903
1021
  }
904
1022
  .row-cols-sm-3 > * {
905
1023
  flex: 0 0 auto;
906
- width: 33.3333333333%;
1024
+ width: 33.33333333%;
907
1025
  }
908
1026
  .row-cols-sm-4 > * {
909
1027
  flex: 0 0 auto;
@@ -915,7 +1033,7 @@ progress {
915
1033
  }
916
1034
  .row-cols-sm-6 > * {
917
1035
  flex: 0 0 auto;
918
- width: 16.6666666667%;
1036
+ width: 16.66666667%;
919
1037
  }
920
1038
  .col-sm-auto {
921
1039
  flex: 0 0 auto;
@@ -1056,7 +1174,7 @@ progress {
1056
1174
  }
1057
1175
  @media (min-width: 768px) {
1058
1176
  .col-md {
1059
- flex: 1 0 0%;
1177
+ flex: 1 0 0;
1060
1178
  }
1061
1179
  .row-cols-md-auto > * {
1062
1180
  flex: 0 0 auto;
@@ -1072,7 +1190,7 @@ progress {
1072
1190
  }
1073
1191
  .row-cols-md-3 > * {
1074
1192
  flex: 0 0 auto;
1075
- width: 33.3333333333%;
1193
+ width: 33.33333333%;
1076
1194
  }
1077
1195
  .row-cols-md-4 > * {
1078
1196
  flex: 0 0 auto;
@@ -1084,7 +1202,7 @@ progress {
1084
1202
  }
1085
1203
  .row-cols-md-6 > * {
1086
1204
  flex: 0 0 auto;
1087
- width: 16.6666666667%;
1205
+ width: 16.66666667%;
1088
1206
  }
1089
1207
  .col-md-auto {
1090
1208
  flex: 0 0 auto;
@@ -1225,7 +1343,7 @@ progress {
1225
1343
  }
1226
1344
  @media (min-width: 992px) {
1227
1345
  .col-lg {
1228
- flex: 1 0 0%;
1346
+ flex: 1 0 0;
1229
1347
  }
1230
1348
  .row-cols-lg-auto > * {
1231
1349
  flex: 0 0 auto;
@@ -1241,7 +1359,7 @@ progress {
1241
1359
  }
1242
1360
  .row-cols-lg-3 > * {
1243
1361
  flex: 0 0 auto;
1244
- width: 33.3333333333%;
1362
+ width: 33.33333333%;
1245
1363
  }
1246
1364
  .row-cols-lg-4 > * {
1247
1365
  flex: 0 0 auto;
@@ -1253,7 +1371,7 @@ progress {
1253
1371
  }
1254
1372
  .row-cols-lg-6 > * {
1255
1373
  flex: 0 0 auto;
1256
- width: 16.6666666667%;
1374
+ width: 16.66666667%;
1257
1375
  }
1258
1376
  .col-lg-auto {
1259
1377
  flex: 0 0 auto;
@@ -1394,7 +1512,7 @@ progress {
1394
1512
  }
1395
1513
  @media (min-width: 1200px) {
1396
1514
  .col-xl {
1397
- flex: 1 0 0%;
1515
+ flex: 1 0 0;
1398
1516
  }
1399
1517
  .row-cols-xl-auto > * {
1400
1518
  flex: 0 0 auto;
@@ -1410,7 +1528,7 @@ progress {
1410
1528
  }
1411
1529
  .row-cols-xl-3 > * {
1412
1530
  flex: 0 0 auto;
1413
- width: 33.3333333333%;
1531
+ width: 33.33333333%;
1414
1532
  }
1415
1533
  .row-cols-xl-4 > * {
1416
1534
  flex: 0 0 auto;
@@ -1422,7 +1540,7 @@ progress {
1422
1540
  }
1423
1541
  .row-cols-xl-6 > * {
1424
1542
  flex: 0 0 auto;
1425
- width: 16.6666666667%;
1543
+ width: 16.66666667%;
1426
1544
  }
1427
1545
  .col-xl-auto {
1428
1546
  flex: 0 0 auto;
@@ -1563,7 +1681,7 @@ progress {
1563
1681
  }
1564
1682
  @media (min-width: 1400px) {
1565
1683
  .col-xxl {
1566
- flex: 1 0 0%;
1684
+ flex: 1 0 0;
1567
1685
  }
1568
1686
  .row-cols-xxl-auto > * {
1569
1687
  flex: 0 0 auto;
@@ -1579,7 +1697,7 @@ progress {
1579
1697
  }
1580
1698
  .row-cols-xxl-3 > * {
1581
1699
  flex: 0 0 auto;
1582
- width: 33.3333333333%;
1700
+ width: 33.33333333%;
1583
1701
  }
1584
1702
  .row-cols-xxl-4 > * {
1585
1703
  flex: 0 0 auto;
@@ -1591,7 +1709,7 @@ progress {
1591
1709
  }
1592
1710
  .row-cols-xxl-6 > * {
1593
1711
  flex: 0 0 auto;
1594
- width: 16.6666666667%;
1712
+ width: 16.66666667%;
1595
1713
  }
1596
1714
  .col-xxl-auto {
1597
1715
  flex: 0 0 auto;
@@ -1731,27 +1849,31 @@ progress {
1731
1849
  }
1732
1850
  }
1733
1851
  .table {
1734
- --bs-table-color: var(--bs-body-color);
1735
- --bs-table-bg: transparent;
1852
+ --bs-table-color-type: initial;
1853
+ --bs-table-bg-type: initial;
1854
+ --bs-table-color-state: initial;
1855
+ --bs-table-bg-state: initial;
1856
+ --bs-table-color: var(--bs-emphasis-color);
1857
+ --bs-table-bg: var(--bs-body-bg);
1736
1858
  --bs-table-border-color: var(--bs-border-color);
1737
1859
  --bs-table-accent-bg: transparent;
1738
- --bs-table-striped-color: var(--bs-body-color);
1739
- --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
1740
- --bs-table-active-color: var(--bs-body-color);
1741
- --bs-table-active-bg: rgba(0, 0, 0, 0.1);
1742
- --bs-table-hover-color: var(--bs-body-color);
1743
- --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
1860
+ --bs-table-striped-color: var(--bs-emphasis-color);
1861
+ --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
1862
+ --bs-table-active-color: var(--bs-emphasis-color);
1863
+ --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
1864
+ --bs-table-hover-color: var(--bs-emphasis-color);
1865
+ --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
1744
1866
  width: 100%;
1745
1867
  margin-bottom: 1rem;
1746
- color: var(--bs-table-color);
1747
1868
  vertical-align: top;
1748
1869
  border-color: var(--bs-table-border-color);
1749
1870
  }
1750
1871
  .table > :not(caption) > * > * {
1751
1872
  padding: 0.5rem 0.5rem;
1873
+ color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
1752
1874
  background-color: var(--bs-table-bg);
1753
- border-bottom-width: 1px;
1754
- box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
1875
+ border-bottom-width: var(--bs-border-width);
1876
+ box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
1755
1877
  }
1756
1878
  .table > tbody {
1757
1879
  vertical-align: inherit;
@@ -1761,7 +1883,7 @@ progress {
1761
1883
  }
1762
1884
 
1763
1885
  .table-group-divider {
1764
- border-top: 2px solid currentcolor;
1886
+ border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
1765
1887
  }
1766
1888
 
1767
1889
  .caption-top {
@@ -1773,10 +1895,10 @@ progress {
1773
1895
  }
1774
1896
 
1775
1897
  .table-bordered > :not(caption) > * {
1776
- border-width: 1px 0;
1898
+ border-width: var(--bs-border-width) 0;
1777
1899
  }
1778
1900
  .table-bordered > :not(caption) > * > * {
1779
- border-width: 0 1px;
1901
+ border-width: 0 var(--bs-border-width);
1780
1902
  }
1781
1903
 
1782
1904
  .table-borderless > :not(caption) > * > * {
@@ -1787,34 +1909,34 @@ progress {
1787
1909
  }
1788
1910
 
1789
1911
  .table-striped > tbody > tr:nth-of-type(odd) > * {
1790
- --bs-table-accent-bg: var(--bs-table-striped-bg);
1791
- color: var(--bs-table-striped-color);
1912
+ --bs-table-color-type: var(--bs-table-striped-color);
1913
+ --bs-table-bg-type: var(--bs-table-striped-bg);
1792
1914
  }
1793
1915
 
1794
1916
  .table-striped-columns > :not(caption) > tr > :nth-child(even) {
1795
- --bs-table-accent-bg: var(--bs-table-striped-bg);
1796
- color: var(--bs-table-striped-color);
1917
+ --bs-table-color-type: var(--bs-table-striped-color);
1918
+ --bs-table-bg-type: var(--bs-table-striped-bg);
1797
1919
  }
1798
1920
 
1799
1921
  .table-active {
1800
- --bs-table-accent-bg: var(--bs-table-active-bg);
1801
- color: var(--bs-table-active-color);
1922
+ --bs-table-color-state: var(--bs-table-active-color);
1923
+ --bs-table-bg-state: var(--bs-table-active-bg);
1802
1924
  }
1803
1925
 
1804
1926
  .table-hover > tbody > tr:hover > * {
1805
- --bs-table-accent-bg: var(--bs-table-hover-bg);
1806
- color: var(--bs-table-hover-color);
1927
+ --bs-table-color-state: var(--bs-table-hover-color);
1928
+ --bs-table-bg-state: var(--bs-table-hover-bg);
1807
1929
  }
1808
1930
 
1809
1931
  .table-primary {
1810
1932
  --bs-table-color: #000;
1811
- --bs-table-bg: #cfe2ff;
1812
- --bs-table-border-color: #bacbe6;
1813
- --bs-table-striped-bg: #c5d7f2;
1933
+ --bs-table-bg: rgb(206.6, 226, 254.6);
1934
+ --bs-table-border-color: rgb(165.28, 180.8, 203.68);
1935
+ --bs-table-striped-bg: rgb(196.27, 214.7, 241.87);
1814
1936
  --bs-table-striped-color: #000;
1815
- --bs-table-active-bg: #bacbe6;
1937
+ --bs-table-active-bg: rgb(185.94, 203.4, 229.14);
1816
1938
  --bs-table-active-color: #000;
1817
- --bs-table-hover-bg: #bfd1ec;
1939
+ --bs-table-hover-bg: rgb(191.105, 209.05, 235.505);
1818
1940
  --bs-table-hover-color: #000;
1819
1941
  color: var(--bs-table-color);
1820
1942
  border-color: var(--bs-table-border-color);
@@ -1822,13 +1944,13 @@ progress {
1822
1944
 
1823
1945
  .table-secondary {
1824
1946
  --bs-table-color: #000;
1825
- --bs-table-bg: #e2e3e5;
1826
- --bs-table-border-color: #cbccce;
1827
- --bs-table-striped-bg: #d7d8da;
1947
+ --bs-table-bg: rgb(225.6, 227.4, 229);
1948
+ --bs-table-border-color: rgb(180.48, 181.92, 183.2);
1949
+ --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
1828
1950
  --bs-table-striped-color: #000;
1829
- --bs-table-active-bg: #cbccce;
1951
+ --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
1830
1952
  --bs-table-active-color: #000;
1831
- --bs-table-hover-bg: #d1d2d4;
1953
+ --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
1832
1954
  --bs-table-hover-color: #000;
1833
1955
  color: var(--bs-table-color);
1834
1956
  border-color: var(--bs-table-border-color);
@@ -1836,13 +1958,13 @@ progress {
1836
1958
 
1837
1959
  .table-success {
1838
1960
  --bs-table-color: #000;
1839
- --bs-table-bg: #d1e7dd;
1840
- --bs-table-border-color: #bcd0c7;
1841
- --bs-table-striped-bg: #c7dbd2;
1961
+ --bs-table-bg: rgb(209, 231, 220.8);
1962
+ --bs-table-border-color: rgb(167.2, 184.8, 176.64);
1963
+ --bs-table-striped-bg: rgb(198.55, 219.45, 209.76);
1842
1964
  --bs-table-striped-color: #000;
1843
- --bs-table-active-bg: #bcd0c7;
1965
+ --bs-table-active-bg: rgb(188.1, 207.9, 198.72);
1844
1966
  --bs-table-active-color: #000;
1845
- --bs-table-hover-bg: #c1d6cc;
1967
+ --bs-table-hover-bg: rgb(193.325, 213.675, 204.24);
1846
1968
  --bs-table-hover-color: #000;
1847
1969
  color: var(--bs-table-color);
1848
1970
  border-color: var(--bs-table-border-color);
@@ -1850,13 +1972,13 @@ progress {
1850
1972
 
1851
1973
  .table-info {
1852
1974
  --bs-table-color: #000;
1853
- --bs-table-bg: #cff4fc;
1854
- --bs-table-border-color: #badce3;
1855
- --bs-table-striped-bg: #c5e8ef;
1975
+ --bs-table-bg: rgb(206.6, 244.4, 252);
1976
+ --bs-table-border-color: rgb(165.28, 195.52, 201.6);
1977
+ --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
1856
1978
  --bs-table-striped-color: #000;
1857
- --bs-table-active-bg: #badce3;
1979
+ --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
1858
1980
  --bs-table-active-color: #000;
1859
- --bs-table-hover-bg: #bfe2e9;
1981
+ --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
1860
1982
  --bs-table-hover-color: #000;
1861
1983
  color: var(--bs-table-color);
1862
1984
  border-color: var(--bs-table-border-color);
@@ -1864,13 +1986,13 @@ progress {
1864
1986
 
1865
1987
  .table-warning {
1866
1988
  --bs-table-color: #000;
1867
- --bs-table-bg: #fff3cd;
1868
- --bs-table-border-color: #e6dbb9;
1869
- --bs-table-striped-bg: #f2e7c3;
1989
+ --bs-table-bg: rgb(255, 242.6, 205.4);
1990
+ --bs-table-border-color: rgb(204, 194.08, 164.32);
1991
+ --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
1870
1992
  --bs-table-striped-color: #000;
1871
- --bs-table-active-bg: #e6dbb9;
1993
+ --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
1872
1994
  --bs-table-active-color: #000;
1873
- --bs-table-hover-bg: #ece1be;
1995
+ --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
1874
1996
  --bs-table-hover-color: #000;
1875
1997
  color: var(--bs-table-color);
1876
1998
  border-color: var(--bs-table-border-color);
@@ -1878,13 +2000,13 @@ progress {
1878
2000
 
1879
2001
  .table-danger {
1880
2002
  --bs-table-color: #000;
1881
- --bs-table-bg: #f8d7da;
1882
- --bs-table-border-color: #dfc2c4;
1883
- --bs-table-striped-bg: #eccccf;
2003
+ --bs-table-bg: rgb(248, 214.6, 217.8);
2004
+ --bs-table-border-color: rgb(198.4, 171.68, 174.24);
2005
+ --bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
1884
2006
  --bs-table-striped-color: #000;
1885
- --bs-table-active-bg: #dfc2c4;
2007
+ --bs-table-active-bg: rgb(223.2, 193.14, 196.02);
1886
2008
  --bs-table-active-color: #000;
1887
- --bs-table-hover-bg: #e5c7ca;
2009
+ --bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
1888
2010
  --bs-table-hover-color: #000;
1889
2011
  color: var(--bs-table-color);
1890
2012
  border-color: var(--bs-table-border-color);
@@ -1893,12 +2015,12 @@ progress {
1893
2015
  .table-light {
1894
2016
  --bs-table-color: #000;
1895
2017
  --bs-table-bg: #f8f9fa;
1896
- --bs-table-border-color: #dfe0e1;
1897
- --bs-table-striped-bg: #ecedee;
2018
+ --bs-table-border-color: rgb(198.4, 199.2, 200);
2019
+ --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
1898
2020
  --bs-table-striped-color: #000;
1899
- --bs-table-active-bg: #dfe0e1;
2021
+ --bs-table-active-bg: rgb(223.2, 224.1, 225);
1900
2022
  --bs-table-active-color: #000;
1901
- --bs-table-hover-bg: #e5e6e7;
2023
+ --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
1902
2024
  --bs-table-hover-color: #000;
1903
2025
  color: var(--bs-table-color);
1904
2026
  border-color: var(--bs-table-border-color);
@@ -1907,12 +2029,12 @@ progress {
1907
2029
  .table-dark {
1908
2030
  --bs-table-color: #fff;
1909
2031
  --bs-table-bg: #212529;
1910
- --bs-table-border-color: #373b3e;
1911
- --bs-table-striped-bg: #2c3034;
2032
+ --bs-table-border-color: rgb(77.4, 80.6, 83.8);
2033
+ --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
1912
2034
  --bs-table-striped-color: #fff;
1913
- --bs-table-active-bg: #373b3e;
2035
+ --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
1914
2036
  --bs-table-active-color: #fff;
1915
- --bs-table-hover-bg: #323539;
2037
+ --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
1916
2038
  --bs-table-hover-color: #fff;
1917
2039
  color: var(--bs-table-color);
1918
2040
  border-color: var(--bs-table-border-color);
@@ -1958,29 +2080,29 @@ progress {
1958
2080
  }
1959
2081
 
1960
2082
  .col-form-label {
1961
- padding-top: calc(0.375rem + 1px);
1962
- padding-bottom: calc(0.375rem + 1px);
2083
+ padding-top: calc(0.375rem + var(--bs-border-width));
2084
+ padding-bottom: calc(0.375rem + var(--bs-border-width));
1963
2085
  margin-bottom: 0;
1964
2086
  font-size: inherit;
1965
2087
  line-height: 1.5;
1966
2088
  }
1967
2089
 
1968
2090
  .col-form-label-lg {
1969
- padding-top: calc(0.5rem + 1px);
1970
- padding-bottom: calc(0.5rem + 1px);
2091
+ padding-top: calc(0.5rem + var(--bs-border-width));
2092
+ padding-bottom: calc(0.5rem + var(--bs-border-width));
1971
2093
  font-size: 1.25rem;
1972
2094
  }
1973
2095
 
1974
2096
  .col-form-label-sm {
1975
- padding-top: calc(0.25rem + 1px);
1976
- padding-bottom: calc(0.25rem + 1px);
2097
+ padding-top: calc(0.25rem + var(--bs-border-width));
2098
+ padding-bottom: calc(0.25rem + var(--bs-border-width));
1977
2099
  font-size: 0.875rem;
1978
2100
  }
1979
2101
 
1980
2102
  .form-text {
1981
2103
  margin-top: 0.25rem;
1982
2104
  font-size: 0.875em;
1983
- color: #6c757d;
2105
+ color: var(--bs-secondary-color);
1984
2106
  }
1985
2107
 
1986
2108
  .form-control {
@@ -1990,12 +2112,12 @@ progress {
1990
2112
  font-size: 1rem;
1991
2113
  font-weight: 400;
1992
2114
  line-height: 1.5;
1993
- color: #212529;
1994
- background-color: #fff;
1995
- background-clip: padding-box;
1996
- border: 1px solid #ced4da;
2115
+ color: var(--bs-body-color);
1997
2116
  appearance: none;
1998
- border-radius: 0.375rem;
2117
+ background-color: var(--bs-body-bg);
2118
+ background-clip: padding-box;
2119
+ border: var(--bs-border-width) solid var(--bs-border-color);
2120
+ border-radius: var(--bs-border-radius);
1999
2121
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2000
2122
  }
2001
2123
  @media (prefers-reduced-motion: reduce) {
@@ -2010,34 +2132,40 @@ progress {
2010
2132
  cursor: pointer;
2011
2133
  }
2012
2134
  .form-control:focus {
2013
- color: #212529;
2014
- background-color: #fff;
2015
- border-color: #86b7fe;
2135
+ color: var(--bs-body-color);
2136
+ background-color: var(--bs-body-bg);
2137
+ border-color: rgb(134, 182.5, 254);
2016
2138
  outline: 0;
2017
2139
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2018
2140
  }
2019
2141
  .form-control::-webkit-date-and-time-value {
2142
+ min-width: 85px;
2020
2143
  height: 1.5em;
2144
+ margin: 0;
2145
+ }
2146
+ .form-control::-webkit-datetime-edit {
2147
+ display: block;
2148
+ padding: 0;
2021
2149
  }
2022
2150
  .form-control::placeholder {
2023
- color: #6c757d;
2151
+ color: var(--bs-secondary-color);
2024
2152
  opacity: 1;
2025
2153
  }
2026
2154
  .form-control:disabled {
2027
- background-color: #e9ecef;
2155
+ background-color: var(--bs-secondary-bg);
2028
2156
  opacity: 1;
2029
2157
  }
2030
2158
  .form-control::file-selector-button {
2031
2159
  padding: 0.375rem 0.75rem;
2032
2160
  margin: -0.375rem -0.75rem;
2033
2161
  margin-inline-end: 0.75rem;
2034
- color: #212529;
2035
- background-color: #e9ecef;
2162
+ color: var(--bs-body-color);
2163
+ background-color: var(--bs-tertiary-bg);
2036
2164
  pointer-events: none;
2037
2165
  border-color: inherit;
2038
2166
  border-style: solid;
2039
2167
  border-width: 0;
2040
- border-inline-end-width: 1px;
2168
+ border-inline-end-width: var(--bs-border-width);
2041
2169
  border-radius: 0;
2042
2170
  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;
2043
2171
  }
@@ -2047,7 +2175,7 @@ progress {
2047
2175
  }
2048
2176
  }
2049
2177
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
2050
- background-color: #dde0e3;
2178
+ background-color: var(--bs-secondary-bg);
2051
2179
  }
2052
2180
 
2053
2181
  .form-control-plaintext {
@@ -2056,10 +2184,10 @@ progress {
2056
2184
  padding: 0.375rem 0;
2057
2185
  margin-bottom: 0;
2058
2186
  line-height: 1.5;
2059
- color: #212529;
2187
+ color: var(--bs-body-color);
2060
2188
  background-color: transparent;
2061
2189
  border: solid transparent;
2062
- border-width: 1px 0;
2190
+ border-width: var(--bs-border-width) 0;
2063
2191
  }
2064
2192
  .form-control-plaintext:focus {
2065
2193
  outline: 0;
@@ -2070,10 +2198,10 @@ progress {
2070
2198
  }
2071
2199
 
2072
2200
  .form-control-sm {
2073
- min-height: calc(1.5em + 0.5rem + 2px);
2201
+ min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
2074
2202
  padding: 0.25rem 0.5rem;
2075
2203
  font-size: 0.875rem;
2076
- border-radius: 0.25rem;
2204
+ border-radius: var(--bs-border-radius-sm);
2077
2205
  }
2078
2206
  .form-control-sm::file-selector-button {
2079
2207
  padding: 0.25rem 0.5rem;
@@ -2082,10 +2210,10 @@ progress {
2082
2210
  }
2083
2211
 
2084
2212
  .form-control-lg {
2085
- min-height: calc(1.5em + 1rem + 2px);
2213
+ min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
2086
2214
  padding: 0.5rem 1rem;
2087
2215
  font-size: 1.25rem;
2088
- border-radius: 0.5rem;
2216
+ border-radius: var(--bs-border-radius-lg);
2089
2217
  }
2090
2218
  .form-control-lg::file-selector-button {
2091
2219
  padding: 0.5rem 1rem;
@@ -2094,18 +2222,18 @@ progress {
2094
2222
  }
2095
2223
 
2096
2224
  textarea.form-control {
2097
- min-height: calc(1.5em + 0.75rem + 2px);
2225
+ min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
2098
2226
  }
2099
2227
  textarea.form-control-sm {
2100
- min-height: calc(1.5em + 0.5rem + 2px);
2228
+ min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
2101
2229
  }
2102
2230
  textarea.form-control-lg {
2103
- min-height: calc(1.5em + 1rem + 2px);
2231
+ min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
2104
2232
  }
2105
2233
 
2106
2234
  .form-control-color {
2107
2235
  width: 3rem;
2108
- height: calc(1.5em + 0.75rem + 2px);
2236
+ height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
2109
2237
  padding: 0.375rem;
2110
2238
  }
2111
2239
  .form-control-color:not(:disabled):not([readonly]) {
@@ -2113,36 +2241,37 @@ textarea.form-control-lg {
2113
2241
  }
2114
2242
  .form-control-color::-moz-color-swatch {
2115
2243
  border: 0 !important;
2116
- border-radius: 0.375rem;
2244
+ border-radius: var(--bs-border-radius);
2117
2245
  }
2118
2246
  .form-control-color::-webkit-color-swatch {
2119
- border-radius: 0.375rem;
2247
+ border: 0 !important;
2248
+ border-radius: var(--bs-border-radius);
2120
2249
  }
2121
2250
  .form-control-color.form-control-sm {
2122
- height: calc(1.5em + 0.5rem + 2px);
2251
+ height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
2123
2252
  }
2124
2253
  .form-control-color.form-control-lg {
2125
- height: calc(1.5em + 1rem + 2px);
2254
+ height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
2126
2255
  }
2127
2256
 
2128
2257
  .form-select {
2258
+ --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");
2129
2259
  display: block;
2130
2260
  width: 100%;
2131
2261
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
2132
- -moz-padding-start: calc(0.75rem - 3px);
2133
2262
  font-size: 1rem;
2134
2263
  font-weight: 400;
2135
2264
  line-height: 1.5;
2136
- color: #212529;
2137
- background-color: #fff;
2138
- 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");
2265
+ color: var(--bs-body-color);
2266
+ appearance: none;
2267
+ background-color: var(--bs-body-bg);
2268
+ background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
2139
2269
  background-repeat: no-repeat;
2140
2270
  background-position: right 0.75rem center;
2141
2271
  background-size: 16px 12px;
2142
- border: 1px solid #ced4da;
2143
- border-radius: 0.375rem;
2272
+ border: var(--bs-border-width) solid var(--bs-border-color);
2273
+ border-radius: var(--bs-border-radius);
2144
2274
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2145
- appearance: none;
2146
2275
  }
2147
2276
  @media (prefers-reduced-motion: reduce) {
2148
2277
  .form-select {
@@ -2150,7 +2279,7 @@ textarea.form-control-lg {
2150
2279
  }
2151
2280
  }
2152
2281
  .form-select:focus {
2153
- border-color: #86b7fe;
2282
+ border-color: rgb(134, 182.5, 254);
2154
2283
  outline: 0;
2155
2284
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2156
2285
  }
@@ -2159,11 +2288,11 @@ textarea.form-control-lg {
2159
2288
  background-image: none;
2160
2289
  }
2161
2290
  .form-select:disabled {
2162
- background-color: #e9ecef;
2291
+ background-color: var(--bs-secondary-bg);
2163
2292
  }
2164
2293
  .form-select:-moz-focusring {
2165
2294
  color: transparent;
2166
- text-shadow: 0 0 0 #212529;
2295
+ text-shadow: 0 0 0 var(--bs-body-color);
2167
2296
  }
2168
2297
 
2169
2298
  .form-select-sm {
@@ -2171,7 +2300,7 @@ textarea.form-control-lg {
2171
2300
  padding-bottom: 0.25rem;
2172
2301
  padding-left: 0.5rem;
2173
2302
  font-size: 0.875rem;
2174
- border-radius: 0.25rem;
2303
+ border-radius: var(--bs-border-radius-sm);
2175
2304
  }
2176
2305
 
2177
2306
  .form-select-lg {
@@ -2179,7 +2308,11 @@ textarea.form-control-lg {
2179
2308
  padding-bottom: 0.5rem;
2180
2309
  padding-left: 1rem;
2181
2310
  font-size: 1.25rem;
2182
- border-radius: 0.5rem;
2311
+ border-radius: var(--bs-border-radius-lg);
2312
+ }
2313
+
2314
+ [data-bs-theme=dark] .form-select {
2315
+ --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");
2183
2316
  }
2184
2317
 
2185
2318
  .form-check {
@@ -2205,16 +2338,19 @@ textarea.form-control-lg {
2205
2338
  }
2206
2339
 
2207
2340
  .form-check-input {
2341
+ --bs-form-check-bg: var(--bs-body-bg);
2342
+ flex-shrink: 0;
2208
2343
  width: 1em;
2209
2344
  height: 1em;
2210
2345
  margin-top: 0.25em;
2211
2346
  vertical-align: top;
2212
- background-color: #fff;
2347
+ appearance: none;
2348
+ background-color: var(--bs-form-check-bg);
2349
+ background-image: var(--bs-form-check-bg-image);
2213
2350
  background-repeat: no-repeat;
2214
2351
  background-position: center;
2215
2352
  background-size: contain;
2216
- border: 1px solid rgba(0, 0, 0, 0.25);
2217
- appearance: none;
2353
+ border: var(--bs-border-width) solid var(--bs-border-color);
2218
2354
  print-color-adjust: exact;
2219
2355
  }
2220
2356
  .form-check-input[type=checkbox] {
@@ -2227,7 +2363,7 @@ textarea.form-control-lg {
2227
2363
  filter: brightness(90%);
2228
2364
  }
2229
2365
  .form-check-input:focus {
2230
- border-color: #86b7fe;
2366
+ border-color: rgb(134, 182.5, 254);
2231
2367
  outline: 0;
2232
2368
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2233
2369
  }
@@ -2236,15 +2372,15 @@ textarea.form-control-lg {
2236
2372
  border-color: #0d6efd;
2237
2373
  }
2238
2374
  .form-check-input:checked[type=checkbox] {
2239
- 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");
2375
+ --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");
2240
2376
  }
2241
2377
  .form-check-input:checked[type=radio] {
2242
- 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");
2378
+ --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");
2243
2379
  }
2244
2380
  .form-check-input[type=checkbox]:indeterminate {
2245
2381
  background-color: #0d6efd;
2246
2382
  border-color: #0d6efd;
2247
- 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");
2383
+ --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");
2248
2384
  }
2249
2385
  .form-check-input:disabled {
2250
2386
  pointer-events: none;
@@ -2260,9 +2396,10 @@ textarea.form-control-lg {
2260
2396
  padding-left: 2.5em;
2261
2397
  }
2262
2398
  .form-switch .form-check-input {
2399
+ --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");
2263
2400
  width: 2em;
2264
2401
  margin-left: -2.5em;
2265
- 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");
2402
+ background-image: var(--bs-form-switch-bg);
2266
2403
  background-position: left center;
2267
2404
  border-radius: 2em;
2268
2405
  transition: background-position 0.15s ease-in-out;
@@ -2273,11 +2410,11 @@ textarea.form-control-lg {
2273
2410
  }
2274
2411
  }
2275
2412
  .form-switch .form-check-input:focus {
2276
- 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='%2386b7fe'/%3e%3c/svg%3e");
2413
+ --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='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e");
2277
2414
  }
2278
2415
  .form-switch .form-check-input:checked {
2279
2416
  background-position: right center;
2280
- 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");
2417
+ --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");
2281
2418
  }
2282
2419
  .form-switch.form-check-reverse {
2283
2420
  padding-right: 2.5em;
@@ -2304,12 +2441,16 @@ textarea.form-control-lg {
2304
2441
  opacity: 0.65;
2305
2442
  }
2306
2443
 
2444
+ [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
2445
+ --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");
2446
+ }
2447
+
2307
2448
  .form-range {
2308
2449
  width: 100%;
2309
2450
  height: 1.5rem;
2310
2451
  padding: 0;
2311
- background-color: transparent;
2312
2452
  appearance: none;
2453
+ background-color: transparent;
2313
2454
  }
2314
2455
  .form-range:focus {
2315
2456
  outline: 0;
@@ -2327,11 +2468,11 @@ textarea.form-control-lg {
2327
2468
  width: 1rem;
2328
2469
  height: 1rem;
2329
2470
  margin-top: -0.25rem;
2471
+ appearance: none;
2330
2472
  background-color: #0d6efd;
2331
2473
  border: 0;
2332
2474
  border-radius: 1rem;
2333
2475
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2334
- appearance: none;
2335
2476
  }
2336
2477
  @media (prefers-reduced-motion: reduce) {
2337
2478
  .form-range::-webkit-slider-thumb {
@@ -2339,25 +2480,25 @@ textarea.form-control-lg {
2339
2480
  }
2340
2481
  }
2341
2482
  .form-range::-webkit-slider-thumb:active {
2342
- background-color: #b6d4fe;
2483
+ background-color: rgb(182.4, 211.5, 254.4);
2343
2484
  }
2344
2485
  .form-range::-webkit-slider-runnable-track {
2345
2486
  width: 100%;
2346
2487
  height: 0.5rem;
2347
2488
  color: transparent;
2348
2489
  cursor: pointer;
2349
- background-color: #dee2e6;
2490
+ background-color: var(--bs-secondary-bg);
2350
2491
  border-color: transparent;
2351
2492
  border-radius: 1rem;
2352
2493
  }
2353
2494
  .form-range::-moz-range-thumb {
2354
2495
  width: 1rem;
2355
2496
  height: 1rem;
2497
+ appearance: none;
2356
2498
  background-color: #0d6efd;
2357
2499
  border: 0;
2358
2500
  border-radius: 1rem;
2359
2501
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2360
- appearance: none;
2361
2502
  }
2362
2503
  @media (prefers-reduced-motion: reduce) {
2363
2504
  .form-range::-moz-range-thumb {
@@ -2365,14 +2506,14 @@ textarea.form-control-lg {
2365
2506
  }
2366
2507
  }
2367
2508
  .form-range::-moz-range-thumb:active {
2368
- background-color: #b6d4fe;
2509
+ background-color: rgb(182.4, 211.5, 254.4);
2369
2510
  }
2370
2511
  .form-range::-moz-range-track {
2371
2512
  width: 100%;
2372
2513
  height: 0.5rem;
2373
2514
  color: transparent;
2374
2515
  cursor: pointer;
2375
- background-color: #dee2e6;
2516
+ background-color: var(--bs-secondary-bg);
2376
2517
  border-color: transparent;
2377
2518
  border-radius: 1rem;
2378
2519
  }
@@ -2380,10 +2521,10 @@ textarea.form-control-lg {
2380
2521
  pointer-events: none;
2381
2522
  }
2382
2523
  .form-range:disabled::-webkit-slider-thumb {
2383
- background-color: #adb5bd;
2524
+ background-color: var(--bs-secondary-color);
2384
2525
  }
2385
2526
  .form-range:disabled::-moz-range-thumb {
2386
- background-color: #adb5bd;
2527
+ background-color: var(--bs-secondary-color);
2387
2528
  }
2388
2529
 
2389
2530
  .form-floating {
@@ -2392,22 +2533,25 @@ textarea.form-control-lg {
2392
2533
  .form-floating > .form-control,
2393
2534
  .form-floating > .form-control-plaintext,
2394
2535
  .form-floating > .form-select {
2395
- height: calc(3.5rem + 2px);
2536
+ height: calc(3.5rem + calc(var(--bs-border-width) * 2));
2537
+ min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
2396
2538
  line-height: 1.25;
2397
2539
  }
2398
2540
  .form-floating > label {
2399
2541
  position: absolute;
2400
2542
  top: 0;
2401
2543
  left: 0;
2402
- width: 100%;
2544
+ z-index: 2;
2545
+ max-width: 100%;
2403
2546
  height: 100%;
2404
2547
  padding: 1rem 0.75rem;
2405
2548
  overflow: hidden;
2549
+ color: rgba(var(--bs-body-color-rgb), 0.65);
2406
2550
  text-align: start;
2407
2551
  text-overflow: ellipsis;
2408
2552
  white-space: nowrap;
2409
2553
  pointer-events: none;
2410
- border: 1px solid transparent;
2554
+ border: var(--bs-border-width) solid transparent;
2411
2555
  transform-origin: 0 0;
2412
2556
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
2413
2557
  }
@@ -2438,20 +2582,36 @@ textarea.form-control-lg {
2438
2582
  .form-floating > .form-select {
2439
2583
  padding-top: 1.625rem;
2440
2584
  padding-bottom: 0.625rem;
2585
+ padding-left: 0.75rem;
2441
2586
  }
2442
2587
  .form-floating > .form-control:focus ~ label,
2443
2588
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
2444
2589
  .form-floating > .form-control-plaintext ~ label,
2445
2590
  .form-floating > .form-select ~ label {
2446
- opacity: 0.65;
2447
2591
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2448
2592
  }
2449
2593
  .form-floating > .form-control:-webkit-autofill ~ label {
2450
- opacity: 0.65;
2451
2594
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2452
2595
  }
2596
+ .form-floating > textarea:focus ~ label::after,
2597
+ .form-floating > textarea:not(:placeholder-shown) ~ label::after {
2598
+ position: absolute;
2599
+ inset: 1rem 0.375rem;
2600
+ z-index: -1;
2601
+ height: 1.5em;
2602
+ content: "";
2603
+ background-color: var(--bs-body-bg);
2604
+ border-radius: var(--bs-border-radius);
2605
+ }
2606
+ .form-floating > textarea:disabled ~ label::after {
2607
+ background-color: var(--bs-secondary-bg);
2608
+ }
2453
2609
  .form-floating > .form-control-plaintext ~ label {
2454
- border-width: 1px 0;
2610
+ border-width: var(--bs-border-width) 0;
2611
+ }
2612
+ .form-floating > :disabled ~ label,
2613
+ .form-floating > .form-control:disabled ~ label {
2614
+ color: #6c757d;
2455
2615
  }
2456
2616
 
2457
2617
  .input-group {
@@ -2489,12 +2649,12 @@ textarea.form-control-lg {
2489
2649
  font-size: 1rem;
2490
2650
  font-weight: 400;
2491
2651
  line-height: 1.5;
2492
- color: #212529;
2652
+ color: var(--bs-body-color);
2493
2653
  text-align: center;
2494
2654
  white-space: nowrap;
2495
- background-color: #e9ecef;
2496
- border: 1px solid #ced4da;
2497
- border-radius: 0.375rem;
2655
+ background-color: var(--bs-tertiary-bg);
2656
+ border: var(--bs-border-width) solid var(--bs-border-color);
2657
+ border-radius: var(--bs-border-radius);
2498
2658
  }
2499
2659
 
2500
2660
  .input-group-lg > .form-control,
@@ -2503,7 +2663,7 @@ textarea.form-control-lg {
2503
2663
  .input-group-lg > .btn {
2504
2664
  padding: 0.5rem 1rem;
2505
2665
  font-size: 1.25rem;
2506
- border-radius: 0.5rem;
2666
+ border-radius: var(--bs-border-radius-lg);
2507
2667
  }
2508
2668
 
2509
2669
  .input-group-sm > .form-control,
@@ -2512,7 +2672,7 @@ textarea.form-control-lg {
2512
2672
  .input-group-sm > .btn {
2513
2673
  padding: 0.25rem 0.5rem;
2514
2674
  font-size: 0.875rem;
2515
- border-radius: 0.25rem;
2675
+ border-radius: var(--bs-border-radius-sm);
2516
2676
  }
2517
2677
 
2518
2678
  .input-group-lg > .form-select,
@@ -2535,7 +2695,7 @@ textarea.form-control-lg {
2535
2695
  border-bottom-right-radius: 0;
2536
2696
  }
2537
2697
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
2538
- margin-left: -1px;
2698
+ margin-left: calc(-1 * var(--bs-border-width));
2539
2699
  border-top-left-radius: 0;
2540
2700
  border-bottom-left-radius: 0;
2541
2701
  }
@@ -2550,7 +2710,7 @@ textarea.form-control-lg {
2550
2710
  width: 100%;
2551
2711
  margin-top: 0.25rem;
2552
2712
  font-size: 0.875em;
2553
- color: #198754;
2713
+ color: var(--bs-form-valid-color);
2554
2714
  }
2555
2715
 
2556
2716
  .valid-tooltip {
@@ -2563,8 +2723,8 @@ textarea.form-control-lg {
2563
2723
  margin-top: 0.1rem;
2564
2724
  font-size: 0.875rem;
2565
2725
  color: #fff;
2566
- background-color: rgba(25, 135, 84, 0.9);
2567
- border-radius: 0.375rem;
2726
+ background-color: var(--bs-success);
2727
+ border-radius: var(--bs-border-radius);
2568
2728
  }
2569
2729
 
2570
2730
  .was-validated :valid ~ .valid-feedback,
@@ -2575,16 +2735,16 @@ textarea.form-control-lg {
2575
2735
  }
2576
2736
 
2577
2737
  .was-validated .form-control:valid, .form-control.is-valid {
2578
- border-color: #198754;
2738
+ border-color: var(--bs-form-valid-border-color);
2579
2739
  padding-right: calc(1.5em + 0.75rem);
2580
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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");
2740
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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");
2581
2741
  background-repeat: no-repeat;
2582
2742
  background-position: right calc(0.375em + 0.1875rem) center;
2583
2743
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
2584
2744
  }
2585
2745
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
2586
- border-color: #198754;
2587
- box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
2746
+ border-color: var(--bs-form-valid-border-color);
2747
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
2588
2748
  }
2589
2749
 
2590
2750
  .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
@@ -2593,17 +2753,17 @@ textarea.form-control-lg {
2593
2753
  }
2594
2754
 
2595
2755
  .was-validated .form-select:valid, .form-select.is-valid {
2596
- border-color: #198754;
2756
+ border-color: var(--bs-form-valid-border-color);
2597
2757
  }
2598
2758
  .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"] {
2759
+ --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='%23198754' 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");
2599
2760
  padding-right: 4.125rem;
2600
- 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='%23198754' 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");
2601
2761
  background-position: right 0.75rem center, center right 2.25rem;
2602
2762
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
2603
2763
  }
2604
2764
  .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
2605
- border-color: #198754;
2606
- box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
2765
+ border-color: var(--bs-form-valid-border-color);
2766
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
2607
2767
  }
2608
2768
 
2609
2769
  .was-validated .form-control-color:valid, .form-control-color.is-valid {
@@ -2611,16 +2771,16 @@ textarea.form-control-lg {
2611
2771
  }
2612
2772
 
2613
2773
  .was-validated .form-check-input:valid, .form-check-input.is-valid {
2614
- border-color: #198754;
2774
+ border-color: var(--bs-form-valid-border-color);
2615
2775
  }
2616
2776
  .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
2617
- background-color: #198754;
2777
+ background-color: var(--bs-form-valid-color);
2618
2778
  }
2619
2779
  .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
2620
- box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
2780
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
2621
2781
  }
2622
2782
  .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
2623
- color: #198754;
2783
+ color: var(--bs-form-valid-color);
2624
2784
  }
2625
2785
 
2626
2786
  .form-check-inline .form-check-input ~ .valid-feedback {
@@ -2640,7 +2800,7 @@ textarea.form-control-lg {
2640
2800
  width: 100%;
2641
2801
  margin-top: 0.25rem;
2642
2802
  font-size: 0.875em;
2643
- color: #dc3545;
2803
+ color: var(--bs-form-invalid-color);
2644
2804
  }
2645
2805
 
2646
2806
  .invalid-tooltip {
@@ -2653,8 +2813,8 @@ textarea.form-control-lg {
2653
2813
  margin-top: 0.1rem;
2654
2814
  font-size: 0.875rem;
2655
2815
  color: #fff;
2656
- background-color: rgba(220, 53, 69, 0.9);
2657
- border-radius: 0.375rem;
2816
+ background-color: var(--bs-danger);
2817
+ border-radius: var(--bs-border-radius);
2658
2818
  }
2659
2819
 
2660
2820
  .was-validated :invalid ~ .invalid-feedback,
@@ -2665,7 +2825,7 @@ textarea.form-control-lg {
2665
2825
  }
2666
2826
 
2667
2827
  .was-validated .form-control:invalid, .form-control.is-invalid {
2668
- border-color: #dc3545;
2828
+ border-color: var(--bs-form-invalid-border-color);
2669
2829
  padding-right: calc(1.5em + 0.75rem);
2670
2830
  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='%23dc3545'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e");
2671
2831
  background-repeat: no-repeat;
@@ -2673,8 +2833,8 @@ textarea.form-control-lg {
2673
2833
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
2674
2834
  }
2675
2835
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
2676
- border-color: #dc3545;
2677
- box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
2836
+ border-color: var(--bs-form-invalid-border-color);
2837
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
2678
2838
  }
2679
2839
 
2680
2840
  .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
@@ -2683,17 +2843,17 @@ textarea.form-control-lg {
2683
2843
  }
2684
2844
 
2685
2845
  .was-validated .form-select:invalid, .form-select.is-invalid {
2686
- border-color: #dc3545;
2846
+ border-color: var(--bs-form-invalid-border-color);
2687
2847
  }
2688
2848
  .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"] {
2849
+ --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='%23dc3545'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e");
2689
2850
  padding-right: 4.125rem;
2690
- 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='%23dc3545'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e");
2691
2851
  background-position: right 0.75rem center, center right 2.25rem;
2692
2852
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
2693
2853
  }
2694
2854
  .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
2695
- border-color: #dc3545;
2696
- box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
2855
+ border-color: var(--bs-form-invalid-border-color);
2856
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
2697
2857
  }
2698
2858
 
2699
2859
  .was-validated .form-control-color:invalid, .form-control-color.is-invalid {
@@ -2701,16 +2861,16 @@ textarea.form-control-lg {
2701
2861
  }
2702
2862
 
2703
2863
  .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
2704
- border-color: #dc3545;
2864
+ border-color: var(--bs-form-invalid-border-color);
2705
2865
  }
2706
2866
  .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
2707
- background-color: #dc3545;
2867
+ background-color: var(--bs-form-invalid-color);
2708
2868
  }
2709
2869
  .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
2710
- box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
2870
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
2711
2871
  }
2712
2872
  .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
2713
- color: #dc3545;
2873
+ color: var(--bs-form-invalid-color);
2714
2874
  }
2715
2875
 
2716
2876
  .form-check-inline .form-check-input ~ .invalid-feedback {
@@ -2732,11 +2892,11 @@ textarea.form-control-lg {
2732
2892
  --bs-btn-font-size: 1rem;
2733
2893
  --bs-btn-font-weight: 400;
2734
2894
  --bs-btn-line-height: 1.5;
2735
- --bs-btn-color: #212529;
2895
+ --bs-btn-color: var(--bs-body-color);
2736
2896
  --bs-btn-bg: transparent;
2737
- --bs-btn-border-width: 1px;
2897
+ --bs-btn-border-width: var(--bs-border-width);
2738
2898
  --bs-btn-border-color: transparent;
2739
- --bs-btn-border-radius: 0.375rem;
2899
+ --bs-btn-border-radius: var(--bs-border-radius);
2740
2900
  --bs-btn-hover-border-color: transparent;
2741
2901
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
2742
2902
  --bs-btn-disabled-opacity: 0.65;
@@ -2793,6 +2953,9 @@ textarea.form-control-lg {
2793
2953
  .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 {
2794
2954
  box-shadow: var(--bs-btn-focus-box-shadow);
2795
2955
  }
2956
+ .btn-check:checked:focus-visible + .btn {
2957
+ box-shadow: var(--bs-btn-focus-box-shadow);
2958
+ }
2796
2959
  .btn:disabled, .btn.disabled, fieldset:disabled .btn {
2797
2960
  color: var(--bs-btn-disabled-color);
2798
2961
  pointer-events: none;
@@ -2806,12 +2969,12 @@ textarea.form-control-lg {
2806
2969
  --bs-btn-bg: #0d6efd;
2807
2970
  --bs-btn-border-color: #0d6efd;
2808
2971
  --bs-btn-hover-color: #fff;
2809
- --bs-btn-hover-bg: #0b5ed7;
2810
- --bs-btn-hover-border-color: #0a58ca;
2972
+ --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);
2973
+ --bs-btn-hover-border-color: rgb(10.4, 88, 202.4);
2811
2974
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
2812
2975
  --bs-btn-active-color: #fff;
2813
- --bs-btn-active-bg: #0a58ca;
2814
- --bs-btn-active-border-color: #0a53be;
2976
+ --bs-btn-active-bg: rgb(10.4, 88, 202.4);
2977
+ --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);
2815
2978
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2816
2979
  --bs-btn-disabled-color: #fff;
2817
2980
  --bs-btn-disabled-bg: #0d6efd;
@@ -2823,12 +2986,12 @@ textarea.form-control-lg {
2823
2986
  --bs-btn-bg: #6c757d;
2824
2987
  --bs-btn-border-color: #6c757d;
2825
2988
  --bs-btn-hover-color: #fff;
2826
- --bs-btn-hover-bg: #5c636a;
2827
- --bs-btn-hover-border-color: #565e64;
2989
+ --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
2990
+ --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
2828
2991
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
2829
2992
  --bs-btn-active-color: #fff;
2830
- --bs-btn-active-bg: #565e64;
2831
- --bs-btn-active-border-color: #51585e;
2993
+ --bs-btn-active-bg: rgb(86.4, 93.6, 100);
2994
+ --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
2832
2995
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2833
2996
  --bs-btn-disabled-color: #fff;
2834
2997
  --bs-btn-disabled-bg: #6c757d;
@@ -2840,12 +3003,12 @@ textarea.form-control-lg {
2840
3003
  --bs-btn-bg: #198754;
2841
3004
  --bs-btn-border-color: #198754;
2842
3005
  --bs-btn-hover-color: #fff;
2843
- --bs-btn-hover-bg: #157347;
2844
- --bs-btn-hover-border-color: #146c43;
3006
+ --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
3007
+ --bs-btn-hover-border-color: rgb(20, 108, 67.2);
2845
3008
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
2846
3009
  --bs-btn-active-color: #fff;
2847
- --bs-btn-active-bg: #146c43;
2848
- --bs-btn-active-border-color: #13653f;
3010
+ --bs-btn-active-bg: rgb(20, 108, 67.2);
3011
+ --bs-btn-active-border-color: rgb(18.75, 101.25, 63);
2849
3012
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2850
3013
  --bs-btn-disabled-color: #fff;
2851
3014
  --bs-btn-disabled-bg: #198754;
@@ -2857,12 +3020,12 @@ textarea.form-control-lg {
2857
3020
  --bs-btn-bg: #0dcaf0;
2858
3021
  --bs-btn-border-color: #0dcaf0;
2859
3022
  --bs-btn-hover-color: #000;
2860
- --bs-btn-hover-bg: #31d2f2;
2861
- --bs-btn-hover-border-color: #25cff2;
3023
+ --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
3024
+ --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
2862
3025
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
2863
3026
  --bs-btn-active-color: #000;
2864
- --bs-btn-active-bg: #3dd5f3;
2865
- --bs-btn-active-border-color: #25cff2;
3027
+ --bs-btn-active-bg: rgb(61.4, 212.6, 243);
3028
+ --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
2866
3029
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2867
3030
  --bs-btn-disabled-color: #000;
2868
3031
  --bs-btn-disabled-bg: #0dcaf0;
@@ -2874,12 +3037,12 @@ textarea.form-control-lg {
2874
3037
  --bs-btn-bg: #ffc107;
2875
3038
  --bs-btn-border-color: #ffc107;
2876
3039
  --bs-btn-hover-color: #000;
2877
- --bs-btn-hover-bg: #ffca2c;
2878
- --bs-btn-hover-border-color: #ffc720;
3040
+ --bs-btn-hover-bg: rgb(255, 202.3, 44.2);
3041
+ --bs-btn-hover-border-color: rgb(255, 199.2, 31.8);
2879
3042
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
2880
3043
  --bs-btn-active-color: #000;
2881
- --bs-btn-active-bg: #ffcd39;
2882
- --bs-btn-active-border-color: #ffc720;
3044
+ --bs-btn-active-bg: rgb(255, 205.4, 56.6);
3045
+ --bs-btn-active-border-color: rgb(255, 199.2, 31.8);
2883
3046
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2884
3047
  --bs-btn-disabled-color: #000;
2885
3048
  --bs-btn-disabled-bg: #ffc107;
@@ -2891,12 +3054,12 @@ textarea.form-control-lg {
2891
3054
  --bs-btn-bg: #dc3545;
2892
3055
  --bs-btn-border-color: #dc3545;
2893
3056
  --bs-btn-hover-color: #fff;
2894
- --bs-btn-hover-bg: #bb2d3b;
2895
- --bs-btn-hover-border-color: #b02a37;
3057
+ --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
3058
+ --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
2896
3059
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
2897
3060
  --bs-btn-active-color: #fff;
2898
- --bs-btn-active-bg: #b02a37;
2899
- --bs-btn-active-border-color: #a52834;
3061
+ --bs-btn-active-bg: rgb(176, 42.4, 55.2);
3062
+ --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
2900
3063
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2901
3064
  --bs-btn-disabled-color: #fff;
2902
3065
  --bs-btn-disabled-bg: #dc3545;
@@ -2908,12 +3071,12 @@ textarea.form-control-lg {
2908
3071
  --bs-btn-bg: #f8f9fa;
2909
3072
  --bs-btn-border-color: #f8f9fa;
2910
3073
  --bs-btn-hover-color: #000;
2911
- --bs-btn-hover-bg: #d3d4d5;
2912
- --bs-btn-hover-border-color: #c6c7c8;
3074
+ --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
3075
+ --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
2913
3076
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
2914
3077
  --bs-btn-active-color: #000;
2915
- --bs-btn-active-bg: #c6c7c8;
2916
- --bs-btn-active-border-color: #babbbc;
3078
+ --bs-btn-active-bg: rgb(198.4, 199.2, 200);
3079
+ --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
2917
3080
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2918
3081
  --bs-btn-disabled-color: #000;
2919
3082
  --bs-btn-disabled-bg: #f8f9fa;
@@ -2925,12 +3088,12 @@ textarea.form-control-lg {
2925
3088
  --bs-btn-bg: #212529;
2926
3089
  --bs-btn-border-color: #212529;
2927
3090
  --bs-btn-hover-color: #fff;
2928
- --bs-btn-hover-bg: #424649;
2929
- --bs-btn-hover-border-color: #373b3e;
3091
+ --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
3092
+ --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
2930
3093
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
2931
3094
  --bs-btn-active-color: #fff;
2932
- --bs-btn-active-bg: #4d5154;
2933
- --bs-btn-active-border-color: #373b3e;
3095
+ --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
3096
+ --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
2934
3097
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2935
3098
  --bs-btn-disabled-color: #fff;
2936
3099
  --bs-btn-disabled-bg: #212529;
@@ -3084,7 +3247,7 @@ textarea.form-control-lg {
3084
3247
  --bs-btn-active-border-color: transparent;
3085
3248
  --bs-btn-disabled-color: #6c757d;
3086
3249
  --bs-btn-disabled-border-color: transparent;
3087
- --bs-btn-box-shadow: none;
3250
+ --bs-btn-box-shadow: 0 0 0 #000;
3088
3251
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
3089
3252
  text-decoration: underline;
3090
3253
  }
@@ -3099,14 +3262,14 @@ textarea.form-control-lg {
3099
3262
  --bs-btn-padding-y: 0.5rem;
3100
3263
  --bs-btn-padding-x: 1rem;
3101
3264
  --bs-btn-font-size: 1.25rem;
3102
- --bs-btn-border-radius: 0.5rem;
3265
+ --bs-btn-border-radius: var(--bs-border-radius-lg);
3103
3266
  }
3104
3267
 
3105
3268
  .btn-sm, .btn-group-sm > .btn {
3106
3269
  --bs-btn-padding-y: 0.25rem;
3107
3270
  --bs-btn-padding-x: 0.5rem;
3108
3271
  --bs-btn-font-size: 0.875rem;
3109
- --bs-btn-border-radius: 0.25rem;
3272
+ --bs-btn-border-radius: var(--bs-border-radius-sm);
3110
3273
  }
3111
3274
 
3112
3275
  .fade {
@@ -3179,21 +3342,21 @@ textarea.form-control-lg {
3179
3342
  --bs-dropdown-padding-y: 0.5rem;
3180
3343
  --bs-dropdown-spacer: 0.125rem;
3181
3344
  --bs-dropdown-font-size: 1rem;
3182
- --bs-dropdown-color: #212529;
3183
- --bs-dropdown-bg: #fff;
3345
+ --bs-dropdown-color: var(--bs-body-color);
3346
+ --bs-dropdown-bg: var(--bs-body-bg);
3184
3347
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
3185
- --bs-dropdown-border-radius: 0.375rem;
3186
- --bs-dropdown-border-width: 1px;
3187
- --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
3348
+ --bs-dropdown-border-radius: var(--bs-border-radius);
3349
+ --bs-dropdown-border-width: var(--bs-border-width);
3350
+ --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
3188
3351
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
3189
3352
  --bs-dropdown-divider-margin-y: 0.5rem;
3190
- --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
3191
- --bs-dropdown-link-color: #212529;
3192
- --bs-dropdown-link-hover-color: #1e2125;
3193
- --bs-dropdown-link-hover-bg: #e9ecef;
3353
+ --bs-dropdown-box-shadow: var(--bs-box-shadow);
3354
+ --bs-dropdown-link-color: var(--bs-body-color);
3355
+ --bs-dropdown-link-hover-color: var(--bs-body-color);
3356
+ --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
3194
3357
  --bs-dropdown-link-active-color: #fff;
3195
3358
  --bs-dropdown-link-active-bg: #0d6efd;
3196
- --bs-dropdown-link-disabled-color: #adb5bd;
3359
+ --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
3197
3360
  --bs-dropdown-item-padding-x: 1rem;
3198
3361
  --bs-dropdown-item-padding-y: 0.25rem;
3199
3362
  --bs-dropdown-header-color: #6c757d;
@@ -3412,6 +3575,7 @@ textarea.form-control-lg {
3412
3575
  white-space: nowrap;
3413
3576
  background-color: transparent;
3414
3577
  border: 0;
3578
+ border-radius: var(--bs-dropdown-item-border-radius, 0);
3415
3579
  }
3416
3580
  .dropdown-item:hover, .dropdown-item:focus {
3417
3581
  color: var(--bs-dropdown-link-hover-color);
@@ -3498,11 +3662,11 @@ textarea.form-control-lg {
3498
3662
  }
3499
3663
 
3500
3664
  .btn-group {
3501
- border-radius: 0.375rem;
3665
+ border-radius: var(--bs-border-radius);
3502
3666
  }
3503
3667
  .btn-group > :not(.btn-check:first-child) + .btn,
3504
3668
  .btn-group > .btn-group:not(:first-child) {
3505
- margin-left: -1px;
3669
+ margin-left: calc(-1 * var(--bs-border-width));
3506
3670
  }
3507
3671
  .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
3508
3672
  .btn-group > .btn.dropdown-toggle-split:first-child,
@@ -3549,14 +3713,15 @@ textarea.form-control-lg {
3549
3713
  }
3550
3714
  .btn-group-vertical > .btn:not(:first-child),
3551
3715
  .btn-group-vertical > .btn-group:not(:first-child) {
3552
- margin-top: -1px;
3716
+ margin-top: calc(-1 * var(--bs-border-width));
3553
3717
  }
3554
3718
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
3555
3719
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
3556
3720
  border-bottom-right-radius: 0;
3557
3721
  border-bottom-left-radius: 0;
3558
3722
  }
3559
- .btn-group-vertical > .btn ~ .btn,
3723
+ .btn-group-vertical > .btn:nth-child(n+3),
3724
+ .btn-group-vertical > :not(.btn-check) + .btn,
3560
3725
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
3561
3726
  border-top-left-radius: 0;
3562
3727
  border-top-right-radius: 0;
@@ -3568,7 +3733,7 @@ textarea.form-control-lg {
3568
3733
  --bs-nav-link-font-weight: ;
3569
3734
  --bs-nav-link-color: var(--bs-link-color);
3570
3735
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
3571
- --bs-nav-link-disabled-color: #6c757d;
3736
+ --bs-nav-link-disabled-color: var(--bs-secondary-color);
3572
3737
  display: flex;
3573
3738
  flex-wrap: wrap;
3574
3739
  padding-left: 0;
@@ -3583,6 +3748,8 @@ textarea.form-control-lg {
3583
3748
  font-weight: var(--bs-nav-link-font-weight);
3584
3749
  color: var(--bs-nav-link-color);
3585
3750
  text-decoration: none;
3751
+ background: none;
3752
+ border: 0;
3586
3753
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
3587
3754
  }
3588
3755
  @media (prefers-reduced-motion: reduce) {
@@ -3593,25 +3760,28 @@ textarea.form-control-lg {
3593
3760
  .nav-link:hover, .nav-link:focus {
3594
3761
  color: var(--bs-nav-link-hover-color);
3595
3762
  }
3596
- .nav-link.disabled {
3763
+ .nav-link:focus-visible {
3764
+ outline: 0;
3765
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
3766
+ }
3767
+ .nav-link.disabled, .nav-link:disabled {
3597
3768
  color: var(--bs-nav-link-disabled-color);
3598
3769
  pointer-events: none;
3599
3770
  cursor: default;
3600
3771
  }
3601
3772
 
3602
3773
  .nav-tabs {
3603
- --bs-nav-tabs-border-width: 1px;
3604
- --bs-nav-tabs-border-color: #dee2e6;
3605
- --bs-nav-tabs-border-radius: 0.375rem;
3606
- --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
3607
- --bs-nav-tabs-link-active-color: #495057;
3608
- --bs-nav-tabs-link-active-bg: #fff;
3609
- --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
3774
+ --bs-nav-tabs-border-width: var(--bs-border-width);
3775
+ --bs-nav-tabs-border-color: var(--bs-border-color);
3776
+ --bs-nav-tabs-border-radius: var(--bs-border-radius);
3777
+ --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
3778
+ --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
3779
+ --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
3780
+ --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
3610
3781
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
3611
3782
  }
3612
3783
  .nav-tabs .nav-link {
3613
3784
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
3614
- background: none;
3615
3785
  border: var(--bs-nav-tabs-border-width) solid transparent;
3616
3786
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
3617
3787
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
@@ -3620,11 +3790,6 @@ textarea.form-control-lg {
3620
3790
  isolation: isolate;
3621
3791
  border-color: var(--bs-nav-tabs-link-hover-border-color);
3622
3792
  }
3623
- .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
3624
- color: var(--bs-nav-link-disabled-color);
3625
- background-color: transparent;
3626
- border-color: transparent;
3627
- }
3628
3793
  .nav-tabs .nav-link.active,
3629
3794
  .nav-tabs .nav-item.show .nav-link {
3630
3795
  color: var(--bs-nav-tabs-link-active-color);
@@ -3638,26 +3803,40 @@ textarea.form-control-lg {
3638
3803
  }
3639
3804
 
3640
3805
  .nav-pills {
3641
- --bs-nav-pills-border-radius: 0.375rem;
3806
+ --bs-nav-pills-border-radius: var(--bs-border-radius);
3642
3807
  --bs-nav-pills-link-active-color: #fff;
3643
3808
  --bs-nav-pills-link-active-bg: #0d6efd;
3644
3809
  }
3645
3810
  .nav-pills .nav-link {
3646
- background: none;
3647
- border: 0;
3648
3811
  border-radius: var(--bs-nav-pills-border-radius);
3649
3812
  }
3650
- .nav-pills .nav-link:disabled {
3651
- color: var(--bs-nav-link-disabled-color);
3652
- background-color: transparent;
3653
- border-color: transparent;
3654
- }
3655
3813
  .nav-pills .nav-link.active,
3656
3814
  .nav-pills .show > .nav-link {
3657
3815
  color: var(--bs-nav-pills-link-active-color);
3658
3816
  background-color: var(--bs-nav-pills-link-active-bg);
3659
3817
  }
3660
3818
 
3819
+ .nav-underline {
3820
+ --bs-nav-underline-gap: 1rem;
3821
+ --bs-nav-underline-border-width: 0.125rem;
3822
+ --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
3823
+ gap: var(--bs-nav-underline-gap);
3824
+ }
3825
+ .nav-underline .nav-link {
3826
+ padding-right: 0;
3827
+ padding-left: 0;
3828
+ border-bottom: var(--bs-nav-underline-border-width) solid transparent;
3829
+ }
3830
+ .nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
3831
+ border-bottom-color: currentcolor;
3832
+ }
3833
+ .nav-underline .nav-link.active,
3834
+ .nav-underline .show > .nav-link {
3835
+ font-weight: 700;
3836
+ color: var(--bs-nav-underline-link-active-color);
3837
+ border-bottom-color: currentcolor;
3838
+ }
3839
+
3661
3840
  .nav-fill > .nav-link,
3662
3841
  .nav-fill .nav-item {
3663
3842
  flex: 1 1 auto;
@@ -3666,8 +3845,8 @@ textarea.form-control-lg {
3666
3845
 
3667
3846
  .nav-justified > .nav-link,
3668
3847
  .nav-justified .nav-item {
3669
- flex-basis: 0;
3670
3848
  flex-grow: 1;
3849
+ flex-basis: 0;
3671
3850
  text-align: center;
3672
3851
  }
3673
3852
 
@@ -3686,22 +3865,22 @@ textarea.form-control-lg {
3686
3865
  .navbar {
3687
3866
  --bs-navbar-padding-x: 0;
3688
3867
  --bs-navbar-padding-y: 0.5rem;
3689
- --bs-navbar-color: rgba(0, 0, 0, 0.55);
3690
- --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
3691
- --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
3692
- --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
3868
+ --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
3869
+ --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
3870
+ --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
3871
+ --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
3693
3872
  --bs-navbar-brand-padding-y: 0.3125rem;
3694
3873
  --bs-navbar-brand-margin-end: 1rem;
3695
3874
  --bs-navbar-brand-font-size: 1.25rem;
3696
- --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
3697
- --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
3875
+ --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
3876
+ --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
3698
3877
  --bs-navbar-nav-link-padding-x: 0.5rem;
3699
3878
  --bs-navbar-toggler-padding-y: 0.25rem;
3700
3879
  --bs-navbar-toggler-padding-x: 0.75rem;
3701
3880
  --bs-navbar-toggler-font-size: 1.25rem;
3702
- --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");
3703
- --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
3704
- --bs-navbar-toggler-border-radius: 0.375rem;
3881
+ --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%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
3882
+ --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
3883
+ --bs-navbar-toggler-border-radius: var(--bs-border-radius);
3705
3884
  --bs-navbar-toggler-focus-width: 0.25rem;
3706
3885
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
3707
3886
  position: relative;
@@ -3749,8 +3928,7 @@ textarea.form-control-lg {
3749
3928
  margin-bottom: 0;
3750
3929
  list-style: none;
3751
3930
  }
3752
- .navbar-nav .show > .nav-link,
3753
- .navbar-nav .nav-link.active {
3931
+ .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
3754
3932
  color: var(--bs-navbar-active-color);
3755
3933
  }
3756
3934
  .navbar-nav .dropdown-menu {
@@ -3769,8 +3947,8 @@ textarea.form-control-lg {
3769
3947
  }
3770
3948
 
3771
3949
  .navbar-collapse {
3772
- flex-basis: 100%;
3773
3950
  flex-grow: 1;
3951
+ flex-basis: 100%;
3774
3952
  align-items: center;
3775
3953
  }
3776
3954
 
@@ -4095,7 +4273,8 @@ textarea.form-control-lg {
4095
4273
  overflow-y: visible;
4096
4274
  }
4097
4275
 
4098
- .navbar-dark {
4276
+ .navbar-dark,
4277
+ .navbar[data-bs-theme=dark] {
4099
4278
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
4100
4279
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
4101
4280
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
@@ -4106,22 +4285,28 @@ textarea.form-control-lg {
4106
4285
  --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");
4107
4286
  }
4108
4287
 
4288
+ [data-bs-theme=dark] .navbar-toggler-icon {
4289
+ --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");
4290
+ }
4291
+
4109
4292
  .card {
4110
4293
  --bs-card-spacer-y: 1rem;
4111
4294
  --bs-card-spacer-x: 1rem;
4112
4295
  --bs-card-title-spacer-y: 0.5rem;
4113
- --bs-card-border-width: 1px;
4296
+ --bs-card-title-color: ;
4297
+ --bs-card-subtitle-color: ;
4298
+ --bs-card-border-width: var(--bs-border-width);
4114
4299
  --bs-card-border-color: var(--bs-border-color-translucent);
4115
- --bs-card-border-radius: 0.375rem;
4300
+ --bs-card-border-radius: var(--bs-border-radius);
4116
4301
  --bs-card-box-shadow: ;
4117
- --bs-card-inner-border-radius: calc(0.375rem - 1px);
4302
+ --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
4118
4303
  --bs-card-cap-padding-y: 0.5rem;
4119
4304
  --bs-card-cap-padding-x: 1rem;
4120
- --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
4305
+ --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
4121
4306
  --bs-card-cap-color: ;
4122
4307
  --bs-card-height: ;
4123
4308
  --bs-card-color: ;
4124
- --bs-card-bg: #fff;
4309
+ --bs-card-bg: var(--bs-body-bg);
4125
4310
  --bs-card-img-overlay-padding: 1rem;
4126
4311
  --bs-card-group-margin: 0.75rem;
4127
4312
  position: relative;
@@ -4129,6 +4314,7 @@ textarea.form-control-lg {
4129
4314
  flex-direction: column;
4130
4315
  min-width: 0;
4131
4316
  height: var(--bs-card-height);
4317
+ color: var(--bs-body-color);
4132
4318
  word-wrap: break-word;
4133
4319
  background-color: var(--bs-card-bg);
4134
4320
  background-clip: border-box;
@@ -4166,11 +4352,13 @@ textarea.form-control-lg {
4166
4352
 
4167
4353
  .card-title {
4168
4354
  margin-bottom: var(--bs-card-title-spacer-y);
4355
+ color: var(--bs-card-title-color);
4169
4356
  }
4170
4357
 
4171
4358
  .card-subtitle {
4172
4359
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
4173
4360
  margin-bottom: 0;
4361
+ color: var(--bs-card-subtitle-color);
4174
4362
  }
4175
4363
 
4176
4364
  .card-text:last-child {
@@ -4255,7 +4443,7 @@ textarea.form-control-lg {
4255
4443
  flex-flow: row wrap;
4256
4444
  }
4257
4445
  .card-group > .card {
4258
- flex: 1 0 0%;
4446
+ flex: 1 0 0;
4259
4447
  margin-bottom: 0;
4260
4448
  }
4261
4449
  .card-group > .card + .card {
@@ -4266,51 +4454,50 @@ textarea.form-control-lg {
4266
4454
  border-top-right-radius: 0;
4267
4455
  border-bottom-right-radius: 0;
4268
4456
  }
4269
- .card-group > .card:not(:last-child) .card-img-top,
4270
- .card-group > .card:not(:last-child) .card-header {
4457
+ .card-group > .card:not(:last-child) > .card-img-top,
4458
+ .card-group > .card:not(:last-child) > .card-header {
4271
4459
  border-top-right-radius: 0;
4272
4460
  }
4273
- .card-group > .card:not(:last-child) .card-img-bottom,
4274
- .card-group > .card:not(:last-child) .card-footer {
4461
+ .card-group > .card:not(:last-child) > .card-img-bottom,
4462
+ .card-group > .card:not(:last-child) > .card-footer {
4275
4463
  border-bottom-right-radius: 0;
4276
4464
  }
4277
4465
  .card-group > .card:not(:first-child) {
4278
4466
  border-top-left-radius: 0;
4279
4467
  border-bottom-left-radius: 0;
4280
4468
  }
4281
- .card-group > .card:not(:first-child) .card-img-top,
4282
- .card-group > .card:not(:first-child) .card-header {
4469
+ .card-group > .card:not(:first-child) > .card-img-top,
4470
+ .card-group > .card:not(:first-child) > .card-header {
4283
4471
  border-top-left-radius: 0;
4284
4472
  }
4285
- .card-group > .card:not(:first-child) .card-img-bottom,
4286
- .card-group > .card:not(:first-child) .card-footer {
4473
+ .card-group > .card:not(:first-child) > .card-img-bottom,
4474
+ .card-group > .card:not(:first-child) > .card-footer {
4287
4475
  border-bottom-left-radius: 0;
4288
4476
  }
4289
4477
  }
4290
4478
 
4291
4479
  .accordion {
4292
- --bs-accordion-color: #212529;
4293
- --bs-accordion-bg: #fff;
4480
+ --bs-accordion-color: var(--bs-body-color);
4481
+ --bs-accordion-bg: var(--bs-body-bg);
4294
4482
  --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;
4295
4483
  --bs-accordion-border-color: var(--bs-border-color);
4296
- --bs-accordion-border-width: 1px;
4297
- --bs-accordion-border-radius: 0.375rem;
4298
- --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
4484
+ --bs-accordion-border-width: var(--bs-border-width);
4485
+ --bs-accordion-border-radius: var(--bs-border-radius);
4486
+ --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
4299
4487
  --bs-accordion-btn-padding-x: 1.25rem;
4300
4488
  --bs-accordion-btn-padding-y: 1rem;
4301
- --bs-accordion-btn-color: #212529;
4489
+ --bs-accordion-btn-color: var(--bs-body-color);
4302
4490
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
4303
- --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%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");
4491
+ --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='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
4304
4492
  --bs-accordion-btn-icon-width: 1.25rem;
4305
4493
  --bs-accordion-btn-icon-transform: rotate(-180deg);
4306
4494
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
4307
- --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%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");
4308
- --bs-accordion-btn-focus-border-color: #86b7fe;
4495
+ --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%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
4309
4496
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
4310
4497
  --bs-accordion-body-padding-x: 1.25rem;
4311
4498
  --bs-accordion-body-padding-y: 1rem;
4312
- --bs-accordion-active-color: #0c63e4;
4313
- --bs-accordion-active-bg: #e7f1ff;
4499
+ --bs-accordion-active-color: var(--bs-primary-text-emphasis);
4500
+ --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
4314
4501
  }
4315
4502
 
4316
4503
  .accordion-button {
@@ -4363,7 +4550,6 @@ textarea.form-control-lg {
4363
4550
  }
4364
4551
  .accordion-button:focus {
4365
4552
  z-index: 3;
4366
- border-color: var(--bs-accordion-btn-focus-border-color);
4367
4553
  outline: 0;
4368
4554
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
4369
4555
  }
@@ -4381,7 +4567,7 @@ textarea.form-control-lg {
4381
4567
  border-top-left-radius: var(--bs-accordion-border-radius);
4382
4568
  border-top-right-radius: var(--bs-accordion-border-radius);
4383
4569
  }
4384
- .accordion-item:first-of-type .accordion-button {
4570
+ .accordion-item:first-of-type > .accordion-header .accordion-button {
4385
4571
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
4386
4572
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
4387
4573
  }
@@ -4392,11 +4578,11 @@ textarea.form-control-lg {
4392
4578
  border-bottom-right-radius: var(--bs-accordion-border-radius);
4393
4579
  border-bottom-left-radius: var(--bs-accordion-border-radius);
4394
4580
  }
4395
- .accordion-item:last-of-type .accordion-button.collapsed {
4581
+ .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
4396
4582
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
4397
4583
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
4398
4584
  }
4399
- .accordion-item:last-of-type .accordion-collapse {
4585
+ .accordion-item:last-of-type > .accordion-collapse {
4400
4586
  border-bottom-right-radius: var(--bs-accordion-border-radius);
4401
4587
  border-bottom-left-radius: var(--bs-accordion-border-radius);
4402
4588
  }
@@ -4405,33 +4591,37 @@ textarea.form-control-lg {
4405
4591
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
4406
4592
  }
4407
4593
 
4408
- .accordion-flush .accordion-collapse {
4409
- border-width: 0;
4410
- }
4411
- .accordion-flush .accordion-item {
4594
+ .accordion-flush > .accordion-item {
4412
4595
  border-right: 0;
4413
4596
  border-left: 0;
4414
4597
  border-radius: 0;
4415
4598
  }
4416
- .accordion-flush .accordion-item:first-child {
4599
+ .accordion-flush > .accordion-item:first-child {
4417
4600
  border-top: 0;
4418
4601
  }
4419
- .accordion-flush .accordion-item:last-child {
4602
+ .accordion-flush > .accordion-item:last-child {
4420
4603
  border-bottom: 0;
4421
4604
  }
4422
- .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
4605
+ .accordion-flush > .accordion-item > .accordion-collapse,
4606
+ .accordion-flush > .accordion-item > .accordion-header .accordion-button,
4607
+ .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
4423
4608
  border-radius: 0;
4424
4609
  }
4425
4610
 
4611
+ [data-bs-theme=dark] .accordion-button::after {
4612
+ --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%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");
4613
+ --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%28109.8, 168, 253.8%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");
4614
+ }
4615
+
4426
4616
  .breadcrumb {
4427
4617
  --bs-breadcrumb-padding-x: 0;
4428
4618
  --bs-breadcrumb-padding-y: 0;
4429
4619
  --bs-breadcrumb-margin-bottom: 1rem;
4430
4620
  --bs-breadcrumb-bg: ;
4431
4621
  --bs-breadcrumb-border-radius: ;
4432
- --bs-breadcrumb-divider-color: #6c757d;
4622
+ --bs-breadcrumb-divider-color: var(--bs-secondary-color);
4433
4623
  --bs-breadcrumb-item-padding-x: 0.5rem;
4434
- --bs-breadcrumb-item-active-color: #6c757d;
4624
+ --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
4435
4625
  display: flex;
4436
4626
  flex-wrap: wrap;
4437
4627
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
@@ -4460,22 +4650,22 @@ textarea.form-control-lg {
4460
4650
  --bs-pagination-padding-y: 0.375rem;
4461
4651
  --bs-pagination-font-size: 1rem;
4462
4652
  --bs-pagination-color: var(--bs-link-color);
4463
- --bs-pagination-bg: #fff;
4464
- --bs-pagination-border-width: 1px;
4465
- --bs-pagination-border-color: #dee2e6;
4466
- --bs-pagination-border-radius: 0.375rem;
4653
+ --bs-pagination-bg: var(--bs-body-bg);
4654
+ --bs-pagination-border-width: var(--bs-border-width);
4655
+ --bs-pagination-border-color: var(--bs-border-color);
4656
+ --bs-pagination-border-radius: var(--bs-border-radius);
4467
4657
  --bs-pagination-hover-color: var(--bs-link-hover-color);
4468
- --bs-pagination-hover-bg: #e9ecef;
4469
- --bs-pagination-hover-border-color: #dee2e6;
4658
+ --bs-pagination-hover-bg: var(--bs-tertiary-bg);
4659
+ --bs-pagination-hover-border-color: var(--bs-border-color);
4470
4660
  --bs-pagination-focus-color: var(--bs-link-hover-color);
4471
- --bs-pagination-focus-bg: #e9ecef;
4661
+ --bs-pagination-focus-bg: var(--bs-secondary-bg);
4472
4662
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
4473
4663
  --bs-pagination-active-color: #fff;
4474
4664
  --bs-pagination-active-bg: #0d6efd;
4475
4665
  --bs-pagination-active-border-color: #0d6efd;
4476
- --bs-pagination-disabled-color: #6c757d;
4477
- --bs-pagination-disabled-bg: #fff;
4478
- --bs-pagination-disabled-border-color: #dee2e6;
4666
+ --bs-pagination-disabled-color: var(--bs-secondary-color);
4667
+ --bs-pagination-disabled-bg: var(--bs-secondary-bg);
4668
+ --bs-pagination-disabled-border-color: var(--bs-border-color);
4479
4669
  display: flex;
4480
4670
  padding-left: 0;
4481
4671
  list-style: none;
@@ -4524,7 +4714,7 @@ textarea.form-control-lg {
4524
4714
  }
4525
4715
 
4526
4716
  .page-item:not(:first-child) .page-link {
4527
- margin-left: -1px;
4717
+ margin-left: calc(-1 * var(--bs-border-width));
4528
4718
  }
4529
4719
  .page-item:first-child .page-link {
4530
4720
  border-top-left-radius: var(--bs-pagination-border-radius);
@@ -4539,14 +4729,14 @@ textarea.form-control-lg {
4539
4729
  --bs-pagination-padding-x: 1.5rem;
4540
4730
  --bs-pagination-padding-y: 0.75rem;
4541
4731
  --bs-pagination-font-size: 1.25rem;
4542
- --bs-pagination-border-radius: 0.5rem;
4732
+ --bs-pagination-border-radius: var(--bs-border-radius-lg);
4543
4733
  }
4544
4734
 
4545
4735
  .pagination-sm {
4546
4736
  --bs-pagination-padding-x: 0.5rem;
4547
4737
  --bs-pagination-padding-y: 0.25rem;
4548
4738
  --bs-pagination-font-size: 0.875rem;
4549
- --bs-pagination-border-radius: 0.25rem;
4739
+ --bs-pagination-border-radius: var(--bs-border-radius-sm);
4550
4740
  }
4551
4741
 
4552
4742
  .badge {
@@ -4555,7 +4745,7 @@ textarea.form-control-lg {
4555
4745
  --bs-badge-font-size: 0.75em;
4556
4746
  --bs-badge-font-weight: 700;
4557
4747
  --bs-badge-color: #fff;
4558
- --bs-badge-border-radius: 0.375rem;
4748
+ --bs-badge-border-radius: var(--bs-border-radius);
4559
4749
  display: inline-block;
4560
4750
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
4561
4751
  font-size: var(--bs-badge-font-size);
@@ -4583,8 +4773,9 @@ textarea.form-control-lg {
4583
4773
  --bs-alert-margin-bottom: 1rem;
4584
4774
  --bs-alert-color: inherit;
4585
4775
  --bs-alert-border-color: transparent;
4586
- --bs-alert-border: 1px solid var(--bs-alert-border-color);
4587
- --bs-alert-border-radius: 0.375rem;
4776
+ --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
4777
+ --bs-alert-border-radius: var(--bs-border-radius);
4778
+ --bs-alert-link-color: inherit;
4588
4779
  position: relative;
4589
4780
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
4590
4781
  margin-bottom: var(--bs-alert-margin-bottom);
@@ -4600,6 +4791,7 @@ textarea.form-control-lg {
4600
4791
 
4601
4792
  .alert-link {
4602
4793
  font-weight: 700;
4794
+ color: var(--bs-alert-link-color);
4603
4795
  }
4604
4796
 
4605
4797
  .alert-dismissible {
@@ -4614,88 +4806,73 @@ textarea.form-control-lg {
4614
4806
  }
4615
4807
 
4616
4808
  .alert-primary {
4617
- --bs-alert-color: #084298;
4618
- --bs-alert-bg: #cfe2ff;
4619
- --bs-alert-border-color: #b6d4fe;
4620
- }
4621
- .alert-primary .alert-link {
4622
- color: #06357a;
4809
+ --bs-alert-color: var(--bs-primary-text-emphasis);
4810
+ --bs-alert-bg: var(--bs-primary-bg-subtle);
4811
+ --bs-alert-border-color: var(--bs-primary-border-subtle);
4812
+ --bs-alert-link-color: var(--bs-primary-text-emphasis);
4623
4813
  }
4624
4814
 
4625
4815
  .alert-secondary {
4626
- --bs-alert-color: #41464b;
4627
- --bs-alert-bg: #e2e3e5;
4628
- --bs-alert-border-color: #d3d6d8;
4629
- }
4630
- .alert-secondary .alert-link {
4631
- color: #34383c;
4816
+ --bs-alert-color: var(--bs-secondary-text-emphasis);
4817
+ --bs-alert-bg: var(--bs-secondary-bg-subtle);
4818
+ --bs-alert-border-color: var(--bs-secondary-border-subtle);
4819
+ --bs-alert-link-color: var(--bs-secondary-text-emphasis);
4632
4820
  }
4633
4821
 
4634
4822
  .alert-success {
4635
- --bs-alert-color: #0f5132;
4636
- --bs-alert-bg: #d1e7dd;
4637
- --bs-alert-border-color: #badbcc;
4638
- }
4639
- .alert-success .alert-link {
4640
- color: #0c4128;
4823
+ --bs-alert-color: var(--bs-success-text-emphasis);
4824
+ --bs-alert-bg: var(--bs-success-bg-subtle);
4825
+ --bs-alert-border-color: var(--bs-success-border-subtle);
4826
+ --bs-alert-link-color: var(--bs-success-text-emphasis);
4641
4827
  }
4642
4828
 
4643
4829
  .alert-info {
4644
- --bs-alert-color: #055160;
4645
- --bs-alert-bg: #cff4fc;
4646
- --bs-alert-border-color: #b6effb;
4647
- }
4648
- .alert-info .alert-link {
4649
- color: #04414d;
4830
+ --bs-alert-color: var(--bs-info-text-emphasis);
4831
+ --bs-alert-bg: var(--bs-info-bg-subtle);
4832
+ --bs-alert-border-color: var(--bs-info-border-subtle);
4833
+ --bs-alert-link-color: var(--bs-info-text-emphasis);
4650
4834
  }
4651
4835
 
4652
4836
  .alert-warning {
4653
- --bs-alert-color: #664d03;
4654
- --bs-alert-bg: #fff3cd;
4655
- --bs-alert-border-color: #ffecb5;
4656
- }
4657
- .alert-warning .alert-link {
4658
- color: #523e02;
4837
+ --bs-alert-color: var(--bs-warning-text-emphasis);
4838
+ --bs-alert-bg: var(--bs-warning-bg-subtle);
4839
+ --bs-alert-border-color: var(--bs-warning-border-subtle);
4840
+ --bs-alert-link-color: var(--bs-warning-text-emphasis);
4659
4841
  }
4660
4842
 
4661
4843
  .alert-danger {
4662
- --bs-alert-color: #842029;
4663
- --bs-alert-bg: #f8d7da;
4664
- --bs-alert-border-color: #f5c2c7;
4665
- }
4666
- .alert-danger .alert-link {
4667
- color: #6a1a21;
4844
+ --bs-alert-color: var(--bs-danger-text-emphasis);
4845
+ --bs-alert-bg: var(--bs-danger-bg-subtle);
4846
+ --bs-alert-border-color: var(--bs-danger-border-subtle);
4847
+ --bs-alert-link-color: var(--bs-danger-text-emphasis);
4668
4848
  }
4669
4849
 
4670
4850
  .alert-light {
4671
- --bs-alert-color: #636464;
4672
- --bs-alert-bg: #fefefe;
4673
- --bs-alert-border-color: #fdfdfe;
4674
- }
4675
- .alert-light .alert-link {
4676
- color: #4f5050;
4851
+ --bs-alert-color: var(--bs-light-text-emphasis);
4852
+ --bs-alert-bg: var(--bs-light-bg-subtle);
4853
+ --bs-alert-border-color: var(--bs-light-border-subtle);
4854
+ --bs-alert-link-color: var(--bs-light-text-emphasis);
4677
4855
  }
4678
4856
 
4679
4857
  .alert-dark {
4680
- --bs-alert-color: #141619;
4681
- --bs-alert-bg: #d3d3d4;
4682
- --bs-alert-border-color: #bcbebf;
4683
- }
4684
- .alert-dark .alert-link {
4685
- color: #101214;
4858
+ --bs-alert-color: var(--bs-dark-text-emphasis);
4859
+ --bs-alert-bg: var(--bs-dark-bg-subtle);
4860
+ --bs-alert-border-color: var(--bs-dark-border-subtle);
4861
+ --bs-alert-link-color: var(--bs-dark-text-emphasis);
4686
4862
  }
4687
4863
 
4688
4864
  @keyframes progress-bar-stripes {
4689
4865
  0% {
4690
- background-position-x: 1rem;
4866
+ background-position-x: var(--bs-progress-height);
4691
4867
  }
4692
4868
  }
4693
- .progress {
4869
+ .progress,
4870
+ .progress-stacked {
4694
4871
  --bs-progress-height: 1rem;
4695
4872
  --bs-progress-font-size: 0.75rem;
4696
- --bs-progress-bg: #e9ecef;
4697
- --bs-progress-border-radius: 0.375rem;
4698
- --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
4873
+ --bs-progress-bg: var(--bs-secondary-bg);
4874
+ --bs-progress-border-radius: var(--bs-border-radius);
4875
+ --bs-progress-box-shadow: var(--bs-box-shadow-inset);
4699
4876
  --bs-progress-bar-color: #fff;
4700
4877
  --bs-progress-bar-bg: #0d6efd;
4701
4878
  --bs-progress-bar-transition: width 0.6s ease;
@@ -4729,6 +4906,14 @@ textarea.form-control-lg {
4729
4906
  background-size: var(--bs-progress-height) var(--bs-progress-height);
4730
4907
  }
4731
4908
 
4909
+ .progress-stacked > .progress {
4910
+ overflow: visible;
4911
+ }
4912
+
4913
+ .progress-stacked > .progress > .progress-bar {
4914
+ width: 100%;
4915
+ }
4916
+
4732
4917
  .progress-bar-animated {
4733
4918
  animation: 1s linear infinite progress-bar-stripes;
4734
4919
  }
@@ -4739,20 +4924,20 @@ textarea.form-control-lg {
4739
4924
  }
4740
4925
 
4741
4926
  .list-group {
4742
- --bs-list-group-color: #212529;
4743
- --bs-list-group-bg: #fff;
4744
- --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
4745
- --bs-list-group-border-width: 1px;
4746
- --bs-list-group-border-radius: 0.375rem;
4927
+ --bs-list-group-color: var(--bs-body-color);
4928
+ --bs-list-group-bg: var(--bs-body-bg);
4929
+ --bs-list-group-border-color: var(--bs-border-color);
4930
+ --bs-list-group-border-width: var(--bs-border-width);
4931
+ --bs-list-group-border-radius: var(--bs-border-radius);
4747
4932
  --bs-list-group-item-padding-x: 1rem;
4748
4933
  --bs-list-group-item-padding-y: 0.5rem;
4749
- --bs-list-group-action-color: #495057;
4750
- --bs-list-group-action-hover-color: #495057;
4751
- --bs-list-group-action-hover-bg: #f8f9fa;
4752
- --bs-list-group-action-active-color: #212529;
4753
- --bs-list-group-action-active-bg: #e9ecef;
4754
- --bs-list-group-disabled-color: #6c757d;
4755
- --bs-list-group-disabled-bg: #fff;
4934
+ --bs-list-group-action-color: var(--bs-secondary-color);
4935
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
4936
+ --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
4937
+ --bs-list-group-action-active-color: var(--bs-body-color);
4938
+ --bs-list-group-action-active-bg: var(--bs-secondary-bg);
4939
+ --bs-list-group-disabled-color: var(--bs-secondary-color);
4940
+ --bs-list-group-disabled-bg: var(--bs-body-bg);
4756
4941
  --bs-list-group-active-color: #fff;
4757
4942
  --bs-list-group-active-bg: #0d6efd;
4758
4943
  --bs-list-group-active-border-color: #0d6efd;
@@ -4772,22 +4957,6 @@ textarea.form-control-lg {
4772
4957
  counter-increment: section;
4773
4958
  }
4774
4959
 
4775
- .list-group-item-action {
4776
- width: 100%;
4777
- color: var(--bs-list-group-action-color);
4778
- text-align: inherit;
4779
- }
4780
- .list-group-item-action:hover, .list-group-item-action:focus {
4781
- z-index: 1;
4782
- color: var(--bs-list-group-action-hover-color);
4783
- text-decoration: none;
4784
- background-color: var(--bs-list-group-action-hover-bg);
4785
- }
4786
- .list-group-item-action:active {
4787
- color: var(--bs-list-group-action-active-color);
4788
- background-color: var(--bs-list-group-action-active-bg);
4789
- }
4790
-
4791
4960
  .list-group-item {
4792
4961
  position: relative;
4793
4962
  display: block;
@@ -4824,6 +4993,22 @@ textarea.form-control-lg {
4824
4993
  border-top-width: var(--bs-list-group-border-width);
4825
4994
  }
4826
4995
 
4996
+ .list-group-item-action {
4997
+ width: 100%;
4998
+ color: var(--bs-list-group-action-color);
4999
+ text-align: inherit;
5000
+ }
5001
+ .list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
5002
+ z-index: 1;
5003
+ color: var(--bs-list-group-action-hover-color);
5004
+ text-decoration: none;
5005
+ background-color: var(--bs-list-group-action-hover-bg);
5006
+ }
5007
+ .list-group-item-action:not(.active):active {
5008
+ color: var(--bs-list-group-action-active-color);
5009
+ background-color: var(--bs-list-group-action-active-bg);
5010
+ }
5011
+
4827
5012
  .list-group-horizontal {
4828
5013
  flex-direction: row;
4829
5014
  }
@@ -4978,146 +5163,155 @@ textarea.form-control-lg {
4978
5163
  }
4979
5164
 
4980
5165
  .list-group-item-primary {
4981
- color: #084298;
4982
- background-color: #cfe2ff;
4983
- }
4984
- .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
4985
- color: #084298;
4986
- background-color: #bacbe6;
4987
- }
4988
- .list-group-item-primary.list-group-item-action.active {
4989
- color: #fff;
4990
- background-color: #084298;
4991
- border-color: #084298;
5166
+ --bs-list-group-color: var(--bs-primary-text-emphasis);
5167
+ --bs-list-group-bg: var(--bs-primary-bg-subtle);
5168
+ --bs-list-group-border-color: var(--bs-primary-border-subtle);
5169
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
5170
+ --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
5171
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
5172
+ --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
5173
+ --bs-list-group-active-color: var(--bs-primary-bg-subtle);
5174
+ --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
5175
+ --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
4992
5176
  }
4993
5177
 
4994
5178
  .list-group-item-secondary {
4995
- color: #41464b;
4996
- background-color: #e2e3e5;
4997
- }
4998
- .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
4999
- color: #41464b;
5000
- background-color: #cbccce;
5001
- }
5002
- .list-group-item-secondary.list-group-item-action.active {
5003
- color: #fff;
5004
- background-color: #41464b;
5005
- border-color: #41464b;
5179
+ --bs-list-group-color: var(--bs-secondary-text-emphasis);
5180
+ --bs-list-group-bg: var(--bs-secondary-bg-subtle);
5181
+ --bs-list-group-border-color: var(--bs-secondary-border-subtle);
5182
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
5183
+ --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
5184
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
5185
+ --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
5186
+ --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
5187
+ --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
5188
+ --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
5006
5189
  }
5007
5190
 
5008
5191
  .list-group-item-success {
5009
- color: #0f5132;
5010
- background-color: #d1e7dd;
5011
- }
5012
- .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
5013
- color: #0f5132;
5014
- background-color: #bcd0c7;
5015
- }
5016
- .list-group-item-success.list-group-item-action.active {
5017
- color: #fff;
5018
- background-color: #0f5132;
5019
- border-color: #0f5132;
5192
+ --bs-list-group-color: var(--bs-success-text-emphasis);
5193
+ --bs-list-group-bg: var(--bs-success-bg-subtle);
5194
+ --bs-list-group-border-color: var(--bs-success-border-subtle);
5195
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
5196
+ --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
5197
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
5198
+ --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
5199
+ --bs-list-group-active-color: var(--bs-success-bg-subtle);
5200
+ --bs-list-group-active-bg: var(--bs-success-text-emphasis);
5201
+ --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
5020
5202
  }
5021
5203
 
5022
5204
  .list-group-item-info {
5023
- color: #055160;
5024
- background-color: #cff4fc;
5025
- }
5026
- .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
5027
- color: #055160;
5028
- background-color: #badce3;
5029
- }
5030
- .list-group-item-info.list-group-item-action.active {
5031
- color: #fff;
5032
- background-color: #055160;
5033
- border-color: #055160;
5205
+ --bs-list-group-color: var(--bs-info-text-emphasis);
5206
+ --bs-list-group-bg: var(--bs-info-bg-subtle);
5207
+ --bs-list-group-border-color: var(--bs-info-border-subtle);
5208
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
5209
+ --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
5210
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
5211
+ --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
5212
+ --bs-list-group-active-color: var(--bs-info-bg-subtle);
5213
+ --bs-list-group-active-bg: var(--bs-info-text-emphasis);
5214
+ --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
5034
5215
  }
5035
5216
 
5036
5217
  .list-group-item-warning {
5037
- color: #664d03;
5038
- background-color: #fff3cd;
5039
- }
5040
- .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
5041
- color: #664d03;
5042
- background-color: #e6dbb9;
5043
- }
5044
- .list-group-item-warning.list-group-item-action.active {
5045
- color: #fff;
5046
- background-color: #664d03;
5047
- border-color: #664d03;
5218
+ --bs-list-group-color: var(--bs-warning-text-emphasis);
5219
+ --bs-list-group-bg: var(--bs-warning-bg-subtle);
5220
+ --bs-list-group-border-color: var(--bs-warning-border-subtle);
5221
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
5222
+ --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
5223
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
5224
+ --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
5225
+ --bs-list-group-active-color: var(--bs-warning-bg-subtle);
5226
+ --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
5227
+ --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
5048
5228
  }
5049
5229
 
5050
5230
  .list-group-item-danger {
5051
- color: #842029;
5052
- background-color: #f8d7da;
5053
- }
5054
- .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
5055
- color: #842029;
5056
- background-color: #dfc2c4;
5057
- }
5058
- .list-group-item-danger.list-group-item-action.active {
5059
- color: #fff;
5060
- background-color: #842029;
5061
- border-color: #842029;
5231
+ --bs-list-group-color: var(--bs-danger-text-emphasis);
5232
+ --bs-list-group-bg: var(--bs-danger-bg-subtle);
5233
+ --bs-list-group-border-color: var(--bs-danger-border-subtle);
5234
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
5235
+ --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
5236
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
5237
+ --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
5238
+ --bs-list-group-active-color: var(--bs-danger-bg-subtle);
5239
+ --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
5240
+ --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
5062
5241
  }
5063
5242
 
5064
5243
  .list-group-item-light {
5065
- color: #636464;
5066
- background-color: #fefefe;
5067
- }
5068
- .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
5069
- color: #636464;
5070
- background-color: #e5e5e5;
5071
- }
5072
- .list-group-item-light.list-group-item-action.active {
5073
- color: #fff;
5074
- background-color: #636464;
5075
- border-color: #636464;
5244
+ --bs-list-group-color: var(--bs-light-text-emphasis);
5245
+ --bs-list-group-bg: var(--bs-light-bg-subtle);
5246
+ --bs-list-group-border-color: var(--bs-light-border-subtle);
5247
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
5248
+ --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
5249
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
5250
+ --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
5251
+ --bs-list-group-active-color: var(--bs-light-bg-subtle);
5252
+ --bs-list-group-active-bg: var(--bs-light-text-emphasis);
5253
+ --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
5076
5254
  }
5077
5255
 
5078
5256
  .list-group-item-dark {
5079
- color: #141619;
5080
- background-color: #d3d3d4;
5081
- }
5082
- .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
5083
- color: #141619;
5084
- background-color: #bebebf;
5085
- }
5086
- .list-group-item-dark.list-group-item-action.active {
5087
- color: #fff;
5088
- background-color: #141619;
5089
- border-color: #141619;
5257
+ --bs-list-group-color: var(--bs-dark-text-emphasis);
5258
+ --bs-list-group-bg: var(--bs-dark-bg-subtle);
5259
+ --bs-list-group-border-color: var(--bs-dark-border-subtle);
5260
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
5261
+ --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
5262
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
5263
+ --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
5264
+ --bs-list-group-active-color: var(--bs-dark-bg-subtle);
5265
+ --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
5266
+ --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
5090
5267
  }
5091
5268
 
5092
5269
  .btn-close {
5270
+ --bs-btn-close-color: #000;
5271
+ --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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");
5272
+ --bs-btn-close-opacity: 0.5;
5273
+ --bs-btn-close-hover-opacity: 0.75;
5274
+ --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
5275
+ --bs-btn-close-focus-opacity: 1;
5276
+ --bs-btn-close-disabled-opacity: 0.25;
5093
5277
  box-sizing: content-box;
5094
5278
  width: 1em;
5095
5279
  height: 1em;
5096
5280
  padding: 0.25em 0.25em;
5097
- color: #000;
5098
- background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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;
5281
+ color: var(--bs-btn-close-color);
5282
+ background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
5283
+ filter: var(--bs-btn-close-filter);
5099
5284
  border: 0;
5100
5285
  border-radius: 0.375rem;
5101
- opacity: 0.5;
5286
+ opacity: var(--bs-btn-close-opacity);
5102
5287
  }
5103
5288
  .btn-close:hover {
5104
- color: #000;
5289
+ color: var(--bs-btn-close-color);
5105
5290
  text-decoration: none;
5106
- opacity: 0.75;
5291
+ opacity: var(--bs-btn-close-hover-opacity);
5107
5292
  }
5108
5293
  .btn-close:focus {
5109
5294
  outline: 0;
5110
- box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
5111
- opacity: 1;
5295
+ box-shadow: var(--bs-btn-close-focus-shadow);
5296
+ opacity: var(--bs-btn-close-focus-opacity);
5112
5297
  }
5113
5298
  .btn-close:disabled, .btn-close.disabled {
5114
5299
  pointer-events: none;
5115
5300
  user-select: none;
5116
- opacity: 0.25;
5301
+ opacity: var(--bs-btn-close-disabled-opacity);
5117
5302
  }
5118
5303
 
5119
5304
  .btn-close-white {
5120
- filter: invert(1) grayscale(100%) brightness(200%);
5305
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
5306
+ }
5307
+
5308
+ :root,
5309
+ [data-bs-theme=light] {
5310
+ --bs-btn-close-filter: ;
5311
+ }
5312
+
5313
+ [data-bs-theme=dark] {
5314
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
5121
5315
  }
5122
5316
 
5123
5317
  .toast {
@@ -5128,14 +5322,14 @@ textarea.form-control-lg {
5128
5322
  --bs-toast-max-width: 350px;
5129
5323
  --bs-toast-font-size: 0.875rem;
5130
5324
  --bs-toast-color: ;
5131
- --bs-toast-bg: rgba(255, 255, 255, 0.85);
5132
- --bs-toast-border-width: 1px;
5325
+ --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
5326
+ --bs-toast-border-width: var(--bs-border-width);
5133
5327
  --bs-toast-border-color: var(--bs-border-color-translucent);
5134
- --bs-toast-border-radius: 0.375rem;
5135
- --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
5136
- --bs-toast-header-color: #6c757d;
5137
- --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
5138
- --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
5328
+ --bs-toast-border-radius: var(--bs-border-radius);
5329
+ --bs-toast-box-shadow: var(--bs-box-shadow);
5330
+ --bs-toast-header-color: var(--bs-secondary-color);
5331
+ --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
5332
+ --bs-toast-header-border-color: var(--bs-border-color-translucent);
5139
5333
  width: var(--bs-toast-max-width);
5140
5334
  max-width: 100%;
5141
5335
  font-size: var(--bs-toast-font-size);
@@ -5192,23 +5386,23 @@ textarea.form-control-lg {
5192
5386
  --bs-modal-width: 500px;
5193
5387
  --bs-modal-padding: 1rem;
5194
5388
  --bs-modal-margin: 0.5rem;
5195
- --bs-modal-color: ;
5196
- --bs-modal-bg: #fff;
5389
+ --bs-modal-color: var(--bs-body-color);
5390
+ --bs-modal-bg: var(--bs-body-bg);
5197
5391
  --bs-modal-border-color: var(--bs-border-color-translucent);
5198
- --bs-modal-border-width: 1px;
5199
- --bs-modal-border-radius: 0.5rem;
5200
- --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
5201
- --bs-modal-inner-border-radius: calc(0.5rem - 1px);
5392
+ --bs-modal-border-width: var(--bs-border-width);
5393
+ --bs-modal-border-radius: var(--bs-border-radius-lg);
5394
+ --bs-modal-box-shadow: var(--bs-box-shadow-sm);
5395
+ --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
5202
5396
  --bs-modal-header-padding-x: 1rem;
5203
5397
  --bs-modal-header-padding-y: 1rem;
5204
5398
  --bs-modal-header-padding: 1rem 1rem;
5205
5399
  --bs-modal-header-border-color: var(--bs-border-color);
5206
- --bs-modal-header-border-width: 1px;
5400
+ --bs-modal-header-border-width: var(--bs-border-width);
5207
5401
  --bs-modal-title-line-height: 1.5;
5208
5402
  --bs-modal-footer-gap: 0.5rem;
5209
5403
  --bs-modal-footer-bg: ;
5210
5404
  --bs-modal-footer-border-color: var(--bs-border-color);
5211
- --bs-modal-footer-border-width: 1px;
5405
+ --bs-modal-footer-border-width: var(--bs-border-width);
5212
5406
  position: fixed;
5213
5407
  top: 0;
5214
5408
  left: 0;
@@ -5228,8 +5422,8 @@ textarea.form-control-lg {
5228
5422
  pointer-events: none;
5229
5423
  }
5230
5424
  .modal.fade .modal-dialog {
5231
- transition: transform 0.3s ease-out;
5232
5425
  transform: translate(0, -50px);
5426
+ transition: transform 0.3s ease-out;
5233
5427
  }
5234
5428
  @media (prefers-reduced-motion: reduce) {
5235
5429
  .modal.fade .modal-dialog {
@@ -5297,7 +5491,6 @@ textarea.form-control-lg {
5297
5491
  display: flex;
5298
5492
  flex-shrink: 0;
5299
5493
  align-items: center;
5300
- justify-content: space-between;
5301
5494
  padding: var(--bs-modal-header-padding);
5302
5495
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
5303
5496
  border-top-left-radius: var(--bs-modal-inner-border-radius);
@@ -5305,7 +5498,10 @@ textarea.form-control-lg {
5305
5498
  }
5306
5499
  .modal-header .btn-close {
5307
5500
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
5308
- margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
5501
+ margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
5502
+ margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
5503
+ margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
5504
+ margin-left: auto;
5309
5505
  }
5310
5506
 
5311
5507
  .modal-title {
@@ -5338,7 +5534,7 @@ textarea.form-control-lg {
5338
5534
  @media (min-width: 576px) {
5339
5535
  .modal {
5340
5536
  --bs-modal-margin: 1.75rem;
5341
- --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
5537
+ --bs-modal-box-shadow: var(--bs-box-shadow);
5342
5538
  }
5343
5539
  .modal-dialog {
5344
5540
  max-width: var(--bs-modal-width);
@@ -5486,15 +5682,14 @@ textarea.form-control-lg {
5486
5682
  --bs-tooltip-padding-y: 0.25rem;
5487
5683
  --bs-tooltip-margin: ;
5488
5684
  --bs-tooltip-font-size: 0.875rem;
5489
- --bs-tooltip-color: #fff;
5490
- --bs-tooltip-bg: #000;
5491
- --bs-tooltip-border-radius: 0.375rem;
5685
+ --bs-tooltip-color: var(--bs-body-bg);
5686
+ --bs-tooltip-bg: var(--bs-emphasis-color);
5687
+ --bs-tooltip-border-radius: var(--bs-border-radius);
5492
5688
  --bs-tooltip-opacity: 0.9;
5493
5689
  --bs-tooltip-arrow-width: 0.8rem;
5494
5690
  --bs-tooltip-arrow-height: 0.4rem;
5495
5691
  z-index: var(--bs-tooltip-zindex);
5496
5692
  display: block;
5497
- padding: var(--bs-tooltip-arrow-height);
5498
5693
  margin: var(--bs-tooltip-margin);
5499
5694
  font-family: var(--bs-font-sans-serif);
5500
5695
  font-style: normal;
@@ -5530,7 +5725,7 @@ textarea.form-control-lg {
5530
5725
  }
5531
5726
 
5532
5727
  .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
5533
- bottom: 0;
5728
+ bottom: calc(-1 * var(--bs-tooltip-arrow-height));
5534
5729
  }
5535
5730
  .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
5536
5731
  top: -1px;
@@ -5540,7 +5735,7 @@ textarea.form-control-lg {
5540
5735
 
5541
5736
  /* rtl:begin:ignore */
5542
5737
  .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
5543
- left: 0;
5738
+ left: calc(-1 * var(--bs-tooltip-arrow-height));
5544
5739
  width: var(--bs-tooltip-arrow-height);
5545
5740
  height: var(--bs-tooltip-arrow-width);
5546
5741
  }
@@ -5552,7 +5747,7 @@ textarea.form-control-lg {
5552
5747
 
5553
5748
  /* rtl:end:ignore */
5554
5749
  .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
5555
- top: 0;
5750
+ top: calc(-1 * var(--bs-tooltip-arrow-height));
5556
5751
  }
5557
5752
  .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
5558
5753
  bottom: -1px;
@@ -5562,7 +5757,7 @@ textarea.form-control-lg {
5562
5757
 
5563
5758
  /* rtl:begin:ignore */
5564
5759
  .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
5565
- right: 0;
5760
+ right: calc(-1 * var(--bs-tooltip-arrow-height));
5566
5761
  width: var(--bs-tooltip-arrow-height);
5567
5762
  height: var(--bs-tooltip-arrow-width);
5568
5763
  }
@@ -5586,20 +5781,20 @@ textarea.form-control-lg {
5586
5781
  --bs-popover-zindex: 1070;
5587
5782
  --bs-popover-max-width: 276px;
5588
5783
  --bs-popover-font-size: 0.875rem;
5589
- --bs-popover-bg: #fff;
5590
- --bs-popover-border-width: 1px;
5784
+ --bs-popover-bg: var(--bs-body-bg);
5785
+ --bs-popover-border-width: var(--bs-border-width);
5591
5786
  --bs-popover-border-color: var(--bs-border-color-translucent);
5592
- --bs-popover-border-radius: 0.5rem;
5593
- --bs-popover-inner-border-radius: calc(0.5rem - 1px);
5594
- --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
5787
+ --bs-popover-border-radius: var(--bs-border-radius-lg);
5788
+ --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
5789
+ --bs-popover-box-shadow: var(--bs-box-shadow);
5595
5790
  --bs-popover-header-padding-x: 1rem;
5596
5791
  --bs-popover-header-padding-y: 0.5rem;
5597
5792
  --bs-popover-header-font-size: 1rem;
5598
- --bs-popover-header-color: ;
5599
- --bs-popover-header-bg: #f0f0f0;
5793
+ --bs-popover-header-color: inherit;
5794
+ --bs-popover-header-bg: var(--bs-secondary-bg);
5600
5795
  --bs-popover-body-padding-x: 1rem;
5601
5796
  --bs-popover-body-padding-y: 1rem;
5602
- --bs-popover-body-color: #212529;
5797
+ --bs-popover-body-color: var(--bs-body-color);
5603
5798
  --bs-popover-arrow-width: 1rem;
5604
5799
  --bs-popover-arrow-height: 0.5rem;
5605
5800
  --bs-popover-arrow-border: var(--bs-popover-border-color);
@@ -5826,6 +6021,7 @@ textarea.form-control-lg {
5826
6021
  color: #fff;
5827
6022
  text-align: center;
5828
6023
  background: none;
6024
+ filter: var(--bs-carousel-control-icon-filter);
5829
6025
  border: 0;
5830
6026
  opacity: 0.5;
5831
6027
  transition: opacity 0.15s ease;
@@ -5863,20 +6059,12 @@ textarea.form-control-lg {
5863
6059
  background-size: 100% 100%;
5864
6060
  }
5865
6061
 
5866
- /* rtl:options: {
5867
- "autoRename": true,
5868
- "stringMap":[ {
5869
- "name" : "prev-next",
5870
- "search" : "prev",
5871
- "replace" : "next"
5872
- } ]
5873
- } */
5874
6062
  .carousel-control-prev-icon {
5875
- 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");
6063
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/;
5876
6064
  }
5877
6065
 
5878
6066
  .carousel-control-next-icon {
5879
- 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");
6067
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")*/;
5880
6068
  }
5881
6069
 
5882
6070
  .carousel-indicators {
@@ -5891,7 +6079,6 @@ textarea.form-control-lg {
5891
6079
  margin-right: 15%;
5892
6080
  margin-bottom: 1rem;
5893
6081
  margin-left: 15%;
5894
- list-style: none;
5895
6082
  }
5896
6083
  .carousel-indicators [data-bs-target] {
5897
6084
  box-sizing: content-box;
@@ -5903,7 +6090,7 @@ textarea.form-control-lg {
5903
6090
  margin-left: 3px;
5904
6091
  text-indent: -999px;
5905
6092
  cursor: pointer;
5906
- background-color: #fff;
6093
+ background-color: var(--bs-carousel-indicator-active-bg);
5907
6094
  background-clip: padding-box;
5908
6095
  border: 0;
5909
6096
  border-top: 10px solid transparent;
@@ -5927,19 +6114,27 @@ textarea.form-control-lg {
5927
6114
  left: 15%;
5928
6115
  padding-top: 1.25rem;
5929
6116
  padding-bottom: 1.25rem;
5930
- color: #fff;
6117
+ color: var(--bs-carousel-caption-color);
5931
6118
  text-align: center;
5932
6119
  }
5933
6120
 
5934
- .carousel-dark .carousel-control-prev-icon,
5935
- .carousel-dark .carousel-control-next-icon {
5936
- filter: invert(1) grayscale(100);
6121
+ .carousel-dark {
6122
+ --bs-carousel-indicator-active-bg: #000;
6123
+ --bs-carousel-caption-color: #000;
6124
+ --bs-carousel-control-icon-filter: invert(1) grayscale(100);
5937
6125
  }
5938
- .carousel-dark .carousel-indicators [data-bs-target] {
5939
- background-color: #000;
6126
+
6127
+ :root,
6128
+ [data-bs-theme=light] {
6129
+ --bs-carousel-indicator-active-bg: #fff;
6130
+ --bs-carousel-caption-color: #fff;
6131
+ --bs-carousel-control-icon-filter: ;
5940
6132
  }
5941
- .carousel-dark .carousel-caption {
5942
- color: #000;
6133
+
6134
+ [data-bs-theme=dark] {
6135
+ --bs-carousel-indicator-active-bg: #000;
6136
+ --bs-carousel-caption-color: #000;
6137
+ --bs-carousel-control-icon-filter: invert(1) grayscale(100);
5943
6138
  }
5944
6139
 
5945
6140
  .spinner-grow,
@@ -6010,11 +6205,13 @@ textarea.form-control-lg {
6010
6205
  --bs-offcanvas-height: 30vh;
6011
6206
  --bs-offcanvas-padding-x: 1rem;
6012
6207
  --bs-offcanvas-padding-y: 1rem;
6013
- --bs-offcanvas-color: ;
6014
- --bs-offcanvas-bg: #fff;
6015
- --bs-offcanvas-border-width: 1px;
6208
+ --bs-offcanvas-color: var(--bs-body-color);
6209
+ --bs-offcanvas-bg: var(--bs-body-bg);
6210
+ --bs-offcanvas-border-width: var(--bs-border-width);
6016
6211
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
6017
- --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
6212
+ --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
6213
+ --bs-offcanvas-transition: transform 0.3s ease-in-out;
6214
+ --bs-offcanvas-title-line-height: 1.5;
6018
6215
  }
6019
6216
 
6020
6217
  @media (max-width: 575.98px) {
@@ -6030,7 +6227,7 @@ textarea.form-control-lg {
6030
6227
  background-color: var(--bs-offcanvas-bg);
6031
6228
  background-clip: padding-box;
6032
6229
  outline: 0;
6033
- transition: transform 0.3s ease-in-out;
6230
+ transition: var(--bs-offcanvas-transition);
6034
6231
  }
6035
6232
  }
6036
6233
  @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
@@ -6108,7 +6305,7 @@ textarea.form-control-lg {
6108
6305
  background-color: var(--bs-offcanvas-bg);
6109
6306
  background-clip: padding-box;
6110
6307
  outline: 0;
6111
- transition: transform 0.3s ease-in-out;
6308
+ transition: var(--bs-offcanvas-transition);
6112
6309
  }
6113
6310
  }
6114
6311
  @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
@@ -6186,7 +6383,7 @@ textarea.form-control-lg {
6186
6383
  background-color: var(--bs-offcanvas-bg);
6187
6384
  background-clip: padding-box;
6188
6385
  outline: 0;
6189
- transition: transform 0.3s ease-in-out;
6386
+ transition: var(--bs-offcanvas-transition);
6190
6387
  }
6191
6388
  }
6192
6389
  @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
@@ -6264,7 +6461,7 @@ textarea.form-control-lg {
6264
6461
  background-color: var(--bs-offcanvas-bg);
6265
6462
  background-clip: padding-box;
6266
6463
  outline: 0;
6267
- transition: transform 0.3s ease-in-out;
6464
+ transition: var(--bs-offcanvas-transition);
6268
6465
  }
6269
6466
  }
6270
6467
  @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
@@ -6342,7 +6539,7 @@ textarea.form-control-lg {
6342
6539
  background-color: var(--bs-offcanvas-bg);
6343
6540
  background-clip: padding-box;
6344
6541
  outline: 0;
6345
- transition: transform 0.3s ease-in-out;
6542
+ transition: var(--bs-offcanvas-transition);
6346
6543
  }
6347
6544
  }
6348
6545
  @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
@@ -6419,7 +6616,7 @@ textarea.form-control-lg {
6419
6616
  background-color: var(--bs-offcanvas-bg);
6420
6617
  background-clip: padding-box;
6421
6618
  outline: 0;
6422
- transition: transform 0.3s ease-in-out;
6619
+ transition: var(--bs-offcanvas-transition);
6423
6620
  }
6424
6621
  @media (prefers-reduced-motion: reduce) {
6425
6622
  .offcanvas {
@@ -6483,7 +6680,6 @@ textarea.form-control-lg {
6483
6680
  .offcanvas-header {
6484
6681
  display: flex;
6485
6682
  align-items: center;
6486
- justify-content: space-between;
6487
6683
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
6488
6684
  }
6489
6685
  .offcanvas-header .btn-close {
@@ -6491,11 +6687,12 @@ textarea.form-control-lg {
6491
6687
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
6492
6688
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
6493
6689
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
6690
+ margin-left: auto;
6494
6691
  }
6495
6692
 
6496
6693
  .offcanvas-title {
6497
6694
  margin-bottom: 0;
6498
- line-height: 1.5;
6695
+ line-height: var(--bs-offcanvas-title-line-height);
6499
6696
  }
6500
6697
 
6501
6698
  .offcanvas-body {
@@ -6557,124 +6754,179 @@ textarea.form-control-lg {
6557
6754
 
6558
6755
  .text-bg-primary {
6559
6756
  color: #fff !important;
6560
- background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important;
6757
+ background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
6561
6758
  }
6562
6759
 
6563
6760
  .text-bg-secondary {
6564
6761
  color: #fff !important;
6565
- background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
6762
+ background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
6566
6763
  }
6567
6764
 
6568
6765
  .text-bg-success {
6569
6766
  color: #fff !important;
6570
- background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
6767
+ background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
6571
6768
  }
6572
6769
 
6573
6770
  .text-bg-info {
6574
6771
  color: #000 !important;
6575
- background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
6772
+ background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
6576
6773
  }
6577
6774
 
6578
6775
  .text-bg-warning {
6579
6776
  color: #000 !important;
6580
- background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
6777
+ background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
6581
6778
  }
6582
6779
 
6583
6780
  .text-bg-danger {
6584
6781
  color: #fff !important;
6585
- background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
6782
+ background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
6586
6783
  }
6587
6784
 
6588
6785
  .text-bg-light {
6589
6786
  color: #000 !important;
6590
- background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
6787
+ background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
6591
6788
  }
6592
6789
 
6593
6790
  .text-bg-dark {
6594
6791
  color: #fff !important;
6595
- background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
6792
+ background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
6596
6793
  }
6597
6794
 
6598
6795
  .link-primary {
6599
- color: #0d6efd !important;
6796
+ color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
6797
+ text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
6600
6798
  }
6601
6799
  .link-primary:hover, .link-primary:focus {
6602
- color: #0a58ca !important;
6800
+ color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
6801
+ text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
6603
6802
  }
6604
6803
 
6605
6804
  .link-secondary {
6606
- color: #6c757d !important;
6805
+ color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
6806
+ text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
6607
6807
  }
6608
6808
  .link-secondary:hover, .link-secondary:focus {
6609
- color: #565e64 !important;
6809
+ color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
6810
+ text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
6610
6811
  }
6611
6812
 
6612
6813
  .link-success {
6613
- color: #198754 !important;
6814
+ color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
6815
+ text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
6614
6816
  }
6615
6817
  .link-success:hover, .link-success:focus {
6616
- color: #146c43 !important;
6818
+ color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
6819
+ text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
6617
6820
  }
6618
6821
 
6619
6822
  .link-info {
6620
- color: #0dcaf0 !important;
6823
+ color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
6824
+ text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
6621
6825
  }
6622
6826
  .link-info:hover, .link-info:focus {
6623
- color: #3dd5f3 !important;
6827
+ color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
6828
+ text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
6624
6829
  }
6625
6830
 
6626
6831
  .link-warning {
6627
- color: #ffc107 !important;
6832
+ color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
6833
+ text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
6628
6834
  }
6629
6835
  .link-warning:hover, .link-warning:focus {
6630
- color: #ffcd39 !important;
6836
+ color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
6837
+ text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
6631
6838
  }
6632
6839
 
6633
6840
  .link-danger {
6634
- color: #dc3545 !important;
6841
+ color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
6842
+ text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
6635
6843
  }
6636
6844
  .link-danger:hover, .link-danger:focus {
6637
- color: #b02a37 !important;
6845
+ color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
6846
+ text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
6638
6847
  }
6639
6848
 
6640
6849
  .link-light {
6641
- color: #f8f9fa !important;
6850
+ color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
6851
+ text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
6642
6852
  }
6643
6853
  .link-light:hover, .link-light:focus {
6644
- color: #f9fafb !important;
6854
+ color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
6855
+ text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
6645
6856
  }
6646
6857
 
6647
6858
  .link-dark {
6648
- color: #212529 !important;
6859
+ color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
6860
+ text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
6649
6861
  }
6650
6862
  .link-dark:hover, .link-dark:focus {
6651
- color: #1a1e21 !important;
6863
+ color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
6864
+ text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
6652
6865
  }
6653
6866
 
6654
- .ratio {
6655
- position: relative;
6656
- width: 100%;
6657
- }
6658
- .ratio::before {
6659
- display: block;
6660
- padding-top: var(--bs-aspect-ratio);
6661
- content: "";
6867
+ .link-body-emphasis {
6868
+ color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
6869
+ text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
6662
6870
  }
6663
- .ratio > * {
6664
- position: absolute;
6665
- top: 0;
6666
- left: 0;
6667
- width: 100%;
6668
- height: 100%;
6871
+ .link-body-emphasis:hover, .link-body-emphasis:focus {
6872
+ color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
6873
+ text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
6669
6874
  }
6670
6875
 
6671
- .ratio-1x1 {
6672
- --bs-aspect-ratio: 100%;
6876
+ .focus-ring:focus {
6877
+ outline: 0;
6878
+ 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);
6673
6879
  }
6674
6880
 
6675
- .ratio-4x3 {
6676
- --bs-aspect-ratio: 75%;
6677
- }
6881
+ .icon-link {
6882
+ display: inline-flex;
6883
+ gap: 0.375rem;
6884
+ align-items: center;
6885
+ text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
6886
+ text-underline-offset: 0.25em;
6887
+ backface-visibility: hidden;
6888
+ }
6889
+ .icon-link > .bi {
6890
+ flex-shrink: 0;
6891
+ width: 1em;
6892
+ height: 1em;
6893
+ fill: currentcolor;
6894
+ transition: 0.2s ease-in-out transform;
6895
+ }
6896
+ @media (prefers-reduced-motion: reduce) {
6897
+ .icon-link > .bi {
6898
+ transition: none;
6899
+ }
6900
+ }
6901
+
6902
+ .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
6903
+ transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
6904
+ }
6905
+
6906
+ .ratio {
6907
+ position: relative;
6908
+ width: 100%;
6909
+ }
6910
+ .ratio::before {
6911
+ display: block;
6912
+ padding-top: var(--bs-aspect-ratio);
6913
+ content: "";
6914
+ }
6915
+ .ratio > * {
6916
+ position: absolute;
6917
+ top: 0;
6918
+ left: 0;
6919
+ width: 100%;
6920
+ height: 100%;
6921
+ }
6922
+
6923
+ .ratio-1x1 {
6924
+ --bs-aspect-ratio: 100%;
6925
+ }
6926
+
6927
+ .ratio-4x3 {
6928
+ --bs-aspect-ratio: 75%;
6929
+ }
6678
6930
 
6679
6931
  .ratio-16x9 {
6680
6932
  --bs-aspect-ratio: 56.25%;
@@ -6788,7 +7040,6 @@ textarea.form-control-lg {
6788
7040
 
6789
7041
  .visually-hidden,
6790
7042
  .visually-hidden-focusable:not(:focus):not(:focus-within) {
6791
- position: absolute !important;
6792
7043
  width: 1px !important;
6793
7044
  height: 1px !important;
6794
7045
  padding: 0 !important;
@@ -6798,6 +7049,14 @@ textarea.form-control-lg {
6798
7049
  white-space: nowrap !important;
6799
7050
  border: 0 !important;
6800
7051
  }
7052
+ .visually-hidden:not(caption),
7053
+ .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
7054
+ position: absolute !important;
7055
+ }
7056
+ .visually-hidden *,
7057
+ .visually-hidden-focusable:not(:focus):not(:focus-within) * {
7058
+ overflow: hidden !important;
7059
+ }
6801
7060
 
6802
7061
  .stretched-link::after {
6803
7062
  position: absolute;
@@ -6818,7 +7077,7 @@ textarea.form-control-lg {
6818
7077
  .vr {
6819
7078
  display: inline-block;
6820
7079
  align-self: stretch;
6821
- width: 1px;
7080
+ width: var(--bs-border-width);
6822
7081
  min-height: 1em;
6823
7082
  background-color: currentcolor;
6824
7083
  opacity: 0.25;
@@ -6860,6 +7119,26 @@ textarea.form-control-lg {
6860
7119
  float: none !important;
6861
7120
  }
6862
7121
 
7122
+ .object-fit-contain {
7123
+ object-fit: contain !important;
7124
+ }
7125
+
7126
+ .object-fit-cover {
7127
+ object-fit: cover !important;
7128
+ }
7129
+
7130
+ .object-fit-fill {
7131
+ object-fit: fill !important;
7132
+ }
7133
+
7134
+ .object-fit-scale {
7135
+ object-fit: scale-down !important;
7136
+ }
7137
+
7138
+ .object-fit-none {
7139
+ object-fit: none !important;
7140
+ }
7141
+
6863
7142
  .opacity-0 {
6864
7143
  opacity: 0 !important;
6865
7144
  }
@@ -6896,6 +7175,38 @@ textarea.form-control-lg {
6896
7175
  overflow: scroll !important;
6897
7176
  }
6898
7177
 
7178
+ .overflow-x-auto {
7179
+ overflow-x: auto !important;
7180
+ }
7181
+
7182
+ .overflow-x-hidden {
7183
+ overflow-x: hidden !important;
7184
+ }
7185
+
7186
+ .overflow-x-visible {
7187
+ overflow-x: visible !important;
7188
+ }
7189
+
7190
+ .overflow-x-scroll {
7191
+ overflow-x: scroll !important;
7192
+ }
7193
+
7194
+ .overflow-y-auto {
7195
+ overflow-y: auto !important;
7196
+ }
7197
+
7198
+ .overflow-y-hidden {
7199
+ overflow-y: hidden !important;
7200
+ }
7201
+
7202
+ .overflow-y-visible {
7203
+ overflow-y: visible !important;
7204
+ }
7205
+
7206
+ .overflow-y-scroll {
7207
+ overflow-y: scroll !important;
7208
+ }
7209
+
6899
7210
  .d-inline {
6900
7211
  display: inline !important;
6901
7212
  }
@@ -6912,6 +7223,10 @@ textarea.form-control-lg {
6912
7223
  display: grid !important;
6913
7224
  }
6914
7225
 
7226
+ .d-inline-grid {
7227
+ display: inline-grid !important;
7228
+ }
7229
+
6915
7230
  .d-table {
6916
7231
  display: table !important;
6917
7232
  }
@@ -6937,21 +7252,53 @@ textarea.form-control-lg {
6937
7252
  }
6938
7253
 
6939
7254
  .shadow {
6940
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
7255
+ box-shadow: var(--bs-box-shadow) !important;
6941
7256
  }
6942
7257
 
6943
7258
  .shadow-sm {
6944
- box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
7259
+ box-shadow: var(--bs-box-shadow-sm) !important;
6945
7260
  }
6946
7261
 
6947
7262
  .shadow-lg {
6948
- box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
7263
+ box-shadow: var(--bs-box-shadow-lg) !important;
6949
7264
  }
6950
7265
 
6951
7266
  .shadow-none {
6952
7267
  box-shadow: none !important;
6953
7268
  }
6954
7269
 
7270
+ .focus-ring-primary {
7271
+ --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
7272
+ }
7273
+
7274
+ .focus-ring-secondary {
7275
+ --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
7276
+ }
7277
+
7278
+ .focus-ring-success {
7279
+ --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
7280
+ }
7281
+
7282
+ .focus-ring-info {
7283
+ --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
7284
+ }
7285
+
7286
+ .focus-ring-warning {
7287
+ --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
7288
+ }
7289
+
7290
+ .focus-ring-danger {
7291
+ --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
7292
+ }
7293
+
7294
+ .focus-ring-light {
7295
+ --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
7296
+ }
7297
+
7298
+ .focus-ring-dark {
7299
+ --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
7300
+ }
7301
+
6955
7302
  .position-static {
6956
7303
  position: static !important;
6957
7304
  }
@@ -7112,29 +7459,66 @@ textarea.form-control-lg {
7112
7459
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
7113
7460
  }
7114
7461
 
7462
+ .border-black {
7463
+ --bs-border-opacity: 1;
7464
+ border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
7465
+ }
7466
+
7115
7467
  .border-white {
7116
7468
  --bs-border-opacity: 1;
7117
7469
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
7118
7470
  }
7119
7471
 
7472
+ .border-primary-subtle {
7473
+ border-color: var(--bs-primary-border-subtle) !important;
7474
+ }
7475
+
7476
+ .border-secondary-subtle {
7477
+ border-color: var(--bs-secondary-border-subtle) !important;
7478
+ }
7479
+
7480
+ .border-success-subtle {
7481
+ border-color: var(--bs-success-border-subtle) !important;
7482
+ }
7483
+
7484
+ .border-info-subtle {
7485
+ border-color: var(--bs-info-border-subtle) !important;
7486
+ }
7487
+
7488
+ .border-warning-subtle {
7489
+ border-color: var(--bs-warning-border-subtle) !important;
7490
+ }
7491
+
7492
+ .border-danger-subtle {
7493
+ border-color: var(--bs-danger-border-subtle) !important;
7494
+ }
7495
+
7496
+ .border-light-subtle {
7497
+ border-color: var(--bs-light-border-subtle) !important;
7498
+ }
7499
+
7500
+ .border-dark-subtle {
7501
+ border-color: var(--bs-dark-border-subtle) !important;
7502
+ }
7503
+
7120
7504
  .border-1 {
7121
- --bs-border-width: 1px;
7505
+ border-width: 1px !important;
7122
7506
  }
7123
7507
 
7124
7508
  .border-2 {
7125
- --bs-border-width: 2px;
7509
+ border-width: 2px !important;
7126
7510
  }
7127
7511
 
7128
7512
  .border-3 {
7129
- --bs-border-width: 3px;
7513
+ border-width: 3px !important;
7130
7514
  }
7131
7515
 
7132
7516
  .border-4 {
7133
- --bs-border-width: 4px;
7517
+ border-width: 4px !important;
7134
7518
  }
7135
7519
 
7136
7520
  .border-5 {
7137
- --bs-border-width: 5px;
7521
+ border-width: 5px !important;
7138
7522
  }
7139
7523
 
7140
7524
  .border-opacity-10 {
@@ -7807,6 +8191,54 @@ textarea.form-control-lg {
7807
8191
  gap: 3rem !important;
7808
8192
  }
7809
8193
 
8194
+ .row-gap-0 {
8195
+ row-gap: 0 !important;
8196
+ }
8197
+
8198
+ .row-gap-1 {
8199
+ row-gap: 0.25rem !important;
8200
+ }
8201
+
8202
+ .row-gap-2 {
8203
+ row-gap: 0.5rem !important;
8204
+ }
8205
+
8206
+ .row-gap-3 {
8207
+ row-gap: 1rem !important;
8208
+ }
8209
+
8210
+ .row-gap-4 {
8211
+ row-gap: 1.5rem !important;
8212
+ }
8213
+
8214
+ .row-gap-5 {
8215
+ row-gap: 3rem !important;
8216
+ }
8217
+
8218
+ .column-gap-0 {
8219
+ column-gap: 0 !important;
8220
+ }
8221
+
8222
+ .column-gap-1 {
8223
+ column-gap: 0.25rem !important;
8224
+ }
8225
+
8226
+ .column-gap-2 {
8227
+ column-gap: 0.5rem !important;
8228
+ }
8229
+
8230
+ .column-gap-3 {
8231
+ column-gap: 1rem !important;
8232
+ }
8233
+
8234
+ .column-gap-4 {
8235
+ column-gap: 1.5rem !important;
8236
+ }
8237
+
8238
+ .column-gap-5 {
8239
+ column-gap: 3rem !important;
8240
+ }
8241
+
7810
8242
  .font-monospace {
7811
8243
  font-family: var(--bs-font-monospace) !important;
7812
8244
  }
@@ -7843,26 +8275,30 @@ textarea.form-control-lg {
7843
8275
  font-style: normal !important;
7844
8276
  }
7845
8277
 
7846
- .fw-light {
7847
- font-weight: 300 !important;
7848
- }
7849
-
7850
8278
  .fw-lighter {
7851
8279
  font-weight: lighter !important;
7852
8280
  }
7853
8281
 
8282
+ .fw-light {
8283
+ font-weight: 300 !important;
8284
+ }
8285
+
7854
8286
  .fw-normal {
7855
8287
  font-weight: 400 !important;
7856
8288
  }
7857
8289
 
7858
- .fw-bold {
7859
- font-weight: 700 !important;
8290
+ .fw-medium {
8291
+ font-weight: 500 !important;
7860
8292
  }
7861
8293
 
7862
8294
  .fw-semibold {
7863
8295
  font-weight: 600 !important;
7864
8296
  }
7865
8297
 
8298
+ .fw-bold {
8299
+ font-weight: 700 !important;
8300
+ }
8301
+
7866
8302
  .fw-bolder {
7867
8303
  font-weight: bolder !important;
7868
8304
  }
@@ -7991,7 +8427,7 @@ textarea.form-control-lg {
7991
8427
 
7992
8428
  .text-muted {
7993
8429
  --bs-text-opacity: 1;
7994
- color: #6c757d !important;
8430
+ color: var(--bs-secondary-color) !important;
7995
8431
  }
7996
8432
 
7997
8433
  .text-black-50 {
@@ -8004,6 +8440,21 @@ textarea.form-control-lg {
8004
8440
  color: rgba(255, 255, 255, 0.5) !important;
8005
8441
  }
8006
8442
 
8443
+ .text-body-secondary {
8444
+ --bs-text-opacity: 1;
8445
+ color: var(--bs-secondary-color) !important;
8446
+ }
8447
+
8448
+ .text-body-tertiary {
8449
+ --bs-text-opacity: 1;
8450
+ color: var(--bs-tertiary-color) !important;
8451
+ }
8452
+
8453
+ .text-body-emphasis {
8454
+ --bs-text-opacity: 1;
8455
+ color: var(--bs-emphasis-color) !important;
8456
+ }
8457
+
8007
8458
  .text-reset {
8008
8459
  --bs-text-opacity: 1;
8009
8460
  color: inherit !important;
@@ -8025,6 +8476,195 @@ textarea.form-control-lg {
8025
8476
  --bs-text-opacity: 1;
8026
8477
  }
8027
8478
 
8479
+ .text-primary-emphasis {
8480
+ color: var(--bs-primary-text-emphasis) !important;
8481
+ }
8482
+
8483
+ .text-secondary-emphasis {
8484
+ color: var(--bs-secondary-text-emphasis) !important;
8485
+ }
8486
+
8487
+ .text-success-emphasis {
8488
+ color: var(--bs-success-text-emphasis) !important;
8489
+ }
8490
+
8491
+ .text-info-emphasis {
8492
+ color: var(--bs-info-text-emphasis) !important;
8493
+ }
8494
+
8495
+ .text-warning-emphasis {
8496
+ color: var(--bs-warning-text-emphasis) !important;
8497
+ }
8498
+
8499
+ .text-danger-emphasis {
8500
+ color: var(--bs-danger-text-emphasis) !important;
8501
+ }
8502
+
8503
+ .text-light-emphasis {
8504
+ color: var(--bs-light-text-emphasis) !important;
8505
+ }
8506
+
8507
+ .text-dark-emphasis {
8508
+ color: var(--bs-dark-text-emphasis) !important;
8509
+ }
8510
+
8511
+ .link-opacity-10 {
8512
+ --bs-link-opacity: 0.1;
8513
+ }
8514
+
8515
+ .link-opacity-10-hover:hover {
8516
+ --bs-link-opacity: 0.1;
8517
+ }
8518
+
8519
+ .link-opacity-25 {
8520
+ --bs-link-opacity: 0.25;
8521
+ }
8522
+
8523
+ .link-opacity-25-hover:hover {
8524
+ --bs-link-opacity: 0.25;
8525
+ }
8526
+
8527
+ .link-opacity-50 {
8528
+ --bs-link-opacity: 0.5;
8529
+ }
8530
+
8531
+ .link-opacity-50-hover:hover {
8532
+ --bs-link-opacity: 0.5;
8533
+ }
8534
+
8535
+ .link-opacity-75 {
8536
+ --bs-link-opacity: 0.75;
8537
+ }
8538
+
8539
+ .link-opacity-75-hover:hover {
8540
+ --bs-link-opacity: 0.75;
8541
+ }
8542
+
8543
+ .link-opacity-100 {
8544
+ --bs-link-opacity: 1;
8545
+ }
8546
+
8547
+ .link-opacity-100-hover:hover {
8548
+ --bs-link-opacity: 1;
8549
+ }
8550
+
8551
+ .link-offset-1 {
8552
+ text-underline-offset: 0.125em !important;
8553
+ }
8554
+
8555
+ .link-offset-1-hover:hover {
8556
+ text-underline-offset: 0.125em !important;
8557
+ }
8558
+
8559
+ .link-offset-2 {
8560
+ text-underline-offset: 0.25em !important;
8561
+ }
8562
+
8563
+ .link-offset-2-hover:hover {
8564
+ text-underline-offset: 0.25em !important;
8565
+ }
8566
+
8567
+ .link-offset-3 {
8568
+ text-underline-offset: 0.375em !important;
8569
+ }
8570
+
8571
+ .link-offset-3-hover:hover {
8572
+ text-underline-offset: 0.375em !important;
8573
+ }
8574
+
8575
+ .link-underline-primary {
8576
+ --bs-link-underline-opacity: 1;
8577
+ text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
8578
+ }
8579
+
8580
+ .link-underline-secondary {
8581
+ --bs-link-underline-opacity: 1;
8582
+ text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
8583
+ }
8584
+
8585
+ .link-underline-success {
8586
+ --bs-link-underline-opacity: 1;
8587
+ text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
8588
+ }
8589
+
8590
+ .link-underline-info {
8591
+ --bs-link-underline-opacity: 1;
8592
+ text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
8593
+ }
8594
+
8595
+ .link-underline-warning {
8596
+ --bs-link-underline-opacity: 1;
8597
+ text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
8598
+ }
8599
+
8600
+ .link-underline-danger {
8601
+ --bs-link-underline-opacity: 1;
8602
+ text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
8603
+ }
8604
+
8605
+ .link-underline-light {
8606
+ --bs-link-underline-opacity: 1;
8607
+ text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
8608
+ }
8609
+
8610
+ .link-underline-dark {
8611
+ --bs-link-underline-opacity: 1;
8612
+ text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
8613
+ }
8614
+
8615
+ .link-underline {
8616
+ --bs-link-underline-opacity: 1;
8617
+ text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
8618
+ }
8619
+
8620
+ .link-underline-opacity-0 {
8621
+ --bs-link-underline-opacity: 0;
8622
+ }
8623
+
8624
+ .link-underline-opacity-0-hover:hover {
8625
+ --bs-link-underline-opacity: 0;
8626
+ }
8627
+
8628
+ .link-underline-opacity-10 {
8629
+ --bs-link-underline-opacity: 0.1;
8630
+ }
8631
+
8632
+ .link-underline-opacity-10-hover:hover {
8633
+ --bs-link-underline-opacity: 0.1;
8634
+ }
8635
+
8636
+ .link-underline-opacity-25 {
8637
+ --bs-link-underline-opacity: 0.25;
8638
+ }
8639
+
8640
+ .link-underline-opacity-25-hover:hover {
8641
+ --bs-link-underline-opacity: 0.25;
8642
+ }
8643
+
8644
+ .link-underline-opacity-50 {
8645
+ --bs-link-underline-opacity: 0.5;
8646
+ }
8647
+
8648
+ .link-underline-opacity-50-hover:hover {
8649
+ --bs-link-underline-opacity: 0.5;
8650
+ }
8651
+
8652
+ .link-underline-opacity-75 {
8653
+ --bs-link-underline-opacity: 0.75;
8654
+ }
8655
+
8656
+ .link-underline-opacity-75-hover:hover {
8657
+ --bs-link-underline-opacity: 0.75;
8658
+ }
8659
+
8660
+ .link-underline-opacity-100 {
8661
+ --bs-link-underline-opacity: 1;
8662
+ }
8663
+
8664
+ .link-underline-opacity-100-hover:hover {
8665
+ --bs-link-underline-opacity: 1;
8666
+ }
8667
+
8028
8668
  .bg-primary {
8029
8669
  --bs-bg-opacity: 1;
8030
8670
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
@@ -8085,6 +8725,16 @@ textarea.form-control-lg {
8085
8725
  background-color: transparent !important;
8086
8726
  }
8087
8727
 
8728
+ .bg-body-secondary {
8729
+ --bs-bg-opacity: 1;
8730
+ background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
8731
+ }
8732
+
8733
+ .bg-body-tertiary {
8734
+ --bs-bg-opacity: 1;
8735
+ background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
8736
+ }
8737
+
8088
8738
  .bg-opacity-10 {
8089
8739
  --bs-bg-opacity: 0.1;
8090
8740
  }
@@ -8105,6 +8755,38 @@ textarea.form-control-lg {
8105
8755
  --bs-bg-opacity: 1;
8106
8756
  }
8107
8757
 
8758
+ .bg-primary-subtle {
8759
+ background-color: var(--bs-primary-bg-subtle) !important;
8760
+ }
8761
+
8762
+ .bg-secondary-subtle {
8763
+ background-color: var(--bs-secondary-bg-subtle) !important;
8764
+ }
8765
+
8766
+ .bg-success-subtle {
8767
+ background-color: var(--bs-success-bg-subtle) !important;
8768
+ }
8769
+
8770
+ .bg-info-subtle {
8771
+ background-color: var(--bs-info-bg-subtle) !important;
8772
+ }
8773
+
8774
+ .bg-warning-subtle {
8775
+ background-color: var(--bs-warning-bg-subtle) !important;
8776
+ }
8777
+
8778
+ .bg-danger-subtle {
8779
+ background-color: var(--bs-danger-bg-subtle) !important;
8780
+ }
8781
+
8782
+ .bg-light-subtle {
8783
+ background-color: var(--bs-light-bg-subtle) !important;
8784
+ }
8785
+
8786
+ .bg-dark-subtle {
8787
+ background-color: var(--bs-dark-bg-subtle) !important;
8788
+ }
8789
+
8108
8790
  .bg-gradient {
8109
8791
  background-image: var(--bs-gradient) !important;
8110
8792
  }
@@ -8154,7 +8836,7 @@ textarea.form-control-lg {
8154
8836
  }
8155
8837
 
8156
8838
  .rounded-5 {
8157
- border-radius: var(--bs-border-radius-2xl) !important;
8839
+ border-radius: var(--bs-border-radius-xxl) !important;
8158
8840
  }
8159
8841
 
8160
8842
  .rounded-circle {
@@ -8170,21 +8852,181 @@ textarea.form-control-lg {
8170
8852
  border-top-right-radius: var(--bs-border-radius) !important;
8171
8853
  }
8172
8854
 
8855
+ .rounded-top-0 {
8856
+ border-top-left-radius: 0 !important;
8857
+ border-top-right-radius: 0 !important;
8858
+ }
8859
+
8860
+ .rounded-top-1 {
8861
+ border-top-left-radius: var(--bs-border-radius-sm) !important;
8862
+ border-top-right-radius: var(--bs-border-radius-sm) !important;
8863
+ }
8864
+
8865
+ .rounded-top-2 {
8866
+ border-top-left-radius: var(--bs-border-radius) !important;
8867
+ border-top-right-radius: var(--bs-border-radius) !important;
8868
+ }
8869
+
8870
+ .rounded-top-3 {
8871
+ border-top-left-radius: var(--bs-border-radius-lg) !important;
8872
+ border-top-right-radius: var(--bs-border-radius-lg) !important;
8873
+ }
8874
+
8875
+ .rounded-top-4 {
8876
+ border-top-left-radius: var(--bs-border-radius-xl) !important;
8877
+ border-top-right-radius: var(--bs-border-radius-xl) !important;
8878
+ }
8879
+
8880
+ .rounded-top-5 {
8881
+ border-top-left-radius: var(--bs-border-radius-xxl) !important;
8882
+ border-top-right-radius: var(--bs-border-radius-xxl) !important;
8883
+ }
8884
+
8885
+ .rounded-top-circle {
8886
+ border-top-left-radius: 50% !important;
8887
+ border-top-right-radius: 50% !important;
8888
+ }
8889
+
8890
+ .rounded-top-pill {
8891
+ border-top-left-radius: var(--bs-border-radius-pill) !important;
8892
+ border-top-right-radius: var(--bs-border-radius-pill) !important;
8893
+ }
8894
+
8173
8895
  .rounded-end {
8174
8896
  border-top-right-radius: var(--bs-border-radius) !important;
8175
8897
  border-bottom-right-radius: var(--bs-border-radius) !important;
8176
8898
  }
8177
8899
 
8900
+ .rounded-end-0 {
8901
+ border-top-right-radius: 0 !important;
8902
+ border-bottom-right-radius: 0 !important;
8903
+ }
8904
+
8905
+ .rounded-end-1 {
8906
+ border-top-right-radius: var(--bs-border-radius-sm) !important;
8907
+ border-bottom-right-radius: var(--bs-border-radius-sm) !important;
8908
+ }
8909
+
8910
+ .rounded-end-2 {
8911
+ border-top-right-radius: var(--bs-border-radius) !important;
8912
+ border-bottom-right-radius: var(--bs-border-radius) !important;
8913
+ }
8914
+
8915
+ .rounded-end-3 {
8916
+ border-top-right-radius: var(--bs-border-radius-lg) !important;
8917
+ border-bottom-right-radius: var(--bs-border-radius-lg) !important;
8918
+ }
8919
+
8920
+ .rounded-end-4 {
8921
+ border-top-right-radius: var(--bs-border-radius-xl) !important;
8922
+ border-bottom-right-radius: var(--bs-border-radius-xl) !important;
8923
+ }
8924
+
8925
+ .rounded-end-5 {
8926
+ border-top-right-radius: var(--bs-border-radius-xxl) !important;
8927
+ border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
8928
+ }
8929
+
8930
+ .rounded-end-circle {
8931
+ border-top-right-radius: 50% !important;
8932
+ border-bottom-right-radius: 50% !important;
8933
+ }
8934
+
8935
+ .rounded-end-pill {
8936
+ border-top-right-radius: var(--bs-border-radius-pill) !important;
8937
+ border-bottom-right-radius: var(--bs-border-radius-pill) !important;
8938
+ }
8939
+
8178
8940
  .rounded-bottom {
8179
8941
  border-bottom-right-radius: var(--bs-border-radius) !important;
8180
8942
  border-bottom-left-radius: var(--bs-border-radius) !important;
8181
8943
  }
8182
8944
 
8945
+ .rounded-bottom-0 {
8946
+ border-bottom-right-radius: 0 !important;
8947
+ border-bottom-left-radius: 0 !important;
8948
+ }
8949
+
8950
+ .rounded-bottom-1 {
8951
+ border-bottom-right-radius: var(--bs-border-radius-sm) !important;
8952
+ border-bottom-left-radius: var(--bs-border-radius-sm) !important;
8953
+ }
8954
+
8955
+ .rounded-bottom-2 {
8956
+ border-bottom-right-radius: var(--bs-border-radius) !important;
8957
+ border-bottom-left-radius: var(--bs-border-radius) !important;
8958
+ }
8959
+
8960
+ .rounded-bottom-3 {
8961
+ border-bottom-right-radius: var(--bs-border-radius-lg) !important;
8962
+ border-bottom-left-radius: var(--bs-border-radius-lg) !important;
8963
+ }
8964
+
8965
+ .rounded-bottom-4 {
8966
+ border-bottom-right-radius: var(--bs-border-radius-xl) !important;
8967
+ border-bottom-left-radius: var(--bs-border-radius-xl) !important;
8968
+ }
8969
+
8970
+ .rounded-bottom-5 {
8971
+ border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
8972
+ border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
8973
+ }
8974
+
8975
+ .rounded-bottom-circle {
8976
+ border-bottom-right-radius: 50% !important;
8977
+ border-bottom-left-radius: 50% !important;
8978
+ }
8979
+
8980
+ .rounded-bottom-pill {
8981
+ border-bottom-right-radius: var(--bs-border-radius-pill) !important;
8982
+ border-bottom-left-radius: var(--bs-border-radius-pill) !important;
8983
+ }
8984
+
8183
8985
  .rounded-start {
8184
8986
  border-bottom-left-radius: var(--bs-border-radius) !important;
8185
8987
  border-top-left-radius: var(--bs-border-radius) !important;
8186
8988
  }
8187
8989
 
8990
+ .rounded-start-0 {
8991
+ border-bottom-left-radius: 0 !important;
8992
+ border-top-left-radius: 0 !important;
8993
+ }
8994
+
8995
+ .rounded-start-1 {
8996
+ border-bottom-left-radius: var(--bs-border-radius-sm) !important;
8997
+ border-top-left-radius: var(--bs-border-radius-sm) !important;
8998
+ }
8999
+
9000
+ .rounded-start-2 {
9001
+ border-bottom-left-radius: var(--bs-border-radius) !important;
9002
+ border-top-left-radius: var(--bs-border-radius) !important;
9003
+ }
9004
+
9005
+ .rounded-start-3 {
9006
+ border-bottom-left-radius: var(--bs-border-radius-lg) !important;
9007
+ border-top-left-radius: var(--bs-border-radius-lg) !important;
9008
+ }
9009
+
9010
+ .rounded-start-4 {
9011
+ border-bottom-left-radius: var(--bs-border-radius-xl) !important;
9012
+ border-top-left-radius: var(--bs-border-radius-xl) !important;
9013
+ }
9014
+
9015
+ .rounded-start-5 {
9016
+ border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
9017
+ border-top-left-radius: var(--bs-border-radius-xxl) !important;
9018
+ }
9019
+
9020
+ .rounded-start-circle {
9021
+ border-bottom-left-radius: 50% !important;
9022
+ border-top-left-radius: 50% !important;
9023
+ }
9024
+
9025
+ .rounded-start-pill {
9026
+ border-bottom-left-radius: var(--bs-border-radius-pill) !important;
9027
+ border-top-left-radius: var(--bs-border-radius-pill) !important;
9028
+ }
9029
+
8188
9030
  .visible {
8189
9031
  visibility: visible !important;
8190
9032
  }
@@ -8193,6 +9035,26 @@ textarea.form-control-lg {
8193
9035
  visibility: hidden !important;
8194
9036
  }
8195
9037
 
9038
+ .z-n1 {
9039
+ z-index: -1 !important;
9040
+ }
9041
+
9042
+ .z-0 {
9043
+ z-index: 0 !important;
9044
+ }
9045
+
9046
+ .z-1 {
9047
+ z-index: 1 !important;
9048
+ }
9049
+
9050
+ .z-2 {
9051
+ z-index: 2 !important;
9052
+ }
9053
+
9054
+ .z-3 {
9055
+ z-index: 3 !important;
9056
+ }
9057
+
8196
9058
  @media (min-width: 576px) {
8197
9059
  .float-sm-start {
8198
9060
  float: left !important;
@@ -8203,6 +9065,21 @@ textarea.form-control-lg {
8203
9065
  .float-sm-none {
8204
9066
  float: none !important;
8205
9067
  }
9068
+ .object-fit-sm-contain {
9069
+ object-fit: contain !important;
9070
+ }
9071
+ .object-fit-sm-cover {
9072
+ object-fit: cover !important;
9073
+ }
9074
+ .object-fit-sm-fill {
9075
+ object-fit: fill !important;
9076
+ }
9077
+ .object-fit-sm-scale {
9078
+ object-fit: scale-down !important;
9079
+ }
9080
+ .object-fit-sm-none {
9081
+ object-fit: none !important;
9082
+ }
8206
9083
  .d-sm-inline {
8207
9084
  display: inline !important;
8208
9085
  }
@@ -8215,6 +9092,9 @@ textarea.form-control-lg {
8215
9092
  .d-sm-grid {
8216
9093
  display: grid !important;
8217
9094
  }
9095
+ .d-sm-inline-grid {
9096
+ display: inline-grid !important;
9097
+ }
8218
9098
  .d-sm-table {
8219
9099
  display: table !important;
8220
9100
  }
@@ -8679,6 +9559,42 @@ textarea.form-control-lg {
8679
9559
  .gap-sm-5 {
8680
9560
  gap: 3rem !important;
8681
9561
  }
9562
+ .row-gap-sm-0 {
9563
+ row-gap: 0 !important;
9564
+ }
9565
+ .row-gap-sm-1 {
9566
+ row-gap: 0.25rem !important;
9567
+ }
9568
+ .row-gap-sm-2 {
9569
+ row-gap: 0.5rem !important;
9570
+ }
9571
+ .row-gap-sm-3 {
9572
+ row-gap: 1rem !important;
9573
+ }
9574
+ .row-gap-sm-4 {
9575
+ row-gap: 1.5rem !important;
9576
+ }
9577
+ .row-gap-sm-5 {
9578
+ row-gap: 3rem !important;
9579
+ }
9580
+ .column-gap-sm-0 {
9581
+ column-gap: 0 !important;
9582
+ }
9583
+ .column-gap-sm-1 {
9584
+ column-gap: 0.25rem !important;
9585
+ }
9586
+ .column-gap-sm-2 {
9587
+ column-gap: 0.5rem !important;
9588
+ }
9589
+ .column-gap-sm-3 {
9590
+ column-gap: 1rem !important;
9591
+ }
9592
+ .column-gap-sm-4 {
9593
+ column-gap: 1.5rem !important;
9594
+ }
9595
+ .column-gap-sm-5 {
9596
+ column-gap: 3rem !important;
9597
+ }
8682
9598
  .text-sm-start {
8683
9599
  text-align: left !important;
8684
9600
  }
@@ -8699,6 +9615,21 @@ textarea.form-control-lg {
8699
9615
  .float-md-none {
8700
9616
  float: none !important;
8701
9617
  }
9618
+ .object-fit-md-contain {
9619
+ object-fit: contain !important;
9620
+ }
9621
+ .object-fit-md-cover {
9622
+ object-fit: cover !important;
9623
+ }
9624
+ .object-fit-md-fill {
9625
+ object-fit: fill !important;
9626
+ }
9627
+ .object-fit-md-scale {
9628
+ object-fit: scale-down !important;
9629
+ }
9630
+ .object-fit-md-none {
9631
+ object-fit: none !important;
9632
+ }
8702
9633
  .d-md-inline {
8703
9634
  display: inline !important;
8704
9635
  }
@@ -8711,6 +9642,9 @@ textarea.form-control-lg {
8711
9642
  .d-md-grid {
8712
9643
  display: grid !important;
8713
9644
  }
9645
+ .d-md-inline-grid {
9646
+ display: inline-grid !important;
9647
+ }
8714
9648
  .d-md-table {
8715
9649
  display: table !important;
8716
9650
  }
@@ -9175,6 +10109,42 @@ textarea.form-control-lg {
9175
10109
  .gap-md-5 {
9176
10110
  gap: 3rem !important;
9177
10111
  }
10112
+ .row-gap-md-0 {
10113
+ row-gap: 0 !important;
10114
+ }
10115
+ .row-gap-md-1 {
10116
+ row-gap: 0.25rem !important;
10117
+ }
10118
+ .row-gap-md-2 {
10119
+ row-gap: 0.5rem !important;
10120
+ }
10121
+ .row-gap-md-3 {
10122
+ row-gap: 1rem !important;
10123
+ }
10124
+ .row-gap-md-4 {
10125
+ row-gap: 1.5rem !important;
10126
+ }
10127
+ .row-gap-md-5 {
10128
+ row-gap: 3rem !important;
10129
+ }
10130
+ .column-gap-md-0 {
10131
+ column-gap: 0 !important;
10132
+ }
10133
+ .column-gap-md-1 {
10134
+ column-gap: 0.25rem !important;
10135
+ }
10136
+ .column-gap-md-2 {
10137
+ column-gap: 0.5rem !important;
10138
+ }
10139
+ .column-gap-md-3 {
10140
+ column-gap: 1rem !important;
10141
+ }
10142
+ .column-gap-md-4 {
10143
+ column-gap: 1.5rem !important;
10144
+ }
10145
+ .column-gap-md-5 {
10146
+ column-gap: 3rem !important;
10147
+ }
9178
10148
  .text-md-start {
9179
10149
  text-align: left !important;
9180
10150
  }
@@ -9195,6 +10165,21 @@ textarea.form-control-lg {
9195
10165
  .float-lg-none {
9196
10166
  float: none !important;
9197
10167
  }
10168
+ .object-fit-lg-contain {
10169
+ object-fit: contain !important;
10170
+ }
10171
+ .object-fit-lg-cover {
10172
+ object-fit: cover !important;
10173
+ }
10174
+ .object-fit-lg-fill {
10175
+ object-fit: fill !important;
10176
+ }
10177
+ .object-fit-lg-scale {
10178
+ object-fit: scale-down !important;
10179
+ }
10180
+ .object-fit-lg-none {
10181
+ object-fit: none !important;
10182
+ }
9198
10183
  .d-lg-inline {
9199
10184
  display: inline !important;
9200
10185
  }
@@ -9207,6 +10192,9 @@ textarea.form-control-lg {
9207
10192
  .d-lg-grid {
9208
10193
  display: grid !important;
9209
10194
  }
10195
+ .d-lg-inline-grid {
10196
+ display: inline-grid !important;
10197
+ }
9210
10198
  .d-lg-table {
9211
10199
  display: table !important;
9212
10200
  }
@@ -9671,6 +10659,42 @@ textarea.form-control-lg {
9671
10659
  .gap-lg-5 {
9672
10660
  gap: 3rem !important;
9673
10661
  }
10662
+ .row-gap-lg-0 {
10663
+ row-gap: 0 !important;
10664
+ }
10665
+ .row-gap-lg-1 {
10666
+ row-gap: 0.25rem !important;
10667
+ }
10668
+ .row-gap-lg-2 {
10669
+ row-gap: 0.5rem !important;
10670
+ }
10671
+ .row-gap-lg-3 {
10672
+ row-gap: 1rem !important;
10673
+ }
10674
+ .row-gap-lg-4 {
10675
+ row-gap: 1.5rem !important;
10676
+ }
10677
+ .row-gap-lg-5 {
10678
+ row-gap: 3rem !important;
10679
+ }
10680
+ .column-gap-lg-0 {
10681
+ column-gap: 0 !important;
10682
+ }
10683
+ .column-gap-lg-1 {
10684
+ column-gap: 0.25rem !important;
10685
+ }
10686
+ .column-gap-lg-2 {
10687
+ column-gap: 0.5rem !important;
10688
+ }
10689
+ .column-gap-lg-3 {
10690
+ column-gap: 1rem !important;
10691
+ }
10692
+ .column-gap-lg-4 {
10693
+ column-gap: 1.5rem !important;
10694
+ }
10695
+ .column-gap-lg-5 {
10696
+ column-gap: 3rem !important;
10697
+ }
9674
10698
  .text-lg-start {
9675
10699
  text-align: left !important;
9676
10700
  }
@@ -9691,6 +10715,21 @@ textarea.form-control-lg {
9691
10715
  .float-xl-none {
9692
10716
  float: none !important;
9693
10717
  }
10718
+ .object-fit-xl-contain {
10719
+ object-fit: contain !important;
10720
+ }
10721
+ .object-fit-xl-cover {
10722
+ object-fit: cover !important;
10723
+ }
10724
+ .object-fit-xl-fill {
10725
+ object-fit: fill !important;
10726
+ }
10727
+ .object-fit-xl-scale {
10728
+ object-fit: scale-down !important;
10729
+ }
10730
+ .object-fit-xl-none {
10731
+ object-fit: none !important;
10732
+ }
9694
10733
  .d-xl-inline {
9695
10734
  display: inline !important;
9696
10735
  }
@@ -9703,6 +10742,9 @@ textarea.form-control-lg {
9703
10742
  .d-xl-grid {
9704
10743
  display: grid !important;
9705
10744
  }
10745
+ .d-xl-inline-grid {
10746
+ display: inline-grid !important;
10747
+ }
9706
10748
  .d-xl-table {
9707
10749
  display: table !important;
9708
10750
  }
@@ -10167,6 +11209,42 @@ textarea.form-control-lg {
10167
11209
  .gap-xl-5 {
10168
11210
  gap: 3rem !important;
10169
11211
  }
11212
+ .row-gap-xl-0 {
11213
+ row-gap: 0 !important;
11214
+ }
11215
+ .row-gap-xl-1 {
11216
+ row-gap: 0.25rem !important;
11217
+ }
11218
+ .row-gap-xl-2 {
11219
+ row-gap: 0.5rem !important;
11220
+ }
11221
+ .row-gap-xl-3 {
11222
+ row-gap: 1rem !important;
11223
+ }
11224
+ .row-gap-xl-4 {
11225
+ row-gap: 1.5rem !important;
11226
+ }
11227
+ .row-gap-xl-5 {
11228
+ row-gap: 3rem !important;
11229
+ }
11230
+ .column-gap-xl-0 {
11231
+ column-gap: 0 !important;
11232
+ }
11233
+ .column-gap-xl-1 {
11234
+ column-gap: 0.25rem !important;
11235
+ }
11236
+ .column-gap-xl-2 {
11237
+ column-gap: 0.5rem !important;
11238
+ }
11239
+ .column-gap-xl-3 {
11240
+ column-gap: 1rem !important;
11241
+ }
11242
+ .column-gap-xl-4 {
11243
+ column-gap: 1.5rem !important;
11244
+ }
11245
+ .column-gap-xl-5 {
11246
+ column-gap: 3rem !important;
11247
+ }
10170
11248
  .text-xl-start {
10171
11249
  text-align: left !important;
10172
11250
  }
@@ -10187,6 +11265,21 @@ textarea.form-control-lg {
10187
11265
  .float-xxl-none {
10188
11266
  float: none !important;
10189
11267
  }
11268
+ .object-fit-xxl-contain {
11269
+ object-fit: contain !important;
11270
+ }
11271
+ .object-fit-xxl-cover {
11272
+ object-fit: cover !important;
11273
+ }
11274
+ .object-fit-xxl-fill {
11275
+ object-fit: fill !important;
11276
+ }
11277
+ .object-fit-xxl-scale {
11278
+ object-fit: scale-down !important;
11279
+ }
11280
+ .object-fit-xxl-none {
11281
+ object-fit: none !important;
11282
+ }
10190
11283
  .d-xxl-inline {
10191
11284
  display: inline !important;
10192
11285
  }
@@ -10199,6 +11292,9 @@ textarea.form-control-lg {
10199
11292
  .d-xxl-grid {
10200
11293
  display: grid !important;
10201
11294
  }
11295
+ .d-xxl-inline-grid {
11296
+ display: inline-grid !important;
11297
+ }
10202
11298
  .d-xxl-table {
10203
11299
  display: table !important;
10204
11300
  }
@@ -10663,6 +11759,42 @@ textarea.form-control-lg {
10663
11759
  .gap-xxl-5 {
10664
11760
  gap: 3rem !important;
10665
11761
  }
11762
+ .row-gap-xxl-0 {
11763
+ row-gap: 0 !important;
11764
+ }
11765
+ .row-gap-xxl-1 {
11766
+ row-gap: 0.25rem !important;
11767
+ }
11768
+ .row-gap-xxl-2 {
11769
+ row-gap: 0.5rem !important;
11770
+ }
11771
+ .row-gap-xxl-3 {
11772
+ row-gap: 1rem !important;
11773
+ }
11774
+ .row-gap-xxl-4 {
11775
+ row-gap: 1.5rem !important;
11776
+ }
11777
+ .row-gap-xxl-5 {
11778
+ row-gap: 3rem !important;
11779
+ }
11780
+ .column-gap-xxl-0 {
11781
+ column-gap: 0 !important;
11782
+ }
11783
+ .column-gap-xxl-1 {
11784
+ column-gap: 0.25rem !important;
11785
+ }
11786
+ .column-gap-xxl-2 {
11787
+ column-gap: 0.5rem !important;
11788
+ }
11789
+ .column-gap-xxl-3 {
11790
+ column-gap: 1rem !important;
11791
+ }
11792
+ .column-gap-xxl-4 {
11793
+ column-gap: 1.5rem !important;
11794
+ }
11795
+ .column-gap-xxl-5 {
11796
+ column-gap: 3rem !important;
11797
+ }
10666
11798
  .text-xxl-start {
10667
11799
  text-align: left !important;
10668
11800
  }
@@ -10700,6 +11832,9 @@ textarea.form-control-lg {
10700
11832
  .d-print-grid {
10701
11833
  display: grid !important;
10702
11834
  }
11835
+ .d-print-inline-grid {
11836
+ display: inline-grid !important;
11837
+ }
10703
11838
  .d-print-table {
10704
11839
  display: table !important;
10705
11840
  }
@@ -10735,6 +11870,7 @@ textarea.form-control-lg {
10735
11870
  --wp-lightGrey: #F2F2F2;
10736
11871
  --wp-primaryGreen: #198754;
10737
11872
  --wp-secondaryGreen: #5EAB87;
11873
+ --wp-paleGreen: #97D5B8;
10738
11874
  --wp-primaryLilac: #d1a3ff;
10739
11875
  --wp-borderRadius: calc(0.3rem - 1px);
10740
11876
  --wp-fontFamily: 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";
@@ -10771,6 +11907,10 @@ textarea.form-control-lg {
10771
11907
  background-color: var(--wp-secondaryGreen);
10772
11908
  }
10773
11909
 
11910
+ .bg-pale-green {
11911
+ background-color: var(--wp-paleGreen);
11912
+ }
11913
+
10774
11914
  .bg-pale-red {
10775
11915
  background-color: var(--wp-paleRed);
10776
11916
  }
@@ -10798,6 +11938,78 @@ textarea.form-control-lg {
10798
11938
  color: #FFF !important;
10799
11939
  }
10800
11940
 
11941
+ .border {
11942
+ border: solid 1px #000;
11943
+ }
11944
+
11945
+ .border-blue {
11946
+ border-color: var(--wp-primaryBlue);
11947
+ }
11948
+
11949
+ .border-secondary-blue {
11950
+ border-color: var(--wp-secondaryBlue);
11951
+ }
11952
+
11953
+ .border-pale-blue {
11954
+ border-color: var(--wp-paleBlue);
11955
+ }
11956
+
11957
+ .border-light-blue {
11958
+ border-color: var(--wp-lightBlue);
11959
+ }
11960
+
11961
+ .border-primary-yellow {
11962
+ border-color: var(--wp-primaryYellow);
11963
+ }
11964
+
11965
+ .border-pale-yellow {
11966
+ border-color: var(--wp-paleYellow);
11967
+ }
11968
+
11969
+ .border-primary-orange {
11970
+ border-color: var(--wp-primaryOrange);
11971
+ }
11972
+
11973
+ .border-primary-red {
11974
+ border-color: var(--wp-primaryRed);
11975
+ }
11976
+
11977
+ .border-secondary-red {
11978
+ border-color: var(--wp-secondaryRed);
11979
+ }
11980
+
11981
+ .border-pale-red {
11982
+ border-color: var(--wp-paleRed);
11983
+ }
11984
+
11985
+ .border-primary-grey {
11986
+ border-color: var(--wp-primaryGrey);
11987
+ }
11988
+
11989
+ .border-secondary-grey {
11990
+ border-color: var(--wp-secondaryGrey);
11991
+ }
11992
+
11993
+ .border-light-grey {
11994
+ border-color: var(--wp-lightGrey);
11995
+ }
11996
+
11997
+ .border-primary-green {
11998
+ border-color: var(--wp-primaryGreen);
11999
+ }
12000
+
12001
+ .border-secondary-green {
12002
+ border-color: var(--wp-secondaryGreen);
12003
+ }
12004
+
12005
+ .border-pale-green {
12006
+ border-color: var(--wp-paleGreen);
12007
+ }
12008
+
12009
+ .border-primary-lilac {
12010
+ border-color: var(--wp-primaryLilac);
12011
+ }
12012
+
10801
12013
  body {
10802
12014
  font-family: var(--wp-fontFamily);
10803
12015
  }