.wsf-form [data-wsf-legal].wsf-field {
  background-color: var(--wsf-field-color-background);
  border: var(--wsf-field-border);
  border-radius: var(--wsf-field-border-radius);
  color: var(--wsf-field-color);
  font-family: var(--wsf-field-font-family);
  font-size: var(--wsf-field-font-size);
  font-weight: var(--wsf-field-font-weight);
  line-height: var(--wsf-field-line-height);
  padding: var(--wsf-field-padding);
}
.wsf-form [data-wsf-legal].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 [data-wsf-legal].wsf-field h1, .wsf-form [data-wsf-legal].wsf-field h2, .wsf-form [data-wsf-legal].wsf-field h3, .wsf-form [data-wsf-legal].wsf-field h4, .wsf-form [data-wsf-legal].wsf-field h5, .wsf-form [data-wsf-legal].wsf-field h6, .wsf-form [data-wsf-legal].wsf-field p, .wsf-form [data-wsf-legal].wsf-field ul, .wsf-form [data-wsf-legal].wsf-field ol, .wsf-form [data-wsf-legal].wsf-field th, .wsf-form [data-wsf-legal].wsf-field td {
  color: var(--wsf-field-color);
  font-family: var(--wsf-field-font-family);
  line-height: var(--wsf-field-line-height);
  margin: 0 0 var(--wsf-field-padding-vertical);
}
.wsf-form [data-wsf-legal].wsf-field p, .wsf-form [data-wsf-legal].wsf-field ul, .wsf-form [data-wsf-legal].wsf-field ol, .wsf-form [data-wsf-legal].wsf-field th, .wsf-form [data-wsf-legal].wsf-field td {
  font-size: var(--wsf-field-font-size);
}
.wsf-form [data-wsf-legal].wsf-field {
  transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-legal].wsf-field {
  background-color: var(--wsf-field-color-background-alt);
  color: var(--wsf-field-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-legal].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] [data-wsf-legal].wsf-field h1, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-legal].wsf-field h2, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-legal].wsf-field h3, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-legal].wsf-field h4, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-legal].wsf-field h5, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-legal].wsf-field h6, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-legal].wsf-field p, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-legal].wsf-field ul, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-legal].wsf-field ol, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-legal].wsf-field th, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-legal].wsf-field td {
  color: var(--wsf-field-color-alt);
}