@value textDark, textLabel from '../colors.css';

.common {
  display: block;
  margin: 3px 0;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: textLabel;
}

/* When applied to a <legend> inside a <fieldset>, override the browser's special
   legend-on-border positioning so it participates in normal block flow. */
legend.common {
  float: left;
  width: 100%;
  padding-inline: 0;
}

.required {
  composes: common;
}

.required::after {
  content: "*";
  color: rgb(220, 0, 0);
}