Helper message

                @use "../abstracts/css-util";

.helper-message {
    font-family: inherit;
    font-size: css-util.get-var(helper-message,text-size);
    font-weight: css-util.get-var(helper-message,text-weight);
    color: css-util.get-var(helper-message,text-color);
    margin-top: 0.6rem;

    &:before {
        content: css-util.get-var(helper-message,icon,info);
        padding-right: 0.4rem;
        padding-top:0.1rem;
    }

    &-error{
        color: css-util.get-var(helper-message-error,text-color);
    }

   &-success{
        color: css-util.get-var(helper-message-success,text-color);
    }
}