Custom Scrollbar

Customise the containers Scrollbar

.scrollbar-container {
    --scrollbar-foreground: var(--highlight);
    --scrollbar-background: var(--brand);

    /* Foreground, Background */
    scrollbar-color: var(--scrollbar-foreground) var(--scrollbar-background);
    scrollbar-width: thin;

    &::-webkit-scrollbar {
        width: 4px; /* Mostly for vertical scrollbars */
        height: 4px; /* Mostly for horizontal scrollbars */
    }

    &::-webkit-scrollbar-thumb {
        /* Foreground */
        background: var(--scrollbar-foreground);
    }

    &::-webkit-scrollbar-track {
        /* Background */
        background: var(--scrollbar-background);
    }
}