.os-theme-ro-black,
.os-theme-ro-darkgrey {
  box-sizing: border-box;
  --os-size: 1.6rem;
  --os-padding-perpendicular: 0.75rem;
  --os-track-bg: rgb(var(--ro-color-lightgrey));
  --os-track-bg-hover: rgb(var(--ro-color-lightgrey));
  --os-track-bg-active: rgb(var(--ro-color-lightgrey));
  --os-handle-perpendicular-size: 0.2rem;
  --os-handle-perpendicular-size-hover: 0.2rem;
  --os-handle-perpendicular-size-active: 0.2rem;
  --os-handle-interactive-area-offset: 0.4rem;
  --os-handle-max-size: 5.8rem;
}

.os-theme-ro-black.os-scrollbar-vertical .os-scrollbar-handle,
.os-theme-ro-darkgrey.os-scrollbar-vertical .os-scrollbar-handle {
  right: -0.05rem;
}

.os-theme-ro-black.os-scrollbar-horizontal .os-scrollbar-handle,
.os-theme-ro-darkgrey.os-scrollbar-horizontal .os-scrollbar-handle {
  bottom: -0.05rem;
}

.os-theme-ro-black {
  --os-handle-bg: rgb(var(--ro-color-black));
  --os-handle-bg-hover: rgb(var(--ro-color-black));
  --os-handle-bg-active: rgb(var(--ro-color-black));
}

.os-theme-ro-darkgrey {
  --os-handle-bg: rgb(var(--ro-color-darkgrey));
  --os-handle-bg-hover: rgb(var(--ro-color-darkgrey));
  --os-handle-bg-active: rgb(var(--ro-color-darkgrey));
  --os-padding-axis: 1.6rem;
}