@coreui/coreui 4.2.1 → 4.2.3

package/dist/css/coreui.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /*!
  * CoreUI - HTML, CSS, and JavaScript UI Components Library
- * @version v4.2.1
+ * @version v4.2.3
  * @link https://coreui.io/
  * Copyright (c) 2022 creativeLabs Łukasz Holeczek
  * License MIT  (https://coreui.io/license/)
@@ -1012,51 +1012,51 @@ progress {
     margin-left: 91.66666667%;
   }
   .g-sm-0,
-.gx-sm-0 {
+  .gx-sm-0 {
     --cui-gutter-x: 0;
   }
   .g-sm-0,
-.gy-sm-0 {
+  .gy-sm-0 {
     --cui-gutter-y: 0;
   }
   .g-sm-1,
-.gx-sm-1 {
+  .gx-sm-1 {
     --cui-gutter-x: 0.25rem;
   }
   .g-sm-1,
-.gy-sm-1 {
+  .gy-sm-1 {
     --cui-gutter-y: 0.25rem;
   }
   .g-sm-2,
-.gx-sm-2 {
+  .gx-sm-2 {
     --cui-gutter-x: 0.5rem;
   }
   .g-sm-2,
-.gy-sm-2 {
+  .gy-sm-2 {
     --cui-gutter-y: 0.5rem;
   }
   .g-sm-3,
-.gx-sm-3 {
+  .gx-sm-3 {
     --cui-gutter-x: 1rem;
   }
   .g-sm-3,
-.gy-sm-3 {
+  .gy-sm-3 {
     --cui-gutter-y: 1rem;
   }
   .g-sm-4,
-.gx-sm-4 {
+  .gx-sm-4 {
     --cui-gutter-x: 1.5rem;
   }
   .g-sm-4,
-.gy-sm-4 {
+  .gy-sm-4 {
     --cui-gutter-y: 1.5rem;
   }
   .g-sm-5,
-.gx-sm-5 {
+  .gx-sm-5 {
     --cui-gutter-x: 3rem;
   }
   .g-sm-5,
-.gy-sm-5 {
+  .gy-sm-5 {
     --cui-gutter-y: 3rem;
   }
 }
@@ -1181,51 +1181,51 @@ progress {
     margin-left: 91.66666667%;
   }
   .g-md-0,
-.gx-md-0 {
+  .gx-md-0 {
     --cui-gutter-x: 0;
   }
   .g-md-0,
-.gy-md-0 {
+  .gy-md-0 {
     --cui-gutter-y: 0;
   }
   .g-md-1,
-.gx-md-1 {
+  .gx-md-1 {
     --cui-gutter-x: 0.25rem;
   }
   .g-md-1,
-.gy-md-1 {
+  .gy-md-1 {
     --cui-gutter-y: 0.25rem;
   }
   .g-md-2,
-.gx-md-2 {
+  .gx-md-2 {
     --cui-gutter-x: 0.5rem;
   }
   .g-md-2,
-.gy-md-2 {
+  .gy-md-2 {
     --cui-gutter-y: 0.5rem;
   }
   .g-md-3,
-.gx-md-3 {
+  .gx-md-3 {
     --cui-gutter-x: 1rem;
   }
   .g-md-3,
-.gy-md-3 {
+  .gy-md-3 {
     --cui-gutter-y: 1rem;
   }
   .g-md-4,
-.gx-md-4 {
+  .gx-md-4 {
     --cui-gutter-x: 1.5rem;
   }
   .g-md-4,
-.gy-md-4 {
+  .gy-md-4 {
     --cui-gutter-y: 1.5rem;
   }
   .g-md-5,
-.gx-md-5 {
+  .gx-md-5 {
     --cui-gutter-x: 3rem;
   }
   .g-md-5,
-.gy-md-5 {
+  .gy-md-5 {
     --cui-gutter-y: 3rem;
   }
 }
@@ -1350,51 +1350,51 @@ progress {
     margin-left: 91.66666667%;
   }
   .g-lg-0,
-.gx-lg-0 {
+  .gx-lg-0 {
     --cui-gutter-x: 0;
   }
   .g-lg-0,
-.gy-lg-0 {
+  .gy-lg-0 {
     --cui-gutter-y: 0;
   }
   .g-lg-1,
-.gx-lg-1 {
+  .gx-lg-1 {
     --cui-gutter-x: 0.25rem;
   }
   .g-lg-1,
-.gy-lg-1 {
+  .gy-lg-1 {
     --cui-gutter-y: 0.25rem;
   }
   .g-lg-2,
-.gx-lg-2 {
+  .gx-lg-2 {
     --cui-gutter-x: 0.5rem;
   }
   .g-lg-2,
-.gy-lg-2 {
+  .gy-lg-2 {
     --cui-gutter-y: 0.5rem;
   }
   .g-lg-3,
-.gx-lg-3 {
+  .gx-lg-3 {
     --cui-gutter-x: 1rem;
   }
   .g-lg-3,
-.gy-lg-3 {
+  .gy-lg-3 {
     --cui-gutter-y: 1rem;
   }
   .g-lg-4,
-.gx-lg-4 {
+  .gx-lg-4 {
     --cui-gutter-x: 1.5rem;
   }
   .g-lg-4,
-.gy-lg-4 {
+  .gy-lg-4 {
     --cui-gutter-y: 1.5rem;
   }
   .g-lg-5,
-.gx-lg-5 {
+  .gx-lg-5 {
     --cui-gutter-x: 3rem;
   }
   .g-lg-5,
-.gy-lg-5 {
+  .gy-lg-5 {
     --cui-gutter-y: 3rem;
   }
 }
@@ -1519,51 +1519,51 @@ progress {
     margin-left: 91.66666667%;
   }
   .g-xl-0,
-.gx-xl-0 {
+  .gx-xl-0 {
     --cui-gutter-x: 0;
   }
   .g-xl-0,
-.gy-xl-0 {
+  .gy-xl-0 {
     --cui-gutter-y: 0;
   }
   .g-xl-1,
-.gx-xl-1 {
+  .gx-xl-1 {
     --cui-gutter-x: 0.25rem;
   }
   .g-xl-1,
-.gy-xl-1 {
+  .gy-xl-1 {
     --cui-gutter-y: 0.25rem;
   }
   .g-xl-2,
-.gx-xl-2 {
+  .gx-xl-2 {
     --cui-gutter-x: 0.5rem;
   }
   .g-xl-2,
-.gy-xl-2 {
+  .gy-xl-2 {
     --cui-gutter-y: 0.5rem;
   }
   .g-xl-3,
-.gx-xl-3 {
+  .gx-xl-3 {
     --cui-gutter-x: 1rem;
   }
   .g-xl-3,
-.gy-xl-3 {
+  .gy-xl-3 {
     --cui-gutter-y: 1rem;
   }
   .g-xl-4,
-.gx-xl-4 {
+  .gx-xl-4 {
     --cui-gutter-x: 1.5rem;
   }
   .g-xl-4,
-.gy-xl-4 {
+  .gy-xl-4 {
     --cui-gutter-y: 1.5rem;
   }
   .g-xl-5,
-.gx-xl-5 {
+  .gx-xl-5 {
     --cui-gutter-x: 3rem;
   }
   .g-xl-5,
-.gy-xl-5 {
+  .gy-xl-5 {
     --cui-gutter-y: 3rem;
   }
 }
@@ -1688,51 +1688,51 @@ progress {
     margin-left: 91.66666667%;
   }
   .g-xxl-0,
-.gx-xxl-0 {
+  .gx-xxl-0 {
     --cui-gutter-x: 0;
   }
   .g-xxl-0,
-.gy-xxl-0 {
+  .gy-xxl-0 {
     --cui-gutter-y: 0;
   }
   .g-xxl-1,
-.gx-xxl-1 {
+  .gx-xxl-1 {
     --cui-gutter-x: 0.25rem;
   }
   .g-xxl-1,
-.gy-xxl-1 {
+  .gy-xxl-1 {
     --cui-gutter-y: 0.25rem;
   }
   .g-xxl-2,
-.gx-xxl-2 {
+  .gx-xxl-2 {
     --cui-gutter-x: 0.5rem;
   }
   .g-xxl-2,
-.gy-xxl-2 {
+  .gy-xxl-2 {
     --cui-gutter-y: 0.5rem;
   }
   .g-xxl-3,
-.gx-xxl-3 {
+  .gx-xxl-3 {
     --cui-gutter-x: 1rem;
   }
   .g-xxl-3,
-.gy-xxl-3 {
+  .gy-xxl-3 {
     --cui-gutter-y: 1rem;
   }
   .g-xxl-4,
-.gx-xxl-4 {
+  .gx-xxl-4 {
     --cui-gutter-x: 1.5rem;
   }
   .g-xxl-4,
-.gy-xxl-4 {
+  .gy-xxl-4 {
     --cui-gutter-y: 1.5rem;
   }
   .g-xxl-5,
-.gx-xxl-5 {
+  .gx-xxl-5 {
     --cui-gutter-x: 3rem;
   }
   .g-xxl-5,
-.gy-xxl-5 {
+  .gy-xxl-5 {
     --cui-gutter-y: 3rem;
   }
 }
@@ -1767,7 +1767,7 @@ progress {
 }
 
 .table-group-divider {
-  border-top: 2px solid currentColor;
+  border-top: 2px solid currentcolor;
 }
 
 .caption-top {
@@ -2558,6 +2558,7 @@ textarea.form-control-lg {
   height: 100%;
   padding: 1rem 0.75rem;
   overflow: hidden;
+  text-align: start;
   text-overflow: ellipsis;
   white-space: nowrap;
   pointer-events: none;
@@ -2627,22 +2628,24 @@ textarea.form-control-lg {
   width: 100%;
 }
 .input-group > .form-control,
-.input-group > .form-select {
+.input-group > .form-select,
+.input-group > .form-floating {
   position: relative;
   flex: 1 1 auto;
   width: 1%;
   min-width: 0;
 }
 .input-group > .form-control:focus,
-.input-group > .form-select:focus {
-  z-index: 3;
+.input-group > .form-select:focus,
+.input-group > .form-floating:focus-within {
+  z-index: 5;
 }
 .input-group .btn {
   position: relative;
   z-index: 2;
 }
 .input-group .btn:focus {
-  z-index: 3;
+  z-index: 5;
 }
 
 .input-group-text {
@@ -2683,13 +2686,17 @@ textarea.form-control-lg {
   padding-right: 3rem;
 }
 
-.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
-.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
+.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
+.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
+.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
+.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
-.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
+.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
+.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
+.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
+.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
@@ -2698,6 +2705,11 @@ textarea.form-control-lg {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
+.input-group > .form-floating:not(:first-child) > .form-control,
+.input-group > .form-floating:not(:first-child) > .form-select {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
 
 .valid-feedback {
   display: none;
@@ -2781,14 +2793,11 @@ textarea.form-control-lg {
   margin-left: 0.5em;
 }
 
-.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
-.was-validated .input-group .form-select:valid,
-.input-group .form-select.is-valid {
-  z-index: 1;
-}
-.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
-.was-validated .input-group .form-select:valid:focus,
-.input-group .form-select.is-valid:focus {
+.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
+.was-validated .input-group > .form-select:not(:focus):valid,
+.input-group > .form-select:not(:focus).is-valid,
+.was-validated .input-group > .form-floating:not(:focus-within):valid,
+.input-group > .form-floating:not(:focus-within).is-valid {
   z-index: 3;
 }
 
@@ -2874,15 +2883,12 @@ textarea.form-control-lg {
   margin-left: 0.5em;
 }
 
-.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
-.was-validated .input-group .form-select:invalid,
-.input-group .form-select.is-invalid {
-  z-index: 2;
-}
-.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
-.was-validated .input-group .form-select:invalid:focus,
-.input-group .form-select.is-invalid:focus {
-  z-index: 3;
+.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
+.was-validated .input-group > .form-select:not(:focus):invalid,
+.input-group > .form-select:not(:focus).is-invalid,
+.was-validated .input-group > .form-floating:not(:focus-within):invalid,
+.input-group > .form-floating:not(:focus-within).is-invalid {
+  z-index: 4;
 }
 
 .btn {
@@ -2897,6 +2903,7 @@ textarea.form-control-lg {
   --cui-btn-border-width: 1px;
   --cui-btn-border-color: transparent;
   --cui-btn-border-radius: 0.375rem;
+  --cui-btn-hover-border-color: transparent;
   --cui-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 21, 0.075);
   --cui-btn-disabled-opacity: 0.65;
   --cui-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--cui-btn-focus-shadow-rgb), .5);
@@ -2929,19 +2936,29 @@ textarea.form-control-lg {
   background-color: var(--cui-btn-hover-bg);
   border-color: var(--cui-btn-hover-border-color);
 }
-.btn-check:focus + .btn, .btn:focus {
+.btn-check + .btn:hover {
+  color: var(--cui-btn-color);
+  background-color: var(--cui-btn-bg);
+  border-color: var(--cui-btn-border-color);
+}
+.btn:focus-visible {
   color: var(--cui-btn-hover-color);
   background-color: var(--cui-btn-hover-bg);
   border-color: var(--cui-btn-hover-border-color);
   outline: 0;
   box-shadow: var(--cui-btn-focus-box-shadow);
 }
-.btn-check:checked + .btn, .btn-check:active + .btn, .btn:active, .btn.active, .btn.show {
+.btn-check:focus-visible + .btn {
+  border-color: var(--cui-btn-hover-border-color);
+  outline: 0;
+  box-shadow: var(--cui-btn-focus-box-shadow);
+}
+.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
   color: var(--cui-btn-active-color);
   background-color: var(--cui-btn-active-bg);
   border-color: var(--cui-btn-active-border-color);
 }
-.btn-check:checked + .btn:focus, .btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus, .btn.show:focus {
+.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
   box-shadow: var(--cui-btn-focus-box-shadow);
 }
 .btn:disabled, .btn.disabled, fieldset:disabled .btn {
@@ -3332,6 +3349,10 @@ textarea.form-control-lg {
   --cui-btn-focus-shadow-rgb: 75, 58, 223;
   text-decoration: underline;
 }
+.btn-link:focus-visible {
+  color: var(--cui-btn-color);
+}
+
 .btn-lg, .btn-group-lg > .btn {
   --cui-btn-padding-y: 0.5rem;
   --cui-btn-padding-x: 1rem;
@@ -3410,6 +3431,7 @@ textarea.form-control-lg {
 }
 
 .dropdown-menu {
+  --cui-dropdown-zindex: 1000;
   --cui-dropdown-min-width: 10rem;
   --cui-dropdown-padding-x: 0;
   --cui-dropdown-padding-y: 0.5rem;
@@ -3436,7 +3458,7 @@ textarea.form-control-lg {
   --cui-dropdown-header-padding-x: 1rem;
   --cui-dropdown-header-padding-y: 0.5rem;
   position: absolute;
-  z-index: 1000;
+  z-index: var(--cui-dropdown-zindex);
   display: none;
   min-width: var(--cui-dropdown-min-width);
   padding: var(--cui-dropdown-padding-y) var(--cui-dropdown-padding-x);
@@ -3730,7 +3752,7 @@ textarea.form-control-lg {
 .btn-group {
   border-radius: 0.375rem;
 }
-.btn-group > .btn:not(:first-child),
+.btn-group > :not(.btn-check:first-child) + .btn,
 .btn-group > .btn-group:not(:first-child) {
   margin-left: -1px;
 }
@@ -3840,7 +3862,7 @@ textarea.form-control-lg {
   border-bottom: var(--cui-nav-tabs-border-width) solid var(--cui-nav-tabs-border-color);
 }
 .nav-tabs .nav-link {
-  margin-bottom: calc(var(--cui-nav-tabs-border-width) * -1);
+  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);
@@ -3862,7 +3884,7 @@ textarea.form-control-lg {
   border-color: var(--cui-nav-tabs-link-active-border-color);
 }
 .nav-tabs .dropdown-menu {
-  margin-top: calc(var(--cui-nav-tabs-border-width) * -1);
+  margin-top: calc(-1 * var(--cui-nav-tabs-border-width));
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
@@ -4502,11 +4524,11 @@ textarea.form-control-lg {
     border-bottom-right-radius: 0;
   }
   .card-group > .card:not(:last-child) .card-img-top,
-.card-group > .card:not(:last-child) .card-header {
+  .card-group > .card:not(:last-child) .card-header {
     border-top-right-radius: 0;
   }
   .card-group > .card:not(:last-child) .card-img-bottom,
-.card-group > .card:not(:last-child) .card-footer {
+  .card-group > .card:not(:last-child) .card-footer {
     border-bottom-right-radius: 0;
   }
   .card-group > .card:not(:first-child) {
@@ -4514,11 +4536,11 @@ textarea.form-control-lg {
     border-bottom-left-radius: 0;
   }
   .card-group > .card:not(:first-child) .card-img-top,
-.card-group > .card:not(:first-child) .card-header {
+  .card-group > .card:not(:first-child) .card-header {
     border-top-left-radius: 0;
   }
   .card-group > .card:not(:first-child) .card-img-bottom,
-.card-group > .card:not(:first-child) .card-footer {
+  .card-group > .card:not(:first-child) .card-footer {
     border-bottom-left-radius: 0;
   }
 }
@@ -4533,9 +4555,10 @@ textarea.form-control-lg {
   --cui-accordion-inner-border-radius: calc(0.375rem - 1px);
   --cui-accordion-btn-padding-x: 1.25rem;
   --cui-accordion-btn-padding-y: 1rem;
-  --cui-accordion-btn-color: var(--cui-body-color);
+  --cui-accordion-btn-color: rgba(44, 56, 74, 0.95);
+  --cui-accordion-btn-color: rgba(44, 56, 74, 0.95);
   --cui-accordion-btn-bg: var(--cui-accordion-bg);
-  --cui-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--cui-body-color%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-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%2844, 56, 74, 0.95%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-icon-width: 1.25rem;
   --cui-accordion-btn-icon-transform: rotate(-180deg);
   --cui-accordion-btn-icon-transition: transform 0.2s ease-in-out;
@@ -4571,7 +4594,7 @@ textarea.form-control-lg {
 .accordion-button:not(.collapsed) {
   color: var(--cui-accordion-active-color);
   background-color: var(--cui-accordion-active-bg);
-  box-shadow: inset 0 calc(var(--cui-accordion-border-width) * -1) 0 var(--cui-accordion-border-color);
+  box-shadow: inset 0 calc(-1 * var(--cui-accordion-border-width)) 0 var(--cui-accordion-border-color);
 }
 .accordion-button:not(.collapsed)::after {
   background-image: var(--cui-accordion-btn-active-icon);
@@ -4654,7 +4677,7 @@ textarea.form-control-lg {
 .accordion-flush .accordion-item:last-child {
   border-bottom: 0;
 }
-.accordion-flush .accordion-item .accordion-button {
+.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
   border-radius: 0;
 }
 
@@ -4926,12 +4949,6 @@ textarea.form-control-lg {
   color: #262d37;
 }
 
-@-webkit-keyframes progress-bar-stripes {
-  0% {
-    background-position-x: 1rem;
-  }
-}
-
 @keyframes progress-bar-stripes {
   0% {
     background-position-x: 1rem;
@@ -4977,12 +4994,10 @@ textarea.form-control-lg {
 }
 
 .progress-bar-animated {
-  -webkit-animation: 1s linear infinite progress-bar-stripes;
   animation: 1s linear infinite progress-bar-stripes;
 }
 @media (prefers-reduced-motion: reduce) {
   .progress-bar-animated {
-    -webkit-animation: none;
     animation: none;
   }
 }
@@ -5110,18 +5125,18 @@ textarea.form-control-lg {
   border-top-width: 0;
 }
 .list-group-item + .list-group-item.active {
-  margin-top: calc(var(--cui-list-group-border-width) * -1);
+  margin-top: calc(-1 * var(--cui-list-group-border-width));
   border-top-width: var(--cui-list-group-border-width);
 }
 
 .list-group-horizontal {
   flex-direction: row;
 }
-.list-group-horizontal > .list-group-item:first-child {
+.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
   border-bottom-left-radius: var(--cui-list-group-border-radius);
   border-top-right-radius: 0;
 }
-.list-group-horizontal > .list-group-item:last-child {
+.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
   border-top-right-radius: var(--cui-list-group-border-radius);
   border-bottom-left-radius: 0;
 }
@@ -5133,7 +5148,7 @@ textarea.form-control-lg {
   border-left-width: 0;
 }
 .list-group-horizontal > .list-group-item + .list-group-item.active {
-  margin-left: calc(var(--cui-list-group-border-width) * -1);
+  margin-left: calc(-1 * var(--cui-list-group-border-width));
   border-left-width: var(--cui-list-group-border-width);
 }
 
@@ -5141,11 +5156,11 @@ textarea.form-control-lg {
   .list-group-horizontal-sm {
     flex-direction: row;
   }
-  .list-group-horizontal-sm > .list-group-item:first-child {
+  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
     border-bottom-left-radius: var(--cui-list-group-border-radius);
     border-top-right-radius: 0;
   }
-  .list-group-horizontal-sm > .list-group-item:last-child {
+  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
     border-top-right-radius: var(--cui-list-group-border-radius);
     border-bottom-left-radius: 0;
   }
@@ -5157,7 +5172,7 @@ textarea.form-control-lg {
     border-left-width: 0;
   }
   .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
-    margin-left: calc(var(--cui-list-group-border-width) * -1);
+    margin-left: calc(-1 * var(--cui-list-group-border-width));
     border-left-width: var(--cui-list-group-border-width);
   }
 }
@@ -5165,11 +5180,11 @@ textarea.form-control-lg {
   .list-group-horizontal-md {
     flex-direction: row;
   }
-  .list-group-horizontal-md > .list-group-item:first-child {
+  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
     border-bottom-left-radius: var(--cui-list-group-border-radius);
     border-top-right-radius: 0;
   }
-  .list-group-horizontal-md > .list-group-item:last-child {
+  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
     border-top-right-radius: var(--cui-list-group-border-radius);
     border-bottom-left-radius: 0;
   }
@@ -5181,7 +5196,7 @@ textarea.form-control-lg {
     border-left-width: 0;
   }
   .list-group-horizontal-md > .list-group-item + .list-group-item.active {
-    margin-left: calc(var(--cui-list-group-border-width) * -1);
+    margin-left: calc(-1 * var(--cui-list-group-border-width));
     border-left-width: var(--cui-list-group-border-width);
   }
 }
@@ -5189,11 +5204,11 @@ textarea.form-control-lg {
   .list-group-horizontal-lg {
     flex-direction: row;
   }
-  .list-group-horizontal-lg > .list-group-item:first-child {
+  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
     border-bottom-left-radius: var(--cui-list-group-border-radius);
     border-top-right-radius: 0;
   }
-  .list-group-horizontal-lg > .list-group-item:last-child {
+  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
     border-top-right-radius: var(--cui-list-group-border-radius);
     border-bottom-left-radius: 0;
   }
@@ -5205,7 +5220,7 @@ textarea.form-control-lg {
     border-left-width: 0;
   }
   .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
-    margin-left: calc(var(--cui-list-group-border-width) * -1);
+    margin-left: calc(-1 * var(--cui-list-group-border-width));
     border-left-width: var(--cui-list-group-border-width);
   }
 }
@@ -5213,11 +5228,11 @@ textarea.form-control-lg {
   .list-group-horizontal-xl {
     flex-direction: row;
   }
-  .list-group-horizontal-xl > .list-group-item:first-child {
+  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
     border-bottom-left-radius: var(--cui-list-group-border-radius);
     border-top-right-radius: 0;
   }
-  .list-group-horizontal-xl > .list-group-item:last-child {
+  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
     border-top-right-radius: var(--cui-list-group-border-radius);
     border-bottom-left-radius: 0;
   }
@@ -5229,7 +5244,7 @@ textarea.form-control-lg {
     border-left-width: 0;
   }
   .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
-    margin-left: calc(var(--cui-list-group-border-width) * -1);
+    margin-left: calc(-1 * var(--cui-list-group-border-width));
     border-left-width: var(--cui-list-group-border-width);
   }
 }
@@ -5237,11 +5252,11 @@ textarea.form-control-lg {
   .list-group-horizontal-xxl {
     flex-direction: row;
   }
-  .list-group-horizontal-xxl > .list-group-item:first-child {
+  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
     border-bottom-left-radius: var(--cui-list-group-border-radius);
     border-top-right-radius: 0;
   }
-  .list-group-horizontal-xxl > .list-group-item:last-child {
+  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
     border-top-right-radius: var(--cui-list-group-border-radius);
     border-bottom-left-radius: 0;
   }
@@ -5253,7 +5268,7 @@ textarea.form-control-lg {
     border-left-width: 0;
   }
   .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
-    margin-left: calc(var(--cui-list-group-border-width) * -1);
+    margin-left: calc(-1 * var(--cui-list-group-border-width));
     border-left-width: var(--cui-list-group-border-width);
   }
 }
@@ -5381,6 +5396,7 @@ textarea.form-control-lg {
 }
 
 .toast {
+  --cui-toast-zindex: 1090;
   --cui-toast-padding-x: 0.75rem;
   --cui-toast-padding-y: 0.5rem;
   --cui-toast-spacing: 1.5rem;
@@ -5414,8 +5430,9 @@ textarea.form-control-lg {
 }
 
 .toast-container {
+  --cui-toast-zindex: 1090;
   position: absolute;
-  z-index: 1090;
+  z-index: var(--cui-toast-zindex);
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
@@ -5438,7 +5455,7 @@ textarea.form-control-lg {
   border-top-right-radius: calc(var(--cui-toast-border-radius) - var(--cui-toast-border-width));
 }
 .toast-header .btn-close {
-  margin-right: calc(var(--cui-toast-padding-x) * -0.5);
+  margin-right: calc(-0.5 * var(--cui-toast-padding-x));
   margin-left: var(--cui-toast-padding-x);
 }
 
@@ -5565,7 +5582,7 @@ textarea.form-control-lg {
 }
 .modal-header .btn-close {
   padding: calc(var(--cui-modal-header-padding-y) * 0.5) calc(var(--cui-modal-header-padding-x) * 0.5);
-  margin: calc(var(--cui-modal-header-padding-y) * -0.5) calc(var(--cui-modal-header-padding-x) * -0.5) calc(var(--cui-modal-header-padding-y) * -0.5) auto;
+  margin: calc(-0.5 * var(--cui-modal-header-padding-y)) calc(-0.5 * var(--cui-modal-header-padding-x)) calc(-0.5 * var(--cui-modal-header-padding-y)) auto;
 }
 
 .modal-title {
@@ -5611,7 +5628,7 @@ textarea.form-control-lg {
 }
 @media (min-width: 992px) {
   .modal-lg,
-.modal-xl {
+  .modal-xl {
     --cui-modal-width: 800px;
   }
 }
@@ -5652,7 +5669,7 @@ textarea.form-control-lg {
     border-radius: 0;
   }
   .modal-fullscreen-sm-down .modal-header,
-.modal-fullscreen-sm-down .modal-footer {
+  .modal-fullscreen-sm-down .modal-footer {
     border-radius: 0;
   }
   .modal-fullscreen-sm-down .modal-body {
@@ -5672,7 +5689,7 @@ textarea.form-control-lg {
     border-radius: 0;
   }
   .modal-fullscreen-md-down .modal-header,
-.modal-fullscreen-md-down .modal-footer {
+  .modal-fullscreen-md-down .modal-footer {
     border-radius: 0;
   }
   .modal-fullscreen-md-down .modal-body {
@@ -5692,7 +5709,7 @@ textarea.form-control-lg {
     border-radius: 0;
   }
   .modal-fullscreen-lg-down .modal-header,
-.modal-fullscreen-lg-down .modal-footer {
+  .modal-fullscreen-lg-down .modal-footer {
     border-radius: 0;
   }
   .modal-fullscreen-lg-down .modal-body {
@@ -5712,7 +5729,7 @@ textarea.form-control-lg {
     border-radius: 0;
   }
   .modal-fullscreen-xl-down .modal-header,
-.modal-fullscreen-xl-down .modal-footer {
+  .modal-fullscreen-xl-down .modal-footer {
     border-radius: 0;
   }
   .modal-fullscreen-xl-down .modal-body {
@@ -5732,7 +5749,7 @@ textarea.form-control-lg {
     border-radius: 0;
   }
   .modal-fullscreen-xxl-down .modal-header,
-.modal-fullscreen-xxl-down .modal-footer {
+  .modal-fullscreen-xxl-down .modal-footer {
     border-radius: 0;
   }
   .modal-fullscreen-xxl-down .modal-body {
@@ -5855,7 +5872,7 @@ textarea.form-control-lg {
   --cui-popover-header-padding-x: 1rem;
   --cui-popover-header-padding-y: 0.5rem;
   --cui-popover-header-font-size: 1rem;
-  --cui-popover-header-color: var(--cui-heading-color);
+  --cui-popover-header-color: unset;
   --cui-popover-header-bg: #f0f0f0;
   --cui-popover-body-padding-x: 1rem;
   --cui-popover-body-padding-y: 1rem;
@@ -5902,7 +5919,7 @@ textarea.form-control-lg {
 }
 
 .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
-  bottom: calc(var(--cui-popover-arrow-height) * -1 - var(--cui-popover-border-width));
+  bottom: calc(-1 * (var(--cui-popover-arrow-height)) - var(--cui-popover-border-width));
 }
 .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
   border-width: var(--cui-popover-arrow-height) calc(var(--cui-popover-arrow-width) * 0.5) 0;
@@ -5918,7 +5935,7 @@ textarea.form-control-lg {
 
 /* rtl:begin:ignore */
 .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
