.object-property.resource-loading::before,
.literal-value.resource-loading::before {
    content: "";
    display: inline-block;
    margin-right: 0.35em;
    width: 1em;
    height: 1em;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-top-color: black;
    border-radius: 50%;
    vertical-align: middle;
    animation: spin 0.8s linear infinite;
}

.object-property.resource-resolved::after,
.literal-value.resource-resolved::after {
    content: "✔";
    color: green;
    margin-left: 0.35em;
    font-weight: bold;
    vertical-align: middle;
    font-family: "Arial", "Helvetica", sans-serif;
}

.object-property.resource-error::after,
.literal-value.resource-error::after {
    content: "✖";
    color: red;
    margin-left: 0.35em;
    font-weight: bold;
    vertical-align: middle;
    font-family: "Arial", "Helvetica", sans-serif;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}