/*=========================================================
-----     ** 19. demon scrollbar + selection  **      -----
=========================================================*/

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background: linear-gradient(40deg, #45cafc, #303f9f);
  background-image: -webkit-linear-gradient(330deg, #45cafc 0%, #303f9f 100%);
  background-image: linear-gradient(120deg, #45cafc 0%, #303f9f 100%);
  &:hover {
    background: linear-gradient(230deg, #a24bcf, #4b79cf, #4bc5cf);
    background-image: -webkit-linear-gradient(330deg, #4bc5cf 0%, #4b79cf 100%);
    background-image: linear-gradient(230deg, #4bc5cf 0%, #4b79cf 100%);
  }
}

::-moz-selection, ::selection {
  background-color: #f06565;
  color: #fff;
}