.workflows-container{position:relative;height:100%;width:100%;margin:0;padding:0;box-sizing:border-box;display:flex;flex-direction:column;row-gap:32px;font-family:Roboto Mono,monospace;line-height:32px}@media screen and (max-width:768px){.workflows-container{width:100%;align-items:center;justify-content:center;padding-left:0!important}}.workflows-container .contents,.workflows-container .header{display:flex;flex-direction:column;justify-content:flex-start;text-align:left;align-items:baseline}.workflows-container .header .title{font-size:2.7em;transform:translate(-.07em,-.015em)}.workflows-container .header .subtitle{opacity:.5;font-size:1.2em;transform:translate(-.07em,.16em)}.workflows-container .copyright{font-size:.8em;opacity:.5;transform:translate(-.07em,.16em)}.workflows-container{justify-content:flex-start;min-height:100vh;padding:64px 128px}@media screen and (max-width:768px){.workflows-container{padding:16px}}.workflows-container .contents{flex:1 1;align-self:stretch;row-gap:32px}.workflows-container .run-bar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;width:100%}.workflows-container .run-bar input[type=text]{flex:1 1;min-width:240px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#fff;font-family:Roboto Mono,monospace;font-size:.9em;padding:12px 16px;outline:none}.workflows-container .run-bar input[type=text]:focus{border-color:#8470ff}.workflows-container .run-bar .button{margin:0;height:44px;width:auto;padding:0 32px}.workflows-container .state-pill{font-size:.8em;padding:4px 12px;border:1px solid hsla(0,0%,100%,.25);letter-spacing:.1em}.workflows-container .state-pill.PENDING{border-color:hsla(0,0%,100%,.25);color:hsla(0,0%,100%,.25)}.workflows-container .state-pill.RUNNING{border-color:#8470ff;color:#8470ff}.workflows-container .state-pill.WAITING_INPUT{border-color:#e8b84b;color:#e8b84b}.workflows-container .state-pill.COMPLETE{border-color:#5ac4a5;color:#5ac4a5}.workflows-container .state-pill.ERROR{border-color:#db3334;color:#db3334}.workflows-container .state-pill.CANCELLED{border-color:hsla(0,0%,100%,.12);color:#b0b0b0}.workflows-container .dag-panel{width:100%;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);padding:16px;overflow-x:auto}.workflows-container .dag-panel svg{display:block}.workflows-container .dag-panel .edge{stroke:hsla(0,0%,100%,.2);stroke-width:1px}.workflows-container .dag-panel .node{cursor:pointer}.workflows-container .dag-panel .node rect{fill:hsla(0,0%,100%,.04);stroke:hsla(0,0%,100%,.25);stroke-width:1px;transition:stroke .2s,fill .2s}.workflows-container .dag-panel .node text{font-family:Roboto Mono,monospace;font-size:12px;fill:#fff}.workflows-container .dag-panel .node .node-state-label{font-size:9px;fill:#b0b0b0;letter-spacing:.08em}.workflows-container .dag-panel .node.RUNNING rect{stroke:#8470ff;animation:node-pulse 1.2s ease-in-out infinite}.workflows-container .dag-panel .node.WAITING_INPUT rect{stroke:#e8b84b}.workflows-container .dag-panel .node.COMPLETE rect{stroke:#5ac4a5}.workflows-container .dag-panel .node.ERROR rect{stroke:#db3334}.workflows-container .dag-panel .node.SKIPPED rect{stroke:hsla(0,0%,100%,.12);stroke-dasharray:4}.workflows-container .dag-panel .node.selected rect{fill:rgba(132,112,255,.12)}@keyframes node-pulse{0%,to{fill:rgba(132,112,255,.04)}50%{fill:rgba(132,112,255,.18)}}.workflows-container .panels{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px;gap:16px;width:100%}@media screen and (max-width:1024px){.workflows-container .panels{grid-template-columns:1fr}}.workflows-container .panel{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);padding:16px;display:flex;flex-direction:column;row-gap:8px;min-height:280px;max-height:420px}.workflows-container .panel h3{font-size:.85em;font-weight:400;letter-spacing:.12em;opacity:.7}.workflows-container .panel .panel-body{flex:1 1;overflow-y:auto;font-size:.8em;line-height:1.6}.workflows-container .panel pre{white-space:pre-wrap;word-break:break-word;font-family:Roboto Mono,monospace;font-size:.95em;opacity:.85}.workflows-container .panel .placeholder{opacity:.4}.workflows-container .event-row{display:flex;gap:8px}.workflows-container .event-row .seq{color:#b0b0b0;min-width:32px}.workflows-container .event-row .type{color:#8470ff;min-width:80px}.workflows-container .event-row .detail{opacity:.8}.workflows-container .dialog-messages{display:flex;flex-direction:column;row-gap:8px}.workflows-container .dialog-messages .message{padding:8px 12px;max-width:90%;border:1px solid hsla(0,0%,100%,.08)}.workflows-container .dialog-messages .message.workflow{align-self:flex-start;background:hsla(0,0%,100%,.04)}.workflows-container .dialog-messages .message.user{align-self:flex-end;background:rgba(132,112,255,.12);border-color:rgba(132,112,255,.3)}.workflows-container .dialog-input{display:flex;gap:8px}.workflows-container .dialog-input input{flex:1 1;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#fff;font-family:Roboto Mono,monospace;font-size:.85em;padding:8px 12px;outline:none}.workflows-container .dialog-input input:focus{border-color:#e8b84b}.workflows-container .dialog-input input:disabled{opacity:.4}.workflows-container .dialog-input .send{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;text-align:center;font-family:Roboto Mono,monospace;width:256px;height:64px;background-color:hsla(0,0%,100%,.05);border:1px solid transparent;transition:background-color .15s,border-color .15s}.workflows-container .dialog-input .send:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.15)}.workflows-container .dialog-input .send:active{background-color:hsla(0,0%,100%,.15)}.workflows-container .dialog-input .send{width:auto;height:auto;padding:8px 16px;font-size:.85em}.workflows-container .dialog-input .send.disabled{opacity:.4;pointer-events:none}.workflows-container .page-link{font-size:.9em;color:#8470ff;text-decoration:none;opacity:.9}.workflows-container .page-link:hover{opacity:1;text-decoration:underline}