:root {
  --scrollbar-width: thin;
  --scrollbar-legacy-width: 7px;
  --scrollbar-track-color: var(--bs-scrollbar-track-color, #f1f1f1);
  --scrollbar-thumb-color: var(--bs-scrollbar-thumb-color, #888);
  --selection-background: var(--bs-selection-background, #ffb7b7);
  --selection-color: var(--bs-selection-color, #ffffff);
}


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


@supports selector(::-webkit-scrollbar) {
    ::-webkit-scrollbar-thumb {
        background: var(--scrollbar-thumb-color);
    }
    ::-webkit-scrollbar-track {
        background: var(--scrollbar-track-color);
    }
    ::-webkit-scrollbar {
        max-width: var(--scrollbar-legacy-width);
        max-height: var(--scrollbar-legacy-width);
    }
}

::selection {
  background: var(--selection-background, #ffb7b7);
  color: var(--selection-color, #ffffff);
}

::-moz-selection {
  background: var(--selection-background, #ffb7b7);
  color: var(--selection-color, #ffffff);
}