hoodcms 5.0.5 → 5.0.9

package/src/css/app.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * Bootstrap v5.0.0 (https://getbootstrap.com/)
+ * Bootstrap v5.1.3 (https://getbootstrap.com/)
  * Copyright 2011-2021 The Bootstrap Authors
  * Copyright 2011-2021 Twitter, Inc.
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
@@ -19,6 +19,15 @@
 	--bs-white: #fff;
 	--bs-gray: #6c757d;
 	--bs-gray-dark: #343a40;
+	--bs-gray-100: #f8f9fa;
+	--bs-gray-200: #e9ecef;
+	--bs-gray-300: #dee2e6;
+	--bs-gray-400: #ced4da;
+	--bs-gray-500: #adb5bd;
+	--bs-gray-600: #6c757d;
+	--bs-gray-700: #495057;
+	--bs-gray-800: #343a40;
+	--bs-gray-900: #212529;
 	--bs-primary: #0d6efd;
 	--bs-secondary: #6c757d;
 	--bs-success: #198754;
@@ -27,9 +36,27 @@
 	--bs-danger: #dc3545;
 	--bs-light: #f8f9fa;
 	--bs-dark: #212529;
+	--bs-primary-rgb: 13, 110, 253;
+	--bs-secondary-rgb: 108, 117, 125;
+	--bs-success-rgb: 25, 135, 84;
+	--bs-info-rgb: 13, 202, 240;
+	--bs-warning-rgb: 255, 193, 7;
+	--bs-danger-rgb: 220, 53, 69;
+	--bs-light-rgb: 248, 249, 250;
+	--bs-dark-rgb: 33, 37, 41;
+	--bs-white-rgb: 255, 255, 255;
+	--bs-black-rgb: 0, 0, 0;
+	--bs-body-color-rgb: 33, 37, 41;
+	--bs-body-bg-rgb: 255, 255, 255;
 	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+	--bs-body-font-family: var(--bs-font-sans-serif);
+	--bs-body-font-size: 1rem;
+	--bs-body-font-weight: 400;
+	--bs-body-line-height: 1.5;
+	--bs-body-color: #212529;
+	--bs-body-bg: #fff;
 }
 
 *,
@@ -46,12 +73,13 @@
 
 body {
 	margin: 0;
-	font-family: var(--bs-font-sans-serif);
-	font-size: 1rem;
-	font-weight: 400;
-	line-height: 1.5;
-	color: #212529;
-	background-color: #fff;
+	font-family: var(--bs-body-font-family);
+	font-size: var(--bs-body-font-size);
+	font-weight: var(--bs-body-font-weight);
+	line-height: var(--bs-body-line-height);
+	color: var(--bs-body-color);
+	text-align: var(--bs-body-text-align);
+	background-color: var(--bs-body-bg);
 	-webkit-text-size-adjust: 100%;
 	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
@@ -631,16 +659,16 @@ progress {
 	--bs-gutter-y: 0;
 	display: flex;
 	flex-wrap: wrap;
-	margin-top: calc(var(--bs-gutter-y) * -1);
-	margin-right: calc(var(--bs-gutter-x) / -2);
-	margin-left: calc(var(--bs-gutter-x) / -2);
+	margin-top: calc(-1 * var(--bs-gutter-y));
+	margin-right: calc(-.5 * var(--bs-gutter-x));
+	margin-left: calc(-.5 * var(--bs-gutter-x));
 }
 .row > * {
 	flex-shrink: 0;
 	width: 100%;
 	max-width: 100%;
-	padding-right: calc(var(--bs-gutter-x) / 2);
-	padding-left: calc(var(--bs-gutter-x) / 2);
+	padding-right: calc(var(--bs-gutter-x) * .5);
+	padding-left: calc(var(--bs-gutter-x) * .5);
 	margin-top: var(--bs-gutter-y);
 }
 
@@ -690,12 +718,12 @@ progress {
 
 .col-1 {
 	flex: 0 0 auto;
-	width: 8.3333333333%;
+	width: 8.33333333%;
 }
 
 .col-2 {
 	flex: 0 0 auto;
-	width: 16.6666666667%;
+	width: 16.66666667%;
 }
 
 .col-3 {
@@ -705,12 +733,12 @@ progress {
 
 .col-4 {
 	flex: 0 0 auto;
-	width: 33.3333333333%;
+	width: 33.33333333%;
 }
 
 .col-5 {
 	flex: 0 0 auto;
-	width: 41.6666666667%;
+	width: 41.66666667%;
 }
 
 .col-6 {
@@ -720,12 +748,12 @@ progress {
 
 .col-7 {
 	flex: 0 0 auto;
-	width: 58.3333333333%;
+	width: 58.33333333%;
 }
 
 .col-8 {
 	flex: 0 0 auto;
-	width: 66.6666666667%;
+	width: 66.66666667%;
 }
 
 .col-9 {
@@ -735,12 +763,12 @@ progress {
 
 .col-10 {
 	flex: 0 0 auto;
-	width: 83.3333333333%;
+	width: 83.33333333%;
 }
 
 .col-11 {
 	flex: 0 0 auto;
-	width: 91.6666666667%;
+	width: 91.66666667%;
 }
 
 .col-12 {
@@ -749,11 +777,11 @@ progress {
 }
 
 .offset-1 {
-	margin-left: 8.3333333333%;
+	margin-left: 8.33333333%;
 }
 
 .offset-2 {
-	margin-left: 16.6666666667%;
+	margin-left: 16.66666667%;
 }
 
 .offset-3 {
@@ -761,11 +789,11 @@ progress {
 }
 
 .offset-4 {
-	margin-left: 33.3333333333%;
+	margin-left: 33.33333333%;
 }
 
 .offset-5 {
-	margin-left: 41.6666666667%;
+	margin-left: 41.66666667%;
 }
 
 .offset-6 {
@@ -773,11 +801,11 @@ progress {
 }
 
 .offset-7 {
-	margin-left: 58.3333333333%;
+	margin-left: 58.33333333%;
 }
 
 .offset-8 {
-	margin-left: 66.6666666667%;
+	margin-left: 66.66666667%;
 }
 
 .offset-9 {
@@ -785,11 +813,11 @@ progress {
 }
 
 .offset-10 {
-	margin-left: 83.3333333333%;
+	margin-left: 83.33333333%;
 }
 
 .offset-11 {
-	margin-left: 91.6666666667%;
+	margin-left: 91.66666667%;
 }
 
 .g-0,
@@ -899,12 +927,12 @@ progress {
 
 	.col-sm-1 {
 		flex: 0 0 auto;
-		width: 8.3333333333%;
+		width: 8.33333333%;
 	}
 
 	.col-sm-2 {
 		flex: 0 0 auto;
-		width: 16.6666666667%;
+		width: 16.66666667%;
 	}
 
 	.col-sm-3 {
@@ -914,12 +942,12 @@ progress {
 
 	.col-sm-4 {
 		flex: 0 0 auto;
-		width: 33.3333333333%;
+		width: 33.33333333%;
 	}
 
 	.col-sm-5 {
 		flex: 0 0 auto;
-		width: 41.6666666667%;
+		width: 41.66666667%;
 	}
 
 	.col-sm-6 {
@@ -929,12 +957,12 @@ progress {
 
 	.col-sm-7 {
 		flex: 0 0 auto;
-		width: 58.3333333333%;
+		width: 58.33333333%;
 	}
 
 	.col-sm-8 {
 		flex: 0 0 auto;
-		width: 66.6666666667%;
+		width: 66.66666667%;
 	}
 
 	.col-sm-9 {
@@ -944,12 +972,12 @@ progress {
 
 	.col-sm-10 {
 		flex: 0 0 auto;
-		width: 83.3333333333%;
+		width: 83.33333333%;
 	}
 
 	.col-sm-11 {
 		flex: 0 0 auto;
-		width: 91.6666666667%;
+		width: 91.66666667%;
 	}
 
 	.col-sm-12 {
@@ -962,11 +990,11 @@ progress {
 	}
 
 	.offset-sm-1 {
-		margin-left: 8.3333333333%;
+		margin-left: 8.33333333%;
 	}
 
 	.offset-sm-2 {
-		margin-left: 16.6666666667%;
+		margin-left: 16.66666667%;
 	}
 
 	.offset-sm-3 {
@@ -974,11 +1002,11 @@ progress {
 	}
 
 	.offset-sm-4 {
-		margin-left: 33.3333333333%;
+		margin-left: 33.33333333%;
 	}
 
 	.offset-sm-5 {
-		margin-left: 41.6666666667%;
+		margin-left: 41.66666667%;
 	}
 
 	.offset-sm-6 {
@@ -986,11 +1014,11 @@ progress {
 	}
 
 	.offset-sm-7 {
-		margin-left: 58.3333333333%;
+		margin-left: 58.33333333%;
 	}
 
 	.offset-sm-8 {
-		margin-left: 66.6666666667%;
+		margin-left: 66.66666667%;
 	}
 
 	.offset-sm-9 {
@@ -998,11 +1026,11 @@ progress {
 	}
 
 	.offset-sm-10 {
-		margin-left: 83.3333333333%;
+		margin-left: 83.33333333%;
 	}
 
 	.offset-sm-11 {
-		margin-left: 91.6666666667%;
+		margin-left: 91.66666667%;
 	}
 
 	.g-sm-0,
@@ -1112,12 +1140,12 @@ progress {
 
 	.col-md-1 {
 		flex: 0 0 auto;
-		width: 8.3333333333%;
+		width: 8.33333333%;
 	}
 
 	.col-md-2 {
 		flex: 0 0 auto;
-		width: 16.6666666667%;
+		width: 16.66666667%;
 	}
 
 	.col-md-3 {
@@ -1127,12 +1155,12 @@ progress {
 
 	.col-md-4 {
 		flex: 0 0 auto;
-		width: 33.3333333333%;
+		width: 33.33333333%;
 	}
 
 	.col-md-5 {
 		flex: 0 0 auto;
-		width: 41.6666666667%;
+		width: 41.66666667%;
 	}
 
 	.col-md-6 {
@@ -1142,12 +1170,12 @@ progress {
 
 	.col-md-7 {
 		flex: 0 0 auto;
-		width: 58.3333333333%;
+		width: 58.33333333%;
 	}
 
 	.col-md-8 {
 		flex: 0 0 auto;
-		width: 66.6666666667%;
+		width: 66.66666667%;
 	}
 
 	.col-md-9 {
@@ -1157,12 +1185,12 @@ progress {
 
 	.col-md-10 {
 		flex: 0 0 auto;
-		width: 83.3333333333%;
+		width: 83.33333333%;
 	}
 
 	.col-md-11 {
 		flex: 0 0 auto;
-		width: 91.6666666667%;
+		width: 91.66666667%;
 	}
 
 	.col-md-12 {
@@ -1175,11 +1203,11 @@ progress {
 	}
 
 	.offset-md-1 {
-		margin-left: 8.3333333333%;
+		margin-left: 8.33333333%;
 	}
 
 	.offset-md-2 {
-		margin-left: 16.6666666667%;
+		margin-left: 16.66666667%;
 	}
 
 	.offset-md-3 {
@@ -1187,11 +1215,11 @@ progress {
 	}
 
 	.offset-md-4 {
-		margin-left: 33.3333333333%;
+		margin-left: 33.33333333%;
 	}
 
 	.offset-md-5 {
-		margin-left: 41.6666666667%;
+		margin-left: 41.66666667%;
 	}
 
 	.offset-md-6 {
@@ -1199,11 +1227,11 @@ progress {
 	}
 
 	.offset-md-7 {
-		margin-left: 58.3333333333%;
+		margin-left: 58.33333333%;
 	}
 
 	.offset-md-8 {
-		margin-left: 66.6666666667%;
+		margin-left: 66.66666667%;
 	}
 
 	.offset-md-9 {
@@ -1211,11 +1239,11 @@ progress {
 	}
 
 	.offset-md-10 {
-		margin-left: 83.3333333333%;
+		margin-left: 83.33333333%;
 	}
 
 	.offset-md-11 {
-		margin-left: 91.6666666667%;
+		margin-left: 91.66666667%;
 	}
 
 	.g-md-0,
@@ -1325,12 +1353,12 @@ progress {
 
 	.col-lg-1 {
 		flex: 0 0 auto;
-		width: 8.3333333333%;
+		width: 8.33333333%;
 	}
 
 	.col-lg-2 {
 		flex: 0 0 auto;
-		width: 16.6666666667%;
+		width: 16.66666667%;
 	}
 
 	.col-lg-3 {
@@ -1340,12 +1368,12 @@ progress {
 
 	.col-lg-4 {
 		flex: 0 0 auto;
-		width: 33.3333333333%;
+		width: 33.33333333%;
 	}
 
 	.col-lg-5 {
 		flex: 0 0 auto;
-		width: 41.6666666667%;
+		width: 41.66666667%;
 	}
 
 	.col-lg-6 {
@@ -1355,12 +1383,12 @@ progress {
 
 	.col-lg-7 {
 		flex: 0 0 auto;
-		width: 58.3333333333%;
+		width: 58.33333333%;
 	}
 
 	.col-lg-8 {
 		flex: 0 0 auto;
-		width: 66.6666666667%;
+		width: 66.66666667%;
 	}
 
 	.col-lg-9 {
@@ -1370,12 +1398,12 @@ progress {
 
 	.col-lg-10 {
 		flex: 0 0 auto;
-		width: 83.3333333333%;
+		width: 83.33333333%;
 	}
 
 	.col-lg-11 {
 		flex: 0 0 auto;
-		width: 91.6666666667%;
+		width: 91.66666667%;
 	}
 
 	.col-lg-12 {
@@ -1388,11 +1416,11 @@ progress {
 	}
 
 	.offset-lg-1 {
-		margin-left: 8.3333333333%;
+		margin-left: 8.33333333%;
 	}
 
 	.offset-lg-2 {
-		margin-left: 16.6666666667%;
+		margin-left: 16.66666667%;
 	}
 
 	.offset-lg-3 {
@@ -1400,11 +1428,11 @@ progress {
 	}
 
 	.offset-lg-4 {
-		margin-left: 33.3333333333%;
+		margin-left: 33.33333333%;
 	}
 
 	.offset-lg-5 {
-		margin-left: 41.6666666667%;
+		margin-left: 41.66666667%;
 	}
 
 	.offset-lg-6 {
@@ -1412,11 +1440,11 @@ progress {
 	}
 
 	.offset-lg-7 {
-		margin-left: 58.3333333333%;
+		margin-left: 58.33333333%;
 	}
 
 	.offset-lg-8 {
-		margin-left: 66.6666666667%;
+		margin-left: 66.66666667%;
 	}
 
 	.offset-lg-9 {
@@ -1424,11 +1452,11 @@ progress {
 	}
 
 	.offset-lg-10 {
-		margin-left: 83.3333333333%;
+		margin-left: 83.33333333%;
 	}
 
 	.offset-lg-11 {
-		margin-left: 91.6666666667%;
+		margin-left: 91.66666667%;
 	}
 
 	.g-lg-0,
@@ -1538,12 +1566,12 @@ progress {
 
 	.col-xl-1 {
 		flex: 0 0 auto;
-		width: 8.3333333333%;
+		width: 8.33333333%;
 	}
 
 	.col-xl-2 {
 		flex: 0 0 auto;
-		width: 16.6666666667%;
+		width: 16.66666667%;
 	}
 
 	.col-xl-3 {
@@ -1553,12 +1581,12 @@ progress {
 
 	.col-xl-4 {
 		flex: 0 0 auto;
-		width: 33.3333333333%;
+		width: 33.33333333%;
 	}
 
 	.col-xl-5 {
 		flex: 0 0 auto;
-		width: 41.6666666667%;
+		width: 41.66666667%;
 	}
 
 	.col-xl-6 {
@@ -1568,12 +1596,12 @@ progress {
 
 	.col-xl-7 {
 		flex: 0 0 auto;
-		width: 58.3333333333%;
+		width: 58.33333333%;
 	}
 
 	.col-xl-8 {
 		flex: 0 0 auto;
-		width: 66.6666666667%;
+		width: 66.66666667%;
 	}
 
 	.col-xl-9 {
@@ -1583,12 +1611,12 @@ progress {
 
 	.col-xl-10 {
 		flex: 0 0 auto;
-		width: 83.3333333333%;
+		width: 83.33333333%;
 	}
 
 	.col-xl-11 {
 		flex: 0 0 auto;
-		width: 91.6666666667%;
+		width: 91.66666667%;
 	}
 
 	.col-xl-12 {
@@ -1601,11 +1629,11 @@ progress {
 	}
 
 	.offset-xl-1 {
-		margin-left: 8.3333333333%;
+		margin-left: 8.33333333%;
 	}
 
 	.offset-xl-2 {
-		margin-left: 16.6666666667%;
+		margin-left: 16.66666667%;
 	}
 
 	.offset-xl-3 {
@@ -1613,11 +1641,11 @@ progress {
 	}
 
 	.offset-xl-4 {
-		margin-left: 33.3333333333%;
+		margin-left: 33.33333333%;
 	}
 
 	.offset-xl-5 {
-		margin-left: 41.6666666667%;
+		margin-left: 41.66666667%;
 	}
 
 	.offset-xl-6 {
@@ -1625,11 +1653,11 @@ progress {
 	}
 
 	.offset-xl-7 {
-		margin-left: 58.3333333333%;
+		margin-left: 58.33333333%;
 	}
 
 	.offset-xl-8 {
-		margin-left: 66.6666666667%;
+		margin-left: 66.66666667%;
 	}
 
 	.offset-xl-9 {
@@ -1637,11 +1665,11 @@ progress {
 	}
 
 	.offset-xl-10 {
-		margin-left: 83.3333333333%;
+		margin-left: 83.33333333%;
 	}
 
 	.offset-xl-11 {
-		margin-left: 91.6666666667%;
+		margin-left: 91.66666667%;
 	}
 
 	.g-xl-0,
@@ -1751,12 +1779,12 @@ progress {
 
 	.col-xxl-1 {
 		flex: 0 0 auto;
-		width: 8.3333333333%;
+		width: 8.33333333%;
 	}
 
 	.col-xxl-2 {
 		flex: 0 0 auto;
-		width: 16.6666666667%;
+		width: 16.66666667%;
 	}
 
 	.col-xxl-3 {
@@ -1766,12 +1794,12 @@ progress {
 
 	.col-xxl-4 {
 		flex: 0 0 auto;
-		width: 33.3333333333%;
+		width: 33.33333333%;
 	}
 
 	.col-xxl-5 {
 		flex: 0 0 auto;
-		width: 41.6666666667%;
+		width: 41.66666667%;
 	}
 
 	.col-xxl-6 {
@@ -1781,12 +1809,12 @@ progress {
 
 	.col-xxl-7 {
 		flex: 0 0 auto;
-		width: 58.3333333333%;
+		width: 58.33333333%;
 	}
 
 	.col-xxl-8 {
 		flex: 0 0 auto;
-		width: 66.6666666667%;
+		width: 66.66666667%;
 	}
 
 	.col-xxl-9 {
@@ -1796,12 +1824,12 @@ progress {
 
 	.col-xxl-10 {
 		flex: 0 0 auto;
-		width: 83.3333333333%;
+		width: 83.33333333%;
 	}
 
 	.col-xxl-11 {
 		flex: 0 0 auto;
-		width: 91.6666666667%;
+		width: 91.66666667%;
 	}
 
 	.col-xxl-12 {
@@ -1814,11 +1842,11 @@ progress {
 	}
 
 	.offset-xxl-1 {
-		margin-left: 8.3333333333%;
+		margin-left: 8.33333333%;
 	}
 
 	.offset-xxl-2 {
-		margin-left: 16.6666666667%;
+		margin-left: 16.66666667%;
 	}
 
 	.offset-xxl-3 {
@@ -1826,11 +1854,11 @@ progress {
 	}
 
 	.offset-xxl-4 {
-		margin-left: 33.3333333333%;
+		margin-left: 33.33333333%;
 	}
 
 	.offset-xxl-5 {
-		margin-left: 41.6666666667%;
+		margin-left: 41.66666667%;
 	}
 
 	.offset-xxl-6 {
@@ -1838,11 +1866,11 @@ progress {
 	}
 
 	.offset-xxl-7 {
-		margin-left: 58.3333333333%;
+		margin-left: 58.33333333%;
 	}
 
 	.offset-xxl-8 {
-		margin-left: 66.6666666667%;
+		margin-left: 66.66666667%;
 	}
 
 	.offset-xxl-9 {
@@ -1850,11 +1878,11 @@ progress {
 	}
 
 	.offset-xxl-10 {
-		margin-left: 83.3333333333%;
+		margin-left: 83.33333333%;
 	}
 
 	.offset-xxl-11 {
-		margin-left: 91.6666666667%;
+		margin-left: 91.66666667%;
 	}
 
 	.g-xxl-0,
@@ -1919,6 +1947,7 @@ progress {
 }
 .table {
 	--bs-table-bg: transparent;
+	--bs-table-accent-bg: transparent;
 	--bs-table-striped-color: #212529;
 	--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
 	--bs-table-active-color: #212529;
@@ -1943,8 +1972,8 @@ progress {
 .table > thead {
 	vertical-align: bottom;
 }
-.table > :not(:last-child) > :last-child > * {
-	border-bottom-color: currentColor;
+.table > :not(:first-child) {
+	border-top: 2px solid currentColor;
 }
 
 .caption-top {
@@ -1965,8 +1994,11 @@ progress {
 .table-borderless > :not(caption) > * > * {
 	border-bottom-width: 0;
 }
+.table-borderless > :not(:first-child) {
+	border-top-width: 0;
+}
 
-.table-striped > tbody > tr:nth-of-type(odd) {
+.table-striped > tbody > tr:nth-of-type(odd) > * {
 	--bs-table-accent-bg: var(--bs-table-striped-bg);
 	color: var(--bs-table-striped-color);
 }
@@ -1976,7 +2008,7 @@ progress {
 	color: var(--bs-table-active-color);
 }
 
-.table-hover > tbody > tr:hover {
+.table-hover > tbody > tr:hover > * {
 	--bs-table-accent-bg: var(--bs-table-hover-bg);
 	color: var(--bs-table-hover-color);
 }
@@ -2165,7 +2197,7 @@ progress {
 .form-control[type=file] {
 	overflow: hidden;
 }
-.form-control[type=file]:not(:disabled):not(:read-only) {
+.form-control[type=file]:not(:disabled):not([readonly]) {
 	cursor: pointer;
 }
 .form-control:focus {
@@ -2182,7 +2214,7 @@ progress {
 	color: #6c757d;
 	opacity: 1;
 }
-.form-control:disabled, .form-control:read-only {
+.form-control:disabled, .form-control[readonly] {
 	background-color: #e9ecef;
 	opacity: 1;
 }
@@ -2205,7 +2237,7 @@ progress {
 		transition: none;
 	}
 }
-.form-control:hover:not(:disabled):not(:read-only)::file-selector-button {
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
 	background-color: #dde0e3;
 }
 .form-control::-webkit-file-upload-button {
@@ -2227,7 +2259,7 @@ progress {
 		transition: none;
 	}
 }
-.form-control:hover:not(:disabled):not(:read-only)::-webkit-file-upload-button {
+.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
 	background-color: #dde0e3;
 }
 
@@ -2292,11 +2324,11 @@ textarea.form-control-lg {
 }
 
 .form-control-color {
-	max-width: 3rem;
+	width: 3rem;
 	height: auto;
 	padding: 0.375rem;
 }
-.form-control-color:not(:disabled):not(:read-only) {
+.form-control-color:not(:disabled):not([readonly]) {
 	cursor: pointer;
 }
 .form-control-color::-moz-color-swatch {
@@ -2312,6 +2344,7 @@ textarea.form-control-lg {
 	display: block;
 	width: 100%;
 	padding: 0.375rem 2.25rem 0.375rem 0.75rem;
+	-moz-padding-start: calc(0.75rem - 3px);
 	font-size: 1rem;
 	font-weight: 400;
 	line-height: 1.5;
@@ -2323,8 +2356,14 @@ textarea.form-control-lg {
 	background-size: 16px 12px;
 	border: 1px solid #ced4da;
 	border-radius: 0.25rem;
+	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 	appearance: none;
 }
+@media (prefers-reduced-motion: reduce) {
+	.form-select {
+		transition: none;
+	}
+}
 .form-select:focus {
 	border-color: #86b7fe;
 	outline: 0;
@@ -2347,6 +2386,7 @@ textarea.form-control-lg {
 	padding-bottom: 0.25rem;
 	padding-left: 0.5rem;
 	font-size: 0.875rem;
+	border-radius: 0.2rem;
 }
 
 .form-select-lg {
@@ -2354,6 +2394,7 @@ textarea.form-control-lg {
 	padding-bottom: 0.5rem;
 	padding-left: 1rem;
 	font-size: 1.25rem;
+	border-radius: 0.3rem;
 }
 
 .form-check {
@@ -2546,7 +2587,7 @@ textarea.form-control-lg {
 .form-floating > .form-control,
 .form-floating > .form-select {
 	height: calc(3.5rem + 2px);
-	padding: 1rem 0.75rem;
+	line-height: 1.25;
 }
 .form-floating > label {
 	position: absolute;
@@ -2564,6 +2605,9 @@ textarea.form-control-lg {
 		transition: none;
 	}
 }
+.form-floating > .form-control {
+	padding: 1rem 0.75rem;
+}
 .form-floating > .form-control::placeholder {
 	color: transparent;
 }
@@ -2751,6 +2795,11 @@ textarea.form-control-lg {
 .was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
 .was-validated .input-group .form-select:valid,
 .input-group .form-select.is-valid {
+	z-index: 1;
+}
+.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
+.was-validated .input-group .form-select:valid:focus,
+.input-group .form-select.is-valid:focus {
 	z-index: 3;
 }
 
@@ -2835,6 +2884,11 @@ textarea.form-control-lg {
 .was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
 .was-validated .input-group .form-select:invalid,
 .input-group .form-select.is-invalid {
+	z-index: 2;
+}
+.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
+.was-validated .input-group .form-select:invalid:focus,
+.input-group .form-select.is-invalid:focus {
 	z-index: 3;
 }
 
@@ -3362,6 +3416,16 @@ textarea.form-control-lg {
 		transition: none;
 	}
 }
+.collapsing.collapse-horizontal {
+	width: 0;
+	height: auto;
+	transition: width 0.35s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+	.collapsing.collapse-horizontal {
+		transition: none;
+	}
+}
 
 .dropup,
 .dropend,
@@ -3413,16 +3477,16 @@ textarea.form-control-lg {
 	--bs-position: start;
 }
 .dropdown-menu-start[data-bs-popper] {
-	right: auto /* rtl:ignore */;
-	left: 0 /* rtl:ignore */;
+	right: auto;
+	left: 0;
 }
 
 .dropdown-menu-end {
 	--bs-position: end;
 }
 .dropdown-menu-end[data-bs-popper] {
-	right: 0 /* rtl:ignore */;
-	left: auto /* rtl:ignore */;
+	right: 0;
+	left: auto;
 }
 
 @media (min-width: 576px) {
@@ -3430,16 +3494,16 @@ textarea.form-control-lg {
 		--bs-position: start;
 	}
 	.dropdown-menu-sm-start[data-bs-popper] {
-		right: auto /* rtl:ignore */;
-		left: 0 /* rtl:ignore */;
+		right: auto;
+		left: 0;
 	}
 
 	.dropdown-menu-sm-end {
 		--bs-position: end;
 	}
 	.dropdown-menu-sm-end[data-bs-popper] {
-		right: 0 /* rtl:ignore */;
-		left: auto /* rtl:ignore */;
+		right: 0;
+		left: auto;
 	}
 }
 @media (min-width: 768px) {
@@ -3447,16 +3511,16 @@ textarea.form-control-lg {
 		--bs-position: start;
 	}
 	.dropdown-menu-md-start[data-bs-popper] {
-		right: auto /* rtl:ignore */;
-		left: 0 /* rtl:ignore */;
+		right: auto;
+		left: 0;
 	}
 
 	.dropdown-menu-md-end {
 		--bs-position: end;
 	}
 	.dropdown-menu-md-end[data-bs-popper] {
-		right: 0 /* rtl:ignore */;
-		left: auto /* rtl:ignore */;
+		right: 0;
+		left: auto;
 	}
 }
 @media (min-width: 992px) {
@@ -3464,16 +3528,16 @@ textarea.form-control-lg {
 		--bs-position: start;
 	}
 	.dropdown-menu-lg-start[data-bs-popper] {
-		right: auto /* rtl:ignore */;
-		left: 0 /* rtl:ignore */;
+		right: auto;
+		left: 0;
 	}
 
 	.dropdown-menu-lg-end {
 		--bs-position: end;
 	}
 	.dropdown-menu-lg-end[data-bs-popper] {
-		right: 0 /* rtl:ignore */;
-		left: auto /* rtl:ignore */;
+		right: 0;
+		left: auto;
 	}
 }
 @media (min-width: 1200px) {
@@ -3481,16 +3545,16 @@ textarea.form-control-lg {
 		--bs-position: start;
 	}
 	.dropdown-menu-xl-start[data-bs-popper] {
-		right: auto /* rtl:ignore */;
-		left: 0 /* rtl:ignore */;
+		right: auto;
+		left: 0;
 	}
 
 	.dropdown-menu-xl-end {
 		--bs-position: end;
 	}
 	.dropdown-menu-xl-end[data-bs-popper] {
-		right: 0 /* rtl:ignore */;
-		left: auto /* rtl:ignore */;
+		right: 0;
+		left: auto;
 	}
 }
 @media (min-width: 1400px) {
@@ -3498,16 +3562,16 @@ textarea.form-control-lg {
 		--bs-position: start;
 	}
 	.dropdown-menu-xxl-start[data-bs-popper] {
-		right: auto /* rtl:ignore */;
-		left: 0 /* rtl:ignore */;
+		right: auto;
+		left: 0;
 	}
 
 	.dropdown-menu-xxl-end {
 		--bs-position: end;
 	}
 	.dropdown-menu-xxl-end[data-bs-popper] {
-		right: 0 /* rtl:ignore */;
-		left: auto /* rtl:ignore */;
+		right: 0;
+		left: auto;
 	}
 }
 .dropup .dropdown-menu[data-bs-popper] {
@@ -3979,6 +4043,33 @@ textarea.form-control-lg {
 	.navbar-expand-sm .navbar-toggler {
 		display: none;
 	}
+	.navbar-expand-sm .offcanvas-header {
+		display: none;
+	}
+	.navbar-expand-sm .offcanvas {
+		position: inherit;
+		bottom: 0;
+		z-index: 1000;
+		flex-grow: 1;
+		visibility: visible !important;
+		background-color: transparent;
+		border-right: 0;
+		border-left: 0;
+		transition: none;
+		transform: none;
+	}
+	.navbar-expand-sm .offcanvas-top,
+.navbar-expand-sm .offcanvas-bottom {
+		height: auto;
+		border-top: 0;
+		border-bottom: 0;
+	}
+	.navbar-expand-sm .offcanvas-body {
+		display: flex;
+		flex-grow: 0;
+		padding: 0;
+		overflow-y: visible;
+	}
 }
 @media (min-width: 768px) {
 	.navbar-expand-md {
@@ -4005,6 +4096,33 @@ textarea.form-control-lg {
 	.navbar-expand-md .navbar-toggler {
 		display: none;
 	}
+	.navbar-expand-md .offcanvas-header {
+		display: none;
+	}
+	.navbar-expand-md .offcanvas {
+		position: inherit;
+		bottom: 0;
+		z-index: 1000;
+		flex-grow: 1;
+		visibility: visible !important;
+		background-color: transparent;
+		border-right: 0;
+		border-left: 0;
+		transition: none;
+		transform: none;
+	}
+	.navbar-expand-md .offcanvas-top,
+.navbar-expand-md .offcanvas-bottom {
+		height: auto;
+		border-top: 0;
+		border-bottom: 0;
+	}
+	.navbar-expand-md .offcanvas-body {
+		display: flex;
+		flex-grow: 0;
+		padding: 0;
+		overflow-y: visible;
+	}
 }
 @media (min-width: 992px) {
 	.navbar-expand-lg {
@@ -4031,6 +4149,33 @@ textarea.form-control-lg {
 	.navbar-expand-lg .navbar-toggler {
 		display: none;
 	}
+	.navbar-expand-lg .offcanvas-header {
+		display: none;
+	}
+	.navbar-expand-lg .offcanvas {
+		position: inherit;
+		bottom: 0;
+		z-index: 1000;
+		flex-grow: 1;
+		visibility: visible !important;
+		background-color: transparent;
+		border-right: 0;
+		border-left: 0;
+		transition: none;
+		transform: none;
+	}
+	.navbar-expand-lg .offcanvas-top,
+.navbar-expand-lg .offcanvas-bottom {
+		height: auto;
+		border-top: 0;
+		border-bottom: 0;
+	}
+	.navbar-expand-lg .offcanvas-body {
+		display: flex;
+		flex-grow: 0;
+		padding: 0;
+		overflow-y: visible;
+	}
 }
 @media (min-width: 1200px) {
 	.navbar-expand-xl {
@@ -4057,6 +4202,33 @@ textarea.form-control-lg {
 	.navbar-expand-xl .navbar-toggler {
 		display: none;
 	}
+	.navbar-expand-xl .offcanvas-header {
+		display: none;
+	}
+	.navbar-expand-xl .offcanvas {
+		position: inherit;
+		bottom: 0;
+		z-index: 1000;
+		flex-grow: 1;
+		visibility: visible !important;
+		background-color: transparent;
+		border-right: 0;
+		border-left: 0;
+		transition: none;
+		transform: none;
+	}
+	.navbar-expand-xl .offcanvas-top,
+.navbar-expand-xl .offcanvas-bottom {
+		height: auto;
+		border-top: 0;
+		border-bottom: 0;
+	}
+	.navbar-expand-xl .offcanvas-body {
+		display: flex;
+		flex-grow: 0;
+		padding: 0;
+		overflow-y: visible;
+	}
 }
 @media (min-width: 1400px) {
 	.navbar-expand-xxl {
@@ -4083,6 +4255,33 @@ textarea.form-control-lg {
 	.navbar-expand-xxl .navbar-toggler {
 		display: none;
 	}
+	.navbar-expand-xxl .offcanvas-header {
+		display: none;
+	}
+	.navbar-expand-xxl .offcanvas {
+		position: inherit;
+		bottom: 0;
+		z-index: 1000;
+		flex-grow: 1;
+		visibility: visible !important;
+		background-color: transparent;
+		border-right: 0;
+		border-left: 0;
+		transition: none;
+		transform: none;
+	}
+	.navbar-expand-xxl .offcanvas-top,
+.navbar-expand-xxl .offcanvas-bottom {
+		height: auto;
+		border-top: 0;
+		border-bottom: 0;
+	}
+	.navbar-expand-xxl .offcanvas-body {
+		display: flex;
+		flex-grow: 0;
+		padding: 0;
+		overflow-y: visible;
+	}
 }
 .navbar-expand {
 	flex-wrap: nowrap;
@@ -4108,6 +4307,33 @@ textarea.form-control-lg {
 .navbar-expand .navbar-toggler {
 	display: none;
 }
+.navbar-expand .offcanvas-header {
+	display: none;
+}
+.navbar-expand .offcanvas {
+	position: inherit;
+	bottom: 0;
+	z-index: 1000;
+	flex-grow: 1;
+	visibility: visible !important;
+	background-color: transparent;
+	border-right: 0;
+	border-left: 0;
+	transition: none;
+	transform: none;
+}
+.navbar-expand .offcanvas-top,
+.navbar-expand .offcanvas-bottom {
+	height: auto;
+	border-top: 0;
+	border-bottom: 0;
+}
+.navbar-expand .offcanvas-body {
+	display: flex;
+	flex-grow: 0;
+	padding: 0;
+	overflow-y: visible;
+}
 
 .navbar-light .navbar-brand {
 	color: rgba(0, 0, 0, 0.9);
@@ -4231,9 +4457,6 @@ textarea.form-control-lg {
 	margin-bottom: 0;
 }
 
-.card-link:hover {
-	text-decoration: none;
-}
 .card-link + .card-link {
 	margin-left: 1rem;
 }
@@ -5099,10 +5322,10 @@ textarea.form-control-lg {
 	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
 	border-radius: 0.25rem;
 }
-.toast:not(.showing):not(.show) {
+.toast.showing {
 	opacity: 0;
 }
-.toast.hide {
+.toast:not(.show) {
 	display: none;
 }
 
@@ -5136,23 +5359,16 @@ textarea.form-control-lg {
 	word-wrap: break-word;
 }
 
-.modal-open {
-	overflow: hidden;
-}
-.modal-open .modal {
-	overflow-x: hidden;
-	overflow-y: auto;
-}
-
 .modal {
 	position: fixed;
 	top: 0;
 	left: 0;
-	z-index: 1060;
+	z-index: 1055;
 	display: none;
 	width: 100%;
 	height: 100%;
-	overflow: hidden;
+	overflow-x: hidden;
+	overflow-y: auto;
 	outline: 0;
 }
 
@@ -5212,7 +5428,7 @@ textarea.form-control-lg {
 	position: fixed;
 	top: 0;
 	left: 0;
-	z-index: 1040;
+	z-index: 1050;
 	width: 100vw;
 	height: 100vh;
 	background-color: #000;
@@ -5642,7 +5858,7 @@ textarea.form-control-lg {
 	margin-bottom: 0;
 	font-size: 1rem;
 	background-color: #f0f0f0;
-	border-bottom: 1px solid #d8d8d8;
+	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 	border-top-left-radius: calc(0.3rem - 1px);
 	border-top-right-radius: calc(0.3rem - 1px);
 }
@@ -5917,7 +6133,7 @@ textarea.form-control-lg {
 .offcanvas {
 	position: fixed;
 	bottom: 0;
-	z-index: 1050;
+	z-index: 1045;
 	display: flex;
 	flex-direction: column;
 	max-width: 100%;
@@ -5933,6 +6149,22 @@ textarea.form-control-lg {
 	}
 }
 
+.offcanvas-backdrop {
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 1040;
+	width: 100vw;
+	height: 100vh;
+	background-color: #000;
+}
+.offcanvas-backdrop.fade {
+	opacity: 0;
+}
+.offcanvas-backdrop.show {
+	opacity: 0.5;
+}
+
 .offcanvas-header {
 	display: flex;
 	align-items: center;
@@ -5941,7 +6173,9 @@ textarea.form-control-lg {
 }
 .offcanvas-header .btn-close {
 	padding: 0.5rem 0.5rem;
-	margin: -0.5rem -0.5rem -0.5rem auto;
+	margin-top: -0.5rem;
+	margin-right: -0.5rem;
+	margin-bottom: -0.5rem;
 }
 
 .offcanvas-title {
@@ -5994,6 +6228,51 @@ textarea.form-control-lg {
 	transform: none;
 }
 
+.placeholder {
+	display: inline-block;
+	min-height: 1em;
+	vertical-align: middle;
+	cursor: wait;
+	background-color: currentColor;
+	opacity: 0.5;
+}
+.placeholder.btn::before {
+	display: inline-block;
+	content: "";
+}
+
+.placeholder-xs {
+	min-height: 0.6em;
+}
+
+.placeholder-sm {
+	min-height: 0.8em;
+}
+
+.placeholder-lg {
+	min-height: 1.2em;
+}
+
+.placeholder-glow .placeholder {
+	animation: placeholder-glow 2s ease-in-out infinite;
+}
+
+@keyframes placeholder-glow {
+	50% {
+		opacity: 0.2;
+	}
+}
+.placeholder-wave {
+	mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
+	mask-size: 200% 100%;
+	animation: placeholder-wave 2s linear infinite;
+}
+
+@keyframes placeholder-wave {
+	100% {
+		mask-position: -200% 0%;
+	}
+}
 .clearfix::after {
 	display: block;
 	clear: both;
@@ -6146,6 +6425,20 @@ textarea.form-control-lg {
 		z-index: 1020;
 	}
 }
+.hstack {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	align-self: stretch;
+}
+
+.vstack {
+	display: flex;
+	flex: 1 1 auto;
+	flex-direction: column;
+	align-self: stretch;
+}
+
 .visually-hidden,
 .visually-hidden-focusable:not(:focus):not(:focus-within) {
 	position: absolute !important;
@@ -6175,6 +6468,15 @@ textarea.form-control-lg {
 	white-space: nowrap;
 }
 
+.vr {
+	display: inline-block;
+	align-self: stretch;
+	width: 1px;
+	min-height: 1em;
+	background-color: currentColor;
+	opacity: 0.25;
+}
+
 .align-baseline {
 	vertical-align: baseline !important;
 }
@@ -6211,6 +6513,26 @@ textarea.form-control-lg {
 	float: none !important;
 }
 
+.opacity-0 {
+	opacity: 0 !important;
+}
+
+.opacity-25 {
+	opacity: 0.25 !important;
+}
+
+.opacity-50 {
+	opacity: 0.5 !important;
+}
+
+.opacity-75 {
+	opacity: 0.75 !important;
+}
+
+.opacity-100 {
+	opacity: 1 !important;
+}
+
 .overflow-auto {
 	overflow: auto !important;
 }
@@ -7233,105 +7555,176 @@ textarea.form-control-lg {
 
 /* rtl:end:remove */
 .text-primary {
-	color: #0d6efd !important;
+	--bs-text-opacity: 1;
+	color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-secondary {
-	color: #6c757d !important;
+	--bs-text-opacity: 1;
+	color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-success {
-	color: #198754 !important;
+	--bs-text-opacity: 1;
+	color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-info {
-	color: #0dcaf0 !important;
+	--bs-text-opacity: 1;
+	color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-warning {
-	color: #ffc107 !important;
+	--bs-text-opacity: 1;
+	color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-danger {
-	color: #dc3545 !important;
+	--bs-text-opacity: 1;
+	color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-light {
-	color: #f8f9fa !important;
+	--bs-text-opacity: 1;
+	color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-dark {
-	color: #212529 !important;
+	--bs-text-opacity: 1;
+	color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
+}
+
+.text-black {
+	--bs-text-opacity: 1;
+	color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-white {
-	color: #fff !important;
+	--bs-text-opacity: 1;
+	color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-body {
-	color: #212529 !important;
+	--bs-text-opacity: 1;
+	color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-muted {
+	--bs-text-opacity: 1;
 	color: #6c757d !important;
 }
 
 .text-black-50 {
+	--bs-text-opacity: 1;
 	color: rgba(0, 0, 0, 0.5) !important;
 }
 
 .text-white-50 {
+	--bs-text-opacity: 1;
 	color: rgba(255, 255, 255, 0.5) !important;
 }
 
 .text-reset {
+	--bs-text-opacity: 1;
 	color: inherit !important;
 }
 
+.text-opacity-25 {
+	--bs-text-opacity: 0.25;
+}
+
+.text-opacity-50 {
+	--bs-text-opacity: 0.5;
+}
+
+.text-opacity-75 {
+	--bs-text-opacity: 0.75;
+}
+
+.text-opacity-100 {
+	--bs-text-opacity: 1;
+}
+
 .bg-primary {
-	background-color: #0d6efd !important;
+	--bs-bg-opacity: 1;
+	background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-secondary {
-	background-color: #6c757d !important;
+	--bs-bg-opacity: 1;
+	background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-success {
-	background-color: #198754 !important;
+	--bs-bg-opacity: 1;
+	background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-info {
-	background-color: #0dcaf0 !important;
+	--bs-bg-opacity: 1;
+	background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-warning {
-	background-color: #ffc107 !important;
+	--bs-bg-opacity: 1;
+	background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-danger {
-	background-color: #dc3545 !important;
+	--bs-bg-opacity: 1;
+	background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-light {
-	background-color: #f8f9fa !important;
+	--bs-bg-opacity: 1;
+	background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-dark {
-	background-color: #212529 !important;
+	--bs-bg-opacity: 1;
+	background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
 }
 
-.bg-body {
-	background-color: #fff !important;
+.bg-black {
+	--bs-bg-opacity: 1;
+	background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-white {
-	background-color: #fff !important;
+	--bs-bg-opacity: 1;
+	background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
+}
+
+.bg-body {
+	--bs-bg-opacity: 1;
+	background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-transparent {
+	--bs-bg-opacity: 1;
 	background-color: transparent !important;
 }
 
+.bg-opacity-10 {
+	--bs-bg-opacity: 0.1;
+}
+
+.bg-opacity-25 {
+	--bs-bg-opacity: 0.25;
+}
+
+.bg-opacity-50 {
+	--bs-bg-opacity: 0.5;
+}
+
+.bg-opacity-75 {
+	--bs-bg-opacity: 0.75;
+}
+
+.bg-opacity-100 {
+	--bs-bg-opacity: 1;
+}
+
 .bg-gradient {
 	background-image: var(--bs-gradient) !important;
 }