/* The library's scrollbar palette follows its actual page/code palette.
   Do not inherit tech-theme.css's global, permanently dark scrollbar track. */
body[data-ui-page="spl-library"] {
  --spl-scroll-track: #101824;
  --spl-scroll-thumb: #71849c;
  --spl-scroll-hover: #a0b4ce;
}

html[data-ui-theme="light"] body[data-ui-page="spl-library"] {
  --spl-scroll-track: #edf1f5;
  --spl-scroll-thumb: #77879a;
  --spl-scroll-hover: #51657e;
}

body[data-ui-page="spl-library"] :is(#libCodeWrap, #libFuncSidebar, #libFuncList, .ui-lib-guide pre) {
  scrollbar-color: var(--spl-scroll-thumb) var(--spl-scroll-track);
  scrollbar-width: auto;
  overscroll-behavior: contain;
}

body[data-ui-page="spl-library"] :is(#libCodeWrap, #libFuncList) {
  min-height: 0;
  scrollbar-gutter: stable;
}

body[data-ui-page="spl-library"] :is(#libCodeWrap, #libFuncSidebar, #libFuncList, .ui-lib-guide pre)::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

body[data-ui-page="spl-library"] :is(#libCodeWrap, #libFuncSidebar, #libFuncList, .ui-lib-guide pre)::-webkit-scrollbar-track,
body[data-ui-page="spl-library"] :is(#libCodeWrap, #libFuncSidebar, #libFuncList, .ui-lib-guide pre)::-webkit-scrollbar-corner {
  background: var(--spl-scroll-track) !important;
}

body[data-ui-page="spl-library"] :is(#libCodeWrap, #libFuncSidebar, #libFuncList, .ui-lib-guide pre)::-webkit-scrollbar-thumb {
  background: var(--spl-scroll-thumb) !important;
  border: 2px solid var(--spl-scroll-track) !important;
  border-radius: 8px !important;
}

body[data-ui-page="spl-library"] :is(#libCodeWrap, #libFuncSidebar, #libFuncList, .ui-lib-guide pre)::-webkit-scrollbar-thumb:hover {
  background: var(--spl-scroll-hover) !important;
}

@media (forced-colors: active) {
  body[data-ui-page="spl-library"] {
    --spl-scroll-track: Canvas;
    --spl-scroll-thumb: ButtonText;
    --spl-scroll-hover: Highlight;
  }

  html[data-ui-theme="light"] body[data-ui-page="spl-library"] {
    --spl-scroll-track: Canvas;
    --spl-scroll-thumb: ButtonText;
    --spl-scroll-hover: Highlight;
  }
}