/*------------------Thin scrollbar style---------------*/
::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 6px var(--box-shadow); */
  background-color: #f5f5f5;
  border-radius: 10px !important;
}

::-webkit-scrollbar {
  height: 4px;
  width: 4px;
  background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background-color: #bdbdbd;
  background-image: #f5f5f5;
}

.scrollbar-width::-webkit-scrollbar {
  width: 8px;
}

.scrollbar-height::-webkit-scrollbar {
  height: 8px;
}

/* (values chosen for visual consistency with Firefox) */
@-moz-document url-prefix() {
  * {
    scrollbar-color: #f5f5f5;
    scrollbar-width: thin;
  }

  *::-webkit-scrollbar {
    width: 7.5px;
  }

  *::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 10px !important;
    /* box-shadow: inset 0 0 6px var(--box-shadow); */
  }

  *::-webkit-scrollbar-thumb {
    background: #bababa;
    border-radius: 10px !important;
    border-right: 1px solid #ffffff;
  }
}