@clayui/css 3.162.0 → 3.164.0

package/lib/css/atlas.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.162.0
+ * Clay 3.163.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -15,6 +15,11 @@
  *
  * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
  */
+[data-color-scheme=light]:root,
+:root [data-color-scheme=light] {
+  color-scheme: light;
+}
+
 /* SPDX-SnippetBegin
  * SPDX-License-Identifier: MIT
  * SPDX-SnippetCopyrightText: © 2016 Nicolas Gallagher and Jonathan Neal <https://github.com/necolas/normalize.css>
@@ -376,7 +381,7 @@ small,
 
 mark,
 .mark {
-  background-color: #ffe399;
+  background-color: #ffe499;
   display: inline;
   line-height: normal;
   position: relative;
@@ -958,16 +963,78 @@ pre code {
   width: 1em;
 }
 
-.lexicon-icon-sm {
-  font-size: 0.5rem;
+.lexicon-icon-arrows-all {
+  background-color: hsl(from #fff h s l / 0.6);
+  border: 1px solid #e7e7ed;
+  border-radius: 0.1413em;
+  height: 0.73913em;
+  margin-top: 0;
+  width: 1em;
+}
+.lexicon-icon-arrows-all .lx-arrows-all-chevron {
+  fill: #fff;
 }
 
-.lexicon-icon-lg {
-  font-size: 2rem;
+.clay-keyboard-arrows-horizontal .lx-arrows-all-keycap-down,
+.clay-keyboard-arrows-horizontal .lx-arrows-all-keycap-up {
+  fill: #e7e7ed;
 }
 
-.lexicon-icon-xl {
-  font-size: 8rem;
+.clay-keyboard-arrows-vertical .lx-arrows-all-keycap-left,
+.clay-keyboard-arrows-vertical .lx-arrows-all-keycap-right {
+  fill: #e7e7ed;
+}
+
+.clay-keyboard-arrows-indicator {
+  display: inline-flex;
+  font-size: 2.875rem;
+}
+.clay-keyboard-arrows-indicator .lexicon-icon {
+  margin-top: 0;
+}
+
+.clay-keyboard-arrows-indicator-floating {
+  background-color: #fff;
+  border-radius: 0.1413em;
+  position: absolute;
+  transition: bottom 0.3s ease-in-out, left 0.3s ease-in-out, right 0.3s ease-in-out, top 0.3s ease-in-out;
+  z-index: 1070;
+}
+.clay-keyboard-arrows-indicator-floating.clay-keyboard-arrows-indicator-floating-hidden {
+  opacity: 0;
+  pointer-events: none;
+  visibility: hidden;
+}
+.clay-keyboard-arrows-indicator-floating.clay-keyboard-arrows-indicator-floating-tooltip::before, .clay-keyboard-arrows-indicator-floating.clay-keyboard-arrows-indicator-floating-tooltip::after {
+  border-style: solid;
+  content: "";
+  height: 0;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 0;
+}
+.clay-keyboard-arrows-indicator-floating.clay-keyboard-arrows-indicator-floating-tooltip::before {
+  border-color: transparent #e7e7ed transparent transparent;
+  border-width: 7px 7px 7px 0;
+  left: -7px;
+}
+.clay-keyboard-arrows-indicator-floating.clay-keyboard-arrows-indicator-floating-tooltip::after {
+  border-color: transparent #fff transparent transparent;
+  border-width: 6px 6px 6px 0;
+  left: -6px;
+}
+.clay-keyboard-arrows-indicator-floating.clay-keyboard-arrows-indicator-floating-tooltip.clay-keyboard-arrows-indicator-floating-flipped::before {
+  border-color: transparent transparent transparent #e7e7ed;
+  border-width: 7px 0 7px 7px;
+  left: auto;
+  right: -7px;
+}
+.clay-keyboard-arrows-indicator-floating.clay-keyboard-arrows-indicator-floating-tooltip.clay-keyboard-arrows-indicator-floating-flipped::after {
+  border-color: transparent transparent transparent #fff;
+  border-width: 6px 0 6px 6px;
+  left: auto;
+  right: -6px;
 }
 
 .order-arrow-down-active .order-arrow-arrow-down {
@@ -1028,6 +1095,18 @@ button.collapse-icon .c-inner,
   transform: translateY(-50%);
 }
 
+.lexicon-icon-sm {
+  font-size: 0.5rem;
+}
+
+.lexicon-icon-lg {
+  font-size: 2rem;
+}
+
+.lexicon-icon-xl {
+  font-size: 8rem;
+}
+
 .aspect-ratio {
   display: block;
   overflow: hidden;
@@ -2407,10 +2486,19 @@ input[type=button].btn-block {
   top: 0rem;
 }
 .c-horizontal-resizer:hover::before {
-  background-color: rgb(86.99, 144.8295081967, 255);
+  background-color: #0b5fff;
+}
+.c-horizontal-resizer:active::before {
+  background-color: rgb(0, 74.0163934426, 215);
+}
+.c-horizontal-resizer:focus-visible {
+  box-shadow: inset 0 0 0 0.125rem rgb(86.99, 144.8295081967, 255), inset 0 0 0 0.25rem #fff;
+  outline: 0;
 }
 .c-horizontal-resizer:focus-visible::before {
-  background-color: rgb(86.99, 144.8295081967, 255);
+  background-color: #0b5fff;
+  bottom: 0.25rem;
+  top: 0.25rem;
 }
 
 .c-horizontal-resizer-end {
@@ -4910,11 +4998,11 @@ input[type=button].btn-block {
 }
 .label {
   border-color: #272833;
-  border-radius: 0.125rem;
+  border-radius: 0.25rem;
   border-style: solid;
   border-width: 0.0625rem;
   display: inline-flex;
-  font-size: 0.625rem;
+  font-size: 0.75rem;
   font-weight: 600;
   line-height: 1;
   margin-bottom: 0.125rem;
@@ -4925,7 +5013,7 @@ input[type=button].btn-block {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
   padding-top: 0.125rem;
-  text-transform: uppercase;
+  text-transform: none;
   white-space: inherit;
   overflow-wrap: break-word;
   word-wrap: break-word;
@@ -4944,14 +5032,14 @@ input[type=button].btn-block {
 .label:disabled, .label.disabled {
   box-shadow: none;
 }
-.label[href], .label[type], .label[tabindex] {
+.label[href] {
   cursor: pointer;
   text-decoration: none;
 }
-.label[href]:hover, .label[href].hover, .label[type]:hover, .label[type].hover, .label[tabindex]:hover, .label[tabindex].hover {
+.label[href]:hover, .label[href].hover {
   text-decoration: underline;
 }
-.label[href].focus, .label[href]:focus-visible, .c-prefers-focus .label[href]:focus, .label[type].focus, .label[type]:focus-visible, .c-prefers-focus .label[type]:focus, .label[tabindex].focus, .label[tabindex]:focus-visible, .c-prefers-focus .label[tabindex]:focus {
+.label[href].focus, .label[href]:focus-visible, .c-prefers-focus .label[href]:focus {
   text-decoration: underline;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem rgb(86.99, 144.8295081967, 255);
 }
@@ -5083,7 +5171,7 @@ input[type=button].btn-block {
 }
 
 .label-lg {
-  font-size: 0.75rem;
+  font-size: 0.875rem;
   height: auto;
   padding-bottom: 0.3125rem;
   padding-left: 0.5rem;
@@ -5121,11 +5209,11 @@ input[type=button].btn-block {
   border-color: rgb(127.994, 171.7173770492, 255);
   color: #0b5fff;
 }
-[href].label-primary:hover, [href].hover.label-primary, [type].label-primary:hover, [type].hover.label-primary, [tabindex].label-primary:hover, [tabindex].hover.label-primary {
+[href].label-primary:hover, [href].hover.label-primary {
   border-color: rgb(127.994, 171.7173770492, 255);
   color: rgb(0, 74.0163934426, 215);
 }
-[href].focus.label-primary, [href].label-primary:focus-visible, .c-prefers-focus [href].label-primary:focus, [type].focus.label-primary, [type].label-primary:focus-visible, .c-prefers-focus [type].label-primary:focus, [tabindex].focus.label-primary, [tabindex].label-primary:focus-visible, .c-prefers-focus [tabindex].label-primary:focus {
+[href].focus.label-primary, [href].label-primary:focus-visible, .c-prefers-focus [href].label-primary:focus {
   color: rgb(0, 74.0163934426, 215);
 }
 
@@ -5144,13 +5232,13 @@ input[type=button].btn-block {
 .label-secondary {
   background-color: #fff;
   border-color: rgb(205.0042262026, 206.0355943291, 217.0017737974);
-  color: #6b6c7e;
+  color: rgb(57.0042072, 58.420506, 73.9997928);
 }
-[href].label-secondary:hover, [href].hover.label-secondary, [type].label-secondary:hover, [type].hover.label-secondary, [tabindex].label-secondary:hover, [tabindex].hover.label-secondary {
+[href].label-secondary:hover, [href].hover.label-secondary {
   border-color: rgb(205.0042262026, 206.0355943291, 217.0017737974);
   color: #272833;
 }
-[href].focus.label-secondary, [href].label-secondary:focus-visible, .c-prefers-focus [href].label-secondary:focus, [type].focus.label-secondary, [type].label-secondary:focus-visible, .c-prefers-focus [type].label-secondary:focus, [tabindex].focus.label-secondary, [tabindex].label-secondary:focus-visible, .c-prefers-focus [tabindex].label-secondary:focus {
+[href].focus.label-secondary, [href].label-secondary:focus-visible, .c-prefers-focus [href].label-secondary:focus {
   color: #272833;
 }
 
@@ -5169,13 +5257,13 @@ input[type=button].btn-block {
 .label-success {
   background-color: #fff;
   border-color: rgb(90.1865194091, 202.0584805909, 116.5093338048);
-  color: #287d3c;
+  color: rgb(33.8181818182, 105.6818181818, 50.7272727273);
 }
-[href].label-success:hover, [href].hover.label-success, [type].label-success:hover, [type].hover.label-success, [tabindex].label-success:hover, [tabindex].hover.label-success {
+[href].label-success:hover, [href].hover.label-success {
   border-color: rgb(90.1865194091, 202.0584805909, 116.5093338048);
   color: rgb(27.6363636364, 86.3636363636, 41.4545454545);
 }
-[href].focus.label-success, [href].label-success:focus-visible, .c-prefers-focus [href].label-success:focus, [type].focus.label-success, [type].label-success:focus-visible, .c-prefers-focus [type].label-success:focus, [tabindex].focus.label-success, [tabindex].label-success:focus-visible, .c-prefers-focus [tabindex].label-success:focus {
+[href].focus.label-success, [href].label-success:focus-visible, .c-prefers-focus [href].label-success:focus {
   color: rgb(27.6363636364, 86.3636363636, 41.4545454545);
 }
 
@@ -5194,13 +5282,13 @@ input[type=button].btn-block {
 .label-info {
   background-color: #fff;
   border-color: rgb(137.0039847358, 167.3835509521, 224.0000152642);
-  color: #2e5aac;
+  color: rgb(40.619266055, 79.4724770642, 151.880733945);
 }
-[href].label-info:hover, [href].hover.label-info, [type].label-info:hover, [type].hover.label-info, [tabindex].label-info:hover, [tabindex].hover.label-info {
+[href].label-info:hover, [href].hover.label-info {
   border-color: rgb(137.0039847358, 167.3835509521, 224.0000152642);
   color: rgb(35.2385321101, 68.9449541284, 131.7614678899);
 }
-[href].focus.label-info, [href].label-info:focus-visible, .c-prefers-focus [href].label-info:focus, [type].focus.label-info, [type].label-info:focus-visible, .c-prefers-focus [type].label-info:focus, [tabindex].focus.label-info, [tabindex].label-info:focus-visible, .c-prefers-focus [tabindex].label-info:focus {
+[href].focus.label-info, [href].label-info:focus-visible, .c-prefers-focus [href].label-info:focus {
   color: rgb(35.2385321101, 68.9449541284, 131.7614678899);
 }
 
@@ -5219,13 +5307,13 @@ input[type=button].btn-block {
 .label-warning {
   background-color: #fff;
   border-color: rgb(255, 142.6159459459, 56.99);
-  color: #b95000;
+  color: rgb(158.99, 68.7524324324, 0);
 }
-[href].label-warning:hover, [href].hover.label-warning, [type].label-warning:hover, [type].hover.label-warning, [tabindex].label-warning:hover, [tabindex].hover.label-warning {
+[href].label-warning:hover, [href].hover.label-warning {
   border-color: rgb(255, 142.6159459459, 56.99);
   color: rgb(134, 57.9459459459, 0);
 }
-[href].focus.label-warning, [href].label-warning:focus-visible, .c-prefers-focus [href].label-warning:focus, [type].focus.label-warning, [type].label-warning:focus-visible, .c-prefers-focus [type].label-warning:focus, [tabindex].focus.label-warning, [tabindex].label-warning:focus-visible, .c-prefers-focus [tabindex].label-warning:focus {
+[href].focus.label-warning, [href].label-warning:focus-visible, .c-prefers-focus [href].label-warning:focus {
   color: rgb(134, 57.9459459459, 0);
 }
 
@@ -5244,13 +5332,13 @@ input[type=button].btn-block {
 .label-danger {
   background-color: #fff;
   border-color: rgb(243.998755, 137.005245, 137.005245);
-  color: #da1414;
+  color: rgb(194.6428571429, 17.8571428571, 17.8571428571);
 }
-[href].label-danger:hover, [href].hover.label-danger, [type].label-danger:hover, [type].hover.label-danger, [tabindex].label-danger:hover, [tabindex].hover.label-danger {
+[href].label-danger:hover, [href].hover.label-danger {
   border-color: rgb(243.998755, 137.005245, 137.005245);
   color: rgb(171.2857142857, 15.7142857143, 15.7142857143);
 }
-[href].focus.label-danger, [href].label-danger:focus-visible, .c-prefers-focus [href].label-danger:focus, [type].focus.label-danger, [type].label-danger:focus-visible, .c-prefers-focus [type].label-danger:focus, [tabindex].focus.label-danger, [tabindex].label-danger:focus-visible, .c-prefers-focus [tabindex].label-danger:focus {
+[href].focus.label-danger, [href].label-danger:focus-visible, .c-prefers-focus [href].label-danger:focus {
   color: rgb(171.2857142857, 15.7142857143, 15.7142857143);
 }
 
@@ -5271,11 +5359,11 @@ input[type=button].btn-block {
   border-color: #272833;
   color: #272833;
 }
-[href].label-dark:hover, [href].hover.label-dark, [type].label-dark:hover, [type].hover.label-dark, [tabindex].label-dark:hover, [tabindex].hover.label-dark {
+[href].label-dark:hover, [href].hover.label-dark {
   border-color: #272833;
   color: rgb(57.0042072, 58.420506, 73.9997928);
 }
-[href].focus.label-dark, [href].label-dark:focus-visible, .c-prefers-focus [href].label-dark:focus, [type].focus.label-dark, [type].label-dark:focus-visible, .c-prefers-focus [type].label-dark:focus, [tabindex].focus.label-dark, [tabindex].label-dark:focus-visible, .c-prefers-focus [tabindex].label-dark:focus {
+[href].focus.label-dark, [href].label-dark:focus-visible, .c-prefers-focus [href].label-dark:focus {
   color: rgb(57.0042072, 58.420506, 73.9997928);
 }
 
@@ -5296,11 +5384,11 @@ input[type=button].btn-block {
   border-color: #f1f2f5;
   color: #f1f2f5;
 }
-[href].label-light:hover, [href].hover.label-light, [type].label-light:hover, [type].hover.label-light, [tabindex].label-light:hover, [tabindex].hover.label-light {
+[href].label-light:hover, [href].hover.label-light {
   border-color: #f1f2f5;
   color: rgb(211.25, 214.375, 223.75);
 }
-[href].focus.label-light, [href].label-light:focus-visible, .c-prefers-focus [href].label-light:focus, [type].focus.label-light, [type].label-light:focus-visible, .c-prefers-focus [type].label-light:focus, [tabindex].focus.label-light, [tabindex].label-light:focus-visible, .c-prefers-focus [tabindex].label-light:focus {
+[href].focus.label-light, [href].label-light:focus-visible, .c-prefers-focus [href].label-light:focus {
   color: rgb(211.25, 214.375, 223.75);
 }
 
@@ -5321,55 +5409,107 @@ input[type=button].btn-block {
   border-color: #0b5fff;
   color: #fff;
 }
-[href].label-inverse-primary:hover, [href].hover.label-inverse-primary, [type].label-inverse-primary:hover, [type].hover.label-inverse-primary, [tabindex].label-inverse-primary:hover, [tabindex].hover.label-inverse-primary {
+[href].label-inverse-primary:hover, [href].hover.label-inverse-primary {
+  border-color: transparent;
   color: #fff;
 }
 .label-inverse-secondary {
-  background-color: #6b6c7e;
-  border-color: #6b6c7e;
-  color: #fff;
+  background-color: rgb(231.0048250283, 231.0206101598, 237.0031749717);
+  border-color: transparent;
+  color: rgb(16.9, 17.3333333333, 22.1);
 }
-[href].label-inverse-secondary:hover, [href].hover.label-inverse-secondary, [type].label-inverse-secondary:hover, [type].hover.label-inverse-secondary, [tabindex].label-inverse-secondary:hover, [tabindex].hover.label-inverse-secondary {
-  color: #fff;
+[href].label-inverse-secondary:hover, [href].hover.label-inverse-secondary {
+  background-color: rgb(231.0048250283, 231.0206101598, 237.0031749717);
+  border-color: transparent;
+  color: rgb(16.9, 17.3333333333, 22.1);
+}
+.label-inverse-secondary a:hover, .label-inverse-secondary a.hover,
+.label-inverse-secondary .btn-unstyled:hover,
+.label-inverse-secondary .btn-unstyled.hover {
+  color: rgb(16.9, 17.3333333333, 22.1);
+}
+.label-inverse-secondary .close:hover {
+  color: rgb(16.9, 17.3333333333, 22.1);
 }
 .label-inverse-success {
-  background-color: #287d3c;
-  border-color: #287d3c;
-  color: #fff;
+  background-color: rgb(236.9960819636, 248.9979180364, 239.8200433925);
+  border-color: transparent;
+  color: rgb(27.6363636364, 86.3636363636, 41.4545454545);
 }
-[href].label-inverse-success:hover, [href].hover.label-inverse-success, [type].label-inverse-success:hover, [type].hover.label-inverse-success, [tabindex].label-inverse-success:hover, [tabindex].hover.label-inverse-success {
-  color: #fff;
+[href].label-inverse-success:hover, [href].hover.label-inverse-success {
+  background-color: rgb(236.9960819636, 248.9979180364, 239.8200433925);
+  border-color: transparent;
+  color: rgb(27.6363636364, 86.3636363636, 41.4545454545);
+}
+.label-inverse-success a:hover, .label-inverse-success a.hover,
+.label-inverse-success .btn-unstyled:hover,
+.label-inverse-success .btn-unstyled.hover {
+  color: rgb(27.6363636364, 86.3636363636, 41.4545454545);
+}
+.label-inverse-success .close:hover {
+  color: rgb(27.6363636364, 86.3636363636, 41.4545454545);
 }
 .label-inverse-info {
-  background-color: #2e5aac;
-  border-color: #2e5aac;
-  color: #fff;
+  background-color: rgb(237.9950653899, 242.1868927366, 249.9989346101);
+  border-color: transparent;
+  color: rgb(35.2385321101, 68.9449541284, 131.7614678899);
 }
-[href].label-inverse-info:hover, [href].hover.label-inverse-info, [type].label-inverse-info:hover, [type].hover.label-inverse-info, [tabindex].label-inverse-info:hover, [tabindex].hover.label-inverse-info {
-  color: #fff;
+[href].label-inverse-info:hover, [href].hover.label-inverse-info {
+  background-color: rgb(237.9950653899, 242.1868927366, 249.9989346101);
+  border-color: transparent;
+  color: rgb(35.2385321101, 68.9449541284, 131.7614678899);
+}
+.label-inverse-info a:hover, .label-inverse-info a.hover,
+.label-inverse-info .btn-unstyled:hover,
+.label-inverse-info .btn-unstyled.hover {
+  color: rgb(35.2385321101, 68.9449541284, 131.7614678899);
+}
+.label-inverse-info .close:hover {
+  color: rgb(35.2385321101, 68.9449541284, 131.7614678899);
 }
 .label-inverse-warning {
-  background-color: #b95000;
-  border-color: #b95000;
-  color: #fff;
+  background-color: rgb(255, 244.2162162162, 236);
+  border-color: transparent;
+  color: rgb(134, 57.9459459459, 0);
 }
-[href].label-inverse-warning:hover, [href].hover.label-inverse-warning, [type].label-inverse-warning:hover, [type].hover.label-inverse-warning, [tabindex].label-inverse-warning:hover, [tabindex].hover.label-inverse-warning {
-  color: #fff;
+[href].label-inverse-warning:hover, [href].hover.label-inverse-warning {
+  background-color: rgb(255, 244.2162162162, 236);
+  border-color: transparent;
+  color: rgb(134, 57.9459459459, 0);
+}
+.label-inverse-warning a:hover, .label-inverse-warning a.hover,
+.label-inverse-warning .btn-unstyled:hover,
+.label-inverse-warning .btn-unstyled.hover {
+  color: rgb(134, 57.9459459459, 0);
+}
+.label-inverse-warning .close:hover {
+  color: rgb(134, 57.9459459459, 0);
 }
 .label-inverse-danger {
-  background-color: #da1414;
-  border-color: #da1414;
-  color: #fff;
+  background-color: rgb(253.9998285714, 239.0001714286, 239.0001714286);
+  border-color: transparent;
+  color: rgb(171.2857142857, 15.7142857143, 15.7142857143);
 }
-[href].label-inverse-danger:hover, [href].hover.label-inverse-danger, [type].label-inverse-danger:hover, [type].hover.label-inverse-danger, [tabindex].label-inverse-danger:hover, [tabindex].hover.label-inverse-danger {
-  color: #fff;
+[href].label-inverse-danger:hover, [href].hover.label-inverse-danger {
+  background-color: rgb(253.9998285714, 239.0001714286, 239.0001714286);
+  border-color: transparent;
+  color: rgb(171.2857142857, 15.7142857143, 15.7142857143);
+}
+.label-inverse-danger a:hover, .label-inverse-danger a.hover,
+.label-inverse-danger .btn-unstyled:hover,
+.label-inverse-danger .btn-unstyled.hover {
+  color: rgb(171.2857142857, 15.7142857143, 15.7142857143);
+}
+.label-inverse-danger .close:hover {
+  color: rgb(171.2857142857, 15.7142857143, 15.7142857143);
 }
 .label-inverse-light {
   background-color: #f1f2f5;
   border-color: #f1f2f5;
   color: #272833;
 }
-[href].label-inverse-light:hover, [href].hover.label-inverse-light, [type].label-inverse-light:hover, [type].hover.label-inverse-light, [tabindex].label-inverse-light:hover, [tabindex].hover.label-inverse-light {
+[href].label-inverse-light:hover, [href].hover.label-inverse-light {
+  border-color: transparent;
   color: #272833;
 }
 .label-inverse-dark {
@@ -5377,9 +5517,172 @@ input[type=button].btn-block {
   border-color: #272833;
   color: #fff;
 }
-[href].label-inverse-dark:hover, [href].hover.label-inverse-dark, [type].label-inverse-dark:hover, [type].hover.label-inverse-dark, [tabindex].label-inverse-dark:hover, [tabindex].hover.label-inverse-dark {
+[href].label-inverse-dark:hover, [href].hover.label-inverse-dark {
+  border-color: transparent;
   color: #fff;
 }
+.label-inverse-content-0 {
+  background-color: rgb(231.0048250283, 231.0206101598, 237.0031749717);
+  border-color: transparent;
+  color: rgb(16.9, 17.3333333333, 22.1);
+}
+[href].label-inverse-content-0:hover, [href].hover.label-inverse-content-0 {
+  background-color: rgb(231.0048250283, 231.0206101598, 237.0031749717);
+  border-color: transparent;
+  color: rgb(16.9, 17.3333333333, 22.1);
+}
+.label-inverse-content-0 a:hover, .label-inverse-content-0 a.hover,
+.label-inverse-content-0 .btn-unstyled:hover,
+.label-inverse-content-0 .btn-unstyled.hover {
+  color: rgb(16.9, 17.3333333333, 22.1);
+}
+.label-inverse-content-0 .close:hover {
+  color: rgb(16.9, 17.3333333333, 22.1);
+}
+.label-inverse-content-1 {
+  background-color: #f2e5ff;
+  border-color: transparent;
+  color: #9500ff;
+}
+[href].label-inverse-content-1:hover, [href].hover.label-inverse-content-1 {
+  background-color: #f2e5ff;
+  border-color: transparent;
+  color: #9500ff;
+}
+.label-inverse-content-1 a:hover, .label-inverse-content-1 a.hover,
+.label-inverse-content-1 .btn-unstyled:hover,
+.label-inverse-content-1 .btn-unstyled.hover {
+  color: #9500ff;
+}
+.label-inverse-content-1 .close:hover {
+  color: #9500ff;
+}
+.label-inverse-content-2 {
+  background-color: #fff8e5;
+  border-color: transparent;
+  color: #997000;
+}
+[href].label-inverse-content-2:hover, [href].hover.label-inverse-content-2 {
+  background-color: #fff8e5;
+  border-color: transparent;
+  color: #997000;
+}
+.label-inverse-content-2 a:hover, .label-inverse-content-2 a.hover,
+.label-inverse-content-2 .btn-unstyled:hover,
+.label-inverse-content-2 .btn-unstyled.hover {
+  color: #997000;
+}
+.label-inverse-content-2 .close:hover {
+  color: #997000;
+}
+.label-inverse-content-3 {
+  background-color: #f1fce9;
+  border-color: transparent;
+  color: #2e590d;
+}
+[href].label-inverse-content-3:hover, [href].hover.label-inverse-content-3 {
+  background-color: #f1fce9;
+  border-color: transparent;
+  color: #2e590d;
+}
+.label-inverse-content-3 a:hover, .label-inverse-content-3 a.hover,
+.label-inverse-content-3 .btn-unstyled:hover,
+.label-inverse-content-3 .btn-unstyled.hover {
+  color: #2e590d;
+}
+.label-inverse-content-3 .close:hover {
+  color: #2e590d;
+}
+.label-inverse-content-4 {
+  background-color: #ffe5e5;
+  border-color: transparent;
+  color: #b30000;
+}
+[href].label-inverse-content-4:hover, [href].hover.label-inverse-content-4 {
+  background-color: #ffe5e5;
+  border-color: transparent;
+  color: #b30000;
+}
+.label-inverse-content-4 a:hover, .label-inverse-content-4 a.hover,
+.label-inverse-content-4 .btn-unstyled:hover,
+.label-inverse-content-4 .btn-unstyled.hover {
+  color: #b30000;
+}
+.label-inverse-content-4 .close:hover {
+  color: #b30000;
+}
+.label-inverse-content-5 {
+  background-color: #eafbf8;
+  border-color: transparent;
+  color: #125449;
+}
+[href].label-inverse-content-5:hover, [href].hover.label-inverse-content-5 {
+  background-color: #eafbf8;
+  border-color: transparent;
+  color: #125449;
+}
+.label-inverse-content-5 a:hover, .label-inverse-content-5 a.hover,
+.label-inverse-content-5 .btn-unstyled:hover,
+.label-inverse-content-5 .btn-unstyled.hover {
+  color: #125449;
+}
+.label-inverse-content-5 .close:hover {
+  color: #125449;
+}
+.label-inverse-content-6 {
+  background-color: #e5f6ff;
+  border-color: transparent;
+  color: #005580;
+}
+[href].label-inverse-content-6:hover, [href].hover.label-inverse-content-6 {
+  background-color: #e5f6ff;
+  border-color: transparent;
+  color: #005580;
+}
+.label-inverse-content-6 a:hover, .label-inverse-content-6 a.hover,
+.label-inverse-content-6 .btn-unstyled:hover,
+.label-inverse-content-6 .btn-unstyled.hover {
+  color: #005580;
+}
+.label-inverse-content-6 .close:hover {
+  color: #005580;
+}
+.label-inverse-content-7 {
+  background-color: #fff0e5;
+  border-color: transparent;
+  color: #993b00;
+}
+[href].label-inverse-content-7:hover, [href].hover.label-inverse-content-7 {
+  background-color: #fff0e5;
+  border-color: transparent;
+  color: #993b00;
+}
+.label-inverse-content-7 a:hover, .label-inverse-content-7 a.hover,
+.label-inverse-content-7 .btn-unstyled:hover,
+.label-inverse-content-7 .btn-unstyled.hover {
+  color: #993b00;
+}
+.label-inverse-content-7 .close:hover {
+  color: #993b00;
+}
+.label-inverse-content-8 {
+  background-color: #ffe5f4;
+  border-color: transparent;
+  color: #b30065;
+}
+[href].label-inverse-content-8:hover, [href].hover.label-inverse-content-8 {
+  background-color: #ffe5f4;
+  border-color: transparent;
+  color: #b30065;
+}
+.label-inverse-content-8 a:hover, .label-inverse-content-8 a.hover,
+.label-inverse-content-8 .btn-unstyled:hover,
+.label-inverse-content-8 .btn-unstyled.hover {
+  color: #b30065;
+}
+.label-inverse-content-8 .close:hover {
+  color: #b30065;
+}
 .media {
   align-items: flex-start;
   display: flex;
@@ -5664,17 +5967,39 @@ input[type=button].btn-block {
 .card,
 .card-horizontal {
   background-color: #fff;
-  border-color: rgba(0, 0, 0, 0.125);
-  border-radius: 0.25rem;
+  border-color: rgb(205.0042262026, 206.0355943291, 217.0017737974);
+  border-radius: 1rem;
   border-style: solid;
-  border-width: 0px;
-  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.6);
+  border-width: 0.0625rem;
   display: block;
   margin-bottom: 1.5rem;
   min-width: 0rem;
   position: relative;
+  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, transform 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .card,
+  .card-horizontal {
+    transition: none;
+  }
+}
+.c-prefers-reduced-motion .card,
+.c-prefers-reduced-motion .card-horizontal {
+  transition: none;
+}
+
+.card,
+.card-horizontal {
   overflow-wrap: break-word;
   word-wrap: break-word;
+  outline-color: transparent;
+  outline-style: solid;
+  outline-width: 0.0625rem;
+}
+.card:hover, .card.hover,
+.card-horizontal:hover,
+.card-horizontal.hover {
+  box-shadow: 0 0.25rem 0.75rem -0.25rem rgb(from #000 r g b / 0.25);
 }
 .card .aspect-ratio .label,
 .card-horizontal .aspect-ratio .label {
@@ -5723,23 +6048,23 @@ input[type=button].btn-block {
 }
 .card .autofit-col:first-child,
 .card-horizontal .autofit-col:first-child {
-  border-bottom-left-radius: calc(0.25rem - 0px);
-  border-top-left-radius: calc(0.25rem - 0px);
+  border-bottom-left-radius: calc(1rem - 0.0625rem);
+  border-top-left-radius: calc(1rem - 0.0625rem);
 }
 .card .autofit-col:last-child,
 .card-horizontal .autofit-col:last-child {
-  border-bottom-right-radius: calc(0.25rem - 0px);
-  border-top-right-radius: calc(0.25rem - 0px);
+  border-bottom-right-radius: calc(1rem - 0.0625rem);
+  border-top-right-radius: calc(1rem - 0.0625rem);
 }
 .card > .list-group:first-child .list-group-item:first-child,
 .card-horizontal > .list-group:first-child .list-group-item:first-child {
-  border-top-left-radius: 0.25rem;
-  border-top-right-radius: 0.25rem;
+  border-top-left-radius: 1rem;
+  border-top-right-radius: 1rem;
 }
 .card > .list-group:last-child .list-group-item:last-child,
 .card-horizontal > .list-group:last-child .list-group-item:last-child {
-  border-bottom-left-radius: 0.25rem;
-  border-bottom-right-radius: 0.25rem;
+  border-bottom-left-radius: 1rem;
+  border-bottom-right-radius: 1rem;
 }
 
 .card-body {
@@ -5813,7 +6138,7 @@ input[type=button].btn-block {
 }
 
 .card-divider {
-  background-color: rgba(0, 0, 0, 0.125);
+  background-color: rgb(205.0042262026, 206.0355943291, 217.0017737974);
   height: 1px;
   margin-bottom: 10px;
   margin-top: 10px;
@@ -5821,12 +6146,12 @@ input[type=button].btn-block {
 
 .card-header {
   background-color: rgba(0, 0, 0, 0.03);
-  border-bottom: 0px solid rgba(0, 0, 0, 0.125);
+  border-bottom: 0.0625rem solid rgb(205.0042262026, 206.0355943291, 217.0017737974);
   margin-bottom: 0rem;
   padding: 0.75rem 1.25rem;
 }
 .card-header:first-child {
-  border-radius: calc(0.25rem - 0px) calc(0.25rem - 0px) 0rem 0rem;
+  border-radius: calc(1rem - 0.0625rem) calc(1rem - 0.0625rem) 0rem 0rem;
 }
 .card-header + .list-group .list-group-item:first-child {
   border-top: 0;
@@ -5846,11 +6171,11 @@ input[type=button].btn-block {
 
 .card-footer {
   background-color: rgba(0, 0, 0, 0.03);
-  border-top: 0px solid rgba(0, 0, 0, 0.125);
+  border-top: 0.0625rem solid rgb(205.0042262026, 206.0355943291, 217.0017737974);
   padding: 0.75rem 1.25rem;
 }
 .card-footer:last-child {
-  border-radius: 0rem 0rem calc(0.25rem - 0px) calc(0.25rem - 0px);
+  border-radius: 0rem 0rem calc(1rem - 0.0625rem) calc(1rem - 0.0625rem);
 }
 .card-img-overlay {
   bottom: 0;
@@ -5870,14 +6195,14 @@ input[type=button].btn-block {
 
 .card-img,
 .card-img-top {
-  border-top-left-radius: calc(0.25rem - 0px);
-  border-top-right-radius: calc(0.25rem - 0px);
+  border-top-left-radius: calc(1rem - 0.0625rem);
+  border-top-right-radius: calc(1rem - 0.0625rem);
 }
 
 .card-img,
 .card-img-bottom {
-  border-bottom-left-radius: calc(0.25rem - 0px);
-  border-bottom-right-radius: calc(0.25rem - 0px);
+  border-bottom-left-radius: calc(1rem - 0.0625rem);
+  border-bottom-right-radius: calc(1rem - 0.0625rem);
 }
 
 .card-row {
@@ -5922,98 +6247,98 @@ input[type=button].btn-block {
 }
 
 .card-item-first {
-  border-top-left-radius: calc(0.25rem - 0px);
-  border-top-right-radius: calc(0.25rem - 0px);
+  border-top-left-radius: calc(1rem - 0.0625rem);
+  border-top-right-radius: calc(1rem - 0.0625rem);
   width: 100%;
 }
 
 .autofit-col:first-child .card-item-first {
-  border-radius: calc(0.25rem - 0px) 0 0 calc(0.25rem - 0px);
+  border-radius: calc(1rem - 0.0625rem) 0 0 calc(1rem - 0.0625rem);
 }
 
 .card-item-last {
-  border-bottom-left-radius: calc(0.25rem - 0px);
-  border-bottom-right-radius: calc(0.25rem - 0px);
+  border-bottom-left-radius: calc(1rem - 0.0625rem);
+  border-bottom-right-radius: calc(1rem - 0.0625rem);
   width: 100%;
 }
 
 .autofit-col:last-child .card-item-last {
-  border-radius: 0 calc(0.25rem - 0px) calc(0.25rem - 0px) 0;
+  border-radius: 0 calc(1rem - 0.0625rem) calc(1rem - 0.0625rem) 0;
 }
 
 .rounded .card-header,
 .rounded .card-item-first {
-  border-top-left-radius: calc(0.25rem - 0px);
-  border-top-right-radius: calc(0.25rem - 0px);
+  border-top-left-radius: calc(0.25rem - 0.0625rem);
+  border-top-right-radius: calc(0.25rem - 0.0625rem);
 }
 .rounded .card-footer,
 .rounded .card-item-last {
-  border-bottom-left-radius: calc(0.25rem - 0px);
-  border-bottom-right-radius: calc(0.25rem - 0px);
+  border-bottom-left-radius: calc(0.25rem - 0.0625rem);
+  border-bottom-right-radius: calc(0.25rem - 0.0625rem);
 }
 .rounded .autofit-col:first-child {
-  border-bottom-left-radius: calc(0.25rem - 0px);
-  border-top-left-radius: calc(0.25rem - 0px);
+  border-bottom-left-radius: calc(0.25rem - 0.0625rem);
+  border-top-left-radius: calc(0.25rem - 0.0625rem);
 }
 .rounded .autofit-col:first-child .card-item-first {
-  border-radius: calc(0.25rem - 0px) 0 0 calc(0.25rem - 0px);
+  border-radius: calc(0.25rem - 0.0625rem) 0 0 calc(0.25rem - 0.0625rem);
 }
 .rounded .autofit-col:last-child {
-  border-bottom-right-radius: calc(0.25rem - 0px);
-  border-top-right-radius: calc(0.25rem - 0px);
+  border-bottom-right-radius: calc(0.25rem - 0.0625rem);
+  border-top-right-radius: calc(0.25rem - 0.0625rem);
 }
 .rounded .autofit-col:last-child .card-item-last {
-  border-radius: 0 calc(0.25rem - 0px) calc(0.25rem - 0px) 0;
+  border-radius: 0 calc(0.25rem - 0.0625rem) calc(0.25rem - 0.0625rem) 0;
 }
 
 .rounded-0 .card-header,
 .rounded-0 .card-item-first {
-  border-top-left-radius: calc(0px - 0px);
-  border-top-right-radius: calc(0px - 0px);
+  border-top-left-radius: calc(0px - 0.0625rem);
+  border-top-right-radius: calc(0px - 0.0625rem);
 }
 .rounded-0 .card-footer,
 .rounded-0 .card-item-last {
-  border-bottom-left-radius: calc(0px - 0px);
-  border-bottom-right-radius: calc(0px - 0px);
+  border-bottom-left-radius: calc(0px - 0.0625rem);
+  border-bottom-right-radius: calc(0px - 0.0625rem);
 }
 .rounded-0 .autofit-col:first-child {
-  border-bottom-left-radius: calc(0px - 0px);
-  border-top-left-radius: calc(0px - 0px);
+  border-bottom-left-radius: calc(0px - 0.0625rem);
+  border-top-left-radius: calc(0px - 0.0625rem);
 }
 .rounded-0 .autofit-col:first-child .card-item-first {
-  border-radius: calc(0px - 0px) 0 0 calc(0px - 0px);
+  border-radius: calc(0px - 0.0625rem) 0 0 calc(0px - 0.0625rem);
 }
 .rounded-0 .autofit-col:last-child {
-  border-bottom-right-radius: calc(0px - 0px);
-  border-top-right-radius: calc(0px - 0px);
+  border-bottom-right-radius: calc(0px - 0.0625rem);
+  border-top-right-radius: calc(0px - 0.0625rem);
 }
 .rounded-0 .autofit-col:last-child .card-item-last {
-  border-radius: 0 calc(0px - 0px) calc(0px - 0px) 0;
+  border-radius: 0 calc(0px - 0.0625rem) calc(0px - 0.0625rem) 0;
 }
 
 .rounded-circle .card-header,
 .rounded-circle .card-item-first {
-  border-top-left-radius: calc(5000px - 0px);
-  border-top-right-radius: calc(5000px - 0px);
+  border-top-left-radius: calc(5000px - 0.0625rem);
+  border-top-right-radius: calc(5000px - 0.0625rem);
 }
 .rounded-circle .card-footer,
 .rounded-circle .card-item-last {
-  border-bottom-left-radius: calc(5000px - 0px);
-  border-bottom-right-radius: calc(5000px - 0px);
+  border-bottom-left-radius: calc(5000px - 0.0625rem);
+  border-bottom-right-radius: calc(5000px - 0.0625rem);
 }
 .rounded-circle .autofit-col:first-child {
-  border-bottom-left-radius: calc(5000px - 0px);
-  border-top-left-radius: calc(5000px - 0px);
+  border-bottom-left-radius: calc(5000px - 0.0625rem);
+  border-top-left-radius: calc(5000px - 0.0625rem);
 }
 .rounded-circle .autofit-col:first-child .card-item-first {
-  border-radius: calc(5000px - 0px) 0 0 calc(5000px - 0px);
+  border-radius: calc(5000px - 0.0625rem) 0 0 calc(5000px - 0.0625rem);
 }
 .rounded-circle .autofit-col:last-child {
-  border-bottom-right-radius: calc(5000px - 0px);
-  border-top-right-radius: calc(5000px - 0px);
+  border-bottom-right-radius: calc(5000px - 0.0625rem);
+  border-top-right-radius: calc(5000px - 0.0625rem);
 }
 .rounded-circle .autofit-col:last-child .card-item-last {
-  border-radius: 0 calc(5000px - 0px) calc(5000px - 0px) 0;
+  border-radius: 0 calc(5000px - 0.0625rem) calc(5000px - 0.0625rem) 0;
 }
 
 .card-deck .card {
@@ -6106,22 +6431,43 @@ input[type=button].btn-block {
 }
 .accordion > .card > .card-header {
   border-radius: 0;
-  margin-bottom: calc(0px * -1);
+  margin-bottom: calc(0.0625rem * -1);
 }
 
 .form-check-card {
   margin-bottom: 1.5rem;
   margin-top: 0rem;
   padding-left: 0rem;
+  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, transform 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .form-check-card {
+    transition: none;
+  }
+}
+.c-prefers-reduced-motion .form-check-card {
+  transition: none;
 }
+
 .form-check-card:hover .card {
-  box-shadow: 0 0 0 2px rgb(127.994, 171.7173770492, 255);
+  border-color: rgb(127.994, 171.7173770492, 255);
+  outline-color: rgb(127.994, 171.7173770492, 255);
 }
 .form-check-card.active .card {
-  box-shadow: 0 0 0 2px rgb(127.994, 171.7173770492, 255);
+  border-color: #0b5fff;
+  outline-color: #0b5fff;
+}
+.form-check-card.checked .card, .form-check-card:has(.custom-control-input:checked) .card {
+  border-color: #0b5fff;
+  outline-color: #0b5fff;
 }
-.form-check-card.checked .card {
-  box-shadow: 0 0 0 2px rgb(127.994, 171.7173770492, 255);
+.form-check-card.disabled, .form-check-card:has(.custom-control-input:disabled) {
+  transform: none;
+}
+.form-check-card.disabled .card, .form-check-card:has(.custom-control-input:disabled) .card {
+  box-shadow: none;
+  border-color: rgb(205.0042262026, 206.0355943291, 217.0017737974);
+  outline-color: transparent;
 }
 .form-check-card .card {
   margin-bottom: 0rem;
@@ -6157,12 +6503,6 @@ input[type=button].btn-block {
 .form-check-card .custom-control .custom-control-input {
   z-index: 2;
 }
-.form-check-card .custom-control .custom-control-input:checked ~ .card {
-  box-shadow: 0 0 0 2px rgb(127.994, 171.7173770492, 255);
-}
-.form-check-card .form-check-input:checked ~ .card {
-  box-shadow: 0 0 0 2px rgb(127.994, 171.7173770492, 255);
-}
 .form-check-bottom-left .card-horizontal > .card-body,
 .form-check-middle-left .card-horizontal > .card-body,
 .form-check-top-left .card-horizontal > .card-body {
@@ -6424,37 +6764,31 @@ input[type=button].btn-block {
 
 .card-interactive {
   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 {
-    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-visible, .c-prefers-focus .card-interactive:focus {
-  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem rgb(86.99, 144.8295081967, 255);
+  border-color: rgb(127.994, 171.7173770492, 255);
+  box-shadow: none;
+  outline-color: rgb(127.994, 171.7173770492, 255);
+  outline-offset: 0;
+  outline-style: solid;
+  outline-width: 0.0625rem;
 }
 
 .card-interactive:active, .card-interactive.active {
   background-color: #f1f2f5;
 }
 .card-interactive::after {
-  border-radius: 0rem 0rem 0.25rem 0.25rem;
-  bottom: calc(0px * -1);
+  border-radius: 0rem 0rem 1rem 1rem;
+  bottom: calc(0.0625rem * -1);
   content: "";
   height: 0rem;
-  left: calc(0px * -1);
+  left: calc(0.0625rem * -1);
   position: absolute;
-  right: calc(0px * -1);
+  right: calc(0.0625rem * -1);
   transition: height 0.15s ease-out;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -6482,40 +6816,47 @@ input[type=button].btn-block {
   cursor: pointer;
 }
 
+.card-interactive-primary:hover, .card-interactive-primary.hover {
+  box-shadow: 0 0.25rem 0.75rem -0.25rem rgb(from #000 r g b / 0.25), 0px -2.5rem 0px -2.25rem #0b5fff inset;
+}
 .card-interactive-primary.focus, .card-interactive-primary:focus-visible, .c-prefers-focus .card-interactive-primary:focus {
   background-color: #f7f8f9;
+  box-shadow: 0 0.25rem 0.75rem -0.25rem rgb(from #000 r g b / 0.25), 0px -2.5rem 0px -2.25rem #0b5fff inset;
 }
 
 .card-interactive-primary:active, .card-interactive-primary.active {
   background-color: #f1f2f5;
-}
-.card-interactive-primary:hover::after, .card-interactive-primary.hover::after {
-  background-color: #0b5fff;
-}
-.card-interactive-primary:focus::after, .card-interactive-primary.focus::after {
-  background-color: #0b5fff;
-  bg: #0b5fff;
-}
-.card-interactive-primary:active::after, .card-interactive-primary.active::after {
-  background-color: #0b5fff;
+  box-shadow: 0 0.25rem 0.75rem -0.25rem rgb(from #000 r g b / 0.25), 0px -2.5rem 0px -2.25rem #0b5fff inset;
 }
 .card-interactive-secondary {
   color: #272833;
 }
 .card-interactive-secondary:hover, .card-interactive-secondary.hover {
   background-color: #fff;
-  border-color: transparent;
-  box-shadow: 0 0 0 2px rgb(86.99, 144.8295081967, 255);
   color: #272833;
+  transform: translateY(-0.25rem);
 }
-.card-interactive-secondary.focus, .card-interactive-secondary:focus-visible, .c-prefers-focus .card-interactive-secondary:focus {
-  border-color: transparent;
-  box-shadow: 0 0 0 2px rgb(86.99, 144.8295081967, 255);
-}
-
 .card-interactive-secondary:active, .card-interactive-secondary.active {
   background-color: #fff;
 }
+.card-type-asset {
+  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, transform 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .card-type-asset {
+    transition: none;
+  }
+}
+.c-prefers-reduced-motion .card-type-asset {
+  transition: none;
+}
+
+.card-type-asset:hover, .card-type-asset.hover {
+  transform: translateY(-0.25rem);
+}
+.card-type-asset:disabled, .card-type-asset.disabled {
+  transform: none;
+}
 .card-type-asset .aspect-ratio {
   border-color: #e7e7ed;
   border-style: solid;
@@ -6575,7 +6916,7 @@ input[type=button].btn-block {
 }
 .product-card .aspect-ratio {
   background-color: #fff;
-  background-image: linear-gradient(0deg, #ebebeb, #ebebeb);
+  background-image: linear-gradient(0deg, #f1f2f5, #f1f2f5);
 }
 .product-card .card-body {
   text-align: center;
@@ -6604,8 +6945,6 @@ input[type=button].btn-block {
 }
 .card-type-template {
   color: #272833;
-  border-width: 1px;
-  box-shadow: none;
 }
 .card-type-template:hover, .card-type-template.hover {
   color: #272833;
@@ -6637,6 +6976,9 @@ input[type=button].btn-block {
 .card-type-template .card-text {
   display: block;
 }
+.template-card:hover, .template-card.hover {
+  transform: translateY(-0.25rem);
+}
 .template-card .card-body {
   padding-top: 0rem;
   text-align: center;
@@ -6692,7 +7034,9 @@ input[type=button].btn-block {
 }
 
 .dropdown-subheader {
+  align-items: center;
   color: #272833;
+  display: flex;
   font-size: 0.75rem;
   font-weight: 600;
   margin-top: 0.625rem;
@@ -9949,11 +10293,11 @@ button.link-outline {
 
 .custom-control {
   display: block;
+  line-height: 1;
   margin-bottom: 0.5rem;
   min-height: 1.5rem;
   position: relative;
   text-align: left;
-  line-height: 1;
 }
 .custom-control:only-child {
   margin-bottom: 0rem;
@@ -9967,12 +10311,13 @@ button.link-outline {
 
 .custom-control-label {
   cursor: pointer;
+  display: inline-block;
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.5rem;
   margin-bottom: 0rem;
+  max-width: 100%;
   position: static;
-  vertical-align: top;
 }
 .custom-control-label::before {
   background-color: #fff;
@@ -9987,7 +10332,7 @@ button.link-outline {
   height: 1rem;
   left: 0rem;
   position: relative;
-  top: 0.25rem;
+  top: 0rem;
   transition: 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) {
@@ -10008,9 +10353,9 @@ button.link-outline {
   content: "";
   display: block;
   height: 1.5rem;
-  left: -0.25rem;
+  left: calc((1.5rem - 1rem) / -2);
   position: absolute;
-  top: 0rem;
+  top: calc((1.5rem - 1rem) / -2);
   width: 1.5rem;
 }
 
@@ -10020,6 +10365,8 @@ label.custom-control-label {
 
 .custom-control-label-text {
   padding-left: 0.5rem;
+  position: relative;
+  top: -0.25rem;
 }
 .custom-control-label-text small,
 .custom-control-label-text .small {
@@ -10032,10 +10379,10 @@ label.custom-control-label {
 .custom-control-input {
   cursor: pointer;
   height: 1.5rem;
-  left: -0.25rem;
+  left: calc((1.5rem - 1rem) / -2);
   opacity: 0;
   position: absolute;
-  top: 0rem;
+  top: calc((1.5rem - 1rem) / -2);
   width: 1.5rem;
   z-index: 1;
 }
@@ -12214,70 +12561,6 @@ label.custom-control-label {
   display: none;
 }
 
-.clay-keyboard-arrows-indicator {
-  column-gap: 0.15em;
-  display: inline-grid;
-  grid-template-columns: 1fr 1fr 1fr;
-  grid-template-rows: 1fr 1fr;
-  row-gap: 0.15em;
-}
-
-.clay-keyboard-arrows-indicator-md {
-  font-size: 1rem;
-}
-
-.clay-keyboard-arrows-indicator-sm {
-  font-size: 0.75rem;
-}
-
-.clay-keyboard-arrows-indicator-key {
-  display: inline-flex;
-}
-.clay-keyboard-arrows-indicator-key .lexicon-icon {
-  height: 1em;
-  margin-top: 0;
-  width: 1em;
-}
-
-.clay-keyboard-arrows-indicator-key-up {
-  grid-column: 2;
-  grid-row: 1;
-}
-
-.clay-keyboard-arrows-indicator-key-left {
-  grid-column: 1;
-  grid-row: 2;
-}
-
-.clay-keyboard-arrows-indicator-key-down {
-  grid-column: 2;
-  grid-row: 2;
-}
-
-.clay-keyboard-arrows-indicator-key-right {
-  grid-column: 3;
-  grid-row: 2;
-}
-
-.clay-keyboard-arrows-indicator-key-inactive {
-  opacity: 0.25;
-}
-
-.clay-keyboard-arrows-indicator-floating {
-  bottom: 0.25rem;
-  pointer-events: none;
-  position: absolute;
-  right: 0.5rem;
-}
-
-.clay-keyboard-arrows-indicator-on-focus {
-  visibility: hidden;
-}
-
-:focus-within > .clay-keyboard-arrows-indicator-on-focus {
-  visibility: visible;
-}
-
 .list-group-item-action {
   color: #495057;
   text-align: inherit;
@@ -20471,7 +20754,7 @@ caption {
 }
 .table thead th,
 .table thead td {
-  border-bottom: 0rem solid #e7e7ed;
+  border-bottom: 0rem solid #cdced9;
   border-top-width: 0px;
   vertical-align: middle;
 }
@@ -20514,7 +20797,7 @@ caption {
 }
 .table th {
   background-clip: padding-box;
-  border-top: 0.0625rem solid #e7e7ed;
+  border-top: 0.0625rem solid #cdced9;
   color: #6b6c7e;
   font-weight: 600;
   height: 56px;
@@ -20525,7 +20808,7 @@ caption {
 .table td {
   background-clip: padding-box;
   border-bottom-width: 0.0625rem;
-  border-color: #e7e7ed;
+  border-color: #cdced9;
   border-left-width: 0px;
   border-right-width: 0px;
   border-style: solid;
@@ -20536,7 +20819,7 @@ caption {
   vertical-align: middle;
 }
 .table tbody + tbody {
-  border-top: calc(2 * 0.0625rem) solid #e7e7ed;
+  border-top: calc(2 * 0.0625rem) solid #cdced9;
 }
 .table caption {
   caption-side: top;
@@ -20635,7 +20918,7 @@ caption {
 }
 
 .table-bordered {
-  border: 0.0625rem solid #e7e7ed;
+  border: 0.0625rem solid #cdced9;
 }
 .table-bordered thead th,
 .table-bordered thead td {
@@ -20643,12 +20926,12 @@ caption {
 }
 .table-bordered th,
 .table-bordered td {
-  border: 0.0625rem solid #e7e7ed;
+  border: 0.0625rem solid #cdced9;
 }
 
 .table-head-bordered thead th,
 .table-head-bordered thead td {
-  border-left: 0.0625rem solid #e7e7ed;
+  border-left: 0.0625rem solid #cdced9;
 }
 .table-head-bordered thead th:first-child,
 .table-head-bordered thead td:first-child {
@@ -20927,7 +21210,7 @@ td.table-focus {
 }
 .table .thead-light th {
   background-color: #fff;
-  border-color: #e7e7ed;
+  border-color: #cdced9;
   color: #6b6c7e;
 }
 
@@ -21121,7 +21404,7 @@ td.table-focus {
 
 .table-list {
   border-collapse: separate;
-  border-color: #e7e7ed;
+  border-color: #cdced9;
   border-radius: 0.25rem;
   border-style: solid;
   border-width: 0.0625rem 0.0625rem;
@@ -21138,7 +21421,7 @@ td.table-focus {
 }
 .table-list th,
 .table-list td {
-  border-color: #e7e7ed;
+  border-color: #cdced9;
   border-style: solid;
   border-width: 0.0625rem 0px 0px 0px;
 }
@@ -22298,7 +22581,7 @@ td.table-focus {
 }
 .timeline-right .timeline-item .panel .timeline-increment {
   margin-left: auto;
-  margin-right: calc(0px * -1);
+  margin-right: calc(0.0625rem * -1);
 }
 .timeline-right .timeline-item .timeline-increment {
   left: auto;
@@ -22322,7 +22605,7 @@ td.table-focus {
   }
   .timeline-right-xs-only .timeline-item .panel .timeline-increment {
     margin-left: auto;
-    margin-right: calc(0px * -1);
+    margin-right: calc(0.0625rem * -1);
   }
   .timeline-right-xs-only .timeline-item .timeline-increment {
     left: auto;
@@ -22360,7 +22643,7 @@ td.table-focus {
   }
   .timeline-center .timeline-item.timeline-item-reverse .panel .timeline-increment {
     margin-left: auto;
-    margin-right: calc(0px * -1);
+    margin-right: calc(0.0625rem * -1);
   }
   .timeline-center .timeline-item.timeline-item-reverse .timeline-increment {
     left: auto;
@@ -22393,7 +22676,7 @@ td.table-focus {
   .timeline-even .timeline-item:nth-of-type(even) .panel .timeline-increment,
   .timeline-odd .timeline-item:nth-of-type(odd) .panel .timeline-increment {
     margin-left: auto;
-    margin-right: calc(0px * -1);
+    margin-right: calc(0.0625rem * -1);
   }
   .timeline-even .timeline-item:nth-of-type(even) .timeline-increment,
   .timeline-odd .timeline-item:nth-of-type(odd) .timeline-increment {
@@ -32957,7 +33240,7 @@ a.text-dark:hover, a.text-dark:focus {
   animation: clay-focus-ring 1s cubic-bezier(0.2, 0, 0, 1);
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem rgb(86.99, 144.8295081967, 255);
 }
-.c-prefers-focus-ring :focus-visible:not(.toggle-switch-check):not(.custom-control-input),
+.c-prefers-focus-ring :focus-visible:not(.c-horizontal-resizer):not(.toggle-switch-check):not(.custom-control-input),
 .c-prefers-focus-ring .focus {
   position: relative;
   z-index: 1;
@@ -33049,10 +33332,10 @@ a.text-dark:hover, a.text-dark:focus {
   .table-dark td,
   .table-dark thead th,
   .table-dark tbody + tbody {
-    border-color: #e7e7ed;
+    border-color: #cdced9;
   }
   .table .thead-dark th {
-    border-color: #e7e7ed;
+    border-color: #cdced9;
     color: inherit;
   }
 }