#chart-container, #game-sums-chart, #game-positions-chart, #game-info, .next-game {
    display: none;
}
#chart-container div, #chart-container canvas {
    padding-top: 5px;
}

.game-info-info {
    font-size: 0.9em;
    padding-top: 5px;
}

.next-game {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-size: 0.9em;
    gap: 20px;
    padding: 20px 20px 0 20px;
}
.next-game-logo {
    flex: 0 0 250px;
}
.next-game-info {
    flex: 1 0 200px;
}
.next-game-name {
    font-weight: bold;
    font-size: 1.7em;
}
.tag {
    border-radius: 5px;
    display: inline;
    line-height: 2;
    margin: 2px;
    /*margin-right: 5px;*/
    padding: 2px;
    text-wrap: nowrap;
}
.tag-info-container:has(.tag-sg) {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
}
.tag-genres {
    border: 1px solid orange;
    color: orange;
}
.tag-platform {
    border: 1px solid #34cb34;
    color: #34cb34;
}
.tag-sg {
    /*background-color: var(--brand-red-color);
    border: 1px solid white;*/
    color: var(--brand-red-color);
    font-size: 1.1em;
    padding: 5px;
}
.tag-sg:hover {
    background-color: var(--brand-red-color);
    /*border: 0;*/
    color: unset;
    & svg path {
        fill: white;
    }
}
.tag-sg svg {
    display: inline;
    margin-right: 3px;
}
.sg-logo {
    height: 1em;
    width: auto;
    vertical-align: middle;
}
.tag-year {
    border: 1px solid #2bcef4;
    color: #2bcef4;
}

/*.users li {
    overflow: hidden;
    text-overflow: ellipsis;
}*/