/* ==========================================================================
   [data-drag-scroller] — 가로로 넘치는 요소에 마우스 드래그 스크롤 + 관성을 붙이는 컴포넌트.
   사용법: overflow 시킬 요소에 속성만 추가한다.
     <div class="tab-row" data-drag-scroller>...</div>
   동작은 drag-scroll.js 가 담당하고, 여기서는 스크롤 가능 상태 + 커서 표시만 정의한다.
   .tab-row 같은 기존 컴포넌트와 선택자가 겹치지 않도록 클래스 대신 데이터 속성을 쓴다.
   ========================================================================== */
[data-drag-scroller] {
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  user-select: none;
  cursor: grab;
}
[data-drag-scroller]::-webkit-scrollbar {
  display: none;
}
[data-drag-scroller][data-is-dragging] {
  cursor: grabbing;
}