@clayui/css 3.127.0 → 3.130.0

package/lib/css/atlas.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.127.0
+ * Clay 3.130.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -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,
@@ -388,7 +389,7 @@ mark.clay-dark,
   background-color: #393a4a;
   color: #fff;
 }
-.list-unstyled {
+.dropdown-section-grid, .list-unstyled {
   list-style: none;
   padding-left: 0;
 }
@@ -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;
@@ -6976,6 +7040,14 @@ input[type=button].btn-block {
   color: #272833;
 }
 
+.dropdown-section-grid {
+  display: grid;
+  gap: 0.5rem 0.75rem;
+  grid-template-columns: repeat(9, 1fr);
+  margin-bottom: 0;
+  padding: 0.375rem 1rem;
+}
+
 .dropdown-footer {
   box-shadow: -1px -2px 3px -3px rgba(0, 0, 0, 0.5);
   padding: 0.5rem 1rem 0;
@@ -7101,6 +7173,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;
@@ -7163,6 +7236,10 @@ input[type=button].btn-block {
 .dropdown-menu-select.dropdown-menu.dropdown-menu-indicator-end .dropdown-item-indicator-end {
   right: 0.5rem;
 }
+.dropdown-menu-select.dropdown-menu .inline-scroller {
+  max-height: 224px;
+}
+
 .dropdown-menu-select.dropdown-menu-height-lg .inline-scroller {
   max-height: 432px;
 }
@@ -7350,6 +7427,7 @@ input[type=button].btn-block {
   color: inherit;
   text-decoration: inherit;
 }
+
 .dropdown-item-indicator-text-start > .c-inner {
   margin-left: -1.75rem;
 }
@@ -7406,6 +7484,7 @@ input[type=button].btn-block {
   color: inherit;
   text-decoration: inherit;
 }
+
 .dropdown-item-indicator-text-end > .c-inner {
   margin-right: -1.75rem;
 }
@@ -7419,6 +7498,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-top-right {
   bottom: 100% !important;
   left: auto !important;
@@ -7429,6 +7509,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-top-center {
   bottom: 100% !important;
   left: 50% !important;
@@ -7439,6 +7520,7 @@ input[type=button].btn-block {
   transform: translateX(-50%) !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-center {
   bottom: auto !important;
   left: 50% !important;
@@ -7447,6 +7529,7 @@ input[type=button].btn-block {
   transform: translateX(-50%) !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-left-side {
   bottom: auto !important;
   left: auto !important;
@@ -7457,6 +7540,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-left-side-bottom {
   bottom: 0 !important;
   left: auto !important;
@@ -7467,6 +7551,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-left-side-middle {
   bottom: auto !important;
   left: auto !important;
@@ -7477,6 +7562,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;
@@ -7487,6 +7573,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-right-side-bottom {
   bottom: 0 !important;
   left: 100% !important;
@@ -7497,6 +7584,7 @@ input[type=button].btn-block {
   transform: none !important;
   will-change: auto !important;
 }
+
 .dropdown-menu-right-side-middle {
   bottom: auto !important;
   left: 100% !important;
@@ -7507,6 +7595,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;
@@ -7540,6 +7629,7 @@ input[type=button].btn-block {
 .dropdown-menu-width-shrink {
   min-width: 0;
 }
+
 .dropdown-menu-width-full {
   left: 12px !important;
   right: 12px !important;
@@ -7580,6 +7670,7 @@ input[type=button].btn-block {
   max-width: none;
   width: 100%;
 }
+
 .nav-item.dropdown-full {
   position: static;
 }
@@ -8112,7 +8203,6 @@ select.form-control {
   background-size: 1.5em 1.5em;
   cursor: pointer;
   padding-right: 2em;
-  color: #272833;
 }
 select.form-control.focus, select.form-control:focus-visible, .c-prefers-focus select.form-control:focus {
   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%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
@@ -8164,7 +8254,6 @@ select.form-control[size] {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   scrollbar-width: thin;
-  color: #272833;
 }
 select.form-control[size].focus, select.form-control[size]:focus-visible, .c-prefers-focus select.form-control[size]:focus {
   background-image: none;
@@ -8200,7 +8289,6 @@ select.form-control[multiple] {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   scrollbar-width: thin;
-  color: #272833;
 }
 select.form-control[multiple].focus, select.form-control[multiple]:focus-visible, .c-prefers-focus select.form-control[multiple]:focus {
   background-image: none;
@@ -8229,8 +8317,14 @@ select.form-control[multiple] option:checked {
   }
 }
 
+.form-control-shrink {
+  max-width: 100%;
+  white-space: nowrap;
+  width: min-content;
+}
 .form-control-select-secondary {
   background-color: #fff;
+  border-color: #9b92a5;
   color: #6b6c7e;
 }
 .form-control-select-secondary:hover, .form-control-select-secondary.hover {
@@ -8668,6 +8762,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;
 }
@@ -8677,6 +8772,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;
 }
@@ -8706,6 +8802,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;
 }
@@ -8733,6 +8830,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;
@@ -8756,6 +8854,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;
 }
@@ -8795,6 +8894,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;
 }
@@ -8824,6 +8924,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;
@@ -8856,6 +8957,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;
@@ -8939,6 +9041,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;
@@ -8975,6 +9078,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;
@@ -9011,6 +9115,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;
@@ -9565,9 +9670,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;
@@ -9587,6 +9690,7 @@ button.link-outline {
   font-weight: 600;
   max-width: calc(100% - 2rem);
 }
+
 .clay-color-footer {
   margin-bottom: 1rem;
 }
@@ -10052,6 +10156,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;
@@ -10066,11 +10171,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;
 }
@@ -10090,6 +10190,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;
@@ -10098,6 +10201,7 @@ label.custom-control-label {
   background-color: #fff;
   border-color: #6b6c7e;
 }
+
 .custom-checkbox .custom-control-input ~ .custom-control-label::before {
   border-radius: 0.125rem;
 }
@@ -10105,10 +10209,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;
@@ -10151,6 +10251,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%;
 }
@@ -10161,16 +10262,13 @@ 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;
+  display: inline-block;
   padding-left: calc( 					1rem + 0.5rem 				);
 }
 .custom-control-outside .custom-control-label-text {
@@ -10179,6 +10277,7 @@ label.custom-control-label {
 .custom-control-outside .custom-control-input ~ .custom-control-label::before {
   position: absolute;
 }
+
 .custom-control-inline {
   display: inline-flex;
 }
@@ -10527,9 +10626,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;
@@ -10704,12 +10801,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;
 }
@@ -10751,7 +10846,6 @@ label.custom-control-label {
   .date-picker-nav select.form-control {
     font-size: 0.75rem;
     height: 1.5rem;
-    color: #272833;
   }
 }
 .date-picker-nav select.form-control:hover, .date-picker-nav select.form-control.hover {
@@ -10781,7 +10875,6 @@ label.custom-control-label {
   .date-picker-nav .form-control-select {
     font-size: 0.75rem;
     height: 1.5rem;
-    color: #272833;
   }
 }
 .date-picker-nav .form-control-select:hover, .date-picker-nav .form-control-select.hover {
@@ -10982,13 +11075,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;
@@ -11317,15 +11408,12 @@ label.custom-control-label {
 }
 .has-error select.form-control {
   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%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23f48989'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23f48989'/%3E%3C/svg%3E");
-  color: #272833;
 }
 .has-error select.form-control[size] {
   background-image: none;
-  color: #272833;
 }
 .has-error select.form-control[multiple] {
   background-image: none;
-  color: #272833;
 }
 .has-error .input-group-item.focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
@@ -11376,15 +11464,12 @@ label.custom-control-label {
 }
 .has-warning select.form-control {
   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%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23ff8f39'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23ff8f39'/%3E%3C/svg%3E");
-  color: #272833;
 }
 .has-warning select.form-control[size] {
   background-image: none;
-  color: #272833;
 }
 .has-warning select.form-control[multiple] {
   background-image: none;
-  color: #272833;
 }
 .has-warning .input-group-item.focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
@@ -11435,15 +11520,12 @@ label.custom-control-label {
 }
 .has-success select.form-control {
   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%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%235aca75'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%235aca75'/%3E%3C/svg%3E");
-  color: #272833;
 }
 .has-success select.form-control[size] {
   background-image: none;
-  color: #272833;
 }
 .has-success select.form-control[multiple] {
   background-image: none;
-  color: #272833;
 }
 .has-success .input-group-item.focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
@@ -12008,7 +12090,8 @@ label.custom-control-label {
 .input-group .input-group-inset-item .btn .c-inner .lexicon-icon {
   margin-top: 0;
 }
-.input-group .input-group-inset-item .btn-monospaced {
+.input-group .input-group-inset-item .btn-monospaced,
+.input-group .input-group-inset-item .input-group-inset-icon {
   font-size: 1rem;
   height: 2rem;
   margin-bottom: -0.0625rem;
@@ -12022,6 +12105,14 @@ label.custom-control-label {
 .input-group .input-group-inset-item .form-file .btn {
   height: 100%;
 }
+.input-group .input-group-inset-icon {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.input-group .input-group-inset-icon .lexicon-icon {
+  margin-top: 0;
+}
 .input-group .input-group-item .input-group-inset-before.form-control {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
@@ -12301,6 +12392,7 @@ label.custom-control-label {
   color: #6b6c7e;
   text-transform: uppercase;
 }
+
 .list-group-title {
   font-size: 0.875rem;
   font-weight: 600;
@@ -12341,6 +12433,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;
@@ -12376,6 +12469,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;
@@ -12411,6 +12505,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;
@@ -12447,6 +12542,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;
 }
@@ -13436,6 +13532,7 @@ label.custom-control-label {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
+
 .multi-step-item-expand {
   flex-grow: 1;
   width: 75px;
@@ -13673,6 +13770,7 @@ label.custom-control-label {
   text-decoration: none;
   z-index: 1;
 }
+
 .nav-link:disabled, .nav-link.disabled {
   color: #a7a9bc;
   cursor: not-allowed;
@@ -13693,9 +13791,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;
 }
@@ -13718,6 +13814,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;
 }
@@ -13999,6 +14096,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;
@@ -14148,6 +14246,7 @@ label.custom-control-label {
   right: 0;
   top: 0;
 }
+
 .menubar-primary .nav-link:active {
   color: #272833;
 }
@@ -14190,6 +14289,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;
@@ -14341,6 +14441,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);
 }
@@ -14427,6 +14528,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);
@@ -14585,6 +14687,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);
 }
@@ -14671,6 +14774,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);
@@ -14723,7 +14827,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;
@@ -16649,6 +16753,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;
 }
@@ -16669,6 +16774,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;
 }
@@ -16695,6 +16801,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);
@@ -16721,6 +16828,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);
@@ -17836,6 +17944,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;
 }
@@ -17856,6 +17965,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;
 }
@@ -17879,6 +17989,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);
@@ -17906,6 +18017,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);
@@ -17948,6 +18060,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);
@@ -17976,6 +18089,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);
@@ -18439,6 +18553,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;
 }
@@ -18451,6 +18566,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;
 }
@@ -18468,6 +18584,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;
 }
@@ -18490,6 +18607,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;
 }
