.team-color-overlay {
    position: relative;
    display: inline-block;
}

.team-color-overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--team-color);
    opacity: 0.25;
    filter: blur(6px);
    border-radius: 0.25rem;
    z-index: -1;
}

.player-tabs-scroll {
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.player-tabs-scroll [role="tab"] {
    flex: 0 0 auto;
    white-space: nowrap;
    min-width: max-content;
    font-size: 0.75rem;
    font-weight: 500;
    color: hsl(var(--bc) / 0.72);
    background-color: hsl(var(--b2) / 0.75);
}

.player-tabs-scroll [role="tab"]:checked {
    font-weight: 600;
    color: hsl(var(--bc));
    background-color: hsl(var(--b1));
}

@media (min-width: 640px) {
    .player-tabs-scroll [role="tab"] {
        font-size: 0.875rem;
    }
}