/* Animated List motion adapted from React Bits / David Haz.
   See assets/vendor/REACT-BITS-LICENSE.md and README.md. */
.dash-work-list {list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.dash-work-list li {display:flex;align-items:center;gap:10px;min-height:48px;padding:10px;border:1px solid var(--dash-line);border-radius:8px;background:var(--dash-bg);transform-origin:center;}
.dash-work-list p {min-width:0;line-height:1.4;}
.dash-work-list.is-animated li {opacity:var(--work-reveal,1);transform:translateY(calc((1 - var(--work-reveal,1))*10px)) scale(calc(.7 + var(--work-reveal,1)*.3));}
.dash-activity .dash-panel-heading>span {font-size:8px;white-space:nowrap;}
@media(max-width:700px) {
  .dash-middle {display:grid;grid-template-columns:minmax(0,1fr);gap:12px;flex-shrink:0;}
  .dash-activity {display:block;padding:12px 14px;}
  .dash-work-list {gap:5px;}
  .dash-work-list li {min-height:40px;padding:7px 9px;}
  .dash-work-list p {gap:2px;}
  .dash-work-list b {font-size:9px;}
  .dash-work-list p span {font-size:8px;}
  .dash-chart-plot {height:64px;}
  .dash-clients {display:none;}
  .dash-kicker {display:none;}
}
@media(max-width:700px) and (max-height:740px) {
  .dash-chart {display:none;}
}
@media(prefers-reduced-motion:reduce) {
  .dash-work-list.is-animated li {opacity:1;transform:none;}
}