@@ -18521,6 +18639,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;
   }
@@ -18558,6 +18677,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;
 }
@@ -18584,6 +18704,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;
 }
@@ -18615,6 +18736,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;
   }
@@ -18726,6 +18848,7 @@ label.custom-control-label {
   right: 0;
   top: 0;
 }
+
 .page-link:active {
   background-color: rgba(11, 95, 255, 0.06);
   border-color: transparent;
@@ -18823,6 +18946,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;
 }
@@ -18921,6 +19045,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);
@@ -19013,6 +19138,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;
@@ -19195,6 +19321,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;
 }
@@ -19487,6 +19614,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;
@@ -20309,6 +20437,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;
@@ -20557,6 +20686,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;
@@ -20638,10 +20768,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;
 }
@@ -20683,6 +20815,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;
@@ -20768,6 +20901,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;
 }
@@ -20830,6 +20964,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;
 }
@@ -21062,6 +21197,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;
@@ -21163,6 +21299,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;
@@ -21551,6 +21688,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;
@@ -21574,6 +21712,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;
@@ -21606,6 +21745,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);
 }
@@ -21879,6 +22019,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;
@@ -21902,6 +22043,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;
@@ -21933,6 +22075,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);
 }
@@ -22647,9 +22790,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;
@@ -22676,6 +22817,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;
@@ -22712,6 +22854,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;
@@ -22747,6 +22890,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;
@@ -22755,6 +22899,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;
 }
