div.field--error{
    color: hsl(0,50%,50%); font-size: 12px; overflow: hidden;
}

div.field--error:empty{
    display: none;
}

div.field--info{
    color: hsl(210,30%,50%); font-size: 12px; overflow: hidden;
}

div.field--info:empty{
    display: none;
}

div.field--label{
    font-weight: bold; font-size: 12px; overflow: hidden;
    color: hsl(var(--hue),var(--saturation),40%);
}

div.field--label.--error, .--error div.field--label {
    --hue: 0; --saturation: 50%;
}

div.--wait-zone, .--wait div.field--wait{
	animation: 600ms ease-in-out infinite alternate wait-bg-100;
}

div.--wait-zone *, .--wait div.field--wait *{
	visibility: hidden;
}