/* Shared by the page, photo picker and collection settings. */
:root { --scrollbar-thumb: #77796b80; --scrollbar-hover: #c9a879a6; }
:root:has(body[data-theme="light"]) { --scrollbar-thumb: #88847570; --scrollbar-hover: #94713eb3; }
* { scrollbar-width: thin; scrollbar-color: var(--scrollbar-thumb) transparent; }
@supports selector(::-webkit-scrollbar) {
  * { scrollbar-width: auto; scrollbar-color: auto; }
  ::-webkit-scrollbar { width: 8px; height: 8px; }
  ::-webkit-scrollbar-track { background: transparent; }
  ::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border: 2px solid transparent; background-clip: padding-box; border-radius: 999px; min-height: 32px; }
  ::-webkit-scrollbar-thumb:hover { background-color: var(--scrollbar-hover); }
  ::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
  ::-webkit-scrollbar-corner { background: transparent; }
}