::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 8px;
}

::-webkit-scrollbar:hover {
    background-color: var(--ba-low-opacity);
}

::-webkit-scrollbar-thumb:vertical {
    background: var(--ba-secondary-opacity);
    border-radius: 8px;
}

::-webkit-scrollbar-thumb:vertical:active {
    background: var(--ba-primary-opacity);
    border-radius: 8px;
}

::-webkit-scrollbar-thumb:horizontal {
    background: var(--ba-secondary-opacity);
    border-radius: 8px;
}

::-webkit-scrollbar-thumb:horizontal:active {
    background: var(--ba-primary-opacity);
    border-radius: 8px;
}