/**
 * Scrollbar sutil, apenas nas áreas realmente roláveis dos índices.
 * O Chrome respeita scrollbar-width:thin antes do ::-webkit-scrollbar;
 * por isso, não usar scrollbar-width:thin nele: manter 3px reais.
 * No Firefox, que não aceita o pseudo WebKit, usar o menor tamanho nativo.
 */
@media (min-width: 768px) {
  .pty-pa-toc,
  .pty-pd-toc nav,
  .pty-sp-toc nav,
  body.single .pty-rich-single-toc nav {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
  .pty-pa-toc::-webkit-scrollbar,
  .pty-pd-toc nav::-webkit-scrollbar,
  .pty-sp-toc nav::-webkit-scrollbar,
  body.single .pty-rich-single-toc nav::-webkit-scrollbar {
    width: 3px;
    height: 3px;
  }
  .pty-pa-toc::-webkit-scrollbar-track,
  .pty-pd-toc nav::-webkit-scrollbar-track,
  .pty-sp-toc nav::-webkit-scrollbar-track,
  body.single .pty-rich-single-toc nav::-webkit-scrollbar-track {
    background: transparent;
  }
  .pty-pa-toc::-webkit-scrollbar-thumb,
  .pty-pd-toc nav::-webkit-scrollbar-thumb,
  .pty-sp-toc nav::-webkit-scrollbar-thumb,
  body.single .pty-rich-single-toc nav::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, currentColor 12%, transparent);
    border-radius: 99px;
  }
  .pty-pa-toc:hover::-webkit-scrollbar-thumb,
  .pty-pd-toc nav:hover::-webkit-scrollbar-thumb,
  .pty-sp-toc nav:hover::-webkit-scrollbar-thumb,
  body.single .pty-rich-single-toc nav:hover::-webkit-scrollbar-thumb,
  .pty-pa-toc:focus-within::-webkit-scrollbar-thumb,
  .pty-pd-toc nav:focus-within::-webkit-scrollbar-thumb,
  .pty-sp-toc nav:focus-within::-webkit-scrollbar-thumb,
  body.single .pty-rich-single-toc nav:focus-within::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, currentColor 27%, transparent);
  }
}
@supports (-moz-appearance: none) {
  @media (min-width: 768px) {
    .pty-pa-toc,
    .pty-pd-toc nav,
    .pty-sp-toc nav,
    body.single .pty-rich-single-toc nav {
      scrollbar-width: thin;
      scrollbar-color: color-mix(in srgb, currentColor 12%, transparent) transparent;
    }
    .pty-pa-toc:hover,
    .pty-pd-toc nav:hover,
    .pty-sp-toc nav:hover,
    body.single .pty-rich-single-toc nav:hover,
    .pty-pa-toc:focus-within,
    .pty-pd-toc nav:focus-within,
    .pty-sp-toc nav:focus-within,
    body.single .pty-rich-single-toc nav:focus-within {
      scrollbar-color: color-mix(in srgb, currentColor 27%, transparent) transparent;
    }
  }
}