/* Sune scroll rails: native dragging, wheel, touch and keyboard behavior. */
@media (forced-colors: none) {
  :root {
    --scroll-track: var(--bg);
    --scroll-thumb: var(--action);
    --scroll-thumb-hover: var(--ink);
    scrollbar-gutter: stable;
  }

  * {
    scrollbar-color: var(--scroll-thumb) var(--scroll-track);
    scrollbar-width: auto;
  }

  /* Keep the shaped rail where supported; standard colors cover other engines.
     Non-auto scrollbar-color would override these pseudo-elements in Chromium. */
  @supports selector(::-webkit-scrollbar) {
    * { scrollbar-color: auto; }

    ::-webkit-scrollbar {
      width: 14px;
      height: 14px;
      background: var(--scroll-track);
    }

    ::-webkit-scrollbar-track {
      background: var(--scroll-track);
    }

    ::-webkit-scrollbar-thumb {
      min-height: 48px;
      min-width: 48px;
      border: 3px solid var(--scroll-track);
      border-radius: 999px;
      background: var(--scroll-thumb);
      background-clip: padding-box;
    }

    ::-webkit-scrollbar-thumb:hover {
      background-color: var(--scroll-thumb-hover);
    }

    ::-webkit-scrollbar-thumb:active {
      background-color: var(--scroll-thumb-hover);
    }

    ::-webkit-scrollbar-button {
      display: none;
      width: 0;
      height: 0;
    }

    ::-webkit-scrollbar-corner {
      background: var(--scroll-track);
    }
  }
}