/* TODO: Create some simple validation indicators for 'fields' */

[data-valid] {
    position: relative;
}

[data-valid="true"] {
    box-shadow: 0px 0px 0.5rem green;
}

[data-valid="false"] {
    box-shadow: 0px 0px 0.5rem darkred;
}

[data-valid="true"]:after {
    content: "1";
    color: green;
    position: absolute;
}