/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #D8DAE9 transparent;
  /* $grey-400 transparent; 스크롤바 색상 및 트랙 배경색 */
}

/* WebKit 기반 브라우저 (Chrome, Safari 등) */
::-webkit-scrollbar {
  width: 6px;  /* 세로 스크롤바의 너비 */
  height: 6px; /* 가로 스크롤바의 높이 */
}

::-webkit-scrollbar-track {
  background: transparent; /* 트랙의 배경색 */
}

::-webkit-scrollbar-corner {
  background: transparent; /* 코너를 투명하게 설정 */
}

::-webkit-scrollbar-button {
    display : none;height: 0;
}
::-webkit-scrollbar-thumb {
  background: #D8DAE9; 
  /* $grey-400; 스크롤바의 색상 */
  border-radius: 10px; /* 둥근 모서리 */
}

::-webkit-scrollbar-thumb:hover {
  background: #8A8DA8;
  /* $grey-600; 스크롤바에 마우스를 올렸을 때 */
}

::-webkit-scrollbar-thumb:active {
  background: #414458;
  /* $grey-700; 스크롤바를 클릭했을 때 */
}