@media (min-width: 768px) {
    ::-webkit-scrollbar {
        height: 16px !important;
        width: 16px !important;
    }

    ::-webkit-scrollbar-track {
        background: #e5e7eb;
    }

    ::-webkit-scrollbar-thumb {
        background: #9ca3af;
        border: 3px solid #e5e7eb;
        border-radius: 8px;
        min-height: 40px;
        min-width: 40px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #6b7280;
    }

    .dark ::-webkit-scrollbar-track {
        background: #101215;
    }

    .dark ::-webkit-scrollbar-thumb {
        background: #3f4147;
        border-color: #101215;
    }

    .dark ::-webkit-scrollbar-thumb:hover {
        background: #52555c;
    }

    @supports (-moz-appearance: none) {
        * {
            scrollbar-width: auto !important;
            scrollbar-color: #9ca3af #e5e7eb;
        }

        .dark, .dark * {
            scrollbar-color: #3f4147 #101215;
        }
    }
}