/* Shared visible scrollbars; component-specific hidden bars remain hidden. */
:root {
  --scrollbar-thumb: #444449;
  --scrollbar-thumb-hover: #57575e;
}
* {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) transparent;
}
*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background: transparent;
}
*::-webkit-scrollbar-track,
*::-webkit-scrollbar-track-piece {
  background: transparent;
  border: 0;
  box-shadow: none;
}
*::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border: 0;
  border-radius: 999px;
}
*::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}
*::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}
*::-webkit-scrollbar-corner {
  background: transparent;
}