@coreui/coreui 5.0.0-alpha.1 → 5.0.0-alpha.2

package/dist/css/coreui.rtl.css

@@ -1,11 +1,6 @@
 @charset "UTF-8";
 /*!
- * CoreUI  v5.0.0-alpha.1 (https://coreui.io)
- * Copyright (c) 2023 creativeLabs Łukasz Holeczek
- * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
- */
-/*!
- * CoreUI  v5.0.0-alpha.1 (https://coreui.io)
+ * CoreUI  v5.0.0-alpha.2 (https://coreui.io)
  * Copyright (c) 2023 creativeLabs Łukasz Holeczek
  * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
  */
@@ -34,7 +29,7 @@
   --cui-gray-700: #4a566d;
   --cui-gray-800: #323a49;
   --cui-gray-900: #212631;
-  --cui-primary: #321fdb;
+  --cui-primary: #5856d6;
   --cui-secondary: #9da5b1;
   --cui-success: #2eb85c;
   --cui-info: #39f;
@@ -42,7 +37,7 @@
   --cui-danger: #e55353;
   --cui-light: #f3f4f7;
   --cui-dark: #212631;
-  --cui-primary-rgb: 50, 31, 219;
+  --cui-primary-rgb: 88, 86, 214;
   --cui-secondary-rgb: 157, 165, 177;
   --cui-success-rgb: 46, 184, 92;
   --cui-info-rgb: 51, 153, 255;
@@ -50,7 +45,7 @@
   --cui-danger-rgb: 229, 83, 83;
   --cui-light-rgb: 243, 244, 247;
   --cui-dark-rgb: 33, 38, 49;
-  --cui-primary-text-emphasis: #1f1498;
+  --cui-primary-text-emphasis: #3634a3;
   --cui-secondary-text-emphasis: #212233;
   --cui-success-text-emphasis: #0f5722;
   --cui-info-text-emphasis: #184c77;
@@ -58,7 +53,7 @@
   --cui-danger-text-emphasis: #671414;
   --cui-light-text-emphasis: #4a566d;
   --cui-dark-text-emphasis: #323a49;
-  --cui-primary-bg-subtle: #ccc7f6;
+  --cui-primary-bg-subtle: #cfc7f3;
   --cui-secondary-bg-subtle: #ced2d8;
   --cui-success-bg-subtle: #cbedd6;
   --cui-info-bg-subtle: #c0e6ff;
@@ -66,7 +61,7 @@
   --cui-danger-bg-subtle: #f9d4d4;
   --cui-light-bg-subtle: #f9fafb;
   --cui-dark-bg-subtle: #cfd4de;
-  --cui-primary-border-subtle: #988fed;
+  --cui-primary-border-subtle: #9d92e6;
   --cui-secondary-border-subtle: #9da5b1;
   --cui-success-border-subtle: #96dbad;
   --cui-info-border-subtle: #80c6ff;
@@ -97,18 +92,26 @@
   --cui-tertiary-color-rgb: 37, 43, 54;
   --cui-tertiary-bg: #f3f4f7;
   --cui-tertiary-bg-rgb: 243, 244, 247;
-  --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-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);
+  --cui-body-color-dark: rgba(255, 255, 255, 0.87);
+  --cui-body-color-rgb-dark: 255, 255, 255;
+  --cui-body-bg-dark: #212631;
+  --cui-body-bg-rgb-dark: 33, 38, 49;
+  --cui-emphasis-color-dark: #fff;
+  --cui-emphasis-color-rgb-dark: 255, 255, 255;
+  --cui-secondary-color-dark: rgba(255, 255, 255, 0.6);
+  --cui-secondary-color-rgb-dark: 255, 255, 255;
+  --cui-secondary-bg-dark: #323a49;
+  --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-heading-color: inherit;
-  --cui-link-color: #321fdb;
-  --cui-link-color-rgb: 50, 31, 219;
+  --cui-link-color: #5856d6;
+  --cui-link-color-rgb: 88, 86, 214;
   --cui-link-decoration: underline;
-  --cui-link-hover-color: #2819af;
-  --cui-link-hover-color-rgb: 40, 25, 175;
+  --cui-link-hover-color: #4645ab;
+  --cui-link-hover-color-rgb: 70, 69, 171;
   --cui-code-color: #d63384;
   --cui-highlight-bg: #fff3cd;
   --cui-border-width: 1px;
@@ -128,7 +131,7 @@
   --cui-box-shadow-inset: inset 0 1px 2px rgba(8, 10, 12, 0.075);
   --cui-focus-ring-width: 0.25rem;
   --cui-focus-ring-opacity: 0.25;
-  --cui-focus-ring-color: rgba(50, 31, 219, 0.25);
+  --cui-focus-ring-color: rgba(88, 86, 214, 0.25);
   --cui-form-valid-color: #2eb85c;
   --cui-form-valid-border-color: #2eb85c;
   --cui-form-invalid-color: #e55353;