@@ -22762,6 +22916,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;
 }
@@ -23693,9 +23857,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;
@@ -23719,6 +23881,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;
 }
@@ -23852,6 +24015,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;
 }
@@ -23910,6 +24074,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;
@@ -23933,6 +24098,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;
@@ -23953,6 +24119,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;
@@ -23976,6 +24143,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;
@@ -34675,13 +34843,27 @@ a.text-dark:hover, a.text-dark:focus {
   scroll-behavior: auto;
   transition: none;
 }
+.c-prefers-reduced-motion .loading-animation-squares::before {
+  background-color: transparent;
+  display: block;
+  font-size: inherit;
+  opacity: inherit;
+  transform: none;
+}
+.c-prefers-reduced-motion .loading-animation-squares::after {
+  font-size: inherit;
+  left: auto;
+  position: relative;
+  top: auto;
+  transform: none;
+}
 
 @keyframes loading-animation-circle {
   100% {
     transform: rotate(360deg);
   }
 }
-.loading-animation {
+.loading-animation, .c-prefers-reduced-motion .loading-animation-squares {
   display: block;
   height: 1em;
   margin-left: auto;
@@ -34692,7 +34874,7 @@ a.text-dark:hover, a.text-dark:focus {
   vertical-align: middle;
   width: 1em;
 }
-.loading-animation::before {
+.loading-animation::before, .c-prefers-reduced-motion .loading-animation-squares::before {
   animation: loading-animation-circle 1s linear infinite;
   border-radius: 50%;
   box-shadow: -0.03125em -0.375em 0 0 currentColor;
@@ -34706,15 +34888,15 @@ a.text-dark:hover, a.text-dark:focus {
   width: 0.25em;
 }
 @media (prefers-reduced-motion: reduce) {
-  .loading-animation::before {
+  .loading-animation::before, .c-prefers-reduced-motion .loading-animation-squares::before {
     animation: none;
   }
 }
-.c-prefers-reduced-motion .loading-animation::before {
+.c-prefers-reduced-motion .loading-animation::before, .c-prefers-reduced-motion .loading-animation-squares::before {
   animation: none;
 }
 
-.loading-animation::after {
+.loading-animation::after, .c-prefers-reduced-motion .loading-animation-squares::after {
   animation: loading-animation-circle 1s linear infinite;
   background-color: currentColor;
   border-radius: 50%;
@@ -34728,11 +34910,11 @@ a.text-dark:hover, a.text-dark:focus {
   width: 1em;
 }
 @media (prefers-reduced-motion: reduce) {
-  .loading-animation::after {
+  .loading-animation::after, .c-prefers-reduced-motion .loading-animation-squares::after {
     animation: none;
   }
 }
-.c-prefers-reduced-motion .loading-animation::after {
+.c-prefers-reduced-motion .loading-animation::after, .c-prefers-reduced-motion .loading-animation-squares::after {
   animation: none;
 }