@clayui/css 3.126.0 → 3.128.0

package/lib/css/atlas.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>
@@ -152,6 +152,7 @@ a.focus, a:focus-visible, .c-prefers-focus a:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 pre,
 code,
 kbd,
@@ -1209,6 +1210,7 @@ button.collapse-icon .c-inner,
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .btn:disabled, .btn.disabled {
   cursor: not-allowed;
   opacity: 0.4;
@@ -1216,6 +1218,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;
 }
@@ -1425,6 +1428,7 @@ input[type=button].btn-block {
   border-color: #004ad7;
   color: #fff;
 }
+
 .btn-primary:active {
   background-color: #004ad7;
   border-color: transparent;
@@ -1460,6 +1464,7 @@ input[type=button].btn-block {
   border-color: #9b92a5;
   color: #272833;
 }
+
 .btn-secondary:active {
   background-color: #f1f2f5;
   border-color: #9b92a5;
@@ -1495,6 +1500,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
+
 .btn-success:active {
   background-color: #1c5629;
   border-color: transparent;
@@ -1530,6 +1536,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
+
 .btn-info:active {
   background-color: #234584;
   border-color: transparent;
@@ -1565,6 +1572,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
+
 .btn-warning:active {
   background-color: #863a00;
   border-color: transparent;
@@ -1600,6 +1608,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
+
 .btn-danger:active {
   background-color: #ab1010;
   border-color: transparent;
@@ -1635,6 +1644,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #272833;
 }
+
 .btn-light:active {
   background-color: #d3d6e0;
   border-color: transparent;
@@ -1670,6 +1680,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
+
 .btn-dark:active {
   background-color: #111116;
   border-color: transparent;
@@ -1705,9 +1716,7 @@ input[type=button].btn-block {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   text-decoration: none;
 }
-.btn-link:active:focus-visible, .c-prefers-focus .btn-link:active:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
-}
+
 .btn-link:disabled, .btn-link.disabled {
   box-shadow: none;
   color: #0b5fff;
@@ -1729,6 +1738,7 @@ input[type=button].btn-block {
   background-color: rgba(0, 83, 240, 0.06);
   color: #0053f0;
 }
+
 .btn-translucent.btn-primary:active {
   background-color: rgba(0, 83, 240, 0.08);
   color: #0053f0;
@@ -1754,6 +1764,7 @@ input[type=button].btn-block {
   background-color: rgba(57, 58, 74, 0.06);
   color: #6b6c7e;
 }
+
 .btn-translucent.btn-secondary:active {
   background-color: rgba(57, 58, 74, 0.08);
   color: #6b6c7e;
@@ -1779,6 +1790,7 @@ input[type=button].btn-block {
   background-color: rgba(41, 79, 152, 0.06);
   color: #294f98;
 }
+
 .btn-translucent.btn-info:active, .btn-beta:active {
   background-color: rgba(41, 79, 152, 0.08);
   color: #294f98;
@@ -1804,6 +1816,7 @@ input[type=button].btn-block {
   background-color: rgba(34, 106, 51, 0.06);
   color: #226a33;
 }
+
 .btn-translucent.btn-success:active {
   background-color: rgba(34, 106, 51, 0.08);
   color: #226a33;
@@ -1829,6 +1842,7 @@ input[type=button].btn-block {
   background-color: rgba(159, 69, 0, 0.06);
   color: #9f4500;
 }
+
 .btn-translucent.btn-warning:active {
   background-color: rgba(159, 69, 0, 0.08);
   color: #9f4500;
@@ -1854,6 +1868,7 @@ input[type=button].btn-block {
   background-color: rgba(195, 18, 18, 0.06);
   color: #c31212;
 }
+
 .btn-translucent.btn-danger:active {
   background-color: rgba(195, 18, 18, 0.08);
   color: #c31212;
@@ -1879,6 +1894,7 @@ input[type=button].btn-block {
   background-color: rgba(179, 205, 255, 0.06);
   color: #80acff;
 }
+
 .clay-dark.btn-translucent.btn-primary:active, .clay-dark .btn-translucent.btn-primary:active {
   background-color: rgba(179, 205, 255, 0.08);
   color: #80acff;
@@ -1904,6 +1920,7 @@ input[type=button].btn-block {
   background-color: rgba(238, 242, 250, 0.06);
   color: #89a7e0;
 }
+
 .clay-dark.btn-translucent.btn-info:active, .clay-dark .btn-translucent.btn-info:active, .btn-beta-dark:active {
   background-color: rgba(238, 242, 250, 0.08);
   color: #89a7e0;
@@ -1929,6 +1946,7 @@ input[type=button].btn-block {
   background-color: rgba(237, 249, 240, 0.06);
   color: #5aca75;
 }
+
 .clay-dark.btn-translucent.btn-success:active, .clay-dark .btn-translucent.btn-success:active {
   background-color: rgba(237, 249, 240, 0.08);
   color: #5aca75;
@@ -1954,6 +1972,7 @@ input[type=button].btn-block {
   background-color: rgba(255, 244, 236, 0.06);
   color: #ff8f39;
 }
+
 .clay-dark.btn-translucent.btn-warning:active, .clay-dark .btn-translucent.btn-warning:active {
   background-color: rgba(255, 244, 236, 0.08);
   color: #ff8f39;
@@ -1979,6 +1998,7 @@ input[type=button].btn-block {
   background-color: rgba(254, 239, 239, 0.06);
   color: #f48989;
 }
+
 .clay-dark.btn-translucent.btn-danger:active, .clay-dark .btn-translucent.btn-danger:active {
   background-color: rgba(254, 239, 239, 0.08);
   color: #f48989;
@@ -2004,6 +2024,7 @@ input[type=button].btn-block {
   background-color: #f0f5ff;
   color: #0b5fff;
 }
+
 .btn-outline-primary:active {
   background-color: #e6edf8;
   border-color: #0b5fff;
@@ -2036,6 +2057,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #272833;
 }
+
 .btn-outline-secondary:active {
   background-color: rgba(39, 40, 51, 0.06);
   border-color: transparent;
@@ -2069,6 +2091,7 @@ input[type=button].btn-block {
   background-color: #226a33;
   color: #fff;
 }
+
 .btn-outline-success:active {
   background-color: #1c5629;
   border-color: #287d3c;
@@ -2101,6 +2124,7 @@ input[type=button].btn-block {
   background-color: #294f98;
   color: #fff;
 }
+
 .btn-outline-info:active {
   background-color: #234584;
   border-color: #2e5aac;
@@ -2133,6 +2157,7 @@ input[type=button].btn-block {
   background-color: #9f4500;
   color: #fff;
 }
+
 .btn-outline-warning:active {
   background-color: #863a00;
   border-color: #b95000;
@@ -2165,6 +2190,7 @@ input[type=button].btn-block {
   background-color: #c31212;
   color: #fff;
 }
+
 .btn-outline-danger:active {
   background-color: #ab1010;
   border-color: #da1414;
@@ -2197,6 +2223,7 @@ input[type=button].btn-block {
   background-color: #e2e4ea;
   color: #272833;
 }
+
 .btn-outline-light:active {
   background-color: #d3d6e0;
   border-color: #f1f2f5;
@@ -2229,6 +2256,7 @@ input[type=button].btn-block {
   background-color: #1c1c24;
   color: #fff;
 }
+
 .btn-outline-dark:active {
   background-color: #111116;
   border-color: #272833;
@@ -2257,6 +2285,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;
 }
@@ -2336,6 +2365,8 @@ input[type=button].btn-block {
   padding-left: calc(24px * 0.5);
   padding-right: calc(24px * 0.5);
   width: 100%;
+  max-width: 1392px;
+  max-width: 1872px;
 }
 @media (min-width: 576px) {
   .container {
@@ -2358,7 +2389,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(24px * 0.5);
@@ -3477,6 +3508,12 @@ input[type=button].btn-block {
 .container-fluid-max-xl {
   max-width: 1248px;
 }
+.container-fluid-max-xxl {
+  max-width: 1392px;
+}
+.container-fluid-max-xxxl {
+  max-width: 1872px;
+}
 
 .container-no-gutters {
   padding-left: 0;
@@ -3648,15 +3685,11 @@ input[type=button].btn-block {
   font-weight: 600;
   margin-right: 0.3125rem;
 }
-.alert .component-title {
-  font-size: 0.875rem;
-  margin-bottom: 0.25rem;
-  margin-top: 0;
-}
 .alert .component-subtitle {
   font-size: 0.75rem;
   font-weight: 400;
 }
+
 .alert-heading {
   color: inherit;
 }
@@ -3681,6 +3714,7 @@ input[type=button].btn-block {
 .c-prefers-focus .alert-link.btn-unstyled:focus {
   text-decoration: none;
 }
+
 .alert-indicator {
   font-size: 1rem;
   line-height: 1;
@@ -4335,6 +4369,7 @@ input[type=button].btn-block {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .badge a {
   color: #fff;
   text-decoration: underline;
@@ -4345,6 +4380,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.09375rem;
   margin-left: -0.25rem;
@@ -4463,6 +4499,7 @@ input[type=button].btn-block {
   box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.5);
   color: #fff;
 }
+
 .badge-secondary {
   background-color: #e7e7ed;
   color: #272833;
@@ -4476,6 +4513,7 @@ input[type=button].btn-block {
   color: #272833;
   box-shadow: 0 0 0 0.2rem rgba(231, 231, 237, 0.5);
 }
+
 .badge-secondary a {
   color: #272833;
 }
@@ -4492,6 +4530,7 @@ input[type=button].btn-block {
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.5);
 }
+
 .badge-info {
   background-color: #2e5aac;
   color: #fff;
@@ -4505,6 +4544,7 @@ input[type=button].btn-block {
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(46, 90, 172, 0.5);
 }
+
 .badge-warning {
   background-color: #b95000;
   color: #fff;
@@ -4518,6 +4558,7 @@ input[type=button].btn-block {
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(185, 80, 0, 0.5);
 }
+
 .badge-danger {
   background-color: #da1414;
   color: #fff;
@@ -4531,6 +4572,7 @@ input[type=button].btn-block {
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.5);
 }
+
 .badge-light {
   background-color: #f1f2f5;
   color: #272833;
@@ -4544,6 +4586,7 @@ input[type=button].btn-block {
   color: #272833;
   box-shadow: 0 0 0 0.2rem rgba(241, 242, 245, 0.5);
 }
+
 .badge-light a {
   color: #272833;
 }
@@ -4560,6 +4603,7 @@ input[type=button].btn-block {
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(39, 40, 51, 0.5);
 }
+
 .badge-translucent.badge-primary {
   background-color: rgba(0, 83, 240, 0.04);
   border-color: transparent;
@@ -4647,6 +4691,7 @@ input[type=button].btn-block {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .breadcrumb-toggle {
   color: #6b6c7e;
 }
@@ -4701,6 +4746,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;
@@ -4970,6 +5016,7 @@ input[type=button].btn-block {
   text-decoration: underline;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
+
 .label a,
 .label .btn-unstyled {
   color: inherit;
@@ -4989,6 +5036,7 @@ input[type=button].btn-block {
   color: inherit;
   text-decoration: underline;
 }
+
 .label .sticker {
   border-radius: 100px;
   height: 0.875em;
@@ -5142,6 +5190,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: #004ad7;
 }
+
 .label-primary a:hover, .label-primary a.hover,
 .label-primary .btn-unstyled:hover,
 .label-primary .btn-unstyled.hover {
@@ -5166,6 +5215,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: #272833;
 }
+
 .label-secondary a:hover, .label-secondary a.hover,
 .label-secondary .btn-unstyled:hover,
 .label-secondary .btn-unstyled.hover {
@@ -5190,6 +5240,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: #1c5629;
 }
+
 .label-success a:hover, .label-success a.hover,
 .label-success .btn-unstyled:hover,
 .label-success .btn-unstyled.hover {
@@ -5214,6 +5265,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: #234584;
 }
+
 .label-info a:hover, .label-info a.hover,
 .label-info .btn-unstyled:hover,
 .label-info .btn-unstyled.hover {
@@ -5238,6 +5290,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: #863a00;
 }
+
 .label-warning a:hover, .label-warning a.hover,
 .label-warning .btn-unstyled:hover,
 .label-warning .btn-unstyled.hover {
@@ -5262,6 +5315,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: #ab1010;
 }
+
 .label-danger a:hover, .label-danger a.hover,
 .label-danger .btn-unstyled:hover,
 .label-danger .btn-unstyled.hover {
@@ -5286,6 +5340,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: #393a4a;
 }
+
 .label-dark a:hover, .label-dark a.hover,
 .label-dark .btn-unstyled:hover,
 .label-dark .btn-unstyled.hover {
@@ -5310,6 +5365,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: #d3d6e0;
 }
+
 .label-light a:hover, .label-light a.hover,
 .label-light .btn-unstyled:hover,
 .label-light .btn-unstyled.hover {
@@ -5788,6 +5844,7 @@ input[type=button].btn-block {
 .card-text:last-child {
   margin-bottom: 0;
 }
+
 .card-link {
   color: #6b6c7e;
   font-size: 0.875rem;
@@ -6253,9 +6310,6 @@ input[type=button].btn-block {
 .form-check-card .custom-control .custom-control-input:checked ~ .card {
   box-shadow: 0 0 0 2px #80acff;
 }
-.form-check-card .custom-control .custom-control-input:checked ~ .card {
-  box-shadow: 0 0 0 2px #80acff;
-}
 .form-check-card .form-check-input:checked ~ .card {
   box-shadow: 0 0 0 2px #80acff;
 }
@@ -6291,6 +6345,7 @@ input[type=button].btn-block {
   top: auto;
   transform: none;
 }
+
 .form-check-bottom-right .form-check-input {
   bottom: 1rem;
   left: auto;
@@ -6314,6 +6369,7 @@ input[type=button].btn-block {
   top: auto;
   transform: none;
 }
+
 .form-check-middle-left .form-check-input {
   left: 1rem;
   margin-top: 0;
@@ -6334,6 +6390,7 @@ input[type=button].btn-block {
   top: 50%;
   transform: translateY(-50%);
 }
+
 .form-check-middle-right .form-check-input {
   left: auto;
   margin-top: 0;
@@ -6357,6 +6414,7 @@ input[type=button].btn-block {
   top: 50%;
   transform: translateY(-50%);
 }
+
 .form-check-top-left .form-check-input {
   left: 1rem;
   opacity: 1;
@@ -6374,6 +6432,7 @@ input[type=button].btn-block {
   top: 1rem;
   transform: none;
 }
+
 .form-check-top-right .form-check-input {
   left: auto;
   opacity: 1;
@@ -6394,6 +6453,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 {
@@ -6538,6 +6598,7 @@ input[type=button].btn-block {
 .card-interactive.focus, .card-interactive:focus-visible, .c-prefers-focus .card-interactive:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
+
 .card-interactive:active, .card-interactive.active {
   background-color: #f1f2f5;
 }
@@ -6579,6 +6640,7 @@ input[type=button].btn-block {
 .card-interactive-primary.focus, .card-interactive-primary:focus-visible, .c-prefers-focus .card-interactive-primary:focus {
   background-color: #f7f8f9;
 }
+
 .card-interactive-primary:active, .card-interactive-primary.active {
   background-color: #f1f2f5;
 }
@@ -6604,6 +6666,7 @@ input[type=button].btn-block {
   border-color: transparent;
   box-shadow: 0 0 0 2px #5791ff;
 }
+
 .card-interactive-secondary:active, .card-interactive-secondary.active {
   background-color: #fff;
 }
@@ -6839,6 +6902,7 @@ input[type=button].btn-block {
   box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
   outline: 0;
 }
+
 .dropdown-item:active {
   background-color: #f0f5ff;
   color: #272833;
@@ -6896,6 +6960,7 @@ input[type=button].btn-block {
   width: auto;
 }
 .dropdown-item.autofit-row {
+  align-items: center;
   padding-left: calc(1rem - 0.25rem);
   padding-right: calc(1rem - 0.25rem);
 }
@@ -6904,6 +6969,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;
@@ -6922,6 +6988,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;
 }
@@ -7070,10 +7147,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;
@@ -7092,6 +7165,7 @@ input[type=button].btn-block {
   background-image: none;
   color: #272833;
 }
+
 .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active {
   background-color: #f0f5ff;
   background-image: none;
@@ -7150,12 +7224,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;
 }
@@ -7324,6 +7400,7 @@ input[type=button].btn-block {
   width: 1rem;
 }
 .dropdown-item-indicator-start .lexicon-icon {
+  font-size: 1rem;
   margin-top: 0;
 }
 
@@ -7342,6 +7419,7 @@ input[type=button].btn-block {
   color: inherit;
   text-decoration: inherit;
 }
+
 .dropdown-item-indicator-text-start > .c-inner {
   margin-left: -1.75rem;
 }
@@ -7379,6 +7457,7 @@ input[type=button].btn-block {
   width: 1rem;
 }
 .dropdown-item-indicator-end .lexicon-icon {
+  font-size: 16px;
   margin-top: 0;
 }
 
@@ -7397,6 +7476,7 @@ input[type=button].btn-block {
   color: inherit;
   text-decoration: inherit;
 }
+
 .dropdown-item-indicator-text-end > .c-inner {
   margin-right: -1.75rem;
 }
@@ -7410,6 +7490,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-top-right {
   bottom: 100% !important;
   left: auto !important;
@@ -7420,6 +7501,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-top-center {
   bottom: 100% !important;
   left: 50% !important;
@@ -7430,6 +7512,7 @@ input[type=button].btn-block {
   transform: translateX(-50%) !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-center {
   bottom: auto !important;
   left: 50% !important;
@@ -7438,6 +7521,7 @@ input[type=button].btn-block {
   transform: translateX(-50%) !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-left-side {
   bottom: auto !important;
   left: auto !important;
@@ -7448,6 +7532,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-left-side-bottom {
   bottom: 0 !important;
   left: auto !important;
@@ -7458,6 +7543,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-left-side-middle {
   bottom: auto !important;
   left: auto !important;
@@ -7468,6 +7554,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;
@@ -7478,6 +7565,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-right-side-bottom {
   bottom: 0 !important;
   left: 100% !important;
@@ -7488,6 +7576,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-right-side-middle {
   bottom: auto !important;
   left: 100% !important;
@@ -7498,6 +7587,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;
@@ -7531,6 +7621,7 @@ input[type=button].btn-block {
 .dropdown-menu-width-shrink {
   min-width: 0;
 }
+
 .dropdown-menu-width-full {
   left: 12px !important;
   right: 12px !important;
@@ -7571,6 +7662,7 @@ input[type=button].btn-block {
   max-width: none;
   width: 100%;
 }
+
 .nav-item.dropdown-full {
   position: static;
 }
@@ -8659,6 +8751,7 @@ textarea.form-control-lg,
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .c-link.text-secondary {
   color: #272833 !important;
 }
@@ -8668,6 +8761,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: #272833 !important;
 }
@@ -8697,6 +8791,7 @@ textarea.form-control-lg,
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .single-link {
   font-weight: 600;
 }
@@ -8724,6 +8819,7 @@ textarea.form-control-lg,
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .link-secondary {
   color: #6b6c7e;
   border-radius: 1px;
@@ -8747,6 +8843,7 @@ textarea.form-control-lg,
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 button.link-outline {
   cursor: pointer;
 }
@@ -8786,6 +8883,7 @@ button.link-outline {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .link-outline:disabled, .link-outline.disabled {
   box-shadow: none;
 }
@@ -8815,6 +8913,7 @@ button.link-outline {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   color: #0b5fff;
 }
+
 .link-outline-primary:active {
   background-color: #e6edf8;
   color: #0b5fff;
@@ -8847,6 +8946,7 @@ button.link-outline {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   color: #272833;
 }
+
 .link-outline-secondary:active {
   background-color: rgba(39, 40, 51, 0.06);
   color: #272833;
@@ -8930,6 +9030,7 @@ button.link-outline {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .component-subtitle {
   color: #6b6c7e;
   margin-bottom: 0;
@@ -8966,6 +9067,7 @@ button.link-outline {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .component-action {
   align-items: center;
   background-color: transparent;
@@ -9002,6 +9104,7 @@ button.link-outline {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
+
 .component-action:active {
   background-color: rgba(39, 40, 51, 0.06);
   color: #272833;
@@ -9556,9 +9659,7 @@ button.link-outline {
   box-shadow: 0 0 0 0.125rem #5791ff;
   outline: 0;
 }
-.clay-color-pointer:active:focus-visible, .c-prefers-focus .clay-color-pointer:active:focus {
-  box-shadow: 0 0 0 0.125rem #5791ff;
-}
+
 .clay-color-pointer .c-inner {
   margin-bottom: 0;
   margin-left: 0;
@@ -9578,6 +9679,7 @@ button.link-outline {
   font-weight: 600;
   max-width: calc(100% - 2rem);
 }
+
 .clay-color-footer {
   margin-bottom: 1rem;
 }
@@ -10043,6 +10145,7 @@ label.custom-control-label {
   border-color: #6b6c7e;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
+
 .custom-control-input:active ~ .custom-control-label::before {
   background-color: #fff;
   border-color: #6b6c7e;
@@ -10057,11 +10160,6 @@ label.custom-control-label {
   border-color: #e7e7ed;
   box-shadow: none;
 }
-.custom-control-input:checked ~ .custom-control-label::before {
-  background-color: #0b5fff;
-  border-color: #0b5fff;
-  color: #fff;
-}
 .custom-control-input[readonly] ~ .custom-control-label {
   color: #272833;
 }
@@ -10081,6 +10179,9 @@ label.custom-control-label {
   background-color: #0b5fff;
   border-color: #0b5fff;
 }
+.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: #f1f2f5;
   box-shadow: none;
@@ -10089,6 +10190,7 @@ label.custom-control-label {
   background-color: #fff;
   border-color: #6b6c7e;
 }
+
 .custom-checkbox .custom-control-input ~ .custom-control-label::before {
   border-radius: 0.125rem;
 }
@@ -10096,10 +10198,6 @@ label.custom-control-label {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M220.9%20377.2c-8%200-15.8-3.2-21.5-8.9l-91-91c-28.1-28.1%2014.8-71%2042.9-42.9l68.2%2068.2%20139.8-157.2c26.4-30%2072%2010.1%2045.6%2040.1L243.7%20366.9c-5.5%206.3-13.4%2010-21.8%2010.3h-1z'%20fill='%23fff'/%3E%3C/svg%3E");
   background-size: 100%;
 }
-.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'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M220.9%20377.2c-8%200-15.8-3.2-21.5-8.9l-91-91c-28.1-28.1%2014.8-71%2042.9-42.9l68.2%2068.2%20139.8-157.2c26.4-30%2072%2010.1%2045.6%2040.1L243.7%20366.9c-5.5%206.3-13.4%2010-21.8%2010.3h-1z'%20fill='%23fff'/%3E%3C/svg%3E");
-  background-size: 100%;
-}
 .custom-checkbox .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked:disabled ~ .custom-control-label::before {
   background-color: #b3cdff;
   border-color: #b3cdff;
@@ -10142,6 +10240,7 @@ label.custom-control-label {
 .custom-checkbox .custom-control-input:indeterminate[readonly][disabled] ~ .custom-control-label::after {
   opacity: 0.4;
 }
+
 .custom-radio .custom-control-input ~ .custom-control-label::before {
   border-radius: 50%;
 }
@@ -10152,14 +10251,11 @@ label.custom-control-label {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Ccircle%20class='lexicon-icon-outline'%20cx='256'%20cy='256'%20r='256'%20fill='%23fff'/%3E%3C/svg%3E");
   background-size: 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'%20viewBox='0%200%20512%20512'%3E%3Ccircle%20class='lexicon-icon-outline'%20cx='256'%20cy='256'%20r='256'%20fill='%23fff'/%3E%3C/svg%3E");
-  background-size: 50%;
-}
 .custom-radio .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-radio .custom-control-input:checked:disabled ~ .custom-control-label::before {
   background-color: #b3cdff;
   border-color: #b3cdff;
 }
+
 .custom-control-outside label {
   display: block;
   padding-left: calc( 					1rem + 0.5rem 				);
@@ -10170,6 +10266,7 @@ label.custom-control-label {
 .custom-control-outside .custom-control-input ~ .custom-control-label::before {
   position: absolute;
 }
+
 .custom-control-inline {
   display: inline-flex;
 }
@@ -10518,9 +10615,7 @@ label.custom-control-label {
 .clay-time .btn.focus, .clay-time .btn:focus-visible, .c-prefers-focus .clay-time .btn:focus {
   box-shadow: 0 0 0 1px #5791ff;
 }
-.clay-time .btn:active:focus-visible, .c-prefers-focus .clay-time .btn:active:focus {
-  box-shadow: 0 0 0 1px #5791ff;
-}
+
 .clay-time .btn .c-inner {
   margin-bottom: 0;
   margin-left: 0;
@@ -10695,12 +10790,10 @@ label.custom-control-label {
   background-color: #f1f2f5;
   color: #272833;
 }
+
 .date-picker-nav .nav-btn:active {
   background-color: #f1f2f5;
 }
-.date-picker-nav .nav-btn:active:focus-visible, .c-prefers-focus .date-picker-nav .nav-btn:active:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
-}
 .date-picker-nav .nav-btn.active {
   background-color: #f1f2f5;
 }
@@ -10973,13 +11066,11 @@ label.custom-control-label {
   background-color: #f1f2f5;
   color: #272833;
 }
+
 .date-picker-date:active {
   background-color: #0b5fff;
   color: #fff;
 }
-.date-picker-date:active:focus-visible, .c-prefers-focus .date-picker-date:active:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
-}
 .date-picker-date.active {
   background-color: #0b5fff;
   color: #fff;
@@ -12292,6 +12383,7 @@ label.custom-control-label {
   color: #6b6c7e;
   text-transform: uppercase;
 }
+
 .list-group-title {
   font-size: 0.875rem;
   font-weight: 600;
@@ -12332,6 +12424,7 @@ label.custom-control-label {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .list-group-subtitle {
   color: #6b6c7e;
   margin-bottom: 0;
@@ -12367,6 +12460,7 @@ label.custom-control-label {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .list-group-text {
   color: #6b6c7e;
   margin-bottom: 0;
@@ -12402,6 +12496,7 @@ label.custom-control-label {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .list-group-subtext {
   color: #6b6c7e;
   margin-bottom: 0;
@@ -12438,6 +12533,7 @@ label.custom-control-label {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .show-dropdown-action-on-active .list-group-item.active .dropdown-action .dropdown-menu {
   background-color: #f0f5ff;
 }
@@ -13407,7 +13503,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;
 }
 
@@ -13427,6 +13523,7 @@ label.custom-control-label {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
+
 .multi-step-item-expand {
   flex-grow: 1;
   width: 75px;
@@ -13504,10 +13601,8 @@ label.custom-control-label {
   color: #6b6c7e;
   text-decoration: none;
 }
-.multi-step-icon.focus, .multi-step-icon:focus-visible {
-  background-color: #e7e7ed;
+.multi-step-icon.focus, .multi-step-icon:focus-visible, .c-prefers-focus .multi-step-icon:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
-  color: #6b6c7e;
   outline: 0;
   text-decoration: none;
 }
@@ -13666,6 +13761,7 @@ label.custom-control-label {
   text-decoration: none;
   z-index: 1;
 }
+
 .nav-link:disabled, .nav-link.disabled {
   color: #a7a9bc;
   cursor: not-allowed;
@@ -13686,9 +13782,7 @@ label.custom-control-label {
 .nav-link.btn-unstyled.focus, .nav-link.btn-unstyled:focus-visible, .c-prefers-focus .nav-link.btn-unstyled:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
-.nav-link.btn-unstyled:active:focus-visible, .c-prefers-focus .nav-link.btn-unstyled:active:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
-}
+
 .nav-link.btn-unstyled:disabled, .nav-link.btn-unstyled.disabled {
   opacity: 1;
 }
@@ -13711,6 +13805,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;
 }
@@ -13992,6 +14087,7 @@ label.custom-control-label {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .nav-tabs .nav-link:active {
   background-color: #fff;
   border-color: #cdced9 #cdced9 #fff;
@@ -14141,6 +14237,7 @@ label.custom-control-label {
   right: 0;
   top: 0;
 }
+
 .menubar-primary .nav-link:active {
   color: #272833;
 }
@@ -14183,6 +14280,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: 600;
@@ -14334,6 +14432,7 @@ label.custom-control-label {
   right: 0;
   top: 0;
 }
+
 .menubar-vertical-expand-md.menubar-transparent .nav-link:active {
   color: rgba(0, 0, 0, 0.9);
 }
@@ -14420,6 +14519,7 @@ label.custom-control-label {
   .menubar-vertical-expand-md.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus-visible::after, .c-prefers-focus .menubar-vertical-expand-md.menubar-transparent .nav-link:focus::after {
     box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
   }
+
   .menubar-vertical-expand-md.menubar-transparent .nav-link.active {
     font-weight: 600;
     background-color: rgba(11, 95, 255, 0.06);
@@ -14578,6 +14678,7 @@ label.custom-control-label {
   right: 0;
   top: 0;
 }
+
 .menubar-vertical-expand-lg.menubar-transparent .nav-link:active {
   color: rgba(0, 0, 0, 0.9);
 }
@@ -14664,6 +14765,7 @@ label.custom-control-label {
   .menubar-vertical-expand-lg.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus-visible::after, .c-prefers-focus .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus::after {
     box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
   }
+
   .menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
     font-weight: 600;
     background-color: rgba(11, 95, 255, 0.06);
@@ -14716,7 +14818,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;
@@ -16642,6 +16744,7 @@ label.custom-control-label {
 .application-bar .navbar-nav .nav-link.focus, .application-bar .navbar-nav .nav-link:focus-visible, .c-prefers-focus .application-bar .navbar-nav .nav-link:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
+
 .application-bar .navbar-nav .nav-link:disabled, .application-bar .navbar-nav .nav-link.disabled {
   box-shadow: none;
 }
@@ -16662,6 +16765,7 @@ label.custom-control-label {
 .application-bar .navbar-brand.focus, .application-bar .navbar-brand:focus-visible, .c-prefers-focus .application-bar .navbar-brand:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
+
 .application-bar .navbar-brand:disabled, .application-bar .navbar-brand.disabled {
   box-shadow: none;
 }
@@ -16688,6 +16792,7 @@ label.custom-control-label {
 .application-bar-dark .navbar-nav .nav-link.focus, .application-bar-dark .navbar-nav .nav-link:focus-visible, .c-prefers-focus .application-bar-dark .navbar-nav .nav-link:focus {
   background-color: rgba(255, 255, 255, 0.03);
 }
+
 .application-bar-dark .navbar-nav .nav-link:active {
   color: #fff;
   background-color: rgba(255, 255, 255, 0.06);
@@ -16714,6 +16819,7 @@ label.custom-control-label {
 .application-bar-dark .navbar-brand.focus, .application-bar-dark .navbar-brand:focus-visible, .c-prefers-focus .application-bar-dark .navbar-brand:focus {
   background-color: rgba(255, 255, 255, 0.03);
 }
+
 .application-bar-dark .navbar-brand:active {
   color: #fff;
   background-color: rgba(255, 255, 255, 0.06);
@@ -17829,6 +17935,7 @@ label.custom-control-label {
 .management-bar .navbar-nav .nav-link.focus, .management-bar .navbar-nav .nav-link:focus-visible, .c-prefers-focus .management-bar .navbar-nav .nav-link:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
+
 .management-bar .navbar-nav .nav-link:disabled, .management-bar .navbar-nav .nav-link.disabled {
   box-shadow: none;
 }
@@ -17849,6 +17956,7 @@ label.custom-control-label {
 .management-bar .navbar-brand.focus, .management-bar .navbar-brand:focus-visible, .c-prefers-focus .management-bar .navbar-brand:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
+
 .management-bar .navbar-brand:disabled, .management-bar .navbar-brand.disabled {
   box-shadow: none;
 }
@@ -17872,6 +17980,7 @@ label.custom-control-label {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
+
 .management-bar-light .navbar-nav .nav-link:active {
   color: #272833;
   background-color: rgba(39, 40, 51, 0.06);
@@ -17899,6 +18008,7 @@ label.custom-control-label {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
+
 .management-bar-light .navbar-brand:active {
   color: #272833;
   background-color: rgba(39, 40, 51, 0.06);
@@ -17941,6 +18051,7 @@ label.custom-control-label {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
+
 .management-bar-primary .navbar-nav .nav-link:active {
   color: #272833;
   background-color: rgba(39, 40, 51, 0.06);
@@ -17969,6 +18080,7 @@ label.custom-control-label {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
+
 .management-bar-primary .navbar-brand:active {
   color: #272833;
   background-color: rgba(39, 40, 51, 0.06);
@@ -18432,6 +18544,7 @@ label.custom-control-label {
 .navigation-bar .navbar-nav .nav-link.focus, .navigation-bar .navbar-nav .nav-link:focus-visible, .c-prefers-focus .navigation-bar .navbar-nav .nav-link:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
+
 .navigation-bar .navbar-nav .nav-link:disabled, .navigation-bar .navbar-nav .nav-link.disabled {
   box-shadow: none;
 }
@@ -18444,6 +18557,7 @@ label.custom-control-label {
 .navigation-bar .navbar-brand.focus, .navigation-bar .navbar-brand:focus-visible, .c-prefers-focus .navigation-bar .navbar-brand:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
 }
+
 .navigation-bar .navbar-brand:disabled, .navigation-bar .navbar-brand.disabled {
   box-shadow: none;
 }
@@ -18461,6 +18575,7 @@ label.custom-control-label {
 .navigation-bar-light .navbar-nav .nav-link.focus, .navigation-bar-light .navbar-nav .nav-link:focus-visible, .c-prefers-focus .navigation-bar-light .navbar-nav .nav-link:focus {
   color: #272833;
 }
+
 .navigation-bar-light .navbar-nav .nav-link:active {
   color: #272833;
 }
@@ -18483,6 +18598,7 @@ label.custom-control-label {
 .navigation-bar-light .navbar-brand.focus, .navigation-bar-light .navbar-brand:focus-visible, .c-prefers-focus .navigation-bar-light .navbar-brand:focus {
   color: #272833;
 }
+
 .navigation-bar-light .navbar-brand:active {
   color: #272833;
 }
@@ -18514,6 +18630,7 @@ label.custom-control-label {
   .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.focus, .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus-visible, .c-prefers-focus .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
     color: #272833;
   }
+
   .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
     color: #272833;
   }
@@ -18551,6 +18668,7 @@ label.custom-control-label {
 .navigation-bar-secondary .navbar-nav .nav-link.focus, .navigation-bar-secondary .navbar-nav .nav-link:focus-visible, .c-prefers-focus .navigation-bar-secondary .navbar-nav .nav-link:focus {
   color: #fff;
 }
+
 .navigation-bar-secondary .navbar-nav .nav-link:active {
   color: #fff;
 }
@@ -18577,6 +18695,7 @@ label.custom-control-label {
 .navigation-bar-secondary .navbar-brand.focus, .navigation-bar-secondary .navbar-brand:focus-visible, .c-prefers-focus .navigation-bar-secondary .navbar-brand:focus {
   color: #fff;
 }
+
 .navigation-bar-secondary .navbar-brand:active {
   color: #fff;
 }
@@ -18608,6 +18727,7 @@ label.custom-control-label {
   .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.focus, .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus-visible, .c-prefers-focus .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
     color: #fff;
   }
+
   .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
     color: #fff;
   }
@@ -18719,6 +18839,7 @@ label.custom-control-label {
   right: 0;
   top: 0;
 }
+
 .page-link:active {
   background-color: rgba(11, 95, 255, 0.06);
   border-color: transparent;
@@ -18816,6 +18937,7 @@ label.custom-control-label {
 .page-item.disabled .page-link.focus::after, .page-item.disabled .page-link:focus-visible::after, .c-prefers-focus .page-item.disabled .page-link:focus::after {
   content: none;
 }
+
 .page-item.disabled .page-link:active {
   pointer-events: none;
 }
@@ -18914,6 +19036,7 @@ label.custom-control-label {
   right: 0;
   top: 0;
 }
+
 .pagination-items-per-page > a:active,
 .pagination-items-per-page > button:active {
   background-color: rgba(11, 95, 255, 0.06);
@@ -19006,6 +19129,7 @@ label.custom-control-label {
 .c-prefers-focus .pagination-items-per-page.disabled > button:focus::after {
   content: none;
 }
+
 @media (max-width: 767.98px) {
   .pagination-items-per-page + .pagination-results {
     margin-left: auto;
@@ -19188,6 +19312,7 @@ label.custom-control-label {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .panel-header-link .collapse-icon {
   padding-right: 2.28125rem;
 }
@@ -19480,6 +19605,7 @@ label.custom-control-label {
 .panel-unstyled .panel-header.panel-header-link.focus, .panel-unstyled .panel-header.panel-header-link:focus-visible, .c-prefers-focus .panel-unstyled .panel-header.panel-header-link:focus {
   box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #5791ff;
 }
+
 .panel-unstyled .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
 .panel-unstyled .panel-header:not(.collapse-icon-middle) .collapse-icon-open {
   right: 0;
@@ -20302,6 +20428,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
   box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #5791ff;
   outline: 0;
 }
+
 .sheet-tertiary-title {
   color: #1c1c24;
   display: block;
@@ -20550,6 +20677,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
+
 .sidebar-footer {
   padding-bottom: 1rem;
   padding-left: 1rem;
@@ -20631,10 +20759,12 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
   margin-bottom: 0.25rem;
   text-transform: uppercase;
 }
+
 .sidebar-dd {
   font-size: 0.875rem;
   margin-bottom: 0.75rem;
 }
+
 .sidebar-sm {
   font-size: 0.875rem;
 }
@@ -20676,6 +20806,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
 .sidebar-light .panel-unstyled .panel-header.panel-header-link.focus, .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus-visible, .c-prefers-focus .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus {
   box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #5791ff;
 }
+
 .sidebar-light .component-navigation-bar {
   background-color: #fff;
   border-color: #cdced9;
@@ -20761,6 +20892,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .sidebar-dark .nav-nested .nav-link:active {
   color: #fff;
 }
@@ -20823,6 +20955,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .sidebar-dark-l2 .nav-nested .nav-link:active {
   color: #fff;
 }
@@ -21055,6 +21188,7 @@ caption {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .table thead .autofit-col {
   padding-left: 0.125rem;
   padding-right: 0.125rem;
@@ -21156,6 +21290,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.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
+
 .table .custom-control,
 .table .form-check {
   margin-bottom: 0;
@@ -21544,6 +21679,7 @@ td.table-focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .table-link {
   color: #272833;
   border-radius: 1px;
@@ -21567,6 +21703,7 @@ td.table-focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .table-action-link {
   align-items: center;
   border-radius: 0.25rem;
@@ -21599,6 +21736,7 @@ td.table-focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .table-action-link:active {
   background-color: rgba(0, 0, 0, 0.04);
 }
@@ -21872,6 +22010,7 @@ td.table-focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .table-list-link {
   color: #272833;
   border-radius: 1px;
@@ -21895,6 +22034,7 @@ td.table-focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .table-list-action-link {
   align-items: center;
   display: inline-flex;
@@ -21926,6 +22066,7 @@ td.table-focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
   outline: 0;
 }
+
 .table-list-action-link:active {
   background-color: rgba(0, 0, 0, 0.04);
 }
@@ -22640,9 +22781,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 #5791ff, 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 #5791ff, inset 0 0 0 0.25rem #fff;
-}
+
 .tbar-stacked .tbar-btn-monospaced .c-inner {
   margin-bottom: 0;
   margin-left: 0;
@@ -22669,6 +22808,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: #272833;
 }
+
 .tbar-light .tbar-btn-monospaced:active {
   background-color: #f1f2f5;
   color: #272833;
@@ -22705,6 +22845,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;
@@ -22740,6 +22881,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;
@@ -22748,6 +22890,16 @@ td.table-focus {
   background-color: rgba(255, 255, 255, 0.06);
   color: #fff;
 }
+.tbar-dark-d1 .tbar-btn-monospaced.active::after {
+  background-color: #80acff;
+  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;
 }
@@ -22755,6 +22907,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: #80acff;
+  bottom: 0;
+  content: "";
+  display: block;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 0.25rem;
+}
 .tbar-dark-d1 .tbar-label {
   border-width: 0.0625rem;
 }
@@ -23686,9 +23848,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.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
-.treeview .btn-monospaced:active:focus-visible, .c-prefers-focus .treeview .btn-monospaced:active:focus {
-  box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
-}
+
 .treeview .custom-control {
   margin-left: 4px;
   margin-right: 4px;
@@ -23712,6 +23872,7 @@ td.table-focus {
 .treeview .component-action.focus, .treeview .component-action:focus-visible, .c-prefers-focus .treeview .component-action:focus {
   color: #6b6c7e;
 }
+
 .treeview .component-action:active {
   background-color: transparent;
 }
@@ -23845,6 +24006,7 @@ td.table-focus {
   box-shadow: inset 0 0 0 0.125rem #5791ff, inset 0 0 0 0.25rem #fff;
   outline: 0;
 }
+
 .treeview-link:disabled, .treeview-link.disabled {
   cursor: not-allowed;
 }
@@ -23903,6 +24065,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.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
+
 .treeview-light .treeview-link:active {
   background-color: #f0f5ff;
   box-shadow: inset 0 0 0 1px #0b5fff;
@@ -23926,6 +24089,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.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
+
 .treeview-light .treeview-link.treeview-no-hover:hover, .treeview-light .treeview-link.treeview-no-hover.hover {
   background-color: transparent;
   color: #6b6c7e;
@@ -23946,6 +24110,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.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
+
 .treeview-dark .treeview-link:active {
   background-color: #393a4a;
   box-shadow: inset 0 0 0 1px #0b5fff;
@@ -23969,6 +24134,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.125rem #5791ff, inset 0 0 0 0.25rem #fff;
 }
+
 .treeview-dark .treeview-link.treeview-no-hover:hover, .treeview-dark .treeview-link.treeview-no-hover.hover {
   background-color: transparent;
   color: #a7a9bc;