body[data-chapter-canvas-refresh] main.has-work-facts > .annual-progress {
  align-items:center;
}
.wip-annual-stats.wip-work-facts {
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  align-items:center;
  column-gap:8px;
  overflow:visible;
  opacity:1;
}
.wip-facts-signature {font-weight:600;white-space:nowrap;}
.wip-facts-humans {font-weight:400;white-space:nowrap;}
.wip-facts-viewport {
  min-width:0;
  overflow:hidden;
  line-height:1.5;
  margin-inline-start:6px;
  user-select:none;
  touch-action:pan-y;
}
.has-overflow > .wip-facts-viewport {cursor:grab;}
.is-dragging > .wip-facts-viewport {cursor:grabbing;}
.wip-facts-strip {display:flex;width:max-content;}
.wip-work-facts .wip-facts-strip > ul {
  flex:none;
  flex-wrap:nowrap;
  width:max-content;
  gap:0;
}
.wip-work-facts .wip-facts-strip li {
  gap:.5em;
  padding-inline:14px;
  border-inline-start:1px solid color-mix(in srgb,currentColor 36%,transparent);
}
.wip-work-facts .wip-facts-strip li + li::before {content:none;}
.wip-work-facts .wip-facts-strip li strong {font-weight:600;}
.wip-facts-strip li > span {opacity:.55;}
@media(max-width:650px) {
  body[data-chapter-canvas-refresh] main.has-annual-stats.has-work-facts > .annual-progress {
    grid-template-rows:auto auto 12px;
  }
  body[data-chapter-canvas-refresh] main.has-work-facts > .annual-progress > .annual-track.annual-days {
    grid-row:3;
  }
  .wip-annual-stats.wip-work-facts {
    display:contents;
  }
  .wip-facts-signature {
    grid-column:2;
    grid-row:1;
    max-width:100%;
    justify-self:center;
    text-align:center;
    white-space:normal;
  }
  .wip-facts-viewport {
    grid-column:1 / -1;
    grid-row:2;
    margin:0;
    align-self:center;
  }
}