@coreui/coreui 5.1.2 → 5.3.0

package/dist/css/coreui.rtl.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /*!
- * CoreUI  v5.1.2 (https://coreui.io)
- * Copyright (c) 2024 creativeLabs Łukasz Holeczek
+ * CoreUI  v5.3.0 (https://coreui.io)
+ * Copyright (c) 2025 creativeLabs Łukasz Holeczek
  * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
  */
 :root,
@@ -59,7 +59,7 @@
   --cui-info-bg-subtle: #c0e6ff;
   --cui-warning-bg-subtle: #feecc5;
   --cui-danger-bg-subtle: #f9d4d4;
-  --cui-light-bg-subtle: #f9fafb;
+  --cui-light-bg-subtle: rgb(249, 249.5, 251);
   --cui-dark-bg-subtle: #cfd4de;
   --cui-primary-border-subtle: #9d92e6;
   --cui-secondary-border-subtle: #9da5b1;
@@ -78,18 +78,18 @@
   --cui-body-font-size: 1rem;
   --cui-body-font-weight: 400;
   --cui-body-line-height: 1.5;
-  --cui-body-color: rgba(37, 43, 54, 0.95);
-  --cui-body-color-rgb: 37, 43, 54;
+  --cui-body-color: rgba(37, 42.92, 54.02, 0.95);
+  --cui-body-color-rgb: 37, 42.92, 54.02;
   --cui-body-bg: #fff;
   --cui-body-bg-rgb: 255, 255, 255;
   --cui-emphasis-color: #080a0c;
   --cui-emphasis-color-rgb: 8, 10, 12;
-  --cui-secondary-color: rgba(37, 43, 54, 0.681);
-  --cui-secondary-color-rgb: 37, 43, 54;
+  --cui-secondary-color: rgba(37, 42.92, 54.02, 0.681);
+  --cui-secondary-color-rgb: 37, 42.92, 54.02;
   --cui-secondary-bg: #e7eaee;
   --cui-secondary-bg-rgb: 231, 234, 238;
-  --cui-tertiary-color: rgba(37, 43, 54, 0.38);
-  --cui-tertiary-color-rgb: 37, 43, 54;
+  --cui-tertiary-color: rgba(37, 42.92, 54.02, 0.38);
+  --cui-tertiary-color-rgb: 37, 42.92, 54.02;
   --cui-tertiary-bg: #f3f4f7;
   --cui-tertiary-bg-rgb: 243, 244, 247;
   --cui-body-color-dark: rgba(255, 255, 255, 0.87);
@@ -104,11 +104,11 @@
   --cui-secondary-bg-rgb-dark: 50, 58, 73;
   --cui-tertiary-color-dark: rgba(255, 255, 255, 0.38);
   --cui-tertiary-color-rgb-dark: 255, 255, 255;
-  --cui-tertiary-bg-dark: #2a303d;
-  --cui-tertiary-bg-rgb-dark: 42, 48, 61;
-  --cui-high-emphasis: rgba(37, 43, 54, 0.95);
-  --cui-medium-emphasis: rgba(37, 43, 54, 0.681);
-  --cui-disabled: rgba(37, 43, 54, 0.38);
+  --cui-tertiary-bg-dark: rgb(41.5, 48, 61);
+  --cui-tertiary-bg-rgb-dark: 41.5, 48, 61;
+  --cui-high-emphasis: rgba(37, 42.92, 54.02, 0.95);
+  --cui-medium-emphasis: rgba(37, 42.92, 54.02, 0.681);
+  --cui-disabled: rgba(37, 42.92, 54.02, 0.38);
   --cui-high-emphasis-inverse: rgba(255, 255, 255, 0.87);
   --cui-medium-emphasis-inverse: rgba(255, 255, 255, 0.6);
   --cui-disabled-inverse: rgba(255, 255, 255, 0.38);
@@ -116,11 +116,11 @@
   --cui-link-color: #5856d6;
   --cui-link-color-rgb: 88, 86, 214;
   --cui-link-decoration: underline;
-  --cui-link-hover-color: #4645ab;
-  --cui-link-hover-color-rgb: 70, 69, 171;
+  --cui-link-hover-color: rgb(70.4, 68.8, 171.2);
+  --cui-link-hover-color-rgb: 70.4, 68.8, 171.2;
   --cui-code-color: #d63384;
-  --cui-highlight-color: rgba(37, 43, 54, 0.95);
-  --cui-highlight-bg: #fff3cd;
+  --cui-highlight-color: rgba(37, 42.92, 54.02, 0.95);
+  --cui-highlight-bg: rgb(255, 242.6, 205.4);
   --cui-border-width: 1px;
   --cui-border-style: solid;
   --cui-border-color: #dbdfe6;
@@ -159,17 +159,17 @@
   --cui-secondary-bg-rgb: 50, 58, 73;
   --cui-tertiary-color: rgba(255, 255, 255, 0.38);
   --cui-tertiary-color-rgb: 255, 255, 255;
-  --cui-tertiary-bg: #2a303d;
-  --cui-tertiary-bg-rgb: 42, 48, 61;
+  --cui-tertiary-bg: rgb(41.5, 48, 61);
+  --cui-tertiary-bg-rgb: 41.5, 48, 61;
   --cui-high-emphasis: rgba(255, 255, 255, 0.87);
   --cui-medium-emphasis: rgba(255, 255, 255, 0.6);
   --cui-disabled: rgba(255, 255, 255, 0.38);
-  --cui-primary: #6261cc;
+  --cui-primary: rgb(94.2, 92.4, 207.6);
   --cui-secondary: #6b7785;
-  --cui-success: #249542;
-  --cui-info: #3d99f5;
-  --cui-warning: #edad21;
-  --cui-danger: #db5d5d;
+  --cui-success: rgb(33.55, 151.45, 65.05);
+  --cui-info: rgb(61.2, 153, 244.8);
+  --cui-warning: rgb(237.6, 172.8, 32.4);
+  --cui-danger: rgb(221.7, 90.3, 90.3);
   --cui-light: #f3f4f7;
   --cui-dark: #212631;
   --cui-gray-100: #f3f4f7;
@@ -181,20 +181,20 @@
   --cui-gray-700: #4a566d;
   --cui-gray-800: #323a49;
   --cui-gray-900: #212631;
-  --cui-primary-rgb: 98, 97, 204;
+  --cui-primary-rgb: 94.2, 92.4, 207.6;
   --cui-secondary-rgb: 107, 119, 133;
-  --cui-success-rgb: 36, 149, 66;
-  --cui-info-rgb: 61, 153, 245;
-  --cui-warning-rgb: 237, 173, 33;
-  --cui-danger-rgb: 219, 93, 93;
+  --cui-success-rgb: 33.55, 151.45, 65.05;
+  --cui-info-rgb: 61.2, 153, 244.8;
+  --cui-warning-rgb: 237.6, 172.8, 32.4;
+  --cui-danger-rgb: 221.7, 90.3, 90.3;
   --cui-light-rgb: 243, 244, 247;
   --cui-dark-rgb: 33, 38, 49;
-  --cui-primary-text-emphasis: #403f98;
+  --cui-primary-text-emphasis: rgb(59.35, 57.55, 157.45);
   --cui-secondary-text-emphasis: #212233;
-  --cui-success-text-emphasis: #145224;
-  --cui-info-text-emphasis: #1f4b70;
-  --cui-warning-text-emphasis: #70460b;
-  --cui-danger-text-emphasis: #611a1a;
+  --cui-success-text-emphasis: rgb(18.6, 83.4, 35.7);
+  --cui-info-text-emphasis: rgb(28.75, 75.55, 114.25);
+  --cui-warning-text-emphasis: rgb(112.35, 70.05, 10.65);
+  --cui-danger-text-emphasis: rgb(98.85, 24.15, 24.15);
   --cui-light-text-emphasis: #f3f4f7;
   --cui-dark-text-emphasis: #dbdfe6;
   --cui-primary-bg-subtle: #cfc7f3;
@@ -204,7 +204,7 @@
   --cui-warning-bg-subtle: #feecc5;
   --cui-danger-bg-subtle: #f9d4d4;
   --cui-light-bg-subtle: #323a49;
-  --cui-dark-bg-subtle: #1d222b;
+  --cui-dark-bg-subtle: rgb(29, 34, 42.5);
   --cui-primary-border-subtle: #9d92e6;
   --cui-secondary-border-subtle: #9da5b1;
   --cui-success-border-subtle: #96dbad;
@@ -214,19 +214,19 @@
   --cui-light-border-subtle: #4a566d;
   --cui-dark-border-subtle: #323a49;
   --cui-heading-color: inherit;
-  --cui-link-color: #6261cc;
-  --cui-link-hover-color: #8181d6;
-  --cui-link-color-rgb: 98, 97, 204;
-  --cui-link-hover-color-rgb: 129, 129, 214;
-  --cui-code-color: #e685b5;
+  --cui-link-color: rgb(94.2, 92.4, 207.6);
+  --cui-link-hover-color: rgb(126.36, 124.92, 217.08);
+  --cui-link-color-rgb: 94.2, 92.4, 207.6;
+  --cui-link-hover-color-rgb: 126.36, 124.92, 217.08;
+  --cui-code-color: rgb(230.4, 132.6, 181.2);
   --cui-highlight-color: rgba(255, 255, 255, 0.87);
-  --cui-highlight-bg: #664d03;
+  --cui-highlight-bg: rgb(102, 77.2, 2.8);
   --cui-border-color: #323a49;
   --cui-border-color-translucent: rgba(255, 255, 255, 0.1);
-  --cui-form-valid-color: #75b798;
-  --cui-form-valid-border-color: #75b798;
-  --cui-form-invalid-color: #ea868f;
-  --cui-form-invalid-border-color: #ea868f;
+  --cui-form-valid-color: rgb(117, 183, 152.4);
+  --cui-form-valid-border-color: rgb(117, 183, 152.4);
+  --cui-form-invalid-color: rgb(234, 133.8, 143.4);
+  --cui-form-invalid-border-color: rgb(234, 133.8, 143.4);
 }
 
 *,
@@ -331,6 +331,11 @@ address {
   line-height: inherit;
 }
 