@@ -137,24 +140,21 @@
 
 [data-coreui-theme=dark] {
   color-scheme: dark;
-  --cui-body-color: #aab3c5;
-  --cui-body-color-rgb: 170, 179, 197;
+  --cui-body-color: rgba(255, 255, 255, 0.87);
+  --cui-body-color-rgb: 255, 255, 255;
   --cui-body-bg: #212631;
   --cui-body-bg-rgb: 33, 38, 49;
   --cui-emphasis-color: #fff;
   --cui-emphasis-color-rgb: 255, 255, 255;
-  --cui-secondary-color: rgba(170, 179, 197, 0.75);
-  --cui-secondary-color-rgb: 170, 179, 197;
+  --cui-secondary-color: rgba(255, 255, 255, 0.6);
+  --cui-secondary-color-rgb: 255, 255, 255;
   --cui-secondary-bg: #323a49;
   --cui-secondary-bg-rgb: 50, 58, 73;
-  --cui-tertiary-color: rgba(170, 179, 197, 0.5);
-  --cui-tertiary-color-rgb: 170, 179, 197;
-  --cui-tertiary-bg: #252a37;
-  --cui-tertiary-bg-rgb: 37, 42, 55;
-  --cui-high-emphasis: #aab3c5;
-  --cui-medium-emphasis: rgba(170, 179, 197, 0.75);
-  --cui-disabled: rgba(170, 179, 197, 0.5);
-  --cui-primary: #6b60ce;
+  --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-primary: #6261cc;
   --cui-secondary: #a6a7a8;
   --cui-success: #3aad60;
   --cui-info: #3d99f5;
@@ -171,7 +171,7 @@
   --cui-gray-700: #4a566d;
   --cui-gray-800: #323a49;
   --cui-gray-900: #212631;
-  --cui-primary-rgb: 107, 96, 206;
+  --cui-primary-rgb: 98, 97, 204;
   --cui-secondary-rgb: 166, 167, 168;
   --cui-success-rgb: 58, 173, 96;
   --cui-info-rgb: 61, 153, 245;
@@ -179,7 +179,7 @@
   --cui-danger-rgb: 219, 93, 93;
   --cui-light-rgb: 244, 245, 246;
   --cui-dark-rgb: 37, 40, 45;
-  --cui-primary-text-emphasis: #1f1498;
+  --cui-primary-text-emphasis: #3634a3;
   --cui-secondary-text-emphasis: #212233;
   --cui-success-text-emphasis: #0f5722;
   --cui-info-text-emphasis: #184c77;
@@ -187,7 +187,7 @@
   --cui-danger-text-emphasis: #671414;
   --cui-light-text-emphasis: #f3f4f7;
   --cui-dark-text-emphasis: #dbdfe6;
-  --cui-primary-bg-subtle: #ccc7f6;
+  --cui-primary-bg-subtle: #cfc7f3;
   --cui-secondary-bg-subtle: #ced2d8;
   --cui-success-bg-subtle: #cbedd6;
   --cui-info-bg-subtle: #c0e6ff;
@@ -195,7 +195,7 @@
   --cui-danger-bg-subtle: #f9d4d4;
   --cui-light-bg-subtle: #323a49;
   --cui-dark-bg-subtle: #1d222b;
-  --cui-primary-border-subtle: #988fed;
+  --cui-primary-border-subtle: #9d92e6;
   --cui-secondary-border-subtle: #9da5b1;
   --cui-success-border-subtle: #96dbad;
   --cui-info-border-subtle: #80c6ff;
@@ -204,13 +204,13 @@
   --cui-light-border-subtle: #4a566d;
   --cui-dark-border-subtle: #323a49;
   --cui-heading-color: inherit;
-  --cui-link-color: #8479e9;
-  --cui-link-hover-color: #9d94ed;
-  --cui-link-color-rgb: 132, 121, 233;
-  --cui-link-hover-color-rgb: 157, 148, 237;
+  --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-border-color: #4a566d;
-  --cui-border-color-translucent: rgba(255, 255, 255, 0.15);
+  --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;
@@ -573,8 +573,8 @@ legend + * {
 }
 
 [type=search] {
-  outline-offset: -2px;
   -webkit-appearance: textfield;
+  outline-offset: -2px;
 }
 
 *[dir=rtl] [type=tel],
@@ -703,7 +703,7 @@ progress {
   display: inline-block;
 }
 .list-inline-item:not(:last-child) {
-  margin-right: 0.5rem;
+  margin-left: 0.5rem;
 }
 
 .initialism {
@@ -1960,113 +1960,113 @@ progress {
 }
 
 .table-primary {
-  --cui-table-color: rgba(37, 43, 54, 0.95);
-  --cui-table-bg: #d6d2f8;
-  --cui-table-border-color: rgba(198, 195, 230, 0.995);
-  --cui-table-striped-bg: rgba(206, 202, 239, 0.9975);
-  --cui-table-striped-color: rgba(37, 43, 54, 0.95);
-  --cui-table-active-bg: rgba(198, 195, 230, 0.995);
-  --cui-table-active-color: rgba(37, 43, 54, 0.95);
-  --cui-table-hover-bg: rgba(202, 199, 235, 0.99625);
-  --cui-table-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-table-color: #080a0c;
+  --cui-table-bg: #deddf7;
+  --cui-table-border-color: #c9c8e0;
+  --cui-table-striped-bg: #d3d2eb;
+  --cui-table-striped-color: #080a0c;
+  --cui-table-active-bg: #c9c8e0;
+  --cui-table-active-color: #080a0c;
+  --cui-table-hover-bg: #cecde5;
+  --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
 }
 
 .table-secondary {
-  --cui-table-color: rgba(37, 43, 54, 0.95);
+  --cui-table-color: #080a0c;
   --cui-table-bg: #ebedef;
-  --cui-table-border-color: rgba(217, 219, 222, 0.995);
-  --cui-table-striped-bg: rgba(226, 228, 231, 0.9975);
-  --cui-table-striped-color: rgba(37, 43, 54, 0.95);
-  --cui-table-active-bg: rgba(217, 219, 222, 0.995);
-  --cui-table-active-color: rgba(37, 43, 54, 0.95);
-  --cui-table-hover-bg: rgba(221, 224, 226, 0.99625);
-  --cui-table-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-table-border-color: #d4d6d8;
+  --cui-table-striped-bg: #e0e2e4;
+  --cui-table-striped-color: #080a0c;
+  --cui-table-active-bg: #d4d6d8;
+  --cui-table-active-color: #080a0c;
+  --cui-table-hover-bg: #dadcde;
+  --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
 }
 
 .table-success {
-  --cui-table-color: rgba(37, 43, 54, 0.95);
+  --cui-table-color: #080a0c;
   --cui-table-bg: #d5f1de;
-  --cui-table-border-color: rgba(197, 223, 207, 0.995);
-  --cui-table-striped-bg: rgba(205, 232, 214, 0.9975);
-  --cui-table-striped-color: rgba(37, 43, 54, 0.95);
-  --cui-table-active-bg: rgba(197, 223, 207, 0.995);
-  --cui-table-active-color: rgba(37, 43, 54, 0.95);
-  --cui-table-hover-bg: rgba(201, 227, 211, 0.99625);
-  --cui-table-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-table-border-color: #c1dac9;
+  --cui-table-striped-bg: #cbe5d4;
+  --cui-table-striped-color: #080a0c;
+  --cui-table-active-bg: #c1dac9;
+  --cui-table-active-color: #080a0c;
+  --cui-table-hover-bg: #c6e0ce;
+  --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
 }
 
 .table-info {
-  --cui-table-color: rgba(37, 43, 54, 0.95);
+  --cui-table-color: #080a0c;
   --cui-table-bg: #d6ebff;
-  --cui-table-border-color: rgba(198, 217, 237, 0.995);
-  --cui-table-striped-bg: rgba(206, 226, 246, 0.9975);
-  --cui-table-striped-color: rgba(37, 43, 54, 0.95);
-  --cui-table-active-bg: rgba(198, 217, 237, 0.995);
-  --cui-table-active-color: rgba(37, 43, 54, 0.95);
-  --cui-table-hover-bg: rgba(202, 222, 241, 0.99625);
-  --cui-table-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-table-border-color: #c1d5e7;
+  --cui-table-striped-bg: #cce0f3;
+  --cui-table-striped-color: #080a0c;
+  --cui-table-active-bg: #c1d5e7;
+  --cui-table-active-color: #080a0c;
+  --cui-table-hover-bg: #c7daed;
+  --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
 }
 
 .table-warning {
-  --cui-table-color: rgba(37, 43, 54, 0.95);
+  --cui-table-color: #080a0c;
   --cui-table-bg: #feefd0;
-  --cui-table-border-color: rgba(234, 221, 194, 0.995);
-  --cui-table-striped-bg: rgba(244, 230, 201, 0.9975);
-  --cui-table-striped-color: rgba(37, 43, 54, 0.95);
-  --cui-table-active-bg: rgba(234, 221, 194, 0.995);
-  --cui-table-active-color: rgba(37, 43, 54, 0.95);
-  --cui-table-hover-bg: rgba(239, 226, 197, 0.99625);
-  --cui-table-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-table-border-color: #e5d8bc;
+  --cui-table-striped-bg: #f2e4c6;
+  --cui-table-striped-color: #080a0c;
+  --cui-table-active-bg: #e5d8bc;
+  --cui-table-active-color: #080a0c;
+  --cui-table-hover-bg: #ecdec1;
+  --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
 }
 
 .table-danger {
-  --cui-table-color: rgba(37, 43, 54, 0.95);
+  --cui-table-color: #080a0c;
   --cui-table-bg: #fadddd;
-  --cui-table-border-color: rgba(231, 205, 206, 0.995);
-  --cui-table-striped-bg: rgba(240, 213, 213, 0.9975);
-  --cui-table-striped-color: rgba(37, 43, 54, 0.95);
-  --cui-table-active-bg: rgba(231, 205, 206, 0.995);
-  --cui-table-active-color: rgba(37, 43, 54, 0.95);
-  --cui-table-hover-bg: rgba(235, 209, 210, 0.99625);
-  --cui-table-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-table-border-color: #e2c8c8;
+  --cui-table-striped-bg: #eed2d3;
+  --cui-table-striped-color: #080a0c;
+  --cui-table-active-bg: #e2c8c8;
+  --cui-table-active-color: #080a0c;
+  --cui-table-hover-bg: #e8cdcd;
+  --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
 }
 
 .table-light {
-  --cui-table-color: rgba(37, 43, 54, 0.95);
+  --cui-table-color: #080a0c;
   --cui-table-bg: #f3f4f7;
-  --cui-table-border-color: rgba(224, 226, 229, 0.995);
-  --cui-table-striped-bg: rgba(234, 235, 238, 0.9975);
-  --cui-table-striped-color: rgba(37, 43, 54, 0.95);
-  --cui-table-active-bg: rgba(224, 226, 229, 0.995);
-  --cui-table-active-color: rgba(37, 43, 54, 0.95);
-  --cui-table-hover-bg: rgba(229, 230, 234, 0.99625);
-  --cui-table-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-table-border-color: #dcdde0;
+  --cui-table-striped-bg: #e7e8eb;
+  --cui-table-striped-color: #080a0c;
+  --cui-table-active-bg: #dcdde0;
+  --cui-table-active-color: #080a0c;
+  --cui-table-hover-bg: #e1e2e5;
+  --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
 }
 
 .table-dark {
-  --cui-table-color: rgba(255, 255, 255, 0.87);
+  --cui-table-color: #fff;
   --cui-table-bg: #212631;
-  --cui-table-border-color: rgba(50, 55, 65, 0.987);
-  --cui-table-striped-bg: rgba(42, 46, 57, 0.9935);
-  --cui-table-striped-color: rgba(255, 255, 255, 0.87);
-  --cui-table-active-bg: rgba(50, 55, 65, 0.987);
-  --cui-table-active-color: rgba(255, 255, 255, 0.87);
-  --cui-table-hover-bg: rgba(46, 51, 61, 0.99025);
-  --cui-table-hover-color: rgba(255, 255, 255, 0.87);
+  --cui-table-border-color: #373c46;
+  --cui-table-striped-bg: #2c313b;
+  --cui-table-striped-color: #fff;
+  --cui-table-active-bg: #373c46;
+  --cui-table-active-color: #fff;
+  --cui-table-hover-bg: #323640;
+  --cui-table-hover-color: #fff;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
 }
@@ -2144,10 +2144,10 @@ progress {
   font-weight: 400;
   line-height: 1.5;
   color: var(--cui-body-color);
+  appearance: none;
   background-color: var(--cui-body-bg);
   background-clip: padding-box;
   border: var(--cui-border-width) solid var(--cui-border-color);
-  appearance: none;
   border-radius: var(--cui-border-radius);
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
@@ -2165,9 +2165,9 @@ progress {
 .form-control:focus {
   color: var(--cui-body-color);
   background-color: var(--cui-body-bg);
-  border-color: #998fed;
+  border-color: #acabeb;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
 }
 .form-control::-webkit-date-and-time-value {
   min-width: 85px;
@@ -2294,6 +2294,7 @@ textarea.form-control-lg {
   font-weight: 400;
   line-height: 1.5;
   color: var(--cui-body-color);
+  appearance: none;
   background-color: var(--cui-body-bg);
   background-image: var(--cui-form-select-bg-img), var(--cui-form-select-bg-icon, none);
   background-repeat: no-repeat;
@@ -2302,7 +2303,6 @@ textarea.form-control-lg {
   border: var(--cui-border-width) solid var(--cui-border-color);
   border-radius: var(--cui-border-radius);
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  appearance: none;
 }
 @media (prefers-reduced-motion: reduce) {
   .form-select {
@@ -2310,9 +2310,9 @@ textarea.form-control-lg {
   }
 }
 .form-select:focus {
-  border-color: var(#998fed);
+  border-color: var(#acabeb);
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
+  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;
@@ -2343,7 +2343,7 @@ textarea.form-control-lg {
 }
 
 [data-coreui-theme=dark] .form-select {
-  --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='%23aab3c5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+  --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='rgba%28255, 255, 255, 0.87%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
 }
 
 .form-check {
@@ -2358,14 +2358,14 @@ textarea.form-control-lg {
 }
 
 .form-check-reverse {
-  padding-right: 1.5em;
-  padding-left: 0;
-  text-align: right;
+  padding-left: 1.5em;
+  padding-right: 0;
+  text-align: left;
 }
 .form-check-reverse .form-check-input {
-  float: right;
-  margin-right: -1.5em;
-  margin-left: 0;
+  float: left;
+  margin-left: -1.5em;
+  margin-right: 0;
 }
 
 .form-check-input {
@@ -2374,13 +2374,13 @@ textarea.form-control-lg {
   height: 1em;
   margin-top: 0.25em;
   vertical-align: top;
+  appearance: none;
   background-color: var(--cui-form-check-bg);
   background-image: var(--cui-form-check-bg-image);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   border: var(--cui-border-width) solid var(--cui-border-color);
-  appearance: none;
   print-color-adjust: exact;
 }
 .form-check-input[type=checkbox] {
@@ -2393,13 +2393,13 @@ textarea.form-control-lg {
   filter: brightness(90%);
 }
 .form-check-input:focus {
-  border-color: #998fed;
+  border-color: #acabeb;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
 }
 .form-check-input:checked {
-  background-color: var(--cui-form-check-input-checked-bg-color, #321fdb);
-  border-color: var(--cui-form-check-input-checked-border-color, #321fdb);
+  background-color: var(--cui-form-check-input-checked-bg-color, var(--cui-primary));
+  border-color: var(--cui-form-check-input-checked-border-color, var(--cui-primary));
 }
 .form-check-input:checked[type=checkbox] {
   --cui-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='rgba%28255, 255, 255, 0.87%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
@@ -2408,8 +2408,8 @@ textarea.form-control-lg {
   --cui-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='rgba%28255, 255, 255, 0.87%29'/%3e%3c/svg%3e");
 }
 .form-check-input[type=checkbox]:indeterminate {
-  background-color: #321fdb;
-  border-color: #321fdb;
+  background-color: var(--cui-primary);
+  border-color: var(--cui-primary);
   --cui-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='rgba%28255, 255, 255, 0.87%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
 }
 .form-check-input:disabled {
@@ -2432,7 +2432,7 @@ textarea.form-control-lg {
 .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-left: -2.5em;
+  margin-right: -2.5em;
   background-image: var(--cui-form-switch-bg);
   background-position: left center;
   border-radius: 2em;
@@ -2444,19 +2444,19 @@ 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='%23998fed'/%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='%23acabeb'/%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-right: 2.5em;
-  padding-left: 0;
+  padding-left: 1.5em;
+  padding-right: 0;
 }
 .form-switch.form-check-reverse .form-check-input {
-  margin-right: -2.5em;
-  margin-left: 0;
+  margin-left: -1.5em;
+  margin-right: 0;
 }
 
 .form-switch-lg {
@@ -2509,17 +2509,17 @@ textarea.form-control-lg {
   width: 100%;
   height: 1.5rem;
   padding: 0;
-  background-color: transparent;
   appearance: none;
+  background-color: transparent;
 }
 .form-range:focus {
   outline: 0;
 }
 .form-range:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
 }
 .form-range:focus::-moz-range-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
 }
 .form-range::-moz-focus-outer {
   border: 0;
@@ -2528,11 +2528,11 @@ textarea.form-control-lg {
   width: 1rem;
   height: 1rem;
   margin-top: -0.25rem;
-  background-color: #321fdb;
+  appearance: none;
+  background-color: var(--cui-primary);
   border: 0;
   border-radius: 1rem;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  appearance: none;
 }
 @media (prefers-reduced-motion: reduce) {
   .form-range::-webkit-slider-thumb {
@@ -2540,7 +2540,7 @@ textarea.form-control-lg {
   }
 }
 .form-range::-webkit-slider-thumb:active {
-  background-color: #c2bcf4;
+  background-color: #cdccf3;
 }
 .form-range::-webkit-slider-runnable-track {
   width: 100%;
@@ -2554,11 +2554,11 @@ textarea.form-control-lg {
 .form-range::-moz-range-thumb {
   width: 1rem;
   height: 1rem;
-  background-color: #321fdb;
+  appearance: none;
+  background-color: var(--cui-primary);
   border: 0;
   border-radius: 1rem;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  appearance: none;
 }
 @media (prefers-reduced-motion: reduce) {
   .form-range::-moz-range-thumb {
@@ -2566,7 +2566,7 @@ textarea.form-control-lg {
   }
 }
 .form-range::-moz-range-thumb:active {
-  background-color: #c2bcf4;
+  background-color: #cdccf3;
 }
 .form-range::-moz-range-track {
   width: 100%;
@@ -2600,7 +2600,7 @@ textarea.form-control-lg {
 .form-floating > label {
   position: absolute;
   top: 0;
-  left: 0;
+  right: 0;
   z-index: 2;
   height: 100%;
   padding: 1rem 0.75rem;
@@ -2667,10 +2667,12 @@ textarea.form-control-lg {
 .form-floating > .form-control-plaintext ~ label {
   border-width: var(--cui-border-width) 0;
 }
-.form-floating > :disabled ~ label {
+.form-floating > :disabled ~ label,
+.form-floating > .form-control:disabled ~ label {
   color: #6d7d9c;
 }
-.form-floating > :disabled ~ label::after {
+.form-floating > :disabled ~ label::after,
+.form-floating > .form-control:disabled ~ label::after {
   background-color: var(--cui-secondary-bg);
 }
 
@@ -3028,52 +3030,52 @@ textarea.form-control-lg {
 }
 
 .btn-primary {
-  --cui-btn-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-bg: #321fdb;
-  --cui-btn-border-color: #321fdb;
-  --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-hover-bg: #5141e0;
-  --cui-btn-hover-border-color: #4735df;
-  --cui-btn-focus-shadow-rgb: 75, 58, 223;
-  --cui-btn-active-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-active-bg: #5b4ce2;
-  --cui-btn-active-border-color: #4735df;
+  --cui-btn-color: #fff;
+  --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-active-color: #fff;
+  --cui-btn-active-bg: #4645ab;
+  --cui-btn-active-border-color: #4241a1;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-disabled-bg: #321fdb;
-  --cui-btn-disabled-border-color: #321fdb;
+  --cui-btn-disabled-color: #fff;
+  --cui-btn-disabled-bg: #5856d6;
+  --cui-btn-disabled-border-color: #5856d6;
 }
 
 .btn-secondary {
-  --cui-btn-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-color: #080a0c;
   --cui-btn-bg: #9da5b1;
   --cui-btn-border-color: #9da5b1;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #858c96;
-  --cui-btn-hover-border-color: #7e848e;
-  --cui-btn-focus-shadow-rgb: 140, 148, 160;
+  --cui-btn-hover-bg: #acb3bd;
+  --cui-btn-hover-border-color: #a7aeb9;
+  --cui-btn-focus-shadow-rgb: 135, 142, 152;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #7e848e;
-  --cui-btn-active-border-color: #767c85;
+  --cui-btn-active-bg: #b1b7c1;
+  --cui-btn-active-border-color: #a7aeb9;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-disabled-color: #080a0c;
   --cui-btn-disabled-bg: #9da5b1;
   --cui-btn-disabled-border-color: #9da5b1;
 }
 
 .btn-success {
-  --cui-btn-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-color: #080a0c;
   --cui-btn-bg: #2eb85c;
   --cui-btn-border-color: #2eb85c;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #279c4e;
-  --cui-btn-hover-border-color: #25934a;
-  --cui-btn-focus-shadow-rgb: 45, 165, 87;
+  --cui-btn-hover-bg: #4dc374;
+  --cui-btn-hover-border-color: #43bf6c;
+  --cui-btn-focus-shadow-rgb: 40, 158, 80;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #25934a;
-  --cui-btn-active-border-color: #238a45;
+  --cui-btn-active-bg: #58c67d;
+  --cui-btn-active-border-color: #43bf6c;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-disabled-color: #080a0c;
   --cui-btn-disabled-bg: #2eb85c;
   --cui-btn-disabled-border-color: #2eb85c;
 }
@@ -3096,18 +3098,18 @@ textarea.form-control-lg {
 }
 
 .btn-warning {
-  --cui-btn-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-color: #080a0c;
   --cui-btn-bg: #f9b115;
   --cui-btn-border-color: #f9b115;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-hover-bg: #d49612;
-  --cui-btn-hover-border-color: #c78e11;
-  --cui-btn-focus-shadow-rgb: 220, 159, 26;
+  --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-active-color: #080a0c;
-  --cui-btn-active-bg: #c78e11;
-  --cui-btn-active-border-color: #bb8510;
+  --cui-btn-active-bg: #fac144;
+  --cui-btn-active-border-color: #fab92c;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-disabled-color: #080a0c;
   --cui-btn-disabled-bg: #f9b115;
   --cui-btn-disabled-border-color: #f9b115;
 }
@@ -3116,11 +3118,11 @@ textarea.form-control-lg {
   --cui-btn-color: #080a0c;
   --cui-btn-bg: #39f;
   --cui-btn-border-color: #39f;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
+  --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-active-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-active-color: #080a0c;
   --cui-btn-active-bg: #5cadff;
   --cui-btn-active-border-color: #47a3ff;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
@@ -3130,51 +3132,51 @@ textarea.form-control-lg {
 }
 
 .btn-light {
-  --cui-btn-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-color: #080a0c;
   --cui-btn-bg: #f3f4f7;
   --cui-btn-border-color: #f3f4f7;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-hover-bg: #cfcfd2;
-  --cui-btn-hover-border-color: #c2c3c6;
-  --cui-btn-focus-shadow-rgb: 215, 216, 220;
-  --cui-btn-active-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-active-bg: #c2c3c6;
-  --cui-btn-active-border-color: #b6b7b9;
+  --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-active-color: #080a0c;
+  --cui-btn-active-bg: #f5f6f9;
+  --cui-btn-active-border-color: #f4f5f8;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-disabled-color: #080a0c;
   --cui-btn-disabled-bg: #f3f4f7;
   --cui-btn-disabled-border-color: #f3f4f7;
 }
 
 .btn-dark {
-  --cui-btn-color: rgba(255, 255, 255, 0.87);
+  --cui-btn-color: #fff;
   --cui-btn-bg: #212631;
   --cui-btn-border-color: #212631;
-  --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-hover-bg: #424750;
-  --cui-btn-hover-border-color: #373c46;
-  --cui-btn-focus-shadow-rgb: 60, 64, 74;
-  --cui-btn-active-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-active-bg: #4d515a;
-  --cui-btn-active-border-color: #373c46;
+  --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-active-color: #fff;
+  --cui-btn-active-bg: #1a1e27;
+  --cui-btn-active-border-color: #191d25;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: rgba(255, 255, 255, 0.87);
+  --cui-btn-disabled-color: #fff;
   --cui-btn-disabled-bg: #212631;
   --cui-btn-disabled-border-color: #212631;
 }
 
 .btn-outline-primary {
-  --cui-btn-color: #321fdb;
-  --cui-btn-border-color: #321fdb;
-  --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-hover-bg: #5b4ce2;
-  --cui-btn-hover-border-color: #4735df;
-  --cui-btn-focus-shadow-rgb: 50, 31, 219;
-  --cui-btn-active-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-active-bg: #5b4ce2;
-  --cui-btn-active-border-color: #4735df;
+  --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-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-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: #321fdb;
+  --cui-btn-disabled-color: #5856d6;
   --cui-btn-disabled-bg: transparent;
   --cui-gradient: none;
 }
@@ -3183,12 +3185,12 @@ textarea.form-control-lg {
   --cui-btn-color: #9da5b1;
   --cui-btn-border-color: #9da5b1;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #7e848e;
-  --cui-btn-hover-border-color: #767c85;
+  --cui-btn-hover-bg: #b1b7c1;
+  --cui-btn-hover-border-color: #a7aeb9;
   --cui-btn-focus-shadow-rgb: 157, 165, 177;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #7e848e;
-  --cui-btn-active-border-color: #767c85;
+  --cui-btn-active-bg: #b1b7c1;
+  --cui-btn-active-border-color: #a7aeb9;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #9da5b1;
   --cui-btn-disabled-bg: transparent;
@@ -3199,12 +3201,12 @@ textarea.form-control-lg {
   --cui-btn-color: #2eb85c;
   --cui-btn-border-color: #2eb85c;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #25934a;
-  --cui-btn-hover-border-color: #238a45;
+  --cui-btn-hover-bg: #58c67d;
+  --cui-btn-hover-border-color: #43bf6c;
   --cui-btn-focus-shadow-rgb: 46, 184, 92;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #25934a;
-  --cui-btn-active-border-color: #238a45;
+  --cui-btn-active-bg: #58c67d;
+  --cui-btn-active-border-color: #43bf6c;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #2eb85c;
   --cui-btn-disabled-bg: transparent;
@@ -3230,13 +3232,13 @@ textarea.form-control-lg {
 .btn-outline-warning {
   --cui-btn-color: #f9b115;
   --cui-btn-border-color: #f9b115;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-hover-bg: #c78e11;
-  --cui-btn-hover-border-color: #bb8510;
+  --cui-btn-hover-color: #080a0c;
+  --cui-btn-hover-bg: #fac144;
+  --cui-btn-hover-border-color: #fab92c;
   --cui-btn-focus-shadow-rgb: 249, 177, 21;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #c78e11;
-  --cui-btn-active-border-color: #bb8510;
+  --cui-btn-active-bg: #fac144;
+  --cui-btn-active-border-color: #fab92c;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #f9b115;
   --cui-btn-disabled-bg: transparent;
@@ -3246,11 +3248,11 @@ textarea.form-control-lg {
 .btn-outline-info {
   --cui-btn-color: #39f;
   --cui-btn-border-color: #39f;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
+  --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-active-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-active-color: #080a0c;
   --cui-btn-active-bg: #5cadff;
   --cui-btn-active-border-color: #47a3ff;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
@@ -3262,13 +3264,13 @@ textarea.form-control-lg {
 .btn-outline-light {
   --cui-btn-color: #f3f4f7;
   --cui-btn-border-color: #f3f4f7;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-hover-bg: #c2c3c6;
-  --cui-btn-hover-border-color: #b6b7b9;
+  --cui-btn-hover-color: #080a0c;
+  --cui-btn-hover-bg: #f5f6f9;
+  --cui-btn-hover-border-color: #f4f5f8;
   --cui-btn-focus-shadow-rgb: 243, 244, 247;
-  --cui-btn-active-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-active-bg: #c2c3c6;
-  --cui-btn-active-border-color: #b6b7b9;
+  --cui-btn-active-color: #080a0c;
+  --cui-btn-active-bg: #f5f6f9;
+  --cui-btn-active-border-color: #f4f5f8;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #f3f4f7;
   --cui-btn-disabled-bg: transparent;
@@ -3278,13 +3280,13 @@ textarea.form-control-lg {
 .btn-outline-dark {
   --cui-btn-color: #212631;
   --cui-btn-border-color: #212631;
-  --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-hover-bg: #4d515a;
-  --cui-btn-hover-border-color: #373c46;
+  --cui-btn-hover-color: #fff;
+  --cui-btn-hover-bg: #1a1e27;
+  --cui-btn-hover-border-color: #191d25;
   --cui-btn-focus-shadow-rgb: 33, 38, 49;
-  --cui-btn-active-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-active-bg: #4d515a;
-  --cui-btn-active-border-color: #373c46;
+  --cui-btn-active-color: #fff;
+  --cui-btn-active-bg: #1a1e27;
+  --cui-btn-active-border-color: #191d25;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #212631;
   --cui-btn-disabled-bg: transparent;
@@ -3292,24 +3294,24 @@ textarea.form-control-lg {
 }
 
 .btn-ghost-primary {
-  --cui-btn-color: #321fdb;
-  --cui-btn-hover-bg: #5141e0;
-  --cui-btn-hover-border-color: #4735df;
-  --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-active-bg: #5b4ce2;
-  --cui-btn-active-border-color: #4735df;
-  --cui-btn-active-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-disabled-color: #321fdb;
-  --cui-btn-shadow: rgba(50, 31, 219, 0.5);
+  --cui-btn-color: #5856d6;
+  --cui-btn-hover-bg: #4b49b6;
+  --cui-btn-hover-border-color: #4645ab;
+  --cui-btn-hover-color: #fff;
+  --cui-btn-active-bg: #4645ab;
+  --cui-btn-active-border-color: #4241a1;
+  --cui-btn-active-color: #fff;
+  --cui-btn-disabled-color: #5856d6;
+  --cui-btn-shadow: rgba(88, 86, 214, 0.5);
 }
 
 .btn-ghost-secondary {
   --cui-btn-color: #9da5b1;
-  --cui-btn-hover-bg: #858c96;
-  --cui-btn-hover-border-color: #7e848e;
+  --cui-btn-hover-bg: #acb3bd;
+  --cui-btn-hover-border-color: #a7aeb9;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-active-bg: #7e848e;
-  --cui-btn-active-border-color: #767c85;
+  --cui-btn-active-bg: #b1b7c1;
+  --cui-btn-active-border-color: #a7aeb9;
   --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #9da5b1;
   --cui-btn-shadow: rgba(157, 165, 177, 0.5);
@@ -3317,11 +3319,11 @@ textarea.form-control-lg {
 
 .btn-ghost-success {
   --cui-btn-color: #2eb85c;
-  --cui-btn-hover-bg: #279c4e;
-  --cui-btn-hover-border-color: #25934a;
+  --cui-btn-hover-bg: #4dc374;
+  --cui-btn-hover-border-color: #43bf6c;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-active-bg: #25934a;
-  --cui-btn-active-border-color: #238a45;
+  --cui-btn-active-bg: #58c67d;
+  --cui-btn-active-border-color: #43bf6c;
   --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #2eb85c;
   --cui-btn-shadow: rgba(46, 184, 92, 0.5);
@@ -3341,11 +3343,11 @@ textarea.form-control-lg {
 
 .btn-ghost-warning {
   --cui-btn-color: #f9b115;
-  --cui-btn-hover-bg: #d49612;
-  --cui-btn-hover-border-color: #c78e11;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-active-bg: #c78e11;
-  --cui-btn-active-border-color: #bb8510;
+  --cui-btn-hover-bg: #fabd38;
+  --cui-btn-hover-border-color: #fab92c;
+  --cui-btn-hover-color: #080a0c;
+  --cui-btn-active-bg: #fac144;
+  --cui-btn-active-border-color: #fab92c;
   --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #f9b115;
   --cui-btn-shadow: rgba(249, 177, 21, 0.5);
@@ -3355,34 +3357,34 @@ textarea.form-control-lg {
   --cui-btn-color: #39f;
   --cui-btn-hover-bg: #52a8ff;
   --cui-btn-hover-border-color: #47a3ff;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-hover-color: #080a0c;
   --cui-btn-active-bg: #5cadff;
   --cui-btn-active-border-color: #47a3ff;
-  --cui-btn-active-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #39f;
   --cui-btn-shadow: rgba(51, 153, 255, 0.5);
 }
 
 .btn-ghost-light {
   --cui-btn-color: #f3f4f7;
-  --cui-btn-hover-bg: #cfcfd2;
-  --cui-btn-hover-border-color: #c2c3c6;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-active-bg: #c2c3c6;
-  --cui-btn-active-border-color: #b6b7b9;
-  --cui-btn-active-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-hover-bg: #f5f6f8;
+  --cui-btn-hover-border-color: #f4f5f8;
+  --cui-btn-hover-color: #080a0c;
+  --cui-btn-active-bg: #f5f6f9;
+  --cui-btn-active-border-color: #f4f5f8;
+  --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #f3f4f7;
   --cui-btn-shadow: rgba(243, 244, 247, 0.5);
 }
 
 .btn-ghost-dark {
   --cui-btn-color: #212631;
-  --cui-btn-hover-bg: #424750;
-  --cui-btn-hover-border-color: #373c46;
-  --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-active-bg: #4d515a;
-  --cui-btn-active-border-color: #373c46;
-  --cui-btn-active-color: rgba(255, 255, 255, 0.87);
+  --cui-btn-hover-bg: #1c202a;
+  --cui-btn-hover-border-color: #1a1e27;
+  --cui-btn-hover-color: #fff;
+  --cui-btn-active-bg: #1a1e27;
+  --cui-btn-active-border-color: #191d25;
+  --cui-btn-active-color: #fff;
   --cui-btn-disabled-color: #212631;
   --cui-btn-shadow: rgba(33, 38, 49, 0.5);
 }
@@ -3398,7 +3400,7 @@ 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: 75, 58, 223;
+  --cui-btn-focus-shadow-rgb: 113, 111, 220;
   text-decoration: underline;
 }
 .btn-link:focus-visible {
@@ -3421,49 +3423,49 @@ textarea.form-control-lg {
 
 [data-coreui-theme=dark] .btn-primary {
   --cui-btn-color: #fff;
-  --cui-btn-bg: #6b60ce;
-  --cui-btn-border-color: #6b60ce;
-  --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #8178d5;
-  --cui-btn-hover-border-color: #7a70d3;
-  --cui-btn-focus-shadow-rgb: 129, 120, 213;
-  --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #8980d8;
-  --cui-btn-active-border-color: #7a70d3;
+  --cui-btn-bg: #6261cc;
+  --cui-btn-border-color: #6261cc;
+  --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-active-color: #fff;
+  --cui-btn-active-bg: #4e4ea3;
+  --cui-btn-active-border-color: #4a4999;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #fff;
-  --cui-btn-disabled-bg: #6b60ce;
-  --cui-btn-disabled-border-color: #6b60ce;
+  --cui-btn-disabled-bg: #6261cc;
+  --cui-btn-disabled-border-color: #6261cc;
 }
 [data-coreui-theme=dark] .btn-secondary {
-  --cui-btn-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-color: #080a0c;
   --cui-btn-bg: #a6a7a8;
   --cui-btn-border-color: #a6a7a8;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #8d8e8f;
-  --cui-btn-hover-border-color: #858686;
-  --cui-btn-focus-shadow-rgb: 148, 150, 152;
+  --cui-btn-hover-bg: #b3b4b5;
+  --cui-btn-hover-border-color: #afb0b1;
+  --cui-btn-focus-shadow-rgb: 142, 143, 145;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #858686;
-  --cui-btn-active-border-color: #7d7d7e;
+  --cui-btn-active-bg: #b8b9b9;
+  --cui-btn-active-border-color: #afb0b1;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-disabled-color: #080a0c;
   --cui-btn-disabled-bg: #a6a7a8;
   --cui-btn-disabled-border-color: #a6a7a8;
 }
 [data-coreui-theme=dark] .btn-success {
-  --cui-btn-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-color: #080a0c;
   --cui-btn-bg: #3aad60;
   --cui-btn-border-color: #3aad60;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #319352;
-  --cui-btn-hover-border-color: #2e8a4d;
-  --cui-btn-focus-shadow-rgb: 55, 155, 90;
-  --cui-btn-active-color: #fff;
-  --cui-btn-active-bg: #2e8a4d;
-  --cui-btn-active-border-color: #2c8248;
+  --cui-btn-hover-bg: #58b978;
+  --cui-btn-hover-border-color: #4eb570;
+  --cui-btn-focus-shadow-rgb: 51, 149, 83;
+  --cui-btn-active-color: #080a0c;
+  --cui-btn-active-bg: #61bd80;
+  --cui-btn-active-border-color: #4eb570;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-disabled-color: #080a0c;
   --cui-btn-disabled-bg: #3aad60;
   --cui-btn-disabled-border-color: #3aad60;
 }
@@ -3484,18 +3486,18 @@ textarea.form-control-lg {
   --cui-btn-disabled-border-color: #db5d5d;
 }
 [data-coreui-theme=dark] .btn-warning {
-  --cui-btn-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-color: #080a0c;
   --cui-btn-bg: #edad21;
   --cui-btn-border-color: #edad21;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-hover-bg: #c9931c;
-  --cui-btn-hover-border-color: #be8a1a;
-  --cui-btn-focus-shadow-rgb: 209, 155, 36;
+  --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-active-color: #080a0c;
-  --cui-btn-active-bg: #be8a1a;
-  --cui-btn-active-border-color: #b28219;
+  --cui-btn-active-bg: #f1bd4d;
+  --cui-btn-active-border-color: #efb537;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-disabled-color: #080a0c;
   --cui-btn-disabled-bg: #edad21;
   --cui-btn-disabled-border-color: #edad21;
 }
@@ -3503,11 +3505,11 @@ textarea.form-control-lg {
   --cui-btn-color: #080a0c;
   --cui-btn-bg: #3d99f5;
   --cui-btn-border-color: #3d99f5;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
+  --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-active-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-active-color: #080a0c;
   --cui-btn-active-bg: #64adf7;
   --cui-btn-active-border-color: #50a3f6;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
@@ -3516,17 +3518,17 @@ textarea.form-control-lg {
   --cui-btn-disabled-border-color: #3d99f5;
 }
 [data-coreui-theme=dark] .btn-outline-primary {
-  --cui-btn-color: #6b60ce;
-  --cui-btn-border-color: #6b60ce;
-  --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #8980d8;
-  --cui-btn-hover-border-color: #7a70d3;
-  --cui-btn-focus-shadow-rgb: 107, 96, 206;
-  --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #8980d8;
-  --cui-btn-active-border-color: #7a70d3;
+  --cui-btn-color: #6261cc;
+  --cui-btn-border-color: #6261cc;
+  --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-active-color: #fff;
+  --cui-btn-active-bg: #4e4ea3;
+  --cui-btn-active-border-color: #4a4999;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: #6b60ce;
+  --cui-btn-disabled-color: #6261cc;
   --cui-btn-disabled-bg: transparent;
   --cui-gradient: none;
 }
@@ -3534,12 +3536,12 @@ textarea.form-control-lg {
   --cui-btn-color: #a6a7a8;
   --cui-btn-border-color: #a6a7a8;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #858686;
-  --cui-btn-hover-border-color: #7d7d7e;
+  --cui-btn-hover-bg: #b8b9b9;
+  --cui-btn-hover-border-color: #afb0b1;
   --cui-btn-focus-shadow-rgb: 166, 167, 168;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #858686;
-  --cui-btn-active-border-color: #7d7d7e;
+  --cui-btn-active-bg: #b8b9b9;
+  --cui-btn-active-border-color: #afb0b1;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #a6a7a8;
   --cui-btn-disabled-bg: transparent;
@@ -3549,12 +3551,12 @@ textarea.form-control-lg {
   --cui-btn-color: #3aad60;
   --cui-btn-border-color: #3aad60;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #2e8a4d;
-  --cui-btn-hover-border-color: #2c8248;
+  --cui-btn-hover-bg: #61bd80;
+  --cui-btn-hover-border-color: #4eb570;
   --cui-btn-focus-shadow-rgb: 58, 173, 96;
-  --cui-btn-active-color: #fff;
-  --cui-btn-active-bg: #2e8a4d;
-  --cui-btn-active-border-color: #2c8248;
+  --cui-btn-active-color: #080a0c;
+  --cui-btn-active-bg: #61bd80;
+  --cui-btn-active-border-color: #4eb570;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #3aad60;
   --cui-btn-disabled-bg: transparent;
@@ -3578,13 +3580,13 @@ textarea.form-control-lg {
 [data-coreui-theme=dark] .btn-outline-warning {
   --cui-btn-color: #edad21;
   --cui-btn-border-color: #edad21;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-hover-bg: #be8a1a;
-  --cui-btn-hover-border-color: #b28219;
+  --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-active-color: #080a0c;
-  --cui-btn-active-bg: #be8a1a;
-  --cui-btn-active-border-color: #b28219;
+  --cui-btn-active-bg: #f1bd4d;
+  --cui-btn-active-border-color: #efb537;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #edad21;
   --cui-btn-disabled-bg: transparent;
@@ -3593,11 +3595,11 @@ textarea.form-control-lg {
 [data-coreui-theme=dark] .btn-outline-info {
   --cui-btn-color: #3d99f5;
   --cui-btn-border-color: #3d99f5;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
+  --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-active-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-active-color: #080a0c;
   --cui-btn-active-bg: #64adf7;
   --cui-btn-active-border-color: #50a3f6;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
@@ -3606,35 +3608,35 @@ textarea.form-control-lg {
   --cui-gradient: none;
 }
 [data-coreui-theme=dark] .btn-ghost-primary {
-  --cui-btn-color: #6b60ce;
-  --cui-btn-hover-bg: #8178d5;
-  --cui-btn-hover-border-color: #7a70d3;
-  --cui-btn-hover-color: #080a0c;
-  --cui-btn-active-bg: #8980d8;
-  --cui-btn-active-border-color: #7a70d3;
-  --cui-btn-active-color: #080a0c;
-  --cui-btn-disabled-color: #6b60ce;
-  --cui-btn-shadow: rgba(107, 96, 206, 0.5);
+  --cui-btn-color: #6261cc;
+  --cui-btn-hover-bg: #5352ad;
+  --cui-btn-hover-border-color: #4e4ea3;
+  --cui-btn-hover-color: #fff;
+  --cui-btn-active-bg: #4e4ea3;
+  --cui-btn-active-border-color: #4a4999;
+  --cui-btn-active-color: #fff;
+  --cui-btn-disabled-color: #6261cc;
+  --cui-btn-shadow: rgba(98, 97, 204, 0.5);
 }
 [data-coreui-theme=dark] .btn-ghost-secondary {
   --cui-btn-color: #a6a7a8;
-  --cui-btn-hover-bg: #8d8e8f;
-  --cui-btn-hover-border-color: #858686;
+  --cui-btn-hover-bg: #b3b4b5;
+  --cui-btn-hover-border-color: #afb0b1;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-active-bg: #858686;
-  --cui-btn-active-border-color: #7d7d7e;
+  --cui-btn-active-bg: #b8b9b9;
+  --cui-btn-active-border-color: #afb0b1;
   --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #a6a7a8;
   --cui-btn-shadow: rgba(166, 167, 168, 0.5);
 }
 [data-coreui-theme=dark] .btn-ghost-success {
   --cui-btn-color: #3aad60;
-  --cui-btn-hover-bg: #319352;
-  --cui-btn-hover-border-color: #2e8a4d;
+  --cui-btn-hover-bg: #58b978;
+  --cui-btn-hover-border-color: #4eb570;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-active-bg: #2e8a4d;
-  --cui-btn-active-border-color: #2c8248;
-  --cui-btn-active-color: #fff;
+  --cui-btn-active-bg: #61bd80;
+  --cui-btn-active-border-color: #4eb570;
+  --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #3aad60;
   --cui-btn-shadow: rgba(58, 173, 96, 0.5);
 }
@@ -3651,11 +3653,11 @@ textarea.form-control-lg {
 }
 [data-coreui-theme=dark] .btn-ghost-warning {
   --cui-btn-color: #edad21;
-  --cui-btn-hover-bg: #c9931c;
-  --cui-btn-hover-border-color: #be8a1a;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-active-bg: #be8a1a;
-  --cui-btn-active-border-color: #b28219;
+  --cui-btn-hover-bg: #f0b942;
+  --cui-btn-hover-border-color: #efb537;
+  --cui-btn-hover-color: #080a0c;
+  --cui-btn-active-bg: #f1bd4d;
+  --cui-btn-active-border-color: #efb537;
   --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #edad21;
   --cui-btn-shadow: rgba(237, 173, 33, 0.5);
@@ -3664,10 +3666,10 @@ textarea.form-control-lg {
   --cui-btn-color: #3d99f5;
   --cui-btn-hover-bg: #5aa8f7;
   --cui-btn-hover-border-color: #50a3f6;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-hover-color: #080a0c;
   --cui-btn-active-bg: #64adf7;
   --cui-btn-active-border-color: #50a3f6;
-  --cui-btn-active-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #3d99f5;
   --cui-btn-shadow: rgba(61, 153, 245, 0.5);
 }
@@ -3723,7 +3725,7 @@ textarea.form-control-lg {
 }
 .dropdown-toggle::after {
   display: inline-block;
-  margin-left: 0.255em;
+  margin-right: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid;
@@ -3732,7 +3734,7 @@ textarea.form-control-lg {
   border-left: 0.3em solid transparent;
 }
 .dropdown-toggle:empty::after {
-  margin-left: 0;
+  margin-right: 0;
 }
 
 .dropdown-menu {
@@ -3755,7 +3757,7 @@ textarea.form-control-lg {
   --cui-dropdown-link-hover-color: var(--cui-body-color);
   --cui-dropdown-link-hover-bg: var(--cui-tertiary-bg);
   --cui-dropdown-link-active-color: rgba(255, 255, 255, 0.87);
-  --cui-dropdown-link-active-bg: #321fdb;
+  --cui-dropdown-link-active-bg: var(--cui-primary);
   --cui-dropdown-link-disabled-color: var(--cui-tertiary-color);
   --cui-dropdown-item-padding-x: 1rem;
   --cui-dropdown-item-padding-y: 0.25rem;
@@ -3787,16 +3789,16 @@ textarea.form-control-lg {
   --cui-position: start;
 }
 .dropdown-menu-start[data-coreui-popper] {
-  right: auto;
-  left: 0;
+  left: auto;
+  right: 0;
 }
 
 .dropdown-menu-end {
   --cui-position: end;
 }
 .dropdown-menu-end[data-coreui-popper] {
-  right: 0;
-  left: auto;
+  left: 0;
+  right: auto;
 }
 
 @media (min-width: 576px) {
@@ -3804,15 +3806,15 @@ textarea.form-control-lg {
     --cui-position: start;
   }
   .dropdown-menu-sm-start[data-coreui-popper] {
-    right: auto;
-    left: 0;
+    left: auto;
+    right: 0;
   }
   .dropdown-menu-sm-end {
     --cui-position: end;
   }
   .dropdown-menu-sm-end[data-coreui-popper] {
-    right: 0;
-    left: auto;
+    left: 0;
+    right: auto;
   }
 }
 @media (min-width: 768px) {
@@ -3820,15 +3822,15 @@ textarea.form-control-lg {
     --cui-position: start;
   }
   .dropdown-menu-md-start[data-coreui-popper] {
-    right: auto;
-    left: 0;
+    left: auto;
+    right: 0;
   }
   .dropdown-menu-md-end {
     --cui-position: end;
   }
   .dropdown-menu-md-end[data-coreui-popper] {
-    right: 0;
-    left: auto;
+    left: 0;
+    right: auto;
   }
 }
 @media (min-width: 992px) {
@@ -3836,15 +3838,15 @@ textarea.form-control-lg {
     --cui-position: start;
   }
   .dropdown-menu-lg-start[data-coreui-popper] {
-    right: auto;
-    left: 0;
+    left: auto;
+    right: 0;
   }
   .dropdown-menu-lg-end {
     --cui-position: end;
   }
   .dropdown-menu-lg-end[data-coreui-popper] {
-    right: 0;
-    left: auto;
+    left: 0;
+    right: auto;
   }
 }
 @media (min-width: 1200px) {
@@ -3852,15 +3854,15 @@ textarea.form-control-lg {
     --cui-position: start;
   }
   .dropdown-menu-xl-start[data-coreui-popper] {
-    right: auto;
-    left: 0;
+    left: auto;
+    right: 0;
   }
   .dropdown-menu-xl-end {
     --cui-position: end;
   }
   .dropdown-menu-xl-end[data-coreui-popper] {
-    right: 0;
-    left: auto;
+    left: 0;
+    right: auto;
   }
 }
 @media (min-width: 1400px) {
@@ -3868,15 +3870,15 @@ textarea.form-control-lg {
     --cui-position: start;
   }
   .dropdown-menu-xxl-start[data-coreui-popper] {
-    right: auto;
-    left: 0;
+    left: auto;
+    right: 0;
   }
   .dropdown-menu-xxl-end {
     --cui-position: end;
   }
   .dropdown-menu-xxl-end[data-coreui-popper] {
-    right: 0;
-    left: auto;
+    left: 0;
+    right: auto;
   }
 }
 .dropup .dropdown-menu[data-coreui-popper] {
@@ -3887,7 +3889,7 @@ textarea.form-control-lg {
 }
 .dropup .dropdown-toggle::after {
   display: inline-block;
-  margin-left: 0.255em;
+  margin-right: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0;
@@ -3896,7 +3898,7 @@ textarea.form-control-lg {
   border-left: 0.3em solid transparent;
 }
 .dropup .dropdown-toggle:empty::after {
-  margin-left: 0;
+  margin-right: 0;
 }
 
 .dropend .dropdown-menu[data-coreui-popper] {
@@ -3908,7 +3910,7 @@ textarea.form-control-lg {
 }
 .dropend .dropdown-toggle::after {
   display: inline-block;
-  margin-left: 0.255em;
+  margin-right: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid transparent;
@@ -3917,7 +3919,7 @@ textarea.form-control-lg {
   border-left: 0.3em solid;
 }
 .dropend .dropdown-toggle:empty::after {
-  margin-left: 0;
+  margin-right: 0;
 }
 .dropend .dropdown-toggle::after {
   vertical-align: 0;
@@ -3932,7 +3934,7 @@ textarea.form-control-lg {
 }
 .dropstart .dropdown-toggle::after {
   display: inline-block;
-  margin-left: 0.255em;
+  margin-right: 0.255em;
   vertical-align: 0.255em;
   content: "";
 }
@@ -3941,7 +3943,7 @@ textarea.form-control-lg {
 }
 .dropstart .dropdown-toggle::before {
   display: inline-block;
-  margin-right: 0.255em;
+  margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid transparent;
@@ -3949,7 +3951,7 @@ textarea.form-control-lg {
   border-bottom: 0.3em solid transparent;
 }
 .dropstart .dropdown-toggle:empty::after {
-  margin-left: 0;
+  margin-right: 0;
 }
 .dropstart .dropdown-toggle::before {
   vertical-align: 0;
@@ -4021,7 +4023,7 @@ textarea.form-control-lg {
   --cui-dropdown-divider-bg: var(--cui-border-color-translucent);
   --cui-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
   --cui-dropdown-link-active-color: rgba(255, 255, 255, 0.87);
-  --cui-dropdown-link-active-bg: #321fdb;
+  --cui-dropdown-link-active-bg: var(--cui-primary);
   --cui-dropdown-link-disabled-color: #aab3c5;
   --cui-dropdown-header-color: #aab3c5;
 }
@@ -4066,7 +4068,7 @@ textarea.form-control-lg {
 }
 .btn-group > :not(.btn-check:first-child) + .btn,
 .btn-group > .btn-group:not(:first-child) {
-  margin-left: calc(var(--cui-border-width) * -1);
+  margin-right: calc(var(--cui-border-width) * -1);
 }
 .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
 .btn-group > .btn.dropdown-toggle-split:first-child,
@@ -4086,10 +4088,10 @@ textarea.form-control-lg {
   padding-left: 0.5625rem;
 }
 .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
-  margin-left: 0;
+  margin-right: 0;
 }
 .dropstart .dropdown-toggle-split::before {
-  margin-right: 0;
+  margin-left: 0;
 }
 
 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
@@ -4161,9 +4163,9 @@ textarea.form-control-lg {
 }
 .nav-link:focus-visible {
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
 }
-.nav-link.disabled {
+.nav-link.disabled, .nav-link:disabled {
   color: var(--cui-nav-link-disabled-color);
   pointer-events: none;
   cursor: default;
@@ -4181,7 +4183,6 @@ textarea.form-control-lg {
 }
 .nav-tabs .nav-link {
   margin-bottom: calc(-1 * var(--cui-nav-tabs-border-width));
-  background: none;
   border: var(--cui-nav-tabs-border-width) solid transparent;
   border-top-left-radius: var(--cui-nav-tabs-border-radius);
   border-top-right-radius: var(--cui-nav-tabs-border-radius);
@@ -4190,11 +4191,6 @@ textarea.form-control-lg {
   isolation: isolate;
   border-color: var(--cui-nav-tabs-link-hover-border-color);
 }
-.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
-  color: var(--cui-nav-link-disabled-color);
-  background-color: transparent;
-  border-color: transparent;
-}
 .nav-tabs .nav-link.active,
 .nav-tabs .nav-item.show .nav-link {
   color: var(--cui-nav-tabs-link-active-color);
@@ -4210,24 +4206,38 @@ textarea.form-control-lg {
 .nav-pills {
   --cui-nav-pills-border-radius: var(--cui-border-radius);
   --cui-nav-pills-link-active-color: rgba(255, 255, 255, 0.87);
-  --cui-nav-pills-link-active-bg: #321fdb;
+  --cui-nav-pills-link-active-bg: var(--cui-primary);
 }
 .nav-pills .nav-link {
-  background: none;
-  border: 0;
   border-radius: var(--cui-nav-pills-border-radius);
 }
-.nav-pills .nav-link:disabled {
-  color: var(--cui-nav-link-disabled-color);
-  background-color: transparent;
-  border-color: transparent;
-}
 .nav-pills .nav-link.active,
 .nav-pills .show > .nav-link {
   color: var(--cui-nav-pills-link-active-color);
   background-color: var(--cui-nav-pills-link-active-bg);
 }
 
+.nav-underline {
+  --cui-nav-underline-gap: 1rem;
+  --cui-nav-underline-border-width: 0.125rem;
+  --cui-nav-underline-link-active-color: var(--cui-emphasis-color);
+  gap: var(--cui-nav-underline-gap);
+}
+.nav-underline .nav-link {
+  padding-right: 0;
+  padding-left: 0;
+  border-bottom: var(--cui-nav-underline-border-width) solid transparent;
+}
+.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
+  border-bottom-color: currentcolor;
+}
+.nav-underline .nav-link.active,
+.nav-underline .show > .nav-link {
+  font-weight: 700;
+  color: var(--cui-nav-underline-link-active-color);
+  border-bottom-color: currentcolor;
+}
+
 .nav-fill > .nav-link,
 .nav-fill .nav-item {
   flex: 1 1 auto;
@@ -4763,7 +4773,7 @@ textarea.form-control-lg {
 }
 
 .card-link + .card-link {
-  margin-left: var(--cui-card-spacer-x);
+  margin-right: var(--cui-card-spacer-x);
 }
 
 .card-header {
@@ -4844,8 +4854,8 @@ textarea.form-control-lg {
     margin-bottom: 0;
   }
   .card-group > .card + .card {
-    margin-left: 0;
-    border-left: 0;
+    margin-right: 0;
+    border-right: 0;
   }
   .card-group > .card:not(:last-child) {
     border-top-left-radius: 0;
@@ -4889,9 +4899,9 @@ textarea.form-control-lg {
   --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;
-  --cui-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231f1498'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
-  --cui-accordion-btn-focus-border-color: #998fed;
-  --cui-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
+  --cui-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233634a3'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --cui-accordion-btn-focus-border-color: #acabeb;
+  --cui-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
   --cui-accordion-body-padding-x: 1.25rem;
   --cui-accordion-body-padding-y: 1rem;
   --cui-accordion-active-color: var(--cui-primary-text-emphasis);
@@ -5009,8 +5019,8 @@ 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='%23aab3c5'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
-  --cui-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231f1498'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --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-.708z'/%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='%233634a3'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 }
 
 .breadcrumb {
@@ -5059,10 +5069,10 @@ textarea.form-control-lg {
   --cui-pagination-hover-border-color: var(--cui-border-color);
   --cui-pagination-focus-color: var(--cui-link-hover-color);
   --cui-pagination-focus-bg: var(--cui-secondary-bg);
-  --cui-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
+  --cui-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
   --cui-pagination-active-color: rgba(255, 255, 255, 0.87);
-  --cui-pagination-active-bg: #321fdb;
-  --cui-pagination-active-border-color: #321fdb;
+  --cui-pagination-active-bg: var(--cui-primary);
+  --cui-pagination-active-border-color: var(--cui-primary);
   --cui-pagination-disabled-color: var(--cui-secondary-color);
   --cui-pagination-disabled-bg: var(--cui-secondary-bg);
   --cui-pagination-disabled-border-color: var(--cui-border-color);
@@ -5386,8 +5396,8 @@ textarea.form-control-lg {
   --cui-list-group-disabled-color: var(--cui-secondary-color);
   --cui-list-group-disabled-bg: var(--cui-body-bg);
   --cui-list-group-active-color: rgba(255, 255, 255, 0.87);
-  --cui-list-group-active-bg: #321fdb;
-  --cui-list-group-active-border-color: #321fdb;
+  --cui-list-group-active-bg: var(--cui-primary);
+  --cui-list-group-active-border-color: var(--cui-primary);
   display: flex;
   flex-direction: column;
   padding-right: 0;
@@ -5718,7 +5728,7 @@ textarea.form-control-lg {
   --cui-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23080a0c'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
   --cui-btn-close-opacity: 0.5;
   --cui-btn-close-hover-opacity: 0.75;
-  --cui-btn-close-focus-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
+  --cui-btn-close-focus-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
   --cui-btn-close-focus-opacity: 1;
   --cui-btn-close-disabled-opacity: 0.25;
   --cui-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
@@ -5748,6 +5758,7 @@ textarea.form-control-lg {
   opacity: var(--cui-btn-close-disabled-opacity);
 }
 
+.btn-close[data-coreui-theme=dark],
 .btn-close-white {
   filter: var(--cui-btn-close-white-filter);
 }
@@ -7314,7 +7325,7 @@ textarea.form-control-lg {
 }
 
 .callout-primary {
-  --cui-callout-border-left-color: #321fdb;
+  --cui-callout-border-left-color: #5856d6;
 }
 
 .callout-secondary {
@@ -7389,6 +7400,7 @@ textarea.form-control-lg {
   --cui-header-hover-color: rgba(var(--cui-emphasis-color-rgb), 0.8);
   --cui-header-disabled-color: rgba(var(--cui-emphasis-color-rgb), 0.3);
   --cui-header-active-color: rgba(var(--cui-emphasis-color-rgb), 1);
+  --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;
@@ -7404,16 +7416,20 @@ textarea.form-control-lg {
   --cui-header-nav-link-padding-y: 0.5rem;
   --cui-header-divider-border-color: var(--cui-border-color);
   --cui-header-divider-border: var(--cui-border-width) solid var(--cui-header-divider-border-color);
-  --cui-subheader-min-height: 3rem;
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
-  min-height: var(--cui-header-min-height);
   padding: var(--cui-header-padding-y) var(--cui-header-padding-x);
   background: var(--cui-header-bg);
   border-bottom: var(--cui-header-border);
+  transition: var(--cui-header-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+  .header {
+    transition: none;
+  }
 }
 .header > .container,
 .header > .container-fluid,
@@ -7433,24 +7449,6 @@ textarea.form-control-lg {
   align-items: center;
   justify-content: space-between;
 }
-.header .container:first-child,
-.header .container-fluid:first-child,
-.header .container-sm:first-child,
-.header .container-md:first-child,
-.header .container-lg:first-child,
-.header .container-xl:first-child,
-.header .container-xxl:first-child {
-  min-height: calc(var(--cui-header-min-height) - 2 * var(--cui-header-padding-y));
-}
-.header .container:nth-child(n+2),
-.header .container-fluid:nth-child(n+2),
-.header .container-sm:nth-child(n+2),
-.header .container-md:nth-child(n+2),
-.header .container-lg:nth-child(n+2),
-.header .container-xl:nth-child(n+2),
-.header .container-xxl:nth-child(n+2) {
-  min-height: calc(var(--cui-subheader-min-height) - 2 * var(--cui-header-padding-y));
-}
 .header.header-sticky {
   position: sticky;
   top: 0;
@@ -7615,70 +7613,20 @@ textarea.form-control-lg {
 
 .sidebar {
   --cui-sidebar-width: 16rem;
-  --cui-sidebar-bg: #323a49;
-  --cui-sidebar-padding-x: 0;
-  --cui-sidebar-padding-y: 0;
-  --cui-sidebar-color: rgba(255, 255, 255, 0.87);
-  --cui-sidebar-border-width: 0;
-  --cui-sidebar-border-color: transparent;
-  --cui-sidebar-brand-color: rgba(255, 255, 255, 0.87);
-  --cui-sidebar-brand-height: 4rem;
+  --cui-sidebar-bg: var(--cui-body-bg);
+  --cui-sidebar-padding-x: 1rem;
+  --cui-sidebar-padding-y: 1rem;
+  --cui-sidebar-color: var(--cui-body-color);
+  --cui-sidebar-brand-color: var(--cui-body-color);
   --cui-sidebar-brand-bg: rgba(8, 10, 12, 0.2);
-  --cui-sidebar-header-height: 4rem;
-  --cui-sidebar-header-bg: rgba(8, 10, 12, 0.2);
-  --cui-sidebar-header-padding-x: 1rem;
-  --cui-sidebar-header-padding-y: 0.75rem;
-  --cui-sidebar-footer-bg: rgba(8, 10, 12, 0.2);
-  --cui-sidebar-footer-height: auto;
-  --cui-sidebar-footer-padding-x: 1rem;
-  --cui-sidebar-footer-padding-y: 0.75rem;
-  --cui-sidebar-toggler-bg: rgba(8, 10, 12, 0.2);
-  --cui-sidebar-toggler-height: 3rem;
-  --cui-sidebar-toggler-indicator: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='rgba%28255, 255, 255, 0.38%29' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
-  --cui-sidebar-toggler-indicator-width: 4rem;
-  --cui-sidebar-toggler-indicator-height: 3rem;
-  --cui-sidebar-toggler-hover-bg: rgba(0, 0, 0, 0.3);
-  --cui-sidebar-toggler-indicator-hover: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='rgba%28255, 255, 255, 0.87%29' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
-  --cui-sidebar-narrow-width: 4rem;
-  --cui-sidebar-nav-title-padding-x: 1rem;
-  --cui-sidebar-nav-title-padding-y: 0.75rem;
-  --cui-sidebar-nav-title-margin-top: 1rem;
-  --cui-sidebar-nav-title-color: rgba(255, 255, 255, 0.6);
-  --cui-sidebar-nav-link-padding-x: 1rem;
-  --cui-sidebar-nav-link-padding-y: 0.8445rem;
-  --cui-sidebar-nav-link-color: rgba(255, 255, 255, 0.6);
-  --cui-sidebar-nav-link-bg: transparent;
-  --cui-sidebar-nav-link-border-color: transparent;
-  --cui-sidebar-nav-link-border: 0 solid var(--cui-sidebar-nav-link-border-color);
-  --cui-sidebar-nav-link-border-radius: 0;
-  --cui-sidebar-nav-link-active-color: rgba(255, 255, 255, 0.87);
-  --cui-sidebar-nav-link-active-bg: rgba(255, 255, 255, 0.05);
-  --cui-sidebar-nav-link-active-icon-color: rgba(255, 255, 255, 0.87);
-  --cui-sidebar-nav-link-disabled-color: rgba(255, 255, 255, 0.38);
-  --cui-sidebar-nav-link-disabled-icon-color: rgba(255, 255, 255, 0.6);
-  --cui-sidebar-nav-link-hover-color: rgba(255, 255, 255, 0.87);
-  --cui-sidebar-nav-link-hover-bg: rgba(255, 255, 255, 0.05);
-  --cui-sidebar-nav-link-hover-icon-color: rgba(255, 255, 255, 0.87);
-  --cui-sidebar-nav-icon-width: 4rem;
-  --cui-sidebar-nav-icon-height: 1.25rem;
-  --cui-sidebar-nav-icon-font-size: 1.25rem;
-  --cui-sidebar-nav-link-icon-color: rgba(255, 255, 255, 0.6);
-  --cui-sidebar-nav-group-bg: rgba(0, 0, 0, 0.2);
-  --cui-sidebar-nav-group-items-padding-y: 0;
-  --cui-sidebar-nav-group-items-padding-x: 0;
-  --cui-sidebar-nav-group-indicator: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%28255, 255, 255, 0.6%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-.708z'/%3e%3c/svg%3e");
-  --cui-sidebar-nav-group-indicator-hover: 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-.708z'/%3e%3c/svg%3e");
-  --cui-sidebar-nav-group-toggle-show-color: rgba(255, 255, 255, 0.6);
   position: relative;
   display: flex;
   flex: 0 0 var(--cui-sidebar-width);
   flex-direction: column;
   order: -1;
   width: var(--cui-sidebar-width);
-  padding: var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x);
   color: var(--cui-sidebar-color);
   background: var(--cui-sidebar-bg);
-  border-left: var(--cui-sidebar-border-width) solid var(--cui-sidebar-border-color);
   box-shadow: none;
   transition: margin-left 0.15s, margin-right 0.15s, box-shadow 0.075s, transform 0.15s, width 0.15s, z-index 0s ease 0.15s;
 }
@@ -7700,9 +7648,6 @@ textarea.form-control-lg {
 .sidebar.sidebar-end ~ * {
   --cui-sidebar-occupy-end: 16rem;
 }
-.sidebar[class*=bg-] {
-  border-color: rgba(8, 10, 12, 0.1);
-}
 .sidebar.sidebar-sm {
   --cui-sidebar-width: 12rem;
 }
@@ -7777,17 +7722,20 @@ textarea.form-control-lg {
   bottom: 0;
   z-index: 1032;
 }
+.sidebar.sidebar-overlaid:not(.hide) {
+  box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
+}
 .sidebar.sidebar-overlaid:not(.sidebar-end) {
   right: 0;
 }
 .sidebar.sidebar-overlaid:not(.sidebar-end) ~ * {
-  --cui-sidebar-occupy-start: 0;
+  --cui-sidebar-occupy-start: 0 !important;
 }
 .sidebar.sidebar-overlaid.sidebar-end {
   left: 0;
 }
 .sidebar.sidebar-overlaid.sidebar-end ~ * {
-  --cui-sidebar-occupy-end: 0;
+  --cui-sidebar-occupy-end: 0 !important;
 }
 @media (max-width: 767.98px) {
   .sidebar {
@@ -7817,113 +7765,90 @@ textarea.form-control-lg {
   }
 }
 
-.sidebar-close {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: var(--cui-sidebar-width);
-  height: var(--cui-sidebar-header-height);
-  color: var(--cui-sidebar-color);
-  background: transparent;
-  border: 0;
-}
-.sidebar-close:hover {
-  text-decoration: none;
-}
-.sidebar-close:focus {
-  outline: 0;
-}
-
 .sidebar-brand {
-  display: flex;
-  flex: 0 0 var(--cui-sidebar-brand-height);
-  align-items: center;
-  justify-content: center;
   color: var(--cui-sidebar-brand-color);
-  background: var(--cui-sidebar-brand-bg);
+  white-space: nowrap;
 }
 .sidebar-brand .sidebar-brand-narrow {
   display: none;
 }
 
 .sidebar-header {
-  flex: 0 0 var(--cui-sidebar-header-height);
-  padding: var(--cui-sidebar-header-padding-y) var(--cui-sidebar-header-padding-x);
-  text-align: center;
-  background: var(--cui-sidebar-header-bg);
-  transition: height 0.15s, padding 0.15s;
-}
-@media (prefers-reduced-motion: reduce) {
-  .sidebar-header {
-    transition: none;
-  }
-}
-.sidebar-header .nav-link {
   display: flex;
   align-items: center;
-  min-height: var(--cui-sidebar-header-height);
+  justify-content: space-between;
+  padding: var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x);
+}
+.sidebar-header .btn-close {
+  padding: calc(var(--cui-sidebar-padding-y) * 0.5) calc(var(--cui-sidebar-padding-x) * 0.5);
+  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));
 }
 
-.sidebar-footer {
-  flex: 0 0 var(--cui-sidebar-footer-height);
-  padding: var(--cui-sidebar-footer-padding-y) var(--cui-sidebar-footer-padding-x);
-  background: var(--cui-sidebar-footer-bg);
-  transition: height 0.15s, padding 0.15s;
+.sidebar-body {
+  padding: var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x);
 }
-@media (prefers-reduced-motion: reduce) {
-  .sidebar-footer {
-    transition: none;
-  }
+
+.sidebar-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x);
 }
 
 .sidebar-toggler {
-  display: flex;
-  flex: 0 0 var(--cui-sidebar-toggler-height);
-  justify-content: flex-end;
-  width: inherit;
-  padding: 0;
-  cursor: pointer;
-  background-color: var(--cui-sidebar-toggler-bg);
+  --cui-sidebar-toggler-width: 0.5rem;
+  --cui-sidebar-toggler-height: 0.5rem;
+  --cui-sidebar-toggler-color: var(--cui-tertiary-color);
+  --cui-sidebar-toggler-bg: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix%28-1 0 0 -1 512 512%29'%3E%3Cpath fill='%23000' d='M472,16H40A24.028,24.028,0,0,0,16,40V200H48V48H464V464H48V304H16V472a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V40A24.028,24.028,0,0,0,472,16Z'/%3E%3Cpolygon fill='%23000' points='209.377 363.306 232.004 385.933 366.627 251.31 232.004 116.687 209.377 139.313 305.374 235.311 16 235.311 16 267.311 305.372 267.311 209.377 363.306'/%3E%3C/g%3E%3C/svg%3E");
+  --cui-sidebar-toggler-hover-color: var(--cui-secondary-color);
+  --cui-sidebar-toggler-focus-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
+  --cui-sidebar-toggler-focus-color: var(--cui-secondary-color);
+  --cui-sidebar-toggler-transition: transform 0.15s;
+  position: relative;
+  box-sizing: content-box;
+  width: var(--cui-sidebar-toggler-width);
+  height: var(--cui-sidebar-toggler-height);
+  padding: 0.25rem 0.25rem;
+  background-color: transparent;
   border: 0;
+  border-radius: 0.375rem;
+  transition: var(--cui-sidebar-toggler-transition);
 }
-@media (max-width: 767.98px) {
+@media (prefers-reduced-motion: reduce) {
   .sidebar-toggler {
-    display: none;
+    transition: none;
   }
 }
 .sidebar-toggler::before {
-  display: block;
-  width: var(--cui-sidebar-toggler-indicator-width);
-  height: var(--cui-sidebar-toggler-indicator-height);
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
   content: "";
-  background-image: var(--cui-sidebar-toggler-indicator);
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: calc(var(--cui-sidebar-toggler-indicator-height) * 0.25);
-  transition: transform 0.15s;
+  background-color: var(--cui-sidebar-toggler-color);
+  mask: var(--cui-sidebar-toggler-bg) no-repeat center;
 }
-@media (prefers-reduced-motion: reduce) {
-  .sidebar-toggler::before {
-    transition: none;
-  }
+.sidebar-toggler:hover {
+  text-decoration: none;
 }
-*[dir=rtl] .sidebar-toggler::before {
-  transform: rotate(-180deg);
+.sidebar-toggler:hover::before {
+  background-color: var(--cui-sidebar-toggler-hover-color);
 }
 .sidebar-toggler:focus {
+  position: relative;
   outline: 0;
+  box-shadow: var(--cui-sidebar-toggler-focus-shadow);
 }
-.sidebar-toggler:hover {
-  background-color: var(--cui-sidebar-toggler-hover-bg);
-}
-.sidebar-toggler:hover::before {
-  background-image: var(--cui-sidebar-toggler-indicator-hover);
+.sidebar-toggler:focus::before {
+  background-color: var(--cui-sidebar-toggler-focus-color);
 }
-.sidebar-end .sidebar-toggler {
-  justify-content: flex-start;
-}
-.sidebar-end .sidebar-toggler::before {
-  transform: rotate(-180deg);
+@media (max-width: 767.98px) {
+  .sidebar-toggler {
+    display: none;
+  }
 }
 
 .sidebar-backdrop {
@@ -7949,23 +7874,84 @@ textarea.form-control-lg {
   }
 }
 
-[data-coreui-theme=dark] .sidebar {
-  --cui-sidebar-bg: #212631;
-  --cui-sidebar-border-width: var(--cui-border-width);
-  --cui-sidebar-border-color: var(--cui-border-color);
+.sidebar-dark {
+  --cui-body-color: rgba(255, 255, 255, 0.87);
+  --cui-body-bg: #212631;
+  --cui-emphasis-color: #fff;
+  --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-border-color: #323a49;
+}
+.sidebar-dark .sidebar-toggler {
+  filter: var(--cui-sidebar-toggler-white-filter);
 }
 
 .sidebar-nav {
+  --cui-sidebar-nav-padding-x: 0.5rem;
+  --cui-sidebar-nav-padding-y: 0.5rem;
+  --cui-sidebar-nav-title-padding-x: 1rem;
+  --cui-sidebar-nav-title-padding-y: 0.75rem;
+  --cui-sidebar-nav-title-margin-top: 1rem;
+  --cui-sidebar-nav-title-color: var(--cui-tertiary-color);
+  --cui-sidebar-nav-link-padding-x: 1rem;
+  --cui-sidebar-nav-link-padding-y: 0.75rem;
+  --cui-sidebar-nav-link-color: var(--cui-body-color);
+  --cui-sidebar-nav-link-bg: transparent;
+  --cui-sidebar-nav-link-border-color: transparent;
+  --cui-sidebar-nav-link-border-radius: var(--cui-border-radius);
+  --cui-sidebar-nav-link-border-width: 0;
+  --cui-sidebar-nav-link-active-color: var(--cui-emphasis-color);
+  --cui-sidebar-nav-link-active-bg: var(--cui-tertiary-bg);
+  --cui-sidebar-nav-link-disabled-color: var(--cui-tertiary-color);
+  --cui-sidebar-nav-link-hover-color: var(--cui-emphasis-color);
+  --cui-sidebar-nav-link-hover-bg: var(--cui-tertiary-bg);
+  --cui-sidebar-nav-link-icon-margin: 0.75rem;
+  --cui-sidebar-nav-link-icon-color: var(--cui-tertiary-color);
+  --cui-sidebar-nav-link-icon-width: 1.25rem;
+  --cui-sidebar-nav-link-icon-height: 1.25rem;
+  --cui-sidebar-nav-link-icon-font-size: 1.25rem;
+  --cui-sidebar-nav-link-active-icon-color: var(--cui-primary);
+  --cui-sidebar-nav-link-disabled-icon-color: var(--cui-tertiary-color);
+  --cui-sidebar-nav-link-hover-icon-color: var(--cui-body-color);
+  --cui-sidebar-nav-link-icon-bullet-size: 0.3125rem;
+  --cui-sidebar-nav-link-icon-bullet-bg: transparent;
+  --cui-sidebar-nav-link-icon-bullet-border-width: 1px;
+  --cui-sidebar-nav-link-icon-bullet-border-radius: 50rem;
+  --cui-sidebar-nav-link-icon-bullet-border-color: var(--cui-tertiary-color);
+  --cui-sidebar-nav-link-active-icon-bullet-bg: transparent;
+  --cui-sidebar-nav-link-active-icon-bullet-border-color: var(--cui-primary);
+  --cui-sidebar-nav-link-disabled-icon-bullet-bg: transparent;
+  --cui-sidebar-nav-link-disabled-icon-bullet-border-color: var(--cui-tertiary-color);
+  --cui-sidebar-nav-link-hover-icon-bullet-bg: transparent;
+  --cui-sidebar-nav-link-hover-icon-bullet-border-color: var(--cui-body-color);
+  --cui-sidebar-nav-group-bg: transparent;
+  --cui-sidebar-nav-group-border-width: 0;
+  --cui-sidebar-nav-group-border-radius: var(--cui-border-radius);
+  --cui-sidebar-nav-group-border-color: transparent;
+  --cui-sidebar-nav-group-items-padding-y: 0;
+  --cui-sidebar-nav-group-items-padding-x: 0;
+  --cui-sidebar-nav-group-indicator-color: var(--cui-tertiary-color);
+  --cui-sidebar-nav-group-indicator-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --cui-sidebar-nav-group-indicator-hover-color: var(--cui-emphasis-color);
+  --cui-sidebar-nav-group-indicator-hover-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --cui-sidebar-nav-group-toggle-show-color: var(--cui-body-color);
   position: relative;
   display: flex;
   flex: 1;
   flex-direction: column;
-  padding: 0;
+  padding: var(--cui-sidebar-nav-padding-y) var(--cui-sidebar-nav-padding-x);
   margin-bottom: 0;
   overflow-x: hidden;
   overflow-y: auto;
   list-style: none;
 }
+.sidebar-nav .nav-item + .nav-item,
+.sidebar-nav .nav-item + .nav-group,
+.sidebar-nav .nav-group + .nav-item {
+  margin-top: 1px;
+}
 .sidebar-nav .nav-title {
   padding: var(--cui-sidebar-nav-title-padding-y) var(--cui-sidebar-nav-title-padding-x);
   margin-top: var(--cui-sidebar-nav-title-margin-top);
@@ -7989,9 +7975,9 @@ textarea.form-control-lg {
   text-decoration: none;
   white-space: nowrap;
   background: var(--cui-sidebar-nav-link-bg);
-  border: var(--cui-sidebar-nav-link-border);
+  border: var(--cui-sidebar-nav-link-border-width) solid var(--cui-sidebar-nav-link-border-color);
   border-radius: var(--cui-sidebar-nav-link-border-radius);
-  transition: background 0.15s ease, color 0.15s ease;
+  transition: background 0.15s ease, color 0.15s ease, gap 0.15s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .sidebar-nav .nav-link {
@@ -8005,6 +7991,10 @@ textarea.form-control-lg {
 .sidebar-nav .nav-link.active .nav-icon {
   color: var(--cui-sidebar-nav-link-active-icon-color);
 }
+.sidebar-nav .nav-link.active .nav-icon-bullet {
+  background: var(--cui-sidebar-link-active-icon-bullet-bg);
+  border-color: var(--cui-sidebar-link-active-icon-bullet-border-color);
+}
 .sidebar-nav .nav-link.disabled {
   color: var(--cui-sidebar-nav-link-disabled-color);
   pointer-events: none;
@@ -8014,14 +8004,23 @@ textarea.form-control-lg {
 .sidebar-nav .nav-link.disabled .nav-icon {
   color: var(--cui-sidebar-nav-link-disabled-icon-color);
 }
+.sidebar-nav .nav-link.disabled .nav-icon-bullet {
+  background: var(--cui-sidebar-link-disabled-icon-bullet-bg);
+  border-color: var(--cui-sidebar-link-disabled-icon-bullet-border-color);
+}
 .sidebar-nav .nav-link.disabled:hover {
   color: var(--cui-sidebar-nav-link-disabled-color);
 }
 .sidebar-nav .nav-link.disabled:hover .nav-icon {
   color: var(--cui-sidebar-nav-link-disabled-icon-color);
 }
+.sidebar-nav .nav-link.disabled:hover .nav-icon-bullet {
+  background: var(--cui-sidebar-link-disabled-icon-bullet-bg);
+  border-color: var(--cui-sidebar-link-disabled-icon-bullet-border-color);
+}
 .sidebar-nav .nav-link.disabled:hover.nav-dropdown-toggle::after {
-  background-image: var(--cui-sidebar-nav-group-indicator-hover);
+  mask-image: var(--cui-sidebar-nav-group-indicator-hover-icon);
+  background-color: var(--cui-sidebar-nav-group-indicator-hover-color);
 }
 @media (hover: hover), (-ms-high-contrast: none) {
   .sidebar-nav .nav-link:hover {
@@ -8032,14 +8031,23 @@ textarea.form-control-lg {
   .sidebar-nav .nav-link:hover .nav-icon {
     color: var(--cui-sidebar-nav-link-hover-icon-color);
   }
+  .sidebar-nav .nav-link:hover .nav-icon-bullet {
+    background: var(--cui-sidebar-link-hover-icon-bullet-bg);
+    border-color: var(--cui-sidebar-link-hover-icon-bullet-border-color);
+  }
   .sidebar-nav .nav-link:hover.nav-group-toggle::after {
-    background-image: var(--cui-sidebar-nav-group-indicator-hover);
+    mask-image: var(--cui-sidebar-nav-group-indicator-hover-icon);
+    background-color: var(--cui-sidebar-nav-group-indicator-hover-color);
   }
 }
 .sidebar-nav .nav-icon {
-  flex: 0 0 var(--cui-sidebar-nav-icon-width);
-  height: var(--cui-sidebar-nav-icon-height);
-  font-size: var(--cui-sidebar-nav-icon-font-size);
+  display: flex;
+  flex: 0 0 var(--cui-sidebar-nav-link-icon-width);
+  align-items: center;
+  justify-content: center;
+  height: var(--cui-sidebar-nav-link-icon-height);
+  margin-left: 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;
   pointer-events: none;
@@ -8051,14 +8059,21 @@ textarea.form-control-lg {
     transition: none;
   }
 }
-.sidebar-nav .nav-icon:first-child {
-  margin-right: calc(var(--cui-sidebar-nav-link-padding-x) * -1);
+.sidebar-nav .nav-icon-bullet {
+  display: inline-block;
+  width: var(--cui-sidebar-nav-link-icon-bullet-size);
+  height: var(--cui-sidebar-nav-link-icon-bullet-size);
+  background: var(--cui-sidebar-nav-link-icon-bullet-bg);
+  border: var(--cui-sidebar-nav-link-icon-bullet-border-width) solid var(--cui-sidebar-nav-link-icon-bullet-border-color);
+  border-radius: var(--cui-sidebar-nav-link-icon-bullet-border-radius);
 }
 .sidebar-nav svg.nav-icon {
   overflow: hidden;
 }
 .sidebar-nav .nav-group {
   position: relative;
+  border: var(--cui-sidebar-nav-group-border-width) solid var(--cui-sidebar-nav-group-border-color);
+  border-radius: var(--cui-sidebar-nav-group-border-radius);
   transition: background 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -8100,9 +8115,8 @@ textarea.form-control-lg {
   height: 12px;
   margin-right: auto;
   content: "";
-  background-image: var(--cui-sidebar-nav-group-indicator);
-  background-repeat: no-repeat;
-  background-position: center;
+  mask-image: var(--cui-sidebar-nav-group-indicator-icon);
+  background-color: var(--cui-sidebar-nav-group-indicator-color);
   transition: transform 0.15s;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -8115,17 +8129,23 @@ textarea.form-control-lg {
   list-style: none;
 }
 .sidebar-nav .nav-group-items .nav-link {
-  padding-right: var(--cui-sidebar-nav-icon-width);
+  padding-right: 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-link .nav-icon {
-  margin-right: calc(var(--cui-sidebar-nav-icon-width) * -1);
+.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);
 }
 .sidebar-nav.compact .nav-link,
 .sidebar-nav .compact .nav-link {
-  padding-top: calc(var(--cui-sidebar-nav-link-padding-y) * 0.5);
-  padding-bottom: calc(var(--cui-sidebar-nav-link-padding-y) * 0.5);
+  --cui-sidebar-nav-link-padding-y: 0.5625rem;
 }
 
+.sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow {
+  --cui-sidebar-narrow-width: 4rem;
+}
+.sidebar-narrow-unfoldable:not(:hover) .sidebar-nav, .sidebar-narrow .sidebar-nav {
+  --cui-sidebar-nav-link-padding-x: 0.5rem;
+  --cui-sidebar-nav-link-padding-y: 0.75rem;
+}
 @media (min-width: 768px) {
   .sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow {
     z-index: 1031;
@@ -8144,6 +8164,14 @@ textarea.form-control-lg {
   .sidebar-narrow-unfoldable:not(:hover) .sidebar-brand-narrow, .sidebar-narrow .sidebar-brand-narrow {
     display: block;
   }
+  .sidebar-narrow-unfoldable:not(:hover) .sidebar-header, .sidebar-narrow .sidebar-header {
+    justify-content: center;
+    padding-right: 0;
+    padding-left: 0;
+  }
+  .sidebar-narrow-unfoldable:not(:hover) .nav-icon, .sidebar-narrow .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 .nav-label,
@@ -8151,12 +8179,8 @@ textarea.form-control-lg {
   .sidebar-narrow .nav-title,
   .sidebar-narrow-unfoldable:not(:hover) .nav-group-items,
   .sidebar-narrow .nav-group-items,
-  .sidebar-narrow-unfoldable:not(:hover) .sidebar-footer,
-  .sidebar-narrow .sidebar-footer,
   .sidebar-narrow-unfoldable:not(:hover) .sidebar-form,
-  .sidebar-narrow .sidebar-form,
-  .sidebar-narrow-unfoldable:not(:hover) .sidebar-header,
-  .sidebar-narrow .sidebar-header {
+  .sidebar-narrow .sidebar-form {
     height: 0 !important;
     padding: 0;
     margin: 0;
@@ -8164,10 +8188,6 @@ textarea.form-control-lg {
     opacity: 0;
   }
   .sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler, .sidebar-narrow .sidebar-toggler {
-    position: fixed;
-    bottom: 0;
-  }
-  .sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before, .sidebar-narrow .sidebar-toggler::before {
     transform: rotate(0deg);
   }
   .sidebar-end.sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before, .sidebar-end.sidebar-narrow .sidebar-toggler::before {
@@ -8181,6 +8201,9 @@ textarea.form-control-lg {
 .sidebar-narrow.sidebar-end ~ * {
   --cui-sidebar-occupy-end: 4rem;
 }
+.sidebar-narrow .nav-link {
+  overflow: hidden;
+}
 
 .sidebar-narrow-unfoldable {
   position: fixed;
@@ -8192,12 +8215,18 @@ textarea.form-control-lg {
 .sidebar-narrow-unfoldable.sidebar-end ~ * {
   --cui-sidebar-occupy-end: 4rem;
 }
-.sidebar-narrow-unfoldable:hover .sidebar-toggler::before {
+.sidebar-narrow-unfoldable:hover {
+  box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
+}
+.sidebar-narrow-unfoldable:hover .sidebar-toggler {
   transform: rotate(0deg);
 }
-.sidebar-narrow-unfoldable:hover.sidebar-end .sidebar-toggler::before {
+.sidebar-narrow-unfoldable:hover.sidebar-end .sidebar-toggler {
   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);
@@ -8246,62 +8275,6 @@ textarea.form-control-lg {
     margin-left: calc(var(--cui-sidebar-narrow-width) * -1);
   }
 }
-.subheader {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  min-height: 3rem;
-  padding: 0.5rem 1rem;
-  background: var(--cui-subheader-bg, #fff);
-  border-bottom: var(--cui-subheader-border-width, 1px) solid var(--cui-subheader-border-color, var(--cui-border-color));
-}
-
-.subheader-sticky {
-  position: sticky;
-  top: 0;
-  z-index: 1029;
-}
-
-.subheader-nav {
-  display: flex;
-  flex-direction: row;
-  padding-right: 0;
-  margin-bottom: 0;
-  list-style: none;
-}
-.subheader-nav .nav-link {
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-  color: var(--cui-subheader-color, var(--cui-secondary-color));
-}
-.subheader-nav .nav-link:hover, .subheader-nav .nav-link:focus {
-  color: var(--cui-subheader-hover-color, var(--cui-body-color));
-}
-.subheader-nav .nav-link.disabled {
-  color: var(--cui-subheader-disabled-color, rgba(37, 43, 54, 0.38));
-}
-.subheader-nav .show > .nav-link,
-.subheader-nav .nav-link.active {
-  color: var(--cui-subheader-active-color, var(--cui-body-color));
-}
-.subheader-nav .dropdown-menu {
-  position: absolute;
-}
-
-.subheader-text {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  color: var(--cui-subheader-color, var(--cui-secondary-color));
-}
-.subheader-text a {
-  color: var(--cui-subheader-active-color, var(--cui-body-color));
-}
-.subheader-text a:hover, .subheader-text a:focus {
-  color: var(--cui-subheader-active-color, var(--cui-body-color));
-}
-
 .clearfix::after {
   display: block;
   clear: both;
@@ -8309,55 +8282,55 @@ textarea.form-control-lg {
 }
 
 .text-bg-primary {
-  color: rgba(255, 255, 255, 0.87) !important;
-  background-color: RGBA(50, 31, 219, var(--cui-bg-opacity, 1)) !important;
+  color: #fff !important;
+  background-color: RGBA(var(--cui-primary-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-secondary {
-  color: rgba(37, 43, 54, 0.95) !important;
-  background-color: RGBA(157, 165, 177, var(--cui-bg-opacity, 1)) !important;
+  color: #080a0c !important;
+  background-color: RGBA(var(--cui-secondary-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-success {
-  color: rgba(37, 43, 54, 0.95) !important;
-  background-color: RGBA(46, 184, 92, var(--cui-bg-opacity, 1)) !important;
+  color: #080a0c !important;
+  background-color: RGBA(var(--cui-success-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-info {
   color: #080a0c !important;
-  background-color: RGBA(51, 153, 255, var(--cui-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--cui-info-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-warning {
-  color: rgba(37, 43, 54, 0.95) !important;
-  background-color: RGBA(249, 177, 21, var(--cui-bg-opacity, 1)) !important;
+  color: #080a0c !important;
+  background-color: RGBA(var(--cui-warning-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-danger {
   color: #080a0c !important;
-  background-color: RGBA(229, 83, 83, var(--cui-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--cui-danger-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-light {
-  color: rgba(37, 43, 54, 0.95) !important;
-  background-color: RGBA(243, 244, 247, var(--cui-bg-opacity, 1)) !important;
+  color: #080a0c !important;
+  background-color: RGBA(var(--cui-light-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-dark {
-  color: rgba(255, 255, 255, 0.87) !important;
-  background-color: RGBA(33, 38, 49, var(--cui-bg-opacity, 1)) !important;
+  color: #fff !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(107, 96, 206, var(--cui-bg-opacity, 1)) !important;
+  background-color: RGBA(98, 97, 204, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-secondary {
-  color: rgba(37, 43, 54, 0.95) !important;
+  color: #080a0c !important;
   background-color: RGBA(166, 167, 168, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-success {
-  color: rgba(37, 43, 54, 0.95) !important;
+  color: #080a0c !important;
   background-color: RGBA(58, 173, 96, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-info {
@@ -8365,7 +8338,7 @@ textarea.form-control-lg {
   background-color: RGBA(61, 153, 245, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-warning {
-  color: rgba(37, 43, 54, 0.95) !important;
+  color: #080a0c !important;
   background-color: RGBA(237, 173, 33, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-danger {
@@ -8373,11 +8346,11 @@ textarea.form-control-lg {
   background-color: RGBA(219, 93, 93, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-light {
-  color: rgba(37, 43, 54, 0.95) !important;
+  color: #080a0c !important;
   background-color: RGBA(244, 245, 246, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-dark {
-  color: rgba(255, 255, 255, 0.87) !important;
+  color: #fff !important;
   background-color: RGBA(37, 40, 45, var(--cui-bg-opacity, 1)) !important;
 }
 
@@ -8386,8 +8359,8 @@ textarea.form-control-lg {
   text-decoration-color: RGBA(var(--cui-primary-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-primary:hover, .link-primary:focus {
-  color: RGBA(91, 76, 226, var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(91, 76, 226, var(--cui-link-underline-opacity, 1)) !important;
+  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;
 }
 
 .link-secondary {
@@ -8395,8 +8368,8 @@ textarea.form-control-lg {
   text-decoration-color: RGBA(var(--cui-secondary-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-secondary:hover, .link-secondary:focus {
-  color: RGBA(126, 132, 142, var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(126, 132, 142, var(--cui-link-underline-opacity, 1)) !important;
+  color: RGBA(177, 183, 193, var(--cui-link-opacity, 1)) !important;
+  text-decoration-color: RGBA(177, 183, 193, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-success {
@@ -8404,8 +8377,8 @@ textarea.form-control-lg {
   text-decoration-color: RGBA(var(--cui-success-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-success:hover, .link-success:focus {
-  color: RGBA(37, 147, 74, var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(37, 147, 74, var(--cui-link-underline-opacity, 1)) !important;
+  color: RGBA(88, 198, 125, var(--cui-link-opacity, 1)) !important;
+  text-decoration-color: RGBA(88, 198, 125, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-info {
@@ -8422,8 +8395,8 @@ textarea.form-control-lg {
   text-decoration-color: RGBA(var(--cui-warning-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-warning:hover, .link-warning:focus {
-  color: RGBA(199, 142, 17, var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(199, 142, 17, var(--cui-link-underline-opacity, 1)) !important;
+  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;
 }
 
 .link-danger {
@@ -8440,8 +8413,8 @@ textarea.form-control-lg {
   text-decoration-color: RGBA(var(--cui-light-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-light:hover, .link-light:focus {
-  color: RGBA(194, 195, 198, var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(194, 195, 198, var(--cui-link-underline-opacity, 1)) !important;
+  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;
 }
 
 .link-dark {
@@ -8449,8 +8422,8 @@ textarea.form-control-lg {
   text-decoration-color: RGBA(var(--cui-dark-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-dark:hover, .link-dark:focus {
-  color: RGBA(77, 81, 90, var(--cui-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(77, 81, 90, var(--cui-link-underline-opacity, 1)) !important;
+  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;
 }
 
 .link-body-emphasis {
@@ -8662,7 +8635,7 @@ textarea.form-control-lg {
 .vr {
   display: inline-block;
   align-self: stretch;
-  width: 1px;
+  width: var(--cui-border-width);
   min-height: 1em;
   padding: 0;
   background-color: currentcolor;
@@ -9056,7 +9029,7 @@ textarea.form-control-lg {
 }
 
 .border-top-primary {
-  border-top-color: #321fdb !important;
+  border-top-color: #5856d6 !important;
 }
 
 .border-top-secondary {
@@ -9092,7 +9065,7 @@ textarea.form-control-lg {
 }
 
 .border-end-primary {
-  border-left-color: #321fdb !important;
+  border-left-color: #5856d6 !important;
 }
 
 .border-end-secondary {
@@ -9128,7 +9101,7 @@ textarea.form-control-lg {
 }
 
 .border-bottom-primary {
-  border-bottom-color: #321fdb !important;
+  border-bottom-color: #5856d6 !important;
 }
 
 .border-bottom-secondary {
@@ -9164,7 +9137,7 @@ textarea.form-control-lg {
 }
 
 .border-start-primary {
-  border-right-color: #321fdb !important;
+  border-right-color: #5856d6 !important;
 }
 
 .border-start-secondary {