::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: color-mix(in srgb, var(--color-card-bg) 60%, transparent);
}

::-webkit-scrollbar-thumb {
    background: var(--color-primary);
    border-radius: 8px;
    transition: 0.4s ease;
}

/* Si WebKit n'est pas supporté */
@supports not (selector(::-webkit-scrollbar)) {
    html {
        scrollbar-color: var(--color-primary) color-mix(in srgb, var(--color-card-bg) 60%, transparent);
        scrollbar-width: 12px;
    }
}