/* CSS for color displays. */

span[style*="--color-display"] {
    position: relative;
    width: 18px;
    height: 18px;
    margin: 0 4px 0 4px;
    display: inline-block;
}

span[style*="--color-display"]:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0.24em;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--color-display);
}