::-webkit-scrollbar {
    background: var(--neutral-light);
    height: 4px;
    width: 4px;
}

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

.scrollbar-thick::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

.scrollbar-natural::-webkit-scrollbar-thumb {
    background: var(--natural);
    border-radius: 10px;
}

.scrollbar-bg-transparent::-webkit-scrollbar {
    background: transparent;
}

.styled-scrollbar::-webkit-scrollbar {
    background: #f2f2f2;
    height: 4px;
    width: 4px;
    border-radius: 10px;
}

.styled-scrollbar::-webkit-scrollbar-track {
    background: #f2f2f2;
    border-radius: 10px;
}

.styled-scrollbar::-webkit-scrollbar-thumb {
    background: #e7e7e7;
    border-radius: 10px;
}


.hidden-scrollbar::-webkit-scrollbar {
    -webkit-appearance: none;
    display: none;
    appearance: none;
    background: transparent;
    height: 0;
    width: 0;
}