/* styles/scrollbar.css */

.custom-scrollbar {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgb(63 63 70 / 0.4) transparent;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
    background: transparent;
}

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

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgb(63 63 70 / 0.4);
    border-radius: 20px;
    border: 2px solid transparent;
    background-clip: content-box;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: rgb(63 63 70 / 0.6);
}

/* Stellt sicher, dass der Scrollbar-Bereich immer die volle Höhe hat */
html,
body,
#root {
    height: 100%;
    min-height: 100vh;
}