/* Shared scrollbar of the app, the same rules as the chat's public/chat/scroll.css: 5px, translucent,
   visible only while the pointer is over the scrolling area. Linked from both layouts, because the
   «Управлять аккаунтом» window shows the account page or the sign-in page depending on the session, and
   they must not scroll differently. --text-3 comes from accounts-theme.css where it is defined and falls
   back to its value elsewhere, so this file stands on its own. Chrome ignores these pseudo-elements on
   elements that set scrollbar-width or scrollbar-color. */
:root {
    --scrollbar-size: 5px;
    --scrollbar-thumb: color-mix(in srgb, var(--text-3, #999999) 28%, transparent);
    --scrollbar-thumb-hover: color-mix(in srgb, var(--text-3, #999999) 45%, transparent);
}
::-webkit-scrollbar { width: var(--scrollbar-size); height: var(--scrollbar-size); }
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner { background: transparent; }
::-webkit-scrollbar-thumb { background: transparent; border-radius: var(--scrollbar-size); }
:hover::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); }
/* Над самой полосой браузер снимает :hover с области, поэтому полоса под курсором задаётся отдельно. */
::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-thumb-hover); }
::-webkit-scrollbar-thumb:active { background: var(--scrollbar-thumb-hover); }
@supports not selector(::-webkit-scrollbar) {
    * { scrollbar-width: thin; scrollbar-color: transparent transparent; }
    :hover { scrollbar-color: var(--scrollbar-thumb) transparent; }
}