@clayui/css 3.93.0 → 3.95.0

package/lib/css/atlas.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.93.0
+ * Clay 3.95.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -1218,9 +1218,6 @@ button.collapse-icon .c-inner {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
-.btn:active:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
-}
 .btn:disabled, .btn.disabled {
   cursor: not-allowed;
   opacity: 0.4;
@@ -1427,7 +1424,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
-.btn-primary:focus, .focus.btn-primary {
+.btn-primary:focus, .btn-primary.focus {
   background-color: #0053f0;
   border-color: #004ad7;
   color: #fff;
@@ -1437,26 +1434,21 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
-.active.btn-primary {
+.btn-primary.active {
   background-color: #004ad7;
   border-color: transparent;
   color: #fff;
 }
-.btn-primary:disabled, .disabled.btn-primary {
+.btn-primary:disabled, .btn-primary.disabled {
   background-color: #0b5fff;
   border-color: #0b5fff;
   color: #fff;
 }
-[aria-expanded=true].btn-primary, .show.btn-primary {
+.btn-primary[aria-expanded=true], .btn-primary.show {
   background-color: #004ad7;
   border-color: transparent;
   color: #fff;
 }
-.form-file-input:focus + .btn-primary {
-  background-color: #0053f0;
-  border-color: #004ad7;
-  color: #fff;
-}
 .btn-secondary {
   background-color: #fff;
   border-color: #88889a;
@@ -1467,7 +1459,7 @@ input[type=button].btn-block {
   border-color: #88889a;
   color: #272833;
 }
-.btn-secondary:focus, .focus.btn-secondary {
+.btn-secondary:focus, .btn-secondary.focus {
   background-color: #f7f8f9;
   border-color: #88889a;
   color: #272833;
@@ -1477,26 +1469,21 @@ input[type=button].btn-block {
   border-color: #88889a;
   color: #272833;
 }
-.active.btn-secondary {
+.btn-secondary.active {
   background-color: #f1f2f5;
   border-color: #88889a;
   color: #272833;
 }
-.btn-secondary:disabled, .disabled.btn-secondary {
+.btn-secondary:disabled, .btn-secondary.disabled {
   background-color: #fff;
   border-color: #88889a;
   color: #6b6c7e;
 }
-[aria-expanded=true].btn-secondary, .show.btn-secondary {
+.btn-secondary[aria-expanded=true], .btn-secondary.show {
   background-color: #f1f2f5;
   border-color: #88889a;
   color: #272833;
 }
-.form-file-input:focus + .btn-secondary {
-  background-color: #f7f8f9;
-  border-color: #88889a;
-  color: #272833;
-}
 .btn-success {
   background-color: #287d3c;
   border-color: #287d3c;
@@ -1507,7 +1494,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
-.btn-success:focus, .focus.btn-success {
+.btn-success:focus, .btn-success.focus {
   background-color: #226a33;
   border-color: transparent;
   color: #fff;
@@ -1517,26 +1504,21 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
-.active.btn-success {
+.btn-success.active {
   background-color: #1c5629;
   border-color: transparent;
   color: #fff;
 }
-.btn-success:disabled, .disabled.btn-success {
+.btn-success:disabled, .btn-success.disabled {
   background-color: #287d3c;
   border-color: #287d3c;
   color: #fff;
 }
-[aria-expanded=true].btn-success, .show.btn-success {
+.btn-success[aria-expanded=true], .btn-success.show {
   background-color: #1c5629;
   border-color: transparent;
   color: #fff;
 }
-.form-file-input:focus + .btn-success {
-  background-color: #226a33;
-  border-color: transparent;
-  color: #fff;
-}
 .btn-info {
   background-color: #2e5aac;
   border-color: #2e5aac;
@@ -1547,7 +1529,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
-.btn-info:focus, .focus.btn-info {
+.btn-info:focus, .btn-info.focus {
   background-color: #294f98;
   border-color: transparent;
   color: #fff;
@@ -1557,17 +1539,17 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
-.active.btn-info {
+.btn-info.active {
   background-color: #234584;
   border-color: transparent;
   color: #fff;
 }
-.btn-info:disabled, .disabled.btn-info {
+.btn-info:disabled, .btn-info.disabled {
   background-color: #2e5aac;
   border-color: #2e5aac;
   color: #fff;
 }
-[aria-expanded=true].btn-info, .show.btn-info {
+.btn-info[aria-expanded=true], .btn-info.show {
   background-color: #234584;
   border-color: transparent;
   color: #fff;
@@ -1582,7 +1564,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
-.btn-warning:focus, .focus.btn-warning {
+.btn-warning:focus, .btn-warning.focus {
   background-color: #9f4500;
   border-color: transparent;
   color: #fff;
@@ -1592,26 +1574,21 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
-.active.btn-warning {
+.btn-warning.active {
   background-color: #863a00;
   border-color: transparent;
   color: #fff;
 }
-.btn-warning:disabled, .disabled.btn-warning {
+.btn-warning:disabled, .btn-warning.disabled {
   background-color: #b95000;
   border-color: #b95000;
   color: #fff;
 }
-[aria-expanded=true].btn-warning, .show.btn-warning {
+.btn-warning[aria-expanded=true], .btn-warning.show {
   background-color: #863a00;
   border-color: transparent;
   color: #fff;
 }
-.form-file-input:focus + .btn-warning {
-  background-color: #9f4500;
-  border-color: transparent;
-  color: #fff;
-}
 .btn-danger {
   background-color: #da1414;
   border-color: #da1414;
@@ -1622,7 +1599,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
-.btn-danger:focus, .focus.btn-danger {
+.btn-danger:focus, .btn-danger.focus {
   background-color: #c31212;
   border-color: transparent;
   color: #fff;
@@ -1632,26 +1609,21 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
-.active.btn-danger {
+.btn-danger.active {
   background-color: #ab1010;
   border-color: transparent;
   color: #fff;
 }
-.btn-danger:disabled, .disabled.btn-danger {
+.btn-danger:disabled, .btn-danger.disabled {
   background-color: #da1414;
   border-color: #da1414;
   color: #fff;
 }
-[aria-expanded=true].btn-danger, .show.btn-danger {
+.btn-danger[aria-expanded=true], .btn-danger.show {
   background-color: #ab1010;
   border-color: transparent;
   color: #fff;
 }
-.form-file-input:focus + .btn-danger {
-  background-color: #c31212;
-  border-color: transparent;
-  color: #fff;
-}
 .btn-light {
   background-color: #f1f2f5;
   border-color: #f1f2f5;
@@ -1662,7 +1634,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #272833;
 }
-.btn-light:focus, .focus.btn-light {
+.btn-light:focus, .btn-light.focus {
   background-color: #e2e4ea;
   border-color: transparent;
   color: #272833;
@@ -1672,26 +1644,21 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #272833;
 }
-.active.btn-light {
+.btn-light.active {
   background-color: #d3d6e0;
   border-color: transparent;
   color: #272833;
 }
-.btn-light:disabled, .disabled.btn-light {
+.btn-light:disabled, .btn-light.disabled {
   background-color: #f1f2f5;
   border-color: #f1f2f5;
   color: #272833;
 }
-[aria-expanded=true].btn-light, .show.btn-light {
+.btn-light[aria-expanded=true], .btn-light.show {
   background-color: #d3d6e0;
   border-color: transparent;
   color: #272833;
 }
-.form-file-input:focus + .btn-light {
-  background-color: #e2e4ea;
-  border-color: transparent;
-  color: #272833;
-}
 .btn-dark {
   background-color: #272833;
   border-color: #272833;
@@ -1702,7 +1669,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
-.btn-dark:focus, .focus.btn-dark {
+.btn-dark:focus, .btn-dark.focus {
   background-color: #1c1c24;
   border-color: transparent;
   color: #fff;
@@ -1712,26 +1679,21 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
-.active.btn-dark {
+.btn-dark.active {
   background-color: #111116;
   border-color: transparent;
   color: #fff;
 }
-.btn-dark:disabled, .disabled.btn-dark {
+.btn-dark:disabled, .btn-dark.disabled {
   background-color: #272833;
   border-color: #272833;
   color: #fff;
 }
-[aria-expanded=true].btn-dark, .show.btn-dark {
+.btn-dark[aria-expanded=true], .btn-dark.show {
   background-color: #111116;
   border-color: transparent;
   color: #fff;
 }
-.form-file-input:focus + .btn-dark {
-  background-color: #1c1c24;
-  border-color: transparent;
-  color: #fff;
-}
 .btn-link {
   border-radius: 1px;
   box-shadow: none;
@@ -1743,14 +1705,14 @@ input[type=button].btn-block {
   color: #004ad7;
   text-decoration: underline;
 }
-.btn-link:focus, .focus.btn-link {
+.btn-link:focus, .btn-link.focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   text-decoration: none;
 }
 .btn-link:active:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
-.btn-link:disabled, .disabled.btn-link {
+.btn-link:disabled, .btn-link.disabled {
   box-shadow: none;
   color: #0b5fff;
   text-decoration: none;
@@ -1777,7 +1739,7 @@ input[type=button].btn-block {
   border-color: #0b5fff;
   color: #0b5fff;
 }
-.btn-outline-primary:focus, .focus.btn-outline-primary {
+.btn-outline-primary:focus, .btn-outline-primary.focus {
   background-color: #f0f5ff;
   color: #0b5fff;
 }
@@ -1786,15 +1748,15 @@ input[type=button].btn-block {
   border-color: #0b5fff;
   color: #0b5fff;
 }
-.active.btn-outline-primary {
+.btn-outline-primary.active {
   background-color: #e6edf8;
   border-color: #0b5fff;
   color: #0b5fff;
 }
-.btn-outline-primary:disabled, .disabled.btn-outline-primary {
+.btn-outline-primary:disabled, .btn-outline-primary.disabled {
   background-color: transparent;
 }
-[aria-expanded=true].btn-outline-primary, .show.btn-outline-primary {
+.btn-outline-primary[aria-expanded=true], .btn-outline-primary.show {
   background-color: #e6edf8;
   border-color: #0b5fff;
   color: #0b5fff;
@@ -1808,7 +1770,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #272833;
 }
-.btn-outline-secondary:focus, .focus.btn-outline-secondary {
+.btn-outline-secondary:focus, .btn-outline-secondary.focus {
   background-color: rgba(39, 40, 51, 0.03);
   border-color: transparent;
   color: #272833;
@@ -1818,17 +1780,17 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #272833;
 }
-.active.btn-outline-secondary {
+.btn-outline-secondary.active {
   background-color: rgba(39, 40, 51, 0.06);
   border-color: transparent;
   color: #272833;
 }
-.btn-outline-secondary:disabled, .disabled.btn-outline-secondary {
+.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
   background-color: transparent;
   color: #6b6c7e;
   border-color: #6b6c7e;
 }
-[aria-expanded=true].btn-outline-secondary, .show.btn-outline-secondary {
+.btn-outline-secondary[aria-expanded=true], .btn-outline-secondary.show {
   background-color: rgba(39, 40, 51, 0.06);
   border-color: transparent;
   color: #272833;
@@ -1842,7 +1804,7 @@ input[type=button].btn-block {
   border-color: #287d3c;
   color: #fff;
 }
-.btn-outline-success:focus, .focus.btn-outline-success {
+.btn-outline-success:focus, .btn-outline-success.focus {
   background-color: #226a33;
   color: #fff;
 }
@@ -1851,16 +1813,16 @@ input[type=button].btn-block {
   border-color: #287d3c;
   color: #fff;
 }
-.active.btn-outline-success {
+.btn-outline-success.active {
   background-color: #1c5629;
   border-color: #287d3c;
   color: #fff;
 }
-.btn-outline-success:disabled, .disabled.btn-outline-success {
+.btn-outline-success:disabled, .btn-outline-success.disabled {
   background-color: transparent;
   color: #287d3c;
 }
-[aria-expanded=true].btn-outline-success, .show.btn-outline-success {
+.btn-outline-success[aria-expanded=true], .btn-outline-success.show {
   background-color: #1c5629;
   border-color: #287d3c;
   color: #fff;
@@ -1874,7 +1836,7 @@ input[type=button].btn-block {
   border-color: #2e5aac;
   color: #fff;
 }
-.btn-outline-info:focus, .focus.btn-outline-info {
+.btn-outline-info:focus, .btn-outline-info.focus {
   background-color: #294f98;
   color: #fff;
 }
@@ -1883,16 +1845,16 @@ input[type=button].btn-block {
   border-color: #2e5aac;
   color: #fff;
 }
-.active.btn-outline-info {
+.btn-outline-info.active {
   background-color: #234584;
   border-color: #2e5aac;
   color: #fff;
 }
-.btn-outline-info:disabled, .disabled.btn-outline-info {
+.btn-outline-info:disabled, .btn-outline-info.disabled {
   background-color: transparent;
   color: #2e5aac;
 }
-[aria-expanded=true].btn-outline-info, .show.btn-outline-info {
+.btn-outline-info[aria-expanded=true], .btn-outline-info.show {
   background-color: #234584;
   border-color: #2e5aac;
   color: #fff;
@@ -1906,7 +1868,7 @@ input[type=button].btn-block {
   border-color: #b95000;
   color: #fff;
 }
-.btn-outline-warning:focus, .focus.btn-outline-warning {
+.btn-outline-warning:focus, .btn-outline-warning.focus {
   background-color: #9f4500;
   color: #fff;
 }
@@ -1915,16 +1877,16 @@ input[type=button].btn-block {
   border-color: #b95000;
   color: #fff;
 }
-.active.btn-outline-warning {
+.btn-outline-warning.active {
   background-color: #863a00;
   border-color: #b95000;
   color: #fff;
 }
-.btn-outline-warning:disabled, .disabled.btn-outline-warning {
+.btn-outline-warning:disabled, .btn-outline-warning.disabled {
   background-color: transparent;
   color: #b95000;
 }
-[aria-expanded=true].btn-outline-warning, .show.btn-outline-warning {
+.btn-outline-warning[aria-expanded=true], .btn-outline-warning.show {
   background-color: #863a00;
   border-color: #b95000;
   color: #fff;
@@ -1938,7 +1900,7 @@ input[type=button].btn-block {
   border-color: #da1414;
   color: #fff;
 }
-.btn-outline-danger:focus, .focus.btn-outline-danger {
+.btn-outline-danger:focus, .btn-outline-danger.focus {
   background-color: #c31212;
   color: #fff;
 }
@@ -1947,16 +1909,16 @@ input[type=button].btn-block {
   border-color: #da1414;
   color: #fff;
 }
-.active.btn-outline-danger {
+.btn-outline-danger.active {
   background-color: #ab1010;
   border-color: #da1414;
   color: #fff;
 }
-.btn-outline-danger:disabled, .disabled.btn-outline-danger {
+.btn-outline-danger:disabled, .btn-outline-danger.disabled {
   background-color: transparent;
   color: #da1414;
 }
-[aria-expanded=true].btn-outline-danger, .show.btn-outline-danger {
+.btn-outline-danger[aria-expanded=true], .btn-outline-danger.show {
   background-color: #ab1010;
   border-color: #da1414;
   color: #fff;
@@ -1970,7 +1932,7 @@ input[type=button].btn-block {
   border-color: #f1f2f5;
   color: #272833;
 }
-.btn-outline-light:focus, .focus.btn-outline-light {
+.btn-outline-light:focus, .btn-outline-light.focus {
   background-color: #e2e4ea;
   color: #272833;
 }
@@ -1979,16 +1941,16 @@ input[type=button].btn-block {
   border-color: #f1f2f5;
   color: #272833;
 }
-.active.btn-outline-light {
+.btn-outline-light.active {
   background-color: #d3d6e0;
   border-color: #f1f2f5;
   color: #272833;
 }
-.btn-outline-light:disabled, .disabled.btn-outline-light {
+.btn-outline-light:disabled, .btn-outline-light.disabled {
   background-color: transparent;
   color: #f1f2f5;
 }
-[aria-expanded=true].btn-outline-light, .show.btn-outline-light {
+.btn-outline-light[aria-expanded=true], .btn-outline-light.show {
   background-color: #d3d6e0;
   border-color: #f1f2f5;
   color: #272833;
@@ -2002,7 +1964,7 @@ input[type=button].btn-block {
   border-color: #272833;
   color: #fff;
 }
-.btn-outline-dark:focus, .focus.btn-outline-dark {
+.btn-outline-dark:focus, .btn-outline-dark.focus {
   background-color: #1c1c24;
   color: #fff;
 }
@@ -2011,16 +1973,16 @@ input[type=button].btn-block {
   border-color: #272833;
   color: #fff;
 }
-.active.btn-outline-dark {
+.btn-outline-dark.active {
   background-color: #111116;
   border-color: #272833;
   color: #fff;
 }
-.btn-outline-dark:disabled, .disabled.btn-outline-dark {
+.btn-outline-dark:disabled, .btn-outline-dark.disabled {
   background-color: transparent;
   color: #272833;
 }
-[aria-expanded=true].btn-outline-dark, .show.btn-outline-dark {
+.btn-outline-dark[aria-expanded=true], .btn-outline-dark.show {
   background-color: #111116;
   border-color: #272833;
   color: #fff;
@@ -4340,7 +4302,7 @@ input[type=button].btn-block {
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(39, 40, 51, 0.5);
 }
-.badge-beta {
+if true, .badge-beta, badge-beta {
   background-color: #f7f8f9;
   color: #294f98;
   text-transform: uppercase;
@@ -12031,8 +11993,8 @@ label.custom-control-label {
 .modal-content {
   background-clip: padding-box;
   background-color: #fff;
-  border: 0.0625rem solid transparent;
   border-radius: 0.375rem;
+  border: 0.0625rem solid transparent;
   box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
   display: flex;
   flex-direction: column;
@@ -12078,13 +12040,9 @@ label.custom-control-label {
 
 .modal-footer {
   align-items: center;
+  border-bottom-left-radius: calc( 	0.375rem - 0.0625rem );
+  border-bottom-right-radius: calc( 	0.375rem - 0.0625rem );
   border-top: 0.0625rem solid #e7e7ed;
-  border-bottom-left-radius: calc(
-	0.375rem - 0.0625rem
-);
-  border-bottom-right-radius: calc(
-	0.375rem - 0.0625rem
-);
   display: flex;
   flex-shrink: 0;
   flex-wrap: wrap;
@@ -12095,9 +12053,8 @@ label.custom-control-label {
   padding-top: 0.75rem;
 }
 .modal-footer > * {
-  margin: 0.25rem;
+  margin: calc(0.5rem * 0.5);
 }
-
 .modal-item-group {
   align-items: center;
   display: flex;
@@ -12171,13 +12128,6 @@ label.custom-control-label {
   margin-right: 0.25rem;
 }
 
-.modal .close:first-child {
-  margin-left: -0.3125rem;
-}
-.modal .close:last-child {
-  margin-right: -0.3125rem;
-}
-
 .close + .modal-title {
   margin-left: 0.3125rem;
 }
@@ -12323,21 +12273,69 @@ label.custom-control-label {
   border-color: #5aca75;
   color: #287d3c;
 }
+.modal-success .modal-header .close {
+  color: #287d3c;
+}
+.modal-success .modal-header .close .hover {
+  color: inherit;
+}
+.modal-success .modal-header .close .focus {
+  color: inherit;
+}
+.modal-success .modal-header .close .disabled {
+  color: inherit;
+}
 .modal-info .modal-header {
   background-color: #eef2fa;
   border-color: #89a7e0;
   color: #2e5aac;
 }
+.modal-info .modal-header .close {
+  color: #2e5aac;
+}
+.modal-info .modal-header .close .hover {
+  color: inherit;
+}
+.modal-info .modal-header .close .focus {
+  color: inherit;
+}
+.modal-info .modal-header .close .disabled {
+  color: inherit;
+}
 .modal-warning .modal-header {
   background-color: #fff4ec;
   border-color: #ff8f39;
   color: #b95000;
 }
+.modal-warning .modal-header .close {
+  color: #b95000;
+}
+.modal-warning .modal-header .close .hover {
+  color: inherit;
+}
+.modal-warning .modal-header .close .focus {
+  color: inherit;
+}
+.modal-warning .modal-header .close .disabled {
+  color: inherit;
+}
 .modal-danger .modal-header {
   background-color: #feefef;
   border-color: #f48989;
   color: #da1414;
 }
+.modal-danger .modal-header .close {
+  color: #da1414;
+}
+.modal-danger .modal-header .close .hover {
+  color: inherit;
+}
+.modal-danger .modal-header .close .focus {
+  color: inherit;
+}
+.modal-danger .modal-header .close .disabled {
+  color: inherit;
+}
 .modal-scrollbar-measure {
   height: 50px;
   overflow: scroll;
@@ -12864,96 +12862,83 @@ label.custom-control-label {
   flex-direction: column;
   flex-wrap: nowrap;
 }
-.nav-nested .nav > li > a {
+.nav-nested .nav > li > a,
+.nav-nested .nav > li > .btn {
   padding-left: calc(1rem * 2);
 }
+.nav-nested .nav > li > a .c-inner,
+.nav-nested .nav > li > .btn .c-inner {
+  margin-left: calc(1rem * -2);
+}
 .nav-nested .nav > li > .nav-equal-height-heading {
   padding-left: calc(1rem * 1);
 }
-.nav-nested .nav .nav > li > a {
+.nav-nested .nav .nav > li > a,
+.nav-nested .nav .nav > li > .btn {
   padding-left: calc(1rem * 3);
 }
+.nav-nested .nav .nav > li > a .c-inner,
+.nav-nested .nav .nav > li > .btn .c-inner {
+  margin-left: calc(1rem * -3);
+}
 .nav-nested .nav .nav > li > .nav-equal-height-heading {
   padding-left: calc(1rem * 2);
 }
-.nav-nested .nav .nav .nav > li > a {
+.nav-nested .nav .nav .nav > li > a,
+.nav-nested .nav .nav .nav > li > .btn {
   padding-left: calc(1rem * 4);
 }
+.nav-nested .nav .nav .nav > li > a .c-inner,
+.nav-nested .nav .nav .nav > li > .btn .c-inner {
+  margin-left: calc(1rem * -4);
+}
 .nav-nested .nav .nav .nav > li > .nav-equal-height-heading {
   padding-left: calc(1rem * 3);
 }
-.nav-nested .nav .nav .nav .nav > li > a {
+.nav-nested .nav .nav .nav .nav > li > a,
+.nav-nested .nav .nav .nav .nav > li > .btn {
   padding-left: calc(1rem * 5);
 }
+.nav-nested .nav .nav .nav .nav > li > a .c-inner,
+.nav-nested .nav .nav .nav .nav > li > .btn .c-inner {
+  margin-left: calc(1rem * -5);
+}
 .nav-nested .nav .nav .nav .nav > li > .nav-equal-height-heading {
   padding-left: calc(1rem * 4);
 }
-.nav-nested .nav .nav .nav .nav .nav > li > a {
+.nav-nested .nav .nav .nav .nav .nav > li > a,
+.nav-nested .nav .nav .nav .nav .nav > li > .btn {
   padding-left: calc(1rem * 6);
 }
+.nav-nested .nav .nav .nav .nav .nav > li > a .c-inner,
+.nav-nested .nav .nav .nav .nav .nav > li > .btn .c-inner {
+  margin-left: calc(1rem * -6);
+}
 .nav-nested .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
   padding-left: calc(1rem * 5);
 }
-.nav-nested .nav .nav .nav .nav .nav .nav > li > a {
+.nav-nested .nav .nav .nav .nav .nav .nav > li > a,
+.nav-nested .nav .nav .nav .nav .nav .nav > li > .btn {
   padding-left: calc(1rem * 7);
 }
+.nav-nested .nav .nav .nav .nav .nav .nav > li > a .c-inner,
+.nav-nested .nav .nav .nav .nav .nav .nav > li > .btn .c-inner {
+  margin-left: calc(1rem * -7);
+}
 .nav-nested .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
   padding-left: calc(1rem * 6);
 }
-.nav-nested .nav .nav .nav .nav .nav .nav .nav > li > a {
+.nav-nested .nav .nav .nav .nav .nav .nav .nav > li > a,
+.nav-nested .nav .nav .nav .nav .nav .nav .nav > li > .btn {
   padding-left: calc(1rem * 8);
 }
+.nav-nested .nav .nav .nav .nav .nav .nav .nav > li > a .c-inner,
+.nav-nested .nav .nav .nav .nav .nav .nav .nav > li > .btn .c-inner {
+  margin-left: calc(1rem * -8);
+}
 .nav-nested .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
   padding-left: calc(1rem * 7);
 }
-.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
-  padding-left: calc(1rem * 9);
-}
-.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
-  padding-left: calc(1rem * 8);
-}
-.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
-  padding-left: calc(1rem * 10);
-}
-.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
-  padding-left: calc(1rem * 9);
-}
-.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
-  padding-left: calc(1rem * 11);
-}
-.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
-  padding-left: calc(1rem * 10);
-}
-.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
-  padding-left: calc(1rem * 12);
-}
-.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
-  padding-left: calc(1rem * 11);
-}
-.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
-  padding-left: calc(1rem * 13);
-}
-.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
-  padding-left: calc(1rem * 12);
-}
-.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
-  padding-left: calc(1rem * 14);
-}
-.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
-  padding-left: calc(1rem * 13);
-}
-.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
-  padding-left: calc(1rem * 15);
-}
-.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
-  padding-left: calc(1rem * 14);
-}
-.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > a {
-  padding-left: calc(1rem * 16);
-}
-.nav-nested .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
-  padding-left: calc(1rem * 15);
-}
 
 .nav-nested-margins {
   flex-direction: column;
@@ -13155,9 +13140,10 @@ label.custom-control-label {
   }
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link {
-  border-radius: 0.375rem;
+  border-radius: 0.25rem;
   color: #6b6c7e;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  margin-bottom: 0.25rem;
 }
 @media (prefers-reduced-motion: reduce) {
   .menubar-vertical-expand-md.menubar-transparent .nav-link {
@@ -13169,21 +13155,34 @@ label.custom-control-label {
 }
 
 .menubar-vertical-expand-md.menubar-transparent .nav-link:hover, .menubar-vertical-expand-md.menubar-transparent .nav-link.hover {
-  background-color: rgba(11, 95, 255, 0.04);
+  background-color: rgba(39, 40, 51, 0.04);
   color: #272833;
+  box-shadow: inset 0.125rem 0 0 0 #88889a;
+  font-weight: 600;
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link.focus, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
-  background-color: rgba(11, 95, 255, 0.04);
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
   color: #272833;
   outline: 0;
 }
+.menubar-vertical-expand-md.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus::after {
+  border-radius: 0.25rem;
+  bottom: 0;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  content: "";
+  display: block;
+  left: 0;
+  pointer-events: none;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
 .menubar-vertical-expand-md.menubar-transparent .nav-link:active {
   color: rgba(0, 0, 0, 0.9);
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link.active {
   font-weight: 600;
   background-color: rgba(11, 95, 255, 0.06);
+  box-shadow: inset 0.25rem 0 0 0 #528eff;
   color: #272833;
 }
 .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
@@ -13226,22 +13225,31 @@ label.custom-control-label {
   .menubar-vertical-expand-md.menubar-transparent .nav-link {
     border-radius: 0;
     color: #272833;
+    margin-bottom: 0;
   }
   .menubar-vertical-expand-md.menubar-transparent .nav-link:hover, .menubar-vertical-expand-md.menubar-transparent .nav-link.hover {
-    background-color: rgba(11, 95, 255, 0.04);
+    background-color: rgba(39, 40, 51, 0.04);
     color: #1c1d25;
+    box-shadow: none;
   }
   .menubar-vertical-expand-md.menubar-transparent .nav-link.focus, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
-    background-color: rgba(11, 95, 255, 0.04);
+    background-color: transparent;
+  }
+  .menubar-vertical-expand-md.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus::after {
+    box-shadow: inset 0 0 0 0.125rem #528eff, 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);
+    box-shadow: none;
   }
   .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
     background-color: transparent;
     color: #6b6c7e;
   }
+  .menubar-vertical-expand-md.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-md.menubar-transparent .nav-link.show {
+    box-shadow: none;
+  }
 }
 @media (min-width: 768px) {
   .menubar-vertical-expand-md.menubar-decorated .nav {
@@ -13339,9 +13347,10 @@ label.custom-control-label {
   }
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link {
-  border-radius: 0.375rem;
+  border-radius: 0.25rem;
   color: #6b6c7e;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  margin-bottom: 0.25rem;
 }
 @media (prefers-reduced-motion: reduce) {
   .menubar-vertical-expand-lg.menubar-transparent .nav-link {
@@ -13353,21 +13362,34 @@ label.custom-control-label {
 }
 
 .menubar-vertical-expand-lg.menubar-transparent .nav-link:hover, .menubar-vertical-expand-lg.menubar-transparent .nav-link.hover {
-  background-color: rgba(11, 95, 255, 0.04);
+  background-color: rgba(39, 40, 51, 0.04);
   color: #272833;
+  box-shadow: inset 0.125rem 0 0 0 #88889a;
+  font-weight: 600;
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link.focus, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
   background-color: rgba(11, 95, 255, 0.04);
-  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
   color: #272833;
   outline: 0;
 }
+.menubar-vertical-expand-lg.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus::after {
+  border-radius: 0.25rem;
+  bottom: 0;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  content: "";
+  display: block;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
 .menubar-vertical-expand-lg.menubar-transparent .nav-link:active {
   color: rgba(0, 0, 0, 0.9);
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
   font-weight: 600;
   background-color: rgba(11, 95, 255, 0.06);
+  box-shadow: inset 0.25rem 0 0 0 #528eff;
   color: #272833;
 }
 .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {
@@ -13410,23 +13432,32 @@ label.custom-control-label {
   .menubar-vertical-expand-lg.menubar-transparent .nav-link {
     border-radius: 0;
     color: #272833;
+    margin-bottom: 0;
   }
   .menubar-vertical-expand-lg.menubar-transparent .nav-link:hover, .menubar-vertical-expand-lg.menubar-transparent .nav-link.hover {
-    background-color: rgba(11, 95, 255, 0.04);
+    background-color: rgba(39, 40, 51, 0.04);
     color: #1c1d25;
+    box-shadow: none;
   }
   .menubar-vertical-expand-lg.menubar-transparent .nav-link.focus, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
-    background-color: rgba(11, 95, 255, 0.04);
+    background-color: transparent;
+  }
+  .menubar-vertical-expand-lg.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus::after {
+    box-shadow: inset 0 0 0 0.125rem #528eff, 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);
+    box-shadow: none;
     color: #272833;
   }
   .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {
     background-color: transparent;
     color: #6b6c7e;
   }
+  .menubar-vertical-expand-lg.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-lg.menubar-transparent .nav-link.show {
+    box-shadow: none;
+  }
 }
 @media (min-width: 992px) {
   .menubar-vertical-expand-lg.menubar-decorated .nav {
@@ -14307,6 +14338,17 @@ label.custom-control-label {
     right: 0;
     width: auto;
   }
+  .navbar-underline.navbar-expand-md.navbar-underline .navbar-nav .nav-link[aria-expanded=true]::after, .navbar-underline.navbar-expand-md.navbar-underline .navbar-nav .nav-link.show::after {
+    background-color: #80acff;
+    bottom: -0.5rem;
+    content: "";
+    display: block;
+    height: 0.125rem;
+    left: 0;
+    position: absolute;
+    right: 0;
+    width: auto;
+  }
 }
 .application-bar {
   flex-wrap: nowrap;
@@ -17271,6 +17313,9 @@ label.custom-control-label {
   .navigation-bar-light.navbar-expand-md.navbar-underline .navbar-nav .nav-link.active::after {
     background-color: #528eff;
   }
+  .navigation-bar-light.navbar-expand-md.navbar-underline .navbar-nav .nav-link[aria-expanded=true]::after, .navigation-bar-light.navbar-expand-md.navbar-underline .navbar-nav .nav-link.show::after {
+    background-color: #528eff;
+  }
 }
 
 .navigation-bar-secondary {
@@ -17402,7 +17447,8 @@ label.custom-control-label {
   padding-right: 0.625rem;
   padding-top: 0;
   position: relative;
-  transition: box-shadow 0.15s ease-in-out;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+  letter-spacing: 0.033em;
 }
 @media (prefers-reduced-motion: reduce) {
   .page-link {
@@ -17414,32 +17460,51 @@ label.custom-control-label {
 }
 
 .page-link:hover, .page-link.hover {
-  background-color: rgba(39, 40, 41, 0.04);
+  background-color: rgba(39, 40, 51, 0.04);
   border-color: transparent;
   color: #272833;
   text-decoration: none;
   z-index: 2;
+  box-shadow: inset 0 -0.125rem 0 0 #88889a;
+  font-weight: 600;
+  letter-spacing: 0;
 }
 .page-link.focus, .page-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  box-shadow: none;
   outline: 0;
   z-index: 4;
-  background-color: rgba(39, 40, 41, 0.04);
   border-color: transparent;
   color: #272833;
 }
+.page-link.focus::after, .page-link:focus::after {
+  border-radius: 4px;
+  bottom: 0;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  content: "";
+  display: block;
+  left: 0;
+  pointer-events: none;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
 .page-link:active {
-  background-color: #6b6c7e;
+  background-color: rgba(11, 95, 255, 0.06);
   border-color: transparent;
-  color: #fff;
-  cursor: default;
+  color: #272833;
   z-index: 3;
+  box-shadow: inset 0 -0.125rem 0 0 #528eff;
+  font-weight: 600;
+  letter-spacing: 0;
 }
 .page-link.active {
-  background-color: #6b6c7e;
+  background-color: rgba(11, 95, 255, 0.06);
   border-color: transparent;
-  color: #fff;
+  color: #272833;
   z-index: 3;
+  box-shadow: inset 0 -0.25rem 0 0 #528eff;
+  font-weight: 600;
+  letter-spacing: 0;
 }
 .page-link:disabled, .page-link.disabled {
   background-color: transparent;
@@ -17451,14 +17516,20 @@ label.custom-control-label {
   pointer-events: auto;
   z-index: 0;
 }
+.page-link:disabled:focus::after, .page-link.disabled:focus::after {
+  content: none;
+}
 .page-link:disabled:active, .page-link.disabled:active {
   pointer-events: none;
 }
 .page-link[aria-expanded=true], .page-link.show {
-  background-color: #6b6c7e;
+  background-color: rgba(11, 95, 255, 0.06);
   border-color: transparent;
-  color: #fff;
+  color: #272833;
   z-index: 3;
+  box-shadow: inset 0 -0.25rem 0 0 #528eff;
+  font-weight: 600;
+  letter-spacing: 0;
 }
 .page-link > .c-inner {
   margin-bottom: 0;
@@ -17475,11 +17546,13 @@ label.custom-control-label {
   margin-right: 0.25rem;
 }
 .page-item.active .page-link {
-  background-color: #6b6c7e;
+  background-color: rgba(11, 95, 255, 0.06);
   border-color: transparent;
-  color: #fff;
-  cursor: default;
+  color: #272833;
   z-index: 3;
+  box-shadow: inset 0 -0.25rem 0 0 #528eff;
+  font-weight: 600;
+  letter-spacing: 0;
 }
 .page-item.disabled .page-link {
   background-color: transparent;
@@ -17491,6 +17564,9 @@ label.custom-control-label {
   pointer-events: auto;
   z-index: 0;
 }
+.page-item.disabled .page-link.focus::after, .page-item.disabled .page-link:focus::after {
+  content: none;
+}
 .page-item.disabled .page-link:active {
   pointer-events: none;
 }
@@ -17525,7 +17601,8 @@ label.custom-control-label {
   padding-right: 0.625rem;
   padding-top: 0;
   text-decoration: none;
-  transition: box-shadow 0.15s ease-in-out;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+  letter-spacing: 0.025em;
 }
 @media (prefers-reduced-motion: reduce) {
   .pagination-items-per-page > a,
@@ -17541,30 +17618,47 @@ label.custom-control-label {
 .pagination-items-per-page > a:hover, .pagination-items-per-page > a.hover,
 .pagination-items-per-page > button:hover,
 .pagination-items-per-page > button.hover {
-  background-color: rgba(39, 40, 41, 0.04);
+  background-color: rgba(39, 40, 51, 0.04);
   border-color: transparent;
   color: #272833;
+  box-shadow: inset 0 -0.125rem 0 0 #88889a;
+  font-weight: 600;
+  letter-spacing: 0;
+  text-decoration: none;
+  z-index: 2;
 }
 .pagination-items-per-page > a.focus, .pagination-items-per-page > a:focus,
 .pagination-items-per-page > button.focus,
 .pagination-items-per-page > button:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
-  background-color: rgba(39, 40, 41, 0.04);
   border-color: transparent;
   color: #272833;
 }
+.pagination-items-per-page > a.focus::after, .pagination-items-per-page > a:focus::after,
+.pagination-items-per-page > button.focus::after,
+.pagination-items-per-page > button:focus::after {
+  border-radius: 4px;
+  bottom: 0;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
+  content: "";
+  display: block;
+  left: 0;
+  pointer-events: none;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
 .pagination-items-per-page > a:active,
 .pagination-items-per-page > button:active {
-  background-color: #6b6c7e;
+  background-color: rgba(11, 95, 255, 0.06);
   border-color: transparent;
-  color: #fff;
+  color: #272833;
 }
 .pagination-items-per-page > a.active,
 .pagination-items-per-page > button.active {
-  background-color: #6b6c7e;
+  background-color: rgba(11, 95, 255, 0.06);
   border-color: transparent;
-  color: #fff;
+  color: #272833;
 }
 .pagination-items-per-page > a:disabled, .pagination-items-per-page > a.disabled,
 .pagination-items-per-page > button:disabled,
@@ -17580,9 +17674,12 @@ label.custom-control-label {
 .pagination-items-per-page > a[aria-expanded=true], .pagination-items-per-page > a.show,
 .pagination-items-per-page > button[aria-expanded=true],
 .pagination-items-per-page > button.show {
-  background-color: #6b6c7e;
+  background-color: rgba(11, 95, 255, 0.06);
   border-color: transparent;
-  color: #fff;
+  color: #272833;
+  font-weight: 600;
+  box-shadow: inset 0 -0.25rem 0 0 #528eff;
+  letter-spacing: 0;
 }
 .pagination-items-per-page > a > .c-inner,
 .pagination-items-per-page > button > .c-inner {
@@ -27398,6 +27495,37 @@ button.bg-dark:focus {
   display: none !important;
 }
 
+.d-block-c-prefers-reduced-motion {
+  display: none !important;
+}
+
+.d-inline-block-c-prefers-reduced-motion {
+  display: none !important;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .d-none-c-prefers-reduced-motion {
+    display: none !important;
+  }
+
+  .d-block-c-prefers-reduced-motion {
+    display: block !important;
+  }
+
+  .d-inline-block-c-prefers-reduced-motion {
+    display: inline-block !important;
+  }
+}
+.c-prefers-reduced-motion .d-none-c-prefers-reduced-motion {
+  display: none !important;
+}
+.c-prefers-reduced-motion .d-block-c-prefers-reduced-motion {
+  display: block !important;
+}
+.c-prefers-reduced-motion .d-inline-block-c-prefers-reduced-motion {
+  display: inline-block !important;
+}
+
 @media print {
   .d-print-none {
     display: none !important;