@clayui/css 3.126.0 → 3.128.0

package/lib/css/base.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.126.0
+ * Clay 3.128.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,
@@ -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;
@@ -6719,6 +6758,7 @@ input[type=button].btn-block {
   width: auto;
 }
 .dropdown-item.autofit-row {
+  align-items: center;
   padding-left: calc(1.5rem - 0.25rem);
   padding-right: calc(1.5rem - 0.25rem);
 }
@@ -6727,6 +6767,7 @@ input[type=button].btn-block {
   padding-right: 0.25rem;
 }
 .dropdown-item .autofit-row {
+  align-items: center;
   margin-left: -0.25rem;
   margin-right: -0.25rem;
   width: auto;
@@ -6744,6 +6785,17 @@ input[type=button].btn-block {
 .dropdown-item .custom-control-label {
   font-weight: 400;
 }
+.dropdown-item .inline-item {
+  line-height: 1;
+}
+.dropdown-item .inline-item .lexicon-icon {
+  font-size: 1rem;
+  margin-top: 0;
+}
+.dropdown-item .label {
+  margin-bottom: 0;
+  margin-top: 0.3125rem;
+}
 .dropdown-item .form-check {
   margin-bottom: 0;
 }
@@ -6877,10 +6929,6 @@ input[type=button].btn-block {
   margin-top: -0.3125rem;
   width: auto;
 }
-.dropdown-menu-select.dropdown-menu .dropdown-item.autofit-row {
-  padding-left: 1.5rem;
-  padding-right: 0.5rem;
-}
 .dropdown-menu-select.dropdown-menu .dropdown-item-scroll {
   font-size: 1rem;
   height: 2rem;
@@ -6899,6 +6947,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;
@@ -6957,12 +7006,14 @@ input[type=button].btn-block {
 }
 .dropdown-menu-select.dropdown-menu.dropdown-menu-indicator-start .dropdown-item-indicator-start {
   left: 0.5rem;
-  top: 0.5rem;
 }
 .dropdown-menu-select.dropdown-menu.dropdown-menu-indicator-end .dropdown-item-indicator-end {
   right: 0.5rem;
-  top: 0.5rem;
 }
+.dropdown-menu-select.dropdown-menu .inline-scroller {
+  max-height: 224px;
+}
+
 .dropdown-menu-select.dropdown-menu-height-lg .inline-scroller {
   max-height: 432px;
 }
@@ -7129,6 +7180,7 @@ input[type=button].btn-block {
   width: 1rem;
 }
 .dropdown-item-indicator-start .lexicon-icon {
+  font-size: 1rem;
   margin-top: 0;
 }
 
@@ -7147,6 +7199,7 @@ input[type=button].btn-block {
   color: inherit;
   text-decoration: inherit;
 }
+
 .dropdown-item-indicator-text-start > .c-inner {
   margin-left: -2rem;
 }
@@ -7184,6 +7237,7 @@ input[type=button].btn-block {
   width: 1rem;
 }
 .dropdown-item-indicator-end .lexicon-icon {
+  font-size: 16px;
   margin-top: 0;
 }
 
@@ -7202,6 +7256,7 @@ input[type=button].btn-block {
   color: inherit;
   text-decoration: inherit;
 }
+
 .dropdown-item-indicator-text-end > .c-inner {
   margin-right: -2rem;
 }
@@ -7215,6 +7270,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-top-right {
   bottom: 100% !important;
   left: auto !important;
@@ -7225,6 +7281,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-top-center {
   bottom: 100% !important;
   left: 50% !important;
@@ -7235,6 +7292,7 @@ input[type=button].btn-block {
   transform: translateX(-50%) !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-center {
   bottom: auto !important;
   left: 50% !important;
@@ -7243,6 +7301,7 @@ input[type=button].btn-block {
   transform: translateX(-50%) !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-left-side {
   bottom: auto !important;
   left: auto !important;
@@ -7253,6 +7312,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-left-side-bottom {
   bottom: 0 !important;
   left: auto !important;
@@ -7263,6 +7323,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-left-side-middle {
   bottom: auto !important;
   left: auto !important;
@@ -7273,6 +7334,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;
@@ -7283,6 +7345,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-right-side-bottom {
   bottom: 0 !important;
   left: 100% !important;
@@ -7293,6 +7356,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-right-side-middle {
   bottom: auto !important;
   left: 100% !important;
@@ -7303,6 +7367,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;
@@ -7336,6 +7401,7 @@ input[type=button].btn-block {
 .dropdown-menu-width-shrink {
   min-width: 0;
 }
+
 .dropdown-menu-width-full {
   left: 12px !important;
   right: 12px !important;
@@ -7376,6 +7442,7 @@ input[type=button].btn-block {
   max-width: none;
   width: 100%;
 }
+
 .nav-item.dropdown-full {
   position: static;
 }
@@ -8328,6 +8395,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;
 }
@@ -8337,6 +8405,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;
 }
@@ -8405,6 +8474,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;
 }
@@ -8563,6 +8633,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;
@@ -9007,9 +9078,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;
@@ -9083,9 +9152,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;
@@ -9105,6 +9172,7 @@ button.link-outline {
   font-weight: 500;
   max-width: calc(100% - 2rem);
 }
+
 .clay-color-footer {
   margin-bottom: 1rem;
 }
@@ -9561,6 +9629,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;
@@ -9581,10 +9650,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;
@@ -9594,15 +9661,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);
 }
@@ -9629,18 +9694,17 @@ 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;
   padding-left: calc( 					1rem + 0.5rem 				);
@@ -9651,6 +9715,7 @@ label.custom-control-label {
 .custom-control-outside .custom-control-input ~ .custom-control-label::before {
   position: absolute;
 }
+
 .custom-control-inline {
   display: inline-flex;
 }
@@ -10158,9 +10223,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;
@@ -10385,13 +10448,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;
@@ -10411,6 +10472,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;
@@ -10429,6 +10491,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;
@@ -11645,6 +11708,7 @@ label.custom-control-label {
   line-height: 1.2;
   margin-bottom: 0;
 }
+
 .list-group-title {
   font-size: 1.125rem;
   font-weight: 500;
@@ -12647,7 +12711,7 @@ label.custom-control-label {
   cursor: not-allowed;
   opacity: 1;
 }
-.multi-step-item.disabled .multi-step-icon.focus, .multi-step-item.disabled .multi-step-icon:focus-visible {
+.multi-step-item.disabled .multi-step-icon.focus, .multi-step-item.disabled .multi-step-icon:focus-visible, .c-prefers-focus .multi-step-item.disabled .multi-step-icon:focus {
   box-shadow: none;
 }
 
@@ -12665,6 +12729,7 @@ label.custom-control-label {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
+
 .multi-step-item-expand {
   flex-grow: 1;
   width: 75px;
@@ -12739,10 +12804,8 @@ label.custom-control-label {
   color: rgba(0, 0, 0, 0.7);
   text-decoration: none;
 }
-.multi-step-icon.focus, .multi-step-icon:focus-visible {
-  background-color: #e9ecef;
+.multi-step-icon.focus, .multi-step-icon:focus-visible, .c-prefers-focus .multi-step-icon:focus {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-  color: rgba(0, 0, 0, 0.7);
   outline: 0;
   text-decoration: none;
 }
@@ -12900,6 +12963,7 @@ label.custom-control-label {
   text-decoration: none;
   z-index: 1;
 }
+
 .nav-link:disabled, .nav-link.disabled {
   color: #6c757d;
   cursor: not-allowed;
@@ -12938,6 +13002,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;
 }
@@ -13199,6 +13264,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;
@@ -13335,6 +13401,7 @@ label.custom-control-label {
   right: 0;
   top: 0;
 }
+
 .menubar-primary .nav-link:active {
   color: rgba(0, 0, 0, 0.9);
 }
@@ -13377,6 +13444,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;
@@ -13700,7 +13768,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;
@@ -17500,6 +17568,7 @@ label.custom-control-label {
   outline: 0;
   z-index: 4;
 }
+
 .page-link:active {
   background-color: #007bff;
   border-color: #007bff;
@@ -17609,6 +17678,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;
@@ -17832,6 +17902,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;
@@ -19070,6 +19141,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;
@@ -19151,10 +19223,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;
 }
@@ -19263,6 +19337,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;
 }
@@ -19325,6 +19400,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;
 }
@@ -19630,6 +19706,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;
@@ -20972,9 +21049,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;
@@ -21001,6 +21076,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;
@@ -21037,6 +21113,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;
@@ -21072,6 +21149,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;
@@ -21080,6 +21158,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;
 }
@@ -21087,6 +21175,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;
 }
@@ -22012,9 +22110,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;
@@ -22038,6 +22134,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;
 }
@@ -22171,6 +22268,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;
 }
@@ -22229,6 +22327,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;
@@ -22252,6 +22351,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;
@@ -22272,6 +22372,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;
@@ -22295,6 +22396,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;