/* Slim floating scrollbars — theme-aware */

:root {
  --scrollbar-size: 8px;
  --scrollbar-thumb: color-mix(in srgb, var(--editor-muted) 38%, transparent);
  --scrollbar-thumb-hover: color-mix(in srgb, var(--editor-muted) 58%, transparent);
  --scrollbar-track: transparent;
}

html {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

.mor-scroll,
.panel-body,
.feed-stage,
.item-list,
.feed-list {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

.mor-scroll::-webkit-scrollbar,
.panel-body::-webkit-scrollbar,
.feed-stage::-webkit-scrollbar,
.item-list::-webkit-scrollbar,
.feed-list::-webkit-scrollbar {
  width: var(--scrollbar-size);
  height: var(--scrollbar-size);
}

.mor-scroll::-webkit-scrollbar-track,
.panel-body::-webkit-scrollbar-track,
.feed-stage::-webkit-scrollbar-track,
.item-list::-webkit-scrollbar-track,
.feed-list::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
}

.mor-scroll::-webkit-scrollbar-thumb,
.panel-body::-webkit-scrollbar-thumb,
.feed-stage::-webkit-scrollbar-thumb,
.item-list::-webkit-scrollbar-thumb,
.feed-list::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 99px;
  border: 2px solid transparent;
  background-clip: content-box;
}

.mor-scroll::-webkit-scrollbar-thumb:hover,
.panel-body::-webkit-scrollbar-thumb:hover,
.feed-stage::-webkit-scrollbar-thumb:hover,
.item-list::-webkit-scrollbar-thumb:hover,
.feed-list::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
  background-clip: content-box;
}