html {
  scroll-behavior: smooth;

  ::-webkit-scrollbar {
    height: 0.25rem;
    width: 0.5rem;
  }

  ::-webkit-scrollbar-track {
    background: transparent;
  }

  ::-webkit-scrollbar-thumb {
    background-color: color-mix(in srgb, var(--theme-color), transparent 75%);
    border-radius: 50px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: color-mix(in srgb, var(--theme-color), transparent 50%);
  }
}