@clayui/css 3.35.0 → 3.36.0

package/lib/css/atlas.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.35.0
+ * Clay 3.36.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -508,7 +508,7 @@ strong {
     word-wrap: normal; }
 
 code {
-  color: #e83e8c;
+  color: #ff73c3;
   font-size: 87.5%;
   word-wrap: break-word; }
   a > code {
@@ -990,7 +990,9 @@ button.collapse-icon {
 
 .btn {
   background-color: transparent;
-  border: 0.0625rem solid transparent;
+  border-color: transparent;
+  border-style: solid;
+  border-width: 0.0625rem;
   border-radius: 0.25rem;
   box-shadow: none;
   color: #272833;
@@ -999,10 +1001,16 @@ button.collapse-icon {
   font-size: 1rem;
   font-weight: 600;
   line-height: 1.5;
-  padding: 0.4375rem 0.9375rem;
+  padding-bottom: 0.4375rem;
+  padding-left: 0.9375rem;
+  padding-right: 0.9375rem;
+  padding-top: 0.4375rem;
   text-align: center;
   text-transform: none;
   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;
+  -ms-user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
   user-select: none;
   vertical-align: middle; }
   @media (prefers-reduced-motion: reduce) {
@@ -1014,34 +1022,41 @@ button.collapse-icon {
   .btn:focus, .btn.focus {
     box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
     outline: 0; }
-  .btn:active, .btn.active {
+  .btn:active {
     box-shadow: none; }
-    .btn:active:focus, .btn.active:focus {
+    .btn:active:focus {
       box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff; }
-  .btn.disabled, .btn:disabled {
+  .btn[aria-expanded='true'], .btn.active, .btn.show,
+  .show > .btn.dropdown-toggle {
+    box-shadow: none; }
+  .btn:disabled, .btn.disabled {
     cursor: not-allowed;
     opacity: 0.4; }
-    .btn.disabled:focus, .btn.disabled:focus:active, .btn:disabled:focus, .btn:disabled:focus:active {
+    .btn:disabled:focus, .btn.disabled:focus {
       box-shadow: none; }
-    .btn.disabled:active, .btn:disabled:active {
+    .btn:disabled:active, .btn.disabled:active {
       pointer-events: none; }
+  .btn .c-inner {
+    margin-bottom: -0.4375rem;
+    margin-left: -0.9375rem;
+    margin-right: -0.9375rem;
+    margin-top: -0.4375rem; }
+  .btn .inline-item {
+    font-size: 1rem; }
+  .btn .btn-section {
+    display: block;
+    font-size: 0.6875rem;
+    font-weight: 400;
+    line-height: 1; }
 
 fieldset:disabled a.btn {
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 0.4; }
+  fieldset:disabled a.btn:focus {
+    box-shadow: none; }
   fieldset:disabled a.btn:active {
     pointer-events: none; }
 
-.btn .inline-item {
-  font-size: 1rem; }
-
-.btn-section {
-  display: block;
-  font-size: 0.6875rem;
-  font-weight: 400;
-  line-height: 1; }
-
 .btn-lg, .btn-group-lg > .btn,
 .btn-group-lg .btn-group > .btn {
   border-radius: 0.25rem;
@@ -1051,6 +1066,11 @@ fieldset:disabled a.btn {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
   padding-top: 0.59375rem; }
+  .btn-lg .c-inner, .btn-group-lg > .btn .c-inner, .btn-group-lg .btn-group > .btn .c-inner {
+    margin-bottom: -0.59375rem;
+    margin-left: -1.5rem;
+    margin-right: -1.5rem;
+    margin-top: -0.59375rem; }
   .btn-lg .inline-item, .btn-group-lg > .btn .inline-item, .btn-group-lg .btn-group > .btn .inline-item {
     font-size: 1.125rem; }
   .btn-lg .btn-section, .btn-group-lg > .btn .btn-section, .btn-group-lg .btn-group > .btn .btn-section {
@@ -1065,6 +1085,11 @@ fieldset:disabled a.btn {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   padding-top: 0.4375rem; }
+  .btn-sm .c-inner, .btn-group-sm > .btn .c-inner, .btn-group-sm .btn-group > .btn .c-inner, .form-group-sm .btn .c-inner {
+    margin-bottom: -0.4375rem;
+    margin-left: -0.75rem;
+    margin-right: -0.75rem;
+    margin-top: -0.4375rem; }
   .btn-sm .btn-section, .btn-group-sm > .btn .btn-section, .btn-group-sm .btn-group > .btn .btn-section, .form-group-sm .btn .btn-section {
     font-size: 0.5625rem; }
 
@@ -1091,75 +1116,50 @@ input[type='button'].btn-block {
   text-align: left;
   text-transform: inherit;
   vertical-align: baseline; }
+  .btn-unstyled .c-inner, .menubar-toggler .c-inner {
+    margin: 0;
+    max-width: none; }
 
 .btn-monospaced {
+  align-items: center;
+  display: inline-flex;
+  flex-direction: column;
   height: 2.5rem;
+  justify-content: center;
   line-height: 1;
   overflow: hidden;
-  padding-bottom: 0.25rem;
+  padding-bottom: 0;
   padding-left: 0;
   padding-right: 0;
-  padding-top: 0.25rem;
+  padding-top: 0;
   text-align: center;
   white-space: normal;
   width: 2.5rem;
+  overflow-wrap: break-word;
   word-wrap: break-word; }
+  .btn-monospaced .c-inner {
+    margin-bottom: 0;
+    margin-left: 0;
+    margin-right: 0;
+    margin-top: 0;
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    justify-content: center;
+    padding: 0;
+    width: 100%; }
   .btn-monospaced.btn .lexicon-icon {
     margin-top: 0; }
 
 .btn-monospaced.btn-lg, .btn-group-lg .btn-monospaced, .btn-group-vertical > .btn-monospaced.btn-lg {
   height: 3rem;
-  padding-bottom: 0.375rem;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 0.375rem;
   width: 3rem; }
 
 .btn-monospaced.btn-sm, .btn-group-sm .btn-monospaced, .btn-group-vertical > .btn-monospaced.btn-sm {
   height: 2rem;
-  padding-bottom: 0.1875rem;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 0.1875rem;
   width: 2rem; }
 
-.btn .c-inner {
-  margin: -0.4375rem -0.9375rem; }
-  @media (max-width: 767.98px) {
-    .btn .c-inner { } }
-
-.btn-unstyled .c-inner {
-  margin: 0;
-  max-width: none; }
-
-.btn-monospaced .c-inner {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  height: calc(100% + 0.5rem);
-  justify-content: center;
-  margin: -0.25rem 0;
-  padding: 0;
-  width: 100%; }
-
-.btn-sm .c-inner {
-  margin: -0.4375rem -0.75rem; }
-  @media (max-width: 767.98px) {
-    .btn-sm .c-inner { } }
-
-.btn-sm.btn-monospaced .c-inner {
-  height: calc(100% + 0.375rem);
-  margin: -0.1875rem 0; }
-
-.btn-lg .c-inner {
-  margin: -0.59375rem -1.5rem; }
-  @media (max-width: 767.98px) {
-    .btn-lg .c-inner { } }
-
-.btn-lg.btn-monospaced .c-inner {
-  height: calc(100% + 0.75rem);
-  margin: -0.375rem 0; }
-
 .btn-primary {
   background-color: #0b5fff;
   border-color: #0b5fff;
@@ -1168,7 +1168,7 @@ input[type='button'].btn-block {
     background-color: #0053f0;
     border-color: transparent;
     color: #fff; }
-  .btn-primary:focus, .btn-primary.focus {
+  .btn-primary:focus, .focus.btn-primary {
     background-color: #0053f0;
     border-color: #004ad7;
     color: #fff; }
@@ -1176,12 +1176,12 @@ input[type='button'].btn-block {
     background-color: #004ad7;
     border-color: transparent;
     color: #fff; }
-  .btn-primary[aria-expanded='true'], .btn-primary.active, .btn-primary.show,
-  .show > .btn-primary.dropdown-toggle {
+  .btn-primary[aria-expanded='true'], .active.btn-primary, .show.btn-primary,
+  .show > .dropdown-toggle.btn-primary {
     background-color: #004ad7;
     border-color: transparent;
     color: #fff; }
-  .btn-primary:disabled, .btn-primary.disabled {
+  .btn-primary:disabled, .disabled.btn-primary {
     background-color: #0b5fff;
     border-color: #0b5fff;
     color: #fff; }
@@ -1194,7 +1194,7 @@ input[type='button'].btn-block {
     background-color: #f7f8f9;
     border-color: #cdced9;
     color: #272833; }
-  .btn-secondary:focus, .btn-secondary.focus {
+  .btn-secondary:focus, .focus.btn-secondary {
     background-color: #f7f8f9;
     border-color: #cdced9;
     color: #272833; }
@@ -1202,12 +1202,12 @@ input[type='button'].btn-block {
     background-color: #f1f2f5;
     border-color: #cdced9;
     color: #272833; }
-  .btn-secondary[aria-expanded='true'], .btn-secondary.active, .btn-secondary.show,
-  .show > .btn-secondary.dropdown-toggle {
+  .btn-secondary[aria-expanded='true'], .active.btn-secondary, .show.btn-secondary,
+  .show > .dropdown-toggle.btn-secondary {
     background-color: #f1f2f5;
     border-color: #cdced9;
     color: #272833; }
-  .btn-secondary:disabled, .btn-secondary.disabled {
+  .btn-secondary:disabled, .disabled.btn-secondary {
     background-color: #fff;
     border-color: #cdced9;
     color: #6b6c7e; }
@@ -1220,7 +1220,7 @@ input[type='button'].btn-block {
     background-color: #226a33;
     border-color: transparent;
     color: #fff; }
-  .btn-success:focus, .btn-success.focus {
+  .btn-success:focus, .focus.btn-success {
     background-color: #226a33;
     border-color: transparent;
     color: #fff; }
@@ -1228,12 +1228,12 @@ input[type='button'].btn-block {
     background-color: #1c5629;
     border-color: transparent;
     color: #fff; }
-  .btn-success[aria-expanded='true'], .btn-success.active, .btn-success.show,
-  .show > .btn-success.dropdown-toggle {
+  .btn-success[aria-expanded='true'], .active.btn-success, .show.btn-success,
+  .show > .dropdown-toggle.btn-success {
     background-color: #1c5629;
     border-color: transparent;
     color: #fff; }
-  .btn-success:disabled, .btn-success.disabled {
+  .btn-success:disabled, .disabled.btn-success {
     background-color: #287d3c;
     border-color: #287d3c;
     color: #fff; }
@@ -1246,7 +1246,7 @@ input[type='button'].btn-block {
     background-color: #294f98;
     border-color: transparent;
     color: #fff; }
-  .btn-info:focus, .btn-info.focus {
+  .btn-info:focus, .focus.btn-info {
     background-color: #294f98;
     border-color: transparent;
     color: #fff; }
@@ -1254,12 +1254,12 @@ input[type='button'].btn-block {
     background-color: #234584;
     border-color: transparent;
     color: #fff; }
-  .btn-info[aria-expanded='true'], .btn-info.active, .btn-info.show,
-  .show > .btn-info.dropdown-toggle {
+  .btn-info[aria-expanded='true'], .active.btn-info, .show.btn-info,
+  .show > .dropdown-toggle.btn-info {
     background-color: #234584;
     border-color: transparent;
     color: #fff; }
-  .btn-info:disabled, .btn-info.disabled {
+  .btn-info:disabled, .disabled.btn-info {
     background-color: #2e5aac;
     border-color: #2e5aac;
     color: #fff; }
@@ -1272,7 +1272,7 @@ input[type='button'].btn-block {
     background-color: #9f4500;
     border-color: transparent;
     color: #fff; }
-  .btn-warning:focus, .btn-warning.focus {
+  .btn-warning:focus, .focus.btn-warning {
     background-color: #9f4500;
     border-color: transparent;
     color: #fff; }
@@ -1280,12 +1280,12 @@ input[type='button'].btn-block {
     background-color: #863a00;
     border-color: transparent;
     color: #fff; }
-  .btn-warning[aria-expanded='true'], .btn-warning.active, .btn-warning.show,
-  .show > .btn-warning.dropdown-toggle {
+  .btn-warning[aria-expanded='true'], .active.btn-warning, .show.btn-warning,
+  .show > .dropdown-toggle.btn-warning {
     background-color: #863a00;
     border-color: transparent;
     color: #fff; }
-  .btn-warning:disabled, .btn-warning.disabled {
+  .btn-warning:disabled, .disabled.btn-warning {
     background-color: #b95000;
     border-color: #b95000;
     color: #fff; }
@@ -1298,7 +1298,7 @@ input[type='button'].btn-block {
     background-color: #c31212;
     border-color: transparent;
     color: #fff; }
-  .btn-danger:focus, .btn-danger.focus {
+  .btn-danger:focus, .focus.btn-danger {
     background-color: #c31212;
     border-color: transparent;
     color: #fff; }
@@ -1306,12 +1306,12 @@ input[type='button'].btn-block {
     background-color: #ab1010;
     border-color: transparent;
     color: #fff; }
-  .btn-danger[aria-expanded='true'], .btn-danger.active, .btn-danger.show,
-  .show > .btn-danger.dropdown-toggle {
+  .btn-danger[aria-expanded='true'], .active.btn-danger, .show.btn-danger,
+  .show > .dropdown-toggle.btn-danger {
     background-color: #ab1010;
     border-color: transparent;
     color: #fff; }
-  .btn-danger:disabled, .btn-danger.disabled {
+  .btn-danger:disabled, .disabled.btn-danger {
     background-color: #da1414;
     border-color: #da1414;
     color: #fff; }
@@ -1324,7 +1324,7 @@ input[type='button'].btn-block {
     background-color: #e2e4ea;
     border-color: transparent;
     color: #272833; }
-  .btn-light:focus, .btn-light.focus {
+  .btn-light:focus, .focus.btn-light {
     background-color: #e2e4ea;
     border-color: transparent;
     color: #272833; }
@@ -1332,12 +1332,12 @@ input[type='button'].btn-block {
     background-color: #d3d6e0;
     border-color: transparent;
     color: #272833; }
-  .btn-light[aria-expanded='true'], .btn-light.active, .btn-light.show,
-  .show > .btn-light.dropdown-toggle {
+  .btn-light[aria-expanded='true'], .active.btn-light, .show.btn-light,
+  .show > .dropdown-toggle.btn-light {
     background-color: #d3d6e0;
     border-color: transparent;
     color: #272833; }
-  .btn-light:disabled, .btn-light.disabled {
+  .btn-light:disabled, .disabled.btn-light {
     background-color: #f1f2f5;
     border-color: #f1f2f5;
     color: #272833; }
@@ -1350,7 +1350,7 @@ input[type='button'].btn-block {
     background-color: #1c1c24;
     border-color: transparent;
     color: #fff; }
-  .btn-dark:focus, .btn-dark.focus {
+  .btn-dark:focus, .focus.btn-dark {
     background-color: #1c1c24;
     border-color: transparent;
     color: #fff; }
@@ -1358,12 +1358,12 @@ input[type='button'].btn-block {
     background-color: #111116;
     border-color: transparent;
     color: #fff; }
-  .btn-dark[aria-expanded='true'], .btn-dark.active, .btn-dark.show,
-  .show > .btn-dark.dropdown-toggle {
+  .btn-dark[aria-expanded='true'], .active.btn-dark, .show.btn-dark,
+  .show > .dropdown-toggle.btn-dark {
     background-color: #111116;
     border-color: transparent;
     color: #fff; }
-  .btn-dark:disabled, .btn-dark.disabled {
+  .btn-dark:disabled, .disabled.btn-dark {
     background-color: #272833;
     border-color: #272833;
     color: #fff; }
@@ -1377,17 +1377,17 @@ input[type='button'].btn-block {
   .btn-link:hover {
     color: #004ad7;
     text-decoration: underline; }
-  .btn-link:focus, .btn-link.focus {
+  .btn-link:focus, .focus.btn-link {
     box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
     text-decoration: none; }
   .btn-link:active {
     box-shadow: none; }
     .btn-link:active:focus {
       box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff; }
-  .btn-link[aria-expanded='true'], .btn-link.active, .btn-link.show,
-  .show > .btn-link.dropdown-toggle {
+  .btn-link[aria-expanded='true'], .active.btn-link, .show.btn-link,
+  .show > .dropdown-toggle.btn-link {
     box-shadow: none; }
-  .btn-link:disabled, .btn-link.disabled {
+  .btn-link:disabled, .disabled.btn-link {
     box-shadow: none;
     color: #0b5fff;
     text-decoration: none; }
@@ -1399,19 +1399,19 @@ input[type='button'].btn-block {
     background-color: #f0f5ff;
     border-color: #0b5fff;
     color: #0b5fff; }
-  .btn-outline-primary:focus, .btn-outline-primary.focus {
+  .btn-outline-primary:focus, .focus.btn-outline-primary {
     background-color: #f0f5ff;
     color: #0b5fff; }
   .btn-outline-primary:active {
     background-color: #e6edf8;
     border-color: #0b5fff;
     color: #0b5fff; }
-  .btn-outline-primary[aria-expanded='true'], .btn-outline-primary.active, .btn-outline-primary.show,
-  .show > .btn-outline-primary.dropdown-toggle {
+  .btn-outline-primary[aria-expanded='true'], .active.btn-outline-primary, .show.btn-outline-primary,
+  .show > .dropdown-toggle.btn-outline-primary {
     background-color: #e6edf8;
     border-color: #0b5fff;
     color: #0b5fff; }
-  .btn-outline-primary:disabled, .btn-outline-primary.disabled {
+  .btn-outline-primary:disabled, .disabled.btn-outline-primary {
     background-color: transparent; }
 
 .btn-outline-secondary {
@@ -1421,7 +1421,7 @@ input[type='button'].btn-block {
     background-color: rgba(39, 40, 51, 0.03);
     border-color: transparent;
     color: #272833; }
-  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
+  .btn-outline-secondary:focus, .focus.btn-outline-secondary {
     background-color: rgba(39, 40, 51, 0.03);
     border-color: transparent;
     color: #272833; }
@@ -1429,12 +1429,12 @@ input[type='button'].btn-block {
     background-color: rgba(39, 40, 51, 0.06);
     border-color: transparent;
     color: #272833; }
-  .btn-outline-secondary[aria-expanded='true'], .btn-outline-secondary.active, .btn-outline-secondary.show,
-  .show > .btn-outline-secondary.dropdown-toggle {
+  .btn-outline-secondary[aria-expanded='true'], .active.btn-outline-secondary, .show.btn-outline-secondary,
+  .show > .dropdown-toggle.btn-outline-secondary {
     background-color: rgba(39, 40, 51, 0.06);
     border-color: transparent;
     color: #272833; }
-  .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
+  .btn-outline-secondary:disabled, .disabled.btn-outline-secondary {
     background-color: transparent;
     color: #6b6c7e;
     border-color: #6b6c7e; }
@@ -1446,19 +1446,19 @@ input[type='button'].btn-block {
     background-color: #226a33;
     border-color: #287d3c;
     color: #fff; }
-  .btn-outline-success:focus, .btn-outline-success.focus {
+  .btn-outline-success:focus, .focus.btn-outline-success {
     background-color: #226a33;
     color: #fff; }
   .btn-outline-success:active {
     background-color: #1c5629;
     border-color: #287d3c;
     color: #fff; }
-  .btn-outline-success[aria-expanded='true'], .btn-outline-success.active, .btn-outline-success.show,
-  .show > .btn-outline-success.dropdown-toggle {
+  .btn-outline-success[aria-expanded='true'], .active.btn-outline-success, .show.btn-outline-success,
+  .show > .dropdown-toggle.btn-outline-success {
     background-color: #1c5629;
     border-color: #287d3c;
     color: #fff; }
-  .btn-outline-success:disabled, .btn-outline-success.disabled {
+  .btn-outline-success:disabled, .disabled.btn-outline-success {
     background-color: transparent; }
 
 .btn-outline-info {
@@ -1468,19 +1468,19 @@ input[type='button'].btn-block {
     background-color: #294f98;
     border-color: #2e5aac;
     color: #fff; }
-  .btn-outline-info:focus, .btn-outline-info.focus {
+  .btn-outline-info:focus, .focus.btn-outline-info {
     background-color: #294f98;
     color: #fff; }
   .btn-outline-info:active {
     background-color: #234584;
     border-color: #2e5aac;
     color: #fff; }
-  .btn-outline-info[aria-expanded='true'], .btn-outline-info.active, .btn-outline-info.show,
-  .show > .btn-outline-info.dropdown-toggle {
+  .btn-outline-info[aria-expanded='true'], .active.btn-outline-info, .show.btn-outline-info,
+  .show > .dropdown-toggle.btn-outline-info {
     background-color: #234584;
     border-color: #2e5aac;
     color: #fff; }
-  .btn-outline-info:disabled, .btn-outline-info.disabled {
+  .btn-outline-info:disabled, .disabled.btn-outline-info {
     background-color: transparent; }
 
 .btn-outline-warning {
@@ -1490,19 +1490,19 @@ input[type='button'].btn-block {
     background-color: #9f4500;
     border-color: #b95000;
     color: #fff; }
-  .btn-outline-warning:focus, .btn-outline-warning.focus {
+  .btn-outline-warning:focus, .focus.btn-outline-warning {
     background-color: #9f4500;
     color: #fff; }
   .btn-outline-warning:active {
     background-color: #863a00;
     border-color: #b95000;
     color: #fff; }
-  .btn-outline-warning[aria-expanded='true'], .btn-outline-warning.active, .btn-outline-warning.show,
-  .show > .btn-outline-warning.dropdown-toggle {
+  .btn-outline-warning[aria-expanded='true'], .active.btn-outline-warning, .show.btn-outline-warning,
+  .show > .dropdown-toggle.btn-outline-warning {
     background-color: #863a00;
     border-color: #b95000;
     color: #fff; }
-  .btn-outline-warning:disabled, .btn-outline-warning.disabled {
+  .btn-outline-warning:disabled, .disabled.btn-outline-warning {
     background-color: transparent; }
 
 .btn-outline-danger {
@@ -1512,17 +1512,17 @@ input[type='button'].btn-block {
     background-color: #c31212;
     border-color: #da1414;
     color: #fff; }
-  .btn-outline-danger:focus, .btn-outline-danger.focus {
+  .btn-outline-danger:focus, .focus.btn-outline-danger {
     background-color: #c31212;
     color: #fff; }
   .btn-outline-danger:active {
     border-color: #da1414;
     color: #fff; }
-  .btn-outline-danger[aria-expanded='true'], .btn-outline-danger.active, .btn-outline-danger.show,
-  .show > .btn-outline-danger.dropdown-toggle {
+  .btn-outline-danger[aria-expanded='true'], .active.btn-outline-danger, .show.btn-outline-danger,
+  .show > .dropdown-toggle.btn-outline-danger {
     border-color: #da1414;
     color: #fff; }
-  .btn-outline-danger:disabled, .btn-outline-danger.disabled {
+  .btn-outline-danger:disabled, .disabled.btn-outline-danger {
     background-color: transparent; }
 
 .btn-outline-light {
@@ -1532,19 +1532,19 @@ input[type='button'].btn-block {
     background-color: #e2e4ea;
     border-color: #f1f2f5;
     color: #272833; }
-  .btn-outline-light:focus, .btn-outline-light.focus {
+  .btn-outline-light:focus, .focus.btn-outline-light {
     background-color: #e2e4ea;
     color: #272833; }
   .btn-outline-light:active {
     background-color: #d3d6e0;
     border-color: #f1f2f5;
     color: #272833; }
-  .btn-outline-light[aria-expanded='true'], .btn-outline-light.active, .btn-outline-light.show,
-  .show > .btn-outline-light.dropdown-toggle {
+  .btn-outline-light[aria-expanded='true'], .active.btn-outline-light, .show.btn-outline-light,
+  .show > .dropdown-toggle.btn-outline-light {
     background-color: #d3d6e0;
     border-color: #f1f2f5;
     color: #272833; }
-  .btn-outline-light:disabled, .btn-outline-light.disabled {
+  .btn-outline-light:disabled, .disabled.btn-outline-light {
     background-color: transparent; }
 
 .btn-outline-dark {
@@ -1554,24 +1554,26 @@ input[type='button'].btn-block {
     background-color: #1c1c24;
     border-color: #272833;
     color: #fff; }
-  .btn-outline-dark:focus, .btn-outline-dark.focus {
+  .btn-outline-dark:focus, .focus.btn-outline-dark {
     background-color: #1c1c24;
     color: #fff; }
   .btn-outline-dark:active {
     background-color: #111116;
     border-color: #272833;
     color: #fff; }
-  .btn-outline-dark[aria-expanded='true'], .btn-outline-dark.active, .btn-outline-dark.show,
-  .show > .btn-outline-dark.dropdown-toggle {
+  .btn-outline-dark[aria-expanded='true'], .active.btn-outline-dark, .show.btn-outline-dark,
+  .show > .dropdown-toggle.btn-outline-dark {
     background-color: #111116;
     border-color: #272833;
     color: #fff; }
-  .btn-outline-dark:disabled, .btn-outline-dark.disabled {
+  .btn-outline-dark:disabled, .disabled.btn-outline-dark {
     background-color: transparent; }
 
 .btn-outline-borderless {
   border-color: transparent; }
-  .btn-outline-borderless:hover, .btn-outline-borderless:focus {
+  .btn-outline-borderless:hover {
+    border-color: transparent; }
+  .btn-outline-borderless:focus, .btn-outline-borderless.focus {
     border-color: transparent; }
   .btn-outline-borderless:disabled, .btn-outline-borderless.disabled {
     border-color: transparent; }
@@ -3066,6 +3068,9 @@ input[type='button'].btn-block {
   text-decoration: none;
   border-radius: 1px;
   transition: box-shadow 0.15s ease-in-out; }
+  @media (prefers-reduced-motion: reduce) {
+    .breadcrumb-link {
+      transition: none; } }
   .breadcrumb-link:hover {
     color: #6b6c7e;
     text-decoration: underline; }
@@ -3300,6 +3305,9 @@ input[type='button'].btn-block {
   word-wrap: break-word;
   outline: 0;
   transition: box-shadow 0.15s ease-in-out; }
+  @media (prefers-reduced-motion: reduce) {
+    .label {
+      transition: none; } }
   a.label:focus,
   button.label:focus {
     box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff; }
@@ -4477,6 +4485,10 @@ button.label {
   cursor: pointer;
   outline: 0;
   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; }
+  @media (prefers-reduced-motion: reduce) {
+    .card-interactive.card,
+    .card-interactive .card {
+      transition: none; } }
   .card-interactive.card:hover,
   .card-interactive .card:hover {
     background-color: #f7f8f9;
@@ -4498,6 +4510,9 @@ button.label {
   position: absolute;
   right: 0;
   transition: height 0.15s ease-out; }
+  @media (prefers-reduced-motion: reduce) {
+    .card-interactive::after {
+      transition: none; } }
 
 .card-interactive:hover::after, .card-interactive.hover::after {
   height: 4px; }
@@ -5289,6 +5304,9 @@ button.label {
   flex-grow: 1;
   overflow: hidden;
   transition: height 0.25s ease; }
+  @media (prefers-reduced-motion: reduce) {
+    .drilldown-inner {
+      transition: none; } }
 
 .drilldown-item {
   display: none;
@@ -5444,6 +5462,7 @@ label {
   font-weight: 600;
   margin-bottom: 0.25rem;
   max-width: 100%;
+  overflow-wrap: break-word;
   word-wrap: break-word; }
   label[for] {
     cursor: pointer; }
@@ -5463,12 +5482,14 @@ label {
   display: inline-block;
   margin-bottom: 0.25rem;
   max-width: 100%;
+  overflow-wrap: break-word;
   word-wrap: break-word; }
 
 .form-control {
   background-color: #f1f2f5;
   border-color: #e7e7ed;
   border-style: solid;
+  border-width: 0.0625rem;
   border-bottom-width: 0.0625rem;
   border-left-width: 0.0625rem;
   border-right-width: 0.0625rem;
@@ -5486,14 +5507,11 @@ label {
   padding-left: 1rem;
   padding-right: 1rem;
   padding-top: 0.4375rem;
-  width: 100%;
-  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  width: 100%; }
   @media (prefers-reduced-motion: reduce) {
     .form-control {
       transition: none; } }
-  @media (max-width: 767.98px) {
-    .form-control {
-      font-size: 1rem; } }
   .form-control::placeholder {
     color: #6b6c7e;
     opacity: 1; }
@@ -5509,6 +5527,11 @@ label {
     color: #a7a9bc;
     cursor: not-allowed;
     opacity: 1; }
+    .form-control:disabled::placeholder, .form-control.disabled::placeholder {
+      color: #a7a9bc; }
+  @media (max-width: 767.98px) {
+    .form-control {
+      font-size: 1rem; } }
   .form-control:not([type='range']) {
     -moz-appearance: none;
     -webkit-appearance: none;
@@ -5823,6 +5846,9 @@ fieldset[disabled] .form-control, .form-control[disabled] {
   border-radius: 0.25rem;
   outline: 0;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
+  @media (prefers-reduced-motion: reduce) {
+    .form-control-plaintext[readonly] {
+      transition: none; } }
   .form-control-plaintext[readonly]:focus, .form-control-plaintext[readonly].focus {
     box-shadow: none;
     border-color: #80acff; }
@@ -6038,6 +6064,9 @@ textarea.form-control-sm,
   color: #6b6c7e;
   border-radius: 1px;
   transition: box-shadow 0.15s ease-in-out; }
+  @media (prefers-reduced-motion: reduce) {
+    .component-link {
+      transition: none; } }
   .component-link:hover {
     color: #484955; }
   .component-link:focus {
@@ -6052,6 +6081,9 @@ textarea.form-control-sm,
   color: #0b5fff;
   border-radius: 1px;
   transition: box-shadow 0.15s ease-in-out; }
+  @media (prefers-reduced-motion: reduce) {
+    .link-primary {
+      transition: none; } }
   .link-primary:hover {
     color: #0041be; }
   .link-primary:focus {
@@ -6063,6 +6095,9 @@ textarea.form-control-sm,
   color: #6b6c7e;
   border-radius: 1px;
   transition: box-shadow 0.15s ease-in-out; }
+  @media (prefers-reduced-motion: reduce) {
+    .link-secondary {
+      transition: none; } }
   .link-secondary:hover {
     color: #272833; }
   .link-secondary:focus {
@@ -6091,6 +6126,9 @@ button.link-outline {
   padding-top: 0.4375rem;
   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;
   vertical-align: middle; }
+  @media (prefers-reduced-motion: reduce) {
+    .link-outline {
+      transition: none; } }
   .link-outline:hover {
     text-decoration: none; }
   .link-outline:disabled:active, .link-outline.disabled:active {
@@ -6195,6 +6233,9 @@ button.link-outline {
     color: #272833;
     border-radius: 1px;
     transition: box-shadow 0.15s ease-in-out; }
+    @media (prefers-reduced-motion: reduce) {
+      .component-title a {
+        transition: none; } }
     .component-title a:hover {
       color: #060608; }
     .component-title a:focus {
@@ -6211,6 +6252,9 @@ button.link-outline {
     color: #6b6c7e;
     border-radius: 1px;
     transition: box-shadow 0.15s ease-in-out; }
+    @media (prefers-reduced-motion: reduce) {
+      .component-subtitle a {
+        transition: none; } }
     .component-subtitle a:hover {
       color: #272833; }
     .component-subtitle a:focus {
@@ -6234,6 +6278,9 @@ button.link-outline {
   vertical-align: middle;
   width: 2rem;
   font-size: 1rem; }
+  @media (prefers-reduced-motion: reduce) {
+    .component-action {
+      transition: none; } }
   .component-action:hover {
     background-color: rgba(39, 40, 51, 0.03);
     color: #272833; }
@@ -6613,6 +6660,9 @@ button.link-outline {
   transition: box-shadow 0.15s ease-in-out;
   width: 0.875rem;
   background-color: transparent; }
+  @media (prefers-reduced-motion: reduce) {
+    .clay-color-pointer {
+      transition: none; } }
   .clay-color-pointer:focus, .clay-color-pointer.focus {
     box-shadow: 0 0 0 0.125rem #80acff;
     outline: 0; }
@@ -7014,7 +7064,7 @@ label.custom-control-label {
     color: #272833;
     content: 'Browse';
     display: block;
-    height: 2.375rem;
+    height: 36px;
     line-height: 1.5;
     padding: 0.4375rem 1rem;
     position: absolute;
@@ -7268,6 +7318,9 @@ label.custom-control-label {
   .date-picker-nav .nav-btn {
     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; }
+    @media (prefers-reduced-motion: reduce) {
+      .date-picker-nav .nav-btn {
+        transition: none; } }
     .date-picker-nav .nav-btn:hover {
       background-color: #f1f2f5;
       color: #272833; }
@@ -7370,6 +7423,9 @@ label.custom-control-label {
   white-space: nowrap;
   width: 2rem;
   background-color: transparent; }
+  @media (prefers-reduced-motion: reduce) {
+    .date-picker-calendar-item {
+      transition: none; } }
   .date-picker-calendar-item:disabled, .date-picker-calendar-item.disabled {
     cursor: not-allowed; }
   .date-picker-calendar-item .c-inner {
@@ -7417,9 +7473,6 @@ label.custom-control-label {
   color: #6b6c7e;
   cursor: pointer;
   position: relative; }
-  a.date-picker-date,
-  button.date-picker-date {
-    cursor: pointer; }
   .date-picker-date:hover {
     background-color: #f1f2f5;
     color: #272833; }
@@ -7522,21 +7575,21 @@ label.custom-control-label {
 .was-validated .form-control:valid, .form-control.is-valid {
   border-color: #287d3c;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23287d3c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
-  background-position: right calc(0.375em + 0.21875rem) center;
+  background-position: right 9px center;
   background-repeat: no-repeat;
-  background-size: calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem);
+  background-size: 18px 18px 18px 18px;
   padding-right: 2.375rem; }
   .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
     border-color: #287d3c;
     box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.25); }
 
 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
-  background-position: top calc(0.375em + 0.21875rem) right calc(0.375em + 0.21875rem);
+  background-position: top 9px right 9px;
   padding-right: 2.375rem; }
 
 .was-validated .custom-select:valid, .custom-select.is-valid {
   border-color: #287d3c;
-  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23393a4a' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23287d3c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #f1f2f5 no-repeat center right 2rem/calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem);
+  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23393a4a' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23287d3c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #f1f2f5 no-repeat center right 2rem/18px 18px;
   padding-right: calc( (1em * 0.75) + (2 * 0.4375rem * 0.75) + 1rem + 1rem); }
   .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
     border-color: #287d3c;
@@ -7602,21 +7655,21 @@ label.custom-control-label {
 .was-validated .form-control:invalid, .form-control.is-invalid {
   border-color: #da1414;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23da1414' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23da1414' stroke='none'/%3e%3c/svg%3e");
-  background-position: right calc(0.375em + 0.21875rem) center;
+  background-position: right 9px center;
   background-repeat: no-repeat;
-  background-size: calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem);
+  background-size: 18px 18px 18px 18px;
   padding-right: 2.375rem; }
   .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
     border-color: #da1414;
     box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.25); }
 
 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
-  background-position: top calc(0.375em + 0.21875rem) right calc(0.375em + 0.21875rem);
+  background-position: top 9px right 9px;
   padding-right: 2.375rem; }
 
 .was-validated .custom-select:invalid, .custom-select.is-invalid {
   border-color: #da1414;
-  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23393a4a' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23da1414' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23da1414' stroke='none'/%3e%3c/svg%3e") #f1f2f5 no-repeat center right 2rem/calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem);
+  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23393a4a' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23da1414' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23da1414' stroke='none'/%3e%3c/svg%3e") #f1f2f5 no-repeat center right 2rem/18px 18px;
   padding-right: calc( (1em * 0.75) + (2 * 0.4375rem * 0.75) + 1rem + 1rem); }
   .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
     border-color: #da1414;
@@ -8025,16 +8078,7 @@ label.custom-control-label {
 .input-group-lg > .input-group-item > .btn-monospaced {
   height: 3rem;
   line-height: 1;
-  padding-bottom: 0.375rem;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 0.375rem;
   width: 3rem; }
-  .input-group-lg > .input-group-item > .btn-monospaced .c-inner {
-    margin-bottom: -0.375rem;
-    margin-left: 0;
-    margin-right: 0;
-    margin-top: -0.375rem; }
 
 .input-group-lg > .input-group-item > .form-control,
 .input-group-lg > .input-group-item > .form-file .btn {
@@ -8089,16 +8133,7 @@ label.custom-control-label {
 .input-group-sm > .input-group-item > .btn-monospaced, .form-group-sm .input-group > .input-group-item > .btn-monospaced {
   height: 2rem;
   line-height: 1;
-  padding-bottom: 0.1875rem;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 0.1875rem;
   width: 2rem; }
-  .input-group-sm > .input-group-item > .btn-monospaced .c-inner, .form-group-sm .input-group > .input-group-item > .btn-monospaced .c-inner {
-    margin-bottom: -0.1875rem;
-    margin-left: 0;
-    margin-right: 0;
-    margin-top: -0.1875rem; }
 
 .input-group-sm > .input-group-item > .form-control, .form-group-sm .input-group > .input-group-item > .form-control,
 .input-group-sm > .input-group-item > .form-file .btn,
@@ -8500,6 +8535,9 @@ label.custom-control-label {
     border-radius: 1px;
     display: inline-block;
     transition: box-shadow 0.15s ease-in-out; }
+    @media (prefers-reduced-motion: reduce) {
+      .list-group-title a {
+        transition: none; } }
     .list-group-title a:hover {
       color: #272833; }
     .list-group-title a:focus {
@@ -8515,6 +8553,9 @@ label.custom-control-label {
     display: inline-block;
     max-width: 100%;
     transition: box-shadow 0.15s ease-in-out; }
+    @media (prefers-reduced-motion: reduce) {
+      .list-group-subtitle a {
+        transition: none; } }
     .list-group-subtitle a:hover {
       color: #272833; }
     .list-group-subtitle a:focus {
@@ -8531,6 +8572,9 @@ label.custom-control-label {
     display: inline-block;
     max-width: 100%;
     transition: box-shadow 0.15s ease-in-out; }
+    @media (prefers-reduced-motion: reduce) {
+      .list-group-text a {
+        transition: none; } }
     .list-group-text a:hover {
       color: #272833; }
     .list-group-text a:focus {
@@ -8547,6 +8591,9 @@ label.custom-control-label {
     display: inline-block;
     max-width: 100%;
     transition: box-shadow 0.15s ease-in-out; }
+    @media (prefers-reduced-motion: reduce) {
+      .list-group-subtext a {
+        transition: none; } }
     .list-group-subtext a:hover {
       color: #272833; }
     .list-group-subtext a:focus {
@@ -9720,6 +9767,9 @@ label.custom-control-label {
     white-space: nowrap;
     font-weight: 600;
     transition: box-shadow 0.15s ease-in-out; }
+    @media (prefers-reduced-motion: reduce) {
+      .nav-tabs .nav-link {
+        transition: none; } }
     .nav-tabs .nav-link:hover {
       border-color: transparent; }
     .nav-tabs .nav-link:focus {
@@ -9794,6 +9844,9 @@ label.custom-control-label {
   font-weight: 600;
   line-height: 1;
   transition: box-shadow 0.15s ease-in-out; }
+  @media (prefers-reduced-motion: reduce) {
+    .nav-underline .nav-link {
+      transition: none; } }
   .nav-underline .nav-link:focus {
     box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
     outline: 0; }
@@ -9898,7 +9951,11 @@ label.custom-control-label {
       color: #272833;
       font-size: 0.875rem;
       font-weight: 600;
-      transition: box-shadow 0.15s ease-in-out; }
+      transition: box-shadow 0.15s ease-in-out; } }
+  @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
+    .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
+      transition: none; } }
+  @media (max-width: 767.98px) {
       .menubar-vertical-expand-md.menubar-transparent .menubar-toggler:focus, .menubar-vertical-expand-md.menubar-transparent .menubar-toggler.focus {
         box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
         outline: 0; }
@@ -9910,6 +9967,9 @@ label.custom-control-label {
     color: #6b6c7e;
     border-radius: 0.375rem;
     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; }
+    @media (prefers-reduced-motion: reduce) {
+      .menubar-vertical-expand-md.menubar-transparent .nav-link {
+        transition: none; } }
     .menubar-vertical-expand-md.menubar-transparent .nav-link:hover {
       color: #272833;
       background-color: rgba(39, 40, 51, 0.03); }
@@ -10038,7 +10098,11 @@ label.custom-control-label {
       color: #272833;
       font-size: 0.875rem;
       font-weight: 600;
-      transition: box-shadow 0.15s ease-in-out; }
+      transition: box-shadow 0.15s ease-in-out; } }
+  @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
+    .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
+      transition: none; } }
+  @media (max-width: 991.98px) {
       .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:focus, .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler.focus {
         box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
         outline: 0; }
@@ -10050,6 +10114,9 @@ label.custom-control-label {
     color: #6b6c7e;
     border-radius: 0.375rem;
     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; }
+    @media (prefers-reduced-motion: reduce) {
+      .menubar-vertical-expand-lg.menubar-transparent .nav-link {
+        transition: none; } }
     .menubar-vertical-expand-lg.menubar-transparent .nav-link:hover {
       color: #272833;
       background-color: rgba(39, 40, 51, 0.03); }
@@ -12970,6 +13037,9 @@ label.custom-control-label {
   position: relative;
   transition: box-shadow 0.15s ease-in-out;
   background-color: transparent; }
+  @media (prefers-reduced-motion: reduce) {
+    .page-link {
+      transition: none; } }
   .page-link > .c-inner {
     margin-bottom: 0;
     margin-left: -0.625rem;
@@ -13057,6 +13127,10 @@ label.custom-control-label {
     padding-top: 0;
     text-decoration: none;
     transition: box-shadow 0.15s ease-in-out; }
+    @media (prefers-reduced-motion: reduce) {
+      .pagination-items-per-page > a,
+      .pagination-items-per-page > button {
+        transition: none; } }
     .pagination-items-per-page > a > .c-inner,
     .pagination-items-per-page > button > .c-inner {
       margin-bottom: 0;
@@ -13248,6 +13322,9 @@ label.custom-control-label {
   color: inherit;
   display: block;
   transition: box-shadow 0.15s ease-in-out; }
+  @media (prefers-reduced-motion: reduce) {
+    .panel-header-link {
+      transition: none; } }
   .panel-header-link:hover {
     color: inherit;
     text-decoration: none; }
@@ -14009,6 +14086,9 @@ a.sheet-subtitle {
   color: #272833;
   border-radius: 1px;
   transition: box-shadow 0.15s ease-in-out; }
+  @media (prefers-reduced-motion: reduce) {
+    a.sheet-subtitle {
+      transition: none; } }
   a.sheet-subtitle:hover {
     text-decoration: none; }
   a.sheet-subtitle:focus {
@@ -14387,6 +14467,9 @@ a.sheet-subtitle {
     border-radius: 0.25rem;
     color: #a7a9bc;
     transition: box-shadow 0.15s ease-in-out; }
+    @media (prefers-reduced-motion: reduce) {
+      .sidebar-dark .nav-nested .nav-link {
+        transition: none; } }
     .sidebar-dark .nav-nested .nav-link:hover {
       color: #fff; }
     .sidebar-dark .nav-nested .nav-link:focus {
@@ -14408,9 +14491,15 @@ a.sheet-subtitle {
 
 .c-slideout-transition-in {
   transition: all 0.3s ease-in-out; }
+  @media (prefers-reduced-motion: reduce) {
+    .c-slideout-transition-in {
+      transition: none; } }
 
 .c-slideout-transition-out {
   transition: all 0.2s ease-in; }
+  @media (prefers-reduced-motion: reduce) {
+    .c-slideout-transition-out {
+      transition: none; } }
 
 .c-slideout-fixed {
   position: fixed; }
@@ -14533,6 +14622,9 @@ caption {
       border-radius: 1px;
       color: #6b6c7e;
       transition: box-shadow 0.15s ease-in-out; }
+      @media (prefers-reduced-motion: reduce) {
+        .table thead th a {
+          transition: none; } }
       .table thead th a:hover {
         color: #272833; }
       .table thead th a:focus {
@@ -14844,6 +14936,9 @@ caption {
   display: inline-block;
   max-width: 100%;
   transition: box-shadow 0.15s ease-in-out; }
+  @media (prefers-reduced-motion: reduce) {
+    .table-title a {
+      transition: none; } }
   .table-title a:hover {
     color: #272833; }
   .table-title a:focus {
@@ -14856,6 +14951,9 @@ caption {
   display: inline-block;
   max-width: 100%;
   transition: box-shadow 0.15s ease-in-out; }
+  @media (prefers-reduced-motion: reduce) {
+    .table-link {
+      transition: none; } }
   .table-link:hover {
     color: #272833; }
   .table-link:focus {
@@ -14873,6 +14971,9 @@ caption {
   color: #6b6c7e;
   font-size: 1rem;
   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; }
+  @media (prefers-reduced-motion: reduce) {
+    .table-action-link {
+      transition: none; } }
   .table-action-link:hover {
     background-color: rgba(0, 0, 0, 0.02);
     color: #272833;
@@ -15112,6 +15213,9 @@ caption {
   display: inline-block;
   max-width: 100%;
   transition: box-shadow 0.15s ease-in-out; }
+  @media (prefers-reduced-motion: reduce) {
+    .table-list-title a {
+      transition: none; } }
   .table-list-title a:hover {
     color: #272833; }
   .table-list-title a:focus {
@@ -15124,6 +15228,9 @@ caption {
   display: inline-block;
   max-width: 100%;
   transition: box-shadow 0.15s ease-in-out; }
+  @media (prefers-reduced-motion: reduce) {
+    .table-list-link {
+      transition: none; } }
   .table-list-link:hover {
     color: #272833; }
   .table-list-link:focus {
@@ -15140,6 +15247,9 @@ caption {
   color: #6b6c7e;
   font-size: 1rem;
   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; }
+  @media (prefers-reduced-motion: reduce) {
+    .table-list-action-link {
+      transition: none; } }
   .table-list-action-link:hover {
     background-color: rgba(0, 0, 0, 0.02);
     color: #272833;
@@ -16502,6 +16612,9 @@ label.toggle-switch {
   width: 2rem; }
   .close::-ms-expand {
     display: none; }
+  @media (prefers-reduced-motion: reduce) {
+    .close {
+      transition: none; } }
   .close:hover {
     color: #272833;
     opacity: 1;
@@ -19505,6 +19618,9 @@ button.bg-dark:focus {
   .d-xl-inline-flex {
     display: inline-flex !important; } }
 
+.hide {
+  display: none !important; }
+
 @media print {
   .d-print-none {
     display: none !important; }
@@ -19563,6 +19679,18 @@ button.bg-dark:focus {
 .embed-responsive-1by1::before {
   padding-top: 100%; }
 
+.embed-responsive-21by9::before {
+  padding-top: 42.85714%; }
+
+.embed-responsive-16by9::before {
+  padding-top: 56.25%; }
+
+.embed-responsive-4by3::before {
+  padding-top: 75%; }
+
+.embed-responsive-1by1::before {
+  padding-top: 100%; }
+
 /* REUSE-Snippet-End */
 .flex-row {
   flex-direction: row !important; }