.flow-run-graphs{--flow-run-graphs-panel-width: 320px;position:relative}.flow-run-graphs--fullscreen{position:static}.flow-run-graphs__timeline{overflow:hidden;border-radius:var(--p-radius-default)}.flow-run-graphs__panel-container{position:absolute;top:0px;right:0px;bottom:0px;z-index:20;width:0px;max-width:100%;overflow:hidden;opacity:0}.flow-run-graphs__panel-container--panel-open{width:var(--flow-run-graphs-panel-width);transition:none;opacity:1}.flow-run-graphs__panel-content{width:var(--flow-run-graphs-panel-width);position:absolute;height:100%;max-width:100%;--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.flow-run-graphs__panel-container--panel-open .flow-run-graphs__panel-content{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flow-run-graphs--fullscreen .flow-run-graphs__panel-container{top:1rem;right:1rem;bottom:auto;height:auto}.flow-run-graphs--fullscreen .flow-run-graphs__panel-content{position:static;height:auto}@media (min-width: 640px){.flow-run-graphs__graphs--panel-open{width:calc(100% - var(--flow-run-graphs-panel-width));padding-right:.5rem}.flow-run-graphs--fullscreen .flow-run-graphs__graphs--panel-open{z-index:40;width:100%}}.flow-run{align-items:flex-start}.flow-run__logs{max-height:100vh}.flow-run__header-meta{display:flex;align-items:center;gap:.5rem}@media (min-width: 1280px){.flow-run__header-meta{display:none}}.flow-run__parameters{padding:.75rem 1rem}
