/* Panoraapp: a product overview, with work delegated then reviewed. */
.project-panora .panora-visual {
  container: panora-card / inline-size;
  background: radial-gradient(ellipse at 52% 55%, #44415b33, transparent 73%), linear-gradient(145deg, #181824, #111922);
}
.panora-overview { display: block; width: 100%; height: auto; max-height: 100%; flex: none; }
.panora-overview .panora-flow {
  stroke-dasharray: 7 93;
  stroke-dashoffset: 100;
  opacity: 0;
  animation: panora-delegation 12s linear infinite;
}
.panora-overview .panora-flow-review { animation-delay: -6s; }
.lab-card:not(.in-view) .panora-overview *,
.is-background .panora-overview *,
body:has(#case-dialog[open]) .panora-overview * { animation-play-state: paused; }
@keyframes panora-delegation {
  0% { opacity: 0; stroke-dashoffset: 100; }
  4% { opacity: 1; stroke-dashoffset: 100; }
  35% { opacity: 1; stroke-dashoffset: 0; }
  38%, 100% { opacity: 0; stroke-dashoffset: 0; }
}
@container panora-card (max-width: 350px) {
  .panora-overview text { font-size: 26px; }
  .panora-overview [data-i18n="home.panora.visual.review"] { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .panora-overview .panora-flow { display: none; animation: none !important; }
}