.state-widget{
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 1rem;
}

.state-widget span{
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    display: inline-block;
    background-color: #9f9f9f;
}

.state-widget span.state-red{background-color:red;}
.state-widget span.state-yellow{background-color:yellow;}
.state-widget span.state-green{background-color:green;}