.sb-textfield > .sb-textfield-label + input,
.sb-textfield > .sb-textfield-label + textarea {
  border: var(--hair-line) solid var(--border-color);
  border-radius: var(--border-radius);
  color: inherit;
  height: 1.9em;
  vertical-align: -0.05em;
  padding: 0.25em 0.5em;
  background: transparent;
}
.sb-textfield > .sb-textfield-label + textarea {
  height: 3.2em;
  vertical-align: 0;
  padding: 0.135em 0.5em;
}
.sb-textfield > .sb-textfield-label + input:disabled,
.sb-textfield > .sb-textfield-label + textarea:disabled {
  color: var(--border-color);
}
.sb-textfield:not([aria-orientation="vertical"]) .sb-textfield-label {
  display: inline-block;
  margin-right: 0.5em;
  margin-top: 0.2em;
  min-width: 4em;
  text-align: right;
  vertical-align: top;
}
.sb-textfield[aria-orientation="vertical"] .sb-textfield-label {
  font-size: 0.85em;
}
.sb-textfield[aria-orientation="vertical"] .sb-textfield-label:after {
  content: "";
  height: 0;
  display: block;
}
.sb-textfield input[aria-invalid],
.sb-textfield textarea[aria-invalid] {
  border-color: var(--error-text);
  color: var(--error-text);
}
.sb-textfield:has(input[aria-invalid], textarea[aria-invalid]) {
  color: var(--error-text);
}
