@clayui/css 3.163.0 → 3.165.0

package/lib/css/base.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.163.0
+ * Clay 3.165.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>
@@ -940,16 +945,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 #dee2e6;
+  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: #dee2e6;
 }
 
-.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: #dee2e6;
+}
+
+.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 #dee2e6 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 #dee2e6;
+  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 {
@@ -1010,6 +1077,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;
@@ -2370,10 +2449,19 @@ input[type=button].btn-block {
   top: 0rem;
 }
 .c-horizontal-resizer:hover::before {
-  background-color: rgb(87.006, 168.0384, 255);
+  background-color: #007bff;
+}
+.c-horizontal-resizer:active::before {
+  background-color: rgb(0, 98.4, 204);
+}
+.c-horizontal-resizer:focus-visible {
+  box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+  outline: 0;
 }
 .c-horizontal-resizer:focus-visible::before {
-  background-color: rgb(87.006, 168.0384, 255);
+  background-color: #007bff;
+  bottom: 0.25rem;
+  top: 0.25rem;
 }
 
 .c-horizontal-resizer-end {
@@ -4737,7 +4825,7 @@ input[type=button].btn-block {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
-.label[href], .label[type], .label[tabindex] {
+.label[href] {
   cursor: pointer;
   text-decoration: none;
 }
@@ -4887,11 +4975,11 @@ input[type=button].btn-block {
   border-color: #007bff;
   color: #007bff;
 }
-[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(0, 98.4, 204);
   color: rgb(0, 98.4, 204);
 }
-[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, 98.4, 204);
 }
 
@@ -4912,11 +5000,11 @@ input[type=button].btn-block {
   border-color: #6c757d;
   color: #6c757d;
 }
-[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(84.3605150215, 91.3905579399, 97.6394849785);
   color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
 }
-[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: rgb(84.3605150215, 91.3905579399, 97.6394849785);
 }
 
@@ -4937,11 +5025,11 @@ input[type=button].btn-block {
   border-color: #28a745;
   color: #28a745;
 }
-[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(30.1449275362, 125.8550724638, 52);
   color: rgb(30.1449275362, 125.8550724638, 52);
 }
-[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(30.1449275362, 125.8550724638, 52);
 }
 
@@ -4962,11 +5050,11 @@ input[type=button].btn-block {
   border-color: #17a2b8;
   color: #17a2b8;
 }
-[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(17.3333333333, 122.0869565217, 138.6666666667);
   color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
 }
-[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(17.3333333333, 122.0869565217, 138.6666666667);
 }
 
@@ -4987,11 +5075,11 @@ input[type=button].btn-block {
   border-color: #ffc107;
   color: #ffc107;
 }
-[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(211, 158.25, 0);
   color: rgb(211, 158.25, 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(211, 158.25, 0);
 }
 
@@ -5012,11 +5100,11 @@ input[type=button].btn-block {
   border-color: #dc3545;
   color: #dc3545;
 }
-[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(189.2151898734, 32.7848101266, 47.7721518987);
   color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
 }
-[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(189.2151898734, 32.7848101266, 47.7721518987);
 }
 
@@ -5037,11 +5125,11 @@ input[type=button].btn-block {
   border-color: #343a40;
   color: #343a40;
 }
-[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: rgb(29.1379310345, 32.5, 35.8620689655);
   color: rgb(29.1379310345, 32.5, 35.8620689655);
 }
-[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(29.1379310345, 32.5, 35.8620689655);
 }
 
@@ -5062,11 +5150,11 @@ input[type=button].btn-block {
   border-color: #f8f9fa;
   color: #f8f9fa;
 }
-[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: rgb(218.25, 223.5, 228.75);
   color: rgb(218.25, 223.5, 228.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(218.25, 223.5, 228.75);
 }
 
@@ -5087,9 +5175,9 @@ input[type=button].btn-block {
   border-color: #007bff;
   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 {
   background-color: rgb(0, 98.4, 204);
-  border-color: rgb(0, 98.4, 204);
+  border-color: transparent;
   color: #fff;
 }
 .label-inverse-primary a:hover, .label-inverse-primary a.hover,
@@ -5105,9 +5193,9 @@ input[type=button].btn-block {
   border-color: #6c757d;
   color: #fff;
 }
-[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 {
+[href].label-inverse-secondary:hover, [href].hover.label-inverse-secondary {
   background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
-  border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
+  border-color: transparent;
   color: #fff;
 }
 .label-inverse-secondary a:hover, .label-inverse-secondary a.hover,
@@ -5123,9 +5211,9 @@ input[type=button].btn-block {
   border-color: #28a745;
   color: #fff;
 }
-[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 {
+[href].label-inverse-success:hover, [href].hover.label-inverse-success {
   background-color: rgb(30.1449275362, 125.8550724638, 52);
-  border-color: rgb(30.1449275362, 125.8550724638, 52);
+  border-color: transparent;
   color: #fff;
 }
 .label-inverse-success a:hover, .label-inverse-success a.hover,
@@ -5141,9 +5229,9 @@ input[type=button].btn-block {
   border-color: #17a2b8;
   color: #fff;
 }
-[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 {
+[href].label-inverse-info:hover, [href].hover.label-inverse-info {
   background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
-  border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
+  border-color: transparent;
   color: #fff;
 }
 .label-inverse-info a:hover, .label-inverse-info a.hover,
@@ -5159,9 +5247,9 @@ input[type=button].btn-block {
   border-color: #ffc107;
   color: #212529;
 }
-[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 {
+[href].label-inverse-warning:hover, [href].hover.label-inverse-warning {
   background-color: rgb(211, 158.25, 0);
-  border-color: rgb(211, 158.25, 0);
+  border-color: transparent;
   color: #212529;
 }
 .label-inverse-warning a:hover, .label-inverse-warning a.hover,
@@ -5177,9 +5265,9 @@ input[type=button].btn-block {
   border-color: #dc3545;
   color: #fff;
 }
-[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 {
+[href].label-inverse-danger:hover, [href].hover.label-inverse-danger {
   background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
-  border-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
+  border-color: transparent;
   color: #fff;
 }
 .label-inverse-danger a:hover, .label-inverse-danger a.hover,
@@ -5195,9 +5283,9 @@ input[type=button].btn-block {
   border-color: #f8f9fa;
   color: #212529;
 }
-[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 {
   background-color: rgb(218.25, 223.5, 228.75);
-  border-color: rgb(218.25, 223.5, 228.75);
+  border-color: transparent;
   color: #212529;
 }
 .label-inverse-light a:hover, .label-inverse-light a.hover,
@@ -5213,9 +5301,9 @@ input[type=button].btn-block {
   border-color: #343a40;
   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 {
   background-color: rgb(29.1379310345, 32.5, 35.8620689655);
-  border-color: rgb(29.1379310345, 32.5, 35.8620689655);
+  border-color: transparent;
   color: #fff;
 }
 .label-inverse-dark a:hover, .label-inverse-dark a.hover,
@@ -5226,6 +5314,168 @@ input[type=button].btn-block {
 .label-inverse-dark .close:hover {
   color: rgb(229.5, 229.5, 229.5);
 }
+.label-inverse-content-0 {
+  background-color: rgb(229.2435622318, 231.0980257511, 232.7464377682);
+  border-color: transparent;
+  color: rgb(29.1379310345, 32.5, 35.8620689655);
+}
+[href].label-inverse-content-0:hover, [href].hover.label-inverse-content-0 {
+  background-color: rgb(229.2435622318, 231.0980257511, 232.7464377682);
+  border-color: transparent;
+  color: rgb(29.1379310345, 32.5, 35.8620689655);
+}
+.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(29.1379310345, 32.5, 35.8620689655);
+}
+.label-inverse-content-0 .close:hover {
+  color: rgb(29.1379310345, 32.5, 35.8620689655);
+}
+.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;
@@ -5954,9 +6204,17 @@ input[type=button].btn-block {
 .form-check-card.active .card {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
-.form-check-card.checked .card {
+.form-check-card.checked .card, .form-check-card:has(.custom-control-input:checked) .card {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
+.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: rgba(0, 0, 0, 0.125);
+  outline-color: transparent;
+}
 .form-check-card .card {
   margin-bottom: 0rem;
 }
@@ -6346,6 +6604,9 @@ input[type=button].btn-block {
 .card-interactive-secondary:active, .card-interactive-secondary.active {
   background-color: #fff;
 }
+.card-type-asset:disabled, .card-type-asset.disabled {
+  transform: none;
+}
 .card-type-asset .aspect-ratio {
   border-color: rgba(0, 0, 0, 0.125);
   border-style: solid;
@@ -6394,7 +6655,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, #e9ecef, #e9ecef);
 }
 .product-card .card-body {
   text-align: center;
@@ -6500,7 +6761,9 @@ input[type=button].btn-block {
 }
 
 .dropdown-subheader {
+  align-items: center;
   color: #6c757d;
+  display: flex;
   font-size: 0.75rem;
   font-weight: 500;
   padding-bottom: 0.5rem;
@@ -9440,6 +9703,7 @@ button.link-outline {
 
 .custom-control {
   display: block;
+  line-height: 1;
   min-height: 1.5rem;
   position: relative;
   text-align: left;
@@ -9456,11 +9720,12 @@ button.link-outline {
 
 .custom-control-label {
   cursor: pointer;
+  display: inline-block;
   font-size: 1rem;
   line-height: 1.5rem;
   margin-bottom: 0rem;
+  max-width: 100%;
   position: static;
-  vertical-align: top;
 }
 .custom-control-label::before {
   background-color: #fff;
@@ -9474,7 +9739,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) {
@@ -9495,9 +9760,9 @@ button.link-outline {
   content: "";
   display: block;
   height: 1.5rem;
-  left: -0.25rem;
+  left: calc((1.5rem - 1rem) / -2);
   position: absolute;
-  top: 0px;
+  top: calc((1.5rem - 1rem) / -2);
   width: 1.5rem;
 }
 
@@ -9507,6 +9772,8 @@ label.custom-control-label {
 
 .custom-control-label-text {
   padding-left: 0.5rem;
+  position: relative;
+  top: -0.25rem;
 }
 .custom-control-primary .custom-control-label-text {
   font-weight: 500;
@@ -9514,10 +9781,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: 0px;
+  top: calc((1.5rem - 1rem) / -2);
   width: 1.5rem;
   z-index: 1;
 }
@@ -11550,70 +11817,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;
@@ -29958,7 +30161,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(87.006, 168.0384, 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;