/* formerrormessage.st.css */
@namespace "FormErrorMessage";

:import {
  -st-from: "../../themes/base/project.st.css";
  -st-default: Base;
  -st-named:
    --spacing-unit,
    --base-font-size,
    --color-error;
}

:import {
  -st-from: "../../components/FormErrorMessage/formerrormessage.st.css";
  -st-default: FormErrorMessage;
}

@st-scope Base {
  FormErrorMessage {
    display: block;
    margin-top: 20px;
    margin-bottom: calc(var(--spacing-unit) * 2);
    font-size: var(--base-font-size);
    line-height: 1.4;
    color: var(--color-error);
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    border-left: 2px solid var(--color-error);
  }
}