@coreui/coreui 4.2.5 → 5.0.0-alpha.0

package/dist/css/coreui-utilities.rtl.css

@@ -1,19 +1,11 @@
 @charset "UTF-8";
 /*!
- * CoreUI - HTML, CSS, and JavaScript UI Components Library
- * @version v4.2.5
- * @link https://coreui.io/
+ * CoreUI Utilities v5.0.0-alpha.0 (https://getbootstrap.com/)
  * Copyright (c) 2022 creativeLabs Łukasz Holeczek
- * License MIT  (https://coreui.io/license/)
-*/
-/*!
- * CoreUI - HTML, CSS, and JavaScript UI Components Library
- * @version v4.2.5
- * @link https://coreui.io/
- * Copyright (c) 2022 creativeLabs Łukasz Holeczek
- * License MIT  (https://coreui.io/license/)
+ * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
  */
-:root {
+:root,
+[data-coreui-theme=light] {
   --cui-blue: #0d6efd;
   --cui-indigo: #6610f2;
   --cui-purple: #6f42c1;
@@ -24,19 +16,19 @@
   --cui-green: #198754;
   --cui-teal: #20c997;
   --cui-cyan: #0dcaf0;
-  --cui-black: #000015;
+  --cui-black: #000;
   --cui-white: #fff;
   --cui-gray: #8a93a2;
-  --cui-gray-dark: #636f83;
+  --cui-gray-dark: #4f5d73;
   --cui-gray-100: #ebedef;
   --cui-gray-200: #d8dbe0;
   --cui-gray-300: #c4c9d0;
   --cui-gray-400: #b1b7c1;
   --cui-gray-500: #9da5b1;
   --cui-gray-600: #8a93a2;
-  --cui-gray-700: #768192;
-  --cui-gray-800: #636f83;
-  --cui-gray-900: #4f5d73;
+  --cui-gray-700: #636f83;
+  --cui-gray-800: #4f5d73;
+  --cui-gray-900: #3c4b64;
   --cui-primary: #321fdb;
   --cui-secondary: #9da5b1;
   --cui-success: #2eb85c;
@@ -44,7 +36,7 @@
   --cui-warning: #f9b115;
   --cui-danger: #e55353;
   --cui-light: #ebedef;
-  --cui-dark: #4f5d73;
+  --cui-dark: #3c4b64;
   --cui-primary-rgb: 50, 31, 219;
   --cui-secondary-rgb: 157, 165, 177;
   --cui-success-rgb: 46, 184, 92;
@@ -52,10 +44,34 @@
   --cui-warning-rgb: 249, 177, 21;
   --cui-danger-rgb: 229, 83, 83;
   --cui-light-rgb: 235, 237, 239;
-  --cui-dark-rgb: 79, 93, 115;
+  --cui-dark-rgb: 60, 75, 100;
+  --cui-primary-text: #1f1498;
+  --cui-secondary-text: #212233;
+  --cui-success-text: #1b9e3e;
+  --cui-info-text: #2982cc;
+  --cui-warning-text: #f6960b;
+  --cui-danger-text: #d93737;
+  --cui-light-text: #8a93a2;
+  --cui-dark-text: #636f83;
+  --cui-primary-bg-subtle: #ccc7f6;
+  --cui-secondary-bg-subtle: #ced2d8;
+  --cui-success-bg-subtle: #cbedd6;
+  --cui-info-bg-subtle: #c0e6ff;
+  --cui-warning-bg-subtle: #feecc5;
+  --cui-danger-bg-subtle: #f9d4d4;
+  --cui-light-bg-subtle: #f5f6f7;
+  --cui-dark-bg-subtle: #b1b7c1;
+  --cui-primary-border-subtle: #988fed;
+  --cui-secondary-border-subtle: #9da5b1;
+  --cui-success-border-subtle: #96dbad;
+  --cui-info-border-subtle: #80c6ff;
+  --cui-warning-border-subtle: #fcd88a;
+  --cui-danger-border-subtle: #f2a9a9;
+  --cui-light-border-subtle: #d8dbe0;
+  --cui-dark-border-subtle: #9da5b1;
   --cui-white-rgb: 255, 255, 255;
-  --cui-black-rgb: 0, 0, 21;
-  --cui-body-color-rgb: 44, 56, 74;
+  --cui-black-rgb: 0, 0, 0;
+  --cui-body-color-rgb: 60, 75, 100;
   --cui-body-bg-rgb: 255, 255, 255;
   --cui-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --cui-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
@@ -64,22 +80,43 @@
   --cui-body-font-size: 1rem;
   --cui-body-font-weight: 400;
   --cui-body-line-height: 1.5;
-  --cui-body-color: rgba(44, 56, 74, 0.95);
+  --cui-body-color: #3c4b64;
+  --cui-emphasis-color: #000;
+  --cui-emphasis-color-rgb: 0, 0, 0;
+  --cui-secondary-color: rgba(60, 75, 100, 0.75);
+  --cui-secondary-color-rgb: 60, 75, 100;
+  --cui-secondary-bg: #d8dbe0;
+  --cui-secondary-bg-rgb: 216, 219, 224;
+  --cui-tertiary-color: rgba(60, 75, 100, 0.5);
+  --cui-tertiary-color-rgb: 60, 75, 100;
+  --cui-tertiary-bg: #ebedef;
+  --cui-tertiary-bg-rgb: 235, 237, 239;
   --cui-body-bg: #fff;
+  --cui-body-bg-rgb: 255, 255, 255;
+  --cui-link-color: #321fdb;
+  --cui-link-color-rgb: 50, 31, 219;
+  --cui-link-decoration: underline;
+  --cui-link-hover-color: #2819af;
+  --cui-link-hover-color-rgb: 40, 25, 175;
+  --cui-code-color: #d63384;
+  --cui-highlight-bg: #fff3cd;
   --cui-border-width: 1px;
   --cui-border-style: solid;
-  --cui-border-color: #d8dbe0;
-  --cui-border-color-translucent: rgba(0, 0, 21, 0.175);
+  --cui-border-color: #c4c9d0;
+  --cui-border-color-translucent: rgba(0, 0, 0, 0.175);
   --cui-border-radius: 0.375rem;
   --cui-border-radius-sm: 0.25rem;
   --cui-border-radius-lg: 0.5rem;
   --cui-border-radius-xl: 1rem;
   --cui-border-radius-2xl: 2rem;
   --cui-border-radius-pill: 50rem;
-  --cui-heading-color: unset;
-  --cui-link-color: #321fdb;
-  --cui-link-hover-color: #2819af;
-  --cui-code-color: #d63384;
+  --cui-box-shadow: 0 0.5rem 1rem rgba(var(--cui-body-color-rgb), 0.15);
+  --cui-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--cui-body-color-rgb), 0.075);
+  --cui-box-shadow-lg: 0 1rem 3rem rgba(var(--cui-body-color-rgb), 0.175);
+  --cui-box-shadow-inset: inset 0 1px 2px rgba(var(--cui-body-color-rgb), 0.075);
+  --cui-emphasis-color: #000;
+  --cui-form-control-bg: var(--cui-body-bg);
+  --cui-form-control-disabled-bg: var(--cui-secondary-bg);
   --cui-highlight-bg: #fff3cd;
   --cui-breakpoint-xs: 0;
   --cui-breakpoint-sm: 576px;
@@ -87,7 +124,74 @@
   --cui-breakpoint-lg: 992px;
   --cui-breakpoint-xl: 1200px;
   --cui-breakpoint-xxl: 1400px;
