:root {
    --scrollbar-thumb: #ff661e;
    --scrollbar-track: transparent;
}

* {
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
    scrollbar-width: thin;
}

/* Fallback for browsers using WebKit scrollbar pseudo-elements. */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { background: var(--scrollbar-track); }
::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: var(--scrollbar-radius, 8px); }
::-webkit-scrollbar-button { display: none; width: 0; height: 0; }

@supports selector(::-webkit-scrollbar) {
    /* Let the custom thumb/track/button rules replace the native scrollbar. */
    * { scrollbar-color: auto; scrollbar-width: auto; }
}