@clayui/css 3.90.0 → 3.92.0

package/lib/css/atlas.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.90.0
+ * Clay 3.92.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -666,6 +666,9 @@ pre code {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .carousel-item {
+  transition: none;
+}
 
 .carousel-item.active,
 .carousel-item-next,
@@ -706,6 +709,10 @@ pre code {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .carousel-fade .active.carousel-item-left,
+.c-prefers-reduced-motion .carousel-fade .active.carousel-item-right {
+  transition: none;
+}
 
 .carousel-control-prev,
 .carousel-control-next {
@@ -728,6 +735,11 @@ pre code {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .carousel-control-prev,
+.c-prefers-reduced-motion .carousel-control-next {
+  transition: none;
+}
+
 .carousel-control-prev:hover, .carousel-control-prev:focus,
 .carousel-control-next:hover,
 .carousel-control-next:focus {
@@ -795,6 +807,10 @@ pre code {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .carousel-indicators li {
+  transition: none;
+}
+
 .carousel-indicators .active {
   opacity: 1;
 }
@@ -1174,16 +1190,20 @@ button.collapse-icon .c-inner {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .btn {
+  transition: none;
+}
+
 .btn:hover {
   color: #272833;
   text-decoration: none;
 }
 .btn:focus, .btn.focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  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 #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .btn:disabled, .btn.disabled {
   cursor: not-allowed;
@@ -1240,7 +1260,7 @@ fieldset:disabled a.btn:active {
 }
 .btn-xs .inline-item {
   font-size: inherit;
-  margin-top: -3px;
+  margin-top: -0.16em;
 }
 .btn-xs .inline-item-before {
   margin-right: 0.25rem;
@@ -1708,17 +1728,30 @@ input[type=button].btn-block {
   text-decoration: underline;
 }
 .btn-link:focus, .focus.btn-link {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  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 #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .btn-link:disabled, .disabled.btn-link {
   box-shadow: none;
   color: #0b5fff;
   text-decoration: none;
 }
+.btn-beta {
+  background-color: #f7f8f9;
+  color: #294f98;
+  text-transform: uppercase;
+}
+.btn-beta:hover {
+  background-color: #f1f2f5;
+  color: #294f98;
+}
+.btn-beta:focus, .focus.btn-beta {
+  background-color: #f1f2f5;
+  color: #294f98;
+}
 .btn-outline-primary {
   border-color: #0b5fff;
   color: #0b5fff;
@@ -2001,6 +2034,28 @@ input[type=button].btn-block {
   margin-top: -0.1em;
 }
 
+.c-horizontal-resizer {
+  background-color: transparent;
+  bottom: 0;
+  cursor: ew-resize;
+  margin-right: -0.25rem;
+  position: absolute;
+  right: 0;
+  top: 0;
+  -ms-user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
+  width: 0.5rem;
+  z-index: 10;
+}
+.c-horizontal-resizer:hover {
+  background-color: #528eff;
+}
+.c-horizontal-resizer:focus {
+  background-color: #528eff;
+}
+
 .fade {
   transition: opacity 0.15s linear;
 }
@@ -2009,6 +2064,10 @@ input[type=button].btn-block {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .fade {
+  transition: none;
+}
+
 .fade:not(.show) {
   opacity: 0;
 }
@@ -2028,6 +2087,9 @@ input[type=button].btn-block {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .collapsing {
+  transition: none;
+}
 
 .container {
   margin-left: auto;
@@ -4024,6 +4086,10 @@ input[type=button].btn-block {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .badge {
+  transition: none;
+}
+
 .badge:empty {
   display: none;
 }
@@ -4031,7 +4097,7 @@ input[type=button].btn-block {
   text-decoration: none;
 }
 .badge[href].focus, .badge[href]:focus, .badge[type].focus, .badge[type]:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .badge a {
@@ -4258,6 +4324,11 @@ input[type=button].btn-block {
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(39, 40, 51, 0.5);
 }
+.badge-beta {
+  background-color: #f7f8f9;
+  color: #294f98;
+  text-transform: uppercase;
+}
 .breadcrumb {
   background-color: transparent;
   border-radius: 0.25rem;
@@ -4281,6 +4352,10 @@ input[type=button].btn-block {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .breadcrumb-link {
+  transition: none;
+}
+
 .breadcrumb-link:hover, .breadcrumb-link.hover {
   color: #6b6c7e;
   text-decoration: underline;
@@ -4288,7 +4363,7 @@ input[type=button].btn-block {
 .breadcrumb-link.focus, .breadcrumb-link:focus {
   color: #6b6c7e;
   text-decoration: underline;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .breadcrumb-item {
@@ -4578,6 +4653,10 @@ input[type=button].btn-block {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .label {
+  transition: none;
+}
+
 .label:disabled, .label.disabled {
   box-shadow: none;
 }
@@ -4590,7 +4669,7 @@ input[type=button].btn-block {
 }
 .label[href].focus, .label[href]:focus, .label[type].focus, .label[type]:focus, .label[tabindex].focus, .label[tabindex]:focus {
   text-decoration: underline;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .label a,
 .label .btn-unstyled {
@@ -6089,12 +6168,16 @@ input[type=button].btn-block {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .card-interactive {
+  transition: none;
+}
+
 .card-interactive:hover, .card-interactive.hover {
   background-color: #f7f8f9;
   text-decoration: none;
 }
 .card-interactive:focus, .card-interactive.focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #719aff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .card-interactive:active, .card-interactive.active {
   background-color: #f1f2f5;
@@ -6114,6 +6197,10 @@ input[type=button].btn-block {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .card-interactive::after {
+  transition: none;
+}
+
 .card-interactive:hover::after, .card-interactive.hover::after {
   height: 4px;
 }
@@ -6151,12 +6238,12 @@ input[type=button].btn-block {
 .card-interactive-secondary:hover, .card-interactive-secondary.hover {
   background-color: #fff;
   border-color: transparent;
-  box-shadow: 0 0 0 2px #719aff;
+  box-shadow: 0 0 0 2px #528eff;
   color: #272833;
 }
 .card-interactive-secondary:focus, .card-interactive-secondary.focus {
   border-color: transparent;
-  box-shadow: 0 0 0 2px #719aff;
+  box-shadow: 0 0 0 2px #528eff;
 }
 .card-interactive-secondary:active, .card-interactive-secondary.active {
   background-color: #fff;
@@ -6390,7 +6477,7 @@ input[type=button].btn-block {
   background-color: #f0f5ff;
   color: #272833;
   text-decoration: none;
-  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
   outline: 0;
 }
 .dropdown-item:active {
@@ -6419,7 +6506,7 @@ input[type=button].btn-block {
   color: #272833;
 }
 .dropdown-item.btn:not([disabled]):not(.disabled):active:focus, .dropdown-item.btn:not([disabled]):not(.disabled).active:focus {
-  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
 .dropdown-item:disabled, .dropdown-item.disabled {
   background-color: transparent;
@@ -7080,6 +7167,9 @@ input[type=button].btn-block {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .drilldown-inner {
+  transition: none;
+}
 
 .drilldown-item {
   display: none;
@@ -7329,6 +7419,10 @@ fieldset[disabled] label .form-control {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .form-control {
+  transition: none;
+}
+
 .form-control::placeholder {
   color: #6b6c7e;
   opacity: 1;
@@ -7336,7 +7430,7 @@ fieldset[disabled] label .form-control {
 .form-control:focus, .form-control.focus {
   background-color: #f0f5ff;
   border-color: #80acff;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   color: #272833;
   outline: 0;
 }
@@ -7709,7 +7803,7 @@ textarea.form-control-plaintext,
   box-shadow: none;
 }
 .form-control[type=range]:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .form-control[type=range]::-webkit-slider-thumb {
   border-radius: 100px;
@@ -7799,6 +7893,10 @@ textarea.form-control-plaintext,
     transition: none;
   }
 }
+.c-prefers-reduced-motion .form-control-plaintext[readonly] {
+  transition: none;
+}
+
 .form-control-plaintext[readonly]:focus, .form-control-plaintext[readonly].focus {
   box-shadow: none;
   border-color: #80acff;
@@ -8078,12 +8176,16 @@ textarea.form-control-lg,
     transition: none;
   }
 }
+.c-prefers-reduced-motion .c-link {
+  transition: none;
+}
+
 .c-link:hover, .c-link.hover {
   text-decoration: none;
 }
 .c-link.focus, .c-link:focus {
   border-radius: 1px;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .c-link.text-secondary {
@@ -8112,12 +8214,16 @@ textarea.form-control-lg,
     transition: none;
   }
 }
+.c-prefers-reduced-motion .component-link {
+  transition: none;
+}
+
 .component-link:hover, .component-link.hover {
   color: #484955;
 }
 .component-link.focus, .component-link:focus {
   color: #484955;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .single-link {
@@ -8134,13 +8240,17 @@ textarea.form-control-lg,
     transition: none;
   }
 }
+.c-prefers-reduced-motion .link-primary {
+  transition: none;
+}
+
 .link-primary:hover, .link-primary.hover {
   color: #0041be;
   background-color: #f0f5ff;
 }
 .link-primary.focus, .link-primary:focus {
   color: #0041be;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .link-secondary {
@@ -8153,13 +8263,17 @@ textarea.form-control-lg,
     transition: none;
   }
 }
+.c-prefers-reduced-motion .link-secondary {
+  transition: none;
+}
+
 .link-secondary:hover, .link-secondary.hover {
   color: #272833;
   background-color: #f1f2f5;
 }
 .link-secondary.focus, .link-secondary:focus {
   color: #272833;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 button.link-outline {
@@ -8190,11 +8304,15 @@ button.link-outline {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .link-outline {
+  transition: none;
+}
+
 .link-outline:hover, .link-outline.hover {
   text-decoration: none;
 }
 .link-outline.focus, .link-outline:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .link-outline:disabled, .link-outline.disabled {
@@ -8223,7 +8341,7 @@ button.link-outline {
 }
 .link-outline-primary.focus, .link-outline-primary:focus {
   background-color: #f0f5ff;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   color: #0b5fff;
 }
 .link-outline-primary:active {
@@ -8255,7 +8373,7 @@ button.link-outline {
 }
 .link-outline-secondary.focus, .link-outline-secondary:focus {
   background-color: rgba(39, 40, 51, 0.03);
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   color: #272833;
 }
 .link-outline-secondary:active {
@@ -8323,6 +8441,11 @@ button.link-outline {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .component-title[href],
+.c-prefers-reduced-motion .component-title [href] {
+  transition: none;
+}
+
 .component-title[href]:hover, .component-title[href].hover,
 .component-title [href]:hover,
 .component-title [href].hover {
@@ -8332,7 +8455,7 @@ button.link-outline {
 .component-title [href].focus,
 .component-title [href]:focus {
   color: #060608;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .component-subtitle {
@@ -8353,6 +8476,11 @@ button.link-outline {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .component-subtitle[href],
+.c-prefers-reduced-motion .component-subtitle [href] {
+  transition: none;
+}
+
 .component-subtitle[href]:hover, .component-subtitle[href].hover,
 .component-subtitle [href]:hover,
 .component-subtitle [href].hover {
@@ -8362,7 +8490,7 @@ button.link-outline {
 .component-subtitle [href].focus,
 .component-subtitle [href]:focus {
   color: #272833;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .component-action {
@@ -8387,12 +8515,16 @@ button.link-outline {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .component-action {
+  transition: none;
+}
+
 .component-action:hover, .component-action.hover {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
 .component-action.focus, .component-action:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
@@ -8492,6 +8624,10 @@ button.link-outline {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .clay-range-input .tooltip {
+  transition: none;
+}
+
 .clay-range-input .tooltip-inner {
   padding: 0.5rem 0.75rem;
 }
@@ -8664,20 +8800,20 @@ button.link-outline {
   outline: 0;
 }
 .clay-range-input .form-control-range:focus ~ .clay-range-progress .clay-range-thumb, .clay-range-input .form-control-range.focus ~ .clay-range-progress .clay-range-thumb {
-  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
 .clay-range-input .form-control-range:focus ~ .clay-range-progress .tooltip, .clay-range-input .form-control-range.focus ~ .clay-range-progress .tooltip {
   visibility: visible;
   opacity: 1;
 }
 .clay-range-input .form-control-range:focus::-moz-range-thumb, .clay-range-input .form-control-range.focus::-moz-range-thumb {
-  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
 .clay-range-input .form-control-range:focus::-ms-thumb, .clay-range-input .form-control-range.focus::-ms-thumb {
-  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
 .clay-range-input .form-control-range:focus::-webkit-slider-thumb, .clay-range-input .form-control-range.focus::-webkit-slider-thumb {
-  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
 .clay-range-input .form-control-range:disabled {
   color: #a7a9bc;
@@ -8849,13 +8985,13 @@ button.link-outline {
   width: 1.5rem;
 }
 .clay-color-btn:active {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .clay-color-btn.active {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .clay-color-btn[aria-expanded=true], .clay-color-btn.show {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .clay-color-btn .c-inner {
   margin-bottom: 0;
@@ -8886,12 +9022,16 @@ button.link-outline {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .clay-color-pointer {
+  transition: none;
+}
+
 .clay-color-pointer:focus, .clay-color-pointer.focus {
-  box-shadow: 0 0 0 0.125rem #80acff;
+  box-shadow: 0 0 0 0.125rem #528eff;
   outline: 0;
 }
 .clay-color-pointer:active:focus {
-  box-shadow: 0 0 0 0.125rem #80acff;
+  box-shadow: 0 0 0 0.125rem #528eff;
 }
 .clay-color-pointer .c-inner {
   margin-bottom: 0;
@@ -9028,7 +9168,7 @@ button.link-outline {
 }
 .form-file-input:focus + .input-group {
   border-radius: 1px;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .form-file-input:disabled {
   cursor: not-allowed;
@@ -9086,6 +9226,10 @@ button.link-outline {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .custom-control-label::before {
+  transition: none;
+}
+
 .custom-control-label::after {
   background: no-repeat 50%/50% 50%;
   content: "";
@@ -9134,6 +9278,9 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .custom-control-label::before {
+  transition: none;
+}
 
 .custom-control-label::after {
   background: no-repeat 50%/50% 50%;
@@ -9158,12 +9305,12 @@ label.custom-control-label {
 }
 .custom-control-input:focus ~ .custom-control-label::before {
   border-color: #6b6c7e;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .custom-control-input:active ~ .custom-control-label::before {
   background-color: #fff;
   border-color: #6b6c7e;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   color: #fff;
 }
 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
@@ -9312,6 +9459,10 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .custom-switch .custom-control-label::after {
+  transition: none;
+}
+
 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
   background-color: #fff;
   transform: translateX(0.75rem);
@@ -9397,7 +9548,7 @@ label.custom-control-label {
 }
 .custom-file-input:focus ~ .custom-file-label {
   border-color: #80acff;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
   background-color: #f1f2f5;
@@ -9453,13 +9604,13 @@ label.custom-control-label {
   outline: none;
 }
 .custom-range:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .custom-range:focus::-moz-range-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .custom-range:focus::-ms-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .custom-range::-moz-focus-outer {
   border: 0;
@@ -9481,6 +9632,10 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .custom-range::-webkit-slider-thumb {
+  transition: none;
+}
+
 .custom-range::-webkit-slider-thumb:active {
   background-color: #bed4ff;
 }
@@ -9510,6 +9665,10 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .custom-range::-moz-range-thumb {
+  transition: none;
+}
+
 .custom-range::-moz-range-thumb:active {
   background-color: #bed4ff;
 }
@@ -9541,6 +9700,10 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .custom-range::-ms-thumb {
+  transition: none;
+}
+
 .custom-range::-ms-thumb:active {
   background-color: #bed4ff;
 }
@@ -9589,6 +9752,10 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .custom-file-label,
+.c-prefers-reduced-motion .custom-select {
+  transition: none;
+}
 
 .clay-time .btn {
   align-items: center;
@@ -9604,10 +9771,10 @@ label.custom-control-label {
   color: #6b6c7e;
 }
 .clay-time .btn:focus, .clay-time .btn.focus {
-  box-shadow: 0 0 0 1px #80acff;
+  box-shadow: 0 0 0 1px #528eff;
 }
 .clay-time .btn:active:focus {
-  box-shadow: 0 0 0 1px #80acff;
+  box-shadow: 0 0 0 1px #528eff;
 }
 .clay-time .btn .c-inner {
   margin-bottom: 0;
@@ -9736,12 +9903,16 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .date-picker-nav .nav-btn {
+  transition: none;
+}
+
 .date-picker-nav .nav-btn:hover {
   background-color: #f1f2f5;
   color: #272833;
 }
 .date-picker-nav .nav-btn:focus, .date-picker-nav .nav-btn.focus {
-  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   background-color: #f1f2f5;
   color: #272833;
 }
@@ -9749,7 +9920,7 @@ label.custom-control-label {
   background-color: #f1f2f5;
 }
 .date-picker-nav .nav-btn:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .date-picker-nav .nav-btn.active {
   background-color: #f1f2f5;
@@ -9863,6 +10034,10 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .date-picker-calendar-item {
+  transition: none;
+}
+
 .date-picker-calendar-item:disabled, .date-picker-calendar-item.disabled {
   cursor: not-allowed;
 }
@@ -9925,7 +10100,7 @@ label.custom-control-label {
   color: #272833;
 }
 .date-picker-date:focus, .date-picker-date.focus {
-  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
   background-color: #f1f2f5;
   color: #272833;
@@ -9935,7 +10110,7 @@ label.custom-control-label {
   color: #fff;
 }
 .date-picker-date:active:focus {
-  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .date-picker-date.active {
   background-color: #0b5fff;
@@ -10225,7 +10400,7 @@ label.custom-control-label {
 }
 .was-validated .form-control:valid:focus,
 .was-validated .form-control.is-valid:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 
 .was-validated .form-control:invalid,
@@ -10237,7 +10412,7 @@ label.custom-control-label {
 }
 .was-validated .form-control:invalid:focus,
 .was-validated .form-control.is-invalid:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 
 .has-error .custom-control-label,
@@ -10251,7 +10426,7 @@ label.custom-control-label {
   color: #272833;
 }
 .has-error .form-control:focus, .has-error .form-control.focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .has-error .form-control[readonly] {
   background-color: #fff;
@@ -10276,7 +10451,7 @@ label.custom-control-label {
   color: #272833;
 }
 .has-error .input-group-item.focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .has-error .input-group-item.focus .input-group-inset {
   background-color: #feefef;
@@ -10310,7 +10485,7 @@ label.custom-control-label {
   color: #272833;
 }
 .has-warning .form-control:focus, .has-warning .form-control.focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .has-warning .form-control[readonly] {
   background-color: #fff;
@@ -10335,7 +10510,7 @@ label.custom-control-label {
   color: #272833;
 }
 .has-warning .input-group-item.focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .has-warning .input-group-item.focus .input-group-inset {
   background-color: #fff4ec;
@@ -10369,7 +10544,7 @@ label.custom-control-label {
   color: #272833;
 }
 .has-success .form-control:focus, .has-success .form-control.focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .has-success .form-control[readonly] {
   background-color: #fff;
@@ -10394,7 +10569,7 @@ label.custom-control-label {
   color: #272833;
 }
 .has-success .input-group-item.focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .has-success .input-group-item.focus .input-group-inset {
   background-color: #edf9f0;
@@ -10544,7 +10719,7 @@ label.custom-control-label {
 }
 .input-group-item.focus {
   border-radius: 0.25rem;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .input-group-item.focus.input-group-prepend {
   border-bottom-right-radius: 0;
@@ -11211,6 +11386,11 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .list-group-title[href],
+.c-prefers-reduced-motion .list-group-title [href] {
+  transition: none;
+}
+
 .list-group-title[href]:hover, .list-group-title[href].hover,
 .list-group-title [href]:hover,
 .list-group-title [href].hover {
@@ -11219,7 +11399,7 @@ label.custom-control-label {
 .list-group-title[href].focus, .list-group-title[href]:focus,
 .list-group-title [href].focus,
 .list-group-title [href]:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .list-group-subtitle {
@@ -11240,6 +11420,11 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .list-group-subtitle[href],
+.c-prefers-reduced-motion .list-group-subtitle [href] {
+  transition: none;
+}
+
 .list-group-subtitle[href]:hover, .list-group-subtitle[href].hover,
 .list-group-subtitle [href]:hover,
 .list-group-subtitle [href].hover {
@@ -11248,7 +11433,7 @@ label.custom-control-label {
 .list-group-subtitle[href].focus, .list-group-subtitle[href]:focus,
 .list-group-subtitle [href].focus,
 .list-group-subtitle [href]:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .list-group-text {
@@ -11269,6 +11454,11 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .list-group-text[href],
+.c-prefers-reduced-motion .list-group-text [href] {
+  transition: none;
+}
+
 .list-group-text[href]:hover, .list-group-text[href].hover,
 .list-group-text [href]:hover,
 .list-group-text [href].hover {
@@ -11277,7 +11467,7 @@ label.custom-control-label {
 .list-group-text[href].focus, .list-group-text[href]:focus,
 .list-group-text [href].focus,
 .list-group-text [href]:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .list-group-subtext {
@@ -11299,6 +11489,11 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .list-group-subtext[href],
+.c-prefers-reduced-motion .list-group-subtext [href] {
+  transition: none;
+}
+
 .list-group-subtext[href]:hover, .list-group-subtext[href].hover,
 .list-group-subtext [href]:hover,
 .list-group-subtext [href].hover {
@@ -11307,7 +11502,7 @@ label.custom-control-label {
 .list-group-subtext[href].focus, .list-group-subtext[href]:focus,
 .list-group-subtext [href].focus,
 .list-group-subtext [href]:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .show-dropdown-action-on-active .list-group-item.active .dropdown-action .dropdown-menu {
@@ -11681,6 +11876,10 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .modal.fade .modal-dialog {
+  transition: none;
+}
+
 .modal.show .modal-dialog {
   transform: none;
 }
@@ -12184,6 +12383,18 @@ label.custom-control-label {
 .multi-step-item.complete .multi-step-divider {
   background-color: #6b6c7e;
 }
+.multi-step-item.error .multi-step-icon {
+  background-color: #da1414;
+  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='M300.4%20256%20467%2089.4c29.6-29.6-14.8-74.1-44.4-44.4L256%20211.6%2089.4%2045C59.8%2015.3%2015.3%2059.8%2045%2089.4L211.6%20256%2045%20422.6c-29.7%2029.7%2014.7%2074.1%2044.4%2044.4L256%20300.4%20422.6%20467c29.7%2029.7%2074.1-14.7%2044.4-44.4L300.4%20256z'%20fill='%23fff'/%3E%3C/svg%3E");
+  color: #fff;
+  text-indent: -100px;
+}
+.multi-step-item.error .multi-step-icon[data-multi-step-icon]::before {
+  content: none;
+}
+.multi-step-item.error .multi-step-icon .lexicon-icon {
+  display: none;
+}
 .multi-step-item.disabled .multi-step-title {
   color: #a7a9bc;
 }
@@ -12257,6 +12468,9 @@ label.custom-control-label {
 .multi-step-icon {
   align-items: center;
   background-color: #e7e7ed;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 0.875rem;
   border-radius: 100px;
   border-width: 0px;
   color: #6b6c7e;
@@ -12280,7 +12494,7 @@ label.custom-control-label {
 }
 .multi-step-icon:focus {
   background-color: #e7e7ed;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   color: #6b6c7e;
   outline: 0;
   text-decoration: none;
@@ -12413,10 +12627,10 @@ label.custom-control-label {
   width: 100%;
 }
 .nav-link.btn-unstyled:focus, .nav-link.btn-unstyled.focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .nav-link.btn-unstyled:active:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .nav-link.btn-unstyled:disabled, .nav-link.btn-unstyled.disabled {
   opacity: 1;
@@ -12564,7 +12778,6 @@ label.custom-control-label {
   padding-right: 0.5rem;
   padding-top: 0.625rem;
 }
-
 .nav-unstyled {
   flex-wrap: nowrap;
 }
@@ -12701,8 +12914,11 @@ label.custom-control-label {
 }
 
 .nav-tabs {
-  border-bottom: 0.0625rem solid transparent;
+  border-bottom: 0.0625rem solid #cdced9;
   font-size: 0.875rem;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  padding-top: 0.4375rem;
 }
 .nav-tabs .nav-link {
   border-color: transparent;
@@ -12721,23 +12937,27 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .nav-tabs .nav-link {
+  transition: none;
+}
+
 .nav-tabs .nav-link:hover, .nav-tabs .nav-link.hover {
   border-color: transparent;
 }
 .nav-tabs .nav-link.focus, .nav-tabs .nav-link:focus {
   border-color: transparent;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .nav-tabs .nav-link:active {
   background-color: #fff;
-  border-color: transparent transparent #fff;
+  border-color: #cdced9 #cdced9 #fff;
   color: #272833;
 }
 .nav-tabs .nav-link.active {
   background-color: #fff;
   color: #272833;
-  border-color: transparent transparent #fff;
+  border-color: #cdced9 #cdced9 #fff;
 }
 .nav-tabs .nav-link:disabled, .nav-tabs .nav-link.disabled {
   background-color: transparent;
@@ -12749,9 +12969,9 @@ label.custom-control-label {
   box-shadow: none;
 }
 .nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show {
-  background-color: transparent;
+  background-color: #fff;
   color: #272833;
-  border-color: transparent transparent transparent transparent;
+  border-color: #cdced9;
 }
 .nav-tabs .nav-link > .c-inner {
   margin-bottom: -0.28125rem;
@@ -12767,7 +12987,7 @@ label.custom-control-label {
 }
 .nav-tabs + .tab-content .tab-pane {
   background-color: #fff;
-  border-radius: 4px;
+  border-radius: 0 0 4px 4px;
   padding: 2rem;
 }
 .nav-tabs + .tab-content .tab-pane.active:first-child {
@@ -12801,55 +13021,14 @@ label.custom-control-label {
   color: #fff;
 }
 
-.nav-underline .nav-link {
-  color: #6b6c7e;
-  padding-bottom: 0.5625rem;
-  padding-top: 0.5625rem;
-  border-radius: 1px;
-  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::after {
-  bottom: 0;
-  display: block;
-  position: absolute;
-  left: 0;
-  right: 0;
-  width: auto;
-}
-.nav-underline .nav-link.focus, .nav-underline .nav-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
-  outline: 0;
-}
-.nav-underline .nav-link.active {
-  color: #272833;
-}
-.nav-underline .nav-link.active::after {
-  background-color: #528eff;
-  content: "";
-  height: 0.125rem;
-}
-.nav-underline .nav-link:disabled, .nav-underline .nav-link.disabled {
-  color: #a7a9bc;
-  box-shadow: none;
-}
-.nav-underline .nav-link[aria-expanded=true], .nav-underline .nav-link.show {
-  color: #272833;
-}
-.nav-underline .nav-link[aria-expanded=true]::after, .nav-underline .nav-link.show::after {
-  content: "";
-  height: 0.125rem;
+.nav-tabs-light {
+  background-color: #f7f8f9;
 }
-.nav-underline .nav-link > .c-inner {
-  margin-bottom: -0.5625rem;
-  margin-top: -0.5625rem;
+.nav-tabs-light + .tab-content .tab-pane {
+  background-color: transparent;
+  border-radius: 0;
 }
+
 .menubar {
   position: relative;
 }
@@ -12935,13 +13114,17 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .menubar-vertical-expand-md.menubar-transparent .nav-link {
+  transition: none;
+}
+
 .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);
   color: #272833;
 }
 .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 #80acff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
   color: #272833;
   outline: 0;
 }
@@ -12984,6 +13167,11 @@ label.custom-control-label {
     transition: none;
   }
 }
+@media (max-width: 767.98px) {
+  .c-prefers-reduced-motion .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
+    transition: none;
+  }
+}
 @media (max-width: 767.98px) {
   .menubar-vertical-expand-md.menubar-transparent .nav-link {
     border-radius: 0;
@@ -13110,13 +13298,17 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .menubar-vertical-expand-lg.menubar-transparent .nav-link {
+  transition: none;
+}
+
 .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);
   color: #272833;
 }
 .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 #80acff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
   color: #272833;
   outline: 0;
 }
@@ -13159,6 +13351,11 @@ label.custom-control-label {
     transition: none;
   }
 }
+@media (max-width: 991.98px) {
+  .c-prefers-reduced-motion .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
+    transition: none;
+  }
+}
 @media (max-width: 991.98px) {
   .menubar-vertical-expand-lg.menubar-transparent .nav-link {
     border-radius: 0;
@@ -14037,7 +14234,7 @@ label.custom-control-label {
   color: #fff;
 }
 
-.navbar-underline .navbar-toggler-link:after {
+.navbar-underline .navbar-toggler-link::after {
   background-color: #80acff;
   bottom: -0.5rem;
   content: "";
@@ -14048,35 +14245,8 @@ label.custom-control-label {
   right: 0;
   width: auto;
 }
-
-@media (min-width: 576px) {
-  .navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after {
-    background-color: #80acff;
-    bottom: -0.5rem;
-    content: "";
-    display: block;
-    height: 0.125rem;
-    left: 0;
-    position: absolute;
-    right: 0;
-    width: auto;
-  }
-}
 @media (min-width: 768px) {
-  .navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
-    background-color: #80acff;
-    bottom: -0.5rem;
-    content: "";
-    display: block;
-    height: 0.125rem;
-    left: 0;
-    position: absolute;
-    right: 0;
-    width: auto;
-  }
-}
-@media (min-width: 992px) {
-  .navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after {
+  .navbar-underline.navbar-expand-md.navbar-underline .navbar-nav .nav-link.active::after {
     background-color: #80acff;
     bottom: -0.5rem;
     content: "";
@@ -14088,31 +14258,6 @@ label.custom-control-label {
     width: auto;
   }
 }
-@media (min-width: 1280px) {
-  .navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after {
-    background-color: #80acff;
-    bottom: -0.5rem;
-    content: "";
-    display: block;
-    height: 0.125rem;
-    left: 0;
-    position: absolute;
-    right: 0;
-    width: auto;
-  }
-}
-.navbar-underline.navbar-expand .navbar-nav .nav-link.active: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;
   border-width: 0px 0px 0px 0px;
@@ -15179,8 +15324,12 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .application-bar .navbar-nav .nav-link {
+  transition: none;
+}
+
 .application-bar .navbar-nav .nav-link.focus, .application-bar .navbar-nav .nav-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .application-bar .navbar-nav .nav-link:disabled, .application-bar .navbar-nav .nav-link.disabled {
   box-shadow: none;
@@ -15195,8 +15344,12 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .application-bar .navbar-brand {
+  transition: none;
+}
+
 .application-bar .navbar-brand.focus, .application-bar .navbar-brand:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .application-bar .navbar-brand:disabled, .application-bar .navbar-brand.disabled {
   box-shadow: none;
@@ -16358,8 +16511,12 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .management-bar .navbar-nav .nav-link {
+  transition: none;
+}
+
 .management-bar .navbar-nav .nav-link.focus, .management-bar .navbar-nav .nav-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .management-bar .navbar-nav .nav-link:disabled, .management-bar .navbar-nav .nav-link.disabled {
   box-shadow: none;
@@ -16374,8 +16531,12 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .management-bar .navbar-brand {
+  transition: none;
+}
+
 .management-bar .navbar-brand.focus, .management-bar .navbar-brand:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .management-bar .navbar-brand:disabled, .management-bar .navbar-brand.disabled {
   box-shadow: none;
@@ -16954,11 +17115,11 @@ label.custom-control-label {
 .navigation-bar .navbar-nav .nav-link {
   border-width: 0;
   font-size: inherit;
-  border-radius: 0px;
+  border-radius: 0.25rem;
   outline: 0;
 }
 .navigation-bar .navbar-nav .nav-link.focus, .navigation-bar .navbar-nav .nav-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .navigation-bar .navbar-nav .nav-link:disabled, .navigation-bar .navbar-nav .nav-link.disabled {
   box-shadow: none;
@@ -16966,11 +17127,11 @@ label.custom-control-label {
 .navigation-bar .navbar-brand {
   border-width: 0;
   font-size: inherit;
-  border-radius: 0px;
+  border-radius: 0.25rem;
   outline: 0;
 }
 .navigation-bar .navbar-brand.focus, .navigation-bar .navbar-brand:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .navigation-bar .navbar-brand:disabled, .navigation-bar .navbar-brand.disabled {
   box-shadow: none;
@@ -17198,6 +17359,10 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .page-link {
+  transition: none;
+}
+
 .page-link:hover, .page-link.hover {
   background-color: rgba(39, 40, 41, 0.04);
   border-color: transparent;
@@ -17206,7 +17371,7 @@ label.custom-control-label {
   z-index: 2;
 }
 .page-link.focus, .page-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
   z-index: 4;
   background-color: rgba(39, 40, 41, 0.04);
@@ -17318,6 +17483,11 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .pagination-items-per-page > a,
+.c-prefers-reduced-motion .pagination-items-per-page > button {
+  transition: none;
+}
+
 .pagination-items-per-page > a:hover, .pagination-items-per-page > a.hover,
 .pagination-items-per-page > button:hover,
 .pagination-items-per-page > button.hover {
@@ -17328,7 +17498,7 @@ label.custom-control-label {
 .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 #80acff;
+  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;
@@ -17558,13 +17728,17 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .panel-header-link {
+  transition: none;
+}
+
 .panel-header-link:hover, .panel-header-link.hover {
   color: inherit;
   text-decoration: none;
 }
 .panel-header-link.focus, .panel-header-link:focus {
   z-index: 1;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .panel-header-link .collapse-icon {
@@ -17786,7 +17960,7 @@ label.custom-control-label {
   border-radius: 1px;
 }
 .panel-unstyled .panel-header.panel-header-link.focus, .panel-unstyled .panel-header.panel-header-link:focus {
-  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #80acff;
+  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #528eff;
 }
 .panel-unstyled .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
 .panel-unstyled .panel-header:not(.collapse-icon-middle) .collapse-icon-open {
@@ -17805,7 +17979,7 @@ label.custom-control-label {
 .popover {
   background-clip: padding-box;
   background-color: #fff;
-  border: 0.0625rem solid transparent;
+  border: 1px solid transparent;
   border-radius: 0.25rem;
   box-shadow: 0 1px 15px -2px rgba(0, 0, 0, 0.2);
   display: block;
@@ -17832,10 +18006,10 @@ label.custom-control-label {
 }
 .popover .arrow {
   display: block;
-  height: 0.3rem;
+  height: 5px;
   margin: 0 0.25rem;
   position: absolute;
-  width: 0.6rem;
+  width: 10px;
 }
 .popover .arrow::before {
   border-color: transparent;
@@ -17867,120 +18041,120 @@ label.custom-control-label {
 }
 .bs-popover-bottom,
 .bs-popover-auto[x-placement^=bottom] {
-  margin-top: 0.3rem;
+  margin-top: 5px;
 }
 .bs-popover-bottom > .arrow,
 .bs-popover-auto[x-placement^=bottom] > .arrow {
   top: calc(
-			-0.3rem - 0.0625rem
+			-5px - 1px
 		);
 }
 .bs-popover-bottom > .arrow::before,
 .bs-popover-auto[x-placement^=bottom] > .arrow::before {
   border-bottom-color: transparent;
-  border-width: 0 0.3rem 0.3rem 0.3rem;
+  border-width: 0 5px 5px 5px;
   top: 0;
 }
 .bs-popover-bottom > .arrow::after,
 .bs-popover-auto[x-placement^=bottom] > .arrow::after {
   border-bottom-color: #fff;
-  border-width: 0 0.3rem 0.3rem 0.3rem;
-  top: 0.0625rem;
+  border-width: 0 5px 5px 5px;
+  top: 1px;
 }
 .bs-popover-bottom .popover-header::before,
 .bs-popover-auto[x-placement^=bottom] .popover-header::before {
-  border-bottom: 0.0625rem solid #fff;
+  border-bottom: 1px solid #fff;
   content: "";
   display: block;
   left: 50%;
-  margin-left: calc(-0.6rem / 2);
+  margin-left: calc(-10px / 2);
   position: absolute;
   top: 0;
-  width: 0.6rem;
+  width: 10px;
 }
 
 .bs-popover-left,
 .bs-popover-auto[x-placement^=left] {
-  margin-right: 0.3rem;
+  margin-right: 5px;
 }
 .bs-popover-left > .arrow,
 .bs-popover-auto[x-placement^=left] > .arrow {
-  height: 0.6rem;
+  height: 10px;
   margin: 0.25rem 0;
   right: calc(
-			-0.3rem - 0.0625rem
+			-5px - 1px
 		);
-  width: 0.3rem;
+  width: 5px;
 }
 .bs-popover-left > .arrow::before,
 .bs-popover-auto[x-placement^=left] > .arrow::before {
   border-left-color: transparent;
-  border-width: 0.3rem 0 0.3rem 0.3rem;
+  border-width: 5px 0 5px 5px;
   right: 0;
 }
 .bs-popover-left > .arrow::after,
 .bs-popover-auto[x-placement^=left] > .arrow::after {
   border-left-color: #fff;
-  border-width: 0.3rem 0 0.3rem 0.3rem;
-  right: 0.0625rem;
+  border-width: 5px 0 5px 5px;
+  right: 1px;
 }
 
 .bs-popover-right,
 .bs-popover-auto[x-placement^=right] {
-  margin-left: 0.3rem;
+  margin-left: 5px;
 }
 .bs-popover-right > .arrow,
 .bs-popover-auto[x-placement^=right] > .arrow {
-  height: 0.6rem;
+  height: 10px;
   left: calc(
-			-0.3rem - 0.0625rem
+			-5px - 1px
 		);
   margin: 0.25rem 0;
-  width: 0.3rem;
+  width: 5px;
 }
 .bs-popover-right > .arrow::before,
 .bs-popover-auto[x-placement^=right] > .arrow::before {
   border-right-color: transparent;
-  border-width: 0.3rem 0.3rem 0.3rem 0;
+  border-width: 5px 5px 5px 0;
   left: 0;
 }
 .bs-popover-right > .arrow::after,
 .bs-popover-auto[x-placement^=right] > .arrow::after {
   border-right-color: #fff;
-  border-width: 0.3rem 0.3rem 0.3rem 0;
-  left: 0.0625rem;
+  border-width: 5px 5px 5px 0;
+  left: 1px;
 }
 
 .bs-popover-top,
 .bs-popover-auto[x-placement^=top] {
-  margin-bottom: 0.3rem;
+  margin-bottom: 5px;
 }
 .bs-popover-top > .arrow,
 .bs-popover-auto[x-placement^=top] > .arrow {
   bottom: calc(
-			-0.3rem - 0.0625rem
+			-5px - 1px
 		);
 }
 .bs-popover-top > .arrow::before,
 .bs-popover-auto[x-placement^=top] > .arrow::before {
   border-top-color: transparent;
-  border-width: 0.3rem 0.3rem 0;
+  border-width: 5px 5px 0;
   bottom: 0;
 }
 .bs-popover-top > .arrow::after,
 .bs-popover-auto[x-placement^=top] > .arrow::after {
   border-top-color: #fff;
-  border-width: 0.3rem 0.3rem 0;
-  bottom: 0.0625rem;
+  border-width: 5px 5px 0;
+  bottom: 1px;
 }
 
 .popover-header {
   color: #272833;
   background-color: #fff;
-  border-bottom: 0.0625rem solid #f2f2f2;
+  border-bottom: 1px solid #f2f2f2;
   border-color: #e7e7ed;
-  border-top-left-radius: calc( 	0.25rem - 0.0625rem );
-  border-top-right-radius: calc( 	0.25rem - 0.0625rem );
+  border-top-left-radius: calc( 	0.25rem - 1px );
+  border-top-right-radius: calc( 	0.25rem - 1px );
   font-size: 0.875rem;
   font-weight: 600;
   margin-bottom: 0;
@@ -17993,8 +18167,8 @@ label.custom-control-label {
   display: none;
 }
 .popover-body {
-  border-bottom-left-radius: calc( 	0.25rem - 0.0625rem );
-  border-bottom-right-radius: calc( 	0.25rem - 0.0625rem );
+  border-bottom-left-radius: calc( 	0.25rem - 1px );
+  border-bottom-right-radius: calc( 	0.25rem - 1px );
   color: #6b6c7e;
   padding: 0.75rem 1rem;
 }
@@ -18004,29 +18178,29 @@ label.custom-control-label {
 .clay-popover-top,
 .clay-popover-top-left,
 .clay-popover-top-right {
-  margin-bottom: 0.3rem;
+  margin-bottom: 5px;
 }
 .clay-popover-top .arrow,
 .clay-popover-top-left .arrow,
 .clay-popover-top-right .arrow {
   left: 50%;
-  margin-left: -0.3rem;
-  bottom: calc((0.3rem + 0.0625rem) * -1);
+  margin-left: -5px;
+  bottom: calc((5px + 1px) * -1);
   margin: 0;
 }
 .clay-popover-top .arrow::before,
 .clay-popover-top-left .arrow::before,
 .clay-popover-top-right .arrow::before {
   border-top-color: transparent;
-  border-width: 0.3rem 0.3rem 0;
+  border-width: 5px 5px 0;
   bottom: 0;
 }
 .clay-popover-top .arrow::after,
 .clay-popover-top-left .arrow::after,
 .clay-popover-top-right .arrow::after {
   border-top-color: #fff;
-  border-width: 0.3rem 0.3rem 0;
-  bottom: 0.0625rem;
+  border-width: 5px 5px 0;
+  bottom: 1px;
 }
 .clay-popover-top-left .arrow {
   left: 0.625rem;
@@ -18040,30 +18214,30 @@ label.custom-control-label {
 .clay-popover-right,
 .clay-popover-right-bottom,
 .clay-popover-right-top {
-  margin-left: 0.3rem;
+  margin-left: 5px;
 }
 .clay-popover-right .arrow,
 .clay-popover-right-bottom .arrow,
 .clay-popover-right-top .arrow {
-  height: 0.6rem;
-  left: calc((0.3rem + 0.0625rem) * -1);
-  margin: -0.15rem 0 0;
+  height: 10px;
+  left: calc((5px + 1px) * -1);
+  margin: -2.5px 0 0;
   top: 50%;
-  width: 0.3rem;
+  width: 5px;
 }
 .clay-popover-right .arrow::before,
 .clay-popover-right-bottom .arrow::before,
 .clay-popover-right-top .arrow::before {
   border-right-color: transparent;
-  border-width: 0.3rem 0.3rem 0.3rem 0;
+  border-width: 5px 5px 5px 0;
   left: 0;
 }
 .clay-popover-right .arrow::after,
 .clay-popover-right-bottom .arrow::after,
 .clay-popover-right-top .arrow::after {
   border-right-color: #fff;
-  border-width: 0.3rem 0.3rem 0.3rem 0;
-  left: 0.0625rem;
+  border-width: 5px 5px 5px 0;
+  left: 1px;
 }
 .clay-popover-right-bottom .arrow {
   bottom: 0.625rem;
@@ -18080,28 +18254,28 @@ label.custom-control-label {
 .clay-popover-bottom,
 .clay-popover-bottom-left,
 .clay-popover-bottom-right {
-  margin-top: 0.3rem;
+  margin-top: 5px;
 }
 .clay-popover-bottom .arrow,
 .clay-popover-bottom-left .arrow,
 .clay-popover-bottom-right .arrow {
   left: 50%;
-  margin: 0 0 0 -0.3rem;
-  top: calc((0.3rem + 0.0625rem) * -1);
+  margin: 0 0 0 -5px;
+  top: calc((5px + 1px) * -1);
 }
 .clay-popover-bottom .arrow::before,
 .clay-popover-bottom-left .arrow::before,
 .clay-popover-bottom-right .arrow::before {
   border-bottom-color: transparent;
-  border-width: 0 0.3rem 0.3rem 0.3rem;
+  border-width: 0 5px 5px 5px;
   top: 0;
 }
 .clay-popover-bottom .arrow::after,
 .clay-popover-bottom-left .arrow::after,
 .clay-popover-bottom-right .arrow::after {
   border-bottom-color: #fff;
-  border-width: 0 0.3rem 0.3rem 0.3rem;
-  top: 0.0625rem;
+  border-width: 0 5px 5px 5px;
+  top: 1px;
 }
 .clay-popover-bottom-left .arrow {
   left: 0.625rem;
@@ -18120,30 +18294,30 @@ label.custom-control-label {
 .clay-popover-left,
 .clay-popover-left-bottom,
 .clay-popover-left-top {
-  margin-right: 0.3rem;
+  margin-right: 5px;
 }
 .clay-popover-left .arrow,
 .clay-popover-left-bottom .arrow,
 .clay-popover-left-top .arrow {
-  height: 0.6rem;
-  margin: -0.15rem 0 0;
-  right: calc((0.3rem + 0.0625rem) * -1);
+  height: 10px;
+  margin: -2.5px 0 0;
+  right: calc((5px + 1px) * -1);
   top: 50%;
-  width: 0.3rem;
+  width: 5px;
 }
 .clay-popover-left .arrow::before,
 .clay-popover-left-bottom .arrow::before,
 .clay-popover-left-top .arrow::before {
   border-left-color: transparent;
-  border-width: 0.3rem 0 0.3rem 0.3rem;
+  border-width: 5px 0 5px 5px;
   right: 0;
 }
 .clay-popover-left .arrow::after,
 .clay-popover-left-bottom .arrow::after,
 .clay-popover-left-top .arrow::after {
   border-left-color: #fff;
-  border-width: 0.3rem 0 0.3rem 0.3rem;
-  right: 0.0625rem;
+  border-width: 5px 0 5px 5px;
+  right: 1px;
 }
 .clay-popover-left-bottom .arrow {
   bottom: 0.625rem;
@@ -18185,6 +18359,9 @@ label.custom-control-label {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .progress-bar {
+  transition: none;
+}
 
 .progress-bar-striped {
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
@@ -18527,11 +18704,15 @@ a.sheet-subtitle {
     transition: none;
   }
 }
+.c-prefers-reduced-motion a.sheet-subtitle {
+  transition: none;
+}
+
 a.sheet-subtitle:hover, a.sheet-subtitle.hover {
   text-decoration: none;
 }
 a.sheet-subtitle.focus, a.sheet-subtitle:focus {
-  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #80acff;
+  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #528eff;
   outline: 0;
 }
 .sheet-tertiary-title {
@@ -18732,7 +18913,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus {
   -webkit-overflow-scrolling: touch;
 }
 .sidebar:focus, .sidebar.focus {
-  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
   outline: 0;
 }
 .sidebar .container-fluid {
@@ -18862,7 +19043,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus {
 .sidenav-start .sidebar-light:focus, .sidenav-start .sidebar-light.focus,
 .sidenav-left .sidebar-light:focus,
 .sidenav-left .sidebar-light.focus {
-  box-shadow: 0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1), inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
+  box-shadow: 0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1), inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
 
 .sidebar-light .sidebar-list-group .list-group-title {
@@ -18883,7 +19064,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus {
   color: #272833;
 }
 .sidebar-light .panel-unstyled .panel-header.panel-header-link.focus, .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus {
-  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #80acff;
+  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #528eff;
 }
 .sidebar-light .component-navigation-bar {
   background-color: #fff;
@@ -18959,11 +19140,15 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .sidebar-dark .nav-nested .nav-link {
+  transition: none;
+}
+
 .sidebar-dark .nav-nested .nav-link:hover, .sidebar-dark .nav-nested .nav-link.hover {
   color: #fff;
 }
 .sidebar-dark .nav-nested .nav-link.focus, .sidebar-dark .nav-nested .nav-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .sidebar-dark .nav-nested .nav-link:active {
@@ -19017,11 +19202,15 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .sidebar-dark-l2 .nav-nested .nav-link {
+  transition: none;
+}
+
 .sidebar-dark-l2 .nav-nested .nav-link:hover, .sidebar-dark-l2 .nav-nested .nav-link.hover {
   color: #fff;
 }
 .sidebar-dark-l2 .nav-nested .nav-link.focus, .sidebar-dark-l2 .nav-nested .nav-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .sidebar-dark-l2 .nav-nested .nav-link:active {
@@ -19049,6 +19238,9 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .c-slideout-transition-in {
+  transition: none;
+}
 
 .c-slideout-transition-out {
   transition: all 0.2s ease-in;
@@ -19058,6 +19250,9 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .c-slideout-transition-out {
+  transition: none;
+}
 
 .c-slideout-fixed {
   position: fixed;
@@ -19078,6 +19273,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus {
 .c-slideout .sidebar {
   display: none;
   flex-shrink: 0;
+  overflow: visible;
   position: relative;
   width: 320px;
 }
@@ -19087,6 +19283,9 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus {
 .c-slideout .sidebar.c-slideout-transition {
   display: block;
 }
+.c-slideout .sidebar.c-slideout-transition .c-horizontal-resizer {
+  display: none;
+}
 .c-slideout .tbar-stacked {
   display: none;
   flex-shrink: 0;
@@ -19161,6 +19360,10 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus {
 .c-slideout-end .tbar-stacked.c-slideout-show {
   right: 0;
 }
+.c-slideout-end .c-horizontal-resizer {
+  left: 0;
+  right: auto;
+}
 @media (max-width: 767.98px) {
   .c-slideout-end.c-slideout-tbar-shown .sidebar {
     right: -280px;
@@ -19228,11 +19431,15 @@ caption {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .table thead th [href] {
+  transition: none;
+}
+
 .table thead th [href]:hover, .table thead th [href].hover {
   color: #272833;
 }
 .table thead th [href].focus, .table thead th [href]:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .table th:first-child,
@@ -19640,6 +19847,11 @@ caption {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .table-title[href],
+.c-prefers-reduced-motion .table-title [href] {
+  transition: none;
+}
+
 .table-title[href]:hover, .table-title[href].hover,
 .table-title [href]:hover,
 .table-title [href].hover {
@@ -19648,7 +19860,7 @@ caption {
 .table-title[href].focus, .table-title[href]:focus,
 .table-title [href].focus,
 .table-title [href]:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .table-link {
@@ -19663,11 +19875,15 @@ caption {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .table-link {
+  transition: none;
+}
+
 .table-link:hover, .table-link.hover {
   color: #272833;
 }
 .table-link.focus, .table-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .table-action-link {
@@ -19687,6 +19903,10 @@ caption {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .table-action-link {
+  transition: none;
+}
+
 .table-action-link:hover, .table-action-link.hover {
   text-decoration: none;
   background-color: rgba(0, 0, 0, 0.02);
@@ -19695,7 +19915,7 @@ caption {
 .table-action-link.focus, .table-action-link:focus {
   background-color: rgba(0, 0, 0, 0.02);
   color: #272833;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .table-action-link:active {
@@ -19983,6 +20203,11 @@ caption {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .table-list-title[href],
+.c-prefers-reduced-motion .table-list-title [href] {
+  transition: none;
+}
+
 .table-list-title[href]:hover, .table-list-title[href].hover,
 .table-list-title [href]:hover,
 .table-list-title [href].hover {
@@ -19991,7 +20216,7 @@ caption {
 .table-list-title[href].focus, .table-list-title[href]:focus,
 .table-list-title [href].focus,
 .table-list-title [href]:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .table-list-link {
@@ -20006,11 +20231,15 @@ caption {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .table-list-link {
+  transition: none;
+}
+
 .table-list-link:hover, .table-list-link.hover {
   color: #272833;
 }
 .table-list-link.focus, .table-list-link:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .table-list-action-link {
@@ -20029,6 +20258,10 @@ caption {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .table-list-action-link {
+  transition: none;
+}
+
 .table-list-action-link:hover, .table-list-action-link.hover {
   text-decoration: none;
   background-color: rgba(0, 0, 0, 0.02);
@@ -20037,7 +20270,7 @@ caption {
 .table-list-action-link.focus, .table-list-action-link:focus {
   background-color: rgba(0, 0, 0, 0.02);
   color: #272833;
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
 .table-list-action-link:active {
@@ -20689,10 +20922,10 @@ caption {
   width: 2.5rem;
 }
 .tbar-stacked .tbar-btn-monospaced:focus, .tbar-stacked .tbar-btn-monospaced.focus {
-  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
 .tbar-stacked .tbar-btn-monospaced:active:focus {
-  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
 .tbar-stacked .tbar-btn-monospaced .c-inner {
   margin-bottom: 0;
@@ -21148,6 +21381,10 @@ caption {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .toggle-switch-check ~ .toggle-switch-bar::before {
+  transition: none;
+}
+
 .toggle-switch-check ~ .toggle-switch-bar::after {
   background-color: #fff;
   border-color: #fff;
@@ -21169,6 +21406,10 @@ caption {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .toggle-switch-check ~ .toggle-switch-bar::after {
+  transition: none;
+}
+
 .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
   transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
 }
@@ -21177,6 +21418,10 @@ caption {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
+  transition: none;
+}
+
 .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
   content: '\FEFF' attr(data-label-off);
   margin-left: 56px;
@@ -21188,6 +21433,10 @@ caption {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
+  transition: none;
+}
+
 .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
   color: #fff;
   left: 4px;
@@ -21205,6 +21454,10 @@ caption {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
+  transition: none;
+}
+
 .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
   left: 4px;
   opacity: 0;
@@ -21219,7 +21472,7 @@ caption {
   opacity: 0;
 }
 .toggle-switch-check:focus ~ .toggle-switch-bar::before {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .toggle-switch-check[disabled] ~ .toggle-switch-bar, .toggle-switch-check:disabled ~ .toggle-switch-bar {
   cursor: not-allowed;
@@ -21652,6 +21905,7 @@ caption {
   padding: 2px 0;
 }
 .treeview .btn {
+  color: inherit;
   font-size: 12px;
   line-height: 1;
   padding: 6px 8px;
@@ -21666,10 +21920,10 @@ caption {
   width: 24px;
 }
 .treeview .btn-monospaced:focus, .treeview .btn-monospaced.focus {
-  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
 .treeview .btn-monospaced:active:focus {
-  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
 .treeview .custom-control {
   margin-left: 4px;
@@ -21731,6 +21985,10 @@ caption {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .treeview.show-component-expander-on-hover:hover .component-expander, .c-prefers-reduced-motion .treeview.show-component-expander-on-hover.hover .component-expander {
+  transition: none;
+}
+
 .treeview.show-component-expander-on-hover .treeview-link:focus .component-expander, .treeview.show-component-expander-on-hover .treeview-link.focus .component-expander {
   opacity: 1;
   transition: none;
@@ -21744,6 +22002,10 @@ caption {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .treeview.show-component-expander-on-hover .component-expander {
+  transition: none;
+}
+
 .treeview .quick-action-item {
   margin: 0 2px;
   min-height: 0;
@@ -21774,6 +22036,25 @@ caption {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
+.treeview-dropping-indicator-top {
+  background-color: transparent;
+  display: block;
+  height: 2px;
+  margin-top: -2px;
+  outline: none;
+  width: 100%;
+}
+.treeview-dropping-indicator-bottom {
+  background-color: transparent;
+  display: block;
+  height: 2px;
+  margin-bottom: -2px;
+  outline: none;
+  width: 100%;
+}
+.treeview-dropping-indicator-over {
+  background-color: #528eff;
+}
 .treeview-link {
   background-color: transparent;
   cursor: pointer;
@@ -21796,21 +22077,15 @@ caption {
   text-decoration: none;
 }
 .treeview-link.focus, .treeview-link:focus {
-  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
   outline: 0;
 }
 .treeview-link:disabled, .treeview-link.disabled {
   cursor: not-allowed;
 }
-.treeview-link.treeview-dropping-bottom {
-  box-shadow: 0 2px 0 0 #80acff;
-}
 .treeview-link.treeview-dropping-middle {
   background-color: #f0f5ff;
-  border-color: #80acff;
-}
-.treeview-link.treeview-dropping-top {
-  box-shadow: 0 -2px 0 0 #80acff;
+  border-color: #528eff;
 }
 .treeview-link.show .component-expander .component-expanded-d-none, .treeview-link[aria-expanded=true] .component-expander .component-expanded-d-none {
   display: none;
@@ -21833,7 +22108,7 @@ caption {
 }
 .treeview-dragging {
   background-color: #fff;
-  border-color: #80acff;
+  border-color: #528eff;
   border-radius: 0.1875rem;
   border-style: solid;
   border-width: 1px;
@@ -21950,6 +22225,10 @@ caption {
     transition: none;
   }
 }
+.c-prefers-reduced-motion .close {
+  transition: none;
+}
+
 .close:hover {
   color: #272833;
   opacity: 1;
@@ -21957,7 +22236,7 @@ caption {
   outline: 0;
 }
 .close:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
   opacity: 0.75;
 }
@@ -21973,7 +22252,7 @@ caption {
 }
 
 .c-focus-inset:focus:not(:disabled):not(.disabled):not([disabled]), .c-focus-inset.focus:not(:disabled):not(.disabled):not([disabled]) {
-  box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
+  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
   border-color: #80acff;
   outline: 0;
 }
@@ -22207,7 +22486,7 @@ ul.autofit-row {
   outline: 0;
 }
 .inline-scroller:focus-visible {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
+  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 
 .inline-item {
@@ -32343,6 +32622,11 @@ a.text-dark:hover, a.text-dark:focus {
   visibility: hidden !important;
 }
 
+.c-prefers-reduced-motion {
+  scroll-behavior: auto;
+  transition: none;
+}
+
 @keyframes loading-animation-circle {
   100% {
     transform: rotate(360deg);