:root{--gap-size: 36px}wa-page>div[slot=""].loading>#workflow-container,wa-page>div[slot=""].loading>#workflow-overlay{opacity:0}#workflow-container{display:grid;gap:var(--gap-size);padding:var(--wa-space-xs);width:max(50%,1200px);opacity:1}#workflow-container>div.row{display:grid;grid-template-columns:var(--columns);gap:var(--gap-size)}#workflow-container>.row>.step{border:2px dashed #ddd;border-radius:5px;background-image:linear-gradient(45deg, #ffffff 25%, #f7f7f7 25%, #f7f7f7 50%, #ffffff 50%, #ffffff 75%, #f7f7f7 75%, #f7f7f7 100%);background-size:40px 40px;color:#aaa;padding:var(--wa-space-xs) var(--wa-space-xs) var(--wa-space-xs) 0;grid-column:var(--column);display:flex;align-items:center;justify-content:center}#workflow-container>.row>.step .step-header wa-icon{display:none;font-size:1.5rem}#workflow-container>.row>.step .step-header .wf-step-text{font-size:.5rem;writing-mode:vertical-lr;transform:rotate(180deg)}#workflow-container>.row>.step .step-content .wf-step-name{text-align:center}#workflow-container>.row>.step .step-content div.wf-step-retry-count{display:none}#workflow-container>.row>.step .step-content .wf-step-timestamps{font-size:.5rem;opacity:.35;display:flex;flex-direction:column}#workflow-container>.row>.step .step-content .wf-step-timestamps>div{display:none;align-items:center;justify-content:right;flex:1}#workflow-container>.row>.step .step-content .wf-step-timestamps>div>wa-icon{margin-right:.3rem}#workflow-container>.row>.step.waiting,#workflow-container>.row>.step.timer,#workflow-container>.row>.step.callback,#workflow-container>.row>.step.retrying,#workflow-container>.row>.step.done,#workflow-container>.row>.step.cancelwf,#workflow-container>.row>.step.error{background-image:none;color:#000}#workflow-container>.row>.step.waiting .step-header wa-icon,#workflow-container>.row>.step.timer .step-header wa-icon,#workflow-container>.row>.step.callback .step-header wa-icon,#workflow-container>.row>.step.retrying .step-header wa-icon,#workflow-container>.row>.step.done .step-header wa-icon,#workflow-container>.row>.step.cancelwf .step-header wa-icon,#workflow-container>.row>.step.error .step-header wa-icon{display:flex}#workflow-container>.row>.step.waiting .step-content .wf-step-name,#workflow-container>.row>.step.timer .step-content .wf-step-name,#workflow-container>.row>.step.callback .step-content .wf-step-name,#workflow-container>.row>.step.retrying .step-content .wf-step-name,#workflow-container>.row>.step.done .step-content .wf-step-name,#workflow-container>.row>.step.cancelwf .step-content .wf-step-name,#workflow-container>.row>.step.error .step-content .wf-step-name{text-align:initial}#workflow-container>.row>.step.waiting .wf-step-timestamps>.wf-step-timestamp-start,#workflow-container>.row>.step.timer .wf-step-timestamps>.wf-step-timestamp-start,#workflow-container>.row>.step.callback .wf-step-timestamps>.wf-step-timestamp-start,#workflow-container>.row>.step.retrying .wf-step-timestamps>.wf-step-timestamp-start,#workflow-container>.row>.step.done .wf-step-timestamps>.wf-step-timestamp-start,#workflow-container>.row>.step.cancelwf .wf-step-timestamps>.wf-step-timestamp-start,#workflow-container>.row>.step.error .wf-step-timestamps>.wf-step-timestamp-start{display:flex}#workflow-container>.row>.step.waiting{background-color:var(--wa-color-warning-fill-quiet);border:2px solid var(--wa-color-warning-border-quiet)}#workflow-container>.row>.step.retrying,#workflow-container>.row>.step.timer{background-color:var(--wa-color-warning-fill-quiet);border:2px solid var(--wa-color-warning-border-quiet)}#workflow-container>.row>.step.retrying .wf-step-timestamps>.wf-step-timestamp-next-run,#workflow-container>.row>.step.timer .wf-step-timestamps>.wf-step-timestamp-next-run{display:flex}#workflow-container>.row>.step.callback{background-color:var(--wa-color-warning-fill-quiet);border:2px solid var(--wa-color-warning-border-quiet)}#workflow-container>.row>.step.done{background-image:none;background-color:var(--wa-color-success-fill-quiet);border:2px solid var(--wa-color-success-border-quiet)}#workflow-container>.row>.step.cancelwf,#workflow-container>.row>.step.error{background-color:var(--wa-color-danger-fill-quiet);border:2px solid var(--wa-color-danger-border-quiet)}#workflow-container>.row>.step.wf-ended{background-size:40px 40px;background-image:linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 50%, #ffffff 50%, #ffffff 75%, transparent 75%, transparent 100%);color:#aaa}#workflow-container>.row>.step.wf-ended .wf-step-timestamps{display:none}#workflow-container>.row>.step.undefined{background-image:none;color:#000;background-color:var(--wa-color-danger-fill-quiet);border:2px solid var(--wa-color-danger-border-quiet)}#workflow-container>.row>.step.cancelwf .wf-step-timestamps>.wf-step-timestamp-finish,#workflow-container>.row>.step.done .wf-step-timestamps>.wf-step-timestamp-finish,#workflow-container>.row>.step.error .wf-step-timestamps>.wf-step-timestamp-finish{display:flex}#workflow-container>.row>.pushright{transform:translate(calc(50% + var(--gap-size) / 2))}#workflow-container>.row>.pushleft{transform:translate(calc(-50% - var(--gap-size) / 2))}#workflow-overlay{position:absolute;z-index:3;pointer-events:none;opacity:1}#workflow-overlay line{stroke:#000;stroke-width:3px;z-index:2}#workflow-overlay line.inactive{stroke:url(#inactivegradient);marker-end:none;z-index:1}#workflow-overlay path{stroke:#000;stroke-width:3px;fill:rgba(0,0,0,0);z-index:2}#workflow-overlay path.inactive{stroke:url(#inactivegradient);marker-end:none;z-index:1}#workflow-overlay #box rect{fill:lime}#workflow-overlay #dot circle{fill:#f0f}#workflow-overlay #triangle path{fill:#000;stroke-width:1px}html,body{min-height:100vh;padding:0;margin:0}body.loading{min-height:100vh;display:grid}body.loading>wa-page{display:none}body.loading>wa-spinner{font-size:3rem;justify-self:center;align-self:center;z-index:1000}body:not(.loading)>wa-spinner{display:none}wa-page>div[slot=header]{background-color:#ccc;padding:var(--wa-space-xs)}wa-page>div[slot=subheader]{background-color:#ddd;padding:var(--wa-space-xs)}wa-page>div[slot=navigation]{padding:var(--wa-space-2xs);padding-bottom:2rem;border-right:1px solid var(--wa-color-fill-normal);min-width:10vw;max-width:20vw}wa-page>div[slot=navigation].loading{display:grid;border-right:0}wa-page>div[slot=navigation].loading>#navigation-controls{display:none}wa-page>div[slot=navigation].loading>#workflows-container{display:none}wa-page>div[slot=navigation]:not(.loading) wa-spinner{display:none}wa-page>div[slot=navigation]>wa-spinner{font-size:3rem;justify-self:center;align-self:center;z-index:1000}wa-page>div[slot=navigation]>#navigation-controls{display:flex;gap:var(--wa-space-xs)}wa-page>div[slot=navigation]>#navigation-controls>wa-input::part(input){text-align:center}wa-page>div[slot=navigation]>#workflows-container{padding-bottom:.25rem}wa-page>div[slot=""]{display:flex;justify-content:center;margin-bottom:.5rem}wa-page>div[slot=aside]{row-gap:8px;background-color:#eee}wa-page>div[slot=aside]>h4{margin-bottom:.2rem;text-align:center}wa-page>div[slot=aside] .wf-info-item{display:flex;font-size:var(--wa-font-size-s)}wa-page>div[slot=aside] .wf-info-item>div[wf-info]{flex:1;text-align:right}wa-page>div[slot=main-footer]{display:none;padding:var(--wa-space-s);flex-direction:column}wa-page>div[slot=main-footer]>h4{margin-bottom:.2rem;width:100%;text-align:center}wa-page>div[slot=main-footer] #workflow-data-container{display:grid;width:100%;grid-template-columns:auto 1fr;gap:var(--wa-space-xs);align-items:center}wa-page>div[slot=main-footer] #workflow-data-container>wa-input{grid-column:1/-1;grid-row-end:span 2;display:grid;grid-template-columns:subgrid;gap:0 var(--wa-space-l);align-items:center}wa-page>div[slot=main-footer] #workflow-data-container>wa-input::part(label){margin-block-end:0}wa-page>div[slot=main-footer] #workflow-data-container>wa-input>wa-icon{color:var(--wa-color-blue-70)}wa-page>div[slot=main-footer]:has(div wa-input){display:flex}wa-page div.workflow{cursor:pointer;background-color:var(--wa-color-fill-quiet);border:1px solid var(--wa-color-border-quiet);border-radius:var(--wa-border-radius-s);color:var(--wa-color-on-quiet);padding:var(--wa-space-xs) var(--wa-space-xs) var(--wa-space-xs) 0}wa-page div.workflow:hover{border:1px solid var(--wa-color-border-normal)}wa-page div.workflow.faded{opacity:.5}wa-page div.workflow.selected{border-inline:3px solid var(--wa-color-fill-loud)}wa-page div.workflow wa-icon{font-size:2rem}wa-page div.workflow>div{font-size:.75rem;white-space:nowrap}wa-page div.workflow .wf-type{font-weight:bold}wa-page div.workflow .wf-icon-text{font-size:.5rem;writing-mode:vertical-lr;transform:rotate(180deg)}wa-page div.workflow .wf-message{overflow-y:hidden;text-overflow:ellipsis}wa-page div.workflow .wf-message:empty{display:none}wa-page div.workflow .wf-timestamp{display:flex;align-items:center;justify-content:right}wa-page div.workflow .wf-timestamp>wa-icon{font-size:.75rem;display:none;margin-right:.3rem}wa-page div.workflow .wf-timestamp[wf-ts-type=created]>wa-icon[wf-ts-type=created]{display:inline-flex}wa-page div.workflow .wf-timestamp[wf-ts-type=lastrun]>wa-icon[wf-ts-type=lastrun]{display:inline-flex}wa-page div.workflow .wf-timestamp[wf-ts-type=nextrun]>wa-icon[wf-ts-type=nextrun]{display:inline-flex}wa-page div.workflow .wf-timestamp[wf-ts-type=ended]>wa-icon[wf-ts-type=ended]{display:inline-flex}.hidden{display:none !important}