@daniel-wrz/react-components-scrollbar/dist/index.css

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

/* src/components/scrollbar/scrollbar.css */
.s-container {
  height: 100%;
  display: grid;
  background-color: red;
  grid-template-columns: auto 100px;
  overflow: hidden;
}
.s-content {
  -ms-overflow-style: none;
  overflow: auto;
  scrollbar-width: none;
}
.s-content::-webkit-scrollbar {
  display: none;
}
.s-scrollbar {
  background-color: green;
}
.s-track {
  position: relative;
}
.s-thumb {
  position: absolute;
}
.s-thumb:hover {
  cursor: pointer;
}
.s-scrollbar .s-track .s-thumb {
  background-color: blue;
  width: 100%;
}
.s-hide {
  width: 0px;
}