.snp-player {
    display: flex;
    align-items: center;
    font-family: sans-serif;
    margin: 10px 0;
}

.snp-info {
    display: flex;
    align-items: center;
    gap: 4px; /* ruimte tussen items */
    white-space: nowrap; /* voorkomt afbreken */
    overflow: hidden;
}

.snp-info .artist {
    font-weight: bold;
}

.snp-info .track {
    color: #666;
}

.snp-info .live {
    color: red;
    font-weight: bold;
}

.snp-info .live.offline {
    color: #999;
    font-weight: bold;
}

.snp-artwork img {
    width: 42px;
    height: 42px;
    border-radius: 6px;
    border: solid;
    border-width: thin;
    border-color: #5a5a5a;
    margin-right: 10px;
}
.snp-info .artist {
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    font-weight: normal;
}
.snp-info .track {
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: white;
}
.snp-info .live {
	font-size: 14px;
    font-weight: normal;
    font-family: 'Goldman', sans-serif;
    color: red;
    margin-right: 5px;
}
.artist, .track {
    transition: opacity 0.3s;
}

.snp-info .artist,
.snp-info .track {
    text-overflow: ellipsis;
    overflow: hidden;
}

.snp-info .separator {
    display: none;
}