/* ==========================================================================
   Profile Page Heatmap Scrollbar Styles
   ========================================================================== */
.pf-heatmap-body,
.dm-heatmap-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-color: var(--dm-text-secondary) var(--dm-surface); /* Firefox */
}

.pf-heatmap-body::-webkit-scrollbar,
.dm-heatmap-wrap::-webkit-scrollbar {
  height: 8px;
  background: var(--dm-surface);
}

.pf-heatmap-body::-webkit-scrollbar-thumb,
.dm-heatmap-wrap::-webkit-scrollbar-thumb {
  background: var(--dm-text-secondary);
  border-radius: 4px;
}

.pf-heatmap-body::-webkit-scrollbar-thumb:hover,
.dm-heatmap-wrap::-webkit-scrollbar-thumb:hover {
  background: var(--dm-text-primary);
}