:root {
    --site-scrollbar-bg: #0d1117;
    --site-scrollbar-thumb: #3b4556;
    --site-scrollbar-thumb-hover: #4a5568;
}

html {
    scrollbar-width: thin;
    scrollbar-color: var(--site-scrollbar-thumb) var(--site-scrollbar-bg);
}

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

::-webkit-scrollbar-track {
    background: var(--site-scrollbar-bg);
}

::-webkit-scrollbar-thumb {
    border: 2px solid var(--site-scrollbar-bg);
    border-radius: 8px;
    background: var(--site-scrollbar-thumb);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--site-scrollbar-thumb-hover);
}

::-webkit-scrollbar-corner {
    background: var(--site-scrollbar-bg);
}