npm - @elyra/canvas - Versions diffs - 12.41.0 → 12.43.0 - Mend

@elyra/canvas 12.41.0 → 12.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (183) hide show

package/dist/lib/tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.jsx"],"sourcesContent":["/\n Copyright 2017-2023 Elyra Authors\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\n/\n\tThis code is a modified version from portal-common-api for the Elyra canvas tooltips\n/\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Portal } from \"react-portal\";\nimport { Link } from \"carbon-components-react\";\nimport { v4 as uuid4 } from \"uuid\";\n\nclass ToolTip extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tisTooltipVisible: false\n\t\t};\n\t\tthis.uuid = uuid4();\n\t\tthis.pendingTooltip = null;\n\t\tthis.hideTooltipOnScrollAndResize = this.hideTooltipOnScrollAndResize.bind(this);\n\t\tthis.tabKeyPressed = false;\n\t}\n\n\tcomponentDidMount() {\n\t\twindow.addEventListener(\"scroll\", this.hideTooltipOnScrollAndResize, true);\n\t\twindow.addEventListener(\"resize\", this.hideTooltipOnScrollAndResize, true);\n\t\tif (this.props.targetObj) {\n\t\t\tthis.setTooltipVisible(true);\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\twindow.removeEventListener(\"scroll\", this.hideTooltipOnScrollAndResize, true);\n\t\twindow.removeEventListener(\"resize\", this.hideTooltipOnScrollAndResize, true);\n\t\tif (this.pendingTooltip) {\n\t\t\tclearTimeout(this.pendingTooltip);\n\t\t}\n\t}\n\n\tsetTooltipVisible(visible) {\n\t\t// clear the display timer if set\n\t\tif (!this.showTooltip() \|\| (!visible && this.pendingTooltip)) {\n\t\t\tclearTimeout(this.pendingTooltip);\n\t\t\tthis.pendingTooltip = null;\n\t\t\tthis.setState({\n\t\t\t\tisTooltipVisible: false\n\t\t\t});\n\t\t}\n\n\n\t\tif (this.showTooltip()) {\n\t\t\tconst tooltip = document.querySelector(`[data-id='${this.uuid}-${this.props.id}']`);\n\t\t\tthis.pendingTooltip = null;\n\t\t\tthis.setState({\n\t\t\t\tisTooltipVisible: visible\n\t\t\t});\n\t\t\t// updates the tooltip display\n\t\t\tif (visible) {\n\t\t\t\tlet tooltipTrigger = null;\n\t\t\t\tif (this.props.targetObj) {\n\t\t\t\t\ttooltipTrigger = this.props.targetObj;\n\t\t\t\t} else {\n\t\t\t\t\ttooltipTrigger = document.querySelector(`[data-id='${this.uuid}-${this.props.id}-trigger']`);\n\t\t\t\t}\n\t\t\t\tif (tooltipTrigger && tooltip) {\n\t\t\t\t\tthis.updateTooltipLayout(tooltip, tooltipTrigger, tooltip.getAttribute(\"direction\"));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tsetKeyPressed(evt) {\n\t\tif (evt.key === \"Tab\") {\n\t\t\tthis.tabKeyPressed = true;\n\t\t}\n\t}\n\n\tgetStyleValue(value) {\n\t\treturn value + \"px\";\n\t}\n\n\tgetNewDirection(currentDirection) {\n\t\tlet newDirection;\n\t\tswitch (currentDirection) {\n\t\tcase \"top\":\n\t\t\tnewDirection = \"bottom\";\n\t\t\tbreak;\n\t\tcase \"bottom\":\n\t\t\tnewDirection = \"top\";\n\t\t\tbreak;\n\t\tcase \"left\":\n\t\t\tnewDirection = \"right\";\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tnewDirection = \"left\";\n\t\t}\n\t\treturn newDirection;\n\t}\n\n\tshowTooltip() {\n\t\tconst canDisplayFullText = this.canDisplayFullText(this.triggerRef);\n\t\tconst showToolTip = (\n\t\t\t// show tooltip if not disabled and showToolTipIfTruncated is false\n\t\t\t(!this.props.disable && !this.props.showToolTipIfTruncated) \|\|\n\t\t\t// show tooltip if not disabled and showToolTipIfTruncated is true and string is truncated\n\t\t\t(!this.props.disable && this.props.showToolTipIfTruncated && !canDisplayFullText));\n\t\treturn showToolTip;\n\t}\n\n\t// Return true if the string can be displayed in the available space\n\t// Return false if the string is truncated and ellipsis is shown on the UI\n\t// (offsetWidth) is a measurement in pixels of the element's CSS width, including any borders, padding, and vertical scrollbars\n\t// (scrollWidth) value is equal to the minimum width the element would require\n\t// in order to fit all the content in the viewport without using a horizontal scrollbar\n\tcanDisplayFullText(elem) {\n\t\tconst triggerElem = this.props.truncatedRef ? this.props.truncatedRef : elem;\n\t\tif (triggerElem) {\n\t\t\tconst fullWidth = triggerElem.firstChild && triggerElem.firstChild.scrollWidth && triggerElem.firstChild.scrollWidth !== 0 ? triggerElem.firstChild.scrollWidth\n\t\t\t\t: triggerElem.scrollWidth;\n\t\t\tconst childWidth = triggerElem.firstChild && triggerElem.firstChild.offsetWidth && triggerElem.firstChild.offsetWidth \|\| 0;\n\t\t\t// need different handling when content is within a span vs div\n\t\t\tconst displayWidth = childWidth !== 0 && childWidth < triggerElem.offsetWidth ? childWidth : triggerElem.offsetWidth;\n\t\t\tconst canDisplayFullText = fullWidth <= displayWidth;\n\t\t\treturn canDisplayFullText;\n\t\t}\n\t\treturn false; // Show tooltip if we cannot read the width (Canvas objects)\n\t}\n\n\tshowTooltipWithDelay() {\n\n\t\t// set a delay on displaying the tooltip\n\t\tif (!this.pendingTooltip && this.showTooltip()) {\n\t\t\tconst that = this;\n\t\t\tthis.pendingTooltip = setTimeout(function() {\n\t\t\t\tthat.setTooltipVisible(true);\n\t\t\t}, this.props.delay);\n\t\t}\n\n\t}\n\n\tupdateTooltipLayout(tooltip, tooltipTrigger, direction) {\n\t\tconst tooltipDirection = direction;\n\t\tconst viewPortWidth = document.documentElement.clientWidth;\n\t\tconst viewPortHeight = document.documentElement.clientHeight;\n\t\tconst triggerLayout = tooltipTrigger.getBoundingClientRect();\n\t\tconst pointer = tooltip.querySelector(\"svg\");\n\t\tconst pointerLayout = pointer.getBoundingClientRect();\n\t\tconst pointerCorrection = 1;\n\n\t\t// always initialize tooltip location so it's all visible to ensure adjustments are done on the right size\n\t\ttooltip.style.left = this.getStyleValue(triggerLayout.left);\n\t\ttooltip.style.top = this.getStyleValue(triggerLayout.top);\n\n\t\tif (this.props.mousePos) {\n\t\t\tthis.updateLocationBasedOnMousePos(tooltip, this.props.mousePos, direction);\n\t\t} else { // tooltip relativ to element\n\t\t\t// tooltip - left correction\n\t\t\tif (tooltipDirection === \"top\" \|\| tooltipDirection === \"bottom\") {\n\t\t\t\tlet tooltipLeft = triggerLayout.left;\n\t\t\t\tif (tooltip.offsetWidth > triggerLayout.width) {\n\t\t\t\t\ttooltipLeft -= (tooltip.offsetWidth - triggerLayout.width) / 2; // distribute overlap evenly left and right\n\t\t\t\t\tif (tooltipLeft < 0) {\n\t\t\t\t\t\ttooltipLeft = 2; // hitting left border\n\t\t\t\t\t}\n\t\t\t\t} else if (tooltip.offsetWidth < triggerLayout.width) {\n\t\t\t\t\ttooltipLeft += (triggerLayout.width - tooltip.offsetWidth) / 2; // center tip within triggerLayout\n\t\t\t\t}\n\t\t\t\ttooltip.style.left = this.getStyleValue(tooltipLeft);\n\t\t\t\tif ((tooltipLeft + tooltip.offsetWidth) > viewPortWidth) {\n\t\t\t\t\ttooltip.style.left = this.getStyleValue(viewPortWidth - tooltip.offsetWidth); // hitting right border\n\t\t\t\t}\n\t\t\t} else if (tooltipDirection === \"left\") {\n\t\t\t\t// For long tooltips, tooltip.offsetWidth is updated after setting tooltip.style.left. Ensure tooltip doesn't overlap tooltipTrigger element.\n\t\t\t\twhile ((tooltip.offsetLeft + tooltip.offsetWidth + pointerLayout.width) > Math.round(triggerLayout.left)) {\n\t\t\t\t\ttooltip.style.left = this.getStyleValue(triggerLayout.left - tooltip.offsetWidth - pointerLayout.width);\n\t\t\t\t}\n\t\t\t} else if (tooltipDirection === \"right\") {\n\t\t\t\ttooltip.style.left = this.getStyleValue(triggerLayout.right + pointerLayout.width);\n\t\t\t}\n\n\t\t\t// tooltip - top correction\n\t\t\tif (tooltipDirection === \"top\") {\n\t\t\t\ttooltip.style.top = this.getStyleValue(triggerLayout.top - pointerLayout.height - tooltip.offsetHeight);\n\t\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\t\ttooltip.style.top = this.getStyleValue(triggerLayout.bottom + pointerLayout.height);\n\t\t\t} else if (tooltipDirection === \"left\" \|\| tooltipDirection === \"right\") {\n\t\t\t\tlet tooltipTop = triggerLayout.top;\n\t\t\t\tif (tooltip.offsetHeight > triggerLayout.height) {\n\t\t\t\t\ttooltipTop -= (tooltip.offsetHeight - triggerLayout.height) / 2; // distribute overlap evenly top and bottom\n\t\t\t\t\tif (tooltipTop < 0) {\n\t\t\t\t\t\ttooltipTop = triggerLayout.top; // hitting top border\n\t\t\t\t\t}\n\t\t\t\t} else if (tooltip.offsetHeight < triggerLayout.height) {\n\t\t\t\t\ttooltipTop += (triggerLayout.height - tooltip.offsetHeight) / 2; // center tip within triggerLayout\n\t\t\t\t}\n\t\t\t\ttooltip.style.top = this.getStyleValue(tooltipTop + pointerCorrection);\n\t\t\t\tif ((viewPortHeight - tooltip.offsetHeight) < triggerLayout.top) {\n\t\t\t\t\ttooltip.style.top = this.getStyleValue(viewPortHeight - tooltip.offsetHeight); // hitting bottom border\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// pointer - left correction\n\t\t\tif (tooltipDirection === \"top\" \|\| tooltipDirection === \"bottom\") {\n\t\t\t\tpointer.style.left = this.getStyleValue(triggerLayout.left - tooltip.getBoundingClientRect().left +\n\t\t\t\t\ttooltipTrigger.getBoundingClientRect().width / 2 - pointerLayout.width / 2\t + pointerCorrection);\n\t\t\t} else if (tooltipDirection === \"left\") {\n\t\t\t\tpointer.style.left = this.getStyleValue(tooltip.offsetWidth - 3);\n\t\t\t} else if (tooltipDirection === \"right\") {\n\t\t\t\tpointer.style.left = this.getStyleValue(-pointerLayout.width + 2);\n\t\t\t}\n\n\t\t\t// pointer - top correction\n\t\t\tif (tooltipDirection === \"top\") {\n\t\t\t\tpointer.style.top = this.getStyleValue(tooltip.offsetHeight - 5);\n\t\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\t\tpointer.style.top = \"-11px\";\n\t\t\t} else if (tooltipDirection === \"left\" \|\| tooltipDirection === \"right\") {\n\t\t\t\tpointer.style.top = this.getStyleValue(triggerLayout.top - tooltip.getBoundingClientRect().top +\n\t\t\t\t\ttooltipTrigger.offsetHeight / 2 - pointerLayout.height / 2);\n\t\t\t}\n\t\t}\n\n\t\t// check if out-of-bounds at the end and if so, trigger new layout on opposite site if not already re-rendered already\n\t\tif (this.isOutOfBounds(tooltip) && tooltip.getAttribute(\"direction\") === tooltipDirection) {\n\t\t\tconst newDirection = this.getNewDirection(tooltipDirection);\n\t\t\tthis.updateTooltipLayout(tooltip, tooltipTrigger, newDirection);\n\t\t\t// update class name directly, otherwise setState triggers re-render loop in canvas\n\t\t\t// also call after updateTooltipLayout, otherwise the newDirection and class of trigger are the same\n\t\t\ttooltip.setAttribute(\"direction\", newDirection);\n\t\t\treturn;\n\t\t}\n\t}\n\n\tupdateLocationBasedOnMousePos(tooltip, mousePos, direction) {\n\t\tconst tooltipDirection = direction;\n\t\tconst viewPortWidth = document.documentElement.clientWidth;\n\t\tconst viewPortHeight = document.documentElement.clientHeight;\n\t\tconst pointer = tooltip.querySelector(\"svg\");\n\t\tconst pointerLayout = pointer.getBoundingClientRect();\n\t\tconst pointerCorrection = 1;\n\n\t\tconst mouseX = this.props.mousePos.x;\n\t\tconst mouseY = this.props.mousePos.y;\n\t\t// if mouse position is passed in, use the cursor as reference point\n\n\t\t// tooltip - left correction\n\t\tif (tooltipDirection === \"top\" \|\| tooltipDirection === \"bottom\") {\n\t\t\tlet tooltipLeft = mouseX - tooltip.offsetWidth / 2;\n\t\t\tif ((viewPortWidth - tooltip.offsetWidth) < tooltipLeft) {\n\t\t\t\ttooltipLeft = viewPortWidth - tooltip.offsetWidth; // hitting right border\n\t\t\t} else if (tooltipLeft < 0) {\n\t\t\t\ttooltipLeft = 2; // hitting left border\n\t\t\t}\n\t\t\ttooltip.style.left = this.getStyleValue(tooltipLeft);\n\t\t} else if (tooltipDirection === \"left\") {\n\t\t\ttooltip.style.left = this.getStyleValue(mouseX - tooltip.offsetWidth - pointerLayout.width - 5);\n\t\t} else if (tooltipDirection === \"right\") {\n\t\t\ttooltip.style.left = this.getStyleValue(mouseX + pointerLayout.width + 5);\n\t\t}\n\n\t\t// tooltip - top correction\n\t\tif (tooltipDirection === \"top\") {\n\t\t\ttooltip.style.top = this.getStyleValue(mouseY - pointerLayout.height - tooltip.offsetHeight);\n\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\ttooltip.style.top = this.getStyleValue(mouseY + 2 pointerLayout.height);\n\t\t} else if (tooltipDirection === \"left\" \|\| tooltipDirection === \"right\") {\n\t\t\tlet tooltipTop = mouseY - tooltip.offsetHeight / 2;\n\t\t\tif ((viewPortHeight - tooltip.offsetHeight) < tooltipTop) {\n\t\t\t\ttooltipTop = viewPortHeight - tooltip.offsetHeight; // hitting bottom border\n\t\t\t} else if (tooltipTop < 0) {\n\t\t\t\ttooltipTop = 2; // hitting top border\n\t\t\t}\n\t\t\ttooltip.style.top = this.getStyleValue(tooltipTop + pointerCorrection);\n\t\t}\n\n\t\t// pointer - left correction\n\t\tif (tooltipDirection === \"top\" \|\| tooltipDirection === \"bottom\") {\n\t\t\tpointer.style.left = this.getStyleValue(mouseX - tooltip.getBoundingClientRect().left - pointerLayout.width / 2);\n\t\t} else if (tooltipDirection === \"left\") {\n\t\t\tpointer.style.left = this.getStyleValue(tooltip.offsetWidth - 3);\n\t\t} else if (tooltipDirection === \"right\") {\n\t\t\tpointer.style.left = this.getStyleValue(-pointerLayout.width + 2);\n\t\t}\n\n\t\t// pointer - top correction\n\t\tif (tooltipDirection === \"top\") {\n\t\t\tpointer.style.top = this.getStyleValue(tooltip.offsetHeight - 5);\n\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\tpointer.style.top = \"-11px\";\n\t\t} else if (tooltipDirection === \"left\" \|\| tooltipDirection === \"right\") {\n\t\t\tpointer.style.top = this.getStyleValue(mouseY - tooltip.getBoundingClientRect().top - pointerLayout.height / 2);\n\t\t}\n\t}\n\n\tisOutOfBounds(tooltip) {\n\t\tconst tooltipLeft = parseFloat(tooltip.style.left);\n\t\tconst tooltipTop = parseFloat(tooltip.style.top);\n\t\treturn (((tooltipLeft + tooltip.offsetWidth) > document.documentElement.clientWidth) \|\| // to the right\n\t\t\t\t(tooltipLeft < 0) \|\| // to the left\n\t\t\t\t(tooltipTop < 0) \|\| // to the top\n\t\t\t\t((tooltipTop + tooltip.offsetHeight) > document.documentElement.clientHeight)); // to the bottom\n\t}\n\n\ttoggleTooltipOnClick(evt) {\n\t\t// 'blur' event occurs before 'click' event. Because of this, onBlur function is called which hides the tooltip.\n\t\t// To prevent this default behavior, stopPropagation and preventDefault is used.\n\t\tevt.stopPropagation();\n\t\tevt.preventDefault();\n\t\tif (this.state.isTooltipVisible) {\n\t\t\t// Tooltip is visible and user clicks on trigger element again, hide tooltip\n\t\t\tthis.setTooltipVisible(false);\n\t\t} else {\n\t\t\tthis.setTooltipVisible(true);\n\t\t}\n\t}\n\n\thideTooltipOnScrollAndResize(evt) {\n\t\tif (this.state.isTooltipVisible) {\n\t\t\tthis.setTooltipVisible(false);\n\t\t}\n\t}\n\n\trender() {\n\t\tlet tooltipContent = null;\n\t\tlet triggerContent = null;\n\t\tif (this.props.children) {\n\t\t\t// when children are passed in, tooltip will handle show/hide, otherwise consumer has to hide show/hide tooltip\n\t\t\tconst mouseover = () => this.setTooltipVisible(true);\n\t\t\tconst mouseleave = () => this.setTooltipVisible(false);\n\t\t\tconst mousedown = () => this.setTooltipVisible(false);\n\t\t\t// `focus` event occurs before `click`. Adding timeout in onFocus function to ensure click is executed first.\n\t\t\t// Ref - https://stackoverflow.com/a/49512400\n\t\t\tconst onKeyDown = (evt) => this.setKeyPressed(evt);\n\t\t\tconst onFocus = () => this.showTooltipWithDelay();\n\t\t\tconst onBlur = (evt) => {\n\t\t\t\t// Close the tooltip if tab is click\n\t\t\t\tif (this.tabKeyPressed) {\n\t\t\t\t\tthis.setTooltipVisible(false);\n\t\t\t\t\tthis.tabKeyPressed = false;\n\t\t\t\t} else if (evt.relatedTarget === null) { // Keep tooltip visible when clicked on a link.\n\t\t\t\t\tthis.setTooltipVisible(false);\n\t\t\t\t}\n\t\t\t};\n\t\t\tconst click = (evt) => this.toggleTooltipOnClick(evt);\n\n\t\t\ttriggerContent = (<div\n\t\t\t\tdata-id={`${this.uuid}-${this.props.id}-trigger`}\n\t\t\t\tclassName=\"tooltip-trigger\"\n\t\t\t\tonMouseOver={!this.props.showToolTipOnClick ? mouseover : null}\n\t\t\t\tonMouseLeave={!this.props.showToolTipOnClick ? mouseleave : null}\n\t\t\t\tonMouseDown={!this.props.showToolTipOnClick ? mousedown : null}\n\t\t\t\tonClick={this.props.showToolTipOnClick ? click : null}\n\t\t\t\tonFocus={this.props.showToolTipOnClick ? onFocus : null} // When focused using keyboard\n\t\t\t\tonBlur={this.props.showToolTipOnClick ? onBlur : null}\n\t\t\t\tonKeyDown={this.props.showToolTipOnClick ? onKeyDown : null}\n\t\t\t\ttabIndex={this.props.showToolTipOnClick ? 0 : null}\n\t\t\t\trole={this.props.showToolTipOnClick ? \"button\" : null}\n\t\t\t\taria-labelledby={this.props.showToolTipOnClick ? `${this.uuid}-${this.props.id}` : null}\n\t\t\t\taria-expanded={this.props.showToolTipOnClick ? this.state.isTooltipVisible : null}\n\t\t\t\taria-controls={this.props.showToolTipOnClick ? `${this.uuid}-${this.props.id}` : null}\n\t\t\t\tref={(ref) => (this.triggerRef = ref)}\n\t\t\t>\n\t\t\t\t{this.props.children}\n\t\t\t</div>);\n\t\t}\n\n\t\tif ((typeof this.props.tip) === \"string\") {\n\t\t\ttooltipContent = (\n\t\t\t\t<span className=\"tooltipContainer\">\n\t\t\t\t\t{this.props.tip}\n\t\t\t\t</span>\n\t\t\t);\n\t\t} else if ((typeof this.props.tip) === \"object\") {\n\t\t\ttooltipContent = (\n\t\t\t\t<div className=\"tooltipContainer\">\n\t\t\t\t\t{this.props.tip}\n\t\t\t\t</div>\n\t\t\t);\n\t\t} else if ((typeof this.props.tip) === \"function\") {\n\t\t\ttooltipContent = this.props.tip();\n\t\t}\n\n\t\tlet tipClass = \"common-canvas-tooltip\";\n\t\tif (this.props.className) {\n\t\t\ttipClass += \" \" + this.props.className;\n\t\t}\n\n\t\tlet link = null;\n\t\tif (this.state.isTooltipVisible && this.props.tooltipLinkHandler && this.props.link) {\n\t\t\tconst linkInformation = this.props.tooltipLinkHandler(this.props.link);\n\t\t\t// Verify tooltipLinkHandler returns object in correct format\n\t\t\tif (typeof linkInformation === \"object\" && linkInformation.label && linkInformation.url) {\n\t\t\t\tlink = (<Link\n\t\t\t\t\tclassName=\"tooltip-link\"\n\t\t\t\t\tid={this.props.link.id}\n\t\t\t\t\thref={linkInformation.url}\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener\"\n\t\t\t\t\tvisited={false}\n\t\t\t\t>\n\t\t\t\t\t{linkInformation.label}\n\t\t\t\t</Link>);\n\t\t\t}\n\t\t}\n\n\t\tlet tooltip = null;\n\t\tif (tooltipContent \|\| link) {\n\t\t\ttooltip = (\n\t\t\t\t<Portal>\n\t\t\t\t\t<div\n\t\t\t\t\t\trole=\"tooltip\"\n\t\t\t\t\t\tid={`${this.uuid}-${this.props.id}`}\n\t\t\t\t\t\tdata-id={`${this.uuid}-${this.props.id}`}\n\t\t\t\t\t\tclassName={tipClass}\n\t\t\t\t\t\taria-hidden={!this.state.isTooltipVisible}\n\t\t\t\t\t\tdirection={this.props.direction}\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg className=\"tipArrow\" x=\"0px\" y=\"0px\" viewBox=\"0 0 9.1 16.1\">\n\t\t\t\t\t\t\t<polyline points=\"9.1,15.7 1.4,8.1 9.1,0.5\" />\n\t\t\t\t\t\t\t<polygon points=\"8.1,16.1 0,8.1 8.1,0 8.1,1.4 1.4,8.1 8.1,14.7\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t{tooltipContent}\n\t\t\t\t\t\t{link}\n\t\t\t\t\t</div>\n\t\t\t\t</Portal>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div className=\"tooltip-container\">\n\t\t\t\t{triggerContent}\n\t\t\t\t{tooltip}\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nToolTip.propTypes = {\n\ttip: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.func]).isRequired,\n\tlink: PropTypes.object,\n\ttooltipLinkHandler: PropTypes.func,\n\tdirection: PropTypes.oneOf([\"left\", \"right\", \"top\", \"bottom\"]),\n\tchildren: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n\ttargetObj: PropTypes.object,\n\tid: PropTypes.string.isRequired,\n\tclassName: PropTypes.string,\n\tmousePos: PropTypes.object,\n\tdisable: PropTypes.bool, // Tooltip will not show if disabled\n\tshowToolTipIfTruncated: PropTypes.bool, // Set to true to only display tooltip if full text does not fit in displayable width\n\ttruncatedRef: PropTypes.object,\n\tdelay: PropTypes.number,\n\tshowToolTipOnClick: PropTypes.bool\n};\n\nToolTip.defaultProps = {\n\tdelay: 200,\n\tdirection: \"bottom\",\n\tshowToolTipIfTruncated: false, // False will always show Tooltip even when whole word can be displayed\n\tshowToolTipOnClick: false\n};\n\nexport default ToolTip;\n"],"names":["ToolTip","_React$Component","props","_this","_classCallCheck","_callSuper","state","isTooltipVisible","uuid","uuid4","pendingTooltip","hideTooltipOnScrollAndResize","bind","_assertThisInitialized","tabKeyPressed","_inherits","_createClass","key","value","window","addEventListener","this","targetObj","setTooltipVisible","removeEventListener","clearTimeout","visible","showTooltip","setState","tooltip","document","querySelector","concat","id","tooltipTrigger","updateTooltipLayout","getAttribute","evt","currentDirection","newDirection","canDisplayFullText","triggerRef","disable","showToolTipIfTruncated","elem","triggerElem","truncatedRef","fullWidth","firstChild","scrollWidth","childWidth","offsetWidth","that","setTimeout","delay","direction","tooltipDirection","viewPortWidth","documentElement","clientWidth","viewPortHeight","clientHeight","triggerLayout","getBoundingClientRect","pointer","pointerLayout","style","left","getStyleValue","top","mousePos","updateLocationBasedOnMousePos","tooltipLeft","width","offsetLeft","Math","round","right","height","offsetHeight","bottom","tooltipTop","isOutOfBounds","getNewDirection","setAttribute","mouseX","x","mouseY","y","parseFloat","stopPropagation","preventDefault","_this2","tooltipContent","triggerContent","children","React","createElement","className","onMouseOver","showToolTipOnClick","onMouseLeave","onMouseDown","onClick","toggleTooltipOnClick","onFocus","showTooltipWithDelay","onBlur","relatedTarget","onKeyDown","setKeyPressed","tabIndex","role","ref","tip","_typeof","tipClass","link","tooltipLinkHandler","linkInformation","label","url","Link","href","target","rel","visited","Portal","viewBox","points","Component","defaultProps"],"mappings":"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"}
1	+ {"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.jsx"],"sourcesContent":["/\n Copyright 2017-2023 Elyra Authors\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\n/\n\tThis code is a modified version from portal-common-api for the Elyra canvas tooltips\n/\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Portal } from \"react-portal\";\nimport { Link } from \"carbon-components-react\";\nimport { v4 as uuid4 } from \"uuid\";\n\nclass ToolTip extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tisTooltipVisible: false\n\t\t};\n\t\tthis.uuid = uuid4();\n\t\tthis.pendingTooltip = null;\n\t\tthis.hideTooltipOnScrollAndResize = this.hideTooltipOnScrollAndResize.bind(this);\n\t\tthis.tabKeyPressed = false;\n\t}\n\n\tcomponentDidMount() {\n\t\twindow.addEventListener(\"scroll\", this.hideTooltipOnScrollAndResize, true);\n\t\twindow.addEventListener(\"resize\", this.hideTooltipOnScrollAndResize, true);\n\t\tif (this.props.targetObj) {\n\t\t\tthis.setTooltipVisible(true);\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\twindow.removeEventListener(\"scroll\", this.hideTooltipOnScrollAndResize, true);\n\t\twindow.removeEventListener(\"resize\", this.hideTooltipOnScrollAndResize, true);\n\t\tif (this.pendingTooltip) {\n\t\t\tclearTimeout(this.pendingTooltip);\n\t\t}\n\t}\n\n\tsetTooltipVisible(visible) {\n\t\t// clear the display timer if set\n\t\tif (!this.showTooltip() \|\| (!visible && this.pendingTooltip)) {\n\t\t\tclearTimeout(this.pendingTooltip);\n\t\t\tthis.pendingTooltip = null;\n\t\t\tthis.setState({\n\t\t\t\tisTooltipVisible: false\n\t\t\t});\n\t\t}\n\n\n\t\tif (this.showTooltip()) {\n\t\t\tconst tooltip = document.querySelector(`[data-id='${this.uuid}-${this.props.id}']`);\n\t\t\tthis.pendingTooltip = null;\n\t\t\tthis.setState({\n\t\t\t\tisTooltipVisible: visible\n\t\t\t});\n\t\t\t// updates the tooltip display\n\t\t\tif (visible) {\n\t\t\t\tlet tooltipTrigger = null;\n\t\t\t\tif (this.props.targetObj) {\n\t\t\t\t\ttooltipTrigger = this.props.targetObj;\n\t\t\t\t} else {\n\t\t\t\t\ttooltipTrigger = document.querySelector(`[data-id='${this.uuid}-${this.props.id}-trigger']`);\n\t\t\t\t}\n\t\t\t\tif (tooltipTrigger && tooltip) {\n\t\t\t\t\tthis.updateTooltipLayout(tooltip, tooltipTrigger, tooltip.getAttribute(\"direction\"));\n\t\t\t\t}\n\n\t\t\t\tconst linkElement = this.targetRef.querySelector(\"a\");\n\n\t\t\t\t// Focus on link when tooltip with link is opened\n\t\t\t\tif (linkElement) {\n\t\t\t\t\tlinkElement.focus();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tsetKeyPressed(evt) {\n\t\tif (evt.key === \"Tab\") {\n\t\t\tthis.tabKeyPressed = true;\n\t\t}\n\t\tif (evt.key === \"Escape\") {\n\t\t\tthis.triggerRef.focus();\n\t\t\tthis.setTooltipVisible(false);\n\t\t}\n\t}\n\n\tgetStyleValue(value) {\n\t\treturn value + \"px\";\n\t}\n\n\tgetNewDirection(currentDirection) {\n\t\tlet newDirection;\n\t\tswitch (currentDirection) {\n\t\tcase \"top\":\n\t\t\tnewDirection = \"bottom\";\n\t\t\tbreak;\n\t\tcase \"bottom\":\n\t\t\tnewDirection = \"top\";\n\t\t\tbreak;\n\t\tcase \"left\":\n\t\t\tnewDirection = \"right\";\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tnewDirection = \"left\";\n\t\t}\n\t\treturn newDirection;\n\t}\n\n\tshowTooltip() {\n\t\tconst canDisplayFullText = this.canDisplayFullText(this.triggerRef);\n\t\tconst showToolTip = (\n\t\t\t// show tooltip if not disabled and showToolTipIfTruncated is false\n\t\t\t(!this.props.disable && !this.props.showToolTipIfTruncated) \|\|\n\t\t\t// show tooltip if not disabled and showToolTipIfTruncated is true and string is truncated\n\t\t\t(!this.props.disable && this.props.showToolTipIfTruncated && !canDisplayFullText));\n\t\treturn showToolTip;\n\t}\n\n\t// Return true if the string can be displayed in the available space\n\t// Return false if the string is truncated and ellipsis is shown on the UI\n\t// (offsetWidth) is a measurement in pixels of the element's CSS width, including any borders, padding, and vertical scrollbars\n\t// (scrollWidth) value is equal to the minimum width the element would require\n\t// in order to fit all the content in the viewport without using a horizontal scrollbar\n\tcanDisplayFullText(elem) {\n\t\tconst triggerElem = this.props.truncatedRef ? this.props.truncatedRef : elem;\n\t\tif (triggerElem) {\n\t\t\tconst fullWidth = triggerElem.firstChild && triggerElem.firstChild.scrollWidth && triggerElem.firstChild.scrollWidth !== 0 ? triggerElem.firstChild.scrollWidth\n\t\t\t\t: triggerElem.scrollWidth;\n\t\t\tconst childWidth = triggerElem.firstChild && triggerElem.firstChild.offsetWidth && triggerElem.firstChild.offsetWidth \|\| 0;\n\t\t\t// need different handling when content is within a span vs div\n\t\t\tconst displayWidth = childWidth !== 0 && childWidth < triggerElem.offsetWidth ? childWidth : triggerElem.offsetWidth;\n\t\t\tconst canDisplayFullText = fullWidth <= displayWidth;\n\t\t\treturn canDisplayFullText;\n\t\t}\n\t\treturn false; // Show tooltip if we cannot read the width (Canvas objects)\n\t}\n\n\tshowTooltipWithDelay() {\n\n\t\t// set a delay on displaying the tooltip\n\t\tif (!this.pendingTooltip && this.showTooltip()) {\n\t\t\tconst that = this;\n\t\t\tthis.pendingTooltip = setTimeout(function() {\n\t\t\t\tthat.setTooltipVisible(true);\n\t\t\t}, this.props.delay);\n\t\t}\n\n\t}\n\n\tupdateTooltipLayout(tooltip, tooltipTrigger, direction) {\n\t\tconst tooltipDirection = direction;\n\t\tconst viewPortWidth = document.documentElement.clientWidth;\n\t\tconst viewPortHeight = document.documentElement.clientHeight;\n\t\tconst triggerLayout = tooltipTrigger.getBoundingClientRect();\n\t\tconst pointer = tooltip.querySelector(\"svg\");\n\t\tconst pointerLayout = pointer.getBoundingClientRect();\n\t\tconst pointerCorrection = 1;\n\n\t\t// always initialize tooltip location so it's all visible to ensure adjustments are done on the right size\n\t\ttooltip.style.left = this.getStyleValue(triggerLayout.left);\n\t\ttooltip.style.top = this.getStyleValue(triggerLayout.top);\n\n\t\tif (this.props.mousePos) {\n\t\t\tthis.updateLocationBasedOnMousePos(tooltip, this.props.mousePos, direction);\n\t\t} else { // tooltip relativ to element\n\t\t\t// tooltip - left correction\n\t\t\tif (tooltipDirection === \"top\" \|\| tooltipDirection === \"bottom\") {\n\t\t\t\tlet tooltipLeft = triggerLayout.left;\n\t\t\t\tif (tooltip.offsetWidth > triggerLayout.width) {\n\t\t\t\t\ttooltipLeft -= (tooltip.offsetWidth - triggerLayout.width) / 2; // distribute overlap evenly left and right\n\t\t\t\t\tif (tooltipLeft < 0) {\n\t\t\t\t\t\ttooltipLeft = 2; // hitting left border\n\t\t\t\t\t}\n\t\t\t\t} else if (tooltip.offsetWidth < triggerLayout.width) {\n\t\t\t\t\ttooltipLeft += (triggerLayout.width - tooltip.offsetWidth) / 2; // center tip within triggerLayout\n\t\t\t\t}\n\t\t\t\ttooltip.style.left = this.getStyleValue(tooltipLeft);\n\t\t\t\tif ((tooltipLeft + tooltip.offsetWidth) > viewPortWidth) {\n\t\t\t\t\ttooltip.style.left = this.getStyleValue(viewPortWidth - tooltip.offsetWidth); // hitting right border\n\t\t\t\t}\n\t\t\t} else if (tooltipDirection === \"left\") {\n\t\t\t\t// For long tooltips, tooltip.offsetWidth is updated after setting tooltip.style.left. Ensure tooltip doesn't overlap tooltipTrigger element.\n\t\t\t\twhile ((tooltip.offsetLeft + tooltip.offsetWidth + pointerLayout.width) > Math.round(triggerLayout.left)) {\n\t\t\t\t\ttooltip.style.left = this.getStyleValue(triggerLayout.left - tooltip.offsetWidth - pointerLayout.width);\n\t\t\t\t}\n\t\t\t} else if (tooltipDirection === \"right\") {\n\t\t\t\ttooltip.style.left = this.getStyleValue(triggerLayout.right + pointerLayout.width);\n\t\t\t}\n\n\t\t\t// tooltip - top correction\n\t\t\tif (tooltipDirection === \"top\") {\n\t\t\t\ttooltip.style.top = this.getStyleValue(triggerLayout.top - pointerLayout.height - tooltip.offsetHeight);\n\t\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\t\ttooltip.style.top = this.getStyleValue(triggerLayout.bottom + pointerLayout.height);\n\t\t\t} else if (tooltipDirection === \"left\" \|\| tooltipDirection === \"right\") {\n\t\t\t\tlet tooltipTop = triggerLayout.top;\n\t\t\t\tif (tooltip.offsetHeight > triggerLayout.height) {\n\t\t\t\t\ttooltipTop -= (tooltip.offsetHeight - triggerLayout.height) / 2; // distribute overlap evenly top and bottom\n\t\t\t\t\tif (tooltipTop < 0) {\n\t\t\t\t\t\ttooltipTop = triggerLayout.top; // hitting top border\n\t\t\t\t\t}\n\t\t\t\t} else if (tooltip.offsetHeight < triggerLayout.height) {\n\t\t\t\t\ttooltipTop += (triggerLayout.height - tooltip.offsetHeight) / 2; // center tip within triggerLayout\n\t\t\t\t}\n\t\t\t\ttooltip.style.top = this.getStyleValue(tooltipTop + pointerCorrection);\n\t\t\t\tif ((viewPortHeight - tooltip.offsetHeight) < triggerLayout.top) {\n\t\t\t\t\ttooltip.style.top = this.getStyleValue(viewPortHeight - tooltip.offsetHeight); // hitting bottom border\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// pointer - left correction\n\t\t\tif (tooltipDirection === \"top\" \|\| tooltipDirection === \"bottom\") {\n\t\t\t\tpointer.style.left = this.getStyleValue(triggerLayout.left - tooltip.getBoundingClientRect().left +\n\t\t\t\t\ttooltipTrigger.getBoundingClientRect().width / 2 - pointerLayout.width / 2\t + pointerCorrection);\n\t\t\t} else if (tooltipDirection === \"left\") {\n\t\t\t\tpointer.style.left = this.getStyleValue(tooltip.offsetWidth - 3);\n\t\t\t} else if (tooltipDirection === \"right\") {\n\t\t\t\tpointer.style.left = this.getStyleValue(-pointerLayout.width + 2);\n\t\t\t}\n\n\t\t\t// pointer - top correction\n\t\t\tif (tooltipDirection === \"top\") {\n\t\t\t\tpointer.style.top = this.getStyleValue(tooltip.offsetHeight - 5);\n\t\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\t\tpointer.style.top = \"-11px\";\n\t\t\t} else if (tooltipDirection === \"left\" \|\| tooltipDirection === \"right\") {\n\t\t\t\tpointer.style.top = this.getStyleValue(triggerLayout.top - tooltip.getBoundingClientRect().top +\n\t\t\t\t\ttooltipTrigger.offsetHeight / 2 - pointerLayout.height / 2);\n\t\t\t}\n\t\t}\n\n\t\t// check if out-of-bounds at the end and if so, trigger new layout on opposite site if not already re-rendered already\n\t\tif (this.isOutOfBounds(tooltip) && tooltip.getAttribute(\"direction\") === tooltipDirection) {\n\t\t\tconst newDirection = this.getNewDirection(tooltipDirection);\n\t\t\tthis.updateTooltipLayout(tooltip, tooltipTrigger, newDirection);\n\t\t\t// update class name directly, otherwise setState triggers re-render loop in canvas\n\t\t\t// also call after updateTooltipLayout, otherwise the newDirection and class of trigger are the same\n\t\t\ttooltip.setAttribute(\"direction\", newDirection);\n\t\t\treturn;\n\t\t}\n\t}\n\n\tupdateLocationBasedOnMousePos(tooltip, mousePos, direction) {\n\t\tconst tooltipDirection = direction;\n\t\tconst viewPortWidth = document.documentElement.clientWidth;\n\t\tconst viewPortHeight = document.documentElement.clientHeight;\n\t\tconst pointer = tooltip.querySelector(\"svg\");\n\t\tconst pointerLayout = pointer.getBoundingClientRect();\n\t\tconst pointerCorrection = 1;\n\n\t\tconst mouseX = this.props.mousePos.x;\n\t\tconst mouseY = this.props.mousePos.y;\n\t\t// if mouse position is passed in, use the cursor as reference point\n\n\t\t// tooltip - left correction\n\t\tif (tooltipDirection === \"top\" \|\| tooltipDirection === \"bottom\") {\n\t\t\tlet tooltipLeft = mouseX - tooltip.offsetWidth / 2;\n\t\t\tif ((viewPortWidth - tooltip.offsetWidth) < tooltipLeft) {\n\t\t\t\ttooltipLeft = viewPortWidth - tooltip.offsetWidth; // hitting right border\n\t\t\t} else if (tooltipLeft < 0) {\n\t\t\t\ttooltipLeft = 2; // hitting left border\n\t\t\t}\n\t\t\ttooltip.style.left = this.getStyleValue(tooltipLeft);\n\t\t} else if (tooltipDirection === \"left\") {\n\t\t\ttooltip.style.left = this.getStyleValue(mouseX - tooltip.offsetWidth - pointerLayout.width - 5);\n\t\t} else if (tooltipDirection === \"right\") {\n\t\t\ttooltip.style.left = this.getStyleValue(mouseX + pointerLayout.width + 5);\n\t\t}\n\n\t\t// tooltip - top correction\n\t\tif (tooltipDirection === \"top\") {\n\t\t\ttooltip.style.top = this.getStyleValue(mouseY - pointerLayout.height - tooltip.offsetHeight);\n\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\ttooltip.style.top = this.getStyleValue(mouseY + 2 pointerLayout.height);\n\t\t} else if (tooltipDirection === \"left\" \|\| tooltipDirection === \"right\") {\n\t\t\tlet tooltipTop = mouseY - tooltip.offsetHeight / 2;\n\t\t\tif ((viewPortHeight - tooltip.offsetHeight) < tooltipTop) {\n\t\t\t\ttooltipTop = viewPortHeight - tooltip.offsetHeight; // hitting bottom border\n\t\t\t} else if (tooltipTop < 0) {\n\t\t\t\ttooltipTop = 2; // hitting top border\n\t\t\t}\n\t\t\ttooltip.style.top = this.getStyleValue(tooltipTop + pointerCorrection);\n\t\t}\n\n\t\t// pointer - left correction\n\t\tif (tooltipDirection === \"top\" \|\| tooltipDirection === \"bottom\") {\n\t\t\tpointer.style.left = this.getStyleValue(mouseX - tooltip.getBoundingClientRect().left - pointerLayout.width / 2);\n\t\t} else if (tooltipDirection === \"left\") {\n\t\t\tpointer.style.left = this.getStyleValue(tooltip.offsetWidth - 3);\n\t\t} else if (tooltipDirection === \"right\") {\n\t\t\tpointer.style.left = this.getStyleValue(-pointerLayout.width + 2);\n\t\t}\n\n\t\t// pointer - top correction\n\t\tif (tooltipDirection === \"top\") {\n\t\t\tpointer.style.top = this.getStyleValue(tooltip.offsetHeight - 5);\n\t\t} else if (tooltipDirection === \"bottom\") {\n\t\t\tpointer.style.top = \"-11px\";\n\t\t} else if (tooltipDirection === \"left\" \|\| tooltipDirection === \"right\") {\n\t\t\tpointer.style.top = this.getStyleValue(mouseY - tooltip.getBoundingClientRect().top - pointerLayout.height / 2);\n\t\t}\n\t}\n\n\tisOutOfBounds(tooltip) {\n\t\tconst tooltipLeft = parseFloat(tooltip.style.left);\n\t\tconst tooltipTop = parseFloat(tooltip.style.top);\n\t\treturn (((tooltipLeft + tooltip.offsetWidth) > document.documentElement.clientWidth) \|\| // to the right\n\t\t\t\t(tooltipLeft < 0) \|\| // to the left\n\t\t\t\t(tooltipTop < 0) \|\| // to the top\n\t\t\t\t((tooltipTop + tooltip.offsetHeight) > document.documentElement.clientHeight)); // to the bottom\n\t}\n\n\ttoggleTooltipOnClick(evt) {\n\t\t// 'blur' event occurs before 'click' event. Because of this, onBlur function is called which hides the tooltip.\n\t\t// To prevent this default behavior, stopPropagation and preventDefault is used.\n\t\tevt.stopPropagation();\n\t\tevt.preventDefault();\n\n\t\t// When tooltip with link is closed and another tooltip is opened newly opened tooltip should have focus.\n\t\tthis.triggerRef.focus();\n\t\tif (this.state.isTooltipVisible) {\n\t\t\t// Tooltip is visible and user clicks on trigger element again, hide tooltip\n\t\t\tthis.setTooltipVisible(false);\n\t\t} else {\n\t\t\tthis.setTooltipVisible(true);\n\t\t}\n\t}\n\n\thideTooltipOnScrollAndResize(evt) {\n\t\tif (this.state.isTooltipVisible) {\n\t\t\tthis.setTooltipVisible(false);\n\t\t}\n\t}\n\n\trender() {\n\t\tlet tooltipContent = null;\n\t\tlet triggerContent = null;\n\t\tif (this.props.children) {\n\t\t\t// when children are passed in, tooltip will handle show/hide, otherwise consumer has to hide show/hide tooltip\n\t\t\tconst mouseover = () => this.setTooltipVisible(true);\n\t\t\tconst mouseleave = () => this.setTooltipVisible(false);\n\t\t\tconst mousedown = () => this.setTooltipVisible(false);\n\t\t\t// `focus` event occurs before `click`. Adding timeout in onFocus function to ensure click is executed first.\n\t\t\t// Ref - https://stackoverflow.com/a/49512400\n\t\t\tconst onKeyDown = (evt) => this.setKeyPressed(evt);\n\t\t\tconst onFocus = () => this.showTooltipWithDelay();\n\t\t\tconst onBlur = (evt) => {\n\t\t\t\t// Close the tooltip if tab is click\n\t\t\t\tif (this.tabKeyPressed) {\n\t\t\t\t\tthis.setTooltipVisible(false);\n\t\t\t\t\tthis.tabKeyPressed = false;\n\t\t\t\t} else {\n\t\t\t\t\t// Check if evt.relatedTarget is a child of .common-canvas-tooltip to set tooltip visible when clicked on link\n\t\t\t\t\tconst el = evt?.relatedTarget?.closest(\".common-canvas-tooltip\");\n\t\t\t\t\tif (el?.tagName?.toLowerCase() === \"div\") {\n\t\t\t\t\t\tthis.setTooltipVisible(true);\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Close the tooltip if evt.relatedTarget is not a child of .common-canvas-tooltip\n\t\t\t\t\t\tthis.setTooltipVisible(false);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\t\t\tconst click = (evt) => this.toggleTooltipOnClick(evt);\n\n\t\t\ttriggerContent = (<div\n\t\t\t\tdata-id={`${this.uuid}-${this.props.id}-trigger`}\n\t\t\t\tclassName=\"tooltip-trigger\"\n\t\t\t\tonMouseOver={!this.props.showToolTipOnClick ? mouseover : null}\n\t\t\t\tonMouseLeave={!this.props.showToolTipOnClick ? mouseleave : null}\n\t\t\t\tonMouseDown={!this.props.showToolTipOnClick ? mousedown : null}\n\t\t\t\tonClick={this.props.showToolTipOnClick ? click : null}\n\t\t\t\tonFocus={this.props.showToolTipOnClick ? onFocus : null} // When focused using keyboard\n\t\t\t\tonBlur={this.props.showToolTipOnClick ? onBlur : null}\n\t\t\t\tonKeyDown={this.props.showToolTipOnClick ? onKeyDown : null}\n\t\t\t\ttabIndex={this.props.showToolTipOnClick ? 0 : null}\n\t\t\t\trole={this.props.showToolTipOnClick ? \"button\" : null}\n\t\t\t\taria-labelledby={this.props.showToolTipOnClick ? `${this.uuid}-${this.props.id}` : null}\n\t\t\t\taria-expanded={this.props.showToolTipOnClick ? this.state.isTooltipVisible : null}\n\t\t\t\taria-controls={this.props.showToolTipOnClick ? `${this.uuid}-${this.props.id}` : null}\n\t\t\t\tref={(ref) => (this.triggerRef = ref)}\n\t\t\t>\n\t\t\t\t{this.props.children}\n\t\t\t</div>);\n\t\t}\n\n\t\tif ((typeof this.props.tip) === \"string\") {\n\t\t\ttooltipContent = (\n\t\t\t\t<span className=\"tooltipContainer\">\n\t\t\t\t\t{this.props.tip}\n\t\t\t\t</span>\n\t\t\t);\n\t\t} else if ((typeof this.props.tip) === \"object\") {\n\t\t\ttooltipContent = (\n\t\t\t\t<div className=\"tooltipContainer\">\n\t\t\t\t\t{this.props.tip}\n\t\t\t\t</div>\n\t\t\t);\n\t\t} else if ((typeof this.props.tip) === \"function\") {\n\t\t\ttooltipContent = this.props.tip();\n\t\t}\n\n\t\tlet tipClass = \"common-canvas-tooltip\";\n\t\tif (this.props.className) {\n\t\t\ttipClass += \" \" + this.props.className;\n\t\t}\n\t\tlet linkClicked = false;\n\t\tlet link = null;\n\t\tif (this.state.isTooltipVisible && this.props.tooltipLinkHandler && this.props.link) {\n\t\t\tconst linkInformation = this.props.tooltipLinkHandler(this.props.link);\n\t\t\t// Verify tooltipLinkHandler returns object in correct format\n\t\t\tif (typeof linkInformation === \"object\" && linkInformation.label && linkInformation.url) {\n\t\t\t\tlink = (<div\n\t\t\t\t\tref={(ref) => (this.linkRef = ref)}\n\t\t\t\t\tonKeyDown={(evt) => {\n\t\t\t\t\t\tevt.stopPropagation();\n\t\t\t\t\t\tevt.preventDefault();\n\n\t\t\t\t\t\t// When 'Esc' is pressed shift the focus to tooltip icon so that user can navigate following elements.\n\t\t\t\t\t\tif (evt.key === \"Escape\") {\n\t\t\t\t\t\t\tthis.triggerRef.focus();\n\t\t\t\t\t\t\tthis.setTooltipVisible(false);\n\t\t\t\t\t\t} else if (evt.key === \"Enter\") { // Open active/highlighted link when Enter or Return is clicked.\n\t\t\t\t\t\t\tconst focusedElement = this.linkRef.children[0];\n\t\t\t\t\t\t\tif (focusedElement) {\n\t\t\t\t\t\t\t\twindow.open(focusedElement, \"_blank\");\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tonBlur={() => {\n\t\t\t\t\t\tif (linkClicked) { // Keep tooltip open when link is clicked\n\t\t\t\t\t\t\tthis.setTooltipVisible(true);\n\t\t\t\t\t\t} else { // Close the tooltip and shift focus to tooltip icon\n\t\t\t\t\t\t\tthis.triggerRef.focus();\n\t\t\t\t\t\t\tthis.setTooltipVisible(false);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tlinkClicked = true;\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Link\n\t\t\t\t\t\tclassName=\"tooltip-link\"\n\t\t\t\t\t\tid={this.props.link.id}\n\t\t\t\t\t\thref={linkInformation.url}\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\trel=\"noopener\"\n\t\t\t\t\t\tvisited={false}\n\t\t\t\t\t>\n\t\t\t\t\t\t{linkInformation.label}\n\t\t\t\t\t</Link>\n\t\t\t\t</div>);\n\t\t\t}\n\t\t}\n\n\t\tlet tooltip = null;\n\t\tif (tooltipContent \|\| link) {\n\t\t\ttooltip = (\n\t\t\t\t<Portal>\n\t\t\t\t\t<div\n\t\t\t\t\t\trole=\"tooltip\"\n\t\t\t\t\t\tid={`${this.uuid}-${this.props.id}`}\n\t\t\t\t\t\tdata-id={`${this.uuid}-${this.props.id}`}\n\t\t\t\t\t\tclassName={tipClass}\n\t\t\t\t\t\taria-hidden={!this.state.isTooltipVisible}\n\t\t\t\t\t\tdirection={this.props.direction}\n\t\t\t\t\t\tref={(ref) => (this.targetRef = ref)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg className=\"tipArrow\" x=\"0px\" y=\"0px\" viewBox=\"0 0 9.1 16.1\">\n\t\t\t\t\t\t\t<polyline points=\"9.1,15.7 1.4,8.1 9.1,0.5\" />\n\t\t\t\t\t\t\t<polygon points=\"8.1,16.1 0,8.1 8.1,0 8.1,1.4 1.4,8.1 8.1,14.7\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t{tooltipContent}\n\t\t\t\t\t\t{link}\n\t\t\t\t\t</div>\n\t\t\t\t</Portal>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div className=\"tooltip-container\">\n\t\t\t\t{triggerContent}\n\t\t\t\t{tooltip}\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nToolTip.propTypes = {\n\ttip: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.func]).isRequired,\n\tlink: PropTypes.object,\n\ttooltipLinkHandler: PropTypes.func,\n\tdirection: PropTypes.oneOf([\"left\", \"right\", \"top\", \"bottom\"]),\n\tchildren: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n\ttargetObj: PropTypes.object,\n\tid: PropTypes.string.isRequired,\n\tclassName: PropTypes.string,\n\tmousePos: PropTypes.object,\n\tdisable: PropTypes.bool, // Tooltip will not show if disabled\n\tshowToolTipIfTruncated: PropTypes.bool, // Set to true to only display tooltip if full text does not fit in displayable width\n\ttruncatedRef: PropTypes.object,\n\tdelay: PropTypes.number,\n\tshowToolTipOnClick: PropTypes.bool\n};\n\nToolTip.defaultProps = {\n\tdelay: 200,\n\tdirection: \"bottom\",\n\tshowToolTipIfTruncated: false, // False will always show Tooltip even when whole word can be displayed\n\tshowToolTipOnClick: false\n};\n\nexport default ToolTip;\n"],"names":["ToolTip","_React$Component","props","_this","_classCallCheck","_callSuper","state","isTooltipVisible","uuid","uuid4","pendingTooltip","hideTooltipOnScrollAndResize","bind","_assertThisInitialized","tabKeyPressed","_inherits","_createClass","key","value","window","addEventListener","this","targetObj","setTooltipVisible","removeEventListener","clearTimeout","visible","showTooltip","setState","tooltip","document","querySelector","concat","id","tooltipTrigger","updateTooltipLayout","getAttribute","linkElement","targetRef","focus","evt","triggerRef","currentDirection","newDirection","canDisplayFullText","disable","showToolTipIfTruncated","elem","triggerElem","truncatedRef","fullWidth","firstChild","scrollWidth","childWidth","offsetWidth","that","setTimeout","delay","direction","tooltipDirection","viewPortWidth","documentElement","clientWidth","viewPortHeight","clientHeight","triggerLayout","getBoundingClientRect","pointer","pointerLayout","style","left","getStyleValue","top","mousePos","updateLocationBasedOnMousePos","tooltipLeft","width","offsetLeft","Math","round","right","height","offsetHeight","bottom","tooltipTop","isOutOfBounds","getNewDirection","setAttribute","mouseX","x","mouseY","y","parseFloat","stopPropagation","preventDefault","_this2","tooltipContent","triggerContent","children","React","createElement","className","onMouseOver","showToolTipOnClick","onMouseLeave","onMouseDown","onClick","toggleTooltipOnClick","onFocus","showTooltipWithDelay","onBlur","_evt$relatedTarget","_el$tagName","el","relatedTarget","closest","tagName","toLowerCase","onKeyDown","setKeyPressed","tabIndex","role","ref","tip","_typeof","tipClass","linkClicked","link","tooltipLinkHandler","linkInformation","label","url","linkRef","focusedElement","open","Link","href","target","rel","visited","Portal","viewBox","points","Component","defaultProps"],"mappings":"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"}

