.ig-bar-row{grid-template-columns:minmax(0,9rem) minmax(0,1fr) 4.5rem;align-items:center;gap:.75rem;display:grid}.ig-time-row{grid-template-columns:minmax(0,1fr) 4.5rem;align-items:center;gap:.75rem;display:grid}.ig-bar-track{background:hsl(var(--muted));border-radius:4px;height:12px;display:block;overflow:hidden}.ig-bar{background:hsl(var(--primary));transform-origin:0;border-radius:0 4px 4px 0;height:100%;animation:.9s cubic-bezier(.22,1,.36,1) both ig-grow;display:block}.ig-bar-manual{background:hsl(var(--muted-foreground) / .55)}.ig-bar-row:hover .ig-bar,.ig-time-row:hover .ig-bar{filter:brightness(1.1)}.ig-key{border-radius:3px;width:12px;height:12px;display:inline-block}.ig-key-wd{background:hsl(var(--primary))}.ig-key-manual{background:hsl(var(--muted-foreground) / .55)}@keyframes ig-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ig-flow{gap:1.25rem;display:grid;position:relative}.ig-flow-step{align-items:flex-start;gap:.9rem;display:flex;position:relative}.ig-flow-node{z-index:1;border:2px solid hsl(var(--primary));background:hsl(var(--card));width:2.5rem;height:2.5rem;color:hsl(var(--primary-strong));font-family:var(--font-display);animation:7s ease-in-out infinite ig-pulse;animation-delay:calc(var(--i) * 1s);border-radius:999px;flex-shrink:0;place-items:center;font-size:.9rem;font-weight:800;display:grid;position:relative}.ig-flow-node-end{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.ig-flow-step:not(:last-child):after{content:"";background-image:linear-gradient(to bottom, hsl(var(--primary)) 50%, transparent 50%);opacity:.6;background-size:2px 10px;width:2px;animation:1s linear infinite ig-flow-y;position:absolute;top:2.5rem;bottom:-1.25rem;left:calc(1.25rem - 1px)}@media (min-width:768px){.ig-flow{grid-template-columns:repeat(7,minmax(0,1fr));gap:.75rem}.ig-flow-step{flex-direction:column}.ig-flow-step:not(:last-child):after{background-image:linear-gradient(to right, hsl(var(--primary)) 50%, transparent 50%);background-size:10px 2px;width:auto;height:2px;animation-name:ig-flow-x;inset:calc(1.25rem - 1px) -.75rem auto 2.5rem}}@keyframes ig-flow-y{to{background-position:0 10px}}@keyframes ig-flow-x{to{background-position:10px 0}}@keyframes ig-pulse{0%,10%,to{box-shadow:0 0 0 0 hsl(var(--primary) / 0)}5%{box-shadow:0 0 0 6px hsl(var(--primary) / .25)}}@media (prefers-reduced-motion:reduce){.ig-bar,.ig-flow-node,.ig-flow-step:after{animation:none!important}}@media (max-width:480px){.ig-bar-row{grid-template-columns:minmax(0,6.5rem) minmax(0,1fr) 3.75rem}}