/* Desktop page scrollbar: solid black track with a clearly visible neutral thumb. */
@media (min-width: 769px) {
  html {
    overflow-y: scroll;
    scrollbar-gutter: stable;
  }

  html,
  body {
    scrollbar-color: #5a5d60 #000;
    scrollbar-width: thin;
  }

  html::-webkit-scrollbar,
  body::-webkit-scrollbar {
    display: block !important;
    width: 10px;
    height: 10px;
  }

  html::-webkit-scrollbar-track,
  body::-webkit-scrollbar-track {
    background: #000;
  }

  html::-webkit-scrollbar-thumb,
  body::-webkit-scrollbar-thumb {
    min-height: 48px;
    border: 2px solid #000;
    border-radius: 999px;
    background: #5a5d60;
  }

  html::-webkit-scrollbar-thumb:hover,
  body::-webkit-scrollbar-thumb:hover {
    background: #777b7f;
  }

  html::-webkit-scrollbar-thumb:active,
  body::-webkit-scrollbar-thumb:active {
    background: #8b8f93;
  }

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

  html::-webkit-scrollbar-corner,
  body::-webkit-scrollbar-corner {
    background: #000;
  }
}