/* Modern Minimal Scrollbar */

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  }
  
  /* WebKit browsers (Chrome, Safari, Edge) */
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  
  ::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
    border-radius: 100px;
  }
  
  ::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 100px;
    border: 2px solid var(--scrollbar-track);
    min-height: 40px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover);
  }
  
  ::-webkit-scrollbar-corner {
    background: transparent;
  }
  
  /* CSS Variables for easy customization */
  :root {
    --scrollbar-track: rgb(109, 109, 109);
    --scrollbar-thumb: rgb(168, 168, 168);
    --scrollbar-thumb-hover: rgba(0, 0, 0, 0.25);
  }