@layer base {
    *::-webkit-scrollbar:horizontal {
        height: 0;
    }

    *::-webkit-scrollbar-thumb:horizontal {
        background-color: rgba(136, 136, 136, 0.8);
    }

    *::-webkit-scrollbar-track:horizontal {
        background-color: #f1f1f1;
    }

    * {
        scrollbar-width: thin;
        scrollbar-color: rgba(38, 39, 41) #262729;
    }
}

@layer components {
    aside {
        box-shadow: 0 5px 8px rgb(75 75 75 / 42%), 0 6px 0px rgb(43 43 43 / 51%);
    }

    aside > nav {
        scrollbar-width: none;
    }
}