.wsf-form input[type=color].wsf-field:hover:enabled:not(:checked):not(:focus) {
  background-color: var(--wsf-field-color-background-hover);
  border-color: var(--wsf-field-border-color-hover);
  color: var(--wsf-field-color-hover);
}
.wsf-form input[type=color].wsf-field:focus {
  border-color: var(--wsf-field-border-color-focus);
  box-shadow: var(--wsf-field-box-shadow);
  outline: 0;
}
.wsf-form input[type=color].wsf-field:disabled {
  border-color: var(--wsf-field-border-color-disabled);
  cursor: not-allowed;
  opacity: 0.5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.wsf-form input[type=color].wsf-field::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.wsf-form input[type=color].wsf-field::-webkit-color-swatch-wrapper {
  padding: 0;
}
.wsf-form input[type=color].wsf-field::-webkit-color-swatch {
  border: none;
  border-radius: var(--wsf-field-border-radius);
}
.wsf-form .clr-field {
  width: 100%;
}
.wsf-form .clr-field button {
  aspect-ratio: 1;
  border: var(--wsf-field-border);
  border-radius: 0;
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-transform: none;
          transform: none;
  width: auto;
}
.wsf-form .clr-field input[type=text].wsf-field {
  cursor: pointer;
  padding-left: calc(var(--wsf-field-height) + var(--wsf-field-padding-horizontal));
}
.wsf-form.wsf-rtl .clr-field button {
  left: auto;
  right: 0;
}
.wsf-form.wsf-rtl .clr-field input[type=text].wsf-field {
  padding-left: var(--wsf-field-padding-horizontal);
  padding-right: calc(var(--wsf-field-height) + var(--wsf-field-padding-horizontal));
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=color].wsf-field:hover:enabled:not(:checked):not(:focus) {
  background-color: var(--wsf-field-color-background-hover-alt);
  border-color: var(--wsf-field-border-color-hover-alt);
  color: var(--wsf-field-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=color].wsf-field:focus {
  border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=color].wsf-field:disabled {
  border-color: var(--wsf-field-border-color-disabled-alt);
}