/**
 * Scrollbar customizada, fina e discreta, usada em todo o projeto
 * (site público e painel admin), incluindo containers com overflow-y-auto
 * (ex.: modais com rolagem interna).
 */

html,
body,
.overflow-y-auto,
.overflow-y-scroll,
.overflow-auto,
.overflow-scroll {
    scrollbar-width: thin;
    scrollbar-color: rgba(5, 5, 5) rgba(0, 0, 0, 0);
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
.overflow-y-auto::-webkit-scrollbar,
.overflow-y-scroll::-webkit-scrollbar,
.overflow-auto::-webkit-scrollbar,
.overflow-scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
.overflow-y-auto::-webkit-scrollbar-track,
.overflow-y-scroll::-webkit-scrollbar-track,
.overflow-auto::-webkit-scrollbar-track,
.overflow-scroll::-webkit-scrollbar-track {
    background: rgb(5 5 5);
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
.overflow-y-auto::-webkit-scrollbar-thumb,
.overflow-y-scroll::-webkit-scrollbar-thumb,
.overflow-auto::-webkit-scrollbar-thumb,
.overflow-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(26, 24, 25, 0.5);
    border-radius: 9999px;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
.overflow-y-auto::-webkit-scrollbar-thumb:hover,
.overflow-y-scroll::-webkit-scrollbar-thumb:hover,
.overflow-auto::-webkit-scrollbar-thumb:hover,
.overflow-scroll::-webkit-scrollbar-thumb:hover {
    background-color: rgba(26, 24, 25, 0.8);
}