.react-flow{--xy-theme-selected:#f57dbd;--xy-theme-hover:#c5c5c5;--xy-theme-edge-hover:#000;--xy-theme-color-focus:#e8e8e8;--xy-node-border-default:1px solid #ededed;--xy-node-boxshadow-default:0px 3.54px 4.55px 0px #00000005,0px 3.54px 4.55px 0px #0000000d,0px 0.51px 1.01px 0px #0000001a;--xy-node-border-radius-default:8px;--xy-handle-background-color-default:#fff;--xy-handle-border-color-default:#aaa;--xy-edge-label-color-default:#505050}.react-flow.dark{--xy-node-boxshadow-default:0px 3.54px 4.55px 0px hsla(0,0%,100%,.05),0px 3.54px 4.55px 0px hsla(0,0%,100%,.13),0px 0.51px 1.01px 0px hsla(0,0%,100%,.2);--xy-theme-color-focus:#535353}.react-flow__node{box-shadow:var(--xy-node-boxshadow-default);border-radius:var(--xy-node-border-radius-default);background-color:var(--xy-node-background-color-default);display:flex;justify-content:center;align-items:center;text-align:center;padding:10px;font-size:12px;flex-direction:column;border:var(--xy-node-border-default);color:var(--xy-node-color,var(--xy-node-color-default))}.react-flow__node.selectable:focus{box-shadow:0 0 0 4px var(--xy-theme-color-focus);border-color:#d9d9d9}.react-flow__node.selectable:focus:active{box-shadow:var(--xy-node-boxshadow-default)}.react-flow__node.draggable:hover,.react-flow__node.selectable:hover{border-color:var(--xy-theme-hover)}.react-flow__node.selectable.selected{border-color:var(--xy-theme-selected);box-shadow:var(--xy-node-boxshadow-default)}.react-flow__node-group{background-color:rgba(207,182,255,.4);border-color:#9e86ed}.react-flow__edge.selectable.selected .react-flow__edge-path,.react-flow__edge.selectable:hover .react-flow__edge-path{stroke:var(--xy-theme-edge-hover)}.react-flow__handle{background-color:var(--xy-handle-background-color-default)}.react-flow__handle.connectionindicator:hover{pointer-events:all;border-color:var(--xy-theme-edge-hover);background-color:#fff}.react-flow__handle.connectingfrom,.react-flow__handle.connectingto,.react-flow__handle.connectionindicator:focus{border-color:var(--xy-theme-edge-hover)}.react-flow__node-resizer{border-radius:0;border:none}.react-flow__resize-control.handle{background-color:#fff;border-color:#9e86ed;border-radius:0;width:5px;height:5px}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overscroll-behavior:none;font-family:Sarabun,sans-serif!important}a{color:inherit;text-decoration:none}.user-flow-node{width:calc(100% - 32px);height:calc(100% - 32px);background-color:#f6f7f9;border-radius:8px;padding:16px;box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.1);box-sizing:content-box}.user-flow-node-name{font-size:16px;font-weight:700;color:#252525;margin-bottom:8px}.user-flow-node-metric{font-size:12px;color:#666;display:flex;justify-content:space-between}.user-flow-node-metric--value{font-weight:700}.ant-picker{width:100%}.ant-message-custom-content>span{vertical-align:middle!important}.ant-timeline-item-head{margin-top:4px}