@charset "utf-8";

/* 전체 스크롤바 너비 및 높이 설정 */
::-webkit-scrollbar {
  width: 10px;  /* 세로 스크롤바 너비 */
  height: 10px; /* 가로 스크롤바 높이 */
}

/* 스크롤바 트랙 (바탕) */
::-webkit-scrollbar-track {
  background: #020616; 
  border-radius: 10px;
}

/* 스크롤바 핸들 (움직이는 부분) */
::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 10px;
  border: 2px solid #020616; /* 트랙과 분리되어 보이는 효과 */
}

/* 마우스 오버 시 핸들 색상 변경 */
::-webkit-scrollbar-thumb:hover {
  background: #334155;
}

/* Firefox 전용 설정 */
* {
  scrollbar-width: thin;
  scrollbar-color: #1e293b #020616;
}