/*
    Estilos globais

    1. Estilos da barra de rolagem
*/

/* Start:: 2. Estilos da barra de rolagem */
/* Start:: 2. Estilos da barra de rolagem */
/* Start:: 2. Estilos da barra de rolagem */

/* Estiliza a barra de rolagem geral da página */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 0.25rem;
    height: 0.25rem;
    -webkit-transition: all ease 0.05s;
    transition: all ease 0.05s;
    background: rgb(var(--light-rgb));
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background: var(--primary05);
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

    html::-webkit-scrollbar-thumb:hover,
    body::-webkit-scrollbar-thumb:hover {
        background: rgb(var(--primary-rgb));
    }

/* Mantém o estilo das barras de rolagem de elementos internos */
body *::-webkit-scrollbar {
    width: 0.35rem;
    height: 0.35rem;
    -webkit-transition: all ease 0.05s;
    transition: all ease 0.05s;
    background: rgb(var(--light-rgb));
}

body *::-webkit-scrollbar-thumb {
    background: var(--primary05);
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

    body *::-webkit-scrollbar-thumb:hover {
        background: rgb(var(--primary-rgb));
    }


.tv-scrollbar::-webkit-scrollbar,
body.tv-scrollbar *::-webkit-scrollbar {
    width: 0.7rem;
    height: 0.7rem;
}

.tv-scrollbar::-webkit-scrollbar-thumb,
body.tv-scrollbar *::-webkit-scrollbar-thumb {
    background: var(--primary05);
}

/* End:: 2. Estilos da barra de rolagem */
/* End:: 2. Estilos da barra de rolagem */
/* End:: 2. Estilos da barra de rolagem */