/* Scoped to the amount in the tasks summary; reels keep the original inline size. */
.tasks-screen .tasks-summary-value.task-summary-motion-pending { visibility: hidden; }
.tasks-screen .task-summary-motion-visual { white-space: inherit; }
.tasks-screen .task-summary-motion-prefix {
  display: inline-block;
  width: 0;
  overflow: hidden;
  opacity: 0;
  vertical-align: bottom;
  white-space: nowrap;
}
.tasks-screen .task-summary-motion-digit {
  position: relative;
  display: inline-block;
  height: 1em;
  overflow: hidden;
  vertical-align: bottom;
}
.tasks-screen .task-summary-motion-digit::before {
  content: attr(data-final-digit);
  visibility: hidden;
}
.tasks-screen .task-summary-motion-track {
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  display: flex;
  flex-direction: column;
  line-height: 1em;
}
.tasks-screen .task-summary-motion-track > span { display: block; height: 1em; text-align: center; white-space: nowrap; }
.tasks-screen .roman-banner--tasks.roman-entering .tasks-summary-amount { animation: none; }