package/dist/styles/common-canvas.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- .properties-action-button{display:inline-block}.properties-action-button.hide{display:none}.properties-control-item>.properties-action-button,.properties-ctrl-wrapper>.properties-action-button{padding-top:1rem}.properties-action-image{padding:0 0 0 .5rem;cursor:pointer;align-self:flex-end}.properties-action-image.left{order:-1;padding:0 .5rem 0 0}.properties-action-image.hide{display:none}.properties-action-image.disabled{cursor:not-allowed;opacity:.5}.properties-control-item.hide{display:none}.properties-control-item[disabled] .properties-label-container,.properties-control-item[disabled] .properties-control-description{opacity:.5;pointer-events:none}.properties-control-item .properties-action-image.right{margin-left:auto;float:right}.properties-control-item .properties-action-image.left{float:left}.properties-label-container{display:flex;align-items:center;padding-bottom:.5rem}.properties-label-container label,.properties-label-container .properties-indicator{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#525252}.properties-label-container .properties-indicator{padding-left:.25rem}.properties-label-container.table-control label,.properties-label-container.table-control .properties-indicator{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#161616}.properties-label-container .tooltip-container,.properties-summary-link-container .tooltip-container,.properties-checkbox-tooltip-container .tooltip-container,.properties-radioset-panel .tooltip-container{display:flex;width:16px;height:16px;margin-left:.5rem;cursor:pointer}.properties-control-description{font-size:.75rem;line-height:1.33333;letter-spacing:.32px;color:#525252;padding-bottom:.5rem;white-space:pre-wrap}.bx--label .properties-label-container{padding-bottom:0}.properties-title-editor{padding:1rem 0;border-bottom:1px #e0e0e0 solid}.properties-title-right-flyout-tabs-view{border-bottom:none}.properties-title-heading{padding:0 1rem .25rem;height:1.5rem;display:flex;align-items:center}.properties-title-heading .properties-title-heading-icon{height:1.5rem;width:1.5rem;margin-right:.5rem}.properties-title-heading .properties-title-heading-label{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px}.properties-title-heading .properties-title-editor-btn.help.help{margin-left:.25rem}.properties-title-editor-input{width:calc(100% - 0.5rem);top:1px;position:relative;display:inline-flex;align-items:center}.properties-title-editor-input.properties-title-editor-with-help{width:calc(100% - 2rem - 0.5rem)}.properties-title-editor-input .bx--form-item.bx--text-input-wrapper{width:100%}.properties-title-editor-input .bx--form-item.bx--text-input-wrapper input{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0;color:#161616;min-width:unset;background:unset;text-overflow:ellipsis;border-bottom:unset}.properties-title-editor-input .bx--form-item.bx--text-input-wrapper input[readonly]{box-shadow:unset;cursor:default}.properties-title-editor-input .bx--form-item.bx--text-input-wrapper .bx--form-requirement{margin:.25rem 0 0 1rem}.properties-title-editor-input .bx--form-item.bx--text-input-wrapper .bx--text-input__field-wrapper--warning input{border-bottom:1px solid #8d8d8d}.properties-title-editor-input .properties-title-editor-btn{position:absolute;right:.125rem}.properties-title-editor-with-warning,.properties-title-editor-with-error{width:calc(100% - 2px)}.properties-close-button{position:relative;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem}.properties-title-with-heading>.properties-close-button{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;padding:0}.properties-mr-button-container{width:16px;padding-left:2px;height:100%;display:flex;flex-direction:column;justify-content:center}.table-row-move-button.bx--btn--ghost{padding:0;min-height:24px;margin-bottom:8px}.table-row-move-button.bx--btn--ghost>svg{height:16px;width:16px;margin-left:0}.properties-mr-table-container{width:100%;display:inline-block}.properties-mr-table-container>tbody{width:100%;display:inline-block}.properties-mr-table-container>tbody .properties-mr-table-content{width:100%;display:flex;border-bottom:0}.properties-mr-table-container>tbody .properties-mr-table-content.disabled{pointer-events:none;opacity:.5}.properties-mr-table-container>tbody .properties-mr-table-content>td:first-of-type{width:100%}.properties-wf-content .properties-fp-table .properties-ft-container-wrapper{height:100%}.properties-fp-data{height:100%;display:flex;align-items:center}.properties-fp-field,.properties-fp-data{padding-left:1rem;display:flex;align-items:center}.properties-fp-schema{padding-left:1rem}.properties-fp-field-type-icon,.properties-fp-data-type-icon{display:flex;align-items:center;margin-right:.5rem}.properties-fp-field-type-icon>svg,.properties-fp-data-type-icon>svg{width:1rem;height:1rem}.properties-fp-filter-list{display:flex;align-items:center}.properties-fp-filter-list .properties-fp-filter-list-title.properties-fp-filter-list-li{width:auto;margin-left:1rem}.properties-fp-filter-list .properties-fp-filter-list-li{float:left;padding:.125rem}.properties-fp-filter-list .properties-fp-filter-list-li button{min-height:1rem;padding:0;border:0}.properties-fp-filter-list .properties-fp-filter-list-li svg{height:1rem;width:1rem;margin:.125rem}.properties-fp-filter-list .properties-fp-filter-list-li svg[disabled]{fill:#c6c6c6}.properties-fp-table{width:100%;height:100%}.properties-fp-table .properties-fp-top-row{width:50%;float:right;display:flex;justify-content:space-between}.properties-fp-table .properties-fp-top-row .properties-fp-reset-button-container span{margin-right:.25rem}.properties-fp-table .properties-ft-empty-table{display:none}.properties-modal .properties-fp-table{padding-bottom:1.5rem;margin-bottom:4rem}.properties-modal .properties-fp-table .properties-fp-top-row{justify-content:flex-end}.properties-tearsheet-panel.bx--modal .properties-fp-table{border-top:1px solid #e0e0e0;padding:1rem}.properties-tearsheet-panel.bx--modal .properties-fp-table .properties-fp-top-row{justify-content:flex-end}.properties-tearsheet-panel.bx--modal .properties-fp-table .properties-modal-buttons{width:100%}.properties-modal .bx--modal-close{display:none}.properties-modal .bx--modal-container{padding:0}.properties-modal .bx--modal-content{margin-bottom:1rem;padding:0}.properties-modal.noButtons .bx--modal-footer{opacity:0;pointer-events:none;display:none}.properties-wf-overlay{position:fixed;display:none;top:0;left:0;right:0;bottom:0;background-color:rgba(22,22,22,.5);z-index:1000;cursor:default}.properties-wf-overlay.show{display:block}.properties-wf-content{position:fixed;display:block;width:675px;margin-right:-675px;z-index:1001;background-color:#fff;right:0;transition:margin-right .1s}.properties-wf-content.show{margin-right:0;transition:margin-right .3s}.properties-wf-content .properties-wf-title{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;padding-left:1.5rem;display:flex;align-items:center;height:41px;border-bottom:1px solid #e0e0e0}.properties-wf-content .properties-wf-children{padding:1rem;overflow-y:auto;height:calc(100% - 41px - 64px)}.properties-light-disabled{background-color:#f4f4f4}.properties-validation-message{margin-top:.25rem;display:flex}.properties-validation-message .icon{margin:0 .125rem}.properties-validation-message .icon .properties-validation-icon-warning{fill:#f1c21b}.properties-validation-message .icon .properties-validation-icon-warning [data-icon-path=inner-path]{fill:#161616;opacity:1}.properties-validation-message .icon .properties-validation-icon-error{fill:#da1e28}.properties-validation-message .icon .properties-validation-icon-info{fill:#0043ce}.properties-validation-message .icon .properties-validation-icon-success{fill:#198038}.properties-validation-message span{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#161616}.properties-validation-message.error span{color:#da1e28}.properties-validation-message.hide{display:none}.properties-validation-message.inTable{margin-top:0;position:absolute;top:0}.properties-validation-message.inTable .icon svg{height:.5rem;width:.5rem}.properties-modal-buttons{justify-content:flex-end;display:flex;height:4rem;bottom:0;position:absolute;width:100%;left:0}.properties-modal-buttons.hide{display:none}.properties-modal-buttons .properties-apply-button,.properties-modal-buttons .properties-cancel-button{width:50%;max-width:unset;padding:0 0 1rem 1rem}.properties-primaryTabs .bx--tabs__nav-item{margin-left:1rem}.properties-single-category{padding:1rem}.properties-right-flyout .properties-editor-form{height:100%}.properties-right-flyout .properties-single-category{height:100%}.properties-right-flyout .properties-single-category .properties-sub-tab-container{position:relative;height:100%}.properties-right-flyout .properties-single-category .properties-subtabs{position:absolute;height:2.5rem;border-bottom:1px solid #e0e0e0}.properties-right-flyout .properties-single-category .properties-subtab-panel{height:calc(100% - 2.5rem);position:relative;top:2.5rem;overflow-y:auto;overflow-x:hidden}.properties-category-container{position:relative}.properties-category-container:last-of-type .properties-category-content.show{border-bottom:0}.properties-category-title{font-size:.875rem;font-weight:400;line-height:1.42857;letter-spacing:.16px;-webkit-text-decoration-color:#161616;text-decoration-color:#161616;color:#161616;height:46px;width:100%;display:flex;background-color:#f4f4f4;justify-content:space-between;align-items:center;padding:0 1rem;border:0;outline:none;border-bottom:1px solid #e0e0e0;cursor:pointer}.properties-category-title:hover{background-color:#e5e5e5}.properties-category-title>svg{height:20px;width:20px;fill:#161616}.properties-category-content{height:100%;padding:1rem;border-bottom:1px solid #e0e0e0;display:none}.properties-category-content.show{display:inherit}.properties-subtabs .bx--tabs__nav,.properties-primaryTabs .bx--tabs__nav{overflow-x:auto}.properties-static-text-container{display:flex;align-items:center;padding:.25rem 0}.properties-static-text-container .properties-static-text{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;color:#161616}.properties-static-text-container .properties-static-text.info{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#525252}.properties-static-text-container svg{width:16px;height:16px;margin-right:.5rem}.properties-h-separator{margin-top:1rem;margin-bottom:1rem}.properties-link-text-container{display:flex;align-items:center;padding:.75rem 0 0 0}.properties-link-text-container svg{margin-right:.5rem}.properties-link-text-container .properties-link-text{cursor:pointer}.properties-light-enabled{background-color:#fff}.properties-custom-panel+.properties-control-panel{padding-top:1rem}.properties-editor-form.tearsheet-container,.properties-editor-form.right-flyout-tabs-view{height:100%}.properties-editor-form.tearsheet-container .properties-primaryTabs,.properties-editor-form.right-flyout-tabs-view .properties-primaryTabs{position:absolute;height:2.5rem;border-bottom:1px solid #e0e0e0}.properties-editor-form.tearsheet-container .properties-primary-tab-panel.tearsheet-container,.properties-editor-form.tearsheet-container .properties-primary-tab-panel.right-flyout-tabs-view,.properties-editor-form.right-flyout-tabs-view .properties-primary-tab-panel.tearsheet-container,.properties-editor-form.right-flyout-tabs-view .properties-primary-tab-panel.right-flyout-tabs-view{height:calc(100% - 2.5rem);position:relative;top:2.5rem;overflow-y:auto;overflow-x:hidden}.properties-ft-table-header{display:flex;justify-content:flex-end;height:2rem}.properties-ft-table-header .properties-ft-search-container{min-width:50%;flex-grow:1}.properties-ft-table-header .properties-ft-search-container .properties-ft-search-text svg{fill:#161616}.properties-ft-table-header .properties-ft-search-container.disabled{opacity:.5}.properties-ft-container-panel{height:calc(100% - 2rem)}.properties-ft-control-container{height:100%}.properties-ft-container-wrapper{height:400px;width:100%;position:relative;overflow:hidden}.properties-ft-container-wrapper.error{border:1px solid #da1e28}.properties-ft-container-wrapper.warning{border:1px solid #f1c21b}.properties-ft-container-absolute-noheader{position:absolute;height:100%;width:100%;overflow-y:auto;overflow-x:hidden;background-color:#fff;display:flex;flex-direction:column}.properties-ft-container-absolute{height:100%;width:100%;background-color:#fff}.properties-ft-container-absolute .properties-ft-container{height:100%}.properties-ft-container-absolute div[data-role=properties-header-row]{width:inherit;display:inline-flex}.properties-ft-container-absolute div[data-role=properties-header-row] .properties-autosized-vt-header:focus{outline:none}.properties-ft-container-absolute div[data-role=properties-header-row] .properties-autosized-vt-header .properties-ft-column-sort-icon svg:not(:root){display:none}.properties-ft-container-absolute div[data-role=properties-header-row] .properties-autosized-vt-header:hover:not([disabled]) .properties-ft-column-sort-icon svg:not(:root){display:inline}.properties-ft-container-absolute div[data-role=properties-header-row] .properties-autosized-vt-header .sort-column-active>.properties-ft-column-sort-icon svg:not(:root){display:inline}.properties-ft-container-absolute div[data-role=properties-header-row] .properties-tooltips-container{display:inline-flex;justify-content:space-between;width:100%;align-self:center;padding:0 1rem}.properties-ft-container-absolute div[data-role=properties-header-row] .tooltip-container{overflow:hidden}.properties-ft-container-absolute div[data-role=properties-header-row] .tooltip-trigger{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%;font-weight:600}.properties-ft-empty-table{height:calc(5rem + 2.5rem);display:flex;justify-content:center;align-items:center;padding:0 1rem;font-size:.875rem;font-weight:400;line-height:1.42857;letter-spacing:.16px}.properties-light-enabled .properties-ft-empty-table{background-color:#f4f4f4}.properties-light-disabled .properties-ft-empty-table{background-color:#fff}.properties-truncated-tooltip{overflow:hidden}.properties-truncated-tooltip .tooltip-trigger div{width:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.properties-vt{width:100%;height:100%}.properties-vt .properties-autosized-vt>div[role=rowgroup]:focus{outline-style:none}.properties-vt .properties-autosized-vt .properties-vt-row-disabled{opacity:.5}.properties-vt .properties-autosized-vt .properties-vt-row-disabled:hover{border-bottom:1px solid #e0e0e0}.properties-vt .properties-vt-header-checkbox{height:2rem;display:flex;align-items:center;margin-left:1rem;margin-right:.25rem}.properties-vt div[data-role=properties-header-row]{background-color:#e0e0e0}.properties-vt div[data-role=properties-data-row]{background-color:#f4f4f4}.properties-vt .properties-autosized-vt-header{text-transform:none;margin-left:0}.properties-vt .properties-autosized-vt-header .properties-vt-column .bx--checkbox-wrapper{margin-top:0;margin-bottom:0}.properties-vt .properties-autosized-vt-header .properties-vt-column .bx--checkbox-wrapper .bx--checkbox-label{width:100%}.properties-vt .properties-autosized-vt-header .properties-vt-column .bx--checkbox-wrapper .bx--checkbox-label span{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#161616;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;line-height:unset}.properties-vt .properties-vt-column-with-resize,.properties-vt .properties-vt-column-without-resize{display:inline-flex;width:100%}.properties-vt .properties-vt-column-with-resize .properties-vt-header-resize{flex:0 0 .25rem;z-index:2;cursor:col-resize}.properties-vt .properties-vt-column-with-resize .properties-vt-header-resize:hover{background-color:#6f6f6f}.properties-vt .properties-vt-column-with-resize .properties-vt-header-resize-active{z-index:3}.properties-vt .properties-vt-column-with-resize:hover{background-color:#c6c6c6}.properties-vt .properties-vt-column-with-resize:hover .properties-vt-header-resize{background-color:#6f6f6f}.properties-vt .properties-vt-label-tip-icon{width:inherit;display:flex;align-items:center}.properties-vt .properties-vt-label-tip-icon .properties-vt-info-icon-tip{height:1rem;margin-left:.5rem}.properties-vt .properties-vt-label-tip-icon .properties-vt-info-icon-tip .properties-vt-info-icon:hover{cursor:pointer}.properties-vt .properties-vt-row-checkbox{height:2rem;margin-left:1rem;margin-right:.25rem}.properties-vt .properties-vt-double-click:first-of-type .properties-vt-row-class{border-top:1px solid transparent}.properties-vt .properties-vt-double-click:first-of-type .properties-vt-row-class.properties-vt-row-selected{border-top:1px solid #cacaca}.properties-vt .properties-vt-row-class{line-height:20px;border-bottom:1px solid #e0e0e0}.properties-vt .properties-vt-row-class:hover:not(.properties-vt-row-non-interactive):not(.properties-vt-row-selected){background-color:#e5e5e5}.properties-vt .properties-vt-row-class .properties-table-cell-control .properties-numberfield input{margin-bottom:5px}.properties-vt .properties-vt-row-class .properties-table-cell-control .properties-textarea textarea{resize:none;height:42px;min-width:100%}.properties-vt .properties-vt-row-class .ReactVirtualized__Table__headerColumn{margin-right:0;display:flex;flex-direction:row;justify-content:center;height:100%}.properties-vt .properties-vt-row-class .ReactVirtualized__Table__rowColumn{margin-right:0;margin-left:0}.properties-vt .properties-vt-row-class .ReactVirtualized__Table__sortableHeaderColumn .properties-vt-label-tip-icon{padding-right:.5rem}.properties-vt .properties-vt-row-class .ReactVirtualized__Table__sortableHeaderColumn:hover{background-color:#c6c6c6}.properties-vt .properties-vt-row-class .ReactVirtualized__Table__headerTruncatedText{flex:auto}.properties-vt .properties-vt-row-selected{background-color:#e0e0e0;border-bottom:1px solid #cacaca}.properties-vt .properties-vt-row-selected:hover{background-color:#cacaca}.properties-vt .properties-vt-single-selection div[data-role=properties-header-row]{padding-left:3px}.properties-vt .properties-vt-single-selection .properties-vt-row-class{padding-left:3px}.properties-vt .properties-vt-single-selection .properties-vt-row-selected{border-left:4px solid #0f62fe;padding-left:0}.properties-vt .properties-vt-single-selection .properties-vt-row-selected:not(.properties-vt-row-disabled):hover{border-left:4px solid #0f62fe}.properties-vt .properties-vt-small-loading svg{stroke:#0f62fe}.properties-vt .properties-vt-autosizer{height:100%;width:100%}.properties-vt .properties-light-disabled div[data-role=properties-data-row]{background-color:#fff}.properties-vt .properties-light-disabled .bx--select--inline .bx--select-input[disabled]{background-color:#f4f4f4}.properties-vt .properties-ft-column-sort-icon{flex:0 0 1rem;align-self:center;height:1rem;margin-right:.5rem}.properties-empty-table{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px}.properties-empty-table[disabled]{opacity:.5;pointer-events:none}.properties-empty-table .properties-empty-table-button{margin:1rem 0}.properties-custom-table-buttons .toolbar-div .toolbar-right-bar{display:none}.properties-custom-table-buttons .toolbar-popover-list{top:2rem;right:0}.properties-readonly.hide{display:none}.properties-readonly .properties-tooltips{white-space:normal;overflow:visible;word-break:break-word;text-overflow:clip}.properties-readonly span{white-space:normal;line-height:1.5;overflow-wrap:break-word;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text}.properties-readonly span[disabled]{opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.properties-readonly .properties-field-readonly{height:100%;width:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center}.properties-readonly .properties-field-readonly .properties-field-type-icon{width:15px;height:15px;float:left;margin-right:5px;flex-shrink:0}.properties-readonly .properties-field-readonly .properties-field-type-icon svg{width:16px;height:16px}.properties-readonly .tooltip-trigger span{white-space:nowrap}.properties-checkbox{display:flex;align-items:center;flex-wrap:wrap}.properties-checkbox .tooltip-container{margin-left:.5rem;cursor:pointer}.properties-checkbox .tooltip-container .tooltip-trigger{display:flex}.properties-checkbox .bx--form-item.bx--checkbox-wrapper{flex:initial}.properties-checkbox .properties-validation-message{flex:0 1 100%}.properties-checkbox.hide{display:none}.table .bx--form-item.bx--checkbox-wrapper:first-of-type{margin-top:0;padding:1px}.properties-toggle .properties-label-container{padding-bottom:0}.properties-table-cell-control .bx--toggle__switch{margin-bottom:1rem}.properties-checkboxset.hide{display:none}.properties-checkboxset .bx--form-item.bx--checkbox-wrapper:first-of-type{margin-bottom:.5rem;flex:0 1 auto}.properties-checkboxset .properties-checkboxset-container .properties-checkbox-tooltip-container{display:flex;align-items:center}.properties-checkboxset .properties-checkboxset-container .properties-checkbox-tooltip-container .tooltip-container{margin-bottom:.25rem}.properties-checkboxset .properties-checkboxset-container.error:not([disabled]){padding-bottom:.25rem}.properties-checkboxset .properties-checkboxset-container.warning:not([disabled]){padding-bottom:.25rem}.properties-dropdown .bx--list-box--expanded .bx--list-box__menu{margin-bottom:1px}.properties-dropdown.hide{display:none}.properties-table-cell-control>.properties-dropdown{width:100%}.properties-table-cell-control>.properties-dropdown .bx--select.bx--select--inline{width:100%}.properties-table-cell-control>.properties-dropdown .bx--select.bx--select--inline .bx--select-input--inline__wrapper{width:100%}.properties-table-cell-control>.properties-dropdown .bx--select.bx--select--inline svg{right:0}.properties-table-cell-control>.properties-dropdown .bx--select-input{width:inherit;background-color:transparent;padding:0 1.25rem 0 0;box-shadow:0 2px 0 0 #0f62fe}.properties-table-cell-control>.properties-dropdown .bx--select-input:hover{background:unset}.properties-table-cell-control>.properties-dropdown .bx--select-input:focus{outline:unset}.properties-table-cell-control>.properties-dropdown.error .bx--select-input{box-shadow:0 2px 0 0 #da1e28}.properties-table-cell-control>.properties-dropdown.warning .bx--select-input{box-shadow:0 2px 0 0 #f1c21b}.properties-expression-selection-container,.properties-field-and-values-table-container,.properties-functions-table-container{width:100%}.properties-expression-selection-container tbody tr,.properties-field-and-values-table-container tbody tr,.properties-functions-table-container tbody tr{border-bottom:0}.properties-expression-selection-container{padding-top:.5rem}.properties-expression-selection-operator{padding-bottom:2rem}.properties-field-table-container{width:48%;float:left}.properties-field-table-container .properties-ft-search-container{width:100%}.properties-value-table-container{width:48%;margin-left:52%}.properties-value-table-container .properties-ft-search-container{width:100%}.properties-functions-table{width:68%;float:left}.properties-functions-table .properties-ft-search-container{width:100%}.properties-help-table-container{width:28%;margin-left:70%}.properties-function-help-command{font-weight:700;text-decoration:underline}.properties-function-help-text{overflow-wrap:break-word}.properties-operator-title{padding-top:1rem;padding-bottom:2rem;width:100%;font-weight:bold;text-align:center}.properties-operator-container{display:flex;flex-wrap:wrap}.properties-operator-container .properties-operator-tooltip-container{width:36px;margin-right:.5rem;margin-top:.5rem}.properties-operator-container .properties-operator-button{height:36px;width:36px;padding:0}.properties-operator-container .properties-operator-button .properties-operator-button-label{margin:0 auto}.properties-expression-selection-content-switcher{padding-bottom:2.5rem}.properties-expression-selection-content-switcher div{max-width:50%;float:right}.properties-expression-field-select,.properties-expression-function-select{padding-top:1.5rem;padding-bottom:1.5rem}.properties-expression-table-dropdown-header{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;padding-bottom:.25rem}.properties-primaryTabs .bx--tabs-trigger{margin-bottom:5px}.properties-expression-toggle{position:relative;z-index:999}.properties-expression-toggle .properties-expression-toggle-absolute{position:absolute;width:100%}.properties-expression-toggle .properties-expression-toggle-absolute button.bx--btn.bx--btn--icon-only{position:absolute;right:0}.react-codemirror2 .CodeMirror{width:100%;background:#f4f4f4;color:#161616}.react-codemirror2 .CodeMirror .CodeMirror-gutters{border-right:none;background-color:inherit}.react-codemirror2 .CodeMirror .CodeMirror-lines{padding-top:1rem}.react-codemirror2 .CodeMirror .CodeMirror-lines .CodeMirror-line-like{padding-left:.5rem}.react-codemirror2 .CodeMirror .CodeMirror-lines .CodeMirror-placeholder{opacity:.5;font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;font-size:.875rem;font-weight:400;line-height:1.42857;letter-spacing:.32px}.react-codemirror2 .CodeMirror .CodeMirror-lines .CodeMirror-cursor{border-left:1px solid #161616}.react-codemirror2 .CodeMirror .CodeMirror-lines .CodeMirror-code .CodeMirror-linenumber{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px}.react-codemirror2 .CodeMirror .CodeMirror-lines .CodeMirror-code .CodeMirror-line{padding-left:.5rem}.react-codemirror2 .CodeMirror .CodeMirror-lines .CodeMirror-code .CodeMirror-line span{font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;font-size:.875rem;font-weight:400;line-height:1.42857;letter-spacing:.32px}.react-codemirror2 .cm-s-error.CodeMirror{border:.125rem solid #da1e28}.react-codemirror2 .cm-s-warning.CodeMirror{border:.125rem solid #f1c21b}.react-codemirror2 .cm-s-disabled.CodeMirror{opacity:.5}.react-codemirror2 .cm-s-custom .cm-keyword{color:#0f62fe}.react-codemirror2 .cm-s-custom .cm-number{color:#525252}.react-codemirror2 .cm-s-custom .cm-def{color:#da1e28}.react-codemirror2 .cm-s-custom .cm-comment{color:#198038}.react-codemirror2 .cm-s-custom .cm-variable,.react-codemirror2 .cm-s-custom .cm-punctuation,.react-codemirror2 .cm-s-custom .cm-property,.react-codemirror2 .cm-s-custom .cm-operator{color:#161616}.react-codemirror2 .cm-s-custom .cm-variable-2{color:#161616}.react-codemirror2 .cm-s-custom .cm-variable-3,.react-codemirror2 .cm-s-custom .cm-type{color:#161616}.react-codemirror2 .cm-s-custom .cm-string{color:#da1e28}.react-codemirror2 .cm-s-custom .cm-string-2{color:#da1e28}.react-codemirror2 .cm-s-custom .cm-meta{color:#fff}.CodeMirror-hints{z-index:1110}.properties-expression-editor{border:1px solid #e0e0e0}.properties-expression-editor.disabled{opacity:.5}.properties-expression-editor.error,.properties-expression-editor.warning{border:0}.properties-light-disabled .CodeMirror{background:#fff}.properties-expression-link-container{display:flex;justify-content:space-between}.properties-expression-link-container .properties-expression-validate{display:flex;flex-direction:row-reverse}.properties-expression-link-container .properties-expression-validate .icon{margin:.125rem}.properties-expression-link-container .properties-expression-validate .icon svg{height:10px;width:10px}.properties-expression-link-container .properties-expression-validate .validateLink{min-height:2rem;padding:.25rem}.properties-expression-header{position:relative;height:2rem}.properties-expression-header .properties-expression-title{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;position:absolute;bottom:5px;left:0}.properties-expression-header .properties-expression-link-container{position:absolute;bottom:0;right:0}.properties-expression-button.bx--btn--sm.bx--btn--ghost{padding:.25rem}.properties-expression-button.bx--btn--sm.bx--btn--ghost svg{height:20px;width:20px;margin-left:0}.properties-radioset.hide{display:none}.properties-radioset .bx--form-item{margin-bottom:.25rem}.properties-radio-button-group{display:block}.properties-radio-button-group.horizontal{display:inline-flex;flex-wrap:wrap}.properties-radio-button-group.horizontal .properties-radioset-panel{display:flex;height:auto;align-items:center;margin-bottom:0}.properties-radio-button-group .properties-radioset-panel{margin-bottom:.25rem;margin-right:.75rem;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;overflow:hidden}.properties-radio-button-group .properties-radioset-panel .bx--radio-button-wrapper{margin-right:0}.properties-radio-button-group .properties-radioset-panel .properties-radioset-tooltip{display:flex;align-items:center;margin:2.5px 0 1.5px 0}.properties-radio-button-group .properties-radioset-panel .properties-control-nested-panel{flex-basis:100%;width:100%}.properties-radio-button-group .properties-radioset-panel:last-of-type{margin-bottom:0}.properties-radio-button-group.error:not([disabled]){padding-bottom:.25rem}.properties-radio-button-group.warning:not([disabled]){padding-bottom:.25rem}.properties-textarea .bx--form-item{margin-right:0;margin-bottom:0}.properties-textarea.hide{display:none}.properties-someofselect .properties-ft-container-absolute-noheader tr{border-bottom:0}.properties-someofselect .properties-ft-container-absolute-noheader tr:not(.disabled):hover{border:1px solid #0f62fe}.properties-someofselect.hide{display:none}.properties-someofselect.error .properties-ft-container-absolute-noheader{border:1px solid #da1e28}.properties-someofselect.warning .properties-ft-container-absolute-noheader{border:1px solid #f1c21b}.properties-someofselect .properties-vt-row-checkbox{margin-right:1rem}.properties-toggletext.hide{display:none}.properties-toggletext.error button{border-bottom:2px solid #da1e28}.properties-toggletext.warning button{border-bottom:2px solid #f1c21b}.properties-table-cell-control .properties-toggletext button{padding:0 .25rem}.properties-input-control.hide{display:none}.properties-input-control .bx--form-item{margin-right:0;margin-bottom:0}.properties-input-control input{min-width:unset}.properties-table-cell-control .properties-input-control{padding-bottom:5px;width:100%}.properties-table-cell-control .properties-input-control input{background:unset;background-color:unset;margin:0;padding:0;height:1.72rem;text-overflow:ellipsis}.properties-table-cell-control .properties-input-control input:focus{border-top:0;border-right:0;border-left:0}.properties-table-cell-control .properties-input-control.error input:not([disabled]){box-shadow:0 2px 0 0 #da1e28}.properties-table-cell-control .properties-input-control.warning input:not([disabled]){box-shadow:0 2px 0 0 #f1c21b}.properties-table-cell-control input:disabled:hover{box-shadow:0 2px 0 0 #525252}.properties-table-cell-control .properties-textinput-readonly{margin-bottom:-5px}.properties-table-cell-control .properties-textinput-readonly .properties-validation-message.inTable{margin-left:-0.75rem}.properties-table-cell-control>div>:first-child{padding:0 1rem}.properties-table-subcell{display:flex;align-items:center;height:100%}.properties-at-selectedEditRows{background-color:#393939}.properties-at-selectedEditRows .properties-selectedEditRows-title{padding-top:10px;padding-bottom:10px;padding-left:12px;color:#fff}.properties-at-selectedEditRows .properties-ft-table-header{display:none}.properties-at-selectedEditRows .properties-vt-row-checkbox{width:1.25rem}.properties-at-selectedEditRows .properties-vt-row-class{background-color:#e0e0e0}.properties-at-selectedEditRows .properties-vt-row-class:hover{border:1px solid transparent;background-color:#cacaca}.properties-numberfield .bx--form-item{margin-right:0;margin-bottom:0}.properties-numberfield .properties-number-generator{margin-left:1rem;right:.125rem;width:2.5rem;min-height:2.5rem;padding-left:.75rem;padding-right:.75rem}.properties-numberfield.numberfield-with-number-generator{width:100%;display:inline-flex;align-items:flex-end}.properties-numberfield.numberfield-with-number-generator.error,.properties-numberfield.numberfield-with-number-generator.warning{align-items:flex-start}.properties-numberfield.numberfield-with-number-generator.error .properties-number-generator,.properties-numberfield.numberfield-with-number-generator.warning .properties-number-generator{margin-top:1.5rem}.properties-table-cell-control .properties-numberfield .bx--number[data-invalid] .bx--form-requirement{display:none}.properties-table-cell-control .properties-numberfield.error input[type=number]:not([disabled]),.properties-table-cell-control .properties-numberfield.error input[type=number]:focus:not([disabled]){box-shadow:0 2px 0 0 #da1e28}.properties-table-cell-control .properties-numberfield.warning input[type=number]:not([disabled]),.properties-table-cell-control .properties-numberfield.warning input[type=number]:focus:not([disabled]){box-shadow:0 2px 0 0 #f1c21b}.properties-table-cell-control .properties-numberfield input[type=number]{background-color:unset;padding:0;height:1.5rem}.properties-table-cell-control .properties-numberfield .bx--number input[type=number]{min-width:0}.properties-structureeditor .hide{display:none}.properties-structureeditor-cell{padding-right:5px;vertical-align:middle}.properties-table-cell-control .properties-dropdown .bx--multi-select__wrapper>label{display:none}.properties-datepicker-range .bx--date-picker-container{justify-content:normal}.properties-table-cell-control .properties-datepicker .bx--date-picker.bx--date-picker--single .bx--date-picker__input{width:unset}.properties-datepicker .bx--date-picker-container .bx--form-requirement,.properties-datepicker .bx--date-picker-container .bx--form__helper-text{max-width:18rem}.properties-slider .bx--slider-container{min-width:100%}.properties-slider .bx--slider-container .bx--slider{min-width:unset}.properties-slider.error .bx--text-input--invalid,.properties-slider.error .bx--text-input{outline:unset;outline-offset:unset}.properties-slider.error input[type=number]:not([disabled]){border:2px solid #da1e28}.properties-slider.warning .bx--text-input--invalid,.properties-slider.warning .bx--text-input{outline:unset;outline-offset:unset}.properties-slider.warning input[type=number]:not([disabled]){border:2px solid #f1c21b}.properties-ctrl-wrapper{padding-bottom:1rem}.properties-ctrl-wrapper.action{display:flex}.properties-ctrl-wrapper.action>div:first-child{width:100%}.properties-summary-panel.properties-summary-panel.hide{display:none}.properties-summary-panel.properties-summary-panel[disabled]{opacity:.5;pointer-events:none}.properties-summary-panel.properties-summary-panel .properties-summary-link-icon{width:16px;height:16px}.properties-summary-link-container{display:flex;align-items:center}.properties-summary-values{border-top:1px solid #e0e0e0;padding:1rem 0}.properties-summary-table{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;color:#161616;max-height:270px;width:100%;display:flex;margin:.5rem 0}.properties-summary-table>tbody{width:100%}.properties-summary-label{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#161616;margin-bottom:1rem}.properties-summary-row{display:flex;padding:2px 0}.properties-summary-row span{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}button.properties-subpanel-button{padding:0;min-height:2rem;height:2rem;width:2rem;display:flex;justify-content:center}.properties-subpanel-modal-in-tearsheet .properties-light-disabled{background-color:#fff}.properties-subpanel-modal-in-tearsheet .properties-modal-children{padding:0 1rem}.properties-sub-tab-container .bx--tab-content{padding-left:0;padding-right:0}.properties-leftnav-container{display:flex;border-top:px solid #e0e0e0;height:calc(100% + calc(1rem + 1rem));margin-top:-1rem;margin-left:-1rem;margin-bottom:calc(-1 * calc(1rem + 1rem))}.properties-leftnav-container .properties-leftnav-subtabs{width:282px;background-color:#fff;border-right:1px solid #e0e0e0;padding-top:.25rem;height:100%}.properties-leftnav-container .properties-leftnav-subtabs ul.bx--tabs--scrollable__nav{flex-direction:column;width:282px}.properties-leftnav-container .properties-leftnav-subtabs li.bx--tabs--scrollable__nav-item--selected{border-left:3px solid #0f62fe;border-bottom:0;background-color:#e0e0e0}.properties-leftnav-container .properties-leftnav-subtabs li.bx--tabs--scrollable__nav-item--selected:hover{background-color:#e5e5e5}.properties-leftnav-container .properties-leftnav-subtabs li.bx--tabs--scrollable__nav-item--selected.properties-leftnav-subtab-item button{border-left:0}.properties-leftnav-container .properties-leftnav-subtabs li.properties-leftnav-subtab-item:hover button{border-bottom:0}.properties-leftnav-container .properties-leftnav-subtabs li.properties-leftnav-subtab-item button{border-left:3px solid transparent;border-bottom:0;transition:none}.properties-leftnav-container .properties-leftnav-subtabs li.properties-leftnav-subtab-item button:focus,.properties-leftnav-container .properties-leftnav-subtabs li.properties-leftnav-subtab-item button:active{outline:0;border-bottom:0;transition:none}.properties-leftnav-container div.bx--tab-content{width:100%;padding:1rem}.properties-twisty-panel.hide{display:none}.properties-twisty-panel .bx--accordion__item{border-top:0;margin:0 -1rem}.properties-twisty-panel .bx--accordion__item--active .bx--accordion__content{padding:1.5rem 1rem 1rem}.properties-twisty-panel+.properties-control-panel{padding-top:1rem}.properties-text-panel .panel-label{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#161616;padding-bottom:.5rem}.properties-text-panel .panel-description{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;color:#161616;padding-bottom:1rem}.properties-text-panel .tooltip-container{margin-bottom:.5rem}.properties-text-panel[disabled]{opacity:.5;pointer-events:none}.properties-text-panel.hide{display:none}.properties-action-panel{display:flex;flex-wrap:wrap;padding-bottom:.5rem}.properties-action-panel .properties-label-container{width:100%}.properties-action-panel:last-child{padding-bottom:1.5rem}.properties-action-panel[disabled]{opacity:.5;pointer-events:none}.properties-action-panel.hide{display:none}.properties-action-panel+.properties-control-panel{padding-top:.5rem}.properties-column-panel{display:grid;-moz-column-gap:1rem;column-gap:1rem}.properties-column-panel .properties-control-panel:not(:empty)+.properties-control-panel:not(:empty){padding-top:0}.properties-column-panel.hide{display:none}.properties-column-panel[disabled]{opacity:.5;pointer-events:none}.properties-control-panel{display:block}.properties-control-panel:last-child{padding-bottom:.5rem}.properties-control-panel.hide{display:none}.properties-control-panel[disabled]{opacity:.5;pointer-events:none}.properties-control-panel>.properties-control-panel:not(:empty):last-child{padding-bottom:0}.properties-control-panel+.properties-control-panel:not(:empty){padding-top:1.5rem}.properties-control-nested-panel{padding:0 0 0 1rem;border-left:1px solid #8d8d8d}.properties-control-nested-panel .properties-control-nested-panel{border-left:1px solid #e0e0e0}.properties-control-panel.tearsheet-container{display:flex;flex-direction:column;height:100%;flex-shrink:10}.properties-control-panel.tearsheet-container .properties-control-panel.tearsheet-container{height:unset}.properties-tearsheet-panel.properties-tearsheet-stacked.bx--modal .bx--modal-container{max-height:calc(100% - 104px);width:calc(100% - 96px)}.properties-tearsheet-panel.bx--modal{align-items:flex-end}.properties-tearsheet-panel.bx--modal.is-visible .bx--modal-container{transform:translate3d(0, 0, 0);transition:transform 240ms cubic-bezier(0, 0, 0.3, 1)}.properties-tearsheet-panel.bx--modal .bx--modal-container{max-height:calc(100% - 88px);height:100%;width:calc(100% - 128px);transform:translate3d(0, 500px, 0);transition:transform 240ms cubic-bezier(0, 0, 0.3, 1);background-color:#f4f4f4}.properties-tearsheet-panel.bx--modal .properties-tearsheet-header{padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0;margin-bottom:0;background-color:#fff}.properties-tearsheet-panel.bx--modal .properties-tearsheet-header h3{font-size:1.75rem;font-weight:400;line-height:1.28572;letter-spacing:0}.properties-tearsheet-panel.bx--modal .properties-tearsheet-header p{margin-top:.5rem;font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body{padding:1.5rem 2rem;margin-bottom:0}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--multi-select,.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--dropdown,.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--number input[type=number],.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--text-input,.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--text-area,.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--date-picker__input{background-color:#fff}.properties-tearsheet-panel.bx--modal .properties-tearsheet-header.with-tabs{border-bottom:0}.properties-tearsheet-panel.bx--modal .properties-tearsheet-header.hide-close-button button.bx--modal-close{display:none}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .properties-editor-form .properties-single-category{padding:1rem}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .properties-editor-form .properties-primaryTabs{background-color:#fff;border-bottom:1px solid #e0e0e0;margin-bottom:1rem;padding-left:1rem}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body.with-buttons{height:calc(100% - 4rem);border-bottom:1px solid #e0e0e0}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body.with-tabs{padding:0}.properties-tearsheet-panel.bx--modal .properties-modal-buttons{width:50%;right:0;left:unset}:export{flyoutWidthSmall:320px;flyoutWidthMedium:480px;flyoutWidthLarge:640px;flyoutWidthMax:900px}.properties-right-flyout{font-size:14px;width:0;height:100%;overflow:hidden;border-left:1px solid #e0e0e0;outline:none}.properties-right-flyout.properties-small{width:320px}.properties-right-flyout.properties-medium{width:480px}.properties-right-flyout.properties-large{width:640px}.properties-right-flyout.properties-max{width:900px}.properties-right-flyout:hover .properties-btn-resize{visibility:visible;opacity:1}.properties-right-flyout .properties-btn-resize{transition:visibility 240ms,opacity 240ms;opacity:0;visibility:hidden;position:absolute;top:50%;left:-13px;z-index:1;min-height:24px;min-width:24px;background-color:#fff;border:1px #8d8d8d solid;padding:2px;justify-content:center}.properties-right-flyout .properties-btn-resize:hover{background-color:#e0e0e0}.properties-right-flyout .properties-btn-resize svg{fill:#161616;width:16px;height:16px}.properties-right-flyout>.properties-custom-container{height:calc(100% - 65px - 4rem);overflow-y:auto;transform:translateZ(0)}.properties-right-flyout>.properties-custom-container.properties-custom-container-with-heading{height:calc(100% - 89px - 4rem)}.properties-right-flyout>.properties-custom-container.properties-custom-container-applyOnBlur{height:calc(100% - 6rem)}.properties-right-flyout>.properties-custom-container.properties-custom-container-applyOnBlur-with-heading{height:calc(100% - 89px)}.properties-light-enabled{background-color:#fff}.properties-light-disabled{background-color:#f4f4f4}.properties-error-heading .properties-validation-message{padding:40px 10px 0;align-items:left;-webkit-box-align:left;display:flex}.properties-error-heading .properties-validation-message span{font-size:20px;font-weight:300;font-style:italic}.properties-error-heading .properties-validation-message svg{height:25px}.properties-error-content{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;padding:0 1.5rem}.properties-modal-container{height:70px;align-items:left}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item.properties-hidden-container,.properties-hidden-container{display:none}.properties-modal-error button:first-of-type{display:none}.properties-flyout-error-container{height:calc(100% - 46px)}.notification-panel-container{opacity:1;margin-top:0;z-index:2}.notification-panel-container.panel-hidden{display:block;opacity:0;visibility:hidden}.notification-panel-container.panel-transition{transition:.25s ease-in-out}.notification-panel{position:absolute;top:41px;right:0;width:320px;height:-moz-fit-content;height:fit-content;min-height:calc(33px + 49px + 48px);max-height:calc(100% - 53px);display:grid;flex-direction:column;grid-template-rows:auto 1fr auto}.notification-panel-header-container{min-height:33px;height:-moz-fit-content;height:fit-content;width:inherit;background-color:#fff;display:flex;flex-direction:column;justify-content:center;border:1px solid #e0e0e0;border-bottom:0;padding:1rem}.notification-panel-header-container .notification-panel-header{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0;display:flex;justify-content:space-between;align-items:center}.notification-panel-header-container .notification-panel-subtitle{font-size:.75rem;line-height:1.33333;letter-spacing:.32px;color:#525252;padding-top:.25rem}.notification-panel-header-container .notification-panel-close-button{left:.25rem}.notification-panel-button-container{width:100%;height:49px;background-color:#fff;display:flex;justify-content:space-between;border:1px solid #e0e0e0;border-top:0;padding:.5rem 0;font-weight:400}.notification-panel-messages{overflow-y:auto;line-height:normal;background-color:#fff;border:1px solid #e0e0e0;max-height:448px}.notification-panel-messages .notifications-button-container{border-bottom:1px solid #e0e0e0;min-height:48px}.notification-panel-messages .notification-panel-empty-message-container{min-height:48px;display:flex;justify-content:center;align-items:center}.notification-panel-messages .notification-panel-empty-message-container .notification-panel-empty-message{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;text-align:center;padding-right:30px;padding-left:30px}.notification-panel-messages .notifications-button-container:nth-last-of-type(1){border-bottom:0}.notification-panel-messages .notifications{padding:1rem 1rem 1rem calc(1rem - 4px);display:inline-flex;width:100%;min-height:48px;background-color:#fff;border-style:none;border-left:4px solid #fff;cursor:default;margin-top:0;margin-bottom:0}.notification-panel-messages .notifications.clickable{cursor:pointer}.notification-panel-messages .notifications:active,.notification-panel-messages .notifications:focus{outline:none;border-style:none;border-left:4px solid #fff}.notification-panel-messages .notifications:hover{background-color:#e5e5e5}.notification-panel-messages .notifications:hover.unspecified{border-left:4px solid #fff}.notification-panel-messages .notifications:hover.error{border-left:4px solid #da1e28}.notification-panel-messages .notifications:hover.warning{border-left:4px solid #f1c21b}.notification-panel-messages .notifications:hover.success{border-left:4px solid #198038}.notification-panel-messages .notifications:hover.info{border-left:4px solid #0043ce}.notification-panel-messages .notifications .notification-message-type{display:flex;justify-content:center;height:18px;width:-moz-fit-content;width:fit-content;padding-right:.5rem}.notification-panel-messages .notifications .notification-message-type>svg{display:flex;justify-content:center;width:1rem;height:100%}.notification-panel-messages .notifications .notification-message-details{text-align:left;overflow-wrap:break-word;width:266px}.notification-panel-messages .notifications .notification-message-details .notification-message-title{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#525252;padding-bottom:.25rem}.notification-panel-messages .notifications .notification-message-details .notification-message-subtitle{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#161616}.notification-panel-messages .notifications .notification-message-details .notification-message-subtitle hr{margin-bottom:.5rem;border-bottom:0;border-top:solid 1px #e0e0e0}.notification-panel-messages .notifications .notification-message-details .notification-message-content{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#525252}.notification-panel-messages+*{clear:both}.notification-message-timestamp{display:inline-flex;color:#525252}.notification-message-timestamp svg{width:10px;height:10px;margin-right:3px;margin-top:3px}.notification-message-timestamp .notification-message-string{font-size:10px;margin-top:auto;margin-bottom:auto}.notification-message-close:hover{text-decoration:underline}.canvas-icon .stroke,.canvas-icon.stroke{stroke:#161616}.canvas-icon .fill,.canvas-icon.fill{fill:#161616}.canvas-icon[disabled]{fill:#c6c6c6}svg.properties-icon,svg.canvas-icon{fill:#161616}svg.canvas-state-icon-error{fill:#da1e28}svg.canvas-state-icon-success{fill:#198038}svg.canvas-state-icon-warning{fill:#f1c21b}svg.canvas-state-icon-warning [data-icon-path=inner-path]{fill:#161616;opacity:1}svg.canvas-state-icon-info{fill:#0043ce}svg.canvas-state-icon-information-hollow{fill:#161616}.toolbar-div{height:40px;width:100%;background-color:#fff;box-sizing:content-box;position:relative;display:flex;justify-content:space-between;-webkit-user-drag:none}.toolbar-div.toolbar-size-small{height:32px}.toolbar-div.toolbar-size-small .toolbar-left-bar{padding:0}.toolbar-div.toolbar-size-small .toolbar-item button,.toolbar-div.toolbar-size-small .toolbar-overflow-item>button{padding:0;height:32px}.toolbar-div.toolbar-size-small .toolbar-overflow-menu-item{height:-moz-fit-content;height:fit-content}.toolbar-div.toolbar-size-small .toolbar-item-content{padding:.25rem .5rem;height:32px;align-items:center;min-width:32px}.toolbar-div.toolbar-size-small .toolbar-popover-list button{padding:0}.toolbar-div.toolbar-size-small .toolbar-popover-list{top:calc(32px + 1px - 1px)}.toolbar-div.toolbar-size-small .toolbar-jsx-item{height:32px}.toolbar-div.toolbar-size-small .toolbar-tick-svg{height:32px;width:32px}.toolbar-left-bar{flex-shrink:5000000;display:block;padding-right:42px;overflow:hidden;align-items:center}.toolbar-right-bar{display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:flex-start;flex-shrink:1;overflow:hidden}.toolbar-item{background-color:#fff;display:inline-block}.toolbar-item button{padding:0;min-height:30px}.toolbar-item.default button,.toolbar-item.ghost button{background-color:#fff}.toolbar-item.default button:hover,.toolbar-item.ghost button:hover{background-color:#e5e5e5}.toolbar-item.default button:focus,.toolbar-item.ghost button:focus{background-color:#e5e5e5}.toolbar-item.default button:disabled:hover,.toolbar-item.ghost button:disabled:hover{background-color:#fff}.toolbar-item.tertiary button{color:#0f62fe;background-color:#fff}.toolbar-item.tertiary button:hover{background-color:#e5e5e5}.toolbar-item.tertiary button:disabled,.toolbar-item.tertiary button:disabled:hover{color:#c6c6c6;background-color:#fff}.toolbar-spacer{width:0;display:inline-block}.toolbar-overflow-item{background-color:#fff;display:inline-block}.toolbar-overflow-item button{padding:0;height:40px;min-height:30px;background-color:#fff;border-right:1px solid #e0e0e0}.toolbar-overflow-item button:hover{background-color:#e5e5e5}.toolbar-overflow-item button:disabled:hover{background-color:#fff}.toolbar-overflow-menu-item button{width:100%;padding-top:0;padding-bottom:0;padding-left:16px;padding-right:16px;min-height:20px}.toolbar-item-content{width:inherit;display:flex;justify-content:center;padding:11px}.toolbar-item-content.overflow{justify-content:left;padding:8px 0}.toolbar-item-content.default{color:#161616}.toolbar-item-content.disabled.default{color:#c6c6c6;fill:#c6c6c6}.toolbar-item-content .toolbar-icon{height:16px}.toolbar-item-content .toolbar-icon svg{height:16px;width:16px;-webkit-user-drag:none}.toolbar-text-content{position:absolute;top:14px;font-size:9px;line-height:9px;color:#161616}.toolbar-icon-label{line-height:16px}.toolbar-icon-label.before{padding-right:8px}.toolbar-icon-label.after{padding-left:8px}.toolbar-icon-label.overflow{padding-left:8px;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.toolbar-up-down-chevron{padding-left:8px;height:16px;pointer-events:none}.toolbar-tick-svg{position:absolute;bottom:0;right:0;height:40px;width:40px;pointer-events:none}.toolbar-tick-mark{fill:#393939}.toolbar-jsx-item{height:40px;display:inline-flex;align-items:center;vertical-align:top;position:relative;background-color:#fff;padding:0}.toolbar-overflow-jsx-item{width:100%;height:38px;display:inline-flex;align-items:center;vertical-align:top;position:relative;padding:0}.toolbar-item-selected.default button,.toolbar-item-selected.ghost button{background-color:#e0e0e0;border-color:transparent;box-shadow:none;border-bottom:2px solid #0f62fe}.toolbar-divider{border-right:1px solid #e0e0e0;background-color:#fff;display:inline-block;height:40px;width:0}.toolbar-divider-overflow{height:0;border-bottom:1px solid #e0e0e0}.toolbar-popover-list{width:200px;z-index:1;top:calc(40px + 1px);display:block;position:absolute;list-style-type:none;padding:0;border:1px solid #e0e0e0;background-color:#fff}.toolbar-popover-list.submenu{position:fixed;min-width:100px}.toolbar-popover-list.subpanel{position:fixed;width:-moz-fit-content;width:fit-content}.tooltip-container,.tooltip-trigger{height:100%}.common-canvas-tooltip{font-size:12px;position:fixed;padding:1rem;background-color:#393939;border:1px solid #393939;font-weight:400;opacity:90%;color:#fff;line-height:1.2;text-align:left;z-index:10000;pointer-events:none;word-wrap:break-word;max-width:228px;border-radius:2px;white-space:pre-wrap}.common-canvas-tooltip .bx--link{display:block;color:#78a9ff;margin-top:1rem;pointer-events:auto;cursor:pointer}.common-canvas-tooltip .bx--link:hover{color:#78a9ff;text-decoration:underline}.common-canvas-tooltip[direction=right]{transform:translate3d(-22px, 0, 0)}.common-canvas-tooltip[direction=top]{transform:translate3d(0, 22px, 0)}.common-canvas-tooltip[direction=left]{transform:translate3d(22px, 0, 0)}.common-canvas-tooltip[direction=bottom]{transform:translate3d(0, -22px, 0)}.icon-tooltip{padding:.125rem 1rem}.definition-tooltip{padding:.5rem 1rem}.common-canvas-tooltip .tipArrow{position:absolute;width:10px;height:14px}.common-canvas-tooltip[direction=top] .tipArrow{transform:rotate(-90deg)}.common-canvas-tooltip[direction=left] .tipArrow{transform:rotate(180deg)}.common-canvas-tooltip[direction=bottom] .tipArrow{transform:rotate(90deg)}.common-canvas-tooltip .tipArrow polyline{fill:#393939;stroke-width:0}.common-canvas-tooltip .tipArrow polygon{fill:#393939}.common-canvas-tooltip[aria-hidden=false]{transform:scaleX(1) translate3d(0, 0, 0) rotate(0deg);visibility:visible;opacity:100}.common-canvas-tooltip[aria-hidden=true]{visibility:hidden;opacity:0}.tip-palette-item,.tip-node{min-width:80px;max-width:180px;text-align:left}.tip-palette-category{font-size:10px;padding-bottom:4px;color:#fff}.tip-palette-label,.tip-node-label{font-weight:600;color:#fff}.tip-palette-desc,.tip-node-desc{padding-top:4px}.tip-node-status{position:absolute;width:12px;height:12px;right:1rem;top:.5rem}.tip-node-status.warning{fill:#f1c21b}.tip-node-status.error{fill:#da1e28}.tip-port{min-width:90px}.properties-tooltips{background-color:#393939;color:#fff;max-width:250px}.properties-tooltips .tipArrow polyline{fill:#393939}.context-menu-popover{cursor:pointer;min-width:160px;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:0;outline:none;box-shadow:2px 2px 2px rgba(0,0,0,.2);position:absolute}.context-menu-popover.context-menu-submenu{top:0;left:100%;display:none}.context-menu-popover.context-menu-submenu.context-menu--visible{display:inline-grid}.context-menu-item{height:30px;padding:0 1em;clear:both;color:#161616;text-align:inherit;white-space:nowrap;background:0 0;border:0;display:flex;align-items:center;position:relative}.context-menu-item.disabled{opacity:.5;cursor:not-allowed}.context-menu-item:active,.context-menu-item:focus,.context-menu-item:hover{background:#e5e5e5;text-decoration:none;border:0;outline:none}.context-menu-item svg{color:#161616;position:absolute;right:12px}.context-menu-divider{height:1px;display:block;overflow:hidden;background-color:#e0e0e0;padding:0}.palette-flyout-div{border-right:1px solid #e0e0e0;font-size:14px;position:relative;height:100%;padding-bottom:5px;background-color:#fff;transition:.2s;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-flyout-div-open .palette-flyout-content{width:256px;transition:.2s ease-in-out}.palette-flyout-div-closed{transition:.2s ease-in-out;width:0}.palette-flyout-div-narrow{width:72px}.palette-flyout-content .palette-scroll{overflow-y:hidden}.palette-flyout-content .palette-content-list{border-bottom:0}.palette-flyout-content .palette-no-results-title{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;width:100%;padding:20px 20px 0;text-align:center}.palette-flyout-content .palette-no-results-desc{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;width:100%;padding:0 20px;text-align:center}.palette-flyout-content .palette-flyout-restrict-item{font-size:.75rem;line-height:1.33333;letter-spacing:.32px;width:100%;padding:2.5rem 20px}.palette-flyout-content .palette-list-item-desc-button{color:#0f62fe;cursor:pointer;padding:5px 0 0}.palette-flyout-content .palette-list-item{height:46px;border-width:0;display:flex;flex-direction:column;align-items:center;padding:9px 10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.palette-flyout-content .palette-list-item:hover{background-color:#e0e0e0}.palette-flyout-content .palette-list-item .palette-list-item-category-label{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;width:100%;padding:1rem 10px 0 58px}.palette-flyout-content .palette-list-item .palette-list-item-category-label mark{color:#0f62fe;background-color:#d0e2ff;font-weight:500}.palette-flyout-content .palette-list-item .palette-list-item-icon-and-text{display:flex;flex-direction:row;width:100%;align-items:center;height:100%;margin-left:20px}.palette-flyout-content .palette-list-item .palette-list-item-icon{width:28px;color:#525252}.palette-flyout-content .palette-list-item .palette-list-item-text-div{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;font-weight:400;padding:0 10px;width:calc(100% - 68px);line-height:1}.palette-flyout-content .palette-list-item .palette-list-item-text-div mark{color:#0f62fe;background-color:#d0e2ff;font-weight:500}.palette-flyout-content .palette-list-item .palette-list-item-icon-warning{transform:scale(1.5);width:28px;line-height:46px;color:#525252;margin-left:0}.palette-flyout-content .palette-list-item .palette-list-item-description{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;padding:0 10px 0 58px;word-break:break-word;width:100%}.palette-flyout-content .palette-list-item .palette-list-item-description mark{color:#0f62fe;background-color:#d0e2ff;font-weight:500}.palette-flyout-content .palette-list-item .highlight{background-color:#0f62fe}.palette-flyout-content .palette-list-item.search-result{min-height:46px;height:-moz-fit-content;height:fit-content;padding-bottom:1rem;padding-top:0px;padding-left:0px;border-bottom:1px solid #e0e0e0;padding-right:6px}.palette-flyout-content .palette-list-item.search-result .palette-list-item-icon-and-text{min-height:30px;padding-left:10px}.palette-flyout-categories{height:calc(100% - 41px);width:100%;position:absolute;overflow-x:hidden;overflow-y:overlay}.palette-flyout-categories li .bx--accordion__arrow{margin-top:15px}.palette-flyout-categories .bx--accordion__item--active button{border-bottom:1px solid #e0e0e0}.palette-flyout-categories .bx--accordion__item{border-top:0}.palette-flyout-categories .bx--accordion__item .bx--accordion__heading{padding:0}.palette-flyout-categories .bx--accordion__item .bx--accordion__heading .bx--accordion__title{margin:0;padding:0 0 0 11px;height:45px}.palette-flyout-categories li .bx--accordion__content{padding:0}.palette-flyout-category{cursor:pointer;border-width:0 0 0 1px;height:100%;align-items:center;justify-content:space-between;display:flex;position:absolute;top:0;left:0;right:0;bottom:0}.palette-flyout-category-item{display:flex;align-items:center;min-height:44px;padding-left:11px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-flyout-category-item-loading{display:flex;margin-left:16px;width:100%;height:100%;justify-content:center;max-height:60px}.palette-flyout-category-item-icon{width:20px;margin-left:5px;fill:#161616;padding-top:4px}.palette-flyout-text-container{max-width:205px;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-flyout-category-text{width:165px;overflow-wrap:break-word;line-height:1.2;padding-left:16px;align-items:center;height:100%;max-height:59px}.palette-flyout-category-text-abbr{line-height:1.2;margin-left:0}.palette-flyout-category-text-no-image{line-height:1.2;margin-left:10px;width:170px}.palette-flyout-category-count{line-height:1.2;padding-left:5px}.palette-flyout-search-container{height:41px}.palette-flyout-search-container .palette-flyout-search{height:100%;overflow:hidden}.palette-flyout-search-container .palette-flyout-search .bx--search-magnifier svg{margin-left:10px}.palette-flyout-search-container .palette-flyout-search svg{fill:#161616}.palette-flyout-search-container .palette-flyout-search input{background:#fff;height:100%;padding-right:3rem;padding-left:52px}.palette-flyout-search-container .palette-flyout-search button{margin-right:8px;margin-top:4px;border-bottom-width:0}.palette-flyout-search-container .palette-flyout-search button.bx--search-close::before{content:none}.palette-loading-category .bx--accordion__arrow{display:none}.palette-dialog-div{position:absolute;bottom:35px;left:60px;width:473px;height:450px;font-size:14px;border:3px solid transparent;cursor:default;z-index:2;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block}.palette-dialog-div .palette-list-item{height:46px;border-width:1px;border-color:#e0e0e0;border-style:solid;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-left:19px}.palette-dialog-div .palette-list-item:hover{background-color:#e0e0e0}.palette-dialog-div .palette-list-item .palette-list-item-icon-and-text{display:flex;flex-direction:row;width:100%;height:46px;align-items:center}.palette-dialog-div .palette-list-item .palette-list-item-icon{width:28px;line-height:46px;color:#525252;margin-left:0;margin-right:10px}.palette-dialog-div .palette-list-item .palette-list-item-text-div{width:100%;display:block}.palette-dialog-div .palette-list-item .palette-list-item-text-span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:10px;line-height:16px}.palette-dialog-div .palette-list-item .palette-list-item-icon-warning{transform:scale(1.5);width:28px;line-height:46px;color:#525252;margin-left:0;margin-right:10px}.palette-dialog-topbar{height:40px;padding:10px;background-color:#e0e0e0;border-bottom:1px solid #e0e0e0}.palette-dialog-topbar .left-navbar{height:20px;float:left;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-dialog-topbar .right-navbar{height:20px;float:right;vertical-align:middle}.palette-dialog-topbar .secondary-action{margin-left:10px;display:inline-block;cursor:pointer;width:20px}.palette-dialog-topbar .close-icon svg{fill:#393939}.palette-dialog-topbar .palette-three-way-icon-div{margin-left:5px;display:inline-block;cursor:pointer;width:20px;height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-dialog-content{height:404px;display:flex;background-color:#fff;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0}.palette-dialog-categories{background-color:#e0e0e0;width:130px;min-width:130px;border-right:1px solid #e0e0e0;overflow-x:hidden}.palette-dialog-category{padding:10px;border-width:0 0 0 1px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-dialog-category:hover{font-weight:600}.palette-dialog-category-selected{font-weight:600;border-color:#393939;border-width:0 0 0 1px;border-style:solid;width:130px;min-width:130px;padding-left:8px;padding-top:10px;padding-bottom:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-dialog-grid-node-outer{width:112px;height:134px;display:inline-block;vertical-align:middle;text-align:center;border-width:1px;border-color:#e0e0e0;border-style:solid;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-dialog-grid-node-outer:hover{border-color:#393939;color:#393939}.palette-dialog-grid-node-inner{padding-top:16px}.palette-dialog-grid-node-icon svg{display:inline-block}.palette-dialog-grid-node-icon .node-icon{width:64px;height:64px}.palette-dialog-grid-node-icon-warning{transform:scale(4);margin-top:25px}.palette-dialog-grid-node-text-warning{width:100%;padding-top:30px}.palette-dialog-grid-node-text{width:100%;padding-top:6px}.palette-scroll{overflow-y:auto}.palette-content-list{width:100%}.common-canvas{height:100%;width:100%;cursor:default;display:flex;position:relative;overflow-x:auto;overflow-y:hidden;font-size:14px}.common-canvas-items-container{height:100%;position:relative;width:100%;display:grid;grid-template-columns:1fr}.common-canvas-right-side-items{width:100%;display:flex}.common-canvas-drop-div{height:100%;width:100%;min-width:inherit;cursor:default;overflow:hidden;position:relative}.right-flyout-panel{height:100%;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#fff}.bottom-panel{display:flex;flex-direction:column;border-top:1px solid #e0e0e0;z-index:1}.bottom-panel-drag{border-top:#e0e0e0;cursor:row-resize;flex:0 0 2px;border-top-width:1px;background:#fff;transition:all .2s ease-in}.bottom-panel-drag:hover{background:#0f62fe}.bottom-panel-contents{background-color:#fff;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100%}.top-panel{display:flex;flex-direction:column;border-bottom:1px solid #e0e0e0}.common-canvas-toolbar{border-bottom:1px solid #8d8d8d}.text-toolbar .toolbar-div{animation:raise-toolbar .3s linear;border:1px solid #8d8d8d}.context-toolbar .toolbar-overflow-item button:focus{border-color:transparent;box-shadow:inset 2px 2px #0f62fe,inset -6px -2px #0f62fe}.context-toolbar .toolbar-overflow-item .toolbar-item-content{padding-left:4px}.text-toolbar,.context-toolbar{position:absolute;top:0;left:0;width:-moz-fit-content;width:fit-content}.text-toolbar .toolbar-div,.context-toolbar .toolbar-div{position:relative;left:0;padding-right:0px}.text-toolbar .toolbar-div .toolbar-left-bar,.context-toolbar .toolbar-div .toolbar-left-bar{padding-right:0px}.text-toolbar .toolbar-div{animation:raise-toolbar .3s linear}@keyframes raise-toolbar{from{height:0;top:41px}to{height:41px;top:0}}.common-canvas-right-side-items-under-toolbar{display:grid;grid-template-columns:1fr;width:100%}.common-canvas-items-container-under-toolbar{height:100%;width:100%;display:grid;grid-template-rows:1fr auto}.common-canvas-with-top-and-bottom-panel{width:100%;display:grid;grid-template-columns:1fr}.empty-canvas{position:absolute;line-height:1.5;left:50%;top:48%;cursor:default;transform:translate(-50%, -50%);pointer-events:none}.empty-canvas-image{color:#a8a8a8;opacity:.75;display:block;text-align:center}.empty-canvas-image svg{width:175px;height:175px}.empty-canvas-text1{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0;padding-top:.25rem;color:#525252;display:block;text-align:center}.empty-canvas-text2{font-size:1rem;font-weight:400;line-height:1.375;letter-spacing:0;padding-top:.5rem;color:#525252;display:block;text-align:center}.return-to-previous{position:absolute;left:15px;top:15px;background-color:#f4f4f4}.return-to-previous button{background-color:#f4f4f4;padding-right:20px}.return-to-previous button:hover,.return-to-previous button:focus{background-color:#e0e0e0;color:#0f62fe}.return-to-previous .return-to-previous-content{display:flex;background-color:transparent}.return-to-previous .return-to-previous-content svg{margin-top:1px;margin-left:4px;margin-right:7px}.return-to-previous .return-to-previous-content span{padding-bottom:2px}.dropzone-canvas{position:absolute;line-height:1.5;width:100%;height:100%;left:50%;top:50%;cursor:default;transform:translate(-50%, -50%);pointer-events:all;background-color:#f4f4f4;opacity:.75}.dropzone-canvas-rect{position:absolute;top:30px;left:30px;right:30px;bottom:30px;border-color:#8d8d8d;border-style:dashed;border-width:2px}.toolbar-item-content.notificationCounterIcon.error>div>svg>.dot{fill:#da1e28}.toolbar-item-content.notificationCounterIcon.warning>div>svg>.dot{fill:#f1c21b}.toolbar-item-content.notificationCounterIcon.success>div>svg>.dot{fill:#198038}.toolbar-item-content.notificationCounterIcon.info>div>svg>.dot{fill:#0043ce}.state-tag{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#fff;background-color:#393939;width:-moz-fit-content;width:fit-content;height:40px;position:absolute;left:50%;top:16px;transform:translate(-50%, 0%);border-radius:20px;padding:9px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.state-tag svg{color:#fff;position:relative;top:3px;margin-left:14px}.state-tag span{margin:0 16px 0 10px}.d3-svg-canvas-div{cursor:default;height:100%;background-color:#f4f4f4}.d3-svg-canvas-div:focus{outline:none}.d3-foreign-object-ghost-label,.d3-foreign-object-node-label,.d3-foreign-object-dec-label,.d3-foreign-object-comment-text,.d3-foreign-object-text-entry{pointer-events:none;overflow:visible}.d3-region-selector{stroke:#161616;fill:#e0e0e0;opacity:.5}.d3-svg-background{fill:#f4f4f4}.d3-canvas-underlay{fill:#e0e0e0}.d3-temp-cursor-overlay{fill:transparent}.d3-ghost-div{position:absolute;left:0;top:0;z-index:-10000}.d3-ghost-node{fill:#d0e2ff}.d3-node-group.d3-draggable,.d3-comment-group.d3-draggable{cursor:default}.d3-node-group-translucent{opacity:.5}.d3-node-sizing,.d3-comment-sizing{fill:transparent;stroke:transparent}.d3-node-body-outline{stroke:#161616;stroke-width:1;fill:#fff}.d3-node-group:hover>.d3-node-body-outline{stroke:#e0e0e0;stroke-width:1;fill:#cacaca}.d3-node-unavailable .d3-node-body-outline,.d3-node-unavailable .d3-node-label,.d3-node-unavailable svg path{stroke:#c6c6c6;fill:#8d8d8d;color:#c6c6c6}.d3-node-selection-highlight{stroke-width:0;fill:transparent;pointer-events:none}.d3-node-selection-highlight[data-selected=yes]{stroke:#78a9ff;stroke-dasharray:none;stroke-width:5;fill:transparent}.d3-node-image-outline{stroke:#161616;stroke-width:1;fill:#fff}.d3-node-label{color:#161616;font-size:12px;font-weight:500;resize:none;border-style:solid;border-color:transparent;padding:0;width:100%;height:100%;overflow:hidden;line-height:105%;letter-spacing:.16px;border-width:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.d3-node-label span{pointer-events:auto}.d3-node-label-entry{color:#161616;font-size:12px;font-weight:500;resize:none;border-style:solid;border-color:transparent;padding:0;width:100%;height:100%;overflow:hidden;line-height:105%;letter-spacing:.16px;background-color:#fff;border-width:6px;pointer-events:auto}.d3-node-label-entry:focus{outline:none;box-shadow:0 0 0 2px #0f62fe}.d3-node-group[data-new-link-over=yes] .d3-node-selection-highlight{stroke:#0f62fe;stroke-dasharray:4;stroke-width:2;fill:#fff;pointer-events:none}.d3-node-group.d3-branch-highlight .d3-node-body-outline{stroke:#161616;stroke-width:2px;fill:#d0e2ff}.d3-node-group.d3-branch-highlight .d3-node-label{color:#161616}.d3-node-group.d3-branch-highlight:hover .d3-node-body-outline{stroke:#161616;stroke-width:2px;fill:#0353e9}.d3-node-error-label{color:#da1e28}.d3-node-warning-label{color:#f1c21b}.d3-label-single-line{white-space:nowrap;text-overflow:ellipsis}.d3-label-multi-line{white-space:pre-wrap;word-wrap:normal;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.d3-label-multi-line .d3-label-full{display:inline-block}.d3-label-multi-line-entry{white-space:pre-wrap;word-wrap:normal;word-break:break-word}.d3-label-multi-line-entry .d3-label-full{display:inline-block}.d3-label-center{text-align:center}.d3-label-edit-icon-group .d3-label-edit-icon-background1{fill:transparent}.d3-label-edit-icon-group .d3-label-edit-icon-background2{fill:#f4f4f4}.d3-label-edit-icon-group:hover .d3-label-edit-icon-background2{fill:#e0e0e0}.d3-label-edit-icon-group svg{fill:currentColor;color:#161616}.d3-node-dec-outline,.d3-link-dec-outline{fill:transparent;stroke:#161616;stroke-width:1;stroke-dasharray:0}.d3-node-dec-label,.d3-link-dec-label{color:#161616;font-size:12px;font-weight:500;resize:none;border-style:solid;border-color:transparent;padding:0;width:100%;height:100%;overflow:hidden;line-height:105%;letter-spacing:.16px;border-width:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.d3-node-dec-label span,.d3-link-dec-label span{pointer-events:auto}.d3-dec-label-entry{color:#161616;font-size:12px;font-weight:500;resize:none;border-style:solid;border-color:transparent;padding:0;width:100%;height:100%;overflow:hidden;line-height:105%;letter-spacing:.16px;background-color:#fff;border-width:6px;pointer-events:auto}.d3-dec-label-entry:focus{outline:none;box-shadow:0 0 0 2px #0f62fe}.d3-node-dec-path,.d3-link-dec-path{fill:#161616;stroke:#161616;stroke-width:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.d3-node-dec-image,.d3-link-dec-image{stroke-width:1;stroke-dasharray:0;fill:currentColor;color:#161616}.d3-foreign-object-dec-ext:focus{outline:none}.d3-node-ellipsis-group .d3-node-ellipsis-background{fill:transparent;stroke-width:0;cursor:context-menu}.d3-node-ellipsis-group .d3-node-ellipsis{fill:#0f62fe;stroke-width:0;cursor:context-menu}.d3-node-ellipsis-group:hover .d3-node-ellipsis-background{fill:#e0e0e0}.d3-node-super-expand-icon-group .d3-node-super-expand-icon-background{fill:transparent;stroke-width:0;cursor:context-menu}.d3-node-super-expand-icon-group .d3-node-super-expand-icon{fill:#0f62fe;stroke-width:0;cursor:context-menu}.d3-node-super-expand-icon-group:hover .d3-node-super-expand-icon-background{fill:#e0e0e0}.d3-error-circle{stroke:#f4f4f4;stroke-width:2;fill:#da1e28}.d3-warning-circle{stroke:#f4f4f4;stroke-width:2;fill:#f1c21b}.d3-error-circle-off{display:none}.d3-node-port-output{stroke:#393939;fill:#fff;stroke-width:1.25}.d3-node-port-output[connected=yes]{stroke:#393939;fill:#393939;stroke-width:2}.d3-node-port-output:hover{stroke:#393939;fill:#393939}.d3-node-port-input{stroke:#393939;fill:#fff;stroke-width:1.25}.d3-node-port-input-assoc,.d3-node-port-output-assoc{stroke:#393939;fill:#fff;stroke-width:1.25}.d3-node-port-input-assoc:hover,.d3-node-port-output-assoc:hover{stroke:#393939;fill:#393939}.d3-node-port-input[connected=yes]{stroke:#fff;fill:#fff;stroke-width:1}.d3-node-port-input[connected=yes] .d3-node-port-input-arrow{stroke:#393939;stroke-width:1;fill:transparent}.d3-node-port-input[connected=yes][isSupernodeBinding=yes]{stroke:#393939;fill:#f4f4f4;stroke-width:1}.d3-node-port-input-arrow{stroke:transparent;fill:transparent}.d3-new-connection-line[linkType=nodeLink],.d3-new-connection-line[linkType=associationLink]{stroke:#78a9ff;stroke-width:2;stroke-dasharray:10 10;fill:none}.d3-new-connection-start[linkType=nodeLink],.d3-new-connection-start[linkType=associationLink]{stroke:#78a9ff;fill:#f4f4f4}.d3-new-connection-guide[linkType=nodeLink],.d3-new-connection-guide[linkType=associationLink]{stroke:#78a9ff;fill:#78a9ff}.d3-new-connection-line[linkType=commentLink]{stroke:#8d8d8d;stroke-width:1;stroke-dasharray:10 10;fill:none}.d3-new-connection-guide[linkType=commentLink]{stroke:#8d8d8d;stroke-width:4;fill:#8d8d8d}.d3-new-connection-arrow[linkType=commentLink]{stroke:#8d8d8d;stroke-width:2;fill:#8d8d8d}.d3-comment-port-circle{stroke:#8d8d8d;stroke-width:2;fill:#8d8d8d}.d3-comment-group:hover .d3-comment-rect{stroke:#4c4c4c}.d3-comment-rect{fill:#fff;stroke:#c6c6c6;stroke-width:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}g.bkg-col-white-0 .d3-comment-rect{fill:#fff}g.bkg-col-white-0 .d3-comment-text{color:#161616}g.bkg-col-white-0 .d3-comment-entry{background-color:#fff;color:#161616}g.bkg-col-yellow-20 .d3-comment-rect{fill:#fddc69}g.bkg-col-yellow-20 .d3-comment-text{color:#161616}g.bkg-col-yellow-20 .d3-comment-entry{background-color:#fddc69;color:#161616}g.bkg-col-gray-20 .d3-comment-rect{fill:#e0e0e0}g.bkg-col-gray-20 .d3-comment-text{color:#161616}g.bkg-col-gray-20 .d3-comment-entry{background-color:#e0e0e0;color:#161616}g.bkg-col-green-20 .d3-comment-rect{fill:#a7f0ba}g.bkg-col-green-20 .d3-comment-text{color:#161616}g.bkg-col-green-20 .d3-comment-entry{background-color:#a7f0ba;color:#161616}g.bkg-col-teal-20 .d3-comment-rect{fill:#9ef0f0}g.bkg-col-teal-20 .d3-comment-text{color:#161616}g.bkg-col-teal-20 .d3-comment-entry{background-color:#9ef0f0;color:#161616}g.bkg-col-cyan-20 .d3-comment-rect{fill:#bae6ff}g.bkg-col-cyan-20 .d3-comment-text{color:#161616}g.bkg-col-cyan-20 .d3-comment-entry{background-color:#bae6ff;color:#161616}g.bkg-col-red-50 .d3-comment-rect{fill:#fa4d56}g.bkg-col-red-50 .d3-comment-text{color:#161616}g.bkg-col-red-50 .d3-comment-entry{background-color:#fa4d56;color:#161616}g.bkg-col-orange-40 .d3-comment-rect{fill:#ff832b}g.bkg-col-orange-40 .d3-comment-text{color:#161616}g.bkg-col-orange-40 .d3-comment-entry{background-color:#ff832b;color:#161616}g.bkg-col-gray-50 .d3-comment-rect{fill:#8d8d8d}g.bkg-col-gray-50 .d3-comment-text{color:#161616}g.bkg-col-gray-50 .d3-comment-entry{background-color:#8d8d8d;color:#161616}g.bkg-col-green-50 .d3-comment-rect{fill:#24a148}g.bkg-col-green-50 .d3-comment-text{color:#161616}g.bkg-col-green-50 .d3-comment-entry{background-color:#24a148;color:#161616}g.bkg-col-teal-50 .d3-comment-rect{fill:#009d9a}g.bkg-col-teal-50 .d3-comment-text{color:#161616}g.bkg-col-teal-50 .d3-comment-entry{background-color:#009d9a;color:#161616}g.bkg-col-cyan-50 .d3-comment-rect{fill:#1192e8}g.bkg-col-cyan-50 .d3-comment-text{color:#161616}g.bkg-col-cyan-50 .d3-comment-entry{background-color:#1192e8;color:#161616}.d3-comment-selection-highlight{stroke-width:0;fill:transparent;pointer-events:none}.d3-comment-selection-highlight[data-selected=yes]{stroke:#78a9ff;stroke-dasharray:none;stroke-width:3;fill:transparent;pointer-events:none}.d3-comment-text{color:#161616;background-color:transparent;font-size:12px;font-weight:400;font-family:"ibm-plex-sans",Helvetica Neue,Arial,sans-serif;resize:none;border-style:solid;border-color:transparent;width:100%;height:100%;pointer-events:auto;overflow:hidden;line-height:14px;letter-spacing:.15px;white-space:pre-wrap;word-wrap:normal;word-break:break-word;border-width:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.d3-comment-text h1{font-size:28px;font-weight:500}.d3-comment-text h2{font-size:22px;font-weight:500}.d3-comment-text h3{font-size:18px;font-weight:500}.d3-comment-text h4{font-size:16px;font-weight:500}.d3-comment-text h5{font-size:14px;font-weight:500}.d3-comment-text h6{font-size:12px;font-weight:500}.d3-comment-text p{font-size:12px;font-weight:400;font-family:"ibm-plex-sans",Helvetica Neue,Arial,sans-serif;line-height:14px;letter-spacing:.15px}.d3-comment-text hr{border-top-color:#e0e0e0}.d3-comment-text img{max-width:100%}.d3-comment-text blockquote{padding:0 12px;border-left:3px solid #e0e0e0;line-height:8px}.d3-comment-text code{font-size:12px;font-weight:400;line-height:14px;background-color:#e0e0e0;border-radius:4px;white-space:pre-wrap}.d3-comment-text pre{font-size:12px;font-weight:400;line-height:14px;background-color:#f4f4f4;padding:4px;border:1px solid #e0e0e0;border-radius:4px;white-space:pre-wrap}.d3-comment-text pre code{background-color:#f4f4f4}.d3-comment-text table{width:100%;max-width:100%;margin-bottom:20px;border-spacing:0;border-collapse:collapse;box-sizing:border-box;text-indent:initial;color:#161616}.d3-comment-text table thead{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;font-size:12px;display:table-header-group;vertical-align:middle;border-color:inherit;background-color:#e0e0e0;text-align:left}.d3-comment-text table thead tr th{padding:8px;border-bottom:2px solid #e0e0e0}.d3-comment-text table tbody{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;font-size:12px}.d3-comment-text table tbody tr{border-bottom:2px solid #e0e0e0;background-color:#f4f4f4}.d3-comment-text table tbody tr td{padding:8px}.d3-comment-text li{display:list-item;margin-top:-7px;margin-bottom:-7px}.d3-comment-text li:first-child{margin-top:-14px}.d3-comment-text li:last-child{margin-bottom:-14px}.d3-comment-text li p{margin:0 0 10px;margin-block-start:-14px}.d3-comment-text ul{list-style-type:disc;padding-inline-start:30px;line-height:14px;margin-top:0}.d3-comment-text ul ul{list-style-type:circle;margin-bottom:-14px}.d3-comment-text ul ol{margin-bottom:-14px}.d3-comment-text ul ul ul{list-style-type:square}.d3-comment-text ol{list-style-type:decimal;padding-inline-start:30px;line-height:14px;margin-top:0}.d3-comment-text ol ol{list-style-type:lower-alpha;margin-bottom:-14px}.d3-comment-text ol ul{margin-bottom:-14px}.d3-comment-text ol ol ol{list-style-type:lower-roman}.d3-comment-entry{color:#161616;background-color:transparent;font-size:12px;font-weight:400;font-family:"ibm-plex-sans",Helvetica Neue,Arial,sans-serif;resize:none;border-style:solid;border-color:transparent;width:100%;height:100%;pointer-events:auto;overflow:hidden;line-height:14px;letter-spacing:.15px;white-space:pre-wrap;word-wrap:normal;word-break:break-word;background-color:#fff;border-width:6px}.d3-comment-entry:focus{outline:none;box-shadow:0 0 0 2px #0f62fe}.d3-link-group.d3-branch-highlight .d3-link-line{stroke:#393939}.d3-link-group.d3-branch-highlight:hover .d3-link-line{stroke:#393939;stroke-width:3px}.d3-link-line,.d3-link-line-arrow-head{fill:none;pointer-events:none}.d3-comment-link .d3-link-line{stroke:#8d8d8d;stroke-width:1;stroke-dasharray:7.3}.d3-comment-link .d3-link-line-arrow-head{stroke:#8d8d8d;stroke-width:1;stroke-dasharray:0}.d3-object-link .d3-link-line{stroke:#161616;stroke-width:2;stroke-dasharray:5.5}.d3-association-link .d3-link-line{stroke:#8d8d8d;stroke-width:2}.d3-data-link .d3-link-line{stroke:#78a9ff;stroke-width:2}.d3-data-link .d3-link-line-arrow-head{stroke:#78a9ff;stroke-width:2;stroke-dasharray:0}.d3-link-selection-area{fill:none;stroke:transparent;stroke-width:12}.d3-link-selection-area.d3-extra-width{stroke-width:80}.d3-link-group:hover .d3-link-line,.d3-link-group:hover .d3-link-line-arrow-head{stroke:#0043ce;stroke-width:2}.d3-link-group[data-selected] .d3-link-line,.d3-link-group[data-selected] .d3-link-line-arrow-head{stroke:#0043ce;stroke-width:3}.d3-link-group[data-drag-node-over].d3-data-link .d3-link-line,.d3-link-group[data-drag-node-over].d3-data-link .d3-link-line-arrow-head,.d3-link-group[data-selected][data-drag-node-over].d3-data-link .d3-link-line,.d3-link-group[data-selected][data-drag-node-over].d3-data-link .d3-link-line-arrow-head{stroke:#0043ce;stroke-width:5}.d3-link-handle-start{display:none;stroke:transparent;fill:transparent;pointer-events:all}.d3-link-group:hover .d3-link-handle-start,.d3-link-group[data-selected] .d3-link-handle-start{display:inherit;stroke:#0043ce;fill:#78a9ff;pointer-events:all}.d3-link-handle-end{display:none;stroke:transparent;fill:transparent;pointer-events:all}.d3-link-group:hover .d3-link-handle-end,.d3-link-group[data-selected] .d3-link-handle-end{display:inherit;stroke:#0043ce;fill:#78a9ff;pointer-events:all}.color-picker{width:156px;height:55px;display:flex;flex-wrap:wrap}.color-picker .color-picker-item{width:20px;height:20px;margin:5px 0 0 5px;cursor:pointer}.color-picker .color-picker-item.white-0{background-color:#fff;border:1px solid #8d8d8d}.color-picker .color-picker-item.yellow-20{background-color:#fddc69}.color-picker .color-picker-item.gray-20{background-color:#e0e0e0}.color-picker .color-picker-item.green-20{background-color:#a7f0ba}.color-picker .color-picker-item.teal-20{background-color:#9ef0f0}.color-picker .color-picker-item.cyan-20{background-color:#bae6ff}.color-picker .color-picker-item.red-50{background-color:#fa4d56}.color-picker .color-picker-item.orange-40{background-color:#ff832b}.color-picker .color-picker-item.gray-50{background-color:#8d8d8d}.color-picker .color-picker-item.green-50{background-color:#24a148}.color-picker .color-picker-item.teal-50{background-color:#009d9a}.color-picker .color-picker-item.cyan-50{background-color:#1192e8}
1	+ .properties-action-button{display:inline-block}.properties-action-button.hide{display:none}.properties-control-item>.properties-action-button,.properties-ctrl-wrapper>.properties-action-button{padding-top:1rem}.properties-action-image{padding:0 0 0 .5rem;cursor:pointer;align-self:flex-end}.properties-action-image.left{order:-1;padding:0 .5rem 0 0}.properties-action-image.hide{display:none}.properties-action-image.disabled{cursor:not-allowed;opacity:.5}.properties-control-item.hide{display:none}.properties-control-item[disabled] .properties-label-container,.properties-control-item[disabled] .properties-control-description{opacity:.5;pointer-events:none}.properties-control-item .properties-action-image.right{margin-left:auto;float:right}.properties-control-item .properties-action-image.left{float:left}.properties-label-container{display:flex;align-items:center;padding-bottom:.5rem}.properties-label-container label,.properties-label-container .properties-indicator{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#525252}.properties-label-container .properties-indicator{padding-left:.25rem}.properties-label-container.table-control label,.properties-label-container.table-control .properties-indicator{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#161616}.properties-label-container .tooltip-container,.properties-summary-link-container .tooltip-container,.properties-checkbox-tooltip-container .tooltip-container,.properties-radioset-panel .tooltip-container{display:flex;width:16px;height:16px;margin-left:.5rem;cursor:pointer}.properties-control-description{font-size:.75rem;line-height:1.33333;letter-spacing:.32px;color:#525252;padding-bottom:.5rem;white-space:pre-wrap}.bx--label .properties-label-container{padding-bottom:0}.properties-title-editor{padding:1rem 0;border-bottom:1px #e0e0e0 solid}.properties-title-right-flyout-tabs-view{border-bottom:none}.properties-title-heading{padding:0 1rem .25rem;height:1.5rem;display:flex;align-items:center}.properties-title-heading .properties-title-heading-icon{height:1.5rem;width:1.5rem;margin-right:.5rem}.properties-title-heading .properties-title-heading-label{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px}.properties-title-heading .properties-title-editor-btn.help.help{margin-left:.25rem}.properties-title-editor-input{width:calc(100% - 0.5rem);top:1px;position:relative;display:inline-flex;align-items:center}.properties-title-editor-input.properties-title-editor-with-help{width:calc(100% - 2rem - 0.5rem)}.properties-title-editor-input .bx--form-item.bx--text-input-wrapper{width:100%}.properties-title-editor-input .bx--form-item.bx--text-input-wrapper input{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0;color:#161616;min-width:unset;background:unset;text-overflow:ellipsis;border-bottom:unset}.properties-title-editor-input .bx--form-item.bx--text-input-wrapper input[readonly]{box-shadow:unset;cursor:default}.properties-title-editor-input .bx--form-item.bx--text-input-wrapper .bx--form-requirement{margin:.25rem 0 0 1rem}.properties-title-editor-input .bx--form-item.bx--text-input-wrapper .bx--text-input__field-wrapper--warning input{border-bottom:1px solid #8d8d8d}.properties-title-editor-input .properties-title-editor-btn{position:absolute;right:.125rem}.properties-title-editor-with-warning,.properties-title-editor-with-error{width:calc(100% - 2px)}.properties-close-button{position:relative;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem}.properties-title-with-heading>.properties-close-button{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;padding:0}.properties-mr-button-container{width:16px;padding-left:2px;height:100%;display:flex;flex-direction:column;justify-content:center}.table-row-move-button.bx--btn--ghost{padding:0;min-height:24px;margin-bottom:8px}.table-row-move-button.bx--btn--ghost>svg{height:16px;width:16px;margin-left:0}.properties-mr-table-container{width:100%;display:inline-block}.properties-mr-table-container>tbody{width:100%;display:inline-block}.properties-mr-table-container>tbody .properties-mr-table-content{width:100%;display:flex;border-bottom:0}.properties-mr-table-container>tbody .properties-mr-table-content.disabled{pointer-events:none;opacity:.5}.properties-mr-table-container>tbody .properties-mr-table-content>td:first-of-type{width:100%}.properties-wf-content .properties-fp-table .properties-ft-container-wrapper{height:100%}.properties-fp-data{height:100%;display:flex;align-items:center}.properties-fp-field,.properties-fp-data{padding-left:1rem;display:flex;align-items:center}.properties-fp-schema{padding-left:1rem}.properties-fp-field-type-icon,.properties-fp-data-type-icon{display:flex;align-items:center;margin-right:.5rem}.properties-fp-field-type-icon>svg,.properties-fp-data-type-icon>svg{width:1rem;height:1rem}.properties-fp-filter-list{display:flex;align-items:center}.properties-fp-filter-list .properties-fp-filter-list-title.properties-fp-filter-list-li{width:auto;margin-left:1rem}.properties-fp-filter-list .properties-fp-filter-list-li{float:left;padding:.125rem}.properties-fp-filter-list .properties-fp-filter-list-li button{min-height:1rem;padding:0;border:0}.properties-fp-filter-list .properties-fp-filter-list-li svg{height:1rem;width:1rem;margin:.125rem}.properties-fp-filter-list .properties-fp-filter-list-li svg[disabled]{fill:#c6c6c6}.properties-fp-table{width:100%;height:100%}.properties-fp-table .properties-fp-top-row{width:50%;float:right;display:flex;justify-content:space-between}.properties-fp-table .properties-fp-top-row .properties-fp-reset-button-container span{margin-right:.25rem}.properties-fp-table .properties-ft-empty-table{display:none}.properties-modal .properties-fp-table{padding-bottom:1.5rem;margin-bottom:4rem}.properties-modal .properties-fp-table .properties-fp-top-row{justify-content:flex-end}.properties-tearsheet-panel.bx--modal .properties-fp-table{border-top:1px solid #e0e0e0;padding:1rem}.properties-tearsheet-panel.bx--modal .properties-fp-table .properties-fp-top-row{justify-content:flex-end}.properties-tearsheet-panel.bx--modal .properties-fp-table .properties-modal-buttons{width:100%}.properties-modal .bx--modal-close{display:none}.properties-modal .bx--modal-container{padding:0}.properties-modal .bx--modal-content{margin-bottom:1rem;padding:0}.properties-modal.noButtons .bx--modal-footer{opacity:0;pointer-events:none;display:none}.properties-wf-overlay{position:fixed;display:none;top:0;left:0;right:0;bottom:0;background-color:rgba(22,22,22,.5);z-index:1000;cursor:default}.properties-wf-overlay.show{display:block}.properties-wf-content{position:fixed;display:block;width:675px;margin-right:-675px;z-index:1001;background-color:#fff;right:0;transition:margin-right .1s}.properties-wf-content.show{margin-right:0;transition:margin-right .3s}.properties-wf-content .properties-wf-title{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;padding-left:1.5rem;display:flex;align-items:center;height:41px;border-bottom:1px solid #e0e0e0}.properties-wf-content .properties-wf-children{padding:1rem;overflow-y:auto;height:calc(100% - 41px - 64px)}.properties-light-disabled{background-color:#f4f4f4}.properties-validation-message{margin-top:.25rem;display:flex}.properties-validation-message .icon{margin:0 .125rem}.properties-validation-message .icon .properties-validation-icon-warning{fill:#f1c21b}.properties-validation-message .icon .properties-validation-icon-warning [data-icon-path=inner-path]{fill:#161616;opacity:1}.properties-validation-message .icon .properties-validation-icon-error{fill:#da1e28}.properties-validation-message .icon .properties-validation-icon-info{fill:#0043ce}.properties-validation-message .icon .properties-validation-icon-success{fill:#198038}.properties-validation-message span{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#161616}.properties-validation-message.error span{color:#da1e28}.properties-validation-message.hide{display:none}.properties-validation-message.inTable{margin-top:0;position:absolute;top:0}.properties-validation-message.inTable .icon svg{height:.5rem;width:.5rem}.properties-modal-buttons{justify-content:flex-end;display:flex;height:4rem;bottom:0;position:absolute;width:100%;left:0}.properties-modal-buttons.hide{display:none}.properties-modal-buttons .properties-apply-button,.properties-modal-buttons .properties-cancel-button{width:50%;max-width:unset;padding:0 0 1rem 1rem}.properties-primaryTabs .bx--tabs__nav-item{margin-left:1rem}.properties-single-category{padding:1rem}.properties-right-flyout .properties-editor-form{height:100%}.properties-right-flyout .properties-single-category{height:100%}.properties-right-flyout .properties-single-category .properties-sub-tab-container{position:relative;height:100%}.properties-right-flyout .properties-single-category .properties-subtabs{position:absolute;height:2.5rem;border-bottom:1px solid #e0e0e0}.properties-right-flyout .properties-single-category .properties-subtab-panel{height:calc(100% - 2.5rem);position:relative;top:2.5rem;overflow-y:auto;overflow-x:hidden}.properties-category-container{position:relative}.properties-category-container:last-of-type .properties-category-content.show{border-bottom:0}.properties-category-title{font-size:.875rem;font-weight:400;line-height:1.42857;letter-spacing:.16px;-webkit-text-decoration-color:#161616;text-decoration-color:#161616;color:#161616;height:46px;width:100%;display:flex;background-color:#f4f4f4;justify-content:space-between;align-items:center;padding:0 1rem;border:0;outline:none;border-bottom:1px solid #e0e0e0;cursor:pointer}.properties-category-title:hover{background-color:#e5e5e5}.properties-category-title>svg{height:20px;width:20px;fill:#161616}.properties-category-content{height:100%;padding:1rem;border-bottom:1px solid #e0e0e0;display:none}.properties-category-content.show{display:inherit}.properties-subtabs .bx--tabs__nav,.properties-primaryTabs .bx--tabs__nav{overflow-x:auto}.properties-static-text-container{display:flex;align-items:center;padding:.25rem 0}.properties-static-text-container .properties-static-text{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;color:#161616}.properties-static-text-container .properties-static-text.info{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#525252}.properties-static-text-container svg{width:16px;height:16px;margin-right:.5rem}.properties-h-separator{margin-top:1rem;margin-bottom:1rem}.properties-link-text-container{display:flex;align-items:center;padding:.75rem 0 0 0}.properties-link-text-container svg{margin-right:.5rem}.properties-link-text-container .properties-link-text{cursor:pointer}.properties-light-enabled{background-color:#fff}.properties-custom-panel+.properties-control-panel{padding-top:1rem}.properties-editor-form.tearsheet-container,.properties-editor-form.right-flyout-tabs-view{height:100%}.properties-editor-form.tearsheet-container .properties-primaryTabs,.properties-editor-form.right-flyout-tabs-view .properties-primaryTabs{position:absolute;height:2.5rem;border-bottom:1px solid #e0e0e0}.properties-editor-form.tearsheet-container .properties-primary-tab-panel.tearsheet-container,.properties-editor-form.tearsheet-container .properties-primary-tab-panel.right-flyout-tabs-view,.properties-editor-form.right-flyout-tabs-view .properties-primary-tab-panel.tearsheet-container,.properties-editor-form.right-flyout-tabs-view .properties-primary-tab-panel.right-flyout-tabs-view{height:calc(100% - 2.5rem);position:relative;top:2.5rem;overflow-y:auto;overflow-x:hidden}.properties-ft-table-header{display:flex;justify-content:flex-end;height:2rem}.properties-ft-table-header .properties-ft-search-container{min-width:50%;flex-grow:1}.properties-ft-table-header .properties-ft-search-container .properties-ft-search-text svg{fill:#161616}.properties-ft-table-header .properties-ft-search-container.disabled{opacity:.5}.properties-ft-container-panel{height:calc(100% - 2rem)}.properties-ft-control-container{height:100%}.properties-ft-container-wrapper{height:400px;width:100%;position:relative;overflow:hidden}.properties-ft-container-wrapper.error{border:1px solid #da1e28}.properties-ft-container-wrapper.warning{border:1px solid #f1c21b}.properties-ft-container-absolute-noheader{position:absolute;height:100%;width:100%;overflow-y:auto;overflow-x:hidden;background-color:#fff;display:flex;flex-direction:column}.properties-ft-container-absolute{height:100%;width:100%;background-color:#fff}.properties-ft-container-absolute .properties-ft-container{height:100%}.properties-ft-container-absolute div[data-role=properties-header-row]{width:inherit;display:inline-flex}.properties-ft-container-absolute div[data-role=properties-header-row] .properties-autosized-vt-header:focus{outline:none}.properties-ft-container-absolute div[data-role=properties-header-row] .properties-autosized-vt-header .properties-ft-column-sort-icon svg:not(:root){display:none}.properties-ft-container-absolute div[data-role=properties-header-row] .properties-autosized-vt-header:hover:not([disabled]) .properties-ft-column-sort-icon svg:not(:root){display:inline}.properties-ft-container-absolute div[data-role=properties-header-row] .properties-autosized-vt-header .sort-column-active>.properties-ft-column-sort-icon svg:not(:root){display:inline}.properties-ft-container-absolute div[data-role=properties-header-row] .properties-tooltips-container{display:inline-flex;justify-content:space-between;width:100%;align-self:center;padding:0 1rem}.properties-ft-container-absolute div[data-role=properties-header-row] .tooltip-container{overflow:hidden}.properties-ft-container-absolute div[data-role=properties-header-row] .tooltip-trigger{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%;font-weight:600}.properties-ft-empty-table{height:calc(5rem + 2.5rem);display:flex;justify-content:center;align-items:center;padding:0 1rem;font-size:.875rem;font-weight:400;line-height:1.42857;letter-spacing:.16px}.properties-light-enabled .properties-ft-empty-table{background-color:#f4f4f4}.properties-light-disabled .properties-ft-empty-table{background-color:#fff}.properties-truncated-tooltip{overflow:hidden}.properties-truncated-tooltip .tooltip-trigger div{width:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.properties-vt{width:100%;height:100%}.properties-vt .properties-autosized-vt>div[role=rowgroup]:focus{outline-style:none}.properties-vt .properties-autosized-vt .properties-vt-row-disabled{opacity:.5}.properties-vt .properties-autosized-vt .properties-vt-row-disabled:hover{border-bottom:1px solid #e0e0e0}.properties-vt .properties-vt-header-checkbox{height:2rem;display:flex;align-items:center;margin-left:1rem;margin-right:.25rem}.properties-vt div[data-role=properties-header-row]{background-color:#e0e0e0}.properties-vt div[data-role=properties-data-row]{background-color:#f4f4f4}.properties-vt .properties-autosized-vt-header{text-transform:none;margin-left:0}.properties-vt .properties-autosized-vt-header .properties-vt-column .bx--checkbox-wrapper{margin-top:0;margin-bottom:0}.properties-vt .properties-autosized-vt-header .properties-vt-column .bx--checkbox-wrapper .bx--checkbox-label{width:100%}.properties-vt .properties-autosized-vt-header .properties-vt-column .bx--checkbox-wrapper .bx--checkbox-label span{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#161616;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;line-height:unset}.properties-vt .properties-vt-column-with-resize,.properties-vt .properties-vt-column-without-resize{display:inline-flex;width:100%}.properties-vt .properties-vt-column-with-resize .properties-vt-header-resize{flex:0 0 .25rem;z-index:2;cursor:col-resize}.properties-vt .properties-vt-column-with-resize .properties-vt-header-resize:hover{background-color:#6f6f6f}.properties-vt .properties-vt-column-with-resize .properties-vt-header-resize-active{z-index:3}.properties-vt .properties-vt-column-with-resize:hover{background-color:#c6c6c6}.properties-vt .properties-vt-column-with-resize:hover .properties-vt-header-resize{background-color:#6f6f6f}.properties-vt .properties-vt-label-tip-icon{width:inherit;display:flex;align-items:center}.properties-vt .properties-vt-label-tip-icon .properties-vt-info-icon-tip{height:1rem;margin-left:.5rem}.properties-vt .properties-vt-label-tip-icon .properties-vt-info-icon-tip .properties-vt-info-icon:hover{cursor:pointer}.properties-vt .properties-vt-row-checkbox{height:2rem;margin-left:1rem;margin-right:.25rem}.properties-vt .properties-vt-double-click:first-of-type .properties-vt-row-class{border-top:1px solid transparent}.properties-vt .properties-vt-double-click:first-of-type .properties-vt-row-class.properties-vt-row-selected{border-top:1px solid #cacaca}.properties-vt .properties-vt-row-class{line-height:20px;border-bottom:1px solid #e0e0e0}.properties-vt .properties-vt-row-class:hover:not(.properties-vt-row-non-interactive):not(.properties-vt-row-selected){background-color:#e5e5e5}.properties-vt .properties-vt-row-class .properties-table-cell-control .properties-numberfield input{margin-bottom:5px}.properties-vt .properties-vt-row-class .properties-table-cell-control .properties-textarea textarea{resize:none;height:42px;min-width:100%}.properties-vt .properties-vt-row-class .ReactVirtualized__Table__headerColumn{margin-right:0;display:flex;flex-direction:row;justify-content:center;height:100%}.properties-vt .properties-vt-row-class .ReactVirtualized__Table__rowColumn{margin-right:0;margin-left:0}.properties-vt .properties-vt-row-class .ReactVirtualized__Table__sortableHeaderColumn .properties-vt-label-tip-icon{padding-right:.5rem}.properties-vt .properties-vt-row-class .ReactVirtualized__Table__sortableHeaderColumn:hover{background-color:#c6c6c6}.properties-vt .properties-vt-row-class .ReactVirtualized__Table__headerTruncatedText{flex:auto}.properties-vt .properties-vt-row-selected{background-color:#e0e0e0;border-bottom:1px solid #cacaca}.properties-vt .properties-vt-row-selected:hover{background-color:#cacaca}.properties-vt .properties-vt-single-selection div[data-role=properties-header-row]{padding-left:3px}.properties-vt .properties-vt-single-selection .properties-vt-row-class{padding-left:3px}.properties-vt .properties-vt-single-selection .properties-vt-row-selected{border-left:4px solid #0f62fe;padding-left:0}.properties-vt .properties-vt-single-selection .properties-vt-row-selected:not(.properties-vt-row-disabled):hover{border-left:4px solid #0f62fe}.properties-vt .properties-vt-small-loading svg{stroke:#0f62fe}.properties-vt .properties-vt-autosizer{height:100%;width:100%}.properties-vt .properties-light-disabled div[data-role=properties-data-row]{background-color:#fff}.properties-vt .properties-light-disabled .bx--select--inline .bx--select-input[disabled]{background-color:#f4f4f4}.properties-vt .properties-ft-column-sort-icon{flex:0 0 1rem;align-self:center;height:1rem;margin-right:.5rem}.properties-empty-table{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px}.properties-empty-table[disabled]{opacity:.5;pointer-events:none}.properties-empty-table .properties-empty-table-button{margin:1rem 0}.properties-custom-table-buttons .toolbar-div .toolbar-right-bar{display:none}.properties-custom-table-buttons .toolbar-popover-list{right:0}.properties-readonly.hide{display:none}.properties-readonly .properties-tooltips{white-space:normal;overflow:visible;word-break:break-word;text-overflow:clip}.properties-readonly span{white-space:normal;line-height:1.5;overflow-wrap:break-word;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text}.properties-readonly span[disabled]{opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.properties-readonly .properties-field-readonly{height:100%;width:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center}.properties-readonly .properties-field-readonly .properties-field-type-icon{width:15px;height:15px;float:left;margin-right:5px;flex-shrink:0}.properties-readonly .properties-field-readonly .properties-field-type-icon svg{width:16px;height:16px}.properties-readonly .tooltip-trigger span{white-space:nowrap}.properties-checkbox{display:flex;align-items:center}.properties-checkbox .tooltip-container{margin-left:.5rem;cursor:pointer}.properties-checkbox .tooltip-container .tooltip-trigger{display:flex}.properties-checkbox .bx--form-item.bx--checkbox-wrapper{flex:initial}.properties-checkbox .properties-validation-message{flex:0 1 100%}.properties-checkbox.hide{display:none}.table .bx--form-item.bx--checkbox-wrapper:first-of-type{margin-top:0;padding:1px}.properties-toggle .properties-label-container{padding-bottom:0}.properties-table-cell-control .bx--toggle__switch{margin-bottom:1rem}.properties-checkboxset.hide{display:none}.properties-checkboxset .bx--form-item.bx--checkbox-wrapper:first-of-type{margin-bottom:.5rem;flex:0 1 auto}.properties-checkboxset .properties-checkboxset-container .properties-checkbox-tooltip-container{display:flex;align-items:center}.properties-checkboxset .properties-checkboxset-container .properties-checkbox-tooltip-container .tooltip-container{margin-bottom:.25rem}.properties-checkboxset .properties-checkboxset-container.error:not([disabled]){padding-bottom:.25rem}.properties-checkboxset .properties-checkboxset-container.warning:not([disabled]){padding-bottom:.25rem}.properties-dropdown .bx--list-box--expanded .bx--list-box__menu{margin-bottom:1px}.properties-dropdown.hide{display:none}.properties-table-cell-control>.properties-dropdown{width:100%}.properties-table-cell-control>.properties-dropdown .bx--select.bx--select--inline{width:100%}.properties-table-cell-control>.properties-dropdown .bx--select.bx--select--inline .bx--select-input--inline__wrapper{width:100%}.properties-table-cell-control>.properties-dropdown .bx--select.bx--select--inline svg{right:0}.properties-table-cell-control>.properties-dropdown .bx--select-input{width:inherit;background-color:transparent;padding:0 1.25rem 0 0;box-shadow:0 2px 0 0 #0f62fe}.properties-table-cell-control>.properties-dropdown .bx--select-input:hover{background:unset}.properties-table-cell-control>.properties-dropdown .bx--select-input:focus{outline:unset}.properties-table-cell-control>.properties-dropdown.error .bx--select-input{box-shadow:0 2px 0 0 #da1e28}.properties-table-cell-control>.properties-dropdown.warning .bx--select-input{box-shadow:0 2px 0 0 #f1c21b}.properties-expression-selection-container,.properties-field-and-values-table-container,.properties-functions-table-container{width:100%}.properties-expression-selection-container tbody tr,.properties-field-and-values-table-container tbody tr,.properties-functions-table-container tbody tr{border-bottom:0}.properties-expression-selection-container{padding-top:.5rem}.properties-expression-selection-operator{padding-bottom:2rem}.properties-field-table-container{width:48%;float:left}.properties-field-table-container .properties-ft-search-container{width:100%}.properties-value-table-container{width:48%;margin-left:52%}.properties-value-table-container .properties-ft-search-container{width:100%}.properties-functions-table{width:68%;float:left}.properties-functions-table .properties-ft-search-container{width:100%}.properties-help-table-container{width:28%;margin-left:70%}.properties-function-help-command{font-weight:700;text-decoration:underline}.properties-function-help-text{overflow-wrap:break-word}.properties-operator-title{padding-top:1rem;padding-bottom:2rem;width:100%;font-weight:bold;text-align:center}.properties-operator-container{display:flex;flex-wrap:wrap}.properties-operator-container .properties-operator-tooltip-container{width:36px;margin-right:.5rem;margin-top:.5rem}.properties-operator-container .properties-operator-button{height:36px;width:36px;padding:0}.properties-operator-container .properties-operator-button .properties-operator-button-label{margin:0 auto}.properties-expression-selection-content-switcher{padding-bottom:2.5rem}.properties-expression-selection-content-switcher div{max-width:50%;float:right}.properties-expression-field-select,.properties-expression-function-select{padding-top:1.5rem;padding-bottom:1.5rem}.properties-expression-table-dropdown-header{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;padding-bottom:.25rem}.properties-primaryTabs .bx--tabs-trigger{margin-bottom:5px}.properties-expression-toggle{position:relative;z-index:999}.properties-expression-toggle .properties-expression-toggle-absolute{position:absolute;width:100%}.properties-expression-toggle .properties-expression-toggle-absolute button.bx--btn.bx--btn--icon-only{position:absolute;right:0}.elyra-CodeMirror .cm-editor{height:inherit;width:100%;background:#f4f4f4;color:#161616}.elyra-CodeMirror .cm-editor .cm-gutters{border-right:none;background-color:inherit}.elyra-CodeMirror .cm-editor .cm-content .cm-line{padding-left:.5rem;font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;font-size:.875rem;font-weight:400;line-height:1.42857;letter-spacing:.32px}.elyra-CodeMirror .cm-editor .cm-content .cm-placeholder{font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;font-size:.875rem;font-weight:400;line-height:1.42857;letter-spacing:.32px}.elyra-CodeMirror .cm-editor .cm-content .cm-cursor{border-left:1px solid #161616}.elyra-CodeMirror .cm-editor .cm-content .cm-lineNumbers .cm-gutterElement{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px}.elyra-CodeMirror .cm-editor .cm-tooltip-autocomplete{z-index:1110}.elyra-CodeMirror .cm-editor .cm-tooltip-autocomplete ul{white-space:normal}.elyra-CodeMirror .cm-line .cm-keyword{color:#0f62fe}.elyra-CodeMirror .cm-line .cm-number{color:#525252}.elyra-CodeMirror .cm-line .cm-def{color:#da1e28}.elyra-CodeMirror .cm-line .cm-comment{color:#198038}.elyra-CodeMirror .cm-line .cm-variable,.elyra-CodeMirror .cm-line .cm-punctuation,.elyra-CodeMirror .cm-line .cm-property,.elyra-CodeMirror .cm-line .cm-operator{color:#161616}.elyra-CodeMirror .cm-line .cm-string{color:#da1e28}.elyra-CodeMirror .cm-line .cm-meta{color:#fff}.elyra-CodeMirror.disabled .cm-editor{opacity:.5}.elyra-CodeMirror.warning .cm-editor{border:.125rem solid #f1c21b}.elyra-CodeMirror.error .cm-editor{border:.125rem solid #da1e28}.properties-expression-editor{border:1px solid #e0e0e0}.properties-expression-editor.disabled{opacity:.5}.properties-expression-editor.error,.properties-expression-editor.warning{border:0}.properties-light-disabled .elyra-CodeMirror .cm-editor{background:#fff}.properties-expression-link-container{display:flex;justify-content:space-between}.properties-expression-link-container .properties-expression-validate{display:flex;flex-direction:row-reverse}.properties-expression-link-container .properties-expression-validate .icon{margin:.125rem}.properties-expression-link-container .properties-expression-validate .icon svg{height:10px;width:10px}.properties-expression-link-container .properties-expression-validate .validateLink{min-height:2rem;padding:.25rem}.properties-expression-header{position:relative;height:2rem}.properties-expression-header .properties-expression-title{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;position:absolute;bottom:5px;left:0}.properties-expression-header .properties-expression-link-container{position:absolute;bottom:0;right:0}.properties-expression-button.bx--btn--sm.bx--btn--ghost{padding:.25rem}.properties-expression-button.bx--btn--sm.bx--btn--ghost svg{height:20px;width:20px;margin-left:0}.properties-radioset.hide{display:none}.properties-radioset .bx--form-item{margin-bottom:.25rem}.properties-radio-button-group{display:block}.properties-radio-button-group.horizontal{display:inline-flex;flex-wrap:wrap}.properties-radio-button-group.horizontal .properties-radioset-panel{display:flex;height:auto;align-items:center;margin-bottom:0}.properties-radio-button-group .properties-radioset-panel{margin-bottom:.25rem;margin-right:.75rem;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;overflow:hidden}.properties-radio-button-group .properties-radioset-panel .bx--radio-button-wrapper{margin-right:0}.properties-radio-button-group .properties-radioset-panel .properties-radioset-tooltip{display:flex;align-items:center;margin:2.5px 0 1.5px 0}.properties-radio-button-group .properties-radioset-panel .properties-control-nested-panel{flex-basis:100%;width:100%}.properties-radio-button-group .properties-radioset-panel:last-of-type{margin-bottom:0}.properties-radio-button-group.error:not([disabled]){padding-bottom:.25rem}.properties-radio-button-group.warning:not([disabled]){padding-bottom:.25rem}.properties-textarea .bx--form-item{margin-right:0;margin-bottom:0}.properties-textarea.hide{display:none}.properties-someofselect .properties-ft-container-absolute-noheader tr{border-bottom:0}.properties-someofselect .properties-ft-container-absolute-noheader tr:not(.disabled):hover{border:1px solid #0f62fe}.properties-someofselect.hide{display:none}.properties-someofselect.error .properties-ft-container-absolute-noheader{border:1px solid #da1e28}.properties-someofselect.warning .properties-ft-container-absolute-noheader{border:1px solid #f1c21b}.properties-someofselect .properties-vt-row-checkbox{margin-right:1rem}.properties-toggletext.hide{display:none}.properties-toggletext.error button{border-bottom:2px solid #da1e28}.properties-toggletext.warning button{border-bottom:2px solid #f1c21b}.properties-table-cell-control .properties-toggletext button{padding:0 .25rem}.properties-input-control.hide{display:none}.properties-input-control .bx--form-item{margin-right:0;margin-bottom:0}.properties-input-control input{min-width:unset}.properties-table-cell-control .properties-input-control{padding-bottom:5px;width:100%}.properties-table-cell-control .properties-input-control input{background:unset;background-color:unset;margin:0;padding:0;height:1.72rem;text-overflow:ellipsis}.properties-table-cell-control .properties-input-control input:focus{border-top:0;border-right:0;border-left:0}.properties-table-cell-control .properties-input-control.error input:not([disabled]){box-shadow:0 2px 0 0 #da1e28}.properties-table-cell-control .properties-input-control.warning input:not([disabled]){box-shadow:0 2px 0 0 #f1c21b}.properties-table-cell-control input:disabled:hover{box-shadow:0 2px 0 0 #525252}.properties-table-cell-control .properties-textinput-readonly{margin-bottom:-5px}.properties-table-cell-control .properties-textinput-readonly .properties-validation-message.inTable{margin-left:-0.75rem}.properties-table-cell-control>div>:first-child{padding:0 1rem}.properties-table-subcell{display:flex;align-items:center;height:100%}.properties-at-selectedEditRows{background-color:#393939}.properties-at-selectedEditRows .properties-selectedEditRows-title{padding-top:10px;padding-bottom:10px;padding-left:12px;color:#fff}.properties-at-selectedEditRows .properties-ft-table-header{display:none}.properties-at-selectedEditRows .properties-vt-row-checkbox{width:1.25rem}.properties-at-selectedEditRows .properties-vt-row-class{background-color:#e0e0e0}.properties-at-selectedEditRows .properties-vt-row-class:hover{border:1px solid transparent;background-color:#cacaca}.properties-numberfield .bx--form-item{margin-right:0;margin-bottom:0}.properties-numberfield .properties-number-generator{margin-left:1rem;right:.125rem;width:2.5rem;min-height:2.5rem;padding-left:.75rem;padding-right:.75rem}.properties-numberfield.numberfield-with-number-generator{width:100%;display:inline-flex;align-items:flex-end}.properties-numberfield.numberfield-with-number-generator.error,.properties-numberfield.numberfield-with-number-generator.warning{align-items:flex-start}.properties-numberfield.numberfield-with-number-generator.error .properties-number-generator,.properties-numberfield.numberfield-with-number-generator.warning .properties-number-generator{margin-top:1.5rem}.properties-table-cell-control .properties-numberfield .bx--number[data-invalid] .bx--form-requirement{display:none}.properties-table-cell-control .properties-numberfield.error input[type=number]:not([disabled]),.properties-table-cell-control .properties-numberfield.error input[type=number]:focus:not([disabled]){box-shadow:0 2px 0 0 #da1e28}.properties-table-cell-control .properties-numberfield.warning input[type=number]:not([disabled]),.properties-table-cell-control .properties-numberfield.warning input[type=number]:focus:not([disabled]){box-shadow:0 2px 0 0 #f1c21b}.properties-table-cell-control .properties-numberfield input[type=number]{background-color:unset;padding:0;height:1.5rem}.properties-table-cell-control .properties-numberfield .bx--number input[type=number]{min-width:0}.properties-structureeditor .hide{display:none}.properties-structureeditor-cell{padding-right:5px;vertical-align:middle}.properties-table-cell-control .properties-dropdown .bx--multi-select__wrapper>label{display:none}.properties-datepicker-range .bx--date-picker-container{justify-content:normal}.properties-table-cell-control .properties-datepicker .bx--date-picker.bx--date-picker--single .bx--date-picker__input{width:unset}.properties-datepicker .bx--date-picker-container .bx--form-requirement,.properties-datepicker .bx--date-picker-container .bx--form__helper-text{max-width:18rem}.properties-slider .bx--slider-container{min-width:100%}.properties-slider .bx--slider-container .bx--slider{min-width:unset}.properties-slider.error .bx--text-input--invalid,.properties-slider.error .bx--text-input{outline:unset;outline-offset:unset}.properties-slider.error input[type=number]:not([disabled]){border:2px solid #da1e28}.properties-slider.warning .bx--text-input--invalid,.properties-slider.warning .bx--text-input{outline:unset;outline-offset:unset}.properties-slider.warning input[type=number]:not([disabled]){border:2px solid #f1c21b}.properties-ctrl-wrapper{padding-bottom:1rem}.properties-ctrl-wrapper.action{display:flex}.properties-ctrl-wrapper.action>div:first-child{width:100%}.properties-summary-panel.properties-summary-panel.hide{display:none}.properties-summary-panel.properties-summary-panel[disabled]{opacity:.5;pointer-events:none}.properties-summary-panel.properties-summary-panel .properties-summary-link-icon{width:16px;height:16px}.properties-summary-link-container{display:flex;align-items:center}.properties-summary-values{border-top:1px solid #e0e0e0;padding:1rem 0}.properties-summary-table{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;color:#161616;max-height:270px;width:100%;display:flex;margin:.5rem 0}.properties-summary-table>tbody{width:100%}.properties-summary-label{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#161616;margin-bottom:1rem}.properties-summary-row{display:flex;padding:2px 0}.properties-summary-row span{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}button.properties-subpanel-button{padding:0;min-height:2rem;height:2rem;width:2rem;display:flex;justify-content:center}.properties-subpanel-modal-in-tearsheet .properties-light-disabled{background-color:#fff}.properties-subpanel-modal-in-tearsheet .properties-modal-children{padding:0 1rem}.properties-sub-tab-container .bx--tab-content{padding-left:0;padding-right:0}.properties-leftnav-container{display:flex;border-top:px solid #e0e0e0;height:calc(100% + calc(1rem + 1rem));margin-top:-1rem;margin-left:-1rem;margin-bottom:calc(-1 * calc(1rem + 1rem))}.properties-leftnav-container .properties-leftnav-subtabs{width:282px;background-color:#fff;border-right:1px solid #e0e0e0;padding-top:.25rem;height:100%}.properties-leftnav-container .properties-leftnav-subtabs ul.bx--tabs--scrollable__nav{flex-direction:column;width:282px}.properties-leftnav-container .properties-leftnav-subtabs li.bx--tabs--scrollable__nav-item--selected{border-left:3px solid #0f62fe;border-bottom:0;background-color:#e0e0e0}.properties-leftnav-container .properties-leftnav-subtabs li.bx--tabs--scrollable__nav-item--selected:hover{background-color:#e5e5e5}.properties-leftnav-container .properties-leftnav-subtabs li.bx--tabs--scrollable__nav-item--selected.properties-leftnav-subtab-item button{border-left:0}.properties-leftnav-container .properties-leftnav-subtabs li.properties-leftnav-subtab-item:hover button{border-bottom:0}.properties-leftnav-container .properties-leftnav-subtabs li.properties-leftnav-subtab-item button{border-left:3px solid transparent;border-bottom:0;transition:none}.properties-leftnav-container .properties-leftnav-subtabs li.properties-leftnav-subtab-item button:focus,.properties-leftnav-container .properties-leftnav-subtabs li.properties-leftnav-subtab-item button:active{outline:0;border-bottom:0;transition:none}.properties-leftnav-container div.bx--tab-content{width:100%;padding:1rem}.properties-twisty-panel.hide{display:none}.properties-twisty-panel .bx--accordion__item{border-top:0;margin:0 -1rem}.properties-twisty-panel .bx--accordion__item--active .bx--accordion__content{padding:1.5rem 1rem 1rem}.properties-twisty-panel+.properties-control-panel{padding-top:1rem}.properties-text-panel .panel-label{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#161616;padding-bottom:.5rem}.properties-text-panel .panel-description{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;color:#161616;padding-bottom:1rem}.properties-text-panel .tooltip-container{margin-bottom:.5rem}.properties-text-panel[disabled]{opacity:.5;pointer-events:none}.properties-text-panel.hide{display:none}.properties-action-panel{display:flex;flex-wrap:wrap;padding-bottom:.5rem}.properties-action-panel .properties-label-container{width:100%}.properties-action-panel:last-child{padding-bottom:1.5rem}.properties-action-panel[disabled]{opacity:.5;pointer-events:none}.properties-action-panel.hide{display:none}.properties-action-panel+.properties-control-panel{padding-top:.5rem}.properties-column-panel{display:grid;-moz-column-gap:1rem;column-gap:1rem}.properties-column-panel .properties-control-panel:not(:empty)+.properties-control-panel:not(:empty){padding-top:0}.properties-column-panel.hide{display:none}.properties-column-panel[disabled]{opacity:.5;pointer-events:none}.properties-control-panel{display:block}.properties-control-panel:last-child{padding-bottom:.5rem}.properties-control-panel.hide{display:none}.properties-control-panel[disabled]{opacity:.5;pointer-events:none}.properties-control-panel>.properties-control-panel:not(:empty):last-child{padding-bottom:0}.properties-control-panel+.properties-control-panel:not(:empty){padding-top:1.5rem}.properties-control-nested-panel{padding:0 0 0 1rem;border-left:1px solid #8d8d8d}.properties-control-nested-panel .properties-control-nested-panel{border-left:1px solid #e0e0e0}.properties-control-panel.tearsheet-container{display:flex;flex-direction:column;height:100%;flex-shrink:10}.properties-control-panel.tearsheet-container .properties-control-panel.tearsheet-container{height:unset}.properties-tearsheet-panel.properties-tearsheet-stacked.bx--modal .bx--modal-container{max-height:calc(100% - 104px);width:calc(100% - 96px)}.properties-tearsheet-panel.bx--modal{align-items:flex-end}.properties-tearsheet-panel.bx--modal.is-visible .bx--modal-container{transform:translate3d(0, 0, 0);transition:transform 240ms cubic-bezier(0, 0, 0.3, 1)}.properties-tearsheet-panel.bx--modal .bx--modal-container{max-height:calc(100% - 88px);height:100%;width:calc(100% - 128px);transform:translate3d(0, 500px, 0);transition:transform 240ms cubic-bezier(0, 0, 0.3, 1);background-color:#f4f4f4}.properties-tearsheet-panel.bx--modal .properties-tearsheet-header{padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0;margin-bottom:0;background-color:#fff}.properties-tearsheet-panel.bx--modal .properties-tearsheet-header h3{font-size:1.75rem;font-weight:400;line-height:1.28572;letter-spacing:0}.properties-tearsheet-panel.bx--modal .properties-tearsheet-header p{margin-top:.5rem;font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body{padding:1.5rem 2rem;margin-bottom:0}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--multi-select,.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--dropdown,.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--number input[type=number],.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--text-input,.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--text-area,.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .bx--date-picker__input{background-color:#fff}.properties-tearsheet-panel.bx--modal .properties-tearsheet-header.with-tabs{border-bottom:0}.properties-tearsheet-panel.bx--modal .properties-tearsheet-header.hide-close-button button.bx--modal-close{display:none}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .properties-editor-form .properties-single-category{padding:1rem}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body .properties-editor-form .properties-primaryTabs{background-color:#fff;border-bottom:1px solid #e0e0e0;margin-bottom:1rem;padding-left:1rem}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body.with-buttons{height:calc(100% - 4rem);border-bottom:1px solid #e0e0e0}.properties-tearsheet-panel.bx--modal .properties-tearsheet-body.with-tabs{padding:0}.properties-tearsheet-panel.bx--modal .properties-modal-buttons{width:50%;right:0;left:unset}:export{flyoutWidthSmall:320px;flyoutWidthMedium:480px;flyoutWidthLarge:640px;flyoutWidthMax:900px}.properties-right-flyout{font-size:14px;width:0;height:100%;overflow:hidden;border-left:1px solid #e0e0e0;outline:none}.properties-right-flyout.properties-small{width:320px}.properties-right-flyout.properties-medium{width:480px}.properties-right-flyout.properties-large{width:640px}.properties-right-flyout.properties-max{width:900px}.properties-right-flyout:hover .properties-btn-resize{visibility:visible;opacity:1}.properties-right-flyout .properties-btn-resize{transition:visibility 240ms,opacity 240ms;opacity:0;visibility:hidden;position:absolute;top:50%;left:-13px;z-index:1;min-height:24px;min-width:24px;background-color:#fff;border:1px #8d8d8d solid;padding:2px;justify-content:center}.properties-right-flyout .properties-btn-resize:hover{background-color:#e0e0e0}.properties-right-flyout .properties-btn-resize svg{fill:#161616;width:16px;height:16px}.properties-right-flyout>.properties-custom-container{height:calc(100% - 65px - 4rem);overflow-y:auto;transform:translateZ(0)}.properties-right-flyout>.properties-custom-container.properties-custom-container-with-heading{height:calc(100% - 89px - 4rem)}.properties-right-flyout>.properties-custom-container.properties-custom-container-applyOnBlur{height:calc(100% - 6rem)}.properties-right-flyout>.properties-custom-container.properties-custom-container-applyOnBlur-with-heading{height:calc(100% - 89px)}.properties-light-enabled{background-color:#fff}.properties-light-disabled{background-color:#f4f4f4}.properties-error-heading .properties-validation-message{padding:40px 10px 0;align-items:left;-webkit-box-align:left;display:flex}.properties-error-heading .properties-validation-message span{font-size:20px;font-weight:300;font-style:italic}.properties-error-heading .properties-validation-message svg{height:25px}.properties-error-content{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;padding:0 1.5rem}.properties-modal-container{height:70px;align-items:left}.bx--tabs--scrollable .bx--tabs--scrollable__nav-item.properties-hidden-container,.properties-hidden-container{display:none}.properties-modal-error button:first-of-type{display:none}.properties-flyout-error-container{height:calc(100% - 46px)}.notification-panel{width:318px;height:-moz-fit-content;height:fit-content;min-height:calc(33px + 49px + 48px);max-height:calc(100% - 53px);display:grid;flex-direction:column;grid-template-rows:auto 1fr auto}.notification-panel-header-container{min-height:33px;height:-moz-fit-content;height:fit-content;width:inherit;background-color:#fff;display:flex;flex-direction:column;justify-content:center;border-bottom:0;padding:1rem;outline:none}.notification-panel-header-container:focus{border-color:#0f62fe;box-shadow:inset 0 0 0 2px #0f62fe}.notification-panel-header-container .notification-panel-header{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0;display:flex;justify-content:space-between;align-items:center}.notification-panel-header-container .notification-panel-subtitle{font-size:.75rem;line-height:1.33333;letter-spacing:.32px;color:#525252;padding-top:.25rem}.notification-panel-close-button{position:absolute;top:12px;right:12px}.notification-panel-button-container{width:100%;height:49px;background-color:#fff;display:flex;justify-content:space-between;border-top:0;padding:.5rem 0;font-weight:400}.notification-panel-messages{overflow-y:auto;line-height:normal;background-color:#fff;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;max-height:448px}.notification-panel-messages .notifications-button-container{border-bottom:1px solid #e0e0e0;min-height:48px}.notification-panel-messages .notification-panel-empty-message-container{min-height:48px;display:flex;justify-content:center;align-items:center;outline:none}.notification-panel-messages .notification-panel-empty-message-container:focus{border-color:#0f62fe;box-shadow:inset 0 0 0 2px #0f62fe}.notification-panel-messages .notification-panel-empty-message-container .notification-panel-empty-message{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;text-align:center;padding-right:30px;padding-left:30px}.notification-panel-messages .notifications-button-container:nth-last-of-type(1){border-bottom:0}.notification-panel-messages .notifications{padding:1rem 1rem 1rem calc(1rem - 4px);display:inline-flex;width:100%;min-height:48px;background-color:#fff;border-style:none;border-left:4px solid #fff;cursor:default;margin-top:0;margin-bottom:0;outline:none}.notification-panel-messages .notifications:focus{border-color:#0f62fe;box-shadow:inset 0 0 0 2px #0f62fe}.notification-panel-messages .notifications:hover{background-color:#e5e5e5}.notification-panel-messages .notifications:focus.unspecified,.notification-panel-messages .notifications:hover.unspecified{border-left:4px solid #fff}.notification-panel-messages .notifications:focus.error,.notification-panel-messages .notifications:hover.error{border-left:4px solid #da1e28}.notification-panel-messages .notifications:focus.warning,.notification-panel-messages .notifications:hover.warning{border-left:4px solid #f1c21b}.notification-panel-messages .notifications:focus.success,.notification-panel-messages .notifications:hover.success{border-left:4px solid #198038}.notification-panel-messages .notifications:focus.info,.notification-panel-messages .notifications:hover.info{border-left:4px solid #0043ce}.notification-panel-messages .notifications.clickable{cursor:pointer}.notification-panel-messages .notifications .notification-message-type{display:flex;justify-content:center;height:18px;width:-moz-fit-content;width:fit-content;padding-right:.5rem}.notification-panel-messages .notifications .notification-message-type>svg{display:flex;justify-content:center;width:1rem;height:100%}.notification-panel-messages .notifications .notification-message-details{text-align:left;overflow-wrap:break-word;width:266px}.notification-panel-messages .notifications .notification-message-details .notification-message-title{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#525252;padding-bottom:.25rem}.notification-panel-messages .notifications .notification-message-details .notification-message-subtitle{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#161616}.notification-panel-messages .notifications .notification-message-details .notification-message-subtitle hr{margin-bottom:.5rem;border-bottom:0;border-top:solid 1px #e0e0e0}.notification-panel-messages .notifications .notification-message-details .notification-message-content{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#525252}.notification-panel-messages+*{clear:both}.notification-message-timestamp{display:inline-flex;color:#525252}.notification-message-timestamp svg{width:10px;height:10px;margin-right:3px;margin-top:3px}.notification-message-timestamp .notification-message-string{font-size:10px;margin-top:auto;margin-bottom:auto}.notification-message-close{width:-moz-fit-content;width:fit-content}.notification-message-close:hover{text-decoration:underline}.canvas-icon .stroke,.canvas-icon.stroke{stroke:#161616}.canvas-icon .fill,.canvas-icon.fill{fill:#161616}.canvas-icon[disabled]{fill:#c6c6c6}svg.properties-icon,svg.canvas-icon{fill:#161616}svg.canvas-state-icon-error{fill:#da1e28}svg.canvas-state-icon-success{fill:#198038}svg.canvas-state-icon-warning{fill:#f1c21b}svg.canvas-state-icon-warning [data-icon-path=inner-path]{fill:#161616;opacity:1}svg.canvas-state-icon-info{fill:#0043ce}svg.canvas-state-icon-information-hollow{fill:#161616}.toolbar-div{height:40px;width:100%;background-color:#fff;box-sizing:content-box;position:relative;display:flex;justify-content:space-between;outline:none;-webkit-user-drag:none}.toolbar-div:focus{border-color:#0f62fe;box-shadow:inset 0 0 0 2px #0f62fe}.toolbar-div.toolbar-size-small{height:32px}.toolbar-div.toolbar-size-small .toolbar-left-bar{padding:0}.toolbar-div.toolbar-size-small .toolbar-item button,.toolbar-div.toolbar-size-small .toolbar-overflow-item>button{padding:0;height:32px}.toolbar-div.toolbar-size-small .toolbar-sub-menu-item{height:-moz-fit-content;height:fit-content}.toolbar-div.toolbar-size-small .toolbar-item-content{padding:.25rem .5rem;height:32px;align-items:center;min-width:32px}.toolbar-div.toolbar-size-small .toolbar-popover-list button{padding:0}.toolbar-div.toolbar-size-small .toolbar-jsx-item{height:32px}.toolbar-div.toolbar-size-small .toolbar-tick-svg{height:32px;width:32px}.toolbar-left-bar{flex-shrink:5000000;display:block;padding-right:42px;overflow:hidden;align-items:center}.toolbar-right-bar{display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:flex-start;flex-shrink:1;overflow:hidden}.toolbar-item{background-color:#fff;display:inline-block}.toolbar-item button{padding:0;min-height:30px;height:40px}.toolbar-item.default button,.toolbar-item.ghost button{background-color:#fff}.toolbar-item.default button:hover,.toolbar-item.ghost button:hover{background-color:#e5e5e5}.toolbar-item.default button:focus,.toolbar-item.ghost button:focus{background-color:#e5e5e5}.toolbar-item.default button:disabled:hover,.toolbar-item.ghost button:disabled:hover{background-color:#fff}.toolbar-item.tertiary button{color:#0f62fe;background-color:#fff}.toolbar-item.tertiary button:hover{background-color:#e5e5e5}.toolbar-item.tertiary button:disabled,.toolbar-item.tertiary button:disabled:hover{color:#c6c6c6;background-color:#fff}.toolbar-overflow-container{width:0;display:inline-block}.toolbar-overflow-item{background-color:#fff;display:inline-block}.toolbar-overflow-item button{padding:0;height:40px;min-height:30px;background-color:#fff;border-right:1px solid #e0e0e0}.toolbar-overflow-item button:hover{background-color:#e5e5e5}.toolbar-overflow-item button:disabled:hover{background-color:#fff}.toolbar-sub-menu-item button{width:100%;padding-top:0;padding-bottom:0;padding-left:16px;padding-right:16px;min-height:20px}.toolbar-item-content{width:inherit;display:flex;justify-content:center;padding:11px}.toolbar-item-content.overflow{justify-content:left;padding:8px 0}.toolbar-item-content.default{color:#161616}.toolbar-item-content.disabled.default{color:#c6c6c6;fill:#c6c6c6}.toolbar-item-content.disabled.default .toolbar-tick-mark{fill:#c6c6c6}.toolbar-item-content.disabled.default .toolbar-text-content{stroke:#c6c6c6}.toolbar-item-content .toolbar-icon svg{height:16px;width:16px;-webkit-user-drag:none}.toolbar-item-content .toolbar-text-content{position:absolute;top:14px;font-size:9px;line-height:9px;color:#161616}.toolbar-item-content .toolbar-icon-label{line-height:16px}.toolbar-item-content .toolbar-icon-label.before{padding-right:8px}.toolbar-item-content .toolbar-icon-label.after{padding-left:8px}.toolbar-item-content .toolbar-icon-label.overflow{padding-left:8px;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.toolbar-item-content .toolbar-up-down-chevron{padding-left:8px;height:16px;pointer-events:none}.toolbar-item-content .toolbar-tick-svg{position:absolute;bottom:0;right:0;height:40px;width:40px;pointer-events:none}.toolbar-item-content .toolbar-tick-svg .toolbar-tick-mark{fill:#161616}.toolbar-jsx-item{height:40px;display:inline-flex;align-items:center;vertical-align:top;position:relative;background-color:#fff;padding:0}.toolbar-sub-menu-jsx-item{width:100%;height:38px;display:inline-flex;align-items:center;vertical-align:top;position:relative;padding:0}.toolbar-item-selected.default button,.toolbar-item-selected.ghost button{background-color:#e0e0e0;border-bottom:2px solid #0f62fe}.toolbar-divider{border-right:1px solid #e0e0e0;background-color:#fff;display:inline-block;height:40px;width:0}.toolbar-divider-overflow{height:0;border-bottom:1px solid #e0e0e0}.toolbar-popover-list{width:200px;z-index:2;display:block;position:fixed;list-style-type:none;padding:0;border:1px solid #e0e0e0;background-color:#fff;opacity:0;animation:tovisible .25s ease-in-out forwards}.toolbar-popover-list.submenu{min-width:100px}.toolbar-popover-list.subpanel{width:-moz-fit-content;width:fit-content}@keyframes tovisible{100%{opacity:1}}.tooltip-container,.tooltip-trigger{height:100%}.common-canvas-tooltip{font-size:12px;position:fixed;padding:1rem;background-color:#393939;border:1px solid #393939;font-weight:400;opacity:90%;color:#fff;line-height:1.2;text-align:left;z-index:10000;pointer-events:none;word-wrap:break-word;max-width:228px;border-radius:2px;white-space:pre-wrap}.common-canvas-tooltip .bx--link{display:block;color:#78a9ff;margin-top:1rem;pointer-events:auto;cursor:pointer}.common-canvas-tooltip .bx--link:hover{color:#78a9ff;text-decoration:underline}.common-canvas-tooltip[direction=right]{transform:translate3d(-22px, 0, 0)}.common-canvas-tooltip[direction=top]{transform:translate3d(0, 22px, 0)}.common-canvas-tooltip[direction=left]{transform:translate3d(22px, 0, 0)}.common-canvas-tooltip[direction=bottom]{transform:translate3d(0, -22px, 0)}.icon-tooltip{padding:.125rem 1rem}.definition-tooltip{padding:.5rem 1rem}.common-canvas-tooltip .tipArrow{position:absolute;width:10px;height:14px}.common-canvas-tooltip[direction=top] .tipArrow{transform:rotate(-90deg)}.common-canvas-tooltip[direction=left] .tipArrow{transform:rotate(180deg)}.common-canvas-tooltip[direction=bottom] .tipArrow{transform:rotate(90deg)}.common-canvas-tooltip .tipArrow polyline{fill:#393939;stroke-width:0}.common-canvas-tooltip .tipArrow polygon{fill:#393939}.common-canvas-tooltip[aria-hidden=false]{transform:scaleX(1) translate3d(0, 0, 0) rotate(0deg);visibility:visible;opacity:100}.common-canvas-tooltip[aria-hidden=true]{visibility:hidden;opacity:0}.tip-palette-item,.tip-node{min-width:80px;max-width:180px;text-align:left}.tip-palette-category{font-size:10px;padding-bottom:4px;color:#fff}.tip-palette-label,.tip-node-label{font-weight:600;color:#fff}.tip-palette-desc,.tip-node-desc{padding-top:4px}.tip-node-status{position:absolute;width:12px;height:12px;right:1rem;top:.5rem}.tip-node-status.warning{fill:#f1c21b}.tip-node-status.error{fill:#da1e28}.tip-port{min-width:90px}.properties-tooltips{background-color:#393939;color:#fff;max-width:250px}.properties-tooltips .tipArrow polyline{fill:#393939}.context-menu-popover{cursor:pointer;min-width:160px;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:0;outline:none;box-shadow:2px 2px 2px rgba(0,0,0,.2);position:absolute}.context-menu-popover.context-menu-submenu{top:0;left:100%;display:none}.context-menu-popover.context-menu-submenu.context-menu--visible{display:inline-grid}.context-menu-item{height:30px;padding:0 1em;clear:both;color:#161616;text-align:inherit;white-space:nowrap;background:0 0;border:0;display:flex;align-items:center;position:relative}.context-menu-item.disabled{opacity:.5;cursor:not-allowed}.context-menu-item:active,.context-menu-item:focus,.context-menu-item:hover{background:#e5e5e5;text-decoration:none;border:0;outline:none}.context-menu-item svg{color:#161616;position:absolute;right:12px}.context-menu-divider{height:1px;display:block;overflow:hidden;background-color:#e0e0e0;padding:0}.palette-flyout-div{border-right:1px solid #e0e0e0;font-size:14px;position:relative;height:100%;padding-bottom:5px;background-color:#fff;transition:.2s;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-flyout-div-open .palette-flyout-content{width:256px;transition:.2s ease-in-out}.palette-flyout-div-closed{transition:.2s ease-in-out;width:0}.palette-flyout-div-narrow{width:72px}.palette-flyout-content .palette-scroll{overflow-y:hidden}.palette-flyout-content .palette-content-list{border-bottom:0}.palette-flyout-content .palette-no-results-title{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;width:100%;padding:20px 20px 0;text-align:center}.palette-flyout-content .palette-no-results-desc{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;width:100%;padding:0 20px;text-align:center}.palette-flyout-content .palette-flyout-restrict-item{font-size:.75rem;line-height:1.33333;letter-spacing:.32px;width:100%;padding:2.5rem 20px}.palette-flyout-content .palette-list-item-desc-button{color:#0f62fe;cursor:pointer;padding:5px 0 0}.palette-flyout-content .palette-list-item{height:46px;border-width:0;display:flex;flex-direction:column;align-items:center;padding:9px 10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;outline:none}.palette-flyout-content .palette-list-item:hover{background-color:#e0e0e0}.palette-flyout-content .palette-list-item:focus{border-color:#0f62fe;box-shadow:inset 0 0 0 2px #0f62fe}.palette-flyout-content .palette-list-item .palette-list-item-category-label{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;width:100%;padding:1rem 10px 0 58px}.palette-flyout-content .palette-list-item .palette-list-item-category-label mark{color:#0f62fe;background-color:#d0e2ff;font-weight:500}.palette-flyout-content .palette-list-item .palette-list-item-icon-and-text{display:flex;flex-direction:row;width:100%;align-items:center;height:100%;margin-left:20px}.palette-flyout-content .palette-list-item .palette-list-item-icon{width:28px;color:#525252}.palette-flyout-content .palette-list-item .palette-list-item-text-div{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;font-weight:400;padding:0 10px;width:calc(100% - 68px);line-height:1}.palette-flyout-content .palette-list-item .palette-list-item-text-div mark{color:#0f62fe;background-color:#d0e2ff;font-weight:500}.palette-flyout-content .palette-list-item .palette-list-item-icon-warning{transform:scale(1.5);width:28px;line-height:46px;color:#525252;margin-left:0}.palette-flyout-content .palette-list-item .palette-list-item-description{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;padding:0 10px 0 58px;word-break:break-word;width:100%}.palette-flyout-content .palette-list-item .palette-list-item-description mark{color:#0f62fe;background-color:#d0e2ff;font-weight:500}.palette-flyout-content .palette-list-item .highlight{background-color:#0f62fe}.palette-flyout-content .palette-list-item.search-result{min-height:46px;height:-moz-fit-content;height:fit-content;padding-bottom:1rem;padding-top:0px;padding-left:0px;border-bottom:1px solid #e0e0e0;padding-right:6px}.palette-flyout-content .palette-list-item.search-result .palette-list-item-icon-and-text{min-height:30px;padding-left:10px}.palette-flyout-categories{height:calc(100% - 41px);width:100%;position:absolute;overflow-x:hidden;overflow-y:overlay}.palette-flyout-categories li .bx--accordion__arrow{margin-top:15px}.palette-flyout-categories .bx--accordion__item--active button{border-bottom:1px solid #e0e0e0}.palette-flyout-categories .bx--accordion__item{border-top:0}.palette-flyout-categories .bx--accordion__item .bx--accordion__heading{padding:0}.palette-flyout-categories .bx--accordion__item .bx--accordion__heading .bx--accordion__title{margin:0;padding:0 0 0 11px;height:45px}.palette-flyout-categories li .bx--accordion__content{padding:0}.palette-flyout-category{cursor:pointer;border-width:0 0 0 1px;height:100%;align-items:center;justify-content:space-between;display:flex;position:absolute;top:0;left:0;right:0;bottom:0}.palette-flyout-category-item{display:flex;align-items:center;min-height:44px;padding-left:11px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-flyout-category-item-loading{display:flex;margin-left:16px;width:100%;height:100%;justify-content:center;max-height:60px}.palette-flyout-category-item-icon{width:20px;margin-left:5px;fill:#161616;padding-top:4px}.palette-flyout-text-container{max-width:205px;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-flyout-category-text{width:165px;overflow-wrap:break-word;line-height:1.2;padding-left:16px;align-items:center;height:100%;max-height:59px}.palette-flyout-category-text-abbr{line-height:1.2;margin-left:0}.palette-flyout-category-text-no-image{line-height:1.2;margin-left:10px;width:170px}.palette-flyout-category-count{line-height:1.2;padding-left:5px}.palette-flyout-search-container{height:41px}.palette-flyout-search-container .palette-flyout-search{height:100%;overflow:hidden}.palette-flyout-search-container .palette-flyout-search .bx--search-magnifier svg{margin-left:10px}.palette-flyout-search-container .palette-flyout-search svg{fill:#161616}.palette-flyout-search-container .palette-flyout-search input{background:#fff;height:100%;padding-right:3rem;padding-left:52px}.palette-flyout-search-container .palette-flyout-search button{margin-right:8px;margin-top:4px;border-bottom-width:0}.palette-flyout-search-container .palette-flyout-search button.bx--search-close::before{content:none}.palette-loading-category .bx--accordion__arrow{display:none}.palette-dialog-div{position:absolute;bottom:35px;left:60px;width:473px;height:450px;font-size:14px;border:3px solid transparent;cursor:default;z-index:2;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block}.palette-dialog-div .palette-list-item{height:46px;border-width:1px;border-color:#e0e0e0;border-style:solid;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-left:19px}.palette-dialog-div .palette-list-item:hover{background-color:#e0e0e0}.palette-dialog-div .palette-list-item .palette-list-item-icon-and-text{display:flex;flex-direction:row;width:100%;height:46px;align-items:center}.palette-dialog-div .palette-list-item .palette-list-item-icon{width:28px;line-height:46px;color:#525252;margin-left:0;margin-right:10px}.palette-dialog-div .palette-list-item .palette-list-item-text-div{width:100%;display:block}.palette-dialog-div .palette-list-item .palette-list-item-text-span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:10px;line-height:16px}.palette-dialog-div .palette-list-item .palette-list-item-icon-warning{transform:scale(1.5);width:28px;line-height:46px;color:#525252;margin-left:0;margin-right:10px}.palette-dialog-topbar{height:41px;background-color:#e0e0e0;border-bottom:1px solid #e0e0e0}.palette-dialog-content{height:404px;display:flex;background-color:#fff;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0}.palette-dialog-categories{background-color:#fff;width:130px;min-width:130px;border-right:1px solid #e0e0e0;overflow-x:hidden}.palette-dialog-category{padding:10px;border-width:0 0 0 1px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-dialog-category:hover{font-weight:600}.palette-dialog-category-selected{font-weight:600;border-color:#393939;border-width:0 0 0 1px;border-style:solid;width:130px;min-width:130px;padding-left:8px;padding-top:10px;padding-bottom:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-dialog-grid-node-outer{width:112px;height:134px;display:inline-block;vertical-align:middle;text-align:center;border-width:1px;border-color:#e0e0e0;border-style:solid;-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-dialog-grid-node-outer:hover{border-color:#393939;color:#393939}.palette-dialog-grid-node-inner{padding-top:16px}.palette-dialog-grid-node-icon svg{display:inline-block}.palette-dialog-grid-node-icon .node-icon{width:64px;height:64px}.palette-dialog-grid-node-icon-warning{transform:scale(4);margin-top:25px}.palette-dialog-grid-node-text-warning{width:100%;padding-top:30px}.palette-dialog-grid-node-text{width:100%;padding-top:6px}.palette-scroll{overflow-y:auto}.palette-content-list{width:100%}.common-canvas{height:100%;width:100%;cursor:default;display:flex;position:relative;overflow-x:auto;overflow-y:hidden;font-size:14px}.common-canvas-items-container{height:100%;position:relative;width:100%;display:grid;grid-template-columns:1fr}.common-canvas-right-side-items{width:100%;display:flex}.common-canvas-drop-div{height:100%;width:100%;min-width:inherit;cursor:default;overflow:hidden;position:relative}.right-flyout-panel{height:100%;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#fff}.bottom-panel{display:flex;flex-direction:column;border-top:1px solid #e0e0e0;z-index:1}.bottom-panel-drag{border-top:#e0e0e0;cursor:row-resize;flex:0 0 2px;border-top-width:1px;background:#fff;transition:all .2s ease-in}.bottom-panel-drag:hover{background:#0f62fe}.bottom-panel-contents{background-color:#fff;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100%}.top-panel{display:flex;flex-direction:column;border-bottom:1px solid #e0e0e0}.common-canvas-toolbar{border-bottom:1px solid #8d8d8d}.text-toolbar .toolbar-div{animation:raise-toolbar .3s linear;border:1px solid #8d8d8d}.context-toolbar .toolbar-overflow-item button:focus{border-color:transparent;box-shadow:inset 2px 2px #0f62fe,inset -6px -2px #0f62fe}.context-toolbar .toolbar-overflow-item .toolbar-item-content{padding-left:4px}.text-toolbar,.context-toolbar{position:absolute;top:0;left:0;width:-moz-fit-content;width:fit-content}.text-toolbar .toolbar-div,.context-toolbar .toolbar-div{position:relative;left:0;padding-right:0px}.text-toolbar .toolbar-div .toolbar-left-bar,.context-toolbar .toolbar-div .toolbar-left-bar{padding-right:0px}.text-toolbar .toolbar-div{animation:raise-toolbar .3s linear}@keyframes raise-toolbar{from{height:0;top:41px}to{height:41px;top:0}}.common-canvas-right-side-items-under-toolbar{display:grid;grid-template-columns:1fr;width:100%}.common-canvas-items-container-under-toolbar{height:100%;width:100%;display:grid;grid-template-rows:1fr auto}.common-canvas-with-top-and-bottom-panel{width:100%;display:grid;grid-template-columns:1fr}.empty-canvas{position:absolute;line-height:1.5;left:50%;top:48%;cursor:default;transform:translate(-50%, -50%);pointer-events:none}.empty-canvas-image{color:#a8a8a8;opacity:.75;display:block;text-align:center}.empty-canvas-image svg{width:175px;height:175px}.empty-canvas-text1{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0;padding-top:.25rem;color:#525252;display:block;text-align:center}.empty-canvas-text2{font-size:1rem;font-weight:400;line-height:1.375;letter-spacing:0;padding-top:.5rem;color:#525252;display:block;text-align:center}.return-to-previous{position:absolute;left:15px;top:15px;background-color:#f4f4f4}.return-to-previous button{background-color:#f4f4f4;padding-right:20px}.return-to-previous button:hover,.return-to-previous button:focus{background-color:#e0e0e0;color:#0f62fe}.return-to-previous .return-to-previous-content{display:flex;background-color:transparent}.return-to-previous .return-to-previous-content svg{margin-top:1px;margin-left:4px;margin-right:7px}.return-to-previous .return-to-previous-content span{padding-bottom:2px}.dropzone-canvas{position:absolute;line-height:1.5;width:100%;height:100%;left:50%;top:50%;cursor:default;transform:translate(-50%, -50%);pointer-events:all;background-color:#f4f4f4;opacity:.75}.dropzone-canvas-rect{position:absolute;top:30px;left:30px;right:30px;bottom:30px;border-color:#8d8d8d;border-style:dashed;border-width:2px}.toolbar-item-content.notificationCounterIcon.error>div>svg>.dot{fill:#da1e28}.toolbar-item-content.notificationCounterIcon.warning>div>svg>.dot{fill:#f1c21b}.toolbar-item-content.notificationCounterIcon.success>div>svg>.dot{fill:#198038}.toolbar-item-content.notificationCounterIcon.info>div>svg>.dot{fill:#0043ce}.state-tag{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;color:#fff;background-color:#393939;width:-moz-fit-content;width:fit-content;height:40px;position:absolute;left:50%;top:16px;transform:translate(-50%, 0%);border-radius:20px;padding:9px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.state-tag svg{color:#fff;position:relative;top:3px;margin-left:14px}.state-tag span{margin:0 16px 0 10px}.d3-svg-canvas-div{cursor:default;height:100%;background-color:#f4f4f4}.d3-svg-canvas-div:focus{outline:none}.d3-foreign-object-ghost-label,.d3-foreign-object-node-label,.d3-foreign-object-dec-label,.d3-foreign-object-comment-text,.d3-foreign-object-text-entry{pointer-events:none;overflow:visible}.d3-region-selector{stroke:#161616;fill:#e0e0e0;opacity:.5}.d3-svg-background{fill:#f4f4f4}.d3-canvas-underlay{fill:#e0e0e0}.d3-temp-cursor-overlay{fill:transparent}.d3-ghost-div{position:absolute;left:0;top:0;z-index:-10000}.d3-ghost-node{fill:#d0e2ff}.d3-node-group.d3-draggable,.d3-comment-group.d3-draggable{cursor:default}.d3-node-group-translucent{opacity:.5}.d3-node-sizing,.d3-comment-sizing{fill:transparent;stroke:transparent}.d3-node-body-outline{stroke:#161616;stroke-width:1;fill:#fff}.d3-node-group:hover>.d3-node-body-outline{stroke:#e0e0e0;stroke-width:1;fill:#cacaca}.d3-node-unavailable .d3-node-body-outline,.d3-node-unavailable .d3-node-label,.d3-node-unavailable svg path{stroke:#c6c6c6;fill:#8d8d8d;color:#c6c6c6}.d3-node-selection-highlight{stroke-width:0;fill:transparent;pointer-events:none}.d3-node-selection-highlight[data-selected=yes]{stroke:#78a9ff;stroke-dasharray:none;stroke-width:5;fill:transparent}.d3-node-image-outline{stroke:#161616;stroke-width:1;fill:#fff}.d3-node-label{color:#161616;font-size:12px;font-weight:500;resize:none;border-style:solid;border-color:transparent;padding:0;width:100%;height:100%;overflow:hidden;line-height:105%;letter-spacing:.16px;border-width:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.d3-node-label span{pointer-events:auto}.d3-node-label-entry{color:#161616;font-size:12px;font-weight:500;resize:none;border-style:solid;border-color:transparent;padding:0;width:100%;height:100%;overflow:hidden;line-height:105%;letter-spacing:.16px;background-color:#fff;border-width:6px;pointer-events:auto}.d3-node-label-entry:focus{outline:none;box-shadow:0 0 0 2px #0f62fe}.d3-node-group[data-new-link-over=yes] .d3-node-selection-highlight{stroke:#0f62fe;stroke-dasharray:4;stroke-width:2;fill:#fff;pointer-events:none}.d3-node-group.d3-branch-highlight .d3-node-body-outline{stroke:#161616;stroke-width:2px;fill:#d0e2ff}.d3-node-group.d3-branch-highlight .d3-node-label{color:#161616}.d3-node-group.d3-branch-highlight:hover .d3-node-body-outline{stroke:#161616;stroke-width:2px;fill:#0353e9}.d3-node-error-label{color:#da1e28}.d3-node-warning-label{color:#f1c21b}.d3-label-single-line{white-space:nowrap;text-overflow:ellipsis}.d3-label-multi-line{white-space:pre-wrap;word-wrap:normal;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.d3-label-multi-line .d3-label-full{display:inline-block}.d3-label-multi-line-entry{white-space:pre-wrap;word-wrap:normal;word-break:break-word}.d3-label-multi-line-entry .d3-label-full{display:inline-block}.d3-label-center{text-align:center}.d3-label-edit-icon-group .d3-label-edit-icon-background1{fill:transparent}.d3-label-edit-icon-group .d3-label-edit-icon-background2{fill:#f4f4f4}.d3-label-edit-icon-group:hover .d3-label-edit-icon-background2{fill:#e0e0e0}.d3-label-edit-icon-group svg{fill:currentColor;color:#161616}.d3-node-dec-outline,.d3-link-dec-outline{fill:transparent;stroke:#161616;stroke-width:1;stroke-dasharray:0}.d3-node-dec-label,.d3-link-dec-label{color:#161616;font-size:12px;font-weight:500;resize:none;border-style:solid;border-color:transparent;padding:0;width:100%;height:100%;overflow:hidden;line-height:105%;letter-spacing:.16px;border-width:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.d3-node-dec-label span,.d3-link-dec-label span{pointer-events:auto}.d3-dec-label-entry{color:#161616;font-size:12px;font-weight:500;resize:none;border-style:solid;border-color:transparent;padding:0;width:100%;height:100%;overflow:hidden;line-height:105%;letter-spacing:.16px;background-color:#fff;border-width:6px;pointer-events:auto}.d3-dec-label-entry:focus{outline:none;box-shadow:0 0 0 2px #0f62fe}.d3-node-dec-path,.d3-link-dec-path{fill:#161616;stroke:#161616;stroke-width:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.d3-node-dec-image,.d3-link-dec-image{stroke-width:1;stroke-dasharray:0;fill:currentColor;color:#161616}.d3-foreign-object-dec-ext:focus{outline:none}.d3-node-ellipsis-group .d3-node-ellipsis-background{fill:transparent;stroke-width:0;cursor:context-menu}.d3-node-ellipsis-group .d3-node-ellipsis{fill:#0f62fe;stroke-width:0;cursor:context-menu}.d3-node-ellipsis-group:hover .d3-node-ellipsis-background{fill:#e0e0e0}.d3-node-super-expand-icon-group .d3-node-super-expand-icon-background{fill:transparent;stroke-width:0;cursor:context-menu}.d3-node-super-expand-icon-group .d3-node-super-expand-icon{fill:#0f62fe;stroke-width:0;cursor:context-menu}.d3-node-super-expand-icon-group:hover .d3-node-super-expand-icon-background{fill:#e0e0e0}.d3-error-circle{stroke:#f4f4f4;stroke-width:2;fill:#da1e28}.d3-warning-circle{stroke:#f4f4f4;stroke-width:2;fill:#f1c21b}.d3-error-circle-off{display:none}.d3-node-port-output{stroke:#393939;fill:#fff;stroke-width:1.25}.d3-node-port-output[connected=yes]{stroke:#393939;fill:#393939;stroke-width:2}.d3-node-port-output:hover{stroke:#393939;fill:#393939}.d3-node-port-input{stroke:#393939;fill:#fff;stroke-width:1.25}.d3-node-port-input-assoc,.d3-node-port-output-assoc{stroke:#393939;fill:#fff;stroke-width:1.25}.d3-node-port-input-assoc:hover,.d3-node-port-output-assoc:hover{stroke:#393939;fill:#393939}.d3-node-port-input[connected=yes]{stroke:#fff;fill:#fff;stroke-width:1}.d3-node-port-input[connected=yes] .d3-node-port-input-arrow{stroke:#393939;stroke-width:1;fill:transparent;pointer-events:none}.d3-node-port-input[connected=yes][isSupernodeBinding=yes]{stroke:#393939;fill:#f4f4f4;stroke-width:1}.d3-node-port-input-arrow{stroke:transparent;fill:transparent}.d3-new-connection-line[linkType=nodeLink],.d3-new-connection-line[linkType=associationLink]{stroke:#78a9ff;stroke-width:2;stroke-dasharray:10 10;fill:none}.d3-new-connection-start[linkType=nodeLink],.d3-new-connection-start[linkType=associationLink]{stroke:#78a9ff;fill:#f4f4f4}.d3-new-connection-guide[linkType=nodeLink],.d3-new-connection-guide[linkType=associationLink]{stroke:#78a9ff;fill:#78a9ff}.d3-new-connection-line[linkType=commentLink]{stroke:#8d8d8d;stroke-width:1;stroke-dasharray:10 10;fill:none}.d3-new-connection-guide[linkType=commentLink]{stroke:#8d8d8d;stroke-width:4;fill:#8d8d8d}.d3-new-connection-arrow[linkType=commentLink]{stroke:#8d8d8d;stroke-width:2;fill:#8d8d8d}.d3-comment-port-circle{stroke:#8d8d8d;stroke-width:2;fill:#8d8d8d}.d3-comment-group:hover .d3-comment-rect{stroke:#4c4c4c}.d3-comment-rect{fill:#fff;stroke:#c6c6c6;stroke-width:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}g.bkg-col-white-0 .d3-comment-rect{fill:#fff}g.bkg-col-white-0 .d3-comment-text{color:#161616}g.bkg-col-white-0 .d3-comment-entry{background-color:#fff;color:#161616}g.bkg-col-yellow-20 .d3-comment-rect{fill:#fddc69}g.bkg-col-yellow-20 .d3-comment-text{color:#161616}g.bkg-col-yellow-20 .d3-comment-entry{background-color:#fddc69;color:#161616}g.bkg-col-gray-20 .d3-comment-rect{fill:#e0e0e0}g.bkg-col-gray-20 .d3-comment-text{color:#161616}g.bkg-col-gray-20 .d3-comment-entry{background-color:#e0e0e0;color:#161616}g.bkg-col-green-20 .d3-comment-rect{fill:#a7f0ba}g.bkg-col-green-20 .d3-comment-text{color:#161616}g.bkg-col-green-20 .d3-comment-entry{background-color:#a7f0ba;color:#161616}g.bkg-col-teal-20 .d3-comment-rect{fill:#9ef0f0}g.bkg-col-teal-20 .d3-comment-text{color:#161616}g.bkg-col-teal-20 .d3-comment-entry{background-color:#9ef0f0;color:#161616}g.bkg-col-cyan-20 .d3-comment-rect{fill:#bae6ff}g.bkg-col-cyan-20 .d3-comment-text{color:#161616}g.bkg-col-cyan-20 .d3-comment-entry{background-color:#bae6ff;color:#161616}g.bkg-col-red-50 .d3-comment-rect{fill:#fa4d56}g.bkg-col-red-50 .d3-comment-text{color:#161616}g.bkg-col-red-50 .d3-comment-entry{background-color:#fa4d56;color:#161616}g.bkg-col-orange-40 .d3-comment-rect{fill:#ff832b}g.bkg-col-orange-40 .d3-comment-text{color:#161616}g.bkg-col-orange-40 .d3-comment-entry{background-color:#ff832b;color:#161616}g.bkg-col-gray-50 .d3-comment-rect{fill:#8d8d8d}g.bkg-col-gray-50 .d3-comment-text{color:#161616}g.bkg-col-gray-50 .d3-comment-entry{background-color:#8d8d8d;color:#161616}g.bkg-col-green-50 .d3-comment-rect{fill:#24a148}g.bkg-col-green-50 .d3-comment-text{color:#161616}g.bkg-col-green-50 .d3-comment-entry{background-color:#24a148;color:#161616}g.bkg-col-teal-50 .d3-comment-rect{fill:#009d9a}g.bkg-col-teal-50 .d3-comment-text{color:#161616}g.bkg-col-teal-50 .d3-comment-entry{background-color:#009d9a;color:#161616}g.bkg-col-cyan-50 .d3-comment-rect{fill:#1192e8}g.bkg-col-cyan-50 .d3-comment-text{color:#161616}g.bkg-col-cyan-50 .d3-comment-entry{background-color:#1192e8;color:#161616}.d3-comment-selection-highlight{stroke-width:0;fill:transparent;pointer-events:none}.d3-comment-selection-highlight[data-selected=yes]{stroke:#78a9ff;stroke-dasharray:none;stroke-width:3;fill:transparent;pointer-events:none}.d3-comment-text{color:#161616;background-color:transparent;font-size:12px;font-weight:500;font-family:"ibm-plex-sans",Helvetica Neue,Arial,sans-serif;resize:none;border-style:solid;border-color:transparent;width:100%;height:100%;pointer-events:auto;overflow:hidden;line-height:14px;letter-spacing:.15px;white-space:pre-wrap;word-wrap:normal;word-break:break-word;border-width:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.d3-comment-text h1{font-size:28px;font-weight:500}.d3-comment-text h2{font-size:22px;font-weight:500}.d3-comment-text h3{font-size:18px;font-weight:500}.d3-comment-text h4{font-size:16px;font-weight:500}.d3-comment-text h5{font-size:14px;font-weight:500}.d3-comment-text h6{font-size:12px;font-weight:500}.d3-comment-text p{font-size:12px;font-weight:500;font-family:"ibm-plex-sans",Helvetica Neue,Arial,sans-serif;line-height:14px;letter-spacing:.15px}.d3-comment-text hr{border-top-color:#e0e0e0}.d3-comment-text img{max-width:100%}.d3-comment-text blockquote{padding:0 12px;border-left:3px solid #e0e0e0;line-height:8px}.d3-comment-text code{font-size:12px;font-weight:500;line-height:14px;background-color:#e0e0e0;border-radius:4px;white-space:pre-wrap}.d3-comment-text pre{font-size:12px;font-weight:500;line-height:14px;background-color:#f4f4f4;padding:4px;border:1px solid #e0e0e0;border-radius:4px;white-space:pre-wrap}.d3-comment-text pre code{background-color:#f4f4f4}.d3-comment-text table{width:100%;max-width:100%;margin-bottom:20px;border-spacing:0;border-collapse:collapse;box-sizing:border-box;text-indent:initial;color:#161616}.d3-comment-text table thead{font-size:.875rem;font-weight:600;line-height:1.28572;letter-spacing:.16px;font-size:12px;display:table-header-group;vertical-align:middle;border-color:inherit;background-color:#e0e0e0;text-align:left}.d3-comment-text table thead tr th{padding:8px;border-bottom:2px solid #e0e0e0}.d3-comment-text table tbody{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px;font-size:12px}.d3-comment-text table tbody tr{border-bottom:2px solid #e0e0e0;background-color:#f4f4f4}.d3-comment-text table tbody tr td{padding:8px}.d3-comment-text li{display:list-item;margin-top:-7px;margin-bottom:-7px}.d3-comment-text li:first-child{margin-top:-14px}.d3-comment-text li:last-child{margin-bottom:-14px}.d3-comment-text li p{margin:0 0 10px;margin-block-start:-14px}.d3-comment-text ul{list-style-type:disc;padding-inline-start:30px;line-height:14px;margin-top:0}.d3-comment-text ul ul{list-style-type:circle;margin-bottom:-14px}.d3-comment-text ul ol{margin-bottom:-14px}.d3-comment-text ul ul ul{list-style-type:square}.d3-comment-text ol{list-style-type:decimal;padding-inline-start:30px;line-height:14px;margin-top:0}.d3-comment-text ol ol{list-style-type:lower-alpha;margin-bottom:-14px}.d3-comment-text ol ul{margin-bottom:-14px}.d3-comment-text ol ol ol{list-style-type:lower-roman}.d3-comment-entry{color:#161616;background-color:transparent;font-size:12px;font-weight:500;font-family:"ibm-plex-sans",Helvetica Neue,Arial,sans-serif;resize:none;border-style:solid;border-color:transparent;width:100%;height:100%;pointer-events:auto;overflow:hidden;line-height:14px;letter-spacing:.15px;white-space:pre-wrap;word-wrap:normal;word-break:break-word;background-color:#fff;border-width:6px}.d3-comment-entry:focus{outline:none;box-shadow:0 0 0 2px #0f62fe}.d3-link-group.d3-branch-highlight .d3-link-line{stroke:#393939}.d3-link-group.d3-branch-highlight:hover .d3-link-line{stroke:#393939;stroke-width:3px}.d3-link-line,.d3-link-line-arrow-head{fill:none;pointer-events:none}.d3-comment-link .d3-link-line{stroke:#8d8d8d;stroke-width:1;stroke-dasharray:7.3}.d3-comment-link .d3-link-line-arrow-head{stroke:#8d8d8d;stroke-width:1;stroke-dasharray:0}.d3-object-link .d3-link-line{stroke:#161616;stroke-width:2;stroke-dasharray:5.5}.d3-association-link .d3-link-line{stroke:#8d8d8d;stroke-width:2}.d3-data-link .d3-link-line{stroke:#78a9ff;stroke-width:2}.d3-data-link .d3-link-line-arrow-head{stroke:#78a9ff;stroke-width:2;stroke-dasharray:0}.d3-link-selection-area{fill:none;stroke:transparent;stroke-width:12}.d3-link-selection-area.d3-extra-width{stroke-width:80}.d3-link-group:hover .d3-link-line,.d3-link-group:hover .d3-link-line-arrow-head{stroke:#0043ce;stroke-width:2}.d3-link-group[data-selected] .d3-link-line,.d3-link-group[data-selected] .d3-link-line-arrow-head{stroke:#0043ce;stroke-width:3}.d3-link-group[data-drag-node-over].d3-data-link .d3-link-line,.d3-link-group[data-drag-node-over].d3-data-link .d3-link-line-arrow-head,.d3-link-group[data-selected][data-drag-node-over].d3-data-link .d3-link-line,.d3-link-group[data-selected][data-drag-node-over].d3-data-link .d3-link-line-arrow-head{stroke:#0043ce;stroke-width:5}.d3-link-handle-start{display:none;stroke:transparent;fill:transparent;pointer-events:all}.d3-link-group:hover .d3-link-handle-start,.d3-link-group[data-selected] .d3-link-handle-start{display:inherit;stroke:#0043ce;fill:#78a9ff;pointer-events:all}.d3-link-handle-end{display:none;stroke:transparent;fill:transparent;pointer-events:all}.d3-link-group:hover .d3-link-handle-end,.d3-link-group[data-selected] .d3-link-handle-end{display:inherit;stroke:#0043ce;fill:#78a9ff;pointer-events:all}.color-picker{width:156px;height:55px;display:flex;flex-wrap:wrap}.color-picker .color-picker-item{width:20px;height:20px;margin:5px 0 0 5px;cursor:pointer}.color-picker .color-picker-item.white-0{background-color:#fff;border:1px solid #8d8d8d}.color-picker .color-picker-item.yellow-20{background-color:#fddc69}.color-picker .color-picker-item.gray-20{background-color:#e0e0e0}.color-picker .color-picker-item.green-20{background-color:#a7f0ba}.color-picker .color-picker-item.teal-20{background-color:#9ef0f0}.color-picker .color-picker-item.cyan-20{background-color:#bae6ff}.color-picker .color-picker-item.red-50{background-color:#fa4d56}.color-picker .color-picker-item.orange-40{background-color:#ff832b}.color-picker .color-picker-item.gray-50{background-color:#8d8d8d}.color-picker .color-picker-item.green-50{background-color:#24a148}.color-picker .color-picker-item.teal-50{background-color:#009d9a}.color-picker .color-picker-item.cyan-50{background-color:#1192e8}