+ol,
+ul {
+  padding-inline-start: 2rem;
+}
+
 ol,
 ul,
 dl {
@@ -350,8 +355,8 @@ dt {
 }
 
 dd {
+  margin-inline-start: 0;
   margin-bottom: 0.5rem;
-  margin-right: 0;
 }
 
 blockquote {
@@ -463,7 +468,7 @@ caption {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   color: var(--cui-table-caption-color, var(--cui-secondary-color));
-  text-align: right;
+  text-align: start;
 }
 
 th {
@@ -555,7 +560,7 @@ fieldset {
 }
 
 legend {
-  float: right;
+  float: inline-start;
   width: 100%;
   padding: 0;
   margin-bottom: 0.5rem;
@@ -703,12 +708,12 @@ progress {
 }
 
 .list-unstyled {
-  padding-right: 0;
+  padding-inline-start: 0;
   list-style: none;
 }
 
 .list-inline {
-  padding-right: 0;
+  padding-inline-start: 0;
   list-style: none;
 }
 
@@ -716,7 +721,7 @@ progress {
   display: inline-block;
 }
 .list-inline-item:not(:last-child) {
-  margin-left: 0.5rem;
+  margin-inline-end: 0.5rem;
 }
 
 .initialism {
@@ -840,7 +845,7 @@ progress {
 }
 
 .col {
-  flex: 1 0 0%;
+  flex: 1 0 0;
 }
 
 .row-cols-auto > * {
@@ -944,47 +949,47 @@ progress {
 }
 
 .offset-1 {
-  margin-right: 8.33333333%;
+  margin-inline-start: 8.33333333%;
 }
 
 .offset-2 {
-  margin-right: 16.66666667%;
+  margin-inline-start: 16.66666667%;
 }
 
 .offset-3 {
-  margin-right: 25%;
+  margin-inline-start: 25%;
 }
 
 .offset-4 {
-  margin-right: 33.33333333%;
+  margin-inline-start: 33.33333333%;
 }
 
 .offset-5 {
-  margin-right: 41.66666667%;
+  margin-inline-start: 41.66666667%;
 }
 
 .offset-6 {
-  margin-right: 50%;
+  margin-inline-start: 50%;
 }
 
 .offset-7 {
-  margin-right: 58.33333333%;
+  margin-inline-start: 58.33333333%;
 }
 
 .offset-8 {
-  margin-right: 66.66666667%;
+  margin-inline-start: 66.66666667%;
 }
 
 .offset-9 {
-  margin-right: 75%;
+  margin-inline-start: 75%;
 }
 
 .offset-10 {
-  margin-right: 83.33333333%;
+  margin-inline-start: 83.33333333%;
 }
 
 .offset-11 {
-  margin-right: 91.66666667%;
+  margin-inline-start: 91.66666667%;
 }
 
 .g-0,
@@ -1049,7 +1054,7 @@ progress {
 
 @media (min-width: 576px) {
   .col-sm {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-sm-auto > * {
     flex: 0 0 auto;
@@ -1132,40 +1137,40 @@ progress {
     width: 100%;
   }
   .offset-sm-0 {
-    margin-right: 0;
+    margin-inline-start: 0;
   }
   .offset-sm-1 {
-    margin-right: 8.33333333%;
+    margin-inline-start: 8.33333333%;
   }
   .offset-sm-2 {
-    margin-right: 16.66666667%;
+    margin-inline-start: 16.66666667%;
   }
   .offset-sm-3 {
-    margin-right: 25%;
+    margin-inline-start: 25%;
   }
   .offset-sm-4 {
-    margin-right: 33.33333333%;
+    margin-inline-start: 33.33333333%;
   }
   .offset-sm-5 {
-    margin-right: 41.66666667%;
+    margin-inline-start: 41.66666667%;
   }
   .offset-sm-6 {
-    margin-right: 50%;
+    margin-inline-start: 50%;
   }
   .offset-sm-7 {
-    margin-right: 58.33333333%;
+    margin-inline-start: 58.33333333%;
   }
   .offset-sm-8 {
-    margin-right: 66.66666667%;
+    margin-inline-start: 66.66666667%;
   }
   .offset-sm-9 {
-    margin-right: 75%;
+    margin-inline-start: 75%;
   }
   .offset-sm-10 {
-    margin-right: 83.33333333%;
+    margin-inline-start: 83.33333333%;
   }
   .offset-sm-11 {
-    margin-right: 91.66666667%;
+    margin-inline-start: 91.66666667%;
   }
   .g-sm-0,
   .gx-sm-0 {
@@ -1218,7 +1223,7 @@ progress {
 }
 @media (min-width: 768px) {
   .col-md {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-md-auto > * {
     flex: 0 0 auto;
@@ -1301,40 +1306,40 @@ progress {
     width: 100%;
   }
   .offset-md-0 {
-    margin-right: 0;
+    margin-inline-start: 0;
   }
   .offset-md-1 {
-    margin-right: 8.33333333%;
+    margin-inline-start: 8.33333333%;
   }
   .offset-md-2 {
-    margin-right: 16.66666667%;
+    margin-inline-start: 16.66666667%;
   }
   .offset-md-3 {
-    margin-right: 25%;
+    margin-inline-start: 25%;
   }
   .offset-md-4 {
-    margin-right: 33.33333333%;
+    margin-inline-start: 33.33333333%;
   }
   .offset-md-5 {
-    margin-right: 41.66666667%;
+    margin-inline-start: 41.66666667%;
   }
   .offset-md-6 {
-    margin-right: 50%;
+    margin-inline-start: 50%;
   }
   .offset-md-7 {
-    margin-right: 58.33333333%;
+    margin-inline-start: 58.33333333%;
   }
   .offset-md-8 {
-    margin-right: 66.66666667%;
+    margin-inline-start: 66.66666667%;
   }
   .offset-md-9 {
-    margin-right: 75%;
+    margin-inline-start: 75%;
   }
   .offset-md-10 {
-    margin-right: 83.33333333%;
+    margin-inline-start: 83.33333333%;
   }
   .offset-md-11 {
-    margin-right: 91.66666667%;
+    margin-inline-start: 91.66666667%;
   }
   .g-md-0,
   .gx-md-0 {
@@ -1387,7 +1392,7 @@ progress {
 }
 @media (min-width: 992px) {
   .col-lg {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-lg-auto > * {
     flex: 0 0 auto;
@@ -1470,40 +1475,40 @@ progress {
     width: 100%;
   }
   .offset-lg-0 {
-    margin-right: 0;
+    margin-inline-start: 0;
   }
   .offset-lg-1 {
-    margin-right: 8.33333333%;
+    margin-inline-start: 8.33333333%;
   }
   .offset-lg-2 {
-    margin-right: 16.66666667%;
+    margin-inline-start: 16.66666667%;
   }
   .offset-lg-3 {
-    margin-right: 25%;
+    margin-inline-start: 25%;
   }
   .offset-lg-4 {
-    margin-right: 33.33333333%;
+    margin-inline-start: 33.33333333%;
   }
   .offset-lg-5 {
-    margin-right: 41.66666667%;
+    margin-inline-start: 41.66666667%;
   }
   .offset-lg-6 {
-    margin-right: 50%;
+    margin-inline-start: 50%;
   }
   .offset-lg-7 {
-    margin-right: 58.33333333%;
+    margin-inline-start: 58.33333333%;
   }
   .offset-lg-8 {
-    margin-right: 66.66666667%;
+    margin-inline-start: 66.66666667%;
   }
   .offset-lg-9 {
-    margin-right: 75%;
+    margin-inline-start: 75%;
   }
   .offset-lg-10 {
-    margin-right: 83.33333333%;
+    margin-inline-start: 83.33333333%;
   }
   .offset-lg-11 {
-    margin-right: 91.66666667%;
+    margin-inline-start: 91.66666667%;
   }
   .g-lg-0,
   .gx-lg-0 {
@@ -1556,7 +1561,7 @@ progress {
 }
 @media (min-width: 1200px) {
   .col-xl {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-xl-auto > * {
     flex: 0 0 auto;
@@ -1639,40 +1644,40 @@ progress {
     width: 100%;
   }
   .offset-xl-0 {
-    margin-right: 0;
+    margin-inline-start: 0;
   }
   .offset-xl-1 {
-    margin-right: 8.33333333%;
+    margin-inline-start: 8.33333333%;
   }
   .offset-xl-2 {
-    margin-right: 16.66666667%;
+    margin-inline-start: 16.66666667%;
   }
   .offset-xl-3 {
-    margin-right: 25%;
+    margin-inline-start: 25%;
   }
   .offset-xl-4 {
-    margin-right: 33.33333333%;
+    margin-inline-start: 33.33333333%;
   }
   .offset-xl-5 {
-    margin-right: 41.66666667%;
+    margin-inline-start: 41.66666667%;
   }
   .offset-xl-6 {
-    margin-right: 50%;
+    margin-inline-start: 50%;
   }
   .offset-xl-7 {
-    margin-right: 58.33333333%;
+    margin-inline-start: 58.33333333%;
   }
   .offset-xl-8 {
-    margin-right: 66.66666667%;
+    margin-inline-start: 66.66666667%;
   }
   .offset-xl-9 {
-    margin-right: 75%;
+    margin-inline-start: 75%;
   }
   .offset-xl-10 {
-    margin-right: 83.33333333%;
+    margin-inline-start: 83.33333333%;
   }
   .offset-xl-11 {
-    margin-right: 91.66666667%;
+    margin-inline-start: 91.66666667%;
   }
   .g-xl-0,
   .gx-xl-0 {
@@ -1725,7 +1730,7 @@ progress {
 }
 @media (min-width: 1400px) {
   .col-xxl {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-xxl-auto > * {
     flex: 0 0 auto;
@@ -1808,40 +1813,40 @@ progress {
     width: 100%;
   }
   .offset-xxl-0 {
-    margin-right: 0;
+    margin-inline-start: 0;
   }
   .offset-xxl-1 {
-    margin-right: 8.33333333%;
+    margin-inline-start: 8.33333333%;
   }
   .offset-xxl-2 {
-    margin-right: 16.66666667%;
+    margin-inline-start: 16.66666667%;
   }
   .offset-xxl-3 {
-    margin-right: 25%;
+    margin-inline-start: 25%;
   }
   .offset-xxl-4 {
-    margin-right: 33.33333333%;
+    margin-inline-start: 33.33333333%;
   }
   .offset-xxl-5 {
-    margin-right: 41.66666667%;
+    margin-inline-start: 41.66666667%;
   }
   .offset-xxl-6 {
-    margin-right: 50%;
+    margin-inline-start: 50%;
   }
   .offset-xxl-7 {
-    margin-right: 58.33333333%;
+    margin-inline-start: 58.33333333%;
   }
   .offset-xxl-8 {
-    margin-right: 66.66666667%;
+    margin-inline-start: 66.66666667%;
   }
   .offset-xxl-9 {
-    margin-right: 75%;
+    margin-inline-start: 75%;
   }
   .offset-xxl-10 {
-    margin-right: 83.33333333%;
+    margin-inline-start: 83.33333333%;
   }
   .offset-xxl-11 {
-    margin-right: 91.66666667%;
+    margin-inline-start: 91.66666667%;
   }
   .g-xxl-0,
   .gx-xxl-0 {
@@ -1974,13 +1979,13 @@ progress {
 
 .table-primary {
   --cui-table-color: #080a0c;
-  --cui-table-bg: #deddf7;
-  --cui-table-border-color: #b3b3c8;
-  --cui-table-striped-bg: #d3d2eb;
+  --cui-table-bg: rgb(221.6, 221.2, 246.8);
+  --cui-table-border-color: rgb(178.88, 178.96, 199.84);
+  --cui-table-striped-bg: rgb(210.92, 210.64, 235.06);
   --cui-table-striped-color: #080a0c;
-  --cui-table-active-bg: #c9c8e0;
+  --cui-table-active-bg: rgb(200.24, 200.08, 223.32);
   --cui-table-active-color: #080a0c;
-  --cui-table-hover-bg: #cecde5;
+  --cui-table-hover-bg: rgb(205.58, 205.36, 229.19);
   --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
@@ -1988,13 +1993,13 @@ progress {
 
 .table-secondary {
   --cui-table-color: #080a0c;
-  --cui-table-bg: #e1e4e7;
-  --cui-table-border-color: #b6b8bb;
-  --cui-table-striped-bg: #d6d9dc;
+  --cui-table-bg: rgb(225.4, 227.8, 230.6);
+  --cui-table-border-color: rgb(181.92, 184.24, 186.88);
+  --cui-table-striped-bg: rgb(214.53, 216.91, 219.67);
   --cui-table-striped-color: #080a0c;
-  --cui-table-active-bg: #cbced1;
+  --cui-table-active-bg: rgb(203.66, 206.02, 208.74);
   --cui-table-active-color: #080a0c;
-  --cui-table-hover-bg: #d1d4d7;
+  --cui-table-hover-bg: rgb(209.095, 211.465, 214.205);
   --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
@@ -2002,13 +2007,13 @@ progress {
 
 .table-success {
   --cui-table-color: #080a0c;
-  --cui-table-bg: #d1ecd8;
-  --cui-table-border-color: #a9bfaf;
-  --cui-table-striped-bg: #c7e1ce;
+  --cui-table-bg: rgb(209.4, 235.6, 216.4);
+  --cui-table-border-color: rgb(169.12, 190.48, 175.52);
+  --cui-table-striped-bg: rgb(199.33, 224.32, 206.18);
   --cui-table-striped-color: #080a0c;
-  --cui-table-active-bg: #bdd5c4;
+  --cui-table-active-bg: rgb(189.26, 213.04, 195.96);
   --cui-table-active-color: #080a0c;
-  --cui-table-hover-bg: #c2dbc9;
+  --cui-table-hover-bg: rgb(194.295, 218.68, 201.07);
   --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
@@ -2016,13 +2021,13 @@ progress {
 
 .table-info {
   --cui-table-color: #080a0c;
-  --cui-table-bg: #d6ebff;
-  --cui-table-border-color: #adbece;
-  --cui-table-striped-bg: #cce0f3;
+  --cui-table-bg: rgb(214.2, 234.6, 255);
+  --cui-table-border-color: rgb(172.96, 189.68, 206.4);
+  --cui-table-striped-bg: rgb(203.89, 223.37, 242.85);
   --cui-table-striped-color: #080a0c;
-  --cui-table-active-bg: #c1d5e7;
+  --cui-table-active-bg: rgb(193.58, 212.14, 230.7);
   --cui-table-active-color: #080a0c;
-  --cui-table-hover-bg: #c7daed;
+  --cui-table-hover-bg: rgb(198.735, 217.755, 236.775);
   --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
@@ -2030,13 +2035,13 @@ progress {
 
 .table-warning {
   --cui-table-color: #080a0c;
-  --cui-table-bg: #feefd0;
-  --cui-table-border-color: #cdc1a9;
-  --cui-table-striped-bg: #f2e4c6;
+  --cui-table-bg: rgb(253.8, 239.4, 208.2);
+  --cui-table-border-color: rgb(204.64, 193.52, 168.96);
+  --cui-table-striped-bg: rgb(241.51, 227.93, 198.39);
   --cui-table-striped-color: #080a0c;
-  --cui-table-active-bg: #e5d8bc;
+  --cui-table-active-bg: rgb(229.22, 216.46, 188.58);
   --cui-table-active-color: #080a0c;
-  --cui-table-hover-bg: #ecdec1;
+  --cui-table-hover-bg: rgb(235.365, 222.195, 193.485);
   --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
@@ -2044,13 +2049,13 @@ progress {
 
 .table-danger {
   --cui-table-color: #080a0c;
-  --cui-table-bg: #fadddd;
-  --cui-table-border-color: #cab3b3;
-  --cui-table-striped-bg: #eed2d3;
+  --cui-table-bg: rgb(249.8, 220.6, 220.6);
+  --cui-table-border-color: rgb(201.44, 178.48, 178.88);
+  --cui-table-striped-bg: rgb(237.71, 210.07, 210.17);
   --cui-table-striped-color: #080a0c;
-  --cui-table-active-bg: #e2c8c8;
+  --cui-table-active-bg: rgb(225.62, 199.54, 199.74);
   --cui-table-active-color: #080a0c;
-  --cui-table-hover-bg: #e8cdcd;
+  --cui-table-hover-bg: rgb(231.665, 204.805, 204.955);
   --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
@@ -2059,12 +2064,12 @@ progress {
 .table-light {
   --cui-table-color: #080a0c;
   --cui-table-bg: #f3f4f7;
-  --cui-table-border-color: #c4c5c8;
-  --cui-table-striped-bg: #e7e8eb;
+  --cui-table-border-color: rgb(196, 197.2, 200);
+  --cui-table-striped-bg: rgb(231.25, 232.3, 235.25);
   --cui-table-striped-color: #080a0c;
-  --cui-table-active-bg: #dcdde0;
+  --cui-table-active-bg: rgb(219.5, 220.6, 223.5);
   --cui-table-active-color: #080a0c;
-  --cui-table-hover-bg: #e1e2e5;
+  --cui-table-hover-bg: rgb(225.375, 226.45, 229.375);
   --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
@@ -2073,12 +2078,12 @@ progress {
 .table-dark {
   --cui-table-color: #fff;
   --cui-table-bg: #212631;
-  --cui-table-border-color: #4d515a;
-  --cui-table-striped-bg: #2c313b;
+  --cui-table-border-color: rgb(77.4, 81.4, 90.2);
+  --cui-table-striped-bg: rgb(44.1, 48.85, 59.3);
   --cui-table-striped-color: #fff;
-  --cui-table-active-bg: #373c46;
+  --cui-table-active-bg: rgb(55.2, 59.7, 69.6);
   --cui-table-active-color: #fff;
-  --cui-table-hover-bg: #323640;
+  --cui-table-hover-bg: rgb(49.65, 54.275, 64.45);
   --cui-table-hover-color: #fff;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
@@ -2178,7 +2183,7 @@ progress {
 .form-control:focus {
   color: var(--cui-body-color);
   background-color: var(--cui-body-bg);
-  border-color: #acabeb;
+  border-color: rgb(171.5, 170.5, 234.5);
   outline: 0;
   box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
 }
@@ -2302,7 +2307,10 @@ textarea.form-control-lg {
   --cui-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='%23323a49' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   display: block;
   width: 100%;
-  padding: 0.375rem 0.75rem 0.375rem 2.25rem;
+  padding-inline-start: 0.75rem;
+  padding-inline-end: 2.25rem;
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
@@ -2323,12 +2331,12 @@ textarea.form-control-lg {
   }
 }
 .form-select:focus {
-  border-color: var(#acabeb);
+  border-color: rgb(171.5, 170.5, 234.5);
   outline: 0;
   box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
 }
 .form-select[multiple], .form-select[size]:not([size="1"]) {
-  padding-left: 0.75rem;
+  padding-inline-end: 0.75rem;
   background-image: none;
 }
 .form-select:disabled {
@@ -2340,17 +2348,17 @@ textarea.form-control-lg {
 }
 
 .form-select-sm {
+  padding-inline-start: 0.5rem;
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
-  padding-right: 0.5rem;
   font-size: 0.875rem;
   border-radius: var(--cui-border-radius-sm);
 }
 
 .form-select-lg {
+  padding-inline-start: 1rem;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
-  padding-right: 1rem;
   font-size: 1.25rem;
   border-radius: var(--cui-border-radius-lg);
 }
@@ -2362,23 +2370,21 @@ textarea.form-control-lg {
 .form-check {
   display: block;
   min-height: 1.5rem;
-  padding-right: 1.5em;
+  padding-inline-start: 1.5em;
   margin-bottom: 0.125rem;
 }
 .form-check .form-check-input {
-  float: right;
-  margin-right: -1.5em;
+  float: inline-start;
+  margin-inline-start: -1.5em;
 }
 
 .form-check-reverse {
-  padding-left: 1.5em;
-  padding-right: 0;
-  text-align: left;
+  padding-inline: 0 1.5em;
+  text-align: end;
 }
 .form-check-reverse .form-check-input {
-  float: left;
-  margin-left: -1.5em;
-  margin-right: 0;
+  float: inline-end;
+  margin-inline: 0 -1.5em;
 }
 
 .form-check-input {
@@ -2407,7 +2413,7 @@ textarea.form-control-lg {
   filter: brightness(90%);
 }
 .form-check-input:focus {
-  border-color: #acabeb;
+  border-color: rgb(171.5, 170.5, 234.5);
   outline: 0;
   box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
 }
@@ -2441,12 +2447,12 @@ textarea.form-control-lg {
 }
 
 .form-switch {
-  padding-right: 2.5em;
+  padding-inline-start: 2.5em;
 }
 .form-switch .form-check-input {
   --cui-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%288, 10, 12, 0.25%29'/%3e%3c/svg%3e");
   width: 2em;
-  margin-right: -2.5em;
+  margin-inline-start: -2.5em;
   background-image: var(--cui-form-switch-bg);
   background-position: left center;
   border-radius: 2em;
@@ -2458,29 +2464,27 @@ textarea.form-control-lg {
   }
 }
 .form-switch .form-check-input:focus {
-  --cui-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='%23acabeb'/%3e%3c/svg%3e");
+  --cui-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%28171.5, 170.5, 234.5%29'/%3e%3c/svg%3e");
 }
 .form-switch .form-check-input:checked {
   background-position: right center;
   --cui-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.87%29'/%3e%3c/svg%3e");
 }
 .form-switch.form-check-reverse {
-  padding-left: 1.5em;
-  padding-right: 0;
+  padding-inline: 0 2.5em;
 }
 .form-switch.form-check-reverse .form-check-input {
-  margin-left: -1.5em;
-  margin-right: 0;
+  margin-inline: 0 -2.5em;
 }
 
 .form-switch-lg {
   min-height: 1.25em;
-  padding-right: 2.25em;
+  padding-inline-start: 3em;
 }
 .form-switch-lg .form-check-input {
-  width: 1.75em;
+  width: 2.5em;
   height: 1.25em;
-  margin-right: -2.25em;
+  margin-inline-start: -3em;
 }
 .form-switch-lg .form-check-label {
   padding-top: calc((1.25em - 1rem) / 2);
@@ -2488,12 +2492,12 @@ textarea.form-control-lg {
 
 .form-switch-xl {
   min-height: 1.5em;
-  padding-right: 2.5em;
+  padding-inline-start: 3.5em;
 }
 .form-switch-xl .form-check-input {
-  width: 2em;
+  width: 3em;
   height: 1.5em;
-  margin-right: -2.5em;
+  margin-inline-start: -3.5em;
 }
 .form-switch-xl .form-check-label {
   padding-top: calc((1.5em - 1rem) / 2);
@@ -2501,7 +2505,7 @@ textarea.form-control-lg {
 
 .form-check-inline {
   display: inline-block;
-  margin-left: 1rem;
+  margin-inline-end: 1rem;
 }
 
 .btn-check {
@@ -2554,7 +2558,7 @@ textarea.form-control-lg {
   }
 }
 .form-range::-webkit-slider-thumb:active {
-  background-color: #cdccf3;
+  background-color: rgb(204.9, 204.3, 242.7);
 }
 .form-range::-webkit-slider-runnable-track {
   width: 100%;
@@ -2580,7 +2584,7 @@ textarea.form-control-lg {
   }
 }
 .form-range::-moz-range-thumb:active {
-  background-color: #cdccf3;
+  background-color: rgb(204.9, 204.3, 242.7);
 }
 .form-range::-moz-range-track {
   width: 100%;
@@ -2613,8 +2617,8 @@ textarea.form-control-lg {
 }
 .form-floating > label {
   position: absolute;
+  inset-inline-start: 0;
   top: 0;
-  right: 0;
   z-index: 2;
   max-width: 100%;
   height: 100%;
@@ -2750,32 +2754,32 @@ textarea.form-control-lg {
 
 .input-group-lg > .form-select,
 .input-group-sm > .form-select {
-  padding-left: 3rem;
+  padding-inline-end: 3rem;
 }
 
 .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
 .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
 .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
 .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
 }
 .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
 .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
 .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
 .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
 }
 .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
-  margin-right: calc(var(--cui-border-width) * -1);
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
+  margin-inline-start: calc(var(--cui-border-width) * -1);
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
 }
 .input-group > .form-floating:not(:first-child) > .form-control,
 .input-group > .form-floating:not(:first-child) > .form-select {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
 }
 
 .valid-feedback {
@@ -2809,7 +2813,7 @@ textarea.form-control-lg {
 
 .was-validated .form-control:valid, .form-control.is-valid {
   border-color: var(--cui-form-valid-border-color);
-  padding-left: calc(1.5em + 0.75rem);
+  padding-inline-end: calc(1.5em + 0.75rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231b9e3e' 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");
   background-repeat: no-repeat;
   background-position: left calc(0.375em + 0.1875rem) center;
@@ -2821,7 +2825,7 @@ textarea.form-control-lg {
 }
 
 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
-  padding-left: calc(1.5em + 0.75rem);
+  padding-inline-end: calc(1.5em + 0.75rem);
   background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
 }
 
@@ -2830,7 +2834,7 @@ textarea.form-control-lg {
 }
 .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"] {
   --cui-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='%231b9e3e' 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");
-  padding-left: 4.125rem;
+  padding-inline-end: 4.125rem;
   background-position: left 0.75rem center, center left 2.25rem;
   background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
@@ -2857,7 +2861,7 @@ textarea.form-control-lg {
 }
 
 .form-check-inline .form-check-input ~ .valid-feedback {
-  margin-right: 0.5em;
+  margin-inline-start: 0.5em;
 }
 
 .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
@@ -2899,7 +2903,7 @@ textarea.form-control-lg {
 
 .was-validated .form-control:invalid, .form-control.is-invalid {
   border-color: var(--cui-form-invalid-border-color);
-  padding-left: calc(1.5em + 0.75rem);
+  padding-inline-end: calc(1.5em + 0.75rem);
   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='%23e55353'%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='%23e55353' stroke='none'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: left calc(0.375em + 0.1875rem) center;
@@ -2911,7 +2915,7 @@ textarea.form-control-lg {
 }
 
 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
-  padding-left: calc(1.5em + 0.75rem);
+  padding-inline-end: calc(1.5em + 0.75rem);
   background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
 }
 
@@ -2920,7 +2924,7 @@ textarea.form-control-lg {
 }
 .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"] {
   --cui-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='%23e55353'%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='%23e55353' stroke='none'/%3e%3c/svg%3e");
-  padding-left: 4.125rem;
+  padding-inline-end: 4.125rem;
   background-position: left 0.75rem center, center left 2.25rem;
   background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
@@ -2947,7 +2951,7 @@ textarea.form-control-lg {
 }
 
 .form-check-inline .form-check-input ~ .invalid-feedback {
-  margin-right: 0.5em;
+  margin-inline-start: 0.5em;
 }
 
 .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
@@ -3048,12 +3052,12 @@ textarea.form-control-lg {
   --cui-btn-bg: #5856d6;
   --cui-btn-border-color: #5856d6;
   --cui-btn-hover-color: #fff;
-  --cui-btn-hover-bg: #4b49b6;
-  --cui-btn-hover-border-color: #4645ab;
-  --cui-btn-focus-shadow-rgb: 113, 111, 220;
+  --cui-btn-hover-bg: rgb(74.8, 73.1, 181.9);
+  --cui-btn-hover-border-color: rgb(70.4, 68.8, 171.2);
+  --cui-btn-focus-shadow-rgb: 113.05, 111.35, 220.15;
   --cui-btn-active-color: #fff;
-  --cui-btn-active-bg: #4645ab;
-  --cui-btn-active-border-color: #4241a1;
+  --cui-btn-active-bg: rgb(70.4, 68.8, 171.2);
+  --cui-btn-active-border-color: rgb(66, 64.5, 160.5);
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #fff;
   --cui-btn-disabled-bg: #5856d6;
@@ -3065,12 +3069,12 @@ textarea.form-control-lg {
   --cui-btn-bg: #6b7785;
   --cui-btn-border-color: #6b7785;
   --cui-btn-hover-color: #fff;
-  --cui-btn-hover-bg: #5b6571;
-  --cui-btn-hover-border-color: #565f6a;
-  --cui-btn-focus-shadow-rgb: 129, 139, 151;
+  --cui-btn-hover-bg: rgb(90.95, 101.15, 113.05);
+  --cui-btn-hover-border-color: rgb(85.6, 95.2, 106.4);
+  --cui-btn-focus-shadow-rgb: 129.2, 139.4, 151.3;
   --cui-btn-active-color: #fff;
-  --cui-btn-active-bg: #565f6a;
-  --cui-btn-active-border-color: #505964;
+  --cui-btn-active-bg: rgb(85.6, 95.2, 106.4);
+  --cui-btn-active-border-color: rgb(80.25, 89.25, 99.75);
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #fff;
   --cui-btn-disabled-bg: #6b7785;
@@ -3082,33 +3086,33 @@ textarea.form-control-lg {
   --cui-btn-bg: #1b9e3e;
   --cui-btn-border-color: #1b9e3e;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #3dad5b;
-  --cui-btn-hover-border-color: #32a851;
-  --cui-btn-focus-shadow-rgb: 24, 136, 55;
+  --cui-btn-hover-bg: rgb(61.2, 172.55, 90.95);
+  --cui-btn-hover-border-color: rgb(49.8, 167.7, 81.3);
+  --cui-btn-focus-shadow-rgb: 24.15, 135.8, 54.5;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #49b165;
-  --cui-btn-active-border-color: #32a851;
+  --cui-btn-active-bg: rgb(72.6, 177.4, 100.6);
+  --cui-btn-active-border-color: rgb(49.8, 167.7, 81.3);
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #080a0c;
   --cui-btn-disabled-bg: #1b9e3e;
   --cui-btn-disabled-border-color: #1b9e3e;
 }
 
-.btn-danger {
+.btn-info {
   --cui-btn-color: #080a0c;
-  --cui-btn-bg: #e55353;
-  --cui-btn-border-color: #e55353;
+  --cui-btn-bg: #39f;
+  --cui-btn-border-color: #39f;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #e96d6d;
-  --cui-btn-hover-border-color: #e86464;
-  --cui-btn-focus-shadow-rgb: 196, 72, 72;
+  --cui-btn-hover-bg: rgb(81.6, 168.3, 255);
+  --cui-btn-hover-border-color: rgb(71.4, 163.2, 255);
+  --cui-btn-focus-shadow-rgb: 44.55, 131.55, 218.55;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #ea7575;
-  --cui-btn-active-border-color: #e86464;
+  --cui-btn-active-bg: rgb(91.8, 173.4, 255);
+  --cui-btn-active-border-color: rgb(71.4, 163.2, 255);
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #080a0c;
-  --cui-btn-disabled-bg: #e55353;
-  --cui-btn-disabled-border-color: #e55353;
+  --cui-btn-disabled-bg: #39f;
+  --cui-btn-disabled-border-color: #39f;
 }
 
 .btn-warning {
@@ -3116,33 +3120,33 @@ textarea.form-control-lg {
   --cui-btn-bg: #f9b115;
   --cui-btn-border-color: #f9b115;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #fabd38;
-  --cui-btn-hover-border-color: #fab92c;
-  --cui-btn-focus-shadow-rgb: 213, 152, 20;
+  --cui-btn-hover-bg: rgb(249.9, 188.7, 56.1);
+  --cui-btn-hover-border-color: rgb(249.6, 184.8, 44.4);
+  --cui-btn-focus-shadow-rgb: 212.85, 151.95, 19.65;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #fac144;
-  --cui-btn-active-border-color: #fab92c;
+  --cui-btn-active-bg: rgb(250.2, 192.6, 67.8);
+  --cui-btn-active-border-color: rgb(249.6, 184.8, 44.4);
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #080a0c;
   --cui-btn-disabled-bg: #f9b115;
   --cui-btn-disabled-border-color: #f9b115;
 }
 
-.btn-info {
+.btn-danger {
   --cui-btn-color: #080a0c;
-  --cui-btn-bg: #39f;
-  --cui-btn-border-color: #39f;
+  --cui-btn-bg: #e55353;
+  --cui-btn-border-color: #e55353;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #52a8ff;
-  --cui-btn-hover-border-color: #47a3ff;
-  --cui-btn-focus-shadow-rgb: 45, 132, 219;
+  --cui-btn-hover-bg: rgb(232.9, 108.8, 108.8);
+  --cui-btn-hover-border-color: rgb(231.6, 100.2, 100.2);
+  --cui-btn-focus-shadow-rgb: 195.85, 72.05, 72.35;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #5cadff;
-  --cui-btn-active-border-color: #47a3ff;
+  --cui-btn-active-bg: rgb(234.2, 117.4, 117.4);
+  --cui-btn-active-border-color: rgb(231.6, 100.2, 100.2);
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #080a0c;
-  --cui-btn-disabled-bg: #39f;
-  --cui-btn-disabled-border-color: #39f;
+  --cui-btn-disabled-bg: #e55353;
+  --cui-btn-disabled-border-color: #e55353;
 }
 
 .btn-light {
@@ -3150,12 +3154,12 @@ textarea.form-control-lg {
   --cui-btn-bg: #f3f4f7;
   --cui-btn-border-color: #f3f4f7;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #f5f6f8;
-  --cui-btn-hover-border-color: #f4f5f8;
-  --cui-btn-focus-shadow-rgb: 208, 209, 212;
+  --cui-btn-hover-bg: rgb(206.55, 207.4, 209.95);
+  --cui-btn-hover-border-color: rgb(194.4, 195.2, 197.6);
+  --cui-btn-focus-shadow-rgb: 207.75, 208.9, 211.75;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #f5f6f9;
-  --cui-btn-active-border-color: #f4f5f8;
+  --cui-btn-active-bg: rgb(194.4, 195.2, 197.6);
+  --cui-btn-active-border-color: rgb(182.25, 183, 185.25);
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #080a0c;
   --cui-btn-disabled-bg: #f3f4f7;
@@ -3167,12 +3171,12 @@ textarea.form-control-lg {
   --cui-btn-bg: #212631;
   --cui-btn-border-color: #212631;
   --cui-btn-hover-color: #fff;
-  --cui-btn-hover-bg: #1c202a;
-  --cui-btn-hover-border-color: #1a1e27;
-  --cui-btn-focus-shadow-rgb: 66, 71, 80;
+  --cui-btn-hover-bg: rgb(66.3, 70.55, 79.9);
+  --cui-btn-hover-border-color: rgb(55.2, 59.7, 69.6);
+  --cui-btn-focus-shadow-rgb: 66.3, 70.55, 79.9;
   --cui-btn-active-color: #fff;
-  --cui-btn-active-bg: #1a1e27;
-  --cui-btn-active-border-color: #191d25;
+  --cui-btn-active-bg: rgb(77.4, 81.4, 90.2);
+  --cui-btn-active-border-color: rgb(55.2, 59.7, 69.6);
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #fff;
   --cui-btn-disabled-bg: #212631;
@@ -3183,15 +3187,16 @@ textarea.form-control-lg {
   --cui-btn-color: #5856d6;
   --cui-btn-border-color: #5856d6;
   --cui-btn-hover-color: #fff;
-  --cui-btn-hover-bg: #4645ab;
-  --cui-btn-hover-border-color: #4241a1;
+  --cui-btn-hover-bg: #5856d6;
+  --cui-btn-hover-border-color: #5856d6;
   --cui-btn-focus-shadow-rgb: 88, 86, 214;
   --cui-btn-active-color: #fff;
-  --cui-btn-active-bg: #4645ab;
-  --cui-btn-active-border-color: #4241a1;
+  --cui-btn-active-bg: #5856d6;
+  --cui-btn-active-border-color: #5856d6;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #5856d6;
   --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: #5856d6;
   --cui-gradient: none;
 }
 
@@ -3199,15 +3204,16 @@ textarea.form-control-lg {
   --cui-btn-color: #6b7785;
   --cui-btn-border-color: #6b7785;
   --cui-btn-hover-color: #fff;
-  --cui-btn-hover-bg: #565f6a;
-  --cui-btn-hover-border-color: #505964;
+  --cui-btn-hover-bg: #6b7785;
+  --cui-btn-hover-border-color: #6b7785;
   --cui-btn-focus-shadow-rgb: 107, 119, 133;
   --cui-btn-active-color: #fff;
-  --cui-btn-active-bg: #565f6a;
-  --cui-btn-active-border-color: #505964;
+  --cui-btn-active-bg: #6b7785;
+  --cui-btn-active-border-color: #6b7785;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #6b7785;
   --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: #6b7785;
   --cui-gradient: none;
 }
 
@@ -3215,31 +3221,33 @@ textarea.form-control-lg {
   --cui-btn-color: #1b9e3e;
   --cui-btn-border-color: #1b9e3e;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #49b165;
-  --cui-btn-hover-border-color: #32a851;
+  --cui-btn-hover-bg: #1b9e3e;
+  --cui-btn-hover-border-color: #1b9e3e;
   --cui-btn-focus-shadow-rgb: 27, 158, 62;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #49b165;
-  --cui-btn-active-border-color: #32a851;
+  --cui-btn-active-bg: #1b9e3e;
+  --cui-btn-active-border-color: #1b9e3e;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #1b9e3e;
   --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: #1b9e3e;
   --cui-gradient: none;
 }
 
-.btn-outline-danger {
-  --cui-btn-color: #e55353;
-  --cui-btn-border-color: #e55353;
+.btn-outline-info {
+  --cui-btn-color: #39f;
+  --cui-btn-border-color: #39f;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #ea7575;
-  --cui-btn-hover-border-color: #e86464;
-  --cui-btn-focus-shadow-rgb: 229, 83, 83;
+  --cui-btn-hover-bg: #39f;
+  --cui-btn-hover-border-color: #39f;
+  --cui-btn-focus-shadow-rgb: 51, 153, 255;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #ea7575;
-  --cui-btn-active-border-color: #e86464;
+  --cui-btn-active-bg: #39f;
+  --cui-btn-active-border-color: #39f;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: #e55353;
+  --cui-btn-disabled-color: #39f;
   --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: #39f;
   --cui-gradient: none;
 }
 
@@ -3247,31 +3255,33 @@ textarea.form-control-lg {
   --cui-btn-color: #f9b115;
   --cui-btn-border-color: #f9b115;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #fac144;
-  --cui-btn-hover-border-color: #fab92c;
+  --cui-btn-hover-bg: #f9b115;
+  --cui-btn-hover-border-color: #f9b115;
   --cui-btn-focus-shadow-rgb: 249, 177, 21;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #fac144;
-  --cui-btn-active-border-color: #fab92c;
+  --cui-btn-active-bg: #f9b115;
+  --cui-btn-active-border-color: #f9b115;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #f9b115;
   --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: #f9b115;
   --cui-gradient: none;
 }
 
-.btn-outline-info {
-  --cui-btn-color: #39f;
-  --cui-btn-border-color: #39f;
+.btn-outline-danger {
+  --cui-btn-color: #e55353;
+  --cui-btn-border-color: #e55353;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #5cadff;
-  --cui-btn-hover-border-color: #47a3ff;
-  --cui-btn-focus-shadow-rgb: 51, 153, 255;
+  --cui-btn-hover-bg: #e55353;
+  --cui-btn-hover-border-color: #e55353;
+  --cui-btn-focus-shadow-rgb: 229, 83, 83;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #5cadff;
-  --cui-btn-active-border-color: #47a3ff;
+  --cui-btn-active-bg: #e55353;
+  --cui-btn-active-border-color: #e55353;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: #39f;
+  --cui-btn-disabled-color: #e55353;
   --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: #e55353;
   --cui-gradient: none;
 }
 
@@ -3279,15 +3289,16 @@ textarea.form-control-lg {
   --cui-btn-color: #f3f4f7;
   --cui-btn-border-color: #f3f4f7;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #f5f6f9;
-  --cui-btn-hover-border-color: #f4f5f8;
+  --cui-btn-hover-bg: #f3f4f7;
+  --cui-btn-hover-border-color: #f3f4f7;
   --cui-btn-focus-shadow-rgb: 243, 244, 247;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #f5f6f9;
-  --cui-btn-active-border-color: #f4f5f8;
+  --cui-btn-active-bg: #f3f4f7;
+  --cui-btn-active-border-color: #f3f4f7;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #f3f4f7;
   --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: #f3f4f7;
   --cui-gradient: none;
 }
 
@@ -3295,112 +3306,129 @@ textarea.form-control-lg {
   --cui-btn-color: #212631;
   --cui-btn-border-color: #212631;
   --cui-btn-hover-color: #fff;
-  --cui-btn-hover-bg: #1a1e27;
-  --cui-btn-hover-border-color: #191d25;
+  --cui-btn-hover-bg: #212631;
+  --cui-btn-hover-border-color: #212631;
   --cui-btn-focus-shadow-rgb: 33, 38, 49;
   --cui-btn-active-color: #fff;
-  --cui-btn-active-bg: #1a1e27;
-  --cui-btn-active-border-color: #191d25;
+  --cui-btn-active-bg: #212631;
+  --cui-btn-active-border-color: #212631;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #212631;
   --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: #212631;
   --cui-gradient: none;
 }
 
 .btn-ghost-primary {
   --cui-btn-color: #5856d6;
-  --cui-btn-hover-bg: #4b49b6;
-  --cui-btn-hover-border-color: #4645ab;
+  --cui-btn-border-color: transparent;
+  --cui-btn-hover-bg: #5856d6;
+  --cui-btn-hover-border-color: #5856d6;
   --cui-btn-hover-color: #fff;
-  --cui-btn-active-bg: #4645ab;
-  --cui-btn-active-border-color: #4241a1;
+  --cui-btn-active-bg: #5856d6;
+  --cui-btn-active-border-color: #5856d6;
   --cui-btn-active-color: #fff;
   --cui-btn-disabled-color: #5856d6;
-  --cui-btn-shadow: rgba(88, 86, 214, 0.5);
+  --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: transparent;
 }
 
 .btn-ghost-secondary {
   --cui-btn-color: #6b7785;
-  --cui-btn-hover-bg: #5b6571;
-  --cui-btn-hover-border-color: #565f6a;
+  --cui-btn-border-color: transparent;
+  --cui-btn-hover-bg: #6b7785;
+  --cui-btn-hover-border-color: #6b7785;
   --cui-btn-hover-color: #fff;
-  --cui-btn-active-bg: #565f6a;
-  --cui-btn-active-border-color: #505964;
+  --cui-btn-active-bg: #6b7785;
+  --cui-btn-active-border-color: #6b7785;
   --cui-btn-active-color: #fff;
   --cui-btn-disabled-color: #6b7785;
-  --cui-btn-shadow: rgba(107, 119, 133, 0.5);
+  --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: transparent;
 }
 
 .btn-ghost-success {
   --cui-btn-color: #1b9e3e;
-  --cui-btn-hover-bg: #3dad5b;
-  --cui-btn-hover-border-color: #32a851;
+  --cui-btn-border-color: transparent;
+  --cui-btn-hover-bg: #1b9e3e;
+  --cui-btn-hover-border-color: #1b9e3e;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-active-bg: #49b165;
-  --cui-btn-active-border-color: #32a851;
+  --cui-btn-active-bg: #1b9e3e;
+  --cui-btn-active-border-color: #1b9e3e;
   --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #1b9e3e;
-  --cui-btn-shadow: rgba(27, 158, 62, 0.5);
+  --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: transparent;
 }
 
-.btn-ghost-danger {
-  --cui-btn-color: #e55353;
-  --cui-btn-hover-bg: #e96d6d;
-  --cui-btn-hover-border-color: #e86464;
+.btn-ghost-info {
+  --cui-btn-color: #39f;
+  --cui-btn-border-color: transparent;
+  --cui-btn-hover-bg: #39f;
+  --cui-btn-hover-border-color: #39f;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-active-bg: #ea7575;
-  --cui-btn-active-border-color: #e86464;
+  --cui-btn-active-bg: #39f;
+  --cui-btn-active-border-color: #39f;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-disabled-color: #e55353;
-  --cui-btn-shadow: rgba(229, 83, 83, 0.5);
+  --cui-btn-disabled-color: #39f;
+  --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: transparent;
 }
 
 .btn-ghost-warning {
   --cui-btn-color: #f9b115;
-  --cui-btn-hover-bg: #fabd38;
-  --cui-btn-hover-border-color: #fab92c;
+  --cui-btn-border-color: transparent;
+  --cui-btn-hover-bg: #f9b115;
+  --cui-btn-hover-border-color: #f9b115;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-active-bg: #fac144;
-  --cui-btn-active-border-color: #fab92c;
+  --cui-btn-active-bg: #f9b115;
+  --cui-btn-active-border-color: #f9b115;
   --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #f9b115;
-  --cui-btn-shadow: rgba(249, 177, 21, 0.5);
+  --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: transparent;
 }
 
-.btn-ghost-info {
-  --cui-btn-color: #39f;
-  --cui-btn-hover-bg: #52a8ff;
-  --cui-btn-hover-border-color: #47a3ff;
+.btn-ghost-danger {
+  --cui-btn-color: #e55353;
+  --cui-btn-border-color: transparent;
+  --cui-btn-hover-bg: #e55353;
+  --cui-btn-hover-border-color: #e55353;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-active-bg: #5cadff;
-  --cui-btn-active-border-color: #47a3ff;
+  --cui-btn-active-bg: #e55353;
+  --cui-btn-active-border-color: #e55353;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-disabled-color: #39f;
-  --cui-btn-shadow: rgba(51, 153, 255, 0.5);
+  --cui-btn-disabled-color: #e55353;
+  --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: transparent;
 }
 
 .btn-ghost-light {
   --cui-btn-color: #f3f4f7;
-  --cui-btn-hover-bg: #f5f6f8;
-  --cui-btn-hover-border-color: #f4f5f8;
+  --cui-btn-border-color: transparent;
+  --cui-btn-hover-bg: #f3f4f7;
+  --cui-btn-hover-border-color: #f3f4f7;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-active-bg: #f5f6f9;
-  --cui-btn-active-border-color: #f4f5f8;
+  --cui-btn-active-bg: #f3f4f7;
+  --cui-btn-active-border-color: #f3f4f7;
   --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #f3f4f7;
-  --cui-btn-shadow: rgba(243, 244, 247, 0.5);
+  --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: transparent;
 }
 
 .btn-ghost-dark {
   --cui-btn-color: #212631;
-  --cui-btn-hover-bg: #1c202a;
-  --cui-btn-hover-border-color: #1a1e27;
+  --cui-btn-border-color: transparent;
+  --cui-btn-hover-bg: #212631;
+  --cui-btn-hover-border-color: #212631;
   --cui-btn-hover-color: #fff;
-  --cui-btn-active-bg: #1a1e27;
-  --cui-btn-active-border-color: #191d25;
+  --cui-btn-active-bg: #212631;
+  --cui-btn-active-border-color: #212631;
   --cui-btn-active-color: #fff;
   --cui-btn-disabled-color: #212631;
-  --cui-btn-shadow: rgba(33, 38, 49, 0.5);
+  --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: transparent;
 }
 
 .btn-link {
@@ -3414,21 +3442,21 @@ textarea.form-control-lg {
   --cui-btn-disabled-color: #6d7d9c;
   --cui-btn-disabled-border-color: transparent;
   --cui-btn-box-shadow: none;
-  --cui-btn-focus-shadow-rgb: 113, 111, 220;
+  --cui-btn-focus-shadow-rgb: 113.05, 111.35, 220.15;
   text-decoration: underline;
 }
 .btn-link:focus-visible {
   color: var(--cui-btn-color);
 }
 
-.btn-lg, .btn-group-lg > .btn {
+.btn-lg {
   --cui-btn-padding-y: 0.5rem;
   --cui-btn-padding-x: 1rem;
   --cui-btn-font-size: 1.25rem;
   --cui-btn-border-radius: var(--cui-border-radius-lg);
 }
 
-.btn-sm, .btn-group-sm > .btn {
+.btn-sm {
   --cui-btn-padding-y: 0.25rem;
   --cui-btn-padding-x: 0.5rem;
   --cui-btn-font-size: 0.875rem;
@@ -3437,31 +3465,31 @@ textarea.form-control-lg {
 
 [data-coreui-theme=dark] .btn-primary {
   --cui-btn-color: #fff;
-  --cui-btn-bg: #6261cc;
-  --cui-btn-border-color: #6261cc;
+  --cui-btn-bg: rgb(94.2, 92.4, 207.6);
+  --cui-btn-border-color: rgb(94.2, 92.4, 207.6);
   --cui-btn-hover-color: #fff;
-  --cui-btn-hover-bg: #5352ad;
-  --cui-btn-hover-border-color: #4e4ea3;
-  --cui-btn-focus-shadow-rgb: 122, 121, 212;
+  --cui-btn-hover-bg: rgb(80.07, 78.54, 176.46);
+  --cui-btn-hover-border-color: rgb(75.36, 73.92, 166.08);
+  --cui-btn-focus-shadow-rgb: 118.32, 116.79, 214.71;
   --cui-btn-active-color: #fff;
-  --cui-btn-active-bg: #4e4ea3;
-  --cui-btn-active-border-color: #4a4999;
+  --cui-btn-active-bg: rgb(75.36, 73.92, 166.08);
+  --cui-btn-active-border-color: rgb(70.65, 69.3, 155.7);
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #fff;
-  --cui-btn-disabled-bg: #6261cc;
-  --cui-btn-disabled-border-color: #6261cc;
+  --cui-btn-disabled-bg: rgb(94.2, 92.4, 207.6);
+  --cui-btn-disabled-border-color: rgb(94.2, 92.4, 207.6);
 }
 [data-coreui-theme=dark] .btn-secondary {
   --cui-btn-color: #fff;
   --cui-btn-bg: #6b7785;
   --cui-btn-border-color: #6b7785;
   --cui-btn-hover-color: #fff;
-  --cui-btn-hover-bg: #5b6571;
-  --cui-btn-hover-border-color: #565f6a;
-  --cui-btn-focus-shadow-rgb: 129, 139, 151;
+  --cui-btn-hover-bg: rgb(90.95, 101.15, 113.05);
+  --cui-btn-hover-border-color: rgb(85.6, 95.2, 106.4);
+  --cui-btn-focus-shadow-rgb: 129.2, 139.4, 151.3;
   --cui-btn-active-color: #fff;
-  --cui-btn-active-bg: #565f6a;
-  --cui-btn-active-border-color: #505964;
+  --cui-btn-active-bg: rgb(85.6, 95.2, 106.4);
+  --cui-btn-active-border-color: rgb(80.25, 89.25, 99.75);
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #fff;
   --cui-btn-disabled-bg: #6b7785;
@@ -3469,223 +3497,331 @@ textarea.form-control-lg {
 }
 [data-coreui-theme=dark] .btn-success {
   --cui-btn-color: #080a0c;
-  --cui-btn-bg: #249542;
-  --cui-btn-border-color: #249542;
+  --cui-btn-bg: rgb(33.55, 151.45, 65.05);
+  --cui-btn-border-color: rgb(33.55, 151.45, 65.05);
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #45a55e;
-  --cui-btn-hover-border-color: #3aa055;
-  --cui-btn-focus-shadow-rgb: 32, 128, 58;
+  --cui-btn-hover-bg: rgb(66.7675, 166.9825, 93.5425);
+  --cui-btn-hover-border-color: rgb(55.695, 161.805, 84.045);
+  --cui-btn-focus-shadow-rgb: 29.7175, 130.2325, 57.0925;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #50aa68;
-  --cui-btn-active-border-color: #3aa055;
+  --cui-btn-active-bg: rgb(77.84, 172.16, 103.04);
+  --cui-btn-active-border-color: rgb(55.695, 161.805, 84.045);
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #080a0c;
-  --cui-btn-disabled-bg: #249542;
-  --cui-btn-disabled-border-color: #249542;
+  --cui-btn-disabled-bg: rgb(33.55, 151.45, 65.05);
+  --cui-btn-disabled-border-color: rgb(33.55, 151.45, 65.05);
 }
-[data-coreui-theme=dark] .btn-danger {
+[data-coreui-theme=dark] .btn-info {
   --cui-btn-color: #080a0c;
-  --cui-btn-bg: #db5d5d;
-  --cui-btn-border-color: #db5d5d;
+  --cui-btn-bg: rgb(61.2, 153, 244.8);
+  --cui-btn-border-color: rgb(61.2, 153, 244.8);
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #e07575;
-  --cui-btn-hover-border-color: #df6d6d;
-  --cui-btn-focus-shadow-rgb: 187, 81, 81;
+  --cui-btn-hover-bg: rgb(90.27, 168.3, 246.33);
+  --cui-btn-hover-border-color: rgb(80.58, 163.2, 245.82);
+  --cui-btn-focus-shadow-rgb: 53.22, 131.55, 209.88;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #e27d7d;
-  --cui-btn-active-border-color: #df6d6d;
+  --cui-btn-active-bg: rgb(99.96, 173.4, 246.84);
+  --cui-btn-active-border-color: rgb(80.58, 163.2, 245.82);
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #080a0c;
-  --cui-btn-disabled-bg: #db5d5d;
-  --cui-btn-disabled-border-color: #db5d5d;
+  --cui-btn-disabled-bg: rgb(61.2, 153, 244.8);
+  --cui-btn-disabled-border-color: rgb(61.2, 153, 244.8);
 }
 [data-coreui-theme=dark] .btn-warning {
   --cui-btn-color: #080a0c;
-  --cui-btn-bg: #edad21;
-  --cui-btn-border-color: #edad21;
+  --cui-btn-bg: rgb(237.6, 172.8, 32.4);
+  --cui-btn-border-color: rgb(237.6, 172.8, 32.4);
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #f0b942;
-  --cui-btn-hover-border-color: #efb537;
-  --cui-btn-focus-shadow-rgb: 203, 149, 30;
+  --cui-btn-hover-bg: rgb(240.21, 185.13, 65.79);
+  --cui-btn-hover-border-color: rgb(239.34, 181.02, 54.66);
+  --cui-btn-focus-shadow-rgb: 203.16, 148.38, 29.34;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #f1bd4d;
-  --cui-btn-active-border-color: #efb537;
+  --cui-btn-active-bg: rgb(241.08, 189.24, 76.92);
+  --cui-btn-active-border-color: rgb(239.34, 181.02, 54.66);
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #080a0c;
-  --cui-btn-disabled-bg: #edad21;
-  --cui-btn-disabled-border-color: #edad21;
+  --cui-btn-disabled-bg: rgb(237.6, 172.8, 32.4);
+  --cui-btn-disabled-border-color: rgb(237.6, 172.8, 32.4);
 }
-[data-coreui-theme=dark] .btn-info {
+[data-coreui-theme=dark] .btn-danger {
+  --cui-btn-color: #080a0c;
+  --cui-btn-bg: rgb(221.7, 90.3, 90.3);
+  --cui-btn-border-color: rgb(221.7, 90.3, 90.3);
+  --cui-btn-hover-color: #080a0c;
+  --cui-btn-hover-bg: rgb(226.695, 115.005, 115.005);
+  --cui-btn-hover-border-color: rgb(225.03, 106.77, 106.77);
+  --cui-btn-focus-shadow-rgb: 189.645, 78.255, 78.555;
+  --cui-btn-active-color: #080a0c;
+  --cui-btn-active-bg: rgb(228.36, 123.24, 123.24);
+  --cui-btn-active-border-color: rgb(225.03, 106.77, 106.77);
+  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
+  --cui-btn-disabled-color: #080a0c;
+  --cui-btn-disabled-bg: rgb(221.7, 90.3, 90.3);
+  --cui-btn-disabled-border-color: rgb(221.7, 90.3, 90.3);
+}
+[data-coreui-theme=dark] .btn-light {
   --cui-btn-color: #080a0c;
-  --cui-btn-bg: #3d99f5;
-  --cui-btn-border-color: #3d99f5;
+  --cui-btn-bg: #f3f4f7;
+  --cui-btn-border-color: #f3f4f7;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #5aa8f7;
-  --cui-btn-hover-border-color: #50a3f6;
-  --cui-btn-focus-shadow-rgb: 53, 132, 210;
+  --cui-btn-hover-bg: rgb(244.8, 245.65, 248.2);
+  --cui-btn-hover-border-color: rgb(244.2, 245.1, 247.8);
+  --cui-btn-focus-shadow-rgb: 207.75, 208.9, 211.75;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #64adf7;
-  --cui-btn-active-border-color: #50a3f6;
+  --cui-btn-active-bg: rgb(245.4, 246.2, 248.6);
+  --cui-btn-active-border-color: rgb(244.2, 245.1, 247.8);
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #080a0c;
-  --cui-btn-disabled-bg: #3d99f5;
-  --cui-btn-disabled-border-color: #3d99f5;
+  --cui-btn-disabled-bg: #f3f4f7;
+  --cui-btn-disabled-border-color: #f3f4f7;
+}
+[data-coreui-theme=dark] .btn-dark {
+  --cui-btn-color: #fff;
+  --cui-btn-bg: #212631;
+  --cui-btn-border-color: #212631;
+  --cui-btn-hover-color: #fff;
+  --cui-btn-hover-bg: rgb(28.05, 32.3, 41.65);
+  --cui-btn-hover-border-color: rgb(26.4, 30.4, 39.2);
+  --cui-btn-focus-shadow-rgb: 66.3, 70.55, 79.9;
+  --cui-btn-active-color: #fff;
+  --cui-btn-active-bg: rgb(26.4, 30.4, 39.2);
+  --cui-btn-active-border-color: rgb(24.75, 28.5, 36.75);
+  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
+  --cui-btn-disabled-color: #fff;
+  --cui-btn-disabled-bg: #212631;
+  --cui-btn-disabled-border-color: #212631;
 }
 [data-coreui-theme=dark] .btn-outline-primary {
-  --cui-btn-color: #6261cc;
-  --cui-btn-border-color: #6261cc;
+  --cui-btn-color: rgb(94.2, 92.4, 207.6);
+  --cui-btn-border-color: rgb(94.2, 92.4, 207.6);
   --cui-btn-hover-color: #fff;
-  --cui-btn-hover-bg: #4e4ea3;
-  --cui-btn-hover-border-color: #4a4999;
-  --cui-btn-focus-shadow-rgb: 98, 97, 204;
+  --cui-btn-hover-bg: rgb(94.2, 92.4, 207.6);
+  --cui-btn-hover-border-color: rgb(94.2, 92.4, 207.6);
+  --cui-btn-focus-shadow-rgb: 94.2, 92.4, 207.6;
   --cui-btn-active-color: #fff;
-  --cui-btn-active-bg: #4e4ea3;
-  --cui-btn-active-border-color: #4a4999;
+  --cui-btn-active-bg: rgb(94.2, 92.4, 207.6);
+  --cui-btn-active-border-color: rgb(94.2, 92.4, 207.6);
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: #6261cc;
+  --cui-btn-disabled-color: rgb(94.2, 92.4, 207.6);
   --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: rgb(94.2, 92.4, 207.6);
   --cui-gradient: none;
 }
 [data-coreui-theme=dark] .btn-outline-secondary {
   --cui-btn-color: #6b7785;
   --cui-btn-border-color: #6b7785;
   --cui-btn-hover-color: #fff;
-  --cui-btn-hover-bg: #565f6a;
-  --cui-btn-hover-border-color: #505964;
+  --cui-btn-hover-bg: #6b7785;
+  --cui-btn-hover-border-color: #6b7785;
   --cui-btn-focus-shadow-rgb: 107, 119, 133;
   --cui-btn-active-color: #fff;
-  --cui-btn-active-bg: #565f6a;
-  --cui-btn-active-border-color: #505964;
+  --cui-btn-active-bg: #6b7785;
+  --cui-btn-active-border-color: #6b7785;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #6b7785;
   --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: #6b7785;
   --cui-gradient: none;
 }
 [data-coreui-theme=dark] .btn-outline-success {
-  --cui-btn-color: #249542;
-  --cui-btn-border-color: #249542;
+  --cui-btn-color: rgb(33.55, 151.45, 65.05);
+  --cui-btn-border-color: rgb(33.55, 151.45, 65.05);
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #50aa68;
-  --cui-btn-hover-border-color: #3aa055;
-  --cui-btn-focus-shadow-rgb: 36, 149, 66;
+  --cui-btn-hover-bg: rgb(33.55, 151.45, 65.05);
+  --cui-btn-hover-border-color: rgb(33.55, 151.45, 65.05);
+  --cui-btn-focus-shadow-rgb: 33.55, 151.45, 65.05;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #50aa68;
-  --cui-btn-active-border-color: #3aa055;
+  --cui-btn-active-bg: rgb(33.55, 151.45, 65.05);
+  --cui-btn-active-border-color: rgb(33.55, 151.45, 65.05);
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: #249542;
+  --cui-btn-disabled-color: rgb(33.55, 151.45, 65.05);
   --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: rgb(33.55, 151.45, 65.05);
   --cui-gradient: none;
 }
-[data-coreui-theme=dark] .btn-outline-danger {
-  --cui-btn-color: #db5d5d;
-  --cui-btn-border-color: #db5d5d;
+[data-coreui-theme=dark] .btn-outline-info {
+  --cui-btn-color: rgb(61.2, 153, 244.8);
+  --cui-btn-border-color: rgb(61.2, 153, 244.8);
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #e27d7d;
-  --cui-btn-hover-border-color: #df6d6d;
-  --cui-btn-focus-shadow-rgb: 219, 93, 93;
+  --cui-btn-hover-bg: rgb(61.2, 153, 244.8);
+  --cui-btn-hover-border-color: rgb(61.2, 153, 244.8);
+  --cui-btn-focus-shadow-rgb: 61.2, 153, 244.8;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #e27d7d;
-  --cui-btn-active-border-color: #df6d6d;
+  --cui-btn-active-bg: rgb(61.2, 153, 244.8);
+  --cui-btn-active-border-color: rgb(61.2, 153, 244.8);
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: #db5d5d;
+  --cui-btn-disabled-color: rgb(61.2, 153, 244.8);
   --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: rgb(61.2, 153, 244.8);
   --cui-gradient: none;
 }
 [data-coreui-theme=dark] .btn-outline-warning {
-  --cui-btn-color: #edad21;
-  --cui-btn-border-color: #edad21;
+  --cui-btn-color: rgb(237.6, 172.8, 32.4);
+  --cui-btn-border-color: rgb(237.6, 172.8, 32.4);
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #f1bd4d;
-  --cui-btn-hover-border-color: #efb537;
-  --cui-btn-focus-shadow-rgb: 237, 173, 33;
+  --cui-btn-hover-bg: rgb(237.6, 172.8, 32.4);
+  --cui-btn-hover-border-color: rgb(237.6, 172.8, 32.4);
+  --cui-btn-focus-shadow-rgb: 237.6, 172.8, 32.4;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #f1bd4d;
-  --cui-btn-active-border-color: #efb537;
+  --cui-btn-active-bg: rgb(237.6, 172.8, 32.4);
+  --cui-btn-active-border-color: rgb(237.6, 172.8, 32.4);
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: #edad21;
+  --cui-btn-disabled-color: rgb(237.6, 172.8, 32.4);
   --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: rgb(237.6, 172.8, 32.4);
   --cui-gradient: none;
 }
-[data-coreui-theme=dark] .btn-outline-info {
-  --cui-btn-color: #3d99f5;
-  --cui-btn-border-color: #3d99f5;
+[data-coreui-theme=dark] .btn-outline-danger {
+  --cui-btn-color: rgb(221.7, 90.3, 90.3);
+  --cui-btn-border-color: rgb(221.7, 90.3, 90.3);
+  --cui-btn-hover-color: #080a0c;
+  --cui-btn-hover-bg: rgb(221.7, 90.3, 90.3);
+  --cui-btn-hover-border-color: rgb(221.7, 90.3, 90.3);
+  --cui-btn-focus-shadow-rgb: 221.7, 90.3, 90.3;
+  --cui-btn-active-color: #080a0c;
+  --cui-btn-active-bg: rgb(221.7, 90.3, 90.3);
+  --cui-btn-active-border-color: rgb(221.7, 90.3, 90.3);
+  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
+  --cui-btn-disabled-color: rgb(221.7, 90.3, 90.3);
+  --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: rgb(221.7, 90.3, 90.3);
+  --cui-gradient: none;
+}
+[data-coreui-theme=dark] .btn-outline-light {
+  --cui-btn-color: #f3f4f7;
+  --cui-btn-border-color: #f3f4f7;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #64adf7;
-  --cui-btn-hover-border-color: #50a3f6;
-  --cui-btn-focus-shadow-rgb: 61, 153, 245;
+  --cui-btn-hover-bg: #f3f4f7;
+  --cui-btn-hover-border-color: #f3f4f7;
+  --cui-btn-focus-shadow-rgb: 243, 244, 247;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #64adf7;
-  --cui-btn-active-border-color: #50a3f6;
+  --cui-btn-active-bg: #f3f4f7;
+  --cui-btn-active-border-color: #f3f4f7;
+  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
+  --cui-btn-disabled-color: #f3f4f7;
+  --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: #f3f4f7;
+  --cui-gradient: none;
+}
+[data-coreui-theme=dark] .btn-outline-dark {
+  --cui-btn-color: #212631;
+  --cui-btn-border-color: #212631;
+  --cui-btn-hover-color: #fff;
+  --cui-btn-hover-bg: #212631;
+  --cui-btn-hover-border-color: #212631;
+  --cui-btn-focus-shadow-rgb: 33, 38, 49;
+  --cui-btn-active-color: #fff;
+  --cui-btn-active-bg: #212631;
+  --cui-btn-active-border-color: #212631;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: #3d99f5;
+  --cui-btn-disabled-color: #212631;
   --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: #212631;
   --cui-gradient: none;
 }
 [data-coreui-theme=dark] .btn-ghost-primary {
-  --cui-btn-color: #6261cc;
-  --cui-btn-hover-bg: #5352ad;
-  --cui-btn-hover-border-color: #4e4ea3;
+  --cui-btn-color: rgb(94.2, 92.4, 207.6);
+  --cui-btn-border-color: transparent;
+  --cui-btn-hover-bg: rgb(94.2, 92.4, 207.6);
+  --cui-btn-hover-border-color: rgb(94.2, 92.4, 207.6);
   --cui-btn-hover-color: #fff;
-  --cui-btn-active-bg: #4e4ea3;
-  --cui-btn-active-border-color: #4a4999;
+  --cui-btn-active-bg: rgb(94.2, 92.4, 207.6);
+  --cui-btn-active-border-color: rgb(94.2, 92.4, 207.6);
   --cui-btn-active-color: #fff;
-  --cui-btn-disabled-color: #6261cc;
-  --cui-btn-shadow: rgba(98, 97, 204, 0.5);
+  --cui-btn-disabled-color: rgb(94.2, 92.4, 207.6);
+  --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: transparent;
 }
 [data-coreui-theme=dark] .btn-ghost-secondary {
   --cui-btn-color: #6b7785;
-  --cui-btn-hover-bg: #5b6571;
-  --cui-btn-hover-border-color: #565f6a;
+  --cui-btn-border-color: transparent;
+  --cui-btn-hover-bg: #6b7785;
+  --cui-btn-hover-border-color: #6b7785;
   --cui-btn-hover-color: #fff;
-  --cui-btn-active-bg: #565f6a;
-  --cui-btn-active-border-color: #505964;
+  --cui-btn-active-bg: #6b7785;
+  --cui-btn-active-border-color: #6b7785;
   --cui-btn-active-color: #fff;
   --cui-btn-disabled-color: #6b7785;
-  --cui-btn-shadow: rgba(107, 119, 133, 0.5);
+  --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: transparent;
 }
 [data-coreui-theme=dark] .btn-ghost-success {
-  --cui-btn-color: #249542;
-  --cui-btn-hover-bg: #45a55e;
-  --cui-btn-hover-border-color: #3aa055;
+  --cui-btn-color: rgb(33.55, 151.45, 65.05);
+  --cui-btn-border-color: transparent;
+  --cui-btn-hover-bg: rgb(33.55, 151.45, 65.05);
+  --cui-btn-hover-border-color: rgb(33.55, 151.45, 65.05);
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-active-bg: #50aa68;
-  --cui-btn-active-border-color: #3aa055;
+  --cui-btn-active-bg: rgb(33.55, 151.45, 65.05);
+  --cui-btn-active-border-color: rgb(33.55, 151.45, 65.05);
   --cui-btn-active-color: #080a0c;
-  --cui-btn-disabled-color: #249542;
-  --cui-btn-shadow: rgba(36, 149, 66, 0.5);
+  --cui-btn-disabled-color: rgb(33.55, 151.45, 65.05);
+  --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: transparent;
 }
-[data-coreui-theme=dark] .btn-ghost-danger {
-  --cui-btn-color: #db5d5d;
-  --cui-btn-hover-bg: #e07575;
-  --cui-btn-hover-border-color: #df6d6d;
+[data-coreui-theme=dark] .btn-ghost-info {
+  --cui-btn-color: rgb(61.2, 153, 244.8);
+  --cui-btn-border-color: transparent;
+  --cui-btn-hover-bg: rgb(61.2, 153, 244.8);
+  --cui-btn-hover-border-color: rgb(61.2, 153, 244.8);
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-active-bg: #e27d7d;
-  --cui-btn-active-border-color: #df6d6d;
+  --cui-btn-active-bg: rgb(61.2, 153, 244.8);
+  --cui-btn-active-border-color: rgb(61.2, 153, 244.8);
   --cui-btn-active-color: #080a0c;
-  --cui-btn-disabled-color: #db5d5d;
-  --cui-btn-shadow: rgba(219, 93, 93, 0.5);
+  --cui-btn-disabled-color: rgb(61.2, 153, 244.8);
+  --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: transparent;
 }
 [data-coreui-theme=dark] .btn-ghost-warning {
-  --cui-btn-color: #edad21;
-  --cui-btn-hover-bg: #f0b942;
-  --cui-btn-hover-border-color: #efb537;
+  --cui-btn-color: rgb(237.6, 172.8, 32.4);
+  --cui-btn-border-color: transparent;
+  --cui-btn-hover-bg: rgb(237.6, 172.8, 32.4);
+  --cui-btn-hover-border-color: rgb(237.6, 172.8, 32.4);
+  --cui-btn-hover-color: #080a0c;
+  --cui-btn-active-bg: rgb(237.6, 172.8, 32.4);
+  --cui-btn-active-border-color: rgb(237.6, 172.8, 32.4);
+  --cui-btn-active-color: #080a0c;
+  --cui-btn-disabled-color: rgb(237.6, 172.8, 32.4);
+  --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: transparent;
+}
+[data-coreui-theme=dark] .btn-ghost-danger {
+  --cui-btn-color: rgb(221.7, 90.3, 90.3);
+  --cui-btn-border-color: transparent;
+  --cui-btn-hover-bg: rgb(221.7, 90.3, 90.3);
+  --cui-btn-hover-border-color: rgb(221.7, 90.3, 90.3);
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-active-bg: #f1bd4d;
-  --cui-btn-active-border-color: #efb537;
+  --cui-btn-active-bg: rgb(221.7, 90.3, 90.3);
+  --cui-btn-active-border-color: rgb(221.7, 90.3, 90.3);
   --cui-btn-active-color: #080a0c;
-  --cui-btn-disabled-color: #edad21;
-  --cui-btn-shadow: rgba(237, 173, 33, 0.5);
+  --cui-btn-disabled-color: rgb(221.7, 90.3, 90.3);
+  --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: transparent;
 }
-[data-coreui-theme=dark] .btn-ghost-info {
-  --cui-btn-color: #3d99f5;
-  --cui-btn-hover-bg: #5aa8f7;
-  --cui-btn-hover-border-color: #50a3f6;
+[data-coreui-theme=dark] .btn-ghost-light {
+  --cui-btn-color: #f3f4f7;
+  --cui-btn-border-color: transparent;
+  --cui-btn-hover-bg: #f3f4f7;
+  --cui-btn-hover-border-color: #f3f4f7;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-active-bg: #64adf7;
-  --cui-btn-active-border-color: #50a3f6;
+  --cui-btn-active-bg: #f3f4f7;
+  --cui-btn-active-border-color: #f3f4f7;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-disabled-color: #3d99f5;
-  --cui-btn-shadow: rgba(61, 153, 245, 0.5);
+  --cui-btn-disabled-color: #f3f4f7;
+  --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: transparent;
+}
+[data-coreui-theme=dark] .btn-ghost-dark {
+  --cui-btn-color: #212631;
+  --cui-btn-border-color: transparent;
+  --cui-btn-hover-bg: #212631;
+  --cui-btn-hover-border-color: #212631;
+  --cui-btn-hover-color: #fff;
+  --cui-btn-active-bg: #212631;
+  --cui-btn-active-border-color: #212631;
+  --cui-btn-active-color: #fff;
+  --cui-btn-disabled-color: #212631;
+  --cui-btn-disabled-bg: transparent;
+  --cui-btn-disabled-border-color: transparent;
 }
 
 .fade {
@@ -3739,7 +3875,7 @@ textarea.form-control-lg {
 }
 .dropdown-toggle::after {
   display: inline-block;
-  margin-right: 0.255em;
+  margin-inline-start: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid;
@@ -3748,7 +3884,7 @@ textarea.form-control-lg {
   border-left: 0.3em solid transparent;
 }
 .dropdown-toggle:empty::after {
-  margin-right: 0;
+  margin-inline-start: 0;
 }
 
 .dropdown-menu {
@@ -3786,7 +3922,7 @@ textarea.form-control-lg {
   margin: 0;
   font-size: var(--cui-dropdown-font-size);
   color: var(--cui-dropdown-color);
-  text-align: right;
+  text-align: start;
   list-style: none;
   background-color: var(--cui-dropdown-bg);
   background-clip: padding-box;
@@ -3794,8 +3930,8 @@ textarea.form-control-lg {
   border-radius: var(--cui-dropdown-border-radius);
 }
 .dropdown-menu[data-coreui-popper] {
+  inset-inline-start: 0;
   top: 100%;
-  right: 0;
   margin-top: var(--cui-dropdown-spacer);
 }
 
@@ -3803,16 +3939,16 @@ textarea.form-control-lg {
   --cui-position: start;
 }
 .dropdown-menu-start[data-coreui-popper] {
-  left: auto;
-  right: 0;
+  inset-inline-start: 0;
+  inset-inline-end: auto;
 }
 
 .dropdown-menu-end {
   --cui-position: end;
 }
 .dropdown-menu-end[data-coreui-popper] {
-  left: 0;
-  right: auto;
+  inset-inline-start: auto;
+  inset-inline-end: 0;
 }
 
 @media (min-width: 576px) {
@@ -3820,15 +3956,15 @@ textarea.form-control-lg {
     --cui-position: start;
   }
   .dropdown-menu-sm-start[data-coreui-popper] {
-    left: auto;
-    right: 0;
+    inset-inline-start: 0;
+    inset-inline-end: auto;
   }
   .dropdown-menu-sm-end {
     --cui-position: end;
   }
   .dropdown-menu-sm-end[data-coreui-popper] {
-    left: 0;
-    right: auto;
+    inset-inline-start: auto;
+    inset-inline-end: 0;
   }
 }
 @media (min-width: 768px) {
@@ -3836,15 +3972,15 @@ textarea.form-control-lg {
     --cui-position: start;
   }
   .dropdown-menu-md-start[data-coreui-popper] {
-    left: auto;
-    right: 0;
+    inset-inline-start: 0;
+    inset-inline-end: auto;
   }
   .dropdown-menu-md-end {
     --cui-position: end;
   }
   .dropdown-menu-md-end[data-coreui-popper] {
-    left: 0;
-    right: auto;
+    inset-inline-start: auto;
+    inset-inline-end: 0;
   }
 }
 @media (min-width: 992px) {
@@ -3852,15 +3988,15 @@ textarea.form-control-lg {
     --cui-position: start;
   }
   .dropdown-menu-lg-start[data-coreui-popper] {
-    left: auto;
-    right: 0;
+    inset-inline-start: 0;
+    inset-inline-end: auto;
   }
   .dropdown-menu-lg-end {
     --cui-position: end;
   }
   .dropdown-menu-lg-end[data-coreui-popper] {
-    left: 0;
-    right: auto;
+    inset-inline-start: auto;
+    inset-inline-end: 0;
   }
 }
 @media (min-width: 1200px) {
@@ -3868,15 +4004,15 @@ textarea.form-control-lg {
     --cui-position: start;
   }
   .dropdown-menu-xl-start[data-coreui-popper] {
-    left: auto;
-    right: 0;
+    inset-inline-start: 0;
+    inset-inline-end: auto;
   }
   .dropdown-menu-xl-end {
     --cui-position: end;
   }
   .dropdown-menu-xl-end[data-coreui-popper] {
-    left: 0;
-    right: auto;
+    inset-inline-start: auto;
+    inset-inline-end: 0;
   }
 }
 @media (min-width: 1400px) {
@@ -3884,15 +4020,15 @@ textarea.form-control-lg {
     --cui-position: start;
   }
   .dropdown-menu-xxl-start[data-coreui-popper] {
-    left: auto;
-    right: 0;
+    inset-inline-start: 0;
+    inset-inline-end: auto;
   }
   .dropdown-menu-xxl-end {
     --cui-position: end;
   }
   .dropdown-menu-xxl-end[data-coreui-popper] {
-    left: 0;
-    right: auto;
+    inset-inline-start: auto;
+    inset-inline-end: 0;
   }
 }
 .dropup .dropdown-menu[data-coreui-popper] {
@@ -3903,7 +4039,7 @@ textarea.form-control-lg {
 }
 .dropup .dropdown-toggle::after {
   display: inline-block;
-  margin-right: 0.255em;
+  margin-inline-start: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0;
@@ -3912,19 +4048,19 @@ textarea.form-control-lg {
   border-left: 0.3em solid transparent;
 }
 .dropup .dropdown-toggle:empty::after {
-  margin-right: 0;
+  margin-inline-start: 0;
 }
 
 .dropend .dropdown-menu[data-coreui-popper] {
+  inset-inline-start: 100%;
+  inset-inline-end: auto;
   top: 0;
-  left: auto;
-  right: 100%;
+  margin-inline-start: var(--cui-dropdown-spacer);
   margin-top: 0;
-  margin-right: var(--cui-dropdown-spacer);
 }
 .dropend .dropdown-toggle::after {
   display: inline-block;
-  margin-right: 0.255em;
+  margin-inline-start: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid transparent;
@@ -3933,22 +4069,22 @@ textarea.form-control-lg {
   border-left: 0.3em solid;
 }
 .dropend .dropdown-toggle:empty::after {
-  margin-right: 0;
+  margin-inline-start: 0;
 }
 .dropend .dropdown-toggle::after {
   vertical-align: 0;
 }
 
 .dropstart .dropdown-menu[data-coreui-popper] {
+  inset-inline-start: auto;
+  inset-inline-end: 100%;
   top: 0;
-  left: 100%;
-  right: auto;
+  margin-inline-end: var(--cui-dropdown-spacer);
   margin-top: 0;
-  margin-left: var(--cui-dropdown-spacer);
 }
 .dropstart .dropdown-toggle::after {
   display: inline-block;
-  margin-right: 0.255em;
+  margin-inline-start: 0.255em;
   vertical-align: 0.255em;
   content: "";
 }
@@ -3957,7 +4093,7 @@ textarea.form-control-lg {
 }
 .dropstart .dropdown-toggle::before {
   display: inline-block;
-  margin-left: 0.255em;
+  margin-inline-end: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid transparent;
@@ -3965,7 +4101,7 @@ textarea.form-control-lg {
   border-bottom: 0.3em solid transparent;
 }
 .dropstart .dropdown-toggle:empty::after {
-  margin-right: 0;
+  margin-inline-start: 0;
 }
 .dropstart .dropdown-toggle::before {
   vertical-align: 0;
@@ -4082,19 +4218,19 @@ textarea.form-control-lg {
 }
 .btn-group > :not(.btn-check:first-child) + .btn,
 .btn-group > .btn-group:not(:first-child) {
-  margin-right: calc(var(--cui-border-width) * -1);
+  margin-inline-start: calc(var(--cui-border-width) * -1);
 }
 .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
 .btn-group > .btn.dropdown-toggle-split:first-child,
 .btn-group > .btn-group:not(:last-child) > .btn {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
 }
 .btn-group > .btn:nth-child(n+3),
 .btn-group > :not(.btn-check) + .btn,
 .btn-group > .btn-group:not(:first-child) > .btn {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
 }
 
 .dropdown-toggle-split {
@@ -4102,10 +4238,10 @@ textarea.form-control-lg {
   padding-left: 0.5625rem;
 }
 .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
-  margin-right: 0;
+  margin-inline-start: 0;
 }
 .dropstart .dropdown-toggle-split::before {
-  margin-left: 0;
+  margin-inline-end: 0;
 }
 
 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
@@ -4152,7 +4288,7 @@ textarea.form-control-lg {
   --cui-nav-link-disabled-color: var(--cui-secondary-color);
   display: flex;
   flex-wrap: wrap;
-  padding-right: 0;
+  padding-inline-start: 0;
   margin-bottom: 0;
   list-style: none;
 }
@@ -4290,8 +4426,8 @@ textarea.form-control-lg {
 
 .nav-justified > .nav-link,
 .nav-justified .nav-item {
-  flex-basis: 0;
   flex-grow: 1;
+  flex-basis: 0;
   text-align: center;
 }
 
@@ -4323,7 +4459,7 @@ textarea.form-control-lg {
   --cui-navbar-toggler-padding-y: 0.25rem;
   --cui-navbar-toggler-padding-x: 0.75rem;
   --cui-navbar-toggler-font-size: 1.25rem;
-  --cui-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%2837, 43, 54, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  --cui-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%2837, 42.92, 54.02, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
   --cui-navbar-toggler-border-color: rgba(var(--cui-emphasis-color-rgb), 0.15);
   --cui-navbar-toggler-border-radius: var(--cui-border-radius);
   --cui-navbar-toggler-focus-width: 0.25rem;
@@ -4335,19 +4471,8 @@ textarea.form-control-lg {
   justify-content: space-between;
   padding: var(--cui-navbar-padding-y) var(--cui-navbar-padding-x);
 }
-.navbar .header > .container,
-.navbar .header > .container-fluid,
-.navbar .header > .container-sm,
-.navbar .header > .container-md,
-.navbar .header > .container-lg,
-.navbar .header > .container-xl,
-.navbar .header > .container-xxl, .navbar > .container,
-.navbar > .container-fluid,
-.navbar > .container-sm,
-.navbar > .container-md,
-.navbar > .container-lg,
-.navbar > .container-xl,
-.navbar > .container-xxl {
+.navbar > .container-xxl, .navbar > .container-xl, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container,
+.navbar > .container-fluid {
   display: flex;
   flex-wrap: inherit;
   align-items: center;
@@ -4356,7 +4481,7 @@ textarea.form-control-lg {
 .navbar-brand {
   padding-top: var(--cui-navbar-brand-padding-y);
   padding-bottom: var(--cui-navbar-brand-padding-y);
-  margin-left: var(--cui-navbar-brand-margin-end);
+  margin-inline-end: var(--cui-navbar-brand-margin-end);
   font-size: var(--cui-navbar-brand-font-size);
   color: var(--cui-navbar-brand-color);
   text-decoration: none;
@@ -4375,7 +4500,7 @@ textarea.form-control-lg {
   --cui-nav-link-disabled-color: var(--cui-navbar-disabled-color);
   display: flex;
   flex-direction: column;
-  padding-right: 0;
+  padding-inline-start: 0;
   margin-bottom: 0;
   list-style: none;
 }
@@ -4398,8 +4523,8 @@ textarea.form-control-lg {
 }
 
 .navbar-collapse {
-  flex-basis: 100%;
   flex-grow: 1;
+  flex-basis: 100%;
   align-items: center;
 }
 
@@ -4817,7 +4942,7 @@ textarea.form-control-lg {
 }
 
 .card-link + .card-link {
-  margin-right: var(--cui-card-spacer-x);
+  margin-inline-start: var(--cui-card-spacer-x);
 }
 
 .card-header {
@@ -4894,16 +5019,16 @@ textarea.form-control-lg {
     flex-flow: row wrap;
   }
   .card-group > .card {
-    flex: 1 0 0%;
+    flex: 1 0 0;
     margin-bottom: 0;
   }
   .card-group > .card + .card {
-    margin-right: 0;
-    border-right: 0;
+    margin-inline-start: 0;
+    border-inline-start: 0;
   }
   .card-group > .card:not(:last-child) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
+    border-start-end-radius: 0;
+    border-end-end-radius: 0;
   }
   .card-group > .card:not(:last-child) .card-img-top,
   .card-group > .card:not(:last-child) .card-header {
@@ -4914,8 +5039,8 @@ textarea.form-control-lg {
     border-bottom-right-radius: 0;
   }
   .card-group > .card:not(:first-child) {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
   }
   .card-group > .card:not(:first-child) .card-img-top,
   .card-group > .card:not(:first-child) .card-header {
@@ -4939,7 +5064,7 @@ textarea.form-control-lg {
   --cui-accordion-btn-padding-y: 1rem;
   --cui-accordion-btn-color: var(--cui-body-color);
   --cui-accordion-btn-bg: var(--cui-accordion-bg);
-  --cui-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgba%2837, 43, 54, 0.95%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+  --cui-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgba%2837, 42.92, 54.02, 0.95%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   --cui-accordion-btn-icon-width: 1.25rem;
   --cui-accordion-btn-icon-transform: rotate(-180deg);
   --cui-accordion-btn-icon-transition: transform 0.2s ease-in-out;
@@ -4959,7 +5084,7 @@ textarea.form-control-lg {
   padding: var(--cui-accordion-btn-padding-y) var(--cui-accordion-btn-padding-x);
   font-size: 1rem;
   color: var(--cui-accordion-btn-color);
-  text-align: right;
+  text-align: start;
   background-color: var(--cui-accordion-btn-bg);
   border: 0;
   border-radius: 0;
@@ -4984,7 +5109,7 @@ textarea.form-control-lg {
   flex-shrink: 0;
   width: var(--cui-accordion-btn-icon-width);
   height: var(--cui-accordion-btn-icon-width);
-  margin-right: auto;
+  margin-inline-start: auto;
   content: "";
   background-image: var(--cui-accordion-btn-icon);
   background-repeat: no-repeat;
@@ -5061,7 +5186,7 @@ textarea.form-control-lg {
 
 [data-coreui-theme=dark] .accordion-button::after {
   --cui-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%28255, 255, 255, 0.87%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");
-  --cui-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23403f98'%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");
+  --cui-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%2859.35, 57.55, 157.45%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");
 }
 
 .breadcrumb {
@@ -5084,11 +5209,11 @@ textarea.form-control-lg {
 }
 
 .breadcrumb-item + .breadcrumb-item {
-  padding-right: var(--cui-breadcrumb-item-padding-x);
+  padding-inline-start: var(--cui-breadcrumb-item-padding-x);
 }
 .breadcrumb-item + .breadcrumb-item::before {
-  float: right;
-  padding-left: var(--cui-breadcrumb-item-padding-x);
+  float: inline-start;
+  padding-inline-end: var(--cui-breadcrumb-item-padding-x);
   color: var(--cui-breadcrumb-divider-color);
   content: var(--cui-breadcrumb-divider-flipped, "/");
 }
@@ -5118,7 +5243,7 @@ textarea.form-control-lg {
   --cui-pagination-disabled-bg: var(--cui-secondary-bg);
   --cui-pagination-disabled-border-color: var(--cui-border-color);
   display: flex;
-  padding-right: 0;
+  padding-inline-start: 0;
   list-style: none;
 }
 
@@ -5165,15 +5290,15 @@ textarea.form-control-lg {
 }
 
 .page-item:not(:first-child) .page-link {
-  margin-right: calc(var(--cui-border-width) * -1);
+  margin-inline-start: calc(var(--cui-border-width) * -1);
 }
 .page-item:first-child .page-link {
-  border-top-right-radius: var(--cui-pagination-border-radius);
-  border-bottom-right-radius: var(--cui-pagination-border-radius);
+  border-start-start-radius: var(--cui-pagination-border-radius);
+  border-end-start-radius: var(--cui-pagination-border-radius);
 }
 .page-item:last-child .page-link {
-  border-top-left-radius: var(--cui-pagination-border-radius);
-  border-bottom-left-radius: var(--cui-pagination-border-radius);
+  border-start-end-radius: var(--cui-pagination-border-radius);
+  border-end-end-radius: var(--cui-pagination-border-radius);
 }
 
 .pagination-lg {
@@ -5252,12 +5377,12 @@ textarea.form-control-lg {
 }
 
 .alert-dismissible {
-  padding-left: 3rem;
+  padding-inline-end: 3rem;
 }
 .alert-dismissible .btn-close {
   position: absolute;
+  inset-inline-end: 0;
   top: 0;
-  left: 0;
   z-index: 2;
   padding: 1.25rem 1rem;
 }
@@ -5441,7 +5566,7 @@ textarea.form-control-lg {
   --cui-list-group-active-border-color: var(--cui-primary);
   display: flex;
   flex-direction: column;
-  padding-right: 0;
+  padding-inline-start: 0;
   margin-bottom: 0;
   border-radius: var(--cui-list-group-border-radius);
 }
@@ -5511,23 +5636,23 @@ textarea.form-control-lg {
   flex-direction: row;
 }
 .list-group-horizontal > .list-group-item:first-child:not(:last-child) {
-  border-bottom-right-radius: var(--cui-list-group-border-radius);
-  border-top-left-radius: 0;
+  border-end-start-radius: var(--cui-list-group-border-radius);
+  border-start-end-radius: 0;
 }
 .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
-  border-top-left-radius: var(--cui-list-group-border-radius);
-  border-bottom-right-radius: 0;
+  border-start-end-radius: var(--cui-list-group-border-radius);
+  border-end-start-radius: 0;
 }
 .list-group-horizontal > .list-group-item.active {
   margin-top: 0;
 }
 .list-group-horizontal > .list-group-item + .list-group-item {
+  border-inline-start-width: 0;
   border-top-width: var(--cui-list-group-border-width);
-  border-right-width: 0;
 }
 .list-group-horizontal > .list-group-item + .list-group-item.active {
-  margin-right: calc(-1 * var(--cui-list-group-border-width));
-  border-right-width: var(--cui-list-group-border-width);
+  margin-inline-start: calc(-1 * var(--cui-list-group-border-width));
+  border-inline-start-width: var(--cui-list-group-border-width);
 }
 
 @media (min-width: 576px) {
@@ -5535,23 +5660,23 @@ textarea.form-control-lg {
     flex-direction: row;
   }
   .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
-    border-bottom-right-radius: var(--cui-list-group-border-radius);
-    border-top-left-radius: 0;
+    border-end-start-radius: var(--cui-list-group-border-radius);
+    border-start-end-radius: 0;
   }
   .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
-    border-top-left-radius: var(--cui-list-group-border-radius);
-    border-bottom-right-radius: 0;
+    border-start-end-radius: var(--cui-list-group-border-radius);
+    border-end-start-radius: 0;
   }
   .list-group-horizontal-sm > .list-group-item.active {
     margin-top: 0;
   }
   .list-group-horizontal-sm > .list-group-item + .list-group-item {
+    border-inline-start-width: 0;
     border-top-width: var(--cui-list-group-border-width);
-    border-right-width: 0;
   }
   .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
-    margin-right: calc(-1 * var(--cui-list-group-border-width));
-    border-right-width: var(--cui-list-group-border-width);
+    margin-inline-start: calc(-1 * var(--cui-list-group-border-width));
+    border-inline-start-width: var(--cui-list-group-border-width);
   }
 }
 @media (min-width: 768px) {
@@ -5559,23 +5684,23 @@ textarea.form-control-lg {
     flex-direction: row;
   }
   .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
-    border-bottom-right-radius: var(--cui-list-group-border-radius);
-    border-top-left-radius: 0;
+    border-end-start-radius: var(--cui-list-group-border-radius);
+    border-start-end-radius: 0;
   }
   .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
-    border-top-left-radius: var(--cui-list-group-border-radius);
-    border-bottom-right-radius: 0;
+    border-start-end-radius: var(--cui-list-group-border-radius);
+    border-end-start-radius: 0;
   }
   .list-group-horizontal-md > .list-group-item.active {
     margin-top: 0;
   }
   .list-group-horizontal-md > .list-group-item + .list-group-item {
+    border-inline-start-width: 0;
     border-top-width: var(--cui-list-group-border-width);
-    border-right-width: 0;
   }
   .list-group-horizontal-md > .list-group-item + .list-group-item.active {
-    margin-right: calc(-1 * var(--cui-list-group-border-width));
-    border-right-width: var(--cui-list-group-border-width);
+    margin-inline-start: calc(-1 * var(--cui-list-group-border-width));
+    border-inline-start-width: var(--cui-list-group-border-width);
   }
 }
 @media (min-width: 992px) {
@@ -5583,23 +5708,23 @@ textarea.form-control-lg {
     flex-direction: row;
   }
   .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
-    border-bottom-right-radius: var(--cui-list-group-border-radius);
-    border-top-left-radius: 0;
+    border-end-start-radius: var(--cui-list-group-border-radius);
+    border-start-end-radius: 0;
   }
   .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
-    border-top-left-radius: var(--cui-list-group-border-radius);
-    border-bottom-right-radius: 0;
+    border-start-end-radius: var(--cui-list-group-border-radius);
+    border-end-start-radius: 0;
   }
   .list-group-horizontal-lg > .list-group-item.active {
     margin-top: 0;
   }
   .list-group-horizontal-lg > .list-group-item + .list-group-item {
+    border-inline-start-width: 0;
     border-top-width: var(--cui-list-group-border-width);
-    border-right-width: 0;
   }
   .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
-    margin-right: calc(-1 * var(--cui-list-group-border-width));
-    border-right-width: var(--cui-list-group-border-width);
+    margin-inline-start: calc(-1 * var(--cui-list-group-border-width));
+    border-inline-start-width: var(--cui-list-group-border-width);
   }
 }
 @media (min-width: 1200px) {
@@ -5607,23 +5732,23 @@ textarea.form-control-lg {
     flex-direction: row;
   }
   .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
-    border-bottom-right-radius: var(--cui-list-group-border-radius);
-    border-top-left-radius: 0;
+    border-end-start-radius: var(--cui-list-group-border-radius);
+    border-start-end-radius: 0;
   }
   .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
-    border-top-left-radius: var(--cui-list-group-border-radius);
-    border-bottom-right-radius: 0;
+    border-start-end-radius: var(--cui-list-group-border-radius);
+    border-end-start-radius: 0;
   }
   .list-group-horizontal-xl > .list-group-item.active {
     margin-top: 0;
   }
   .list-group-horizontal-xl > .list-group-item + .list-group-item {
+    border-inline-start-width: 0;
     border-top-width: var(--cui-list-group-border-width);
-    border-right-width: 0;
   }
   .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
-    margin-right: calc(-1 * var(--cui-list-group-border-width));
-    border-right-width: var(--cui-list-group-border-width);
+    margin-inline-start: calc(-1 * var(--cui-list-group-border-width));
+    border-inline-start-width: var(--cui-list-group-border-width);
   }
 }
 @media (min-width: 1400px) {
@@ -5631,23 +5756,23 @@ textarea.form-control-lg {
     flex-direction: row;
   }
   .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
-    border-bottom-right-radius: var(--cui-list-group-border-radius);
-    border-top-left-radius: 0;
+    border-end-start-radius: var(--cui-list-group-border-radius);
+    border-start-end-radius: 0;
   }
   .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
-    border-top-left-radius: var(--cui-list-group-border-radius);
-    border-bottom-right-radius: 0;
+    border-start-end-radius: var(--cui-list-group-border-radius);
+    border-end-start-radius: 0;
   }
   .list-group-horizontal-xxl > .list-group-item.active {
     margin-top: 0;
   }
   .list-group-horizontal-xxl > .list-group-item + .list-group-item {
+    border-inline-start-width: 0;
     border-top-width: var(--cui-list-group-border-width);
-    border-right-width: 0;
   }
   .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
-    margin-right: calc(-1 * var(--cui-list-group-border-width));
-    border-right-width: var(--cui-list-group-border-width);
+    margin-inline-start: calc(-1 * var(--cui-list-group-border-width));
+    border-inline-start-width: var(--cui-list-group-border-width);
   }
 }
 .list-group-flush {
@@ -5866,8 +5991,7 @@ textarea.form-control-lg {
   border-top-right-radius: calc(var(--cui-toast-border-radius) - var(--cui-toast-border-width));
 }
 .toast-header .btn-close {
-  margin-left: calc(-0.5 * var(--cui-toast-padding-x));
-  margin-right: var(--cui-toast-padding-x);
+  margin-inline: var(--cui-toast-padding-x) calc(-0.5 * var(--cui-toast-padding-x));
 }
 
 .toast-body {
@@ -5898,8 +6022,8 @@ textarea.form-control-lg {
   --cui-modal-footer-border-color: var(--cui-border-color);
   --cui-modal-footer-border-width: var(--cui-border-width);
   position: fixed;
+  inset-inline-start: 0;
   top: 0;
-  right: 0;
   z-index: var(--cui-modal-zindex);
   display: none;
   width: 100%;
@@ -5992,7 +6116,9 @@ textarea.form-control-lg {
 }
 .modal-header .btn-close {
   padding: calc(var(--cui-modal-header-padding-y) * 0.5) calc(var(--cui-modal-header-padding-x) * 0.5);
-  margin: calc(-0.5 * var(--cui-modal-header-padding-y)) auto calc(-0.5 * var(--cui-modal-header-padding-y)) calc(-0.5 * var(--cui-modal-header-padding-x));
+  margin-inline: auto calc(-0.5 * var(--cui-modal-header-padding-x));
+  margin-top: calc(-0.5 * var(--cui-modal-header-padding-y));
+  margin-bottom: calc(-0.5 * var(--cui-modal-header-padding-y));
 }
 
 .modal-title {
@@ -6186,7 +6312,6 @@ textarea.form-control-lg {
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
-  text-align: right;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
@@ -6296,7 +6421,6 @@ textarea.form-control-lg {
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
-  text-align: right;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
@@ -6739,17 +6863,17 @@ textarea.form-control-lg {
 }
 @media (max-width: 575.98px) {
   .offcanvas-sm.offcanvas-start {
+    inset-inline-start: 0;
     top: 0;
-    right: 0;
     width: var(--cui-offcanvas-width);
-    border-left: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
+    border-inline-end: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
     transform: translateX(100%);
   }
   .offcanvas-sm.offcanvas-end {
+    inset-inline-end: 0;
     top: 0;
-    left: 0;
     width: var(--cui-offcanvas-width);
-    border-right: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
+    border-inline-start: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
     transform: translateX(100%);
   }
   .offcanvas-sm.offcanvas-top {
@@ -6817,17 +6941,17 @@ textarea.form-control-lg {
 }
 @media (max-width: 767.98px) {
   .offcanvas-md.offcanvas-start {
+    inset-inline-start: 0;
     top: 0;
-    right: 0;
     width: var(--cui-offcanvas-width);
-    border-left: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
+    border-inline-end: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
     transform: translateX(100%);
   }
   .offcanvas-md.offcanvas-end {
+    inset-inline-end: 0;
     top: 0;
-    left: 0;
     width: var(--cui-offcanvas-width);
-    border-right: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
+    border-inline-start: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
     transform: translateX(100%);
   }
   .offcanvas-md.offcanvas-top {
@@ -6895,17 +7019,17 @@ textarea.form-control-lg {
 }
 @media (max-width: 991.98px) {
   .offcanvas-lg.offcanvas-start {
+    inset-inline-start: 0;
     top: 0;
-    right: 0;
     width: var(--cui-offcanvas-width);
-    border-left: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
+    border-inline-end: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
     transform: translateX(100%);
   }
   .offcanvas-lg.offcanvas-end {
+    inset-inline-end: 0;
     top: 0;
-    left: 0;
     width: var(--cui-offcanvas-width);
-    border-right: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
+    border-inline-start: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
     transform: translateX(100%);
   }
   .offcanvas-lg.offcanvas-top {
@@ -6973,17 +7097,17 @@ textarea.form-control-lg {
 }
 @media (max-width: 1199.98px) {
   .offcanvas-xl.offcanvas-start {
+    inset-inline-start: 0;
     top: 0;
-    right: 0;
     width: var(--cui-offcanvas-width);
-    border-left: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
+    border-inline-end: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
     transform: translateX(100%);
   }
   .offcanvas-xl.offcanvas-end {
+    inset-inline-end: 0;
     top: 0;
-    left: 0;
     width: var(--cui-offcanvas-width);
-    border-right: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
+    border-inline-start: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
     transform: translateX(100%);
   }
   .offcanvas-xl.offcanvas-top {
@@ -7051,17 +7175,17 @@ textarea.form-control-lg {
 }
 @media (max-width: 1399.98px) {
   .offcanvas-xxl.offcanvas-start {
+    inset-inline-start: 0;
     top: 0;
-    right: 0;
     width: var(--cui-offcanvas-width);
-    border-left: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
+    border-inline-end: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
     transform: translateX(100%);
   }
   .offcanvas-xxl.offcanvas-end {
+    inset-inline-end: 0;
     top: 0;
-    left: 0;
     width: var(--cui-offcanvas-width);
-    border-right: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
+    border-inline-start: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
     transform: translateX(100%);
   }
   .offcanvas-xxl.offcanvas-top {
@@ -7126,17 +7250,17 @@ textarea.form-control-lg {
   }
 }
 .offcanvas.offcanvas-start {
+  inset-inline-start: 0;
   top: 0;
-  right: 0;
   width: var(--cui-offcanvas-width);
-  border-left: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
+  border-inline-end: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
   transform: translateX(100%);
 }
 .offcanvas.offcanvas-end {
+  inset-inline-end: 0;
   top: 0;
-  left: 0;
   width: var(--cui-offcanvas-width);
-  border-right: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
+  border-inline-start: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);
   transform: translateX(100%);
 }
 .offcanvas.offcanvas-top {
@@ -7186,8 +7310,8 @@ textarea.form-control-lg {
 }
 .offcanvas-header .btn-close {
   padding: calc(var(--cui-offcanvas-padding-y) * 0.5) calc(var(--cui-offcanvas-padding-x) * 0.5);
+  margin-inline: auto calc(-0.5 * var(--cui-offcanvas-padding-x));
   margin-top: calc(-0.5 * var(--cui-offcanvas-padding-y));
-  margin-left: calc(-0.5 * var(--cui-offcanvas-padding-x));
   margin-bottom: calc(-0.5 * var(--cui-offcanvas-padding-y));
 }
 
@@ -7280,7 +7404,7 @@ textarea.form-control-lg {
 
 .avatar-status {
   position: absolute;
-  left: 0;
+  inset-inline-end: 0;
   bottom: 0;
   display: block;
   width: var(--cui-avatar-status-width);
@@ -7325,10 +7449,10 @@ textarea.form-control-lg {
   display: flex;
 }
 .avatars-stack .avatar {
-  margin-left: calc(-0.4 * var(--cui-avatar-width));
+  margin-inline-end: calc(-0.4 * var(--cui-avatar-width));
 }
 .avatars-stack .avatar:hover {
-  margin-left: 0;
+  margin-inline-end: 0;
 }
 
 .callout {
@@ -7343,8 +7467,8 @@ textarea.form-control-lg {
   padding: var(--cui-callout-padding-y) var(--cui-callout-padding-x);
   margin: var(--cui-callout-margin-y) var(--cui-callout-margin-x);
   border: var(--cui-callout-border-width) solid var(--cui-callout-border-color);
-  border-right-width: var(--cui-callout-border-right-width);
-  border-right-color: var(--cui-callout-border-right-color);
+  border-inline-start-color: var(--cui-callout-border-left-color);
+  border-inline-start-width: var(--cui-callout-border-left-width);
   border-radius: var(--cui-callout-border-radius);
 }
 
@@ -7426,7 +7550,7 @@ textarea.form-control-lg {
   --cui-header-transition: box-shadow 0.15s ease-in-out;
   --cui-header-brand-padding-y: 0.3125rem;
   --cui-header-brand-color: #212631;
-  --cui-header-brand-hover-color: #1e222c;
+  --cui-header-brand-hover-color: rgb(29.7, 34.2, 44.1);
   --cui-header-toggler-padding-x: 0.75rem;
   --cui-header-toggler-padding-y: 0.25rem;
   --cui-header-toggler-bg: transparent;
@@ -7454,19 +7578,8 @@ textarea.form-control-lg {
     transition: none;
   }
 }
-.header > .container,
-.header > .container-fluid,
-.header > .container-sm,
-.header > .container-md,
-.header > .container-lg,
-.header > .container-xl,
-.header > .container-xxl, .header .navbar > .container,
-.header .navbar > .container-fluid,
-.header .navbar > .container-sm,
-.header .navbar > .container-md,
-.header .navbar > .container-lg,
-.header .navbar > .container-xl,
-.header .navbar > .container-xxl {
+.header > .container-xxl, .header > .container-xl, .header > .container-lg, .header > .container-md, .header > .container-sm, .header > .container,
+.header > .container-fluid {
   display: flex;
   flex-wrap: inherit;
   align-items: center;
@@ -7488,7 +7601,7 @@ textarea.form-control-lg {
 .header-brand {
   padding-top: var(--cui-header-brand-padding-y);
   padding-bottom: var(--cui-header-brand-padding-y);
-  margin-left: 1rem;
+  margin-inline-end: 1rem;
   font-size: 1.25rem;
   color: var(--cui-header-brand-color);
   text-decoration: none;
@@ -7501,7 +7614,7 @@ textarea.form-control-lg {
 .header-nav {
   display: flex;
   flex-direction: row;
-  padding-right: 0;
+  padding-inline-start: 0;
   margin-bottom: 0;
   list-style: none;
 }
@@ -7659,143 +7772,114 @@ textarea.form-control-lg {
     transition: none;
   }
 }
-.sidebar.sidebar-fixed, .sidebar.sidebar-narrow, .sidebar.sidebar-narrow-unfoldable, .sidebar.sidebar-overlaid {
-  z-index: var(--cui-sidebar-zindex);
-}
 .sidebar:not(.sidebar-end) {
-  margin-right: 0;
-}
-.sidebar:not(.sidebar-end) ~ * {
-  --cui-sidebar-occupy-start: 16rem;
+  margin-inline-start: 0;
 }
 .sidebar.sidebar-end {
   order: 99;
-  margin-left: 0;
-}
-.sidebar.sidebar-end ~ * {
-  --cui-sidebar-occupy-end: 16rem;
-}
-.sidebar.sidebar-sm {
-  --cui-sidebar-width: 12rem;
-}
-@media (min-width: 992px) {
-  .sidebar.sidebar-sm:not(.sidebar-end):not(.hide) ~ * {
-    --cui-sidebar-occupy-start: 12rem;
-  }
-  .sidebar.sidebar-sm.sidebar-end:not(.hide) ~ * {
-    --cui-sidebar-occupy-end: 12rem;
-  }
-}
-.sidebar.sidebar-lg {
-  --cui-sidebar-width: 20rem;
+  margin-inline-end: 0;
 }
 @media (min-width: 992px) {
-  .sidebar.sidebar-lg:not(.sidebar-end):not(.hide) ~ * {
-    --cui-sidebar-occupy-start: 20rem;
+  .sidebar:not(.hide):not(.sidebar-narrow):not(.sidebar-narrow-unfoldable:not(:hover)):not(.sidebar-narrow-unfoldable):not(.sidebar-overlaid):not(.sidebar-end) ~ * {
+    --cui-sidebar-occupy-start: 16rem;
   }
-  .sidebar.sidebar-lg.sidebar-end:not(.hide) ~ * {
-    --cui-sidebar-occupy-end: 20rem;
+  .sidebar:not(.hide):not(.sidebar-narrow):not(.sidebar-narrow-unfoldable:not(:hover)):not(.sidebar-narrow-unfoldable):not(.sidebar-overlaid).sidebar-end ~ * {
+    --cui-sidebar-occupy-end: 16rem;
   }
-}
-.sidebar.sidebar-xl {
-  --cui-sidebar-width: 24rem;
-}
-@media (min-width: 992px) {
-  .sidebar.sidebar-xl:not(.sidebar-end):not(.hide) ~ * {
-    --cui-sidebar-occupy-start: 24rem;
-  }
-  .sidebar.sidebar-xl.sidebar-end:not(.hide) ~ * {
-    --cui-sidebar-occupy-end: 24rem;
-  }
-}
-@media (min-width: 992px) {
   .sidebar.hide:not(.sidebar-end) {
-    margin-right: calc(-1 * var(--cui-sidebar-width));
-  }
-  .sidebar.hide:not(.sidebar-end) ~ * {
-    --cui-sidebar-occupy-start: 0;
+    margin-inline-start: calc(-1 * var(--cui-sidebar-width));
   }
   .sidebar.hide.sidebar-end {
-    margin-left: calc(-1 * var(--cui-sidebar-width));
-  }
-  .sidebar.hide.sidebar-end ~ * {
-    --cui-sidebar-occupy-end: 0;
+    margin-inline-end: calc(-1 * var(--cui-sidebar-width));
   }
 }
-@media (min-width: 992px) {
-  .sidebar.sidebar-fixed {
+@media (max-width: 991.98px) {
+  .sidebar {
+    --cui-is-mobile: true;
     position: fixed;
     top: 0;
     bottom: 0;
+    z-index: var(--cui-sidebar-zindex);
   }
-  .sidebar.sidebar-fixed:not(.sidebar-end) {
-    right: 0;
+  .sidebar:not(.sidebar-end) {
+    inset-inline-start: 0;
   }
-  .sidebar.sidebar-fixed.sidebar-end {
-    left: 0;
+  .sidebar:not(.sidebar-end):not(.show) {
+    margin-inline-start: calc(-1 * var(--cui-sidebar-width));
   }
-}
-@media (min-width: 992px) {
-  .sidebar.sidebar-sticky {
-    position: sticky;
-    top: 0;
-    height: 100vh;
+  .sidebar.sidebar-end {
+    inset-inline-end: 0;
+  }
+  .sidebar.sidebar-end:not(.show) {
+    margin-inline-end: calc(-1 * var(--cui-sidebar-width));
   }
 }
-.sidebar.sidebar-overlaid {
-  --cui-sidebar-overlaid-box-shadow: var(--cui-box-shadow);
+
+.sidebar-fixed, .sidebar-narrow-unfoldable, .sidebar-overlaid {
   position: fixed;
   top: 0;
   bottom: 0;
+  z-index: var(--cui-sidebar-zindex);
 }
-.sidebar.sidebar-overlaid:not(.sidebar-end) {
-  right: 0;
-  margin-right: calc(-1 * var(--cui-sidebar-width));
+.sidebar-fixed:not(.sidebar-end), .sidebar-narrow-unfoldable:not(.sidebar-end), .sidebar-overlaid:not(.sidebar-end) {
+  inset-inline-start: 0;
 }
-.sidebar.sidebar-overlaid:not(.sidebar-end) ~ * {
-  --cui-sidebar-occupy-start: 0 !important;
+.sidebar-fixed.sidebar-end, .sidebar-end.sidebar-narrow-unfoldable, .sidebar-end.sidebar-overlaid {
+  inset-inline-end: 0;
 }
-.sidebar.sidebar-overlaid.sidebar-end {
-  left: 0;
-  margin-left: calc(-1 * var(--cui-sidebar-width));
+
+.sidebar-overlaid {
+  --cui-sidebar-overlaid-box-shadow: var(--cui-box-shadow);
+}
+.sidebar-overlaid:not(.sidebar-end) {
+  margin-inline-start: calc(-1 * var(--cui-sidebar-width));
 }
-.sidebar.sidebar-overlaid.sidebar-end ~ * {
-  --cui-sidebar-occupy-end: 0 !important;
+.sidebar-overlaid.sidebar-end {
+  margin-inline-end: calc(-1 * var(--cui-sidebar-width));
 }
-.sidebar.sidebar-overlaid.show {
+.sidebar-overlaid.show {
   box-shadow: var(--cui-sidebar-overlaid-box-shadow);
 }
-.sidebar.sidebar-overlaid.show:not(.sidebar-end) {
-  margin-right: 0;
+.sidebar-overlaid.show:not(.sidebar-end) {
+  margin-inline-start: 0;
 }
-.sidebar.sidebar-overlaid.show.sidebar-end {
-  margin-left: 0;
+.sidebar-overlaid.show.sidebar-end {
+  margin-inline-end: 0;
 }
-@media (max-width: 991.98px) {
-  .sidebar {
-    --cui-is-mobile: true;
-    position: fixed;
-    top: 0;
-    bottom: 0;
-    z-index: var(--cui-sidebar-zindex);
-  }
-  .sidebar:not(.sidebar-end) {
-    right: 0;
+
+.sidebar-sm {
+  --cui-sidebar-width: 12rem;
+}
+@media (min-width: 992px) {
+  .sidebar-sm:not(.hide):not(.sidebar-narrow):not(.sidebar-narrow-unfoldable:not(:hover)):not(.sidebar-narrow-unfoldable):not(.sidebar-overlaid):not(.sidebar-end) ~ * {
+    --cui-sidebar-occupy-start: 12rem;
   }
-  .sidebar:not(.sidebar-end) ~ * {
-    --cui-sidebar-occupy-start: 0 !important;
+  .sidebar-sm:not(.hide):not(.sidebar-narrow):not(.sidebar-narrow-unfoldable:not(:hover)):not(.sidebar-narrow-unfoldable):not(.sidebar-overlaid).sidebar-end ~ * {
+    --cui-sidebar-occupy-end: 12rem;
   }
-  .sidebar:not(.sidebar-end):not(.show) {
-    margin-right: calc(-1 * var(--cui-sidebar-width));
+}
+
+.sidebar-lg {
+  --cui-sidebar-width: 20rem;
+}
+@media (min-width: 992px) {
+  .sidebar-lg:not(.hide):not(.sidebar-narrow):not(.sidebar-narrow-unfoldable:not(:hover)):not(.sidebar-narrow-unfoldable):not(.sidebar-overlaid):not(.sidebar-end) ~ * {
+    --cui-sidebar-occupy-start: 20rem;
   }
-  .sidebar.sidebar-end {
-    left: 0;
+  .sidebar-lg:not(.hide):not(.sidebar-narrow):not(.sidebar-narrow-unfoldable:not(:hover)):not(.sidebar-narrow-unfoldable):not(.sidebar-overlaid).sidebar-end ~ * {
+    --cui-sidebar-occupy-end: 20rem;
   }
-  .sidebar.sidebar-end ~ * {
-    --cui-sidebar-occupy-end: 0 !important;
+}
+
+.sidebar-xl {
+  --cui-sidebar-width: 24rem;
+}
+@media (min-width: 992px) {
+  .sidebar-xl:not(.hide):not(.sidebar-narrow):not(.sidebar-narrow-unfoldable:not(:hover)):not(.sidebar-narrow-unfoldable):not(.sidebar-overlaid):not(.sidebar-end) ~ * {
+    --cui-sidebar-occupy-start: 24rem;
   }
-  .sidebar.sidebar-end:not(.show) {
-    margin-left: calc(-1 * var(--cui-sidebar-width));
+  .sidebar-xl:not(.hide):not(.sidebar-narrow):not(.sidebar-narrow-unfoldable:not(:hover)):not(.sidebar-narrow-unfoldable):not(.sidebar-overlaid).sidebar-end ~ * {
+    --cui-sidebar-occupy-end: 24rem;
   }
 }
 
@@ -7815,8 +7899,8 @@ textarea.form-control-lg {
 }
 .sidebar-header .btn-close {
   padding: calc(var(--cui-sidebar-padding-y) * 0.5) calc(var(--cui-sidebar-padding-x) * 0.5);
+  margin-inline-end: calc(-0.5 * var(--cui-sidebar-padding-x));
   margin-top: calc(-0.5 * var(--cui-sidebar-padding-y));
-  margin-left: calc(-0.5 * var(--cui-sidebar-padding-x));
   margin-bottom: calc(-0.5 * var(--cui-sidebar-padding-y));
 }
 
@@ -7919,7 +8003,7 @@ textarea.form-control-lg {
   --cui-secondary-color: rgba(255, 255, 255, 0.6);
   --cui-secondary-bg: #323a49;
   --cui-tertiary-color: rgba(255, 255, 255, 0.38);
-  --cui-tertiary-bg: #2a303d;
+  --cui-tertiary-bg: rgb(41.5, 48, 61);
   --cui-border-color: #323a49;
 }
 .sidebar-dark .sidebar-toggler {
@@ -7929,6 +8013,7 @@ textarea.form-control-lg {
 .sidebar-nav {
   --cui-sidebar-nav-padding-x: 0.5rem;
   --cui-sidebar-nav-padding-y: 0.5rem;
+  --cui-sidebar-nav-gap: 1px;
   --cui-sidebar-nav-title-padding-x: 1rem;
   --cui-sidebar-nav-title-padding-y: 0.75rem;
   --cui-sidebar-nav-title-margin-top: 1rem;
@@ -7988,7 +8073,7 @@ textarea.form-control-lg {
 .sidebar-nav .nav-item + .nav-item,
 .sidebar-nav .nav-item + .nav-group,
 .sidebar-nav .nav-group + .nav-item {
-  margin-top: 1px;
+  margin-top: var(--cui-sidebar-nav-gap);
 }
 .sidebar-nav .nav-title {
   padding: var(--cui-sidebar-nav-title-padding-y) var(--cui-sidebar-nav-title-padding-x);
@@ -8084,7 +8169,7 @@ textarea.form-control-lg {
   align-items: center;
   justify-content: center;
   height: var(--cui-sidebar-nav-link-icon-height);
-  margin-left: var(--cui-sidebar-nav-link-icon-margin);
+  margin-inline-end: var(--cui-sidebar-nav-link-icon-margin);
   font-size: var(--cui-sidebar-nav-link-icon-font-size);
   color: var(--cui-sidebar-nav-link-icon-color);
   text-align: center;
@@ -8142,7 +8227,7 @@ textarea.form-control-lg {
   transform: rotate(180deg);
 }
 .sidebar-nav .nav-group.show + .show {
-  margin-top: 1px;
+  margin-top: var(--cui-sidebar-nav-gap);
 }
 .sidebar-nav .nav-group-toggle {
   cursor: pointer;
@@ -8151,7 +8236,7 @@ textarea.form-control-lg {
   display: block;
   flex: 0 12px;
   height: 12px;
-  margin-right: auto;
+  margin-inline-start: auto;
   content: "";
   background-color: var(--cui-sidebar-nav-group-indicator-color);
   mask-image: var(--cui-sidebar-nav-group-indicator-icon);
@@ -8167,90 +8252,76 @@ textarea.form-control-lg {
   list-style: none;
 }
 .sidebar-nav .nav-group-items .nav-link {
-  padding-right: calc(var(--cui-sidebar-nav-link-padding-x) + var(--cui-sidebar-nav-link-icon-width) + var(--cui-sidebar-nav-link-icon-margin));
+  padding-inline-start: calc(var(--cui-sidebar-nav-link-padding-x) + var(--cui-sidebar-nav-link-icon-width) + var(--cui-sidebar-nav-link-icon-margin));
 }
 .sidebar-nav .nav-group-items .nav-icon {
-  margin-right: calc((var(--cui-sidebar-nav-link-icon-width) + var(--cui-sidebar-nav-link-icon-margin)) * -1);
+  margin-inline-start: calc((var(--cui-sidebar-nav-link-icon-width) + var(--cui-sidebar-nav-link-icon-margin)) * -1);
 }
 .sidebar-nav.compact .nav-link,
 .sidebar-nav .compact .nav-link {
   --cui-sidebar-nav-link-padding-y: 0.5625rem;
 }
 
-.sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow {
+.sidebar-narrow, .sidebar-narrow-unfoldable:not(:hover) {
   --cui-sidebar-narrow-width: 4rem;
 }
 @media (min-width: 992px) {
-  .sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow {
+  .sidebar-narrow, .sidebar-narrow-unfoldable:not(:hover) {
     flex: 0 0 var(--cui-sidebar-narrow-width);
     width: var(--cui-sidebar-narrow-width);
     padding-bottom: var(--cui-sidebar-toggler-height);
     overflow: visible;
   }
-  .sidebar-fixed.sidebar-narrow-unfoldable:not(:hover), .sidebar-fixed.sidebar-narrow {
-    width: var(--cui-sidebar-narrow-width);
-  }
-  .sidebar-narrow-unfoldable:not(:hover) .sidebar-brand-full, .sidebar-narrow .sidebar-brand-full {
+  .sidebar-narrow .sidebar-brand-full, .sidebar-narrow-unfoldable:not(:hover) .sidebar-brand-full {
     display: none;
   }
-  .sidebar-narrow-unfoldable:not(:hover) .sidebar-brand-narrow, .sidebar-narrow .sidebar-brand-narrow {
+  .sidebar-narrow .sidebar-brand-narrow, .sidebar-narrow-unfoldable:not(:hover) .sidebar-brand-narrow {
     display: block;
   }
-  .sidebar-narrow-unfoldable:not(:hover) .sidebar-header, .sidebar-narrow .sidebar-header {
+  .sidebar-narrow .sidebar-header, .sidebar-narrow-unfoldable:not(:hover) .sidebar-header {
     justify-content: center;
     padding-right: 0;
     padding-left: 0;
   }
-  .sidebar-narrow-unfoldable:not(:hover) .sidebar-nav, .sidebar-narrow .sidebar-nav {
+  .sidebar-narrow .sidebar-nav, .sidebar-narrow-unfoldable:not(:hover) .sidebar-nav {
     --cui-sidebar-nav-link-padding-x: 0.5rem;
     --cui-sidebar-nav-link-padding-y: 0.75rem;
   }
-  .sidebar-narrow-unfoldable:not(:hover) .nav-icon, .sidebar-narrow .nav-icon {
+  .sidebar-narrow .nav-link, .sidebar-narrow-unfoldable:not(:hover) .nav-link {
+    overflow: hidden;
+  }
+  .sidebar-narrow .nav-icon, .sidebar-narrow-unfoldable:not(:hover) .nav-icon {
     flex: 0 0 calc(var(--cui-sidebar-narrow-width) - var(--cui-sidebar-nav-padding-x) * 2 - var(--cui-sidebar-nav-link-padding-x) * 2);
   }
-  .sidebar-narrow-unfoldable:not(:hover) .d-narrow-none, .sidebar-narrow .d-narrow-none,
-  .sidebar-narrow-unfoldable:not(:hover) .nav-label,
+  .sidebar-narrow .d-narrow-none, .sidebar-narrow-unfoldable:not(:hover) .d-narrow-none,
   .sidebar-narrow .nav-label,
-  .sidebar-narrow-unfoldable:not(:hover) .nav-title,
+  .sidebar-narrow-unfoldable:not(:hover) .nav-label,
   .sidebar-narrow .nav-title,
-  .sidebar-narrow-unfoldable:not(:hover) .nav-group-items,
+  .sidebar-narrow-unfoldable:not(:hover) .nav-title,
   .sidebar-narrow .nav-group-items,
-  .sidebar-narrow-unfoldable:not(:hover) .sidebar-form,
-  .sidebar-narrow .sidebar-form {
+  .sidebar-narrow-unfoldable:not(:hover) .nav-group-items,
+  .sidebar-narrow .nav-group.show .nav-group-items,
+  .sidebar-narrow .sidebar-form,
+  .sidebar-narrow-unfoldable:not(:hover) .sidebar-form {
     height: 0 !important;
     padding: 0 !important;
     margin: 0 !important;
     visibility: hidden;
     opacity: 0;
   }
-  .sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before, .sidebar-narrow .sidebar-toggler::before {
+  .sidebar-narrow .sidebar-toggler::before, .sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before {
     transform: rotate(0deg);
   }
-  .sidebar-end.sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before, .sidebar-end.sidebar-narrow .sidebar-toggler::before {
+  .sidebar-narrow.sidebar-end .sidebar-toggler::before, .sidebar-end.sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before {
     transform: rotate(0deg);
   }
 }
 
-.sidebar-narrow:not(.sidebar-end) ~ * {
-  --cui-sidebar-occupy-start: 4rem !important;
-}
-.sidebar-narrow.sidebar-end ~ * {
-  --cui-sidebar-occupy-end: 4rem !important;
-}
-.sidebar-narrow .nav-link {
-  overflow: hidden;
-}
-
 .sidebar-narrow-unfoldable {
-  position: fixed;
-}
-.sidebar-narrow-unfoldable:not(.sidebar-end) ~ * {
-  --cui-sidebar-occupy-start: 4rem !important;
-}
-.sidebar-narrow-unfoldable.sidebar-end ~ * {
-  --cui-sidebar-occupy-end: 4rem !important;
+  --cui-sidebar-narrow-unfoldable-box-shadow: var(--cui-box-shadow);
 }
 .sidebar-narrow-unfoldable:hover {
+  box-shadow: var(--cui-sidebar-narrow-unfoldable-box-shadow);
   box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
 }
 .sidebar-narrow-unfoldable:hover .sidebar-toggler::before {
@@ -8259,57 +8330,18 @@ textarea.form-control-lg {
 .sidebar-narrow-unfoldable:hover.sidebar-end .sidebar-toggler::before {
   transform: rotate(0deg);
 }
-.sidebar-narrow-unfoldable .nav-link {
-  overflow: hidden;
-}
 
-.sidebar:not(.show).sidebar-self-hiding.sidebar-narrow:not(.sidebar-end), .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow-unfoldable:not(.sidebar-end) {
-  margin-right: calc(var(--cui-sidebar-narrow-width) * -1);
-}
-.sidebar:not(.show).sidebar-self-hiding.sidebar-narrow.sidebar-end, .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow-unfoldable.sidebar-end {
-  margin-left: calc(var(--cui-sidebar-narrow-width) * -1);
-}
-
-@media (max-width: 575.98px) {
-  .sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow:not(.sidebar-end), .sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow-unfoldable:not(.sidebar-end) {
-    margin-right: calc(var(--cui-sidebar-narrow-width) * -1);
-  }
-  .sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow.sidebar-end, .sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow-unfoldable.sidebar-end {
-    margin-left: calc(var(--cui-sidebar-narrow-width) * -1);
-  }
-}
-@media (max-width: 767.98px) {
-  .sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow:not(.sidebar-end), .sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow-unfoldable:not(.sidebar-end) {
-    margin-right: calc(var(--cui-sidebar-narrow-width) * -1);
-  }
-  .sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow.sidebar-end, .sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow-unfoldable.sidebar-end {
-    margin-left: calc(var(--cui-sidebar-narrow-width) * -1);
-  }
-}
-@media (max-width: 991.98px) {
-  .sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow:not(.sidebar-end), .sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow-unfoldable:not(.sidebar-end) {
-    margin-right: calc(var(--cui-sidebar-narrow-width) * -1);
-  }
-  .sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow.sidebar-end, .sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow-unfoldable.sidebar-end {
-    margin-left: calc(var(--cui-sidebar-narrow-width) * -1);
-  }
-}
-@media (max-width: 1199.98px) {
-  .sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow:not(.sidebar-end), .sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow-unfoldable:not(.sidebar-end) {
-    margin-right: calc(var(--cui-sidebar-narrow-width) * -1);
-  }
-  .sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow.sidebar-end, .sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow-unfoldable.sidebar-end {
-    margin-left: calc(var(--cui-sidebar-narrow-width) * -1);
-  }
-}
-@media (max-width: 1399.98px) {
-  .sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow:not(.sidebar-end), .sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow-unfoldable:not(.sidebar-end) {
-    margin-right: calc(var(--cui-sidebar-narrow-width) * -1);
+@media (min-width: 992px) {
+  .sidebar-narrow:not(.sidebar-end):not(.hide) ~ *,
+  .sidebar-narrow-unfoldable:not(.sidebar-end):not(.hide) ~ * {
+    --cui-sidebar-occupy-start: 4rem;
   }
-  .sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow.sidebar-end, .sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow-unfoldable.sidebar-end {
-    margin-left: calc(var(--cui-sidebar-narrow-width) * -1);
+  .sidebar-narrow.sidebar-end:not(.hide) ~ *,
+  .sidebar-narrow-unfoldable.sidebar-end:not(.hide) ~ * {
+    --cui-sidebar-occupy-end: 4rem;
   }
 }
+
 .clearfix::after {
   display: block;
   clear: both;
@@ -8318,156 +8350,156 @@ textarea.form-control-lg {
 
 .text-bg-primary {
   color: #fff !important;
-  background-color: RGBA(var(--cui-primary-rgb), var(--cui-bg-opacity, 1)) !important;
+  background-color: rgba(var(--cui-primary-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-secondary {
   color: #fff !important;
-  background-color: RGBA(var(--cui-secondary-rgb), var(--cui-bg-opacity, 1)) !important;
+  background-color: rgba(var(--cui-secondary-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-success {
   color: #080a0c !important;
-  background-color: RGBA(var(--cui-success-rgb), var(--cui-bg-opacity, 1)) !important;
+  background-color: rgba(var(--cui-success-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-info {
   color: #080a0c !important;
-  background-color: RGBA(var(--cui-info-rgb), var(--cui-bg-opacity, 1)) !important;
+  background-color: rgba(var(--cui-info-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-warning {
   color: #080a0c !important;
-  background-color: RGBA(var(--cui-warning-rgb), var(--cui-bg-opacity, 1)) !important;
+  background-color: rgba(var(--cui-warning-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-danger {
   color: #080a0c !important;
-  background-color: RGBA(var(--cui-danger-rgb), var(--cui-bg-opacity, 1)) !important;
+  background-color: rgba(var(--cui-danger-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-light {
   color: #080a0c !important;
-  background-color: RGBA(var(--cui-light-rgb), var(--cui-bg-opacity, 1)) !important;
+  background-color: rgba(var(--cui-light-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-dark {
   color: #fff !important;
-  background-color: RGBA(var(--cui-dark-rgb), var(--cui-bg-opacity, 1)) !important;
+  background-color: rgba(var(--cui-dark-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 [data-coreui-theme=dark] .text-bg-primary {
   color: #fff !important;
-  background-color: RGBA(98, 97, 204, var(--cui-bg-opacity, 1)) !important;
+  background-color: rgba(94.2, 92.4, 207.6, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-secondary {
   color: #fff !important;
-  background-color: RGBA(107, 119, 133, var(--cui-bg-opacity, 1)) !important;
+  background-color: rgba(107, 119, 133, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-success {
   color: #080a0c !important;
-  background-color: RGBA(36, 149, 66, var(--cui-bg-opacity, 1)) !important;
+  background-color: rgba(33.55, 151.45, 65.05, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-info {
   color: #080a0c !important;
-  background-color: RGBA(61, 153, 245, var(--cui-bg-opacity, 1)) !important;
+  background-color: rgba(61.2, 153, 244.8, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-warning {
   color: #080a0c !important;
-  background-color: RGBA(237, 173, 33, var(--cui-bg-opacity, 1)) !important;
+  background-color: rgba(237.6, 172.8, 32.4, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-danger {
   color: #080a0c !important;
-  background-color: RGBA(219, 93, 93, var(--cui-bg-opacity, 1)) !important;
+  background-color: rgba(221.7, 90.3, 90.3, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-light {
   color: #080a0c !important;
-  background-color: RGBA(243, 244, 247, var(--cui-bg-opacity, 1)) !important;
+  background-color: rgba(243, 244, 247, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-dark {
   color: #fff !important;
-  background-color: RGBA(33, 38, 49, var(--cui-bg-opacity, 1)) !important;
+  background-color: rgba(33, 38, 49, var(--cui-bg-opacity, 1)) !important;
 }
 
 .link-primary {
-  color: RGBA(var(--cui-primary-rgb), var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(var(--cui-primary-rgb), var(--cui-link-underline-opacity, 1)) !important;
+  color: rgba(var(--cui-primary-rgb), var(--cui-link-opacity, 1)) !important;
+  text-decoration-color: rgba(var(--cui-primary-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-primary:hover, .link-primary:focus {
-  color: RGBA(70, 69, 171, var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(70, 69, 171, var(--cui-link-underline-opacity, 1)) !important;
+  color: rgba(70.4, 68.8, 171.2, var(--cui-link-opacity, 1)) !important;
+  text-decoration-color: rgba(70.4, 68.8, 171.2, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-secondary {
-  color: RGBA(var(--cui-secondary-rgb), var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(var(--cui-secondary-rgb), var(--cui-link-underline-opacity, 1)) !important;
+  color: rgba(var(--cui-secondary-rgb), var(--cui-link-opacity, 1)) !important;
+  text-decoration-color: rgba(var(--cui-secondary-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-secondary:hover, .link-secondary:focus {
-  color: RGBA(86, 95, 106, var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(86, 95, 106, var(--cui-link-underline-opacity, 1)) !important;
+  color: rgba(85.6, 95.2, 106.4, var(--cui-link-opacity, 1)) !important;
+  text-decoration-color: rgba(85.6, 95.2, 106.4, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-success {
-  color: RGBA(var(--cui-success-rgb), var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(var(--cui-success-rgb), var(--cui-link-underline-opacity, 1)) !important;
+  color: rgba(var(--cui-success-rgb), var(--cui-link-opacity, 1)) !important;
+  text-decoration-color: rgba(var(--cui-success-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-success:hover, .link-success:focus {
-  color: RGBA(73, 177, 101, var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(73, 177, 101, var(--cui-link-underline-opacity, 1)) !important;
+  color: rgba(72.6, 177.4, 100.6, var(--cui-link-opacity, 1)) !important;
+  text-decoration-color: rgba(72.6, 177.4, 100.6, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-info {
-  color: RGBA(var(--cui-info-rgb), var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(var(--cui-info-rgb), var(--cui-link-underline-opacity, 1)) !important;
+  color: rgba(var(--cui-info-rgb), var(--cui-link-opacity, 1)) !important;
+  text-decoration-color: rgba(var(--cui-info-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-info:hover, .link-info:focus {
-  color: RGBA(92, 173, 255, var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(92, 173, 255, var(--cui-link-underline-opacity, 1)) !important;
+  color: rgba(91.8, 173.4, 255, var(--cui-link-opacity, 1)) !important;
+  text-decoration-color: rgba(91.8, 173.4, 255, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-warning {
-  color: RGBA(var(--cui-warning-rgb), var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(var(--cui-warning-rgb), var(--cui-link-underline-opacity, 1)) !important;
+  color: rgba(var(--cui-warning-rgb), var(--cui-link-opacity, 1)) !important;
+  text-decoration-color: rgba(var(--cui-warning-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-warning:hover, .link-warning:focus {
-  color: RGBA(250, 193, 68, var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(250, 193, 68, var(--cui-link-underline-opacity, 1)) !important;
+  color: rgba(250.2, 192.6, 67.8, var(--cui-link-opacity, 1)) !important;
+  text-decoration-color: rgba(250.2, 192.6, 67.8, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-danger {
-  color: RGBA(var(--cui-danger-rgb), var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(var(--cui-danger-rgb), var(--cui-link-underline-opacity, 1)) !important;
+  color: rgba(var(--cui-danger-rgb), var(--cui-link-opacity, 1)) !important;
+  text-decoration-color: rgba(var(--cui-danger-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-danger:hover, .link-danger:focus {
-  color: RGBA(234, 117, 117, var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(234, 117, 117, var(--cui-link-underline-opacity, 1)) !important;
+  color: rgba(234.2, 117.4, 117.4, var(--cui-link-opacity, 1)) !important;
+  text-decoration-color: rgba(234.2, 117.4, 117.4, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-light {
-  color: RGBA(var(--cui-light-rgb), var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(var(--cui-light-rgb), var(--cui-link-underline-opacity, 1)) !important;
+  color: rgba(var(--cui-light-rgb), var(--cui-link-opacity, 1)) !important;
+  text-decoration-color: rgba(var(--cui-light-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-light:hover, .link-light:focus {
-  color: RGBA(245, 246, 249, var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(245, 246, 249, var(--cui-link-underline-opacity, 1)) !important;
+  color: rgba(245.4, 246.2, 248.6, var(--cui-link-opacity, 1)) !important;
+  text-decoration-color: rgba(245.4, 246.2, 248.6, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-dark {
-  color: RGBA(var(--cui-dark-rgb), var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(var(--cui-dark-rgb), var(--cui-link-underline-opacity, 1)) !important;
+  color: rgba(var(--cui-dark-rgb), var(--cui-link-opacity, 1)) !important;
+  text-decoration-color: rgba(var(--cui-dark-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-dark:hover, .link-dark:focus {
-  color: RGBA(26, 30, 39, var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(26, 30, 39, var(--cui-link-underline-opacity, 1)) !important;
+  color: rgba(26.4, 30.4, 39.2, var(--cui-link-opacity, 1)) !important;
+  text-decoration-color: rgba(26.4, 30.4, 39.2, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-body-emphasis {
-  color: RGBA(var(--cui-emphasis-color-rgb), var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(var(--cui-emphasis-color-rgb), var(--cui-link-underline-opacity, 1)) !important;
+  color: rgba(var(--cui-emphasis-color-rgb), var(--cui-link-opacity, 1)) !important;
+  text-decoration-color: rgba(var(--cui-emphasis-color-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-body-emphasis:hover, .link-body-emphasis:focus {
-  color: RGBA(var(--cui-emphasis-color-rgb), var(--cui-link-opacity, 0.75)) !important;
-  text-decoration-color: RGBA(var(--cui-emphasis-color-rgb), var(--cui-link-underline-opacity, 0.75)) !important;
+  color: rgba(var(--cui-emphasis-color-rgb), var(--cui-link-opacity, 0.75)) !important;
+  text-decoration-color: rgba(var(--cui-emphasis-color-rgb), var(--cui-link-underline-opacity, 0.75)) !important;
 }
 
 .focus-ring:focus {
@@ -8511,8 +8543,8 @@ textarea.form-control-lg {
 }
 .ratio > * {
   position: absolute;
+  inset-inline-start: 0;
   top: 0;
-  right: 0;
   width: 100%;
   height: 100%;
 }
@@ -8702,11 +8734,11 @@ textarea.form-control-lg {
 }
 
 .float-start {
-  float: right !important;
+  float: inline-start !important;
 }
 
 .float-end {
-  float: left !important;
+  float: inline-end !important;
 }
 
 .float-none {
@@ -8938,27 +8970,27 @@ textarea.form-control-lg {
 }
 
 .start-0 {
-  right: 0 !important;
+  inset-inline-start: 0 !important;
 }
 
 .start-50 {
-  right: 50% !important;
+  inset-inline-start: 50% !important;
 }
 
 .start-100 {
-  right: 100% !important;
+  inset-inline-start: 100% !important;
 }
 
 .end-0 {
-  left: 0 !important;
+  inset-inline-end: 0 !important;
 }
 
 .end-50 {
-  left: 50% !important;
+  inset-inline-end: 50% !important;
 }
 
 .end-100 {
-  left: 100% !important;
+  inset-inline-end: 100% !important;
 }
 
 .translate-middle {
@@ -8990,11 +9022,11 @@ textarea.form-control-lg {
 }
 
 .border-end {
-  border-left: var(--cui-border-width) var(--cui-border-style) var(--cui-border-color) !important;
+  border-inline-end: var(--cui-border-width) var(--cui-border-style) var(--cui-border-color) !important;
 }
 
 .border-end-0 {
-  border-left: 0 !important;
+  border-inline-end: 0 !important;
 }
 
 .border-bottom {
@@ -9006,11 +9038,11 @@ textarea.form-control-lg {
 }
 
 .border-start {
-  border-right: var(--cui-border-width) var(--cui-border-style) var(--cui-border-color) !important;
+  border-inline-start: var(--cui-border-width) var(--cui-border-style) var(--cui-border-color) !important;
 }
 
 .border-start-0 {
-  border-right: 0 !important;
+  border-inline-start: 0 !important;
 }
 
 .border-primary {
@@ -9100,39 +9132,39 @@ textarea.form-control-lg {
 }
 
 .border-end-primary {
-  border-left-color: #5856d6 !important;
+  border-inline-end-color: #5856d6 !important;
 }
 
 .border-end-secondary {
-  border-left-color: #6b7785 !important;
+  border-inline-end-color: #6b7785 !important;
 }
 
 .border-end-success {
-  border-left-color: #1b9e3e !important;
+  border-inline-end-color: #1b9e3e !important;
 }
 
 .border-end-info {
-  border-left-color: #39f !important;
+  border-inline-end-color: #39f !important;
 }
 
 .border-end-warning {
-  border-left-color: #f9b115 !important;
+  border-inline-end-color: #f9b115 !important;
 }
 
 .border-end-danger {
-  border-left-color: #e55353 !important;
+  border-inline-end-color: #e55353 !important;
 }
 
 .border-end-light {
-  border-left-color: #f3f4f7 !important;
+  border-inline-end-color: #f3f4f7 !important;
 }
 
 .border-end-dark {
-  border-left-color: #212631 !important;
+  border-inline-end-color: #212631 !important;
 }
 
 .border-end-white {
-  border-left-color: #fff !important;
+  border-inline-end-color: #fff !important;
 }
 
 .border-bottom-primary {
@@ -9172,39 +9204,39 @@ textarea.form-control-lg {
 }
 
 .border-start-primary {
-  border-right-color: #5856d6 !important;
+  border-inline-start-color: #5856d6 !important;
 }
 
 .border-start-secondary {
-  border-right-color: #6b7785 !important;
+  border-inline-start-color: #6b7785 !important;
 }
 
 .border-start-success {
-  border-right-color: #1b9e3e !important;
+  border-inline-start-color: #1b9e3e !important;
 }
 
 .border-start-info {
-  border-right-color: #39f !important;
+  border-inline-start-color: #39f !important;
 }
 
 .border-start-warning {
-  border-right-color: #f9b115 !important;
+  border-inline-start-color: #f9b115 !important;
 }
 
 .border-start-danger {
-  border-right-color: #e55353 !important;
+  border-inline-start-color: #e55353 !important;
 }
 
 .border-start-light {
-  border-right-color: #f3f4f7 !important;
+  border-inline-start-color: #f3f4f7 !important;
 }
 
 .border-start-dark {
-  border-right-color: #212631 !important;
+  border-inline-start-color: #212631 !important;
 }
 
 .border-start-white {
-  border-right-color: #fff !important;
+  border-inline-start-color: #fff !important;
 }
 
 .border-1 {
@@ -9248,23 +9280,23 @@ textarea.form-control-lg {
 }
 
 .border-end-1 {
-  border-left-width: 1px !important;
+  border-inline-end-width: 1px !important;
 }
 
 .border-end-2 {
-  border-left-width: 2px !important;
+  border-inline-end-width: 2px !important;
 }
 
 .border-end-3 {
-  border-left-width: 3px !important;
+  border-inline-end-width: 3px !important;
 }
 
 .border-end-4 {
-  border-left-width: 4px !important;
+  border-inline-end-width: 4px !important;
 }
 
 .border-end-5 {
-  border-left-width: 5px !important;
+  border-inline-end-width: 5px !important;
 }
 
 .border-bottom-1 {
@@ -9288,23 +9320,23 @@ textarea.form-control-lg {
 }
 
 .border-start-1 {
-  border-right-width: 1px !important;
+  border-inline-start-width: 1px !important;
 }
 
 .border-start-2 {
-  border-right-width: 2px !important;
+  border-inline-start-width: 2px !important;
 }
 
 .border-start-3 {
-  border-right-width: 3px !important;
+  border-inline-start-width: 3px !important;
 }
 
 .border-start-4 {
-  border-right-width: 4px !important;
+  border-inline-start-width: 4px !important;
 }
 
 .border-start-5 {
-  border-right-width: 5px !important;
+  border-inline-start-width: 5px !important;
 }
 
 .border-primary-subtle {
@@ -9722,31 +9754,31 @@ textarea.form-control-lg {
 }
 
 .me-0 {
-  margin-left: 0 !important;
+  margin-inline-end: 0 !important;
 }
 
 .me-1 {
-  margin-left: 0.25rem !important;
+  margin-inline-end: 0.25rem !important;
 }
 
 .me-2 {
-  margin-left: 0.5rem !important;
+  margin-inline-end: 0.5rem !important;
 }
 
 .me-3 {
-  margin-left: 1rem !important;
+  margin-inline-end: 1rem !important;
 }
 
 .me-4 {
-  margin-left: 1.5rem !important;
+  margin-inline-end: 1.5rem !important;
 }
 
 .me-5 {
-  margin-left: 3rem !important;
+  margin-inline-end: 3rem !important;
 }
 
 .me-auto {
-  margin-left: auto !important;
+  margin-inline-end: auto !important;
 }
 
 .mb-0 {
@@ -9778,31 +9810,31 @@ textarea.form-control-lg {
 }
 
 .ms-0 {
-  margin-right: 0 !important;
+  margin-inline-start: 0 !important;
 }
 
 .ms-1 {
-  margin-right: 0.25rem !important;
+  margin-inline-start: 0.25rem !important;
 }
 
 .ms-2 {
-  margin-right: 0.5rem !important;
+  margin-inline-start: 0.5rem !important;
 }
 
 .ms-3 {
-  margin-right: 1rem !important;
+  margin-inline-start: 1rem !important;
 }
 
 .ms-4 {
-  margin-right: 1.5rem !important;
+  margin-inline-start: 1.5rem !important;
 }
 
 .ms-5 {
-  margin-right: 3rem !important;
+  margin-inline-start: 3rem !important;
 }
 
 .ms-auto {
-  margin-right: auto !important;
+  margin-inline-start: auto !important;
 }
 
 .p-0 {
@@ -9914,27 +9946,27 @@ textarea.form-control-lg {
 }
 
 .pe-0 {
-  padding-left: 0 !important;
+  padding-inline-end: 0 !important;
 }
 
 .pe-1 {
-  padding-left: 0.25rem !important;
+  padding-inline-end: 0.25rem !important;
 }
 
 .pe-2 {
-  padding-left: 0.5rem !important;
+  padding-inline-end: 0.5rem !important;
 }
 
 .pe-3 {
-  padding-left: 1rem !important;
+  padding-inline-end: 1rem !important;
 }
 
 .pe-4 {
-  padding-left: 1.5rem !important;
+  padding-inline-end: 1.5rem !important;
 }
 
 .pe-5 {
-  padding-left: 3rem !important;
+  padding-inline-end: 3rem !important;
 }
 
 .pb-0 {
@@ -9962,27 +9994,27 @@ textarea.form-control-lg {
 }
 
 .ps-0 {
-  padding-right: 0 !important;
+  padding-inline-start: 0 !important;
 }
 
 .ps-1 {
-  padding-right: 0.25rem !important;
+  padding-inline-start: 0.25rem !important;
 }
 
 .ps-2 {
-  padding-right: 0.5rem !important;
+  padding-inline-start: 0.5rem !important;
 }
 
 .ps-3 {
-  padding-right: 1rem !important;
+  padding-inline-start: 1rem !important;
 }
 
 .ps-4 {
-  padding-right: 1.5rem !important;
+  padding-inline-start: 1.5rem !important;
 }
 
 .ps-5 {
-  padding-right: 3rem !important;
+  padding-inline-start: 3rem !important;
 }
 
 .gap-0 {
@@ -10138,11 +10170,11 @@ textarea.form-control-lg {
 }
 
 .text-start {
-  text-align: right !important;
+  text-align: start !important;
 }
 
 .text-end {
-  text-align: left !important;
+  text-align: end !important;
 }
 
 .text-center {
@@ -10787,48 +10819,48 @@ textarea.form-control-lg {
 }
 
 .rounded-end {
-  border-top-left-radius: var(--cui-border-radius) !important;
-  border-bottom-left-radius: var(--cui-border-radius) !important;
+  border-start-end-radius: var(--cui-border-radius) !important;
+  border-end-end-radius: var(--cui-border-radius) !important;
 }
 
 .rounded-end-0 {
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
+  border-start-end-radius: 0 !important;
+  border-end-end-radius: 0 !important;
 }
 
 .rounded-end-1 {
-  border-top-left-radius: var(--cui-border-radius-sm) !important;
-  border-bottom-left-radius: var(--cui-border-radius-sm) !important;
+  border-start-end-radius: var(--cui-border-radius-sm) !important;
+  border-end-end-radius: var(--cui-border-radius-sm) !important;
 }
 
 .rounded-end-2 {
-  border-top-left-radius: var(--cui-border-radius) !important;
-  border-bottom-left-radius: var(--cui-border-radius) !important;
+  border-start-end-radius: var(--cui-border-radius) !important;
+  border-end-end-radius: var(--cui-border-radius) !important;
 }
 
 .rounded-end-3 {
-  border-top-left-radius: var(--cui-border-radius-lg) !important;
-  border-bottom-left-radius: var(--cui-border-radius-lg) !important;
+  border-start-end-radius: var(--cui-border-radius-lg) !important;
+  border-end-end-radius: var(--cui-border-radius-lg) !important;
 }
 
 .rounded-end-4 {
-  border-top-left-radius: var(--cui-border-radius-xl) !important;
-  border-bottom-left-radius: var(--cui-border-radius-xl) !important;
+  border-start-end-radius: var(--cui-border-radius-xl) !important;
+  border-end-end-radius: var(--cui-border-radius-xl) !important;
 }
 
 .rounded-end-5 {
-  border-top-left-radius: var(--cui-border-radius-xxl) !important;
-  border-bottom-left-radius: var(--cui-border-radius-xxl) !important;
+  border-start-end-radius: var(--cui-border-radius-xxl) !important;
+  border-end-end-radius: var(--cui-border-radius-xxl) !important;
 }
 
 .rounded-end-circle {
-  border-top-left-radius: 50% !important;
-  border-bottom-left-radius: 50% !important;
+  border-start-end-radius: 50% !important;
+  border-end-end-radius: 50% !important;
 }
 
 .rounded-end-pill {
-  border-top-left-radius: var(--cui-border-radius-pill) !important;
-  border-bottom-left-radius: var(--cui-border-radius-pill) !important;
+  border-start-end-radius: var(--cui-border-radius-pill) !important;
+  border-end-end-radius: var(--cui-border-radius-pill) !important;
 }
 
 .rounded-bottom {
@@ -10877,48 +10909,48 @@ textarea.form-control-lg {
 }
 
 .rounded-start {
-  border-bottom-right-radius: var(--cui-border-radius) !important;
-  border-top-right-radius: var(--cui-border-radius) !important;
+  border-end-start-radius: var(--cui-border-radius) !important;
+  border-start-start-radius: var(--cui-border-radius) !important;
 }
 
 .rounded-start-0 {
-  border-bottom-right-radius: 0 !important;
-  border-top-right-radius: 0 !important;
+  border-end-start-radius: 0 !important;
+  border-start-start-radius: 0 !important;
 }
 
 .rounded-start-1 {
-  border-bottom-right-radius: var(--cui-border-radius-sm) !important;
-  border-top-right-radius: var(--cui-border-radius-sm) !important;
+  border-end-start-radius: var(--cui-border-radius-sm) !important;
+  border-start-start-radius: var(--cui-border-radius-sm) !important;
 }
 
 .rounded-start-2 {
-  border-bottom-right-radius: var(--cui-border-radius) !important;
-  border-top-right-radius: var(--cui-border-radius) !important;
+  border-end-start-radius: var(--cui-border-radius) !important;
+  border-start-start-radius: var(--cui-border-radius) !important;
 }
 
 .rounded-start-3 {
-  border-bottom-right-radius: var(--cui-border-radius-lg) !important;
-  border-top-right-radius: var(--cui-border-radius-lg) !important;
+  border-end-start-radius: var(--cui-border-radius-lg) !important;
+  border-start-start-radius: var(--cui-border-radius-lg) !important;
 }
 
 .rounded-start-4 {
-  border-bottom-right-radius: var(--cui-border-radius-xl) !important;
-  border-top-right-radius: var(--cui-border-radius-xl) !important;
+  border-end-start-radius: var(--cui-border-radius-xl) !important;
+  border-start-start-radius: var(--cui-border-radius-xl) !important;
 }
 
 .rounded-start-5 {
-  border-bottom-right-radius: var(--cui-border-radius-xxl) !important;
-  border-top-right-radius: var(--cui-border-radius-xxl) !important;
+  border-end-start-radius: var(--cui-border-radius-xxl) !important;
+  border-start-start-radius: var(--cui-border-radius-xxl) !important;
 }
 
 .rounded-start-circle {
-  border-bottom-right-radius: 50% !important;
-  border-top-right-radius: 50% !important;
+  border-end-start-radius: 50% !important;
+  border-start-start-radius: 50% !important;
 }
 
 .rounded-start-pill {
-  border-bottom-right-radius: var(--cui-border-radius-pill) !important;
-  border-top-right-radius: var(--cui-border-radius-pill) !important;
+  border-end-start-radius: var(--cui-border-radius-pill) !important;
+  border-start-start-radius: var(--cui-border-radius-pill) !important;
 }
 
 .visible {
@@ -10951,10 +10983,10 @@ textarea.form-control-lg {
 
 @media (min-width: 576px) {
   .float-sm-start {
-    float: right !important;
+    float: inline-start !important;
   }
   .float-sm-end {
-    float: left !important;
+    float: inline-end !important;
   }
   .float-sm-none {
     float: none !important;
@@ -11235,25 +11267,25 @@ textarea.form-control-lg {
     margin-top: auto !important;
   }
   .me-sm-0 {
-    margin-left: 0 !important;
+    margin-inline-end: 0 !important;
   }
   .me-sm-1 {
-    margin-left: 0.25rem !important;
+    margin-inline-end: 0.25rem !important;
   }
   .me-sm-2 {
-    margin-left: 0.5rem !important;
+    margin-inline-end: 0.5rem !important;
   }
   .me-sm-3 {
-    margin-left: 1rem !important;
+    margin-inline-end: 1rem !important;
   }
   .me-sm-4 {
-    margin-left: 1.5rem !important;
+    margin-inline-end: 1.5rem !important;
   }
   .me-sm-5 {
-    margin-left: 3rem !important;
+    margin-inline-end: 3rem !important;
   }
   .me-sm-auto {
-    margin-left: auto !important;
+    margin-inline-end: auto !important;
   }
   .mb-sm-0 {
     margin-bottom: 0 !important;
@@ -11277,25 +11309,25 @@ textarea.form-control-lg {
     margin-bottom: auto !important;
   }
   .ms-sm-0 {
-    margin-right: 0 !important;
+    margin-inline-start: 0 !important;
   }
   .ms-sm-1 {
-    margin-right: 0.25rem !important;
+    margin-inline-start: 0.25rem !important;
   }
   .ms-sm-2 {
-    margin-right: 0.5rem !important;
+    margin-inline-start: 0.5rem !important;
   }
   .ms-sm-3 {
-    margin-right: 1rem !important;
+    margin-inline-start: 1rem !important;
   }
   .ms-sm-4 {
-    margin-right: 1.5rem !important;
+    margin-inline-start: 1.5rem !important;
   }
   .ms-sm-5 {
-    margin-right: 3rem !important;
+    margin-inline-start: 3rem !important;
   }
   .ms-sm-auto {
-    margin-right: auto !important;
+    margin-inline-start: auto !important;
   }
   .p-sm-0 {
     padding: 0 !important;
@@ -11382,22 +11414,22 @@ textarea.form-control-lg {
     padding-top: 3rem !important;
   }
   .pe-sm-0 {
-    padding-left: 0 !important;
+    padding-inline-end: 0 !important;
   }
   .pe-sm-1 {
-    padding-left: 0.25rem !important;
+    padding-inline-end: 0.25rem !important;
   }
   .pe-sm-2 {
-    padding-left: 0.5rem !important;
+    padding-inline-end: 0.5rem !important;
   }
   .pe-sm-3 {
-    padding-left: 1rem !important;
+    padding-inline-end: 1rem !important;
   }
   .pe-sm-4 {
-    padding-left: 1.5rem !important;
+    padding-inline-end: 1.5rem !important;
   }
   .pe-sm-5 {
-    padding-left: 3rem !important;
+    padding-inline-end: 3rem !important;
   }
   .pb-sm-0 {
     padding-bottom: 0 !important;
@@ -11418,22 +11450,22 @@ textarea.form-control-lg {
     padding-bottom: 3rem !important;
   }
   .ps-sm-0 {
-    padding-right: 0 !important;
+    padding-inline-start: 0 !important;
   }
   .ps-sm-1 {
-    padding-right: 0.25rem !important;
+    padding-inline-start: 0.25rem !important;
   }
   .ps-sm-2 {
-    padding-right: 0.5rem !important;
+    padding-inline-start: 0.5rem !important;
   }
   .ps-sm-3 {
-    padding-right: 1rem !important;
+    padding-inline-start: 1rem !important;
   }
   .ps-sm-4 {
-    padding-right: 1.5rem !important;
+    padding-inline-start: 1.5rem !important;
   }
   .ps-sm-5 {
-    padding-right: 3rem !important;
+    padding-inline-start: 3rem !important;
   }
   .gap-sm-0 {
     gap: 0 !important;
@@ -11490,10 +11522,10 @@ textarea.form-control-lg {
     column-gap: 3rem !important;
   }
   .text-sm-start {
-    text-align: right !important;
+    text-align: start !important;
   }
   .text-sm-end {
-    text-align: left !important;
+    text-align: end !important;
   }
   .text-sm-center {
     text-align: center !important;
@@ -11501,10 +11533,10 @@ textarea.form-control-lg {
 }
 @media (min-width: 768px) {
   .float-md-start {
-    float: right !important;
+    float: inline-start !important;
   }
   .float-md-end {
-    float: left !important;
+    float: inline-end !important;
   }
   .float-md-none {
     float: none !important;
@@ -11785,25 +11817,25 @@ textarea.form-control-lg {
     margin-top: auto !important;
   }
   .me-md-0 {
-    margin-left: 0 !important;
+    margin-inline-end: 0 !important;
   }
   .me-md-1 {
-    margin-left: 0.25rem !important;
+    margin-inline-end: 0.25rem !important;
   }
   .me-md-2 {
-    margin-left: 0.5rem !important;
+    margin-inline-end: 0.5rem !important;
   }
   .me-md-3 {
-    margin-left: 1rem !important;
+    margin-inline-end: 1rem !important;
   }
   .me-md-4 {
-    margin-left: 1.5rem !important;
+    margin-inline-end: 1.5rem !important;
   }
   .me-md-5 {
-    margin-left: 3rem !important;
+    margin-inline-end: 3rem !important;
   }
   .me-md-auto {
-    margin-left: auto !important;
+    margin-inline-end: auto !important;
   }
   .mb-md-0 {
     margin-bottom: 0 !important;
@@ -11827,25 +11859,25 @@ textarea.form-control-lg {
     margin-bottom: auto !important;
   }
   .ms-md-0 {
-    margin-right: 0 !important;
+    margin-inline-start: 0 !important;
   }
   .ms-md-1 {
-    margin-right: 0.25rem !important;
+    margin-inline-start: 0.25rem !important;
   }
   .ms-md-2 {
-    margin-right: 0.5rem !important;
+    margin-inline-start: 0.5rem !important;
   }
   .ms-md-3 {
-    margin-right: 1rem !important;
+    margin-inline-start: 1rem !important;
   }
   .ms-md-4 {
-    margin-right: 1.5rem !important;
+    margin-inline-start: 1.5rem !important;
   }
   .ms-md-5 {
-    margin-right: 3rem !important;
+    margin-inline-start: 3rem !important;
   }
   .ms-md-auto {
-    margin-right: auto !important;
+    margin-inline-start: auto !important;
   }
   .p-md-0 {
     padding: 0 !important;
@@ -11932,22 +11964,22 @@ textarea.form-control-lg {
     padding-top: 3rem !important;
   }
   .pe-md-0 {
-    padding-left: 0 !important;
+    padding-inline-end: 0 !important;
   }
   .pe-md-1 {
-    padding-left: 0.25rem !important;
+    padding-inline-end: 0.25rem !important;
   }
   .pe-md-2 {
-    padding-left: 0.5rem !important;
+    padding-inline-end: 0.5rem !important;
   }
   .pe-md-3 {
-    padding-left: 1rem !important;
+    padding-inline-end: 1rem !important;
   }
   .pe-md-4 {
-    padding-left: 1.5rem !important;
+    padding-inline-end: 1.5rem !important;
   }
   .pe-md-5 {
-    padding-left: 3rem !important;
+    padding-inline-end: 3rem !important;
   }
   .pb-md-0 {
     padding-bottom: 0 !important;
@@ -11968,22 +12000,22 @@ textarea.form-control-lg {
     padding-bottom: 3rem !important;
   }
   .ps-md-0 {
-    padding-right: 0 !important;
+    padding-inline-start: 0 !important;
   }
   .ps-md-1 {
-    padding-right: 0.25rem !important;
+    padding-inline-start: 0.25rem !important;
   }
   .ps-md-2 {
-    padding-right: 0.5rem !important;
+    padding-inline-start: 0.5rem !important;
   }
   .ps-md-3 {
-    padding-right: 1rem !important;
+    padding-inline-start: 1rem !important;
   }
   .ps-md-4 {
-    padding-right: 1.5rem !important;
+    padding-inline-start: 1.5rem !important;
   }
   .ps-md-5 {
-    padding-right: 3rem !important;
+    padding-inline-start: 3rem !important;
   }
   .gap-md-0 {
     gap: 0 !important;
@@ -12040,10 +12072,10 @@ textarea.form-control-lg {
     column-gap: 3rem !important;
   }
   .text-md-start {
-    text-align: right !important;
+    text-align: start !important;
   }
   .text-md-end {
-    text-align: left !important;
+    text-align: end !important;
   }
   .text-md-center {
     text-align: center !important;
@@ -12051,10 +12083,10 @@ textarea.form-control-lg {
 }
 @media (min-width: 992px) {
   .float-lg-start {
-    float: right !important;
+    float: inline-start !important;
   }
   .float-lg-end {
-    float: left !important;
+    float: inline-end !important;
   }
   .float-lg-none {
     float: none !important;
@@ -12335,25 +12367,25 @@ textarea.form-control-lg {
     margin-top: auto !important;
   }
   .me-lg-0 {
-    margin-left: 0 !important;
+    margin-inline-end: 0 !important;
   }
   .me-lg-1 {
-    margin-left: 0.25rem !important;
+    margin-inline-end: 0.25rem !important;
   }
   .me-lg-2 {
-    margin-left: 0.5rem !important;
+    margin-inline-end: 0.5rem !important;
   }
   .me-lg-3 {
-    margin-left: 1rem !important;
+    margin-inline-end: 1rem !important;
   }
   .me-lg-4 {
-    margin-left: 1.5rem !important;
+    margin-inline-end: 1.5rem !important;
   }
   .me-lg-5 {
-    margin-left: 3rem !important;
+    margin-inline-end: 3rem !important;
   }
   .me-lg-auto {
-    margin-left: auto !important;
+    margin-inline-end: auto !important;
   }
   .mb-lg-0 {
     margin-bottom: 0 !important;
@@ -12377,25 +12409,25 @@ textarea.form-control-lg {
     margin-bottom: auto !important;
   }
   .ms-lg-0 {
-    margin-right: 0 !important;
+    margin-inline-start: 0 !important;
   }
   .ms-lg-1 {
-    margin-right: 0.25rem !important;
+    margin-inline-start: 0.25rem !important;
   }
   .ms-lg-2 {
-    margin-right: 0.5rem !important;
+    margin-inline-start: 0.5rem !important;
   }
   .ms-lg-3 {
-    margin-right: 1rem !important;
+    margin-inline-start: 1rem !important;
   }
   .ms-lg-4 {
-    margin-right: 1.5rem !important;
+    margin-inline-start: 1.5rem !important;
   }
   .ms-lg-5 {
-    margin-right: 3rem !important;
+    margin-inline-start: 3rem !important;
   }
   .ms-lg-auto {
-    margin-right: auto !important;
+    margin-inline-start: auto !important;
   }
   .p-lg-0 {
     padding: 0 !important;
@@ -12482,22 +12514,22 @@ textarea.form-control-lg {
     padding-top: 3rem !important;
   }
   .pe-lg-0 {
-    padding-left: 0 !important;
+    padding-inline-end: 0 !important;
   }
   .pe-lg-1 {
-    padding-left: 0.25rem !important;
+    padding-inline-end: 0.25rem !important;
   }
   .pe-lg-2 {
-    padding-left: 0.5rem !important;
+    padding-inline-end: 0.5rem !important;
   }
   .pe-lg-3 {
-    padding-left: 1rem !important;
+    padding-inline-end: 1rem !important;
   }
   .pe-lg-4 {
-    padding-left: 1.5rem !important;
+    padding-inline-end: 1.5rem !important;
   }
   .pe-lg-5 {
-    padding-left: 3rem !important;
+    padding-inline-end: 3rem !important;
   }
   .pb-lg-0 {
     padding-bottom: 0 !important;
@@ -12518,22 +12550,22 @@ textarea.form-control-lg {
     padding-bottom: 3rem !important;
   }
   .ps-lg-0 {
-    padding-right: 0 !important;
+    padding-inline-start: 0 !important;
   }
   .ps-lg-1 {
-    padding-right: 0.25rem !important;
+    padding-inline-start: 0.25rem !important;
   }
   .ps-lg-2 {
-    padding-right: 0.5rem !important;
+    padding-inline-start: 0.5rem !important;
   }
   .ps-lg-3 {
-    padding-right: 1rem !important;
+    padding-inline-start: 1rem !important;
   }
   .ps-lg-4 {
-    padding-right: 1.5rem !important;
+    padding-inline-start: 1.5rem !important;
   }
   .ps-lg-5 {
-    padding-right: 3rem !important;
+    padding-inline-start: 3rem !important;
   }
   .gap-lg-0 {
     gap: 0 !important;
@@ -12590,10 +12622,10 @@ textarea.form-control-lg {
     column-gap: 3rem !important;
   }
   .text-lg-start {
-    text-align: right !important;
+    text-align: start !important;
   }
   .text-lg-end {
-    text-align: left !important;
+    text-align: end !important;
   }
   .text-lg-center {
     text-align: center !important;
@@ -12601,10 +12633,10 @@ textarea.form-control-lg {
 }
 @media (min-width: 1200px) {
   .float-xl-start {
-    float: right !important;
+    float: inline-start !important;
   }
   .float-xl-end {
-    float: left !important;
+    float: inline-end !important;
   }
   .float-xl-none {
     float: none !important;
@@ -12885,25 +12917,25 @@ textarea.form-control-lg {
     margin-top: auto !important;
   }
   .me-xl-0 {
-    margin-left: 0 !important;
+    margin-inline-end: 0 !important;
   }
   .me-xl-1 {
-    margin-left: 0.25rem !important;
+    margin-inline-end: 0.25rem !important;
   }
   .me-xl-2 {
-    margin-left: 0.5rem !important;
+    margin-inline-end: 0.5rem !important;
   }
   .me-xl-3 {
-    margin-left: 1rem !important;
+    margin-inline-end: 1rem !important;
   }
   .me-xl-4 {
-    margin-left: 1.5rem !important;
+    margin-inline-end: 1.5rem !important;
   }
   .me-xl-5 {
-    margin-left: 3rem !important;
+    margin-inline-end: 3rem !important;
   }
   .me-xl-auto {
-    margin-left: auto !important;
+    margin-inline-end: auto !important;
   }
   .mb-xl-0 {
     margin-bottom: 0 !important;
@@ -12927,25 +12959,25 @@ textarea.form-control-lg {
     margin-bottom: auto !important;
   }
   .ms-xl-0 {
-    margin-right: 0 !important;
+    margin-inline-start: 0 !important;
   }
   .ms-xl-1 {
-    margin-right: 0.25rem !important;
+    margin-inline-start: 0.25rem !important;
   }
   .ms-xl-2 {
-    margin-right: 0.5rem !important;
+    margin-inline-start: 0.5rem !important;
   }
   .ms-xl-3 {
-    margin-right: 1rem !important;
+    margin-inline-start: 1rem !important;
   }
   .ms-xl-4 {
-    margin-right: 1.5rem !important;
+    margin-inline-start: 1.5rem !important;
   }
   .ms-xl-5 {
-    margin-right: 3rem !important;
+    margin-inline-start: 3rem !important;
   }
   .ms-xl-auto {
-    margin-right: auto !important;
+    margin-inline-start: auto !important;
   }
   .p-xl-0 {
     padding: 0 !important;
@@ -13032,22 +13064,22 @@ textarea.form-control-lg {
     padding-top: 3rem !important;
   }
   .pe-xl-0 {
-    padding-left: 0 !important;
+    padding-inline-end: 0 !important;
   }
   .pe-xl-1 {
-    padding-left: 0.25rem !important;
+    padding-inline-end: 0.25rem !important;
   }
   .pe-xl-2 {
-    padding-left: 0.5rem !important;
+    padding-inline-end: 0.5rem !important;
   }
   .pe-xl-3 {
-    padding-left: 1rem !important;
+    padding-inline-end: 1rem !important;
   }
   .pe-xl-4 {
-    padding-left: 1.5rem !important;
+    padding-inline-end: 1.5rem !important;
   }
   .pe-xl-5 {
-    padding-left: 3rem !important;
+    padding-inline-end: 3rem !important;
   }
   .pb-xl-0 {
     padding-bottom: 0 !important;
@@ -13068,22 +13100,22 @@ textarea.form-control-lg {
     padding-bottom: 3rem !important;
   }
   .ps-xl-0 {
-    padding-right: 0 !important;
+    padding-inline-start: 0 !important;
   }
   .ps-xl-1 {
-    padding-right: 0.25rem !important;
+    padding-inline-start: 0.25rem !important;
   }
   .ps-xl-2 {
-    padding-right: 0.5rem !important;
+    padding-inline-start: 0.5rem !important;
   }
   .ps-xl-3 {
-    padding-right: 1rem !important;
+    padding-inline-start: 1rem !important;
   }
   .ps-xl-4 {
-    padding-right: 1.5rem !important;
+    padding-inline-start: 1.5rem !important;
   }
   .ps-xl-5 {
-    padding-right: 3rem !important;
+    padding-inline-start: 3rem !important;
   }
   .gap-xl-0 {
     gap: 0 !important;
@@ -13140,10 +13172,10 @@ textarea.form-control-lg {
     column-gap: 3rem !important;
   }
   .text-xl-start {
-    text-align: right !important;
+    text-align: start !important;
   }
   .text-xl-end {
-    text-align: left !important;
+    text-align: end !important;
   }
   .text-xl-center {
     text-align: center !important;
@@ -13151,10 +13183,10 @@ textarea.form-control-lg {
 }
 @media (min-width: 1400px) {
   .float-xxl-start {
-    float: right !important;
+    float: inline-start !important;
   }
   .float-xxl-end {
-    float: left !important;
+    float: inline-end !important;
   }
   .float-xxl-none {
     float: none !important;
@@ -13435,25 +13467,25 @@ textarea.form-control-lg {
     margin-top: auto !important;
   }
   .me-xxl-0 {
-    margin-left: 0 !important;
+    margin-inline-end: 0 !important;
   }
   .me-xxl-1 {
-    margin-left: 0.25rem !important;
+    margin-inline-end: 0.25rem !important;
   }
   .me-xxl-2 {
-    margin-left: 0.5rem !important;
+    margin-inline-end: 0.5rem !important;
   }
   .me-xxl-3 {
-    margin-left: 1rem !important;
+    margin-inline-end: 1rem !important;
   }
   .me-xxl-4 {
-    margin-left: 1.5rem !important;
+    margin-inline-end: 1.5rem !important;
   }
   .me-xxl-5 {
-    margin-left: 3rem !important;
+    margin-inline-end: 3rem !important;
   }
   .me-xxl-auto {
-    margin-left: auto !important;
+    margin-inline-end: auto !important;
   }
   .mb-xxl-0 {
     margin-bottom: 0 !important;
@@ -13477,25 +13509,25 @@ textarea.form-control-lg {
     margin-bottom: auto !important;
   }
   .ms-xxl-0 {
-    margin-right: 0 !important;
+    margin-inline-start: 0 !important;
   }
   .ms-xxl-1 {
-    margin-right: 0.25rem !important;
+    margin-inline-start: 0.25rem !important;
   }
   .ms-xxl-2 {
-    margin-right: 0.5rem !important;
+    margin-inline-start: 0.5rem !important;
   }
   .ms-xxl-3 {
-    margin-right: 1rem !important;
+    margin-inline-start: 1rem !important;
   }
   .ms-xxl-4 {
-    margin-right: 1.5rem !important;
+    margin-inline-start: 1.5rem !important;
   }
   .ms-xxl-5 {
-    margin-right: 3rem !important;
+    margin-inline-start: 3rem !important;
   }
   .ms-xxl-auto {
-    margin-right: auto !important;
+    margin-inline-start: auto !important;
   }
   .p-xxl-0 {
     padding: 0 !important;
@@ -13582,22 +13614,22 @@ textarea.form-control-lg {
     padding-top: 3rem !important;
   }
   .pe-xxl-0 {
-    padding-left: 0 !important;
+    padding-inline-end: 0 !important;
   }
   .pe-xxl-1 {
-    padding-left: 0.25rem !important;
+    padding-inline-end: 0.25rem !important;
   }
   .pe-xxl-2 {
-    padding-left: 0.5rem !important;
+    padding-inline-end: 0.5rem !important;
   }
   .pe-xxl-3 {
-    padding-left: 1rem !important;
+    padding-inline-end: 1rem !important;
   }
   .pe-xxl-4 {
-    padding-left: 1.5rem !important;
+    padding-inline-end: 1.5rem !important;
   }
   .pe-xxl-5 {
-    padding-left: 3rem !important;
+    padding-inline-end: 3rem !important;
   }
   .pb-xxl-0 {
     padding-bottom: 0 !important;
@@ -13618,22 +13650,22 @@ textarea.form-control-lg {
     padding-bottom: 3rem !important;
   }
   .ps-xxl-0 {
-    padding-right: 0 !important;
+    padding-inline-start: 0 !important;
   }
   .ps-xxl-1 {
-    padding-right: 0.25rem !important;
+    padding-inline-start: 0.25rem !important;
   }
   .ps-xxl-2 {
-    padding-right: 0.5rem !important;
+    padding-inline-start: 0.5rem !important;
   }
   .ps-xxl-3 {
-    padding-right: 1rem !important;
+    padding-inline-start: 1rem !important;
   }
   .ps-xxl-4 {
-    padding-right: 1.5rem !important;
+    padding-inline-start: 1.5rem !important;
   }
   .ps-xxl-5 {
-    padding-right: 3rem !important;
+    padding-inline-start: 3rem !important;
   }
   .gap-xxl-0 {
     gap: 0 !important;
@@ -13690,10 +13722,10 @@ textarea.form-control-lg {
     column-gap: 3rem !important;
   }
   .text-xxl-start {
-    text-align: right !important;
+    text-align: start !important;
   }
   .text-xxl-end {
-    text-align: left !important;
+    text-align: end !important;
   }
   .text-xxl-center {
     text-align: center !important;