.rewind-report-page.-activity-calendar {
  .rewind-calendar {
    border-collapse: unset;
    border-spacing: 3px;
    tr {
      border: none;
    }
  }

  .activity-header-cell {
    font-size: 10px;
    font-weight: normal;
    text-align: left;
  }

  .rewind-calendar-cell {
    height: 10px;
    width: 10px;
    border-radius: 2px;
    border: 1px solid rgba(var(--primary-rgb), 0.2);
    &.-empty {
      background: var(--primary-low);
    }
    &.-low {
      background: var(--tertiary-low);
    }
    &.-medium {
      background: var(--tertiary-medium);
    }
    &.-high {
      background: var(--tertiary-hig);
    }
  }
}
