html,
* {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

html.mfdz-scroll-active,
html.mfdz-scroll-active *,
.mfdz-scroll-active {
    scrollbar-color: rgba(68, 72, 78, .78) transparent;
}

*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background: transparent;
    border: 2px solid transparent;
    border-radius: 999px;
    background-clip: content-box;
}

html.mfdz-scroll-active *::-webkit-scrollbar-thumb,
.mfdz-scroll-active::-webkit-scrollbar-thumb {
    background: rgba(68, 72, 78, .78);
    border: 2px solid transparent;
    background-clip: content-box;
}

html.mfdz-scroll-active *::-webkit-scrollbar-thumb:hover,
.mfdz-scroll-active::-webkit-scrollbar-thumb:hover {
    background: rgba(86, 90, 98, .92);
    background-clip: content-box;
}

*::-webkit-scrollbar-corner {
    background: transparent;
}