:root {
    --scrollbar-bg-color: #25282a;
    --scrollbar-bd-color: rgba(255, 255, 255, 0.1);
    --scrollbar-fc-color: #9f9f9f;
    --scrollbar-fg-color: #555555;
    --scrollbar-theme-radius: 2px;
    --scrollbar-bd-hover-color: #00AEEF;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background-color: var(--scrollbar-bg-color);
    border: 1px solid var(--scrollbar-bd-color);
    border-radius: var(--scrollbar-theme-radius);
}

::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-fc-color);
    border-radius: var(--scrollbar-theme-radius);
}

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

html {
    scrollbar-width: thin;
    scrollbar-face-color: var(--scrollbar-fc-color);
    scrollbar-shadow-color: var(--scrollbar-bg-color);
    scrollbar-track-color: var(--scrollbar-bg-color);
    scrollbar-arrow-color: var(--scrollbar-fg-color);
}