/* Firefox */
@supports (scrollbar-color: auto) {
  * {
  scrollbar-width: thin;
  scrollbar-color: var(--theme-second-color) var(--theme-main-color);
  }
}

/* Chrome, Edge, and Safari */
@supports selector(::-webkit-scrollbar) {
  *::-webkit-scrollbar {
    width: 0.4vw;
    background-color: var(--theme-main-color);
  }
 
  *::-webkit-scrollbar-thumb{
    border-radius: 2px;
    background-color: var(--theme-second-color);
  }

  *::-webkit-scrollbar-track{
    background-color: var(--theme-main-color);
  }

  *::-webkit-scrollbar-button:single-button{
    background-color: var(--theme-main-color);
  }
  
  *::-webkit-scrollbar-button:horizontal{
  }
  
  *::-webkit-scrollbar-button:vertical{
  }
  
  *::-webkit-scrollbar-button:decrement{
  }
  
  *::-webkit-scrollbar-button:increment{
  }
  
  *::-webkit-scrollbar-track-piece{
  }

  *::-webkit-scrollbar-corner{
  }

  *::-webkit-resizer{
  }
}