/* Only what Bootstrap utilities can't express. Colours live in theme.css. */

/* Square tile holding a tracker or stat icon. */
.icon-tile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1.125rem;
}

/* Week grid heatmap square, and its smaller legend swatch. */
.week-cell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.625rem;
  height: 1.625rem;
}

.week-cell-sm {
  width: 1rem;
  height: 1rem;
}

/* Today page progress: one thin segment per tracker. */
.progress-segment {
  height: .5rem;
}