.btn-brand,
    .btn-brand:focus,
    .btn-brand:active {
        border-color: var(--primary);
        color: var(--primary);
        background: transparent;
    }

    .btn-brand:hover {
        background: color-mix(in srgb, var(--primary) 12%, white);
    }

    .btn-brand-solid {
        background: var(--primary);
        color: #fff;
        border-color: var(--primary);
    }

    .btn-brand-solid:hover {
        filter: brightness(0.95);
    }

    .progress {
        height: 10px;
        cursor: pointer;
        --bs-progress-bar-bg: var(--primary);
        border-radius: 999px;
    }

    .list-group-item.active-track {
        border-left: 6px solid var(--primary);
        background: color-mix(in srgb, var(--primary) 8%, white);
        font-weight: 600;
    }

    .volume-range {
        width: 140px;
        accent-color: var(--primary);
    }

    .player-card {
        border: 1px solid rgba(0, 0, 0, .06);
        box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
        border-radius: 1rem;
    }

    .time-label {
        font-variant-numeric: tabular-nums;
    }

    #title {
        font-weight: 700;
        letter-spacing: .2px;
        line-height: 1.2;
    }

    @media (min-width: 992px) {
        #title {
            font-size: 1.75rem;
        }
    }

    @media (max-width: 991.98px) {
        #title {
            font-size: 1.35rem;
        }
    }

    /* Truncate Playlist-Titel */
    .title-ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }