:root {
  --omni-cssScrollbar-size: 8px;
  --omni-cssScrollbar-minlength: 1.5rem; /* Minimum length of scrollbar thumb (width of horizontal, height of vertical) */
  --omni-cssScrollbar-ff-width: thin; /* FF-only accepts auto, thin, none */
  --omni-cssScrollbar-track-color: transparent;
  --omni-cssScrollbar-color: rgba(136,136,136,.4);
  --omni-cssScrollbar-color-hover: rgba(136,136,136,.7);
  --omni-cssScrollbar-color-active: rgb(136, 136, 136);
}

/*   .layout-scrollbar-cell {
  overscroll-behavior: contain;
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: var(--scrollbar-ff-width);
} */

/* This class controls what elements have the new fancy scrollbar CSS */
.omni-layout-cssScrollbar {
  overscroll-behavior: contain;
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: var(--omni-cssScrollbar-ff-width);
  scrollbar-color: var(--omni-cssScrollbar-color) var(--omni-cssScrollbar-track-color);
}
.omni-layout-cssScrollbar::-webkit-scrollbar {
  height: var(--omni-cssScrollbar-size);
  width: var(--omni-cssScrollbar-size);
}
.omni-layout-cssScrollbar::-webkit-scrollbar-track {
  background-color: var(--omni-cssScrollbar-track-color);
}
.omni-layout-cssScrollbar::-webkit-scrollbar-thumb {
  background-color: var(--omni-cssScrollbar-color);
  border-radius: 1px;
}
.omni-layout-cssScrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--omni-cssScrollbar-color-hover);
}
.omni-layout-cssScrollbar::-webkit-scrollbar-thumb:active {
  background-color: var(--omni-cssScrollbar-color-active);
}
.omni-layout-cssScrollbar::-webkit-scrollbar-thumb:vertical {
  min-height: var(--omni-cssScrollbar-minlength);
}
.omni-layout-cssScrollbar::-webkit-scrollbar-thumb:horizontal {
  min-width: var(--omni-cssScrollbar-minlength);
}

/* For react-custom-scrollbars */
.omni-thumb-horizontal,
.omni-thumb-vertical {
  background-color: rgba(136,136,136,.4);
}