.vpn::after {
    content: "lock";
    font-family: 'Material Symbols Rounded';
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    margin-left: 3px;
    font-size: 0.75rem;
}
.legend {
    float: left;
    margin-right: 3px;
}
.status-down.legend {
    margin-left: -2px;
}
.status-up::after {
    content: "circle";
    font-family: 'Material Symbols Rounded';
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    margin-left: 3px;
    font-size: 0.75rem;
    color: green;
    float: right;
    line-height: 1.5rem;
}
.status-intermittent::after {
    content: "warning";
    font-family: 'Material Symbols Rounded';
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    margin-left: 3px;
    font-size: 0.75rem;
    color: orange;
    float: right;
    line-height: 1.5rem;
}
.status-down::after {
    content: "stop";
    font-family: 'Material Symbols Rounded';
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    margin-left: 3px;
    color: red;
    float: right;
    margin-right: -2px;
}
ul.alerts {
    list-style: none;
    text-align: center;
    padding-left: 0;
}
ul.alerts li {
    margin-bottom: 0.75rem;
}