/* 
 * scrollBar.css
 * スクロールバーコンポーネントのスタイル
 */

/* ========== scrollbar ========== */
.scrollbar {
  position: fixed;
  right: 18px;
  top: 90%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  z-index: 50;
}

.scrollbar-track {
  width: 2px;
  height: 114px;
  background: #841b2a;
  position: relative;
}

.scrollbar-thumb {
  position: absolute;
  left: 0;
  width: 100%;
  height: 30px;
  top: 0;
  background: #fff;
}