.scroller {
    --scroller-color: 0, 0%;
    --scroller-color-lightness: 30%;
    --scroller-hover-factor: 0.8;
    --scroller-thumb: hsl(var(--scroller-color), var(--scroller-color-lightness));
    /* Replicate hover for webkit */
    --scroller-thumb-hover: hsl(
      var(--scroller-color),
      calc(var(--scroller-color-lightness) * var(--scroller-hover-factor))
    );
    --scroller-background: transparent;
    scrollbar-color: var(--scroller-thumb) var(--scroller-background);
    scrollbar-width: thin;
  }
.scroller::-webkit-scrollbar {
    width: 8px;
}
.scroller::-webkit-scrollbar-track {
    background: transparent;
}
.scroller::-webkit-scrollbar-thumb {
    background: var(--scroller-thumb);
}
.scroller::-webkit-scrollbar-thumb:hover {
    background: var(--scroller-thumb-hover);
}