.ve-scrollbar {
  height: 100%;
  overflow: auto;
  position: relative;
  width: 100%;
}
.ve-scrollbar--beautify-scrollbar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background: transparent;
}
.ve-scrollbar--beautify-scrollbar::-webkit-scrollbar-thumb {
  display: none;
  background: rgba(var(--ve-theme-on-surface), var(--ve-hover-opacity)) content-box;
  border: 2px solid transparent;
  border-radius: 5px;
}
.ve-scrollbar--beautify-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--ve-theme-on-surface), var(--ve-activated-opacity)) content-box;
}
.ve-scrollbar--beautify-scrollbar:hover::-webkit-scrollbar-thumb {
  display: block;
}