@clayui/css 3.127.0 → 3.130.0

package/lib/css/base.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.127.0
+ * Clay 3.130.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -145,6 +145,7 @@ a.focus, a:focus-visible, .c-prefers-focus a:focus {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
+
 pre,
 code,
 kbd,
@@ -381,7 +382,7 @@ mark.clay-dark,
   background-color: #828e9a;
   color: #fff;
 }
-.list-unstyled {
+.dropdown-section-grid, .list-unstyled {
   list-style: none;
   padding-left: 0;
 }
@@ -1190,9 +1191,7 @@ button.collapse-icon .c-inner,
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
-.btn:active:focus-visible, .c-prefers-focus .btn:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
+
 .btn:disabled, .btn.disabled {
   cursor: not-allowed;
   opacity: 0.65;
@@ -1200,6 +1199,7 @@ button.collapse-icon .c-inner,
 .btn:disabled:focus-visible, .c-prefers-focus .btn:disabled:focus, .btn.disabled:focus-visible, .c-prefers-focus .btn.disabled:focus {
   box-shadow: none;
 }
+
 .btn:disabled:active, .btn.disabled:active {
   pointer-events: none;
 }
@@ -1401,6 +1401,7 @@ input[type=button].btn-block {
   border-color: #0062cc;
   color: #fff;
 }
+
 .btn-primary:active {
   background-color: #0062cc;
   border-color: #005cbf;
@@ -1436,6 +1437,7 @@ input[type=button].btn-block {
   border-color: #545b62;
   color: #fff;
 }
+
 .btn-secondary:active {
   background-color: #545b62;
   border-color: #4e555b;
@@ -1471,6 +1473,7 @@ input[type=button].btn-block {
   border-color: #1e7e34;
   color: #fff;
 }
+
 .btn-success:active {
   background-color: #1e7e34;
   border-color: #1c7430;
@@ -1506,6 +1509,7 @@ input[type=button].btn-block {
   border-color: #117a8b;
   color: #fff;
 }
+
 .btn-info:active {
   background-color: #117a8b;
   border-color: #10707f;
@@ -1541,6 +1545,7 @@ input[type=button].btn-block {
   border-color: #d39e00;
   color: #212529;
 }
+
 .btn-warning:active {
   background-color: #d39e00;
   border-color: #c69500;
@@ -1576,6 +1581,7 @@ input[type=button].btn-block {
   border-color: #bd2130;
   color: #fff;
 }
+
 .btn-danger:active {
   background-color: #bd2130;
   border-color: #b21f2d;
@@ -1611,6 +1617,7 @@ input[type=button].btn-block {
   border-color: #dae0e5;
   color: #212529;
 }
+
 .btn-light:active {
   background-color: #dae0e5;
   border-color: #d3d9df;
@@ -1646,6 +1653,7 @@ input[type=button].btn-block {
   border-color: #1d2124;
   color: #fff;
 }
+
 .btn-dark:active {
   background-color: #1d2124;
   border-color: #171a1d;
@@ -1680,9 +1688,7 @@ input[type=button].btn-block {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   text-decoration: none;
 }
-.btn-link:active:focus-visible, .c-prefers-focus .btn-link:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
+
 .btn-link:disabled, .btn-link.disabled {
   box-shadow: none;
   color: #6c757d;
@@ -1704,6 +1710,7 @@ input[type=button].btn-block {
   background-color: rgba(0, 105, 217, 0.06);
   color: #0069d9;
 }
+
 .btn-translucent.btn-primary:active {
   background-color: rgba(0, 105, 217, 0.08);
   color: #0069d9;
@@ -1729,6 +1736,7 @@ input[type=button].btn-block {
   background-color: rgba(130, 142, 154, 0.06);
   color: #6c757d;
 }
+
 .btn-translucent.btn-secondary:active {
   background-color: rgba(130, 142, 154, 0.08);
   color: #6c757d;
@@ -1754,6 +1762,7 @@ input[type=button].btn-block {
   background-color: rgba(19, 132, 150, 0.06);
   color: #138496;
 }
+
 .btn-translucent.btn-info:active, .btn-beta:active {
   background-color: rgba(19, 132, 150, 0.08);
   color: #138496;
@@ -1779,6 +1788,7 @@ input[type=button].btn-block {
   background-color: rgba(33, 136, 56, 0.06);
   color: #218838;
 }
+
 .btn-translucent.btn-success:active {
   background-color: rgba(33, 136, 56, 0.08);
   color: #218838;
@@ -1804,6 +1814,7 @@ input[type=button].btn-block {
   background-color: rgba(224, 168, 0, 0.06);
   color: #e0a800;
 }
+
 .btn-translucent.btn-warning:active {
   background-color: rgba(224, 168, 0, 0.08);
   color: #e0a800;
@@ -1829,6 +1840,7 @@ input[type=button].btn-block {
   background-color: rgba(200, 35, 51, 0.06);
   color: #c82333;
 }
+
 .btn-translucent.btn-danger:active {
   background-color: rgba(200, 35, 51, 0.08);
   color: #c82333;
@@ -1854,6 +1866,7 @@ input[type=button].btn-block {
   background-color: rgba(168, 210, 255, 0.06);
   color: #75b8ff;
 }
+
 .clay-dark.btn-translucent.btn-primary:active, .clay-dark .btn-translucent.btn-primary:active {
   background-color: rgba(168, 210, 255, 0.08);
   color: #75b8ff;
@@ -1879,6 +1892,7 @@ input[type=button].btn-block {
   background-color: rgba(135, 226, 240, 0.06);
   color: #5ad7ea;
 }
+
 .clay-dark.btn-translucent.btn-info:active, .clay-dark .btn-translucent.btn-info:active, .btn-beta-dark:active {
   background-color: rgba(135, 226, 240, 0.08);
   color: #5ad7ea;
@@ -1904,6 +1918,7 @@ input[type=button].btn-block {
   background-color: rgba(146, 229, 165, 0.06);
   color: #69db83;
 }
+
 .clay-dark.btn-translucent.btn-success:active, .clay-dark .btn-translucent.btn-success:active {
   background-color: rgba(146, 229, 165, 0.08);
   color: #69db83;
@@ -1929,6 +1944,7 @@ input[type=button].btn-block {
   background-color: rgba(255, 235, 175, 0.06);
   color: #ffde7c;
 }
+
 .clay-dark.btn-translucent.btn-warning:active, .clay-dark .btn-translucent.btn-warning:active {
   background-color: rgba(255, 235, 175, 0.08);
   color: #ffde7c;
@@ -1954,6 +1970,7 @@ input[type=button].btn-block {
   background-color: rgba(245, 196, 201, 0.06);
   color: #ed99a1;
 }
+
 .clay-dark.btn-translucent.btn-danger:active, .clay-dark .btn-translucent.btn-danger:active {
   background-color: rgba(245, 196, 201, 0.08);
   color: #ed99a1;
@@ -1978,14 +1995,12 @@ input[type=button].btn-block {
 .btn-outline-primary.focus, .btn-outline-primary:focus-visible, .c-prefers-focus .btn-outline-primary:focus {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
 }
+
 .btn-outline-primary:active {
   background-color: #007bff;
   border-color: #007bff;
   color: #fff;
 }
-.btn-outline-primary:active:focus-visible, .c-prefers-focus .btn-outline-primary:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
-}
 .btn-outline-primary.active {
   background-color: #007bff;
   border-color: #007bff;
@@ -2012,14 +2027,12 @@ input[type=button].btn-block {
 .btn-outline-secondary.focus, .btn-outline-secondary:focus-visible, .c-prefers-focus .btn-outline-secondary:focus {
   box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
 }
+
 .btn-outline-secondary:active {
   background-color: #6c757d;
   border-color: #6c757d;
   color: #fff;
 }
-.btn-outline-secondary:active:focus-visible, .c-prefers-focus .btn-outline-secondary:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
-}
 .btn-outline-secondary.active {
   background-color: #6c757d;
   border-color: #6c757d;
@@ -2046,14 +2059,12 @@ input[type=button].btn-block {
 .btn-outline-success.focus, .btn-outline-success:focus-visible, .c-prefers-focus .btn-outline-success:focus {
   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
 }
+
 .btn-outline-success:active {
   background-color: #28a745;
   border-color: #28a745;
   color: #fff;
 }
-.btn-outline-success:active:focus-visible, .c-prefers-focus .btn-outline-success:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
-}
 .btn-outline-success.active {
   background-color: #28a745;
   border-color: #28a745;
@@ -2080,14 +2091,12 @@ input[type=button].btn-block {
 .btn-outline-info.focus, .btn-outline-info:focus-visible, .c-prefers-focus .btn-outline-info:focus {
   box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
 }
+
 .btn-outline-info:active {
   background-color: #17a2b8;
   border-color: #17a2b8;
   color: #fff;
 }
-.btn-outline-info:active:focus-visible, .c-prefers-focus .btn-outline-info:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
-}
 .btn-outline-info.active {
   background-color: #17a2b8;
   border-color: #17a2b8;
@@ -2114,14 +2123,12 @@ input[type=button].btn-block {
 .btn-outline-warning.focus, .btn-outline-warning:focus-visible, .c-prefers-focus .btn-outline-warning:focus {
   box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
 }
+
 .btn-outline-warning:active {
   background-color: #ffc107;
   border-color: #ffc107;
   color: #212529;
 }
-.btn-outline-warning:active:focus-visible, .c-prefers-focus .btn-outline-warning:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
-}
 .btn-outline-warning.active {
   background-color: #ffc107;
   border-color: #ffc107;
@@ -2148,14 +2155,12 @@ input[type=button].btn-block {
 .btn-outline-danger.focus, .btn-outline-danger:focus-visible, .c-prefers-focus .btn-outline-danger:focus {
   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
 }
+
 .btn-outline-danger:active {
   background-color: #dc3545;
   border-color: #dc3545;
   color: #fff;
 }
-.btn-outline-danger:active:focus-visible, .c-prefers-focus .btn-outline-danger:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
-}
 .btn-outline-danger.active {
   background-color: #dc3545;
   border-color: #dc3545;
@@ -2182,14 +2187,12 @@ input[type=button].btn-block {
 .btn-outline-light.focus, .btn-outline-light:focus-visible, .c-prefers-focus .btn-outline-light:focus {
   box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
 }
+
 .btn-outline-light:active {
   background-color: #f8f9fa;
   border-color: #f8f9fa;
   color: #212529;
 }
-.btn-outline-light:active:focus-visible, .c-prefers-focus .btn-outline-light:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
-}
 .btn-outline-light.active {
   background-color: #f8f9fa;
   border-color: #f8f9fa;
@@ -2216,14 +2219,12 @@ input[type=button].btn-block {
 .btn-outline-dark.focus, .btn-outline-dark:focus-visible, .c-prefers-focus .btn-outline-dark:focus {
   box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
 }
+
 .btn-outline-dark:active {
   background-color: #343a40;
   border-color: #343a40;
   color: #fff;
 }
-.btn-outline-dark:active:focus-visible, .c-prefers-focus .btn-outline-dark:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
-}
 .btn-outline-dark.active {
   background-color: #343a40;
   border-color: #343a40;
@@ -2247,6 +2248,7 @@ input[type=button].btn-block {
 .btn-outline-borderless.focus, .btn-outline-borderless:focus-visible, .c-prefers-focus .btn-outline-borderless:focus {
   border-color: transparent;
 }
+
 .btn-outline-borderless:disabled, .btn-outline-borderless.disabled {
   border-color: transparent;
 }
@@ -2326,6 +2328,8 @@ input[type=button].btn-block {
   padding-left: calc(30px * 0.5);
   padding-right: calc(30px * 0.5);
   width: 100%;
+  max-width: 1392px;
+  max-width: 1872px;
 }
 @media (min-width: 576px) {
   .container {
@@ -2348,7 +2352,7 @@ input[type=button].btn-block {
   }
 }
 
-.container-xl, .container-lg, .container-md, .container-sm, .container-fluid {
+.container-xxxl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container-fluid {
   margin-left: auto;
   margin-right: auto;
   padding-left: calc(30px * 0.5);
@@ -3467,6 +3471,12 @@ input[type=button].btn-block {
 .container-fluid-max-xl {
   max-width: 1140px;
 }
+.container-fluid-max-xxl {
+  max-width: 1392px;
+}
+.container-fluid-max-xxxl {
+  max-width: 1872px;
+}
 
 .container-no-gutters {
   padding-left: 0;
@@ -3654,6 +3664,7 @@ input[type=button].btn-block {
 .c-prefers-focus .alert-link.btn-unstyled:focus {
   text-decoration: underline;
 }
+
 .alert-indicator {
   font-size: 1.25rem;
   line-height: 1;
@@ -4193,6 +4204,7 @@ input[type=button].btn-block {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
+
 .badge a {
   color: #fff;
   text-decoration: underline;
@@ -4203,6 +4215,7 @@ input[type=button].btn-block {
 .badge a.focus, .badge a:focus-visible, .c-prefers-focus .badge a:focus {
   text-decoration: none;
 }
+
 .badge > .c-inner {
   margin-bottom: -0.25em;
   margin-left: -0.4em;
@@ -4321,6 +4334,7 @@ input[type=button].btn-block {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
   color: #fff;
 }
+
 .badge-secondary {
   background-color: #6c757d;
   color: #fff;
@@ -4334,6 +4348,7 @@ input[type=button].btn-block {
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
 }
+
 .badge-success {
   background-color: #28a745;
   color: #fff;
@@ -4347,6 +4362,7 @@ input[type=button].btn-block {
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
 }
+
 .badge-info {
   background-color: #17a2b8;
   color: #fff;
@@ -4360,6 +4376,7 @@ input[type=button].btn-block {
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
 }
+
 .badge-warning {
   background-color: #ffc107;
   color: #212529;
@@ -4373,6 +4390,7 @@ input[type=button].btn-block {
   color: #212529;
   box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
 }
+
 .badge-danger {
   background-color: #dc3545;
   color: #fff;
@@ -4386,6 +4404,7 @@ input[type=button].btn-block {
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
 }
+
 .badge-light {
   background-color: #f8f9fa;
   color: #212529;
@@ -4399,6 +4418,7 @@ input[type=button].btn-block {
   color: #212529;
   box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
 }
+
 .badge-dark {
   background-color: #343a40;
   color: #fff;
@@ -4412,6 +4432,7 @@ input[type=button].btn-block {
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
 }
+
 .badge-translucent.badge-primary {
   background-color: rgba(0, 105, 217, 0.04);
   border-color: transparent;
@@ -4485,6 +4506,7 @@ input[type=button].btn-block {
   color: #0056b3;
   text-decoration: underline;
 }
+
 .breadcrumb-toggle {
   color: #007bff;
 }
@@ -4537,6 +4559,7 @@ input[type=button].btn-block {
 .breadcrumb-item .dropdown-toggle.focus, .breadcrumb-item .dropdown-toggle:focus-visible, .c-prefers-focus .breadcrumb-item .dropdown-toggle:focus {
   text-decoration: none;
 }
+
 .breadcrumb-text-truncate {
   display: inline-block;
   max-width: 17.875rem;
@@ -4797,6 +4820,7 @@ input[type=button].btn-block {
   color: inherit;
   text-decoration: none;
 }
+
 .label .sticker {
   border-radius: 100px;
   height: 0.875em;
@@ -4931,6 +4955,7 @@ input[type=button].btn-block {
 [href].focus.label-primary, [href].label-primary:focus-visible, .c-prefers-focus [href].label-primary:focus, [type].focus.label-primary, [type].label-primary:focus-visible, .c-prefers-focus [type].label-primary:focus, [tabindex].focus.label-primary, [tabindex].label-primary:focus-visible, .c-prefers-focus [tabindex].label-primary:focus {
   color: #0062cc;
 }
+
 .label-primary a:hover, .label-primary a.hover,
 .label-primary .btn-unstyled:hover,
 .label-primary .btn-unstyled.hover {
@@ -4955,6 +4980,7 @@ input[type=button].btn-block {
 [href].focus.label-secondary, [href].label-secondary:focus-visible, .c-prefers-focus [href].label-secondary:focus, [type].focus.label-secondary, [type].label-secondary:focus-visible, .c-prefers-focus [type].label-secondary:focus, [tabindex].focus.label-secondary, [tabindex].label-secondary:focus-visible, .c-prefers-focus [tabindex].label-secondary:focus {
   color: #545b62;
 }
+
 .label-secondary a:hover, .label-secondary a.hover,
 .label-secondary .btn-unstyled:hover,
 .label-secondary .btn-unstyled.hover {
@@ -4979,6 +5005,7 @@ input[type=button].btn-block {
 [href].focus.label-success, [href].label-success:focus-visible, .c-prefers-focus [href].label-success:focus, [type].focus.label-success, [type].label-success:focus-visible, .c-prefers-focus [type].label-success:focus, [tabindex].focus.label-success, [tabindex].label-success:focus-visible, .c-prefers-focus [tabindex].label-success:focus {
   color: #1e7e34;
 }
+
 .label-success a:hover, .label-success a.hover,
 .label-success .btn-unstyled:hover,
 .label-success .btn-unstyled.hover {
@@ -5003,6 +5030,7 @@ input[type=button].btn-block {
 [href].focus.label-info, [href].label-info:focus-visible, .c-prefers-focus [href].label-info:focus, [type].focus.label-info, [type].label-info:focus-visible, .c-prefers-focus [type].label-info:focus, [tabindex].focus.label-info, [tabindex].label-info:focus-visible, .c-prefers-focus [tabindex].label-info:focus {
   color: #117a8b;
 }
+
 .label-info a:hover, .label-info a.hover,
 .label-info .btn-unstyled:hover,
 .label-info .btn-unstyled.hover {
@@ -5027,6 +5055,7 @@ input[type=button].btn-block {
 [href].focus.label-warning, [href].label-warning:focus-visible, .c-prefers-focus [href].label-warning:focus, [type].focus.label-warning, [type].label-warning:focus-visible, .c-prefers-focus [type].label-warning:focus, [tabindex].focus.label-warning, [tabindex].label-warning:focus-visible, .c-prefers-focus [tabindex].label-warning:focus {
   color: #d39e00;
 }
+
 .label-warning a:hover, .label-warning a.hover,
 .label-warning .btn-unstyled:hover,
 .label-warning .btn-unstyled.hover {
@@ -5051,6 +5080,7 @@ input[type=button].btn-block {
 [href].focus.label-danger, [href].label-danger:focus-visible, .c-prefers-focus [href].label-danger:focus, [type].focus.label-danger, [type].label-danger:focus-visible, .c-prefers-focus [type].label-danger:focus, [tabindex].focus.label-danger, [tabindex].label-danger:focus-visible, .c-prefers-focus [tabindex].label-danger:focus {
   color: #bd2130;
 }
+
 .label-danger a:hover, .label-danger a.hover,
 .label-danger .btn-unstyled:hover,
 .label-danger .btn-unstyled.hover {
@@ -5075,6 +5105,7 @@ input[type=button].btn-block {
 [href].focus.label-dark, [href].label-dark:focus-visible, .c-prefers-focus [href].label-dark:focus, [type].focus.label-dark, [type].label-dark:focus-visible, .c-prefers-focus [type].label-dark:focus, [tabindex].focus.label-dark, [tabindex].label-dark:focus-visible, .c-prefers-focus [tabindex].label-dark:focus {
   color: #1d2124;
 }
+
 .label-dark a:hover, .label-dark a.hover,
 .label-dark .btn-unstyled:hover,
 .label-dark .btn-unstyled.hover {
@@ -5099,6 +5130,7 @@ input[type=button].btn-block {
 [href].focus.label-light, [href].label-light:focus-visible, .c-prefers-focus [href].label-light:focus, [type].focus.label-light, [type].label-light:focus-visible, .c-prefers-focus [type].label-light:focus, [tabindex].focus.label-light, [tabindex].label-light:focus-visible, .c-prefers-focus [tabindex].label-light:focus {
   color: #dae0e5;
 }
+
 .label-light a:hover, .label-light a.hover,
 .label-light .btn-unstyled:hover,
 .label-light .btn-unstyled.hover {
@@ -5646,6 +5678,7 @@ input[type=button].btn-block {
 .card-text:last-child {
   margin-bottom: 0;
 }
+
 .card-link {
   color: #007bff;
 }
@@ -6110,9 +6143,6 @@ input[type=button].btn-block {
 .form-check-card .custom-control .custom-control-input:checked ~ .card {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
-.form-check-card .custom-control .custom-control-input:checked ~ .card {
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
 .form-check-card .form-check-input:checked ~ .card {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
@@ -6148,6 +6178,7 @@ input[type=button].btn-block {
   top: auto;
   transform: none;
 }
+
 .form-check-bottom-right .form-check-input {
   bottom: 1rem;
   left: auto;
@@ -6171,6 +6202,7 @@ input[type=button].btn-block {
   top: auto;
   transform: none;
 }
+
 .form-check-middle-left .form-check-input {
   left: 1rem;
   margin-top: 0;
@@ -6191,6 +6223,7 @@ input[type=button].btn-block {
   top: 50%;
   transform: translateY(-50%);
 }
+
 .form-check-middle-right .form-check-input {
   left: auto;
   margin-top: 0;
@@ -6214,6 +6247,7 @@ input[type=button].btn-block {
   top: 50%;
   transform: translateY(-50%);
 }
+
 .form-check-top-left .form-check-input {
   left: 1rem;
   opacity: 1;
@@ -6231,6 +6265,7 @@ input[type=button].btn-block {
   top: 1rem;
   transform: none;
 }
+
 .form-check-top-right .form-check-input {
   left: auto;
   opacity: 1;
@@ -6251,6 +6286,7 @@ input[type=button].btn-block {
   top: 1rem;
   transform: none;
 }
+
 .card-page.card-page-equal-height .card-page-item,
 .card-page.card-page-equal-height .card-page-item-asset,
 .card-page.card-page-equal-height .card-page-item-directory {
@@ -6396,6 +6432,7 @@ input[type=button].btn-block {
   border-color: #80bdff;
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
+
 .card-interactive:active, .card-interactive.active {
   background-color: #e9ecef;
 }
@@ -6437,6 +6474,7 @@ input[type=button].btn-block {
 .card-interactive-primary.focus, .card-interactive-primary:focus-visible, .c-prefers-focus .card-interactive-primary:focus {
   background-color: #f8f9fa;
 }
+
 .card-interactive-primary:active, .card-interactive-primary.active {
   background-color: #e9ecef;
 }
@@ -6670,6 +6708,7 @@ input[type=button].btn-block {
   color: #16181b;
   text-decoration: none;
 }
+
 .dropdown-item:active {
   background-color: #007bff;
   color: #fff;
@@ -6785,6 +6824,14 @@ input[type=button].btn-block {
 .dropdown-section .custom-control {
   margin-bottom: 0;
 }
+.dropdown-section-grid {
+  display: grid;
+  gap: 0.5rem 0.75rem;
+  grid-template-columns: repeat(9, 1fr);
+  margin-bottom: 0;
+  padding: 0.25rem 1.5rem;
+}
+
 .dropdown-footer {
   box-shadow: -1px -2px 3px -3px rgba(0, 0, 0, 0.5);
   padding: 0.5rem 1.5rem 0;
@@ -6908,6 +6955,7 @@ input[type=button].btn-block {
   background-image: none;
   color: #16181b;
 }
+
 .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active {
   background-color: #007bff;
   background-image: none;
@@ -6970,6 +7018,10 @@ input[type=button].btn-block {
 .dropdown-menu-select.dropdown-menu.dropdown-menu-indicator-end .dropdown-item-indicator-end {
   right: 0.5rem;
 }
+.dropdown-menu-select.dropdown-menu .inline-scroller {
+  max-height: 224px;
+}
+
 .dropdown-menu-select.dropdown-menu-height-lg .inline-scroller {
   max-height: 432px;
 }
@@ -7155,6 +7207,7 @@ input[type=button].btn-block {
   color: inherit;
   text-decoration: inherit;
 }
+
 .dropdown-item-indicator-text-start > .c-inner {
   margin-left: -2rem;
 }
@@ -7211,6 +7264,7 @@ input[type=button].btn-block {
   color: inherit;
   text-decoration: inherit;
 }
+
 .dropdown-item-indicator-text-end > .c-inner {
   margin-right: -2rem;
 }
@@ -7224,6 +7278,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-top-right {
   bottom: 100% !important;
   left: auto !important;
@@ -7234,6 +7289,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-top-center {
   bottom: 100% !important;
   left: 50% !important;
@@ -7244,6 +7300,7 @@ input[type=button].btn-block {
   transform: translateX(-50%) !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-center {
   bottom: auto !important;
   left: 50% !important;
@@ -7252,6 +7309,7 @@ input[type=button].btn-block {
   transform: translateX(-50%) !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-left-side {
   bottom: auto !important;
   left: auto !important;
@@ -7262,6 +7320,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-left-side-bottom {
   bottom: 0 !important;
   left: auto !important;
@@ -7272,6 +7331,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-left-side-middle {
   bottom: auto !important;
   left: auto !important;
@@ -7282,6 +7342,7 @@ input[type=button].btn-block {
   transform: translate(0, -50%) !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-right-side {
   bottom: auto !important;
   left: 100% !important;
@@ -7292,6 +7353,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-right-side-bottom {
   bottom: 0 !important;
   left: 100% !important;
@@ -7302,6 +7364,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-right-side-middle {
   bottom: auto !important;
   left: 100% !important;
@@ -7312,6 +7375,7 @@ input[type=button].btn-block {
   transform: translate(0, -50%) !important;
   will-change: auto !important;
 }
+
 .dropdown-full .dropdown-menu,
 .dropdown-wide .dropdown-menu {
   max-width: none;
@@ -7345,6 +7409,7 @@ input[type=button].btn-block {
 .dropdown-menu-width-shrink {
   min-width: 0;
 }
+
 .dropdown-menu-width-full {
   left: 12px !important;
   right: 12px !important;
@@ -7385,6 +7450,7 @@ input[type=button].btn-block {
   max-width: none;
   width: 100%;
 }
+
 .nav-item.dropdown-full {
   position: static;
 }
@@ -7876,7 +7942,6 @@ select.form-control {
   background-size: 8px 10px;
   cursor: pointer;
   padding-right: 1.75rem;
-  color: #495057;
 }
 select.form-control:disabled > option, select.form-control.disabled > option {
   cursor: not-allowed;
@@ -7918,7 +7983,6 @@ select.form-control[size] {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   scrollbar-width: thin;
-  color: #495057;
 }
 select.form-control[size].focus, select.form-control[size]:focus-visible, .c-prefers-focus select.form-control[size]:focus {
   background-image: none;
@@ -7933,7 +7997,6 @@ select.form-control[multiple] {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   scrollbar-width: thin;
-  color: #495057;
 }
 select.form-control[multiple].focus, select.form-control[multiple]:focus-visible, .c-prefers-focus select.form-control[multiple]:focus {
   background-image: none;
@@ -7941,6 +8004,11 @@ select.form-control[multiple].focus, select.form-control[multiple]:focus-visible
 select.form-control[multiple] option {
   padding: 0.25rem;
 }
+.form-control-shrink {
+  max-width: 100%;
+  white-space: nowrap;
+  width: min-content;
+}
 textarea.form-control,
 textarea.form-control-plaintext,
 .form-control.form-control-textarea {
@@ -8337,6 +8405,7 @@ textarea.form-control-lg,
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
+
 .c-link.text-secondary {
   color: #212529 !important;
 }
@@ -8346,6 +8415,7 @@ textarea.form-control-lg,
 .c-link.text-secondary.focus, .c-link.text-secondary:focus-visible, .c-prefers-focus .c-link.text-secondary:focus {
   color: #000 !important;
 }
+
 .c-link.text-tertiary {
   color: #212529 !important;
 }
@@ -8414,6 +8484,7 @@ button.link-outline {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
+
 .link-outline:disabled, .link-outline.disabled {
   box-shadow: none;
 }
@@ -8572,6 +8643,7 @@ button.link-outline {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
+
 .component-action:active {
   background-color: #6c757d;
   color: #fff;
@@ -9016,9 +9088,7 @@ button.link-outline {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   color: #000;
 }
-.clay-color-dropdown-menu .component-action:active:focus-visible, .c-prefers-focus .clay-color-dropdown-menu .component-action:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
+
 .clay-color-dropdown-menu .form-control {
   font-size: 0.875rem;
   height: 2rem;
@@ -9092,9 +9162,7 @@ button.link-outline {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
-.clay-color-pointer:active:focus-visible, .c-prefers-focus .clay-color-pointer:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
+
 .clay-color-pointer .c-inner {
   margin-bottom: 0;
   margin-left: 0;
@@ -9114,6 +9182,7 @@ button.link-outline {
   font-weight: 500;
   max-width: calc(100% - 2rem);
 }
+
 .clay-color-footer {
   margin-bottom: 1rem;
 }
@@ -9570,6 +9639,7 @@ label.custom-control-label {
   border-color: #80bdff;
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
+
 .custom-control-input:active ~ .custom-control-label::before {
   background-color: #027cff;
   border-color: #027cff;
@@ -9590,10 +9660,8 @@ label.custom-control-label {
   border-color: #007bff;
   color: #fff;
 }
-.custom-control-input:checked ~ .custom-control-label::before {
-  background-color: #007bff;
-  border-color: #007bff;
-  color: #fff;
+.custom-control-input:checked[disabled], .custom-control-input:checked:disabled {
+  cursor: not-allowed;
 }
 .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-control-input:checked:disabled ~ .custom-control-label::before {
   background-color: #e9ecef;
@@ -9603,15 +9671,13 @@ label.custom-control-label {
   background-color: #fff;
   border-color: #adb5bd;
 }
+
 .custom-checkbox .custom-control-input ~ .custom-control-label::before {
   border-radius: 0.25rem;
 }
 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='8'%20viewBox='0%200%208%208'%3E%3Cpath%20fill='%23fff'%20d='M6.564.75l-3.59%203.612-1.538-1.55L0%204.26l2.974%202.99L8%202.193z'/%3E%3C/svg%3E");
 }
-.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
-  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='8'%20viewBox='0%200%208%208'%3E%3Cpath%20fill='%23fff'%20d='M6.564.75l-3.59%203.612-1.538-1.55L0%204.26l2.974%202.99L8%202.193z'/%3E%3C/svg%3E");
-}
 .custom-checkbox .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked:disabled ~ .custom-control-label::before {
   background-color: rgba(0, 123, 255, 0.5);
 }
@@ -9638,20 +9704,19 @@ label.custom-control-label {
 .custom-checkbox .custom-control-input:indeterminate[readonly] ~ .custom-control-label::after {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='4'%20height='4'%20viewBox='0%200%204%204'%3E%3Cpath%20stroke='%23343a40'%20d='M0%202h4'/%3E%3C/svg%3E");
 }
+
 .custom-radio .custom-control-input ~ .custom-control-label::before {
   border-radius: 50%;
 }
 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='-4%20-4%208%208'%3E%3Ccircle%20r='3'%20fill='%23fff'/%3E%3C/svg%3E");
 }
-.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
-  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='-4%20-4%208%208'%3E%3Ccircle%20r='3'%20fill='%23fff'/%3E%3C/svg%3E");
-}
 .custom-radio .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-radio .custom-control-input:checked:disabled ~ .custom-control-label::before {
   background-color: rgba(0, 123, 255, 0.5);
 }
+
 .custom-control-outside label {
-  display: block;
+  display: inline-block;
   padding-left: calc( 					1rem + 0.5rem 				);
 }
 .custom-control-outside .custom-control-label-text {
@@ -9660,6 +9725,7 @@ label.custom-control-label {
 .custom-control-outside .custom-control-input ~ .custom-control-label::before {
   position: absolute;
 }
+
 .custom-control-inline {
   display: inline-flex;
 }
@@ -10167,9 +10233,7 @@ label.custom-control-label {
 .date-picker-nav .nav-btn.focus, .date-picker-nav .nav-btn:focus-visible, .c-prefers-focus .date-picker-nav .nav-btn:focus {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
-.date-picker-nav .nav-btn:active:focus-visible, .c-prefers-focus .date-picker-nav .nav-btn:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
+
 .date-picker-nav .nav-btn:disabled, .date-picker-nav .nav-btn.disabled {
   background-color: transparent;
   box-shadow: none;
@@ -10191,24 +10255,16 @@ label.custom-control-label {
     min-width: 1.5rem;
   }
 }
-.date-picker-nav select.form-control {
-  color: #495057;
-}
 @media (max-width: 575.98px) {
   .date-picker-nav select.form-control {
     font-size: 0.75rem;
     height: 1.5rem;
-    color: #495057;
   }
 }
-.date-picker-nav .form-control-select {
-  color: #495057;
-}
 @media (max-width: 575.98px) {
   .date-picker-nav .form-control-select {
     font-size: 0.75rem;
     height: 1.5rem;
-    color: #495057;
   }
 }
 .date-picker-nav-item {
@@ -10394,13 +10450,11 @@ label.custom-control-label {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
+
 .date-picker-date:active {
   background-color: #007bff;
   color: #fff;
 }
-.date-picker-date:active:focus-visible, .c-prefers-focus .date-picker-date:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
 .date-picker-date.active {
   background-color: #007bff;
   color: #fff;
@@ -10420,6 +10474,7 @@ label.custom-control-label {
 .previous-month-date.focus, .previous-month-date:focus-visible, .c-prefers-focus .previous-month-date:focus {
   opacity: 1;
 }
+
 .previous-month-date:active {
   background-color: #75b8ff;
   color: #e5f2ff;
@@ -10438,6 +10493,7 @@ label.custom-control-label {
 .next-month-date.focus, .next-month-date:focus-visible, .c-prefers-focus .next-month-date:focus {
   opacity: 1;
 }
+
 .next-month-date:active {
   background-color: #75b8ff;
   color: #e5f2ff;
@@ -10712,15 +10768,12 @@ label.custom-control-label {
 }
 .has-error select.form-control {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23dc3545' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
-  color: #495057;
 }
 .has-error select.form-control[size] {
   background-image: none;
-  color: #495057;
 }
 .has-error select.form-control[multiple] {
   background-image: none;
-  color: #495057;
 }
 .has-error .input-group-item.focus {
   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
@@ -10756,15 +10809,12 @@ label.custom-control-label {
 }
 .has-warning select.form-control {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23ffc107' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
-  color: #495057;
 }
 .has-warning select.form-control[size] {
   background-image: none;
-  color: #495057;
 }
 .has-warning select.form-control[multiple] {
   background-image: none;
-  color: #495057;
 }
 .has-warning .input-group-item.focus {
   box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
@@ -10800,15 +10850,12 @@ label.custom-control-label {
 }
 .has-success select.form-control {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%2328a745' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
-  color: #495057;
 }
 .has-success select.form-control[size] {
   background-image: none;
-  color: #495057;
 }
 .has-success select.form-control[multiple] {
   background-image: none;
-  color: #495057;
 }
 .has-success .input-group-item.focus {
   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
@@ -11364,7 +11411,8 @@ label.custom-control-label {
 .input-group .input-group-inset-item .btn .c-inner .lexicon-icon {
   margin-top: 0;
 }
-.input-group .input-group-inset-item .btn-monospaced {
+.input-group .input-group-inset-item .btn-monospaced,
+.input-group .input-group-inset-item .input-group-inset-icon {
   font-size: 1rem;
   height: 2rem;
   margin-bottom: -0.0625rem;
@@ -11378,6 +11426,14 @@ label.custom-control-label {
 .input-group .input-group-inset-item .form-file .btn {
   height: 100%;
 }
+.input-group .input-group-inset-icon {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.input-group .input-group-inset-icon .lexicon-icon {
+  margin-top: 0;
+}
 .input-group .input-group-item .input-group-inset-before.form-control {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
@@ -11654,6 +11710,7 @@ label.custom-control-label {
   line-height: 1.2;
   margin-bottom: 0;
 }
+
 .list-group-title {
   font-size: 1.125rem;
   font-weight: 500;
@@ -12674,6 +12731,7 @@ label.custom-control-label {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
+
 .multi-step-item-expand {
   flex-grow: 1;
   width: 75px;
@@ -12907,6 +12965,7 @@ label.custom-control-label {
   text-decoration: none;
   z-index: 1;
 }
+
 .nav-link:disabled, .nav-link.disabled {
   color: #6c757d;
   cursor: not-allowed;
@@ -12945,6 +13004,7 @@ label.custom-control-label {
 .nav-btn.focus, .nav-btn:focus-visible, .c-prefers-focus .nav-btn:focus {
   z-index: 1;
 }
+
 .nav-btn:disabled, .nav-btn.disabled {
   opacity: 1;
 }
@@ -13206,6 +13266,7 @@ label.custom-control-label {
 .nav-tabs .nav-link.focus, .nav-tabs .nav-link:focus-visible, .c-prefers-focus .nav-tabs .nav-link:focus {
   border-color: #e9ecef #e9ecef #dee2e6;
 }
+
 .nav-tabs .nav-link:active {
   background-color: #fff;
   border-color: #dee2e6 #dee2e6 #fff;
@@ -13342,6 +13403,7 @@ label.custom-control-label {
   right: 0;
   top: 0;
 }
+
 .menubar-primary .nav-link:active {
   color: rgba(0, 0, 0, 0.9);
 }
@@ -13384,6 +13446,7 @@ label.custom-control-label {
 .menubar-primary .nav-link[aria-expanded=true]:focus-visible::before, .c-prefers-focus .menubar-primary .nav-link[aria-expanded=true]:focus::before, .menubar-primary .nav-link.show:focus-visible::before, .c-prefers-focus .menubar-primary .nav-link.show:focus::before {
   display: none;
 }
+
 .menubar-primary .nav-link.collapse-icon {
   font-size: 0.75rem;
   font-weight: 500;
@@ -13707,7 +13770,7 @@ label.custom-control-label {
   padding: 0.5rem 1rem;
   position: relative;
 }
-.navbar > .container-xl, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar .container,
+.navbar > .container-xxxl, .navbar > .container-xxl, .navbar > .container-xl, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar .container,
 .navbar .container-fluid {
   align-items: inherit;
   background-color: inherit;
@@ -17507,6 +17570,7 @@ label.custom-control-label {
   outline: 0;
   z-index: 4;
 }
+
 .page-link:active {
   background-color: #007bff;
   border-color: #007bff;
@@ -17616,6 +17680,7 @@ label.custom-control-label {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
+
 .pagination-items-per-page > a:active,
 .pagination-items-per-page > button:active {
   background-color: #007bff;
@@ -17839,6 +17904,7 @@ label.custom-control-label {
 .panel-header-link.focus, .panel-header-link:focus-visible, .c-prefers-focus .panel-header-link:focus {
   z-index: 1;
 }
+
 .panel-header-link.panel-header.collapsed {
   border-color: transparent;
   transition: border-color 0.75s ease;
@@ -19077,6 +19143,7 @@ a.sheet-subtitle:hover, a.sheet-subtitle.hover {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
+
 .sidebar-footer {
   padding-bottom: 1rem;
   padding-left: 1rem;
@@ -19158,10 +19225,12 @@ a.sheet-subtitle:hover, a.sheet-subtitle.hover {
   margin-bottom: 0.25rem;
   text-transform: uppercase;
 }
+
 .sidebar-dd {
   font-size: 0.875rem;
   margin-bottom: 0.75rem;
 }
+
 .sidebar-sm {
   font-size: 0.875rem;
 }
@@ -19270,6 +19339,7 @@ a.sheet-subtitle:hover, a.sheet-subtitle.hover {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
+
 .sidebar-dark .nav-nested .nav-link:active {
   color: #fff;
 }
@@ -19332,6 +19402,7 @@ a.sheet-subtitle:hover, a.sheet-subtitle.hover {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
+
 .sidebar-dark-l2 .nav-nested .nav-link:active {
   color: #fff;
 }
@@ -19637,6 +19708,7 @@ caption {
 .table .component-drag.focus, .table .component-drag:focus-visible, .c-prefers-focus .table .component-drag:focus {
   box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
+
 .table .custom-control,
 .table .form-check {
   margin-bottom: 0;
@@ -20979,9 +21051,7 @@ td.table-focus {
 .tbar-stacked .tbar-btn-monospaced.focus, .tbar-stacked .tbar-btn-monospaced:focus-visible, .c-prefers-focus .tbar-stacked .tbar-btn-monospaced:focus {
   box-shadow: inset 0 0 0 0.125rem #57a8ff, inset 0 0 0 0.25rem #fff;
 }
-.tbar-stacked .tbar-btn-monospaced:active:focus-visible, .c-prefers-focus .tbar-stacked .tbar-btn-monospaced:active:focus {
-  box-shadow: inset 0 0 0 0.125rem #57a8ff, inset 0 0 0 0.25rem #fff;
-}
+
 .tbar-stacked .tbar-btn-monospaced .c-inner {
   margin-bottom: 0;
   margin-left: 0;
@@ -21008,6 +21078,7 @@ td.table-focus {
 .tbar-light .tbar-btn-monospaced.focus, .tbar-light .tbar-btn-monospaced:focus-visible, .c-prefers-focus .tbar-light .tbar-btn-monospaced:focus {
   color: #343a40;
 }
+
 .tbar-light .tbar-btn-monospaced:active {
   background-color: #e9ecef;
   color: #343a40;
@@ -21044,6 +21115,7 @@ td.table-focus {
 .tbar-dark-l2 .tbar-btn-monospaced.focus, .tbar-dark-l2 .tbar-btn-monospaced:focus-visible, .c-prefers-focus .tbar-dark-l2 .tbar-btn-monospaced:focus {
   color: #fff;
 }
+
 .tbar-dark-l2 .tbar-btn-monospaced:active {
   background-color: rgba(255, 255, 255, 0.06);
   color: #fff;
@@ -21079,6 +21151,7 @@ td.table-focus {
 .tbar-dark-d1 .tbar-btn-monospaced.focus, .tbar-dark-d1 .tbar-btn-monospaced:focus-visible, .c-prefers-focus .tbar-dark-d1 .tbar-btn-monospaced:focus {
   color: #fff;
 }
+
 .tbar-dark-d1 .tbar-btn-monospaced:active {
   background-color: rgba(255, 255, 255, 0.06);
   color: #fff;
@@ -21087,6 +21160,16 @@ td.table-focus {
   background-color: rgba(255, 255, 255, 0.06);
   color: #fff;
 }
+.tbar-dark-d1 .tbar-btn-monospaced.active::after {
+  background-color: #75b8ff;
+  bottom: 0;
+  content: "";
+  display: block;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 0.25rem;
+}
 .tbar-dark-d1 .tbar-btn-monospaced:disabled, .tbar-dark-d1 .tbar-btn-monospaced.disabled {
   color: inherit;
 }
@@ -21094,6 +21177,16 @@ td.table-focus {
   background-color: rgba(255, 255, 255, 0.06);
   color: #fff;
 }
+.tbar-dark-d1 .tbar-btn-monospaced[aria-expanded=true]::after, .tbar-dark-d1 .tbar-btn-monospaced.show::after {
+  background-color: #75b8ff;
+  bottom: 0;
+  content: "";
+  display: block;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 0.25rem;
+}
 .tbar-dark-d1 .tbar-label {
   border-width: 0.0625rem;
 }
@@ -22019,9 +22112,7 @@ td.table-focus {
 .treeview .btn-monospaced.focus, .treeview .btn-monospaced:focus-visible, .c-prefers-focus .treeview .btn-monospaced:focus {
   box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
-.treeview .btn-monospaced:active:focus-visible, .c-prefers-focus .treeview .btn-monospaced:active:focus {
-  box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
+
 .treeview .custom-control {
   margin-left: 4px;
   margin-right: 4px;
@@ -22045,6 +22136,7 @@ td.table-focus {
 .treeview .component-action.focus, .treeview .component-action:focus-visible, .c-prefers-focus .treeview .component-action:focus {
   color: #6c757d;
 }
+
 .treeview .component-action:active {
   background-color: transparent;
 }
@@ -22178,6 +22270,7 @@ td.table-focus {
   box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   outline: 0;
 }
+
 .treeview-link:disabled, .treeview-link.disabled {
   cursor: not-allowed;
 }
@@ -22236,6 +22329,7 @@ td.table-focus {
 .treeview-light .treeview-link.focus, .treeview-light .treeview-link:focus-visible, .c-prefers-focus .treeview-light .treeview-link:focus {
   box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
+
 .treeview-light .treeview-link:active {
   background-color: #e5f2ff;
   box-shadow: inset 0 0 0 1px #007bff;
@@ -22259,6 +22353,7 @@ td.table-focus {
 .treeview-light .treeview-link[aria-expanded=true]:focus-visible, .c-prefers-focus .treeview-light .treeview-link[aria-expanded=true]:focus, .treeview-light .treeview-link.show:focus-visible, .c-prefers-focus .treeview-light .treeview-link.show:focus {
   box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
+
 .treeview-light .treeview-link.treeview-no-hover:hover, .treeview-light .treeview-link.treeview-no-hover.hover {
   background-color: transparent;
   color: #6c757d;
@@ -22279,6 +22374,7 @@ td.table-focus {
 .treeview-dark .treeview-link.focus, .treeview-dark .treeview-link:focus-visible, .c-prefers-focus .treeview-dark .treeview-link:focus {
   box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
+
 .treeview-dark .treeview-link:active {
   background-color: #828e9a;
   box-shadow: inset 0 0 0 1px #007bff;
@@ -22302,6 +22398,7 @@ td.table-focus {
 .treeview-dark .treeview-link[aria-expanded=true]:focus-visible, .c-prefers-focus .treeview-dark .treeview-link[aria-expanded=true]:focus, .treeview-dark .treeview-link.show:focus-visible, .c-prefers-focus .treeview-dark .treeview-link.show:focus {
   box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
+
 .treeview-dark .treeview-link.treeview-no-hover:hover, .treeview-dark .treeview-link.treeview-no-hover.hover {
   background-color: transparent;
   color: #a9afb5;
@@ -31528,13 +31625,27 @@ a.text-dark:hover, a.text-dark:focus {
   scroll-behavior: auto;
   transition: none;
 }
+.c-prefers-reduced-motion .loading-animation-squares::before {
+  background-color: transparent;
+  display: block;
+  font-size: inherit;
+  opacity: inherit;
+  transform: none;
+}
+.c-prefers-reduced-motion .loading-animation-squares::after {
+  font-size: inherit;
+  left: auto;
+  position: relative;
+  top: auto;
+  transform: none;
+}
 
 @keyframes loading-animation-circle {
   100% {
     transform: rotate(360deg);
   }
 }
-.loading-animation {
+.loading-animation, .c-prefers-reduced-motion .loading-animation-squares {
   display: block;
   height: 1em;
   margin-left: auto;
@@ -31545,7 +31656,7 @@ a.text-dark:hover, a.text-dark:focus {
   vertical-align: middle;
   width: 1em;
 }
-.loading-animation::before {
+.loading-animation::before, .c-prefers-reduced-motion .loading-animation-squares::before {
   animation: loading-animation-circle 1s linear infinite;
   border-radius: 50%;
   box-shadow: -0.03125em -0.375em 0 0 currentColor;
@@ -31559,15 +31670,15 @@ a.text-dark:hover, a.text-dark:focus {
   width: 0.25em;
 }
 @media (prefers-reduced-motion: reduce) {
-  .loading-animation::before {
+  .loading-animation::before, .c-prefers-reduced-motion .loading-animation-squares::before {
     animation: none;
   }
 }
-.c-prefers-reduced-motion .loading-animation::before {
+.c-prefers-reduced-motion .loading-animation::before, .c-prefers-reduced-motion .loading-animation-squares::before {
   animation: none;
 }
 
-.loading-animation::after {
+.loading-animation::after, .c-prefers-reduced-motion .loading-animation-squares::after {
   animation: loading-animation-circle 1s linear infinite;
   background-color: currentColor;
   border-radius: 50%;
@@ -31581,11 +31692,11 @@ a.text-dark:hover, a.text-dark:focus {
   width: 1em;
 }
 @media (prefers-reduced-motion: reduce) {
-  .loading-animation::after {
+  .loading-animation::after, .c-prefers-reduced-motion .loading-animation-squares::after {
     animation: none;
   }
 }
-.c-prefers-reduced-motion .loading-animation::after {
+.c-prefers-reduced-motion .loading-animation::after, .c-prefers-reduced-motion .loading-animation-squares::after {
   animation: none;
 }