:root {
  --scrollbar-width: thin;
  --scrollbar-legacy-width: 7px;
  --scrollbar-track-color: var(--bs-scrollbar-track-color, unset);
  --scrollbar-thumb-color: var(--bs-scrollbar-thumb-color, unset);
  --selection-background: var(--bs-selection-background, #3367d1);
  --selection-color: var(--bs-selection-color, #fff);
}


@supports (scrollbar-width: auto) {
    html {
        scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);
        scrollbar-width: var(--scrollbar-width);
    }
}

@supports selector(::-webkit-scrollbar) {
    html::-webkit-scrollbar-thumb {
        background: var(--scrollbar-thumb-color);
    }
    html::-webkit-scrollbar-track {
        background: var(--scrollbar-track-color);
    }
    html::-webkit-scrollbar {
        max-width: var(--scrollbar-legacy-width);
        max-height: var(--scrollbar-legacy-width);
    }
}
.acss-dashboard-app {
    scrollbar-color: initial !important;
    scrollbar-width: initial !important;
}