-  left: calc(var(--cui-popover-arrow-height) * -1 - var(--cui-popover-border-width));
+  left: calc(-1 * (var(--cui-popover-arrow-height)) - var(--cui-popover-border-width));
   width: var(--cui-popover-arrow-height);
   height: var(--cui-popover-arrow-width);
 }
@@ -5936,7 +5953,7 @@ textarea.form-control-lg {
 
 /* rtl:end:ignore */
 .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
-  top: calc(var(--cui-popover-arrow-height) * -1 - var(--cui-popover-border-width));
+  top: calc(-1 * (var(--cui-popover-arrow-height)) - var(--cui-popover-border-width));
 }
 .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
   border-width: 0 calc(var(--cui-popover-arrow-width) * 0.5) var(--cui-popover-arrow-height);
@@ -5955,14 +5972,14 @@ textarea.form-control-lg {
   left: 50%;
   display: block;
   width: var(--cui-popover-arrow-width);
-  margin-left: calc(var(--cui-popover-arrow-width) * -0.5);
+  margin-left: calc(-0.5 * var(--cui-popover-arrow-width));
   content: "";
   border-bottom: var(--cui-popover-border-width) solid var(--cui-popover-header-bg);
 }
 
 /* rtl:begin:ignore */
 .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
-  right: calc(var(--cui-popover-arrow-height) * -1 - var(--cui-popover-border-width));
+  right: calc(-1 * (var(--cui-popover-arrow-height)) - var(--cui-popover-border-width));
   width: var(--cui-popover-arrow-height);
   height: var(--cui-popover-arrow-width);
 }
@@ -6039,7 +6056,6 @@ textarea.form-control-lg {
   display: block;
 }
 
-/* rtl:begin:ignore */
 .carousel-item-next:not(.carousel-item-start),
 .active.carousel-item-end {
   transform: translateX(100%);
@@ -6050,7 +6066,6 @@ textarea.form-control-lg {
   transform: translateX(-100%);
 }
 
-/* rtl:end:ignore */
 .carousel-fade .carousel-item {
   opacity: 0;
   transition-property: opacity;
@@ -6070,7 +6085,7 @@ textarea.form-control-lg {
 }
 @media (prefers-reduced-motion: reduce) {
   .carousel-fade .active.carousel-item-start,
-.carousel-fade .active.carousel-item-end {
+  .carousel-fade .active.carousel-item-end {
     transition: none;
   }
 }
@@ -6095,7 +6110,7 @@ textarea.form-control-lg {
 }
 @media (prefers-reduced-motion: reduce) {
   .carousel-control-prev,
-.carousel-control-next {
+  .carousel-control-next {
     transition: none;
   }
 }
@@ -6216,16 +6231,9 @@ textarea.form-control-lg {
   height: var(--cui-spinner-height);
   vertical-align: var(--cui-spinner-vertical-align);
   border-radius: 50%;
-  -webkit-animation: var(--cui-spinner-animation-speed) linear infinite var(--cui-spinner-animation-name);
   animation: var(--cui-spinner-animation-speed) linear infinite var(--cui-spinner-animation-name);
 }
 
-@-webkit-keyframes spinner-border {
-  to {
-    transform: rotate(360deg) /* rtl:ignore */;
-  }
-}
-
 @keyframes spinner-border {
   to {
     transform: rotate(360deg) /* rtl:ignore */;
@@ -6238,7 +6246,7 @@ textarea.form-control-lg {
   --cui-spinner-border-width: 0.25em;
   --cui-spinner-animation-speed: 0.75s;
   --cui-spinner-animation-name: spinner-border;
-  border: var(--cui-spinner-border-width) solid currentColor;
+  border: var(--cui-spinner-border-width) solid currentcolor;
   border-right-color: transparent;
 }
 
@@ -6248,16 +6256,6 @@ textarea.form-control-lg {
   --cui-spinner-border-width: 0.2em;
 }
 
-@-webkit-keyframes spinner-grow {
-  0% {
-    transform: scale(0);
-  }
-  50% {
-    opacity: 1;
-    transform: none;
-  }
-}
-
 @keyframes spinner-grow {
   0% {
     transform: scale(0);
@@ -6273,7 +6271,7 @@ textarea.form-control-lg {
   --cui-spinner-vertical-align: -0.125em;
   --cui-spinner-animation-speed: 0.75s;
   --cui-spinner-animation-name: spinner-grow;
-  background-color: currentColor;
+  background-color: currentcolor;
   opacity: 0;
 }
 
@@ -6284,11 +6282,12 @@ textarea.form-control-lg {
 
 @media (prefers-reduced-motion: reduce) {
   .spinner-border,
-.spinner-grow {
+  .spinner-grow {
     --cui-spinner-animation-speed: 1.5s;
   }
 }
 .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
+  --cui-offcanvas-zindex: 1045;
   --cui-offcanvas-width: 400px;
   --cui-offcanvas-height: 30vh;
   --cui-offcanvas-padding-x: 1rem;
@@ -6304,7 +6303,7 @@ textarea.form-control-lg {
   .offcanvas-sm {
     position: fixed;
     bottom: 0;
-    z-index: 1045;
+    z-index: var(--cui-offcanvas-zindex);
     display: flex;
     flex-direction: column;
     max-width: 100%;
@@ -6392,7 +6391,7 @@ textarea.form-control-lg {
   .offcanvas-md {
     position: fixed;
     bottom: 0;
-    z-index: 1045;
+    z-index: var(--cui-offcanvas-zindex);
     display: flex;
     flex-direction: column;
     max-width: 100%;
@@ -6480,7 +6479,7 @@ textarea.form-control-lg {
   .offcanvas-lg {
     position: fixed;
     bottom: 0;
-    z-index: 1045;
+    z-index: var(--cui-offcanvas-zindex);
     display: flex;
     flex-direction: column;
     max-width: 100%;
@@ -6568,7 +6567,7 @@ textarea.form-control-lg {
   .offcanvas-xl {
     position: fixed;
     bottom: 0;
-    z-index: 1045;
+    z-index: var(--cui-offcanvas-zindex);
     display: flex;
     flex-direction: column;
     max-width: 100%;
@@ -6656,7 +6655,7 @@ textarea.form-control-lg {
   .offcanvas-xxl {
     position: fixed;
     bottom: 0;
-    z-index: 1045;
+    z-index: var(--cui-offcanvas-zindex);
     display: flex;
     flex-direction: column;
     max-width: 100%;
@@ -6743,7 +6742,7 @@ textarea.form-control-lg {
 .offcanvas {
   position: fixed;
   bottom: 0;
-  z-index: 1045;
+  z-index: var(--cui-offcanvas-zindex);
   display: flex;
   flex-direction: column;
   max-width: 100%;
@@ -6821,9 +6820,9 @@ textarea.form-control-lg {
 }
 .offcanvas-header .btn-close {
   padding: calc(var(--cui-offcanvas-padding-y) * 0.5) calc(var(--cui-offcanvas-padding-x) * 0.5);
-  margin-top: calc(var(--cui-offcanvas-padding-y) * -0.5);
-  margin-right: calc(var(--cui-offcanvas-padding-x) * -0.5);
-  margin-bottom: calc(var(--cui-offcanvas-padding-y) * -0.5);
+  margin-top: calc(-0.5 * var(--cui-offcanvas-padding-y));
+  margin-right: calc(-0.5 * var(--cui-offcanvas-padding-x));
+  margin-bottom: calc(-0.5 * var(--cui-offcanvas-padding-y));
 }
 
 .offcanvas-title {
@@ -6842,7 +6841,7 @@ textarea.form-control-lg {
   min-height: 1em;
   vertical-align: middle;
   cursor: wait;
-  background-color: currentColor;
+  background-color: currentcolor;
   opacity: 0.5;
 }
 .placeholder.btn::before {
@@ -6863,16 +6862,9 @@ textarea.form-control-lg {
 }
 
 .placeholder-glow .placeholder {
-  -webkit-animation: placeholder-glow 2s ease-in-out infinite;
   animation: placeholder-glow 2s ease-in-out infinite;
 }
 
-@-webkit-keyframes placeholder-glow {
-  50% {
-    opacity: 0.2;
-  }
-}
-
 @keyframes placeholder-glow {
   50% {
     opacity: 0.2;
@@ -6883,17 +6875,9 @@ textarea.form-control-lg {
   mask-image: linear-gradient(130deg, #000015 55%, rgba(0, 0, 0, 0.8) 75%, #000015 95%);
   -webkit-mask-size: 200% 100%;
   mask-size: 200% 100%;
-  -webkit-animation: placeholder-wave 2s linear infinite;
   animation: placeholder-wave 2s linear infinite;
 }
 
-@-webkit-keyframes placeholder-wave {
-  100% {
-    -webkit-mask-position: -200% 0%;
-    mask-position: -200% 0%;
-  }
-}
-
 @keyframes placeholder-wave {
   100% {
     -webkit-mask-position: -200% 0%;
@@ -7255,7 +7239,7 @@ textarea.form-control-lg {
   color: inherit;
   text-align: center;
   vertical-align: -0.125rem;
-  fill: currentColor;
+  fill: currentcolor;
 }
 .icon:not(.icon-c-s):not(.icon-custom-size) {
   width: 1rem;
@@ -7739,7 +7723,7 @@ textarea.form-control-lg {
   font-size: var(--cui-sidebar-nav-icon-font-size);
   color: var(--cui-sidebar-nav-link-icon-color);
   text-align: center;
-  fill: currentColor;
+  fill: currentcolor;
   transition: inherit;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -7750,6 +7734,9 @@ textarea.form-control-lg {
 .sidebar-nav .nav-icon:first-child {
   margin-left: calc(var(--cui-sidebar-nav-link-padding-x) * -1);
 }
+.sidebar-nav svg.nav-icon {
+  overflow: hidden;
+}
 .sidebar-nav .nav-group {
   position: relative;
   transition: background 0.15s ease-in-out;
@@ -7838,18 +7825,18 @@ textarea.form-control-lg {
     display: block;
   }
   .sidebar-narrow-unfoldable:not(:hover) .d-narrow-none, .sidebar-narrow .d-narrow-none,
-.sidebar-narrow-unfoldable:not(:hover) .nav-label,
-.sidebar-narrow .nav-label,
-.sidebar-narrow-unfoldable:not(:hover) .nav-title,
-.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-unfoldable:not(:hover) .nav-label,
+  .sidebar-narrow .nav-label,
+  .sidebar-narrow-unfoldable:not(:hover) .nav-title,
+  .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 {
     height: 0 !important;
     padding: 0;
     margin: 0;
@@ -8280,7 +8267,7 @@ textarea.form-control-lg {
   width: 1px;
   min-height: 1em;
   padding: 0;
-  background-color: currentColor;
+  background-color: currentcolor;
   opacity: 0.25;
 }