-  --cui--mobile-breakpoint: md;
+  --cui-mobile-breakpoint: md;
+}
+
+[data-coreui-theme=dark] {
+  color-scheme: dark;
+  --cui-primary: #857dcc;
+  --cui-secondary: #a7a7a7;
+  --cui-success: #519668;
+  --cui-info: #5299e0;
+  --cui-warning: #d5a439;
+  --cui-danger: #c77171;
+  --cui-light: rgba(255, 255, 255, 0.1);
+  --cui-dark: rgba(0, 0, 0, 0.1);
+  --cui-primary-rgb: 133, 125, 204;
+  --cui-secondary-rgb: 167, 167, 167;
+  --cui-success-rgb: 81, 150, 104;
+  --cui-info-rgb: 82, 153, 224;
+  --cui-warning-rgb: 213, 164, 57;
+  --cui-danger-rgb: 199, 113, 113;
+  --cui-light-rgb: 255, 255, 255;
+  --cui-dark-rgb: 0, 0, 0;
+  --cui-body-color: #adb5bd;
+  --cui-body-color-rgb: 173, 181, 189;
+  --cui-body-bg: #212529;
+  --cui-body-bg-rgb: 33, 37, 41;
+  --cui-emphasis-color: #f8f9fa;
+  --cui-emphasis-color-rgb: 248, 249, 250;
+  --cui-secondary-color: rgba(173, 181, 189, 0.75);
+  --cui-secondary-color-rgb: 173, 181, 189;
+  --cui-secondary-bg: #343a40;
+  --cui-secondary-bg-rgb: 52, 58, 64;
+  --cui-tertiary-color: rgba(173, 181, 189, 0.5);
+  --cui-tertiary-color-rgb: 173, 181, 189;
+  --cui-tertiary-bg: #2b3035;
+  --cui-tertiary-bg-rgb: 43, 48, 53;
+  --cui-emphasis-color: #fff;
+  --cui-primary-text: #6ea8fe;
+  --cui-secondary-text: #dee2e6;
+  --cui-success-text: #75b798;
+  --cui-info-text: #6edff6;
+  --cui-warning-text: #ffda6a;
+  --cui-danger-text: #ea868f;
+  --cui-light-text: #f8f9fa;
+  --cui-dark-text: #dee2e6;
+  --cui-primary-bg-subtle: #031633;
+  --cui-secondary-bg-subtle: #212529;
+  --cui-success-bg-subtle: #051b11;
+  --cui-info-bg-subtle: #032830;
+  --cui-warning-bg-subtle: #332701;
+  --cui-danger-bg-subtle: #2c0b0e;
+  --cui-light-bg-subtle: #343a40;
+  --cui-dark-bg-subtle: #1a1d20;
+  --cui-primary-border-subtle: #084298;
+  --cui-secondary-border-subtle: #495057;
+  --cui-success-border-subtle: #0f5132;
+  --cui-info-border-subtle: #055160;
+  --cui-warning-border-subtle: #664d03;
+  --cui-danger-border-subtle: #842029;
+  --cui-light-border-subtle: #495057;
+  --cui-dark-border-subtle: #343a40;
+  --cui-heading-color: #fff;
+  --cui-link-color: #6ea8fe;
+  --cui-link-hover-color: #9ec5fe;
+  --cui-link-color-rgb: 110, 168, 254;
+  --cui-link-hover-color-rgb: 158, 197, 254;
+  --cui-code-color: #e685b5;
+  --cui-border-color: #495057;
+  --cui-border-color-translucent: rgba(255, 255, 255, 0.15);
 }
 
 .clearfix::after {
@@ -97,50 +201,50 @@
 }
 
 .text-bg-primary {
-  color: rgba(255, 255, 255, 0.87) !important;
+  color: #fff !important;
   background-color: RGBA(50, 31, 219, var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-secondary {
-  color: #000015 !important;
+  color: #000 !important;
   background-color: RGBA(157, 165, 177, var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-success {
-  color: #000015 !important;
+  color: #000 !important;
   background-color: RGBA(46, 184, 92, var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-info {
-  color: #000015 !important;
+  color: #000 !important;
   background-color: RGBA(51, 153, 255, var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-warning {
-  color: rgba(44, 56, 74, 0.95) !important;
+  color: #000 !important;
   background-color: RGBA(249, 177, 21, var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-danger {
-  color: #000015 !important;
+  color: #000 !important;
   background-color: RGBA(229, 83, 83, var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-light {
-  color: rgba(44, 56, 74, 0.95) !important;
+  color: #000 !important;
   background-color: RGBA(235, 237, 239, var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-dark {
-  color: rgba(255, 255, 255, 0.87) !important;
-  background-color: RGBA(79, 93, 115, var(--cui-bg-opacity, 1)) !important;
+  color: #fff !important;
+  background-color: RGBA(60, 75, 100, var(--cui-bg-opacity, 1)) !important;
 }
 
 .link-primary {
   color: #321fdb !important;
 }
 .link-primary:hover, .link-primary:focus {
-  color: #5b4ce2 !important;
+  color: #2819af !important;
 }
 
 .link-secondary {
@@ -168,7 +272,7 @@
   color: #f9b115 !important;
 }
 .link-warning:hover, .link-warning:focus {
-  color: #c78e11 !important;
+  color: #fac144 !important;
 }
 
 .link-danger {
@@ -182,14 +286,14 @@
   color: #ebedef !important;
 }
 .link-light:hover, .link-light:focus {
-  color: #bcbebf !important;
+  color: #eff1f2 !important;
 }
 
 .link-dark {
-  color: #4f5d73 !important;
+  color: #3c4b64 !important;
 }
 .link-dark:hover, .link-dark:focus {
-  color: #727d8f !important;
+  color: #303c50 !important;
 }
 
 .ratio {
@@ -228,26 +332,28 @@
 .fixed-top {
   position: fixed;
   top: 0;
-  right: 0;
   left: 0;
+  right: 0;
   z-index: 1030;
 }
 
 .fixed-bottom {
   position: fixed;
-  right: 0;
-  bottom: 0;
   left: 0;
+  bottom: 0;
+  right: 0;
   z-index: 1030;
 }
 
 .sticky-top {
+  position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 1020;
 }
 
 .sticky-bottom {
+  position: -webkit-sticky;
   position: sticky;
   bottom: 0;
   z-index: 1020;
@@ -255,11 +361,13 @@
 
 @media (min-width: 576px) {
   .sticky-sm-top {
+    position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020;
   }
   .sticky-sm-bottom {
+    position: -webkit-sticky;
     position: sticky;
     bottom: 0;
     z-index: 1020;
@@ -267,11 +375,13 @@
 }
 @media (min-width: 768px) {
   .sticky-md-top {
+    position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020;
   }
   .sticky-md-bottom {
+    position: -webkit-sticky;
     position: sticky;
     bottom: 0;
     z-index: 1020;
@@ -279,11 +389,13 @@
 }
 @media (min-width: 992px) {
   .sticky-lg-top {
+    position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020;
   }
   .sticky-lg-bottom {
+    position: -webkit-sticky;
     position: sticky;
     bottom: 0;
     z-index: 1020;
@@ -291,11 +403,13 @@
 }
 @media (min-width: 1200px) {
   .sticky-xl-top {
+    position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020;
   }
   .sticky-xl-bottom {
+    position: -webkit-sticky;
     position: sticky;
     bottom: 0;
     z-index: 1020;
@@ -303,11 +417,13 @@
 }
 @media (min-width: 1400px) {
   .sticky-xxl-top {
+    position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020;
   }
   .sticky-xxl-bottom {
+    position: -webkit-sticky;
     position: sticky;
     bottom: 0;
     z-index: 1020;
@@ -343,9 +459,9 @@
 .stretched-link::after {
   position: absolute;
   top: 0;
-  right: 0;
-  bottom: 0;
   left: 0;
+  bottom: 0;
+  right: 0;
   z-index: 1;
   content: "";
 }
@@ -361,7 +477,6 @@
   align-self: stretch;
   width: 1px;
   min-height: 1em;
-  padding: 0;
   background-color: currentcolor;
   opacity: 0.25;
 }
@@ -402,6 +517,31 @@
   float: none !important;
 }
 
+.object-fit-contain {
+  -o-object-fit: contain !important;
+  object-fit: contain !important;
+}
+
+.object-fit-cover {
+  -o-object-fit: cover !important;
+  object-fit: cover !important;
+}
+
+.object-fit-fill {
+  -o-object-fit: fill !important;
+  object-fit: fill !important;
+}
+
+.object-fit-scale {
+  -o-object-fit: scale-down !important;
+  object-fit: scale-down !important;
+}
+
+.object-fit-none {
+  -o-object-fit: none !important;
+  object-fit: none !important;
+}
+
 .opacity-0 {
   opacity: 0 !important;
 }
@@ -438,6 +578,38 @@
   overflow: scroll !important;
 }
 
+.overflow-x-auto {
+  overflow-x: auto !important;
+}
+
+.overflow-x-hidden {
+  overflow-x: hidden !important;
+}
+
+.overflow-x-visible {
+  overflow-x: visible !important;
+}
+
+.overflow-x-scroll {
+  overflow-x: scroll !important;
+}
+
+.overflow-y-auto {
+  overflow-y: auto !important;
+}
+
+.overflow-y-hidden {
+  overflow-y: hidden !important;
+}
+
+.overflow-y-visible {
+  overflow-y: visible !important;
+}
+
+.overflow-y-scroll {
+  overflow-y: scroll !important;
+}
+
 .d-inline {
   display: inline !important;
 }
@@ -479,15 +651,15 @@
 }
 
 .shadow {
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 21, 0.15) !important;
+  box-shadow: 0 0.5rem 1rem rgba(var(--cui-body-color-rgb), 0.15) !important;
 }
 
 .shadow-sm {
-  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 21, 0.075) !important;
+  box-shadow: 0 0.125rem 0.25rem rgba(var(--cui-body-color-rgb), 0.075) !important;
 }
 
 .shadow-lg {
-  box-shadow: 0 1rem 3rem rgba(0, 0, 21, 0.175) !important;
+  box-shadow: 0 1rem 3rem rgba(var(--cui-body-color-rgb), 0.175) !important;
 }
 
 .shadow-none {
@@ -511,6 +683,7 @@
 }
 
 .position-sticky {
+  position: -webkit-sticky !important;
   position: sticky !important;
 }
 
@@ -539,35 +712,35 @@
 }
 
 .start-0 {
-  left: 0 !important;
+  right: 0 !important;
 }
 
 .start-50 {
-  left: 50% !important;
+  right: 50% !important;
 }
 
 .start-100 {
-  left: 100% !important;
+  right: 100% !important;
 }
 
 .end-0 {
-  right: 0 !important;
+  left: 0 !important;
 }
 
 .end-50 {
-  right: 50% !important;
+  left: 50% !important;
 }
 
 .end-100 {
-  right: 100% !important;
+  left: 100% !important;
 }
 
 .translate-middle {
-  transform: translate(-50%, -50%) !important;
+  transform: translate(50%, -50%) !important;
 }
 
 .translate-middle-x {
-  transform: translateX(-50%) !important;
+  transform: translateX(50%) !important;
 }
 
 .translate-middle-y {
@@ -660,147 +833,343 @@
 }
 
 .border-top-primary {
-  border-top-color: #321fdb !important;
+  --cui-border-opacity: 1;
+  border-top-color: rgba(var(--cui-primary-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-top-secondary {
-  border-top-color: #9da5b1 !important;
+  --cui-border-opacity: 1;
+  border-top-color: rgba(var(--cui-secondary-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-top-success {
-  border-top-color: #2eb85c !important;
+  --cui-border-opacity: 1;
+  border-top-color: rgba(var(--cui-success-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-top-info {
-  border-top-color: #39f !important;
+  --cui-border-opacity: 1;
+  border-top-color: rgba(var(--cui-info-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-top-warning {
-  border-top-color: #f9b115 !important;
+  --cui-border-opacity: 1;
+  border-top-color: rgba(var(--cui-warning-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-top-danger {
-  border-top-color: #e55353 !important;
+  --cui-border-opacity: 1;
+  border-top-color: rgba(var(--cui-danger-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-top-light {
-  border-top-color: #ebedef !important;
+  --cui-border-opacity: 1;
+  border-top-color: rgba(var(--cui-light-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-top-dark {
-  border-top-color: #4f5d73 !important;
+  --cui-border-opacity: 1;
+  border-top-color: rgba(var(--cui-dark-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-top-white {
-  border-top-color: #fff !important;
+  --cui-border-opacity: 1;
+  border-top-color: rgba(var(--cui-white-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-end-primary {
-  border-left-color: #321fdb !important;
+  --cui-border-opacity: 1;
+  border-left-color: rgba(var(--cui-primary-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-end-secondary {
-  border-left-color: #9da5b1 !important;
+  --cui-border-opacity: 1;
+  border-left-color: rgba(var(--cui-secondary-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-end-success {
-  border-left-color: #2eb85c !important;
+  --cui-border-opacity: 1;
+  border-left-color: rgba(var(--cui-success-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-end-info {
-  border-left-color: #39f !important;
+  --cui-border-opacity: 1;
+  border-left-color: rgba(var(--cui-info-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-end-warning {
-  border-left-color: #f9b115 !important;
+  --cui-border-opacity: 1;
+  border-left-color: rgba(var(--cui-warning-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-end-danger {
-  border-left-color: #e55353 !important;
+  --cui-border-opacity: 1;
+  border-left-color: rgba(var(--cui-danger-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-end-light {
-  border-left-color: #ebedef !important;
+  --cui-border-opacity: 1;
+  border-left-color: rgba(var(--cui-light-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-end-dark {
-  border-left-color: #4f5d73 !important;
+  --cui-border-opacity: 1;
+  border-left-color: rgba(var(--cui-dark-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-end-white {
-  border-left-color: #fff !important;
+  --cui-border-opacity: 1;
+  border-left-color: rgba(var(--cui-white-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-bottom-primary {
-  border-bottom-color: #321fdb !important;
+  --cui-border-opacity: 1;
+  border-bottom-color: rgba(var(--cui-primary-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-bottom-secondary {
-  border-bottom-color: #9da5b1 !important;
+  --cui-border-opacity: 1;
+  border-bottom-color: rgba(var(--cui-secondary-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-bottom-success {
-  border-bottom-color: #2eb85c !important;
+  --cui-border-opacity: 1;
+  border-bottom-color: rgba(var(--cui-success-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-bottom-info {
-  border-bottom-color: #39f !important;
+  --cui-border-opacity: 1;
+  border-bottom-color: rgba(var(--cui-info-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-bottom-warning {
-  border-bottom-color: #f9b115 !important;
+  --cui-border-opacity: 1;
+  border-bottom-color: rgba(var(--cui-warning-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-bottom-danger {
-  border-bottom-color: #e55353 !important;
+  --cui-border-opacity: 1;
+  border-bottom-color: rgba(var(--cui-danger-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-bottom-light {
-  border-bottom-color: #ebedef !important;
+  --cui-border-opacity: 1;
+  border-bottom-color: rgba(var(--cui-light-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-bottom-dark {
-  border-bottom-color: #4f5d73 !important;
+  --cui-border-opacity: 1;
+  border-bottom-color: rgba(var(--cui-dark-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-bottom-white {
-  border-bottom-color: #fff !important;
+  --cui-border-opacity: 1;
+  border-bottom-color: rgba(var(--cui-white-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-start-primary {
-  border-right-color: #321fdb !important;
+  --cui-border-opacity: 1;
+  border-right-color: rgba(var(--cui-primary-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-start-secondary {
-  border-right-color: #9da5b1 !important;
+  --cui-border-opacity: 1;
+  border-right-color: rgba(var(--cui-secondary-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-start-success {
-  border-right-color: #2eb85c !important;
+  --cui-border-opacity: 1;
+  border-right-color: rgba(var(--cui-success-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-start-info {
-  border-right-color: #39f !important;
+  --cui-border-opacity: 1;
+  border-right-color: rgba(var(--cui-info-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-start-warning {
-  border-right-color: #f9b115 !important;
+  --cui-border-opacity: 1;
+  border-right-color: rgba(var(--cui-warning-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-start-danger {
-  border-right-color: #e55353 !important;
+  --cui-border-opacity: 1;
+  border-right-color: rgba(var(--cui-danger-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-start-light {
-  border-right-color: #ebedef !important;
+  --cui-border-opacity: 1;
+  border-right-color: rgba(var(--cui-light-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-start-dark {
-  border-right-color: #4f5d73 !important;
+  --cui-border-opacity: 1;
+  border-right-color: rgba(var(--cui-dark-rgb), var(--cui-border-opacity)) !important;
 }
 
 .border-start-white {
-  border-right-color: #fff !important;
+  --cui-border-opacity: 1;
+  border-right-color: rgba(var(--cui-white-rgb), var(--cui-border-opacity)) !important;
+}
+
+.border-primary-subtle {
+  border-color: var(--cui-primary-border-subtle) !important;
+}
+
+.border-secondary-subtle {
+  border-color: var(--cui-secondary-border-subtle) !important;
+}
+
+.border-success-subtle {
+  border-color: var(--cui-success-border-subtle) !important;
+}
+
+.border-info-subtle {
+  border-color: var(--cui-info-border-subtle) !important;
+}
+
+.border-warning-subtle {
+  border-color: var(--cui-warning-border-subtle) !important;
+}
+
+.border-danger-subtle {
+  border-color: var(--cui-danger-border-subtle) !important;
+}
+
+.border-light-subtle {
+  border-color: var(--cui-light-border-subtle) !important;
+}
+
+.border-dark-subtle {
+  border-color: var(--cui-dark-border-subtle) !important;
+}
+
+.border-top-primary-subtle {
+  border-top-color: var(--cui-primary-border-subtle) !important;
+}
+
+.border-top-secondary-subtle {
+  border-top-color: var(--cui-secondary-border-subtle) !important;
+}
+
+.border-top-success-subtle {
+  border-top-color: var(--cui-success-border-subtle) !important;
+}
+
+.border-top-info-subtle {
+  border-top-color: var(--cui-info-border-subtle) !important;
+}
+
+.border-top-warning-subtle {
+  border-top-color: var(--cui-warning-border-subtle) !important;
+}
+
+.border-top-danger-subtle {
+  border-top-color: var(--cui-danger-border-subtle) !important;
+}
+
+.border-top-light-subtle {
+  border-top-color: var(--cui-light-border-subtle) !important;
+}
+
+.border-top-dark-subtle {
+  border-top-color: var(--cui-dark-border-subtle) !important;
+}
+
+.border-end-primary-subtle {
+  border-left-color: var(--cui-primary-border-subtle) !important;
+}
+
+.border-end-secondary-subtle {
+  border-left-color: var(--cui-secondary-border-subtle) !important;
+}
+
+.border-end-success-subtle {
+  border-left-color: var(--cui-success-border-subtle) !important;
+}
+
+.border-end-info-subtle {
+  border-left-color: var(--cui-info-border-subtle) !important;
+}
+
+.border-end-warning-subtle {
+  border-left-color: var(--cui-warning-border-subtle) !important;
+}
+
+.border-end-danger-subtle {
+  border-left-color: var(--cui-danger-border-subtle) !important;
+}
+
+.border-end-light-subtle {
+  border-left-color: var(--cui-light-border-subtle) !important;
+}
+
+.border-end-dark-subtle {
+  border-left-color: var(--cui-dark-border-subtle) !important;
+}
+
+.border-bottom-primary-subtle {
+  border-bottom-color: var(--cui-primary-border-subtle) !important;
+}
+
+.border-bottom-secondary-subtle {
+  border-bottom-color: var(--cui-secondary-border-subtle) !important;
+}
+
+.border-bottom-success-subtle {
+  border-bottom-color: var(--cui-success-border-subtle) !important;
+}
+
+.border-bottom-info-subtle {
+  border-bottom-color: var(--cui-info-border-subtle) !important;
+}
+
+.border-bottom-warning-subtle {
+  border-bottom-color: var(--cui-warning-border-subtle) !important;
+}
+
+.border-bottom-danger-subtle {
+  border-bottom-color: var(--cui-danger-border-subtle) !important;
+}
+
+.border-bottom-light-subtle {
+  border-bottom-color: var(--cui-light-border-subtle) !important;
+}
+
+.border-bottom-dark-subtle {
+  border-bottom-color: var(--cui-dark-border-subtle) !important;
+}
+
+.border-start-primary-subtle {
+  border-right-color: var(--cui-primary-border-subtle) !important;
+}
+
+.border-start-secondary-subtle {
+  border-right-color: var(--cui-secondary-border-subtle) !important;
+}
+
+.border-start-success-subtle {
+  border-right-color: var(--cui-success-border-subtle) !important;
+}
+
+.border-start-info-subtle {
+  border-right-color: var(--cui-info-border-subtle) !important;
+}
+
+.border-start-warning-subtle {
+  border-right-color: var(--cui-warning-border-subtle) !important;
+}
+
+.border-start-danger-subtle {
+  border-right-color: var(--cui-danger-border-subtle) !important;
+}
+
+.border-start-light-subtle {
+  border-right-color: var(--cui-light-border-subtle) !important;
+}
+
+.border-start-dark-subtle {
+  border-right-color: var(--cui-dark-border-subtle) !important;
 }
 
 .border-1 {
@@ -1188,38 +1557,38 @@
 }
 
 .mx-0 {
-  margin-right: 0 !important;
   margin-left: 0 !important;
+  margin-right: 0 !important;
 }
 
 .mx-1 {
-  margin-right: 0.25rem !important;
   margin-left: 0.25rem !important;
+  margin-right: 0.25rem !important;
 }
 
 .mx-2 {
-  margin-right: 0.5rem !important;
   margin-left: 0.5rem !important;
+  margin-right: 0.5rem !important;
 }
 
 .mx-3 {
-  margin-right: 1rem !important;
   margin-left: 1rem !important;
+  margin-right: 1rem !important;
 }
 
 .mx-4 {
-  margin-right: 1.5rem !important;
   margin-left: 1.5rem !important;
+  margin-right: 1.5rem !important;
 }
 
 .mx-5 {
-  margin-right: 3rem !important;
   margin-left: 3rem !important;
+  margin-right: 3rem !important;
 }
 
 .mx-auto {
-  margin-right: auto !important;
   margin-left: auto !important;
+  margin-right: auto !important;
 }
 
 .my-0 {
@@ -1394,33 +1763,33 @@
 }
 
 .px-0 {
-  padding-right: 0 !important;
   padding-left: 0 !important;
+  padding-right: 0 !important;
 }
 
 .px-1 {
-  padding-right: 0.25rem !important;
   padding-left: 0.25rem !important;
+  padding-right: 0.25rem !important;
 }
 
 .px-2 {
-  padding-right: 0.5rem !important;
   padding-left: 0.5rem !important;
+  padding-right: 0.5rem !important;
 }
 
 .px-3 {
-  padding-right: 1rem !important;
   padding-left: 1rem !important;
+  padding-right: 1rem !important;
 }
 
 .px-4 {
-  padding-right: 1.5rem !important;
   padding-left: 1.5rem !important;
+  padding-right: 1.5rem !important;
 }
 
 .px-5 {
-  padding-right: 3rem !important;
   padding-left: 3rem !important;
+  padding-right: 3rem !important;
 }
 
 .py-0 {
@@ -1573,6 +1942,60 @@
   gap: 3rem !important;
 }
 
+.row-gap-0 {
+  row-gap: 0 !important;
+}
+
+.row-gap-1 {
+  row-gap: 0.25rem !important;
+}
+
+.row-gap-2 {
+  row-gap: 0.5rem !important;
+}
+
+.row-gap-3 {
+  row-gap: 1rem !important;
+}
+
+.row-gap-4 {
+  row-gap: 1.5rem !important;
+}
+
+.row-gap-5 {
+  row-gap: 3rem !important;
+}
+
+.column-gap-0 {
+  -moz-column-gap: 0 !important;
+  column-gap: 0 !important;
+}
+
+.column-gap-1 {
+  -moz-column-gap: 0.25rem !important;
+  column-gap: 0.25rem !important;
+}
+
+.column-gap-2 {
+  -moz-column-gap: 0.5rem !important;
+  column-gap: 0.5rem !important;
+}
+
+.column-gap-3 {
+  -moz-column-gap: 1rem !important;
+  column-gap: 1rem !important;
+}
+
+.column-gap-4 {
+  -moz-column-gap: 1.5rem !important;
+  column-gap: 1.5rem !important;
+}
+
+.column-gap-5 {
+  -moz-column-gap: 3rem !important;
+  column-gap: 3rem !important;
+}
+
 .font-monospace {
   font-family: var(--cui-font-monospace) !important;
 }
@@ -1609,14 +2032,14 @@
   font-style: normal !important;
 }
 
-.fw-light {
-  font-weight: 300 !important;
-}
-
 .fw-lighter {
   font-weight: lighter !important;
 }
 
+.fw-light {
+  font-weight: 300 !important;
+}
+
 .fw-normal {
   font-weight: 400 !important;
 }
@@ -1696,117 +2119,112 @@
 .text-nowrap {
   white-space: nowrap !important;
 }
-
-/* rtl:begin:remove */
-.text-break {
-  word-wrap: break-word !important;
-  word-break: break-word !important;
-}
-
-/* rtl:end:remove */
+[data-coreui-theme=dark] .dark\:text-primary, [data-coreui-theme=dark] .dark\:text-primary:not([class*="dark:"]),
 .text-primary {
   --cui-text-opacity: 1;
   color: rgba(var(--cui-primary-rgb), var(--cui-text-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:text-secondary, [data-coreui-theme=dark] .dark\:text-secondary:not([class*="dark:"]),
 .text-secondary {
   --cui-text-opacity: 1;
   color: rgba(var(--cui-secondary-rgb), var(--cui-text-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:text-success, [data-coreui-theme=dark] .dark\:text-success:not([class*="dark:"]),
 .text-success {
   --cui-text-opacity: 1;
   color: rgba(var(--cui-success-rgb), var(--cui-text-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:text-info, [data-coreui-theme=dark] .dark\:text-info:not([class*="dark:"]),
 .text-info {
   --cui-text-opacity: 1;
   color: rgba(var(--cui-info-rgb), var(--cui-text-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:text-warning, [data-coreui-theme=dark] .dark\:text-warning:not([class*="dark:"]),
 .text-warning {
   --cui-text-opacity: 1;
   color: rgba(var(--cui-warning-rgb), var(--cui-text-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:text-danger, [data-coreui-theme=dark] .dark\:text-danger:not([class*="dark:"]),
 .text-danger {
   --cui-text-opacity: 1;
   color: rgba(var(--cui-danger-rgb), var(--cui-text-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:text-light, [data-coreui-theme=dark] .dark\:text-light:not([class*="dark:"]),
 .text-light {
   --cui-text-opacity: 1;
   color: rgba(var(--cui-light-rgb), var(--cui-text-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:text-dark, [data-coreui-theme=dark] .dark\:text-dark:not([class*="dark:"]),
 .text-dark {
   --cui-text-opacity: 1;
   color: rgba(var(--cui-dark-rgb), var(--cui-text-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:text-black, [data-coreui-theme=dark] .dark\:text-black:not([class*="dark:"]),
 .text-black {
   --cui-text-opacity: 1;
   color: rgba(var(--cui-black-rgb), var(--cui-text-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:text-white, [data-coreui-theme=dark] .dark\:text-white:not([class*="dark:"]),
 .text-white {
   --cui-text-opacity: 1;
   color: rgba(var(--cui-white-rgb), var(--cui-text-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:text-body, [data-coreui-theme=dark] .dark\:text-body:not([class*="dark:"]),
 .text-body {
   --cui-text-opacity: 1;
   color: rgba(var(--cui-body-color-rgb), var(--cui-text-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:text-muted, [data-coreui-theme=dark] .dark\:text-muted:not([class*="dark:"]),
 .text-muted {
   --cui-text-opacity: 1;
-  color: rgba(44, 56, 74, 0.38) !important;
+  color: var(--cui-secondary-color) !important;
 }
 
+[data-coreui-theme=dark] .dark\:text-black-50, [data-coreui-theme=dark] .dark\:text-black-50:not([class*="dark:"]),
 .text-black-50 {
   --cui-text-opacity: 1;
-  color: rgba(0, 0, 21, 0.5) !important;
+  color: rgba(0, 0, 0, 0.5) !important;
 }
 
+[data-coreui-theme=dark] .dark\:text-white-50, [data-coreui-theme=dark] .dark\:text-white-50:not([class*="dark:"]),
 .text-white-50 {
   --cui-text-opacity: 1;
   color: rgba(255, 255, 255, 0.5) !important;
 }
 
-.text-reset {
+[data-coreui-theme=dark] .dark\:text-body-secondary, [data-coreui-theme=dark] .dark\:text-body-secondary:not([class*="dark:"]),
+.text-body-secondary {
   --cui-text-opacity: 1;
-  color: inherit !important;
+  color: var(--cui-secondary-color) !important;
 }
 
-.text-high-emphasis-inverse {
+[data-coreui-theme=dark] .dark\:text-body-tertiary, [data-coreui-theme=dark] .dark\:text-body-tertiary:not([class*="dark:"]),
+.text-body-tertiary {
   --cui-text-opacity: 1;
-  color: rgba(255, 255, 255, 0.87) !important;
+  color: var(--cui-tertiary-color) !important;
 }
 
-.text-medium-emphasis-inverse {
+[data-coreui-theme=dark] .dark\:text-body-emphasis, [data-coreui-theme=dark] .dark\:text-body-emphasis:not([class*="dark:"]),
+.text-body-emphasis {
   --cui-text-opacity: 1;
-  color: rgba(255, 255, 255, 0.6) !important;
+  color: var(--cui-emphasis-color) !important;
 }
 
-.text-disabled-inverse {
-  --cui-text-opacity: 1;
-  color: rgba(255, 255, 255, 0.38) !important;
-}
-
-.text-high-emphasis {
-  --cui-text-opacity: 1;
-  color: rgba(44, 56, 74, 0.95) !important;
-}
-
-.text-medium-emphasis {
-  --cui-text-opacity: 1;
-  color: rgba(44, 56, 74, 0.681) !important;
-}
-
-.text-disabled {
+[data-coreui-theme=dark] .dark\:text-reset, [data-coreui-theme=dark] .dark\:text-reset:not([class*="dark:"]),
+.text-reset {
   --cui-text-opacity: 1;
-  color: rgba(44, 56, 74, 0.38) !important;
+  color: inherit !important;
 }
 
 .text-opacity-25 {
@@ -1825,66 +2243,128 @@
   --cui-text-opacity: 1;
 }
 
+.text-primary-emphasis {
+  color: var(--cui-primary-text) !important;
+}
+
+.text-secondary-emphasis {
+  color: var(--cui-secondary-text) !important;
+}
+
+.text-success-emphasis {
+  color: var(--cui-success-text) !important;
+}
+
+.text-info-emphasis {
+  color: var(--cui-info-text) !important;
+}
+
+.text-warning-emphasis {
+  color: var(--cui-warning-text) !important;
+}
+
+.text-danger-emphasis {
+  color: var(--cui-danger-text) !important;
+}
+
+.text-light-emphasis {
+  color: var(--cui-light-text) !important;
+}
+
+.text-dark-emphasis {
+  color: var(--cui-dark-text) !important;
+}
+
+[data-coreui-theme=dark] .dark\:bg-primary, [data-coreui-theme=dark] .dark\:bg-primary:not([class*="dark:"]),
 .bg-primary {
   --cui-bg-opacity: 1;
   background-color: rgba(var(--cui-primary-rgb), var(--cui-bg-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:bg-secondary, [data-coreui-theme=dark] .dark\:bg-secondary:not([class*="dark:"]),
 .bg-secondary {
   --cui-bg-opacity: 1;
   background-color: rgba(var(--cui-secondary-rgb), var(--cui-bg-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:bg-success, [data-coreui-theme=dark] .dark\:bg-success:not([class*="dark:"]),
 .bg-success {
   --cui-bg-opacity: 1;
   background-color: rgba(var(--cui-success-rgb), var(--cui-bg-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:bg-info, [data-coreui-theme=dark] .dark\:bg-info:not([class*="dark:"]),
 .bg-info {
   --cui-bg-opacity: 1;
   background-color: rgba(var(--cui-info-rgb), var(--cui-bg-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:bg-warning, [data-coreui-theme=dark] .dark\:bg-warning:not([class*="dark:"]),
 .bg-warning {
   --cui-bg-opacity: 1;
   background-color: rgba(var(--cui-warning-rgb), var(--cui-bg-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:bg-danger, [data-coreui-theme=dark] .dark\:bg-danger:not([class*="dark:"]),
 .bg-danger {
   --cui-bg-opacity: 1;
   background-color: rgba(var(--cui-danger-rgb), var(--cui-bg-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:bg-light, [data-coreui-theme=dark] .dark\:bg-light:not([class*="dark:"]),
 .bg-light {
   --cui-bg-opacity: 1;
   background-color: rgba(var(--cui-light-rgb), var(--cui-bg-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:bg-dark, [data-coreui-theme=dark] .dark\:bg-dark:not([class*="dark:"]),
 .bg-dark {
   --cui-bg-opacity: 1;
   background-color: rgba(var(--cui-dark-rgb), var(--cui-bg-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:bg-black, [data-coreui-theme=dark] .dark\:bg-black:not([class*="dark:"]),
 .bg-black {
   --cui-bg-opacity: 1;
   background-color: rgba(var(--cui-black-rgb), var(--cui-bg-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:bg-white, [data-coreui-theme=dark] .dark\:bg-white:not([class*="dark:"]),
 .bg-white {
   --cui-bg-opacity: 1;
   background-color: rgba(var(--cui-white-rgb), var(--cui-bg-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:bg-body, [data-coreui-theme=dark] .dark\:bg-body:not([class*="dark:"]),
 .bg-body {
   --cui-bg-opacity: 1;
   background-color: rgba(var(--cui-body-bg-rgb), var(--cui-bg-opacity)) !important;
 }
 
+[data-coreui-theme=dark] .dark\:bg-transparent, [data-coreui-theme=dark] .dark\:bg-transparent:not([class*="dark:"]),
 .bg-transparent {
   --cui-bg-opacity: 1;
   background-color: transparent !important;
 }
 
+[data-coreui-theme=dark] .dark\:bg-body-secondary, [data-coreui-theme=dark] .dark\:bg-body-secondary:not([class*="dark:"]),
+.bg-body-secondary {
+  --cui-bg-opacity: 1;
+  background-color: rgba(var(--cui-secondary-bg-rgb), var(--cui-bg-opacity)) !important;
+}
+
+[data-coreui-theme=dark] .dark\:bg-body-tertiary, [data-coreui-theme=dark] .dark\:bg-body-tertiary:not([class*="dark:"]),
+.bg-body-tertiary {
+  --cui-bg-opacity: 1;
+  background-color: rgba(var(--cui-tertiary-bg-rgb), var(--cui-bg-opacity)) !important;
+}
+
+[data-coreui-theme=dark] .dark\:bg-body-emphasis, [data-coreui-theme=dark] .dark\:bg-body-emphasis:not([class*="dark:"]),
+.bg-body-emphasis {
+  --cui-bg-opacity: 1;
+  background-color: rgba(var(--cui-emphasis-bg-rgb), var(--cui-bg-opacity)) !important;
+}
+
 .bg-opacity-10 {
   --cui-bg-opacity: 0.1;
 }
@@ -1905,19 +2385,65 @@
   --cui-bg-opacity: 1;
 }
 
+[data-coreui-theme=dark] .dark\:bg-primary-subtle, [data-coreui-theme=dark] .dark\:bg-primary-subtle:not([class*="dark:"]),
+.bg-primary-subtle {
+  background-color: var(--cui-primary-bg-subtle) !important;
+}
+
+[data-coreui-theme=dark] .dark\:bg-secondary-subtle, [data-coreui-theme=dark] .dark\:bg-secondary-subtle:not([class*="dark:"]),
+.bg-secondary-subtle {
+  background-color: var(--cui-secondary-bg-subtle) !important;
+}
+
+[data-coreui-theme=dark] .dark\:bg-success-subtle, [data-coreui-theme=dark] .dark\:bg-success-subtle:not([class*="dark:"]),
+.bg-success-subtle {
+  background-color: var(--cui-success-bg-subtle) !important;
+}
+
+[data-coreui-theme=dark] .dark\:bg-info-subtle, [data-coreui-theme=dark] .dark\:bg-info-subtle:not([class*="dark:"]),
+.bg-info-subtle {
+  background-color: var(--cui-info-bg-subtle) !important;
+}
+
+[data-coreui-theme=dark] .dark\:bg-warning-subtle, [data-coreui-theme=dark] .dark\:bg-warning-subtle:not([class*="dark:"]),
+.bg-warning-subtle {
+  background-color: var(--cui-warning-bg-subtle) !important;
+}
+
+[data-coreui-theme=dark] .dark\:bg-danger-subtle, [data-coreui-theme=dark] .dark\:bg-danger-subtle:not([class*="dark:"]),
+.bg-danger-subtle {
+  background-color: var(--cui-danger-bg-subtle) !important;
+}
+
+[data-coreui-theme=dark] .dark\:bg-light-subtle, [data-coreui-theme=dark] .dark\:bg-light-subtle:not([class*="dark:"]),
+.bg-light-subtle {
+  background-color: var(--cui-light-bg-subtle) !important;
+}
+
+[data-coreui-theme=dark] .dark\:bg-dark-subtle, [data-coreui-theme=dark] .dark\:bg-dark-subtle:not([class*="dark:"]),
+.bg-dark-subtle {
+  background-color: var(--cui-dark-bg-subtle) !important;
+}
+
 .bg-gradient {
   background-image: var(--cui-gradient) !important;
 }
 
 .user-select-all {
+  -webkit-user-select: all !important;
+  -moz-user-select: all !important;
   user-select: all !important;
 }
 
 .user-select-auto {
+  -webkit-user-select: auto !important;
+  -moz-user-select: auto !important;
   user-select: auto !important;
 }
 
 .user-select-none {
+  -webkit-user-select: none !important;
+  -moz-user-select: none !important;
   user-select: none !important;
 }
 
@@ -1929,68 +2455,248 @@
   pointer-events: auto !important;
 }
 
-.rounded {
-  border-radius: var(--cui-border-radius) !important;
+.rounded {
+  border-radius: var(--cui-border-radius) !important;
+}
+
+.rounded-0 {
+  border-radius: 0 !important;
+}
+
+.rounded-1 {
+  border-radius: var(--cui-border-radius-sm) !important;
+}
+
+.rounded-2 {
+  border-radius: var(--cui-border-radius) !important;
+}
+
+.rounded-3 {
+  border-radius: var(--cui-border-radius-lg) !important;
+}
+
+.rounded-4 {
+  border-radius: var(--cui-border-radius-xl) !important;
+}
+
+.rounded-5 {
+  border-radius: var(--cui-border-radius-2xl) !important;
+}
+
+.rounded-circle {
+  border-radius: 50% !important;
+}
+
+.rounded-pill {
+  border-radius: var(--cui-border-radius-pill) !important;
+}
+
+.rounded-top {
+  border-top-right-radius: var(--cui-border-radius) !important;
+  border-top-left-radius: var(--cui-border-radius) !important;
+}
+
+.rounded-top-0 {
+  border-top-right-radius: 0 !important;
+  border-top-left-radius: 0 !important;
+}
+
+.rounded-top-1 {
+  border-top-right-radius: var(--cui-border-radius-sm) !important;
+  border-top-left-radius: var(--cui-border-radius-sm) !important;
+}
+
+.rounded-top-2 {
+  border-top-right-radius: var(--cui-border-radius) !important;
+  border-top-left-radius: var(--cui-border-radius) !important;
+}
+
+.rounded-top-3 {
+  border-top-right-radius: var(--cui-border-radius-lg) !important;
+  border-top-left-radius: var(--cui-border-radius-lg) !important;
+}
+
+.rounded-top-4 {
+  border-top-right-radius: var(--cui-border-radius-xl) !important;
+  border-top-left-radius: var(--cui-border-radius-xl) !important;
+}
+
+.rounded-top-5 {
+  border-top-right-radius: var(--cui-border-radius-2xl) !important;
+  border-top-left-radius: var(--cui-border-radius-2xl) !important;
+}
+
+.rounded-top-circle {
+  border-top-right-radius: 50% !important;
+  border-top-left-radius: 50% !important;
+}
+
+.rounded-top-pill {
+  border-top-right-radius: var(--cui-border-radius-pill) !important;
+  border-top-left-radius: var(--cui-border-radius-pill) !important;
+}
+
+.rounded-end {
+  border-top-left-radius: var(--cui-border-radius) !important;
+  border-bottom-left-radius: var(--cui-border-radius) !important;
+}
+
+.rounded-end-0 {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+}
+
+.rounded-end-1 {
+  border-top-left-radius: var(--cui-border-radius-sm) !important;
+  border-bottom-left-radius: var(--cui-border-radius-sm) !important;
+}
+
+.rounded-end-2 {
+  border-top-left-radius: var(--cui-border-radius) !important;
+  border-bottom-left-radius: var(--cui-border-radius) !important;
+}
+
+.rounded-end-3 {
+  border-top-left-radius: var(--cui-border-radius-lg) !important;
+  border-bottom-left-radius: var(--cui-border-radius-lg) !important;
+}
+
+.rounded-end-4 {
+  border-top-left-radius: var(--cui-border-radius-xl) !important;
+  border-bottom-left-radius: var(--cui-border-radius-xl) !important;
+}
+
+.rounded-end-5 {
+  border-top-left-radius: var(--cui-border-radius-2xl) !important;
+  border-bottom-left-radius: var(--cui-border-radius-2xl) !important;
+}
+
+.rounded-end-circle {
+  border-top-left-radius: 50% !important;
+  border-bottom-left-radius: 50% !important;
+}
+
+.rounded-end-pill {
+  border-top-left-radius: var(--cui-border-radius-pill) !important;
+  border-bottom-left-radius: var(--cui-border-radius-pill) !important;
+}
+
+.rounded-bottom {
+  border-bottom-left-radius: var(--cui-border-radius) !important;
+  border-bottom-right-radius: var(--cui-border-radius) !important;
+}
+
+.rounded-bottom-0 {
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
+.rounded-bottom-1 {
+  border-bottom-left-radius: var(--cui-border-radius-sm) !important;
+  border-bottom-right-radius: var(--cui-border-radius-sm) !important;
+}
+
+.rounded-bottom-2 {
+  border-bottom-left-radius: var(--cui-border-radius) !important;
+  border-bottom-right-radius: var(--cui-border-radius) !important;
+}
+
+.rounded-bottom-3 {
+  border-bottom-left-radius: var(--cui-border-radius-lg) !important;
+  border-bottom-right-radius: var(--cui-border-radius-lg) !important;
+}
+
+.rounded-bottom-4 {
+  border-bottom-left-radius: var(--cui-border-radius-xl) !important;
+  border-bottom-right-radius: var(--cui-border-radius-xl) !important;
+}
+
+.rounded-bottom-5 {
+  border-bottom-left-radius: var(--cui-border-radius-2xl) !important;
+  border-bottom-right-radius: var(--cui-border-radius-2xl) !important;
+}
+
+.rounded-bottom-circle {
+  border-bottom-left-radius: 50% !important;
+  border-bottom-right-radius: 50% !important;
+}
+
+.rounded-bottom-pill {
+  border-bottom-left-radius: var(--cui-border-radius-pill) !important;
+  border-bottom-right-radius: var(--cui-border-radius-pill) !important;
+}
+
+.rounded-start {
+  border-bottom-right-radius: var(--cui-border-radius) !important;
+  border-top-right-radius: var(--cui-border-radius) !important;
+}
+
+.rounded-start-0 {
+  border-bottom-right-radius: 0 !important;
+  border-top-right-radius: 0 !important;
 }
 
-.rounded-0 {
-  border-radius: 0 !important;
+.rounded-start-1 {
+  border-bottom-right-radius: var(--cui-border-radius-sm) !important;
+  border-top-right-radius: var(--cui-border-radius-sm) !important;
 }
 
-.rounded-1 {
-  border-radius: var(--cui-border-radius-sm) !important;
+.rounded-start-2 {
+  border-bottom-right-radius: var(--cui-border-radius) !important;
+  border-top-right-radius: var(--cui-border-radius) !important;
 }
 
-.rounded-2 {
-  border-radius: var(--cui-border-radius) !important;
+.rounded-start-3 {
+  border-bottom-right-radius: var(--cui-border-radius-lg) !important;
+  border-top-right-radius: var(--cui-border-radius-lg) !important;
 }
 
-.rounded-3 {
-  border-radius: var(--cui-border-radius-lg) !important;
+.rounded-start-4 {
+  border-bottom-right-radius: var(--cui-border-radius-xl) !important;
+  border-top-right-radius: var(--cui-border-radius-xl) !important;
 }
 
-.rounded-4 {
-  border-radius: var(--cui-border-radius-xl) !important;
+.rounded-start-5 {
+  border-bottom-right-radius: var(--cui-border-radius-2xl) !important;
+  border-top-right-radius: var(--cui-border-radius-2xl) !important;
 }
 
-.rounded-5 {
-  border-radius: var(--cui-border-radius-2xl) !important;
+.rounded-start-circle {
+  border-bottom-right-radius: 50% !important;
+  border-top-right-radius: 50% !important;
 }
 
-.rounded-circle {
-  border-radius: 50% !important;
+.rounded-start-pill {
+  border-bottom-right-radius: var(--cui-border-radius-pill) !important;
+  border-top-right-radius: var(--cui-border-radius-pill) !important;
 }
 
-.rounded-pill {
-  border-radius: var(--cui-border-radius-pill) !important;
+.visible {
+  visibility: visible !important;
 }
 
-.rounded-top {
-  border-top-left-radius: var(--cui-border-radius) !important;
-  border-top-right-radius: var(--cui-border-radius) !important;
+.invisible {
+  visibility: hidden !important;
 }
 
-.rounded-end {
-  border-top-left-radius: var(--cui-border-radius) !important;
-  border-bottom-left-radius: var(--cui-border-radius) !important;
+.z-n1 {
+  z-index: -1 !important;
 }
 
-.rounded-bottom {
-  border-bottom-right-radius: var(--cui-border-radius) !important;
-  border-bottom-left-radius: var(--cui-border-radius) !important;
+.z-0 {
+  z-index: 0 !important;
 }
 
-.rounded-start {
-  border-bottom-right-radius: var(--cui-border-radius) !important;
-  border-top-right-radius: var(--cui-border-radius) !important;
+.z-1 {
+  z-index: 1 !important;
 }
 
-.visible {
-  visibility: visible !important;
+.z-2 {
+  z-index: 2 !important;
 }
 
-.invisible {
-  visibility: hidden !important;
+.z-3 {
+  z-index: 3 !important;
 }
 
 @media (min-width: 576px) {
@@ -2003,6 +2709,26 @@
   .float-sm-none {
     float: none !important;
   }
+  .object-fit-sm-contain {
+    -o-object-fit: contain !important;
+    object-fit: contain !important;
+  }
+  .object-fit-sm-cover {
+    -o-object-fit: cover !important;
+    object-fit: cover !important;
+  }
+  .object-fit-sm-fill {
+    -o-object-fit: fill !important;
+    object-fit: fill !important;
+  }
+  .object-fit-sm-scale {
+    -o-object-fit: scale-down !important;
+    object-fit: scale-down !important;
+  }
+  .object-fit-sm-none {
+    -o-object-fit: none !important;
+    object-fit: none !important;
+  }
   .d-sm-inline {
     display: inline !important;
   }
@@ -2184,32 +2910,32 @@
     margin: auto !important;
   }
   .mx-sm-0 {
-    margin-right: 0 !important;
     margin-left: 0 !important;
+    margin-right: 0 !important;
   }
   .mx-sm-1 {
-    margin-right: 0.25rem !important;
     margin-left: 0.25rem !important;
+    margin-right: 0.25rem !important;
   }
   .mx-sm-2 {
-    margin-right: 0.5rem !important;
     margin-left: 0.5rem !important;
+    margin-right: 0.5rem !important;
   }
   .mx-sm-3 {
-    margin-right: 1rem !important;
     margin-left: 1rem !important;
+    margin-right: 1rem !important;
   }
   .mx-sm-4 {
-    margin-right: 1.5rem !important;
     margin-left: 1.5rem !important;
+    margin-right: 1.5rem !important;
   }
   .mx-sm-5 {
-    margin-right: 3rem !important;
     margin-left: 3rem !important;
+    margin-right: 3rem !important;
   }
   .mx-sm-auto {
-    margin-right: auto !important;
     margin-left: auto !important;
+    margin-right: auto !important;
   }
   .my-sm-0 {
     margin-top: 0 !important;
@@ -2342,28 +3068,28 @@
     padding: 3rem !important;
   }
   .px-sm-0 {
-    padding-right: 0 !important;
     padding-left: 0 !important;
+    padding-right: 0 !important;
   }
   .px-sm-1 {
-    padding-right: 0.25rem !important;
     padding-left: 0.25rem !important;
+    padding-right: 0.25rem !important;
   }
   .px-sm-2 {
-    padding-right: 0.5rem !important;
     padding-left: 0.5rem !important;
+    padding-right: 0.5rem !important;
   }
   .px-sm-3 {
-    padding-right: 1rem !important;
     padding-left: 1rem !important;
+    padding-right: 1rem !important;
   }
   .px-sm-4 {
-    padding-right: 1.5rem !important;
     padding-left: 1.5rem !important;
+    padding-right: 1.5rem !important;
   }
   .px-sm-5 {
-    padding-right: 3rem !important;
     padding-left: 3rem !important;
+    padding-right: 3rem !important;
   }
   .py-sm-0 {
     padding-top: 0 !important;
@@ -2479,6 +3205,48 @@
   .gap-sm-5 {
     gap: 3rem !important;
   }
+  .row-gap-sm-0 {
+    row-gap: 0 !important;
+  }
+  .row-gap-sm-1 {
+    row-gap: 0.25rem !important;
+  }
+  .row-gap-sm-2 {
+    row-gap: 0.5rem !important;
+  }
+  .row-gap-sm-3 {
+    row-gap: 1rem !important;
+  }
+  .row-gap-sm-4 {
+    row-gap: 1.5rem !important;
+  }
+  .row-gap-sm-5 {
+    row-gap: 3rem !important;
+  }
+  .column-gap-sm-0 {
+    -moz-column-gap: 0 !important;
+    column-gap: 0 !important;
+  }
+  .column-gap-sm-1 {
+    -moz-column-gap: 0.25rem !important;
+    column-gap: 0.25rem !important;
+  }
+  .column-gap-sm-2 {
+    -moz-column-gap: 0.5rem !important;
+    column-gap: 0.5rem !important;
+  }
+  .column-gap-sm-3 {
+    -moz-column-gap: 1rem !important;
+    column-gap: 1rem !important;
+  }
+  .column-gap-sm-4 {
+    -moz-column-gap: 1.5rem !important;
+    column-gap: 1.5rem !important;
+  }
+  .column-gap-sm-5 {
+    -moz-column-gap: 3rem !important;
+    column-gap: 3rem !important;
+  }
   .text-sm-start {
     text-align: right !important;
   }
@@ -2499,6 +3267,26 @@
   .float-md-none {
     float: none !important;
   }
+  .object-fit-md-contain {
+    -o-object-fit: contain !important;
+    object-fit: contain !important;
+  }
+  .object-fit-md-cover {
+    -o-object-fit: cover !important;
+    object-fit: cover !important;
+  }
+  .object-fit-md-fill {
+    -o-object-fit: fill !important;
+    object-fit: fill !important;
+  }
+  .object-fit-md-scale {
+    -o-object-fit: scale-down !important;
+    object-fit: scale-down !important;
+  }
+  .object-fit-md-none {
+    -o-object-fit: none !important;
+    object-fit: none !important;
+  }
   .d-md-inline {
     display: inline !important;
   }
@@ -2680,32 +3468,32 @@
     margin: auto !important;
   }
   .mx-md-0 {
-    margin-right: 0 !important;
     margin-left: 0 !important;
+    margin-right: 0 !important;
   }
   .mx-md-1 {
-    margin-right: 0.25rem !important;
     margin-left: 0.25rem !important;
+    margin-right: 0.25rem !important;
   }
   .mx-md-2 {
-    margin-right: 0.5rem !important;
     margin-left: 0.5rem !important;
+    margin-right: 0.5rem !important;
   }
   .mx-md-3 {
-    margin-right: 1rem !important;
     margin-left: 1rem !important;
+    margin-right: 1rem !important;
   }
   .mx-md-4 {
-    margin-right: 1.5rem !important;
     margin-left: 1.5rem !important;
+    margin-right: 1.5rem !important;
   }
   .mx-md-5 {
-    margin-right: 3rem !important;
     margin-left: 3rem !important;
+    margin-right: 3rem !important;
   }
   .mx-md-auto {
-    margin-right: auto !important;
     margin-left: auto !important;
+    margin-right: auto !important;
   }
   .my-md-0 {
     margin-top: 0 !important;
@@ -2838,28 +3626,28 @@
     padding: 3rem !important;
   }
   .px-md-0 {
-    padding-right: 0 !important;
     padding-left: 0 !important;
+    padding-right: 0 !important;
   }
   .px-md-1 {
-    padding-right: 0.25rem !important;
     padding-left: 0.25rem !important;
+    padding-right: 0.25rem !important;
   }
   .px-md-2 {
-    padding-right: 0.5rem !important;
     padding-left: 0.5rem !important;
+    padding-right: 0.5rem !important;
   }
   .px-md-3 {
-    padding-right: 1rem !important;
     padding-left: 1rem !important;
+    padding-right: 1rem !important;
   }
   .px-md-4 {
-    padding-right: 1.5rem !important;
     padding-left: 1.5rem !important;
+    padding-right: 1.5rem !important;
   }
   .px-md-5 {
-    padding-right: 3rem !important;
     padding-left: 3rem !important;
+    padding-right: 3rem !important;
   }
   .py-md-0 {
     padding-top: 0 !important;
@@ -2975,6 +3763,48 @@
   .gap-md-5 {
     gap: 3rem !important;
   }
+  .row-gap-md-0 {
+    row-gap: 0 !important;
+  }
+  .row-gap-md-1 {
+    row-gap: 0.25rem !important;
+  }
+  .row-gap-md-2 {
+    row-gap: 0.5rem !important;
+  }
+  .row-gap-md-3 {
+    row-gap: 1rem !important;
+  }
+  .row-gap-md-4 {
+    row-gap: 1.5rem !important;
+  }
+  .row-gap-md-5 {
+    row-gap: 3rem !important;
+  }
+  .column-gap-md-0 {
+    -moz-column-gap: 0 !important;
+    column-gap: 0 !important;
+  }
+  .column-gap-md-1 {
+    -moz-column-gap: 0.25rem !important;
+    column-gap: 0.25rem !important;
+  }
+  .column-gap-md-2 {
+    -moz-column-gap: 0.5rem !important;
+    column-gap: 0.5rem !important;
+  }
+  .column-gap-md-3 {
+    -moz-column-gap: 1rem !important;
+    column-gap: 1rem !important;
+  }
+  .column-gap-md-4 {
+    -moz-column-gap: 1.5rem !important;
+    column-gap: 1.5rem !important;
+  }
+  .column-gap-md-5 {
+    -moz-column-gap: 3rem !important;
+    column-gap: 3rem !important;
+  }
   .text-md-start {
     text-align: right !important;
   }
@@ -2995,6 +3825,26 @@
   .float-lg-none {
     float: none !important;
   }
+  .object-fit-lg-contain {
+    -o-object-fit: contain !important;
+    object-fit: contain !important;
+  }
+  .object-fit-lg-cover {
+    -o-object-fit: cover !important;
+    object-fit: cover !important;
+  }
+  .object-fit-lg-fill {
+    -o-object-fit: fill !important;
+    object-fit: fill !important;
+  }
+  .object-fit-lg-scale {
+    -o-object-fit: scale-down !important;
+    object-fit: scale-down !important;
+  }
+  .object-fit-lg-none {
+    -o-object-fit: none !important;
+    object-fit: none !important;
+  }
   .d-lg-inline {
     display: inline !important;
   }
@@ -3176,32 +4026,32 @@
     margin: auto !important;
   }
   .mx-lg-0 {
-    margin-right: 0 !important;
     margin-left: 0 !important;
+    margin-right: 0 !important;
   }
   .mx-lg-1 {
-    margin-right: 0.25rem !important;
     margin-left: 0.25rem !important;
+    margin-right: 0.25rem !important;
   }
   .mx-lg-2 {
-    margin-right: 0.5rem !important;
     margin-left: 0.5rem !important;
+    margin-right: 0.5rem !important;
   }
   .mx-lg-3 {
-    margin-right: 1rem !important;
     margin-left: 1rem !important;
+    margin-right: 1rem !important;
   }
   .mx-lg-4 {
-    margin-right: 1.5rem !important;
     margin-left: 1.5rem !important;
+    margin-right: 1.5rem !important;
   }
   .mx-lg-5 {
-    margin-right: 3rem !important;
     margin-left: 3rem !important;
+    margin-right: 3rem !important;
   }
   .mx-lg-auto {
-    margin-right: auto !important;
     margin-left: auto !important;
+    margin-right: auto !important;
   }
   .my-lg-0 {
     margin-top: 0 !important;
@@ -3334,28 +4184,28 @@
     padding: 3rem !important;
   }
   .px-lg-0 {
-    padding-right: 0 !important;
     padding-left: 0 !important;
+    padding-right: 0 !important;
   }
   .px-lg-1 {
-    padding-right: 0.25rem !important;
     padding-left: 0.25rem !important;
+    padding-right: 0.25rem !important;
   }
   .px-lg-2 {
-    padding-right: 0.5rem !important;
     padding-left: 0.5rem !important;
+    padding-right: 0.5rem !important;
   }
   .px-lg-3 {
-    padding-right: 1rem !important;
     padding-left: 1rem !important;
+    padding-right: 1rem !important;
   }
   .px-lg-4 {
-    padding-right: 1.5rem !important;
     padding-left: 1.5rem !important;
+    padding-right: 1.5rem !important;
   }
   .px-lg-5 {
-    padding-right: 3rem !important;
     padding-left: 3rem !important;
+    padding-right: 3rem !important;
   }
   .py-lg-0 {
     padding-top: 0 !important;
@@ -3471,6 +4321,48 @@
   .gap-lg-5 {
     gap: 3rem !important;
   }
+  .row-gap-lg-0 {
+    row-gap: 0 !important;
+  }
+  .row-gap-lg-1 {
+    row-gap: 0.25rem !important;
+  }
+  .row-gap-lg-2 {
+    row-gap: 0.5rem !important;
+  }
+  .row-gap-lg-3 {
+    row-gap: 1rem !important;
+  }
+  .row-gap-lg-4 {
+    row-gap: 1.5rem !important;
+  }
+  .row-gap-lg-5 {
+    row-gap: 3rem !important;
+  }
+  .column-gap-lg-0 {
+    -moz-column-gap: 0 !important;
+    column-gap: 0 !important;
+  }
+  .column-gap-lg-1 {
+    -moz-column-gap: 0.25rem !important;
+    column-gap: 0.25rem !important;
+  }
+  .column-gap-lg-2 {
+    -moz-column-gap: 0.5rem !important;
+    column-gap: 0.5rem !important;
+  }
+  .column-gap-lg-3 {
+    -moz-column-gap: 1rem !important;
+    column-gap: 1rem !important;
+  }
+  .column-gap-lg-4 {
+    -moz-column-gap: 1.5rem !important;
+    column-gap: 1.5rem !important;
+  }
+  .column-gap-lg-5 {
+    -moz-column-gap: 3rem !important;
+    column-gap: 3rem !important;
+  }
   .text-lg-start {
     text-align: right !important;
   }
@@ -3491,6 +4383,26 @@
   .float-xl-none {
     float: none !important;
   }
+  .object-fit-xl-contain {
+    -o-object-fit: contain !important;
+    object-fit: contain !important;
+  }
+  .object-fit-xl-cover {
+    -o-object-fit: cover !important;
+    object-fit: cover !important;
+  }
+  .object-fit-xl-fill {
+    -o-object-fit: fill !important;
+    object-fit: fill !important;
+  }
+  .object-fit-xl-scale {
+    -o-object-fit: scale-down !important;
+    object-fit: scale-down !important;
+  }
+  .object-fit-xl-none {
+    -o-object-fit: none !important;
+    object-fit: none !important;
+  }
   .d-xl-inline {
     display: inline !important;
   }
@@ -3672,32 +4584,32 @@
     margin: auto !important;
   }
   .mx-xl-0 {
-    margin-right: 0 !important;
     margin-left: 0 !important;
+    margin-right: 0 !important;
   }
   .mx-xl-1 {
-    margin-right: 0.25rem !important;
     margin-left: 0.25rem !important;
+    margin-right: 0.25rem !important;
   }
   .mx-xl-2 {
-    margin-right: 0.5rem !important;
     margin-left: 0.5rem !important;
+    margin-right: 0.5rem !important;
   }
   .mx-xl-3 {
-    margin-right: 1rem !important;
     margin-left: 1rem !important;
+    margin-right: 1rem !important;
   }
   .mx-xl-4 {
-    margin-right: 1.5rem !important;
     margin-left: 1.5rem !important;
+    margin-right: 1.5rem !important;
   }
   .mx-xl-5 {
-    margin-right: 3rem !important;
     margin-left: 3rem !important;
+    margin-right: 3rem !important;
   }
   .mx-xl-auto {
-    margin-right: auto !important;
     margin-left: auto !important;
+    margin-right: auto !important;
   }
   .my-xl-0 {
     margin-top: 0 !important;
@@ -3830,28 +4742,28 @@
     padding: 3rem !important;
   }
   .px-xl-0 {
-    padding-right: 0 !important;
     padding-left: 0 !important;
+    padding-right: 0 !important;
   }
   .px-xl-1 {
-    padding-right: 0.25rem !important;
     padding-left: 0.25rem !important;
+    padding-right: 0.25rem !important;
   }
   .px-xl-2 {
-    padding-right: 0.5rem !important;
     padding-left: 0.5rem !important;
+    padding-right: 0.5rem !important;
   }
   .px-xl-3 {
-    padding-right: 1rem !important;
     padding-left: 1rem !important;
+    padding-right: 1rem !important;
   }
   .px-xl-4 {
-    padding-right: 1.5rem !important;
     padding-left: 1.5rem !important;
+    padding-right: 1.5rem !important;
   }
   .px-xl-5 {
-    padding-right: 3rem !important;
     padding-left: 3rem !important;
+    padding-right: 3rem !important;
   }
   .py-xl-0 {
     padding-top: 0 !important;
@@ -3967,6 +4879,48 @@
   .gap-xl-5 {
     gap: 3rem !important;
   }
+  .row-gap-xl-0 {
+    row-gap: 0 !important;
+  }
+  .row-gap-xl-1 {
+    row-gap: 0.25rem !important;
+  }
+  .row-gap-xl-2 {
+    row-gap: 0.5rem !important;
+  }
+  .row-gap-xl-3 {
+    row-gap: 1rem !important;
+  }
+  .row-gap-xl-4 {
+    row-gap: 1.5rem !important;
+  }
+  .row-gap-xl-5 {
+    row-gap: 3rem !important;
+  }
+  .column-gap-xl-0 {
+    -moz-column-gap: 0 !important;
+    column-gap: 0 !important;
+  }
+  .column-gap-xl-1 {
+    -moz-column-gap: 0.25rem !important;
+    column-gap: 0.25rem !important;
+  }
+  .column-gap-xl-2 {
+    -moz-column-gap: 0.5rem !important;
+    column-gap: 0.5rem !important;
+  }
+  .column-gap-xl-3 {
+    -moz-column-gap: 1rem !important;
+    column-gap: 1rem !important;
+  }
+  .column-gap-xl-4 {
+    -moz-column-gap: 1.5rem !important;
+    column-gap: 1.5rem !important;
+  }
+  .column-gap-xl-5 {
+    -moz-column-gap: 3rem !important;
+    column-gap: 3rem !important;
+  }
   .text-xl-start {
     text-align: right !important;
   }
@@ -3987,6 +4941,26 @@
   .float-xxl-none {
     float: none !important;
   }
+  .object-fit-xxl-contain {
+    -o-object-fit: contain !important;
+    object-fit: contain !important;
+  }
+  .object-fit-xxl-cover {
+    -o-object-fit: cover !important;
+    object-fit: cover !important;
+  }
+  .object-fit-xxl-fill {
+    -o-object-fit: fill !important;
+    object-fit: fill !important;
+  }
+  .object-fit-xxl-scale {
+    -o-object-fit: scale-down !important;
+    object-fit: scale-down !important;
+  }
+  .object-fit-xxl-none {
+    -o-object-fit: none !important;
+    object-fit: none !important;
+  }
   .d-xxl-inline {
     display: inline !important;
   }
@@ -4168,32 +5142,32 @@
     margin: auto !important;
   }
   .mx-xxl-0 {
-    margin-right: 0 !important;
     margin-left: 0 !important;
+    margin-right: 0 !important;
   }
   .mx-xxl-1 {
-    margin-right: 0.25rem !important;
     margin-left: 0.25rem !important;
+    margin-right: 0.25rem !important;
   }
   .mx-xxl-2 {
-    margin-right: 0.5rem !important;
     margin-left: 0.5rem !important;
+    margin-right: 0.5rem !important;
   }
   .mx-xxl-3 {
-    margin-right: 1rem !important;
     margin-left: 1rem !important;
+    margin-right: 1rem !important;
   }
   .mx-xxl-4 {
-    margin-right: 1.5rem !important;
     margin-left: 1.5rem !important;
+    margin-right: 1.5rem !important;
   }
   .mx-xxl-5 {
-    margin-right: 3rem !important;
     margin-left: 3rem !important;
+    margin-right: 3rem !important;
   }
   .mx-xxl-auto {
-    margin-right: auto !important;
     margin-left: auto !important;
+    margin-right: auto !important;
   }
   .my-xxl-0 {
     margin-top: 0 !important;
@@ -4326,28 +5300,28 @@
     padding: 3rem !important;
   }
   .px-xxl-0 {
-    padding-right: 0 !important;
     padding-left: 0 !important;
+    padding-right: 0 !important;
   }
   .px-xxl-1 {
-    padding-right: 0.25rem !important;
     padding-left: 0.25rem !important;
+    padding-right: 0.25rem !important;
   }
   .px-xxl-2 {
-    padding-right: 0.5rem !important;
     padding-left: 0.5rem !important;
+    padding-right: 0.5rem !important;
   }
   .px-xxl-3 {
-    padding-right: 1rem !important;
     padding-left: 1rem !important;
+    padding-right: 1rem !important;
   }
   .px-xxl-4 {
-    padding-right: 1.5rem !important;
     padding-left: 1.5rem !important;
+    padding-right: 1.5rem !important;
   }
   .px-xxl-5 {
-    padding-right: 3rem !important;
     padding-left: 3rem !important;
+    padding-right: 3rem !important;
   }
   .py-xxl-0 {
     padding-top: 0 !important;
@@ -4463,6 +5437,48 @@
   .gap-xxl-5 {
     gap: 3rem !important;
   }
+  .row-gap-xxl-0 {
+    row-gap: 0 !important;
+  }
+  .row-gap-xxl-1 {
+    row-gap: 0.25rem !important;
+  }
+  .row-gap-xxl-2 {
+    row-gap: 0.5rem !important;
+  }
+  .row-gap-xxl-3 {
+    row-gap: 1rem !important;
+  }
+  .row-gap-xxl-4 {
+    row-gap: 1.5rem !important;
+  }
+  .row-gap-xxl-5 {
+    row-gap: 3rem !important;
+  }
+  .column-gap-xxl-0 {
+    -moz-column-gap: 0 !important;
+    column-gap: 0 !important;
+  }
+  .column-gap-xxl-1 {
+    -moz-column-gap: 0.25rem !important;
+    column-gap: 0.25rem !important;
+  }
+  .column-gap-xxl-2 {
+    -moz-column-gap: 0.5rem !important;
+    column-gap: 0.5rem !important;
+  }
+  .column-gap-xxl-3 {
+    -moz-column-gap: 1rem !important;
+    column-gap: 1rem !important;
+  }
+  .column-gap-xxl-4 {
+    -moz-column-gap: 1.5rem !important;
+    column-gap: 1.5rem !important;
+  }
+  .column-gap-xxl-5 {
+    -moz-column-gap: 3rem !important;
+    column-gap: 3rem !important;
+  }
   .text-xxl-start {
     text-align: right !important;
   }
@@ -4519,5 +5535,4 @@
     display: none !important;
   }
 }
-
-/*# sourceMappingURL=coreui-utilities.rtl.css.map */
+/*# sourceMappingURL=coreui-utilities.rtl.css.map */