html {
    scrollbar-width: thin;
    scrollbar-color: #c4c1b9 #f5f4f0;
    scrollbar-gutter: stable;
}

html::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

html::-webkit-scrollbar-track {
    background: #f5f4f0;
}

html::-webkit-scrollbar-thumb {
    background: #c4c1b9;
    border: 2px solid #f5f4f0;
    border-radius: 10px;
}

html::-webkit-scrollbar-thumb:hover {
    background: #a7a399;
}

html::-webkit-scrollbar-corner {
    background: #f5f4f0;
}

@media (forced-colors: active) {
    html { scrollbar-color: auto; }
}