.scrollbar-custom::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.scrollbar-custom::-webkit-scrollbar-track {
    background: #2d3748; /* Tailwind CSS bg-gray-800 */
    border-radius: 9999px;
}

.scrollbar-custom::-webkit-scrollbar-thumb {
    background-color: #718096; /* Tailwind CSS bg-gray-600 */
    border-radius: 9999px;
    border: 2px solid #2d3748; /* Tailwind CSS bg-gray-800 */
}

.scrollbar-custom::-webkit-scrollbar-thumb:hover {
    background-color: #a0aec0; /* Tailwind CSS bg-gray-500 */
}

.song-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.song-grid .song_container {
    padding: 1rem !important;
    overflow: hidden;
}

.song-grid .song_container > .flex-shrink-0:first-child img {
    width: 3.5rem !important;
    height: 3.5rem !important;
    border-radius: 0.375rem !important;
}

.song-grid .song_container > .flex-grow {
    padding: 0;
}

@media (max-width: 768px) {
    .song-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .song-grid {
        grid-template-columns: 1fr;
    }
}