@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    /* Set the scrollbar width to 8px and ensure it's always visible */
    ::-webkit-scrollbar {
        width: 12px;
        height: 10px;
    }

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

    ::-webkit-scrollbar-thumb {
        background-color: #5C5F6C; /* Set thumb color */
        border-radius: 5px; /* Set rounded corners for thumb */
        border-left: 2px #5C5F6C solid;
        border-right: 2px #5C5F6C solid;
    }

        ::-webkit-scrollbar-thumb:hover {
            background-color: #6A6D7A; /* Set thumb color on hover */
            border-left: 2px #6A6D7A solid;
            border-right: 2px #6A6D7A solid;
        }
}