npm - @elyra/canvas - Versions diffs - 12.22.0 → 12.23.0 - Mend

@elyra/canvas 12.22.0 → 12.23.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 (142) 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-2022 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\";\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\n\t\tthis.pendingTooltip = null;\n\t\tthis.hideTooltipOnScrollAndResize = this.hideTooltipOnScrollAndResize.bind(this);\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.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.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\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\tif (elem) {\n\t\t\tconst firstChildWidth = elem.firstChild && elem.firstChild.scrollWidth ? elem.firstChild.scrollWidth : 0;\n\t\t\tconst displayWidth = elem.offsetWidth;\n\t\t\tlet fullWidth = firstChildWidth;\n\t\t\tif (firstChildWidth === 0) {\n\t\t\t\tfullWidth = elem.scrollWidth;\n\t\t\t}\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\ttooltipLinkOnClick(url) {\n\t\twindow.open(url, \"_blank\", \"noopener\");\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 onFocus = () => this.showTooltipWithDelay();\n\t\t\tconst onBlur = (evt) => {\n\t\t\t\t// Keep tooltip visible when clicked on a link.\n\t\t\t\t// Since link is an anchor tag without \"href\" attribute, it has relatedTarget=null\n\t\t\t\tif (evt.relatedTarget !== null) {\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.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\ttabIndex={this.props.showToolTipOnClick ? 0 : 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 id=\"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 id=\"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\tonClick={this.tooltipLinkOnClick.bind(this, linkInformation.url)}\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 data-id={this.props.id} className={tipClass} aria-hidden={!this.state.isTooltipVisible} direction={this.props.direction}>\n\t\t\t\t\t\t<svg id=\"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\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","props","_classCallCheck","_this","state","isTooltipVisible","pendingTooltip","hideTooltipOnScrollAndResize","bind","window","addEventListener","this","targetObj","setTooltipVisible","removeEventListener","clearTimeout","visible","showTooltip","setState","tooltip","document","querySelector","id","tooltipTrigger","updateTooltipLayout","getAttribute","value","currentDirection","newDirection","canDisplayFullText","triggerRef","disable","showToolTipIfTruncated","elem","firstChildWidth","firstChild","scrollWidth","displayWidth","offsetWidth","fullWidth","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","evt","stopPropagation","preventDefault","url","open","tooltipContent","triggerContent","children","React","className","onMouseOver","showToolTipOnClick","_this2","onMouseLeave","onMouseDown","onClick","toggleTooltipOnClick","onFocus","showTooltipWithDelay","onBlur","relatedTarget","tabIndex","ref","tip","_typeof","tipClass","link","tooltipLinkHandler","linkInformation","label","Link","tooltipLinkOnClick","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-2022 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\";\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\n\t\tthis.pendingTooltip = null;\n\t\tthis.hideTooltipOnScrollAndResize = this.hideTooltipOnScrollAndResize.bind(this);\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.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.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\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\tif (elem) {\n\t\t\tconst firstChildWidth = elem.firstChild && elem.firstChild.scrollWidth ? elem.firstChild.scrollWidth : 0;\n\t\t\tconst displayWidth = elem.offsetWidth;\n\t\t\tlet fullWidth = firstChildWidth;\n\t\t\tif (firstChildWidth === 0) {\n\t\t\t\tfullWidth = elem.scrollWidth;\n\t\t\t}\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\ttooltipLinkOnClick(url) {\n\t\twindow.open(url, \"_blank\", \"noopener\");\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 onFocus = () => this.showTooltipWithDelay();\n\t\t\tconst onBlur = (evt) => {\n\t\t\t\t// Keep tooltip visible when clicked on a link.\n\t\t\t\t// Since link is an anchor tag without \"href\" attribute, it has relatedTarget=null\n\t\t\t\tif (evt.relatedTarget !== null) {\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.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\ttabIndex={this.props.showToolTipOnClick ? 0 : 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 id=\"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 id=\"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\tonClick={this.tooltipLinkOnClick.bind(this, linkInformation.url)}\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 data-id={this.props.id} className={tipClass} aria-hidden={!this.state.isTooltipVisible} direction={this.props.direction}>\n\t\t\t\t\t\t<svg id=\"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\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","_inherits","props","_classCallCheck","_this","state","isTooltipVisible","pendingTooltip","hideTooltipOnScrollAndResize","bind","_createClass","key","value","window","addEventListener","this","targetObj","setTooltipVisible","removeEventListener","clearTimeout","visible","showTooltip","setState","tooltip","document","querySelector","id","tooltipTrigger","updateTooltipLayout","getAttribute","currentDirection","newDirection","canDisplayFullText","triggerRef","disable","showToolTipIfTruncated","elem","firstChildWidth","firstChild","scrollWidth","displayWidth","offsetWidth","fullWidth","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","evt","stopPropagation","preventDefault","url","open","tooltipContent","triggerContent","children","React","className","onMouseOver","showToolTipOnClick","_this2","onMouseLeave","onMouseDown","onClick","toggleTooltipOnClick","onFocus","showTooltipWithDelay","onBlur","relatedTarget","tabIndex","ref","tip","_typeof","tipClass","link","tooltipLinkHandler","linkInformation","label","Link","tooltipLinkOnClick","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-required-indicator{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#525252}.properties-label-container.table-control label,.properties-label-container.table-control .properties-required-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}.bx--label .properties-label-container{padding-bottom:0}.properties-title-editor{padding:1rem 0;border-bottom:1px #e0e0e0 solid}.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-modal .properties-fp-top-row{width:100%;margin-bottom:.5rem;display:flex;justify-content:space-between}.properties-modal .properties-fp-top-row .properties-fp-button-label{position:relative;top:.5rem}.properties-modal .properties-fp-top-row .properties-fp-back-button{height:2rem;width:2rem;padding:0;margin-right:.5rem}.properties-modal .properties-fp-top-row .properties-fp-back-button>svg{left:.5rem}.properties-modal .properties-fp-filter-list{float:right}.properties-modal .bx--modal-close{display:none}.properties-modal .bx--modal-container{padding:0}.properties-modal .bx--modal-content{margin-bottom:0;padding:0}.properties-modal.noButtons .bx--modal-footer{opacity:0;pointer-events:none}.properties-wf-overlay{position:fixed;display:none;top:0;left:0;right:0;bottom:0;background-color:#161616;z-index:1000;cursor:default}.properties-wf-overlay.show{display:block;opacity:.5}.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-category{padding:1rem}.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;padding:.75rem 0 0 0}.properties-link-text-container svg{margin-right:1rem;margin-top:1px;width:16px;height:16px;flex-shrink:0}.properties-link-text-container .properties-link-text{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px}.properties-light-enabled{background-color:#fff}.properties-custom-panel+.properties-control-panel{padding-top:1rem}.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 .properties-ft-search-text input{background-color:#f4f4f4}.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-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-noheader.error{border:1px solid #da1e28}.properties-ft-container-absolute-noheader.warning{border:1px solid #f1c21b}.properties-ft-container-absolute{height:100%;width:100%;background-color:#fff}.properties-ft-container-absolute.error{border:1px solid #da1e28}.properties-ft-container-absolute.warning{border:1px solid #f1c21b}.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;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{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-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-tooltips-container{padding:0;padding-left:1rem}.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{height:2rem}.properties-custom-table-buttons .toolbar-div .toolbar-left-bar{padding-right:0}.properties-custom-table-buttons .toolbar-div .toolbar-left-bar .toolbar-item button{height:2rem}.properties-custom-table-buttons .toolbar-div .toolbar-left-bar .toolbar-item-content{padding:.25rem .5rem;height:2rem;min-width:2rem;align-items:center}.properties-custom-table-buttons .toolbar-div .toolbar-left-bar .toolbar-overflow-item button{height:2rem}.properties-custom-table-buttons .toolbar-div .toolbar-left-bar .toolbar-popover-list{top:2rem;right:0}.properties-custom-table-buttons .toolbar-div .toolbar-right-bar{display:none}.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-table-cell-control .properties-toggle .bx--toggle__switch{margin:.25rem 0}.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 1.5px}.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 .properties-radioset-panel .bx--radio-button-wrapper>label{justify-content:left;align-items:center}.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}.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-ctrl-wrapper{padding-bottom:1rem}.properties-ctrl-wrapper.action{display:flex}.properties-ctrl-wrapper.action>div:first-child{width:100%}.properties-ctrl-wrapper.hide{display:none}.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-data>.tooltip-container{margin:1px 0}.properties-summary-row-data>.tooltip-container>div:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.properties-summary-row{display:flex;justify-content:space-between;padding:2px 0}button.properties-subpanel-button{padding:0;min-height:2rem;height:2rem;width:2rem;display:flex;justify-content:center}.properties-sub-tab-container .bx--tab-content{padding-left:0;padding-right:0}.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-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)}.properties-tearsheet-panel.bx--modal .bx--modal-container .bx--modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0;margin-bottom:0}.properties-tearsheet-panel.bx--modal .bx--modal-container .bx--modal-header h3{font-size:1.75rem;font-weight:400;line-height:1.28572;letter-spacing:0}.properties-tearsheet-panel.bx--modal .bx--modal-container .bx--modal-header p{margin-top:.5rem;font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px}.properties-tearsheet-panel.bx--modal .bx--modal-container .bx--modal-content{padding:1.5rem 2rem;background-color:#f4f4f4;margin-bottom:0}.properties-tearsheet-panel.bx--modal .bx--modal-container .bx--modal-content .bx--multi-select,.properties-tearsheet-panel.bx--modal .bx--modal-container .bx--modal-content .bx--dropdown,.properties-tearsheet-panel.bx--modal .bx--modal-container .bx--modal-content .bx--number input[type=number],.properties-tearsheet-panel.bx--modal .bx--modal-container .bx--modal-content .bx--text-input,.properties-tearsheet-panel.bx--modal .bx--modal-container .bx--modal-content .bx--text-area{background-color:#fff}:export{flyoutWidthSmall:320px;flyoutWidthMedium:480px;flyoutWidthLarge:640px}.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: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{padding:0 10px;font-size:14px;font-weight:300;line-height:16px}.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{transition:.25s ease-in-out;opacity:1;margin-top:0}.notification-panel-container.panel-hidden{transition:.25s ease-in-out;display:block;opacity:0;visibility:hidden}.notification-panel{position:absolute;width:320px;height:-moz-fit-content;height:fit-content;right:0;top:41px}.notification-panel-header-container{min-height:35px;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}.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-icon{position:absolute;right:1rem;top:1.25rem;cursor:pointer}.notification-panel-clear-all-container{width:100%;height:49px;background-color:#fff;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;font-weight:400;padding:.5rem 1rem}.notification-panel-clear-all-container .bx--btn--ghost.bx--btn--sm{width:-moz-fit-content;width:fit-content;padding:0}.notification-panel-messages-container{width:inherit;max-height:calc(100% - 35px);height:-moz-fit-content;height:fit-content}.notification-panel-messages{max-height:500px;height:-moz-fit-content;height:fit-content;overflow-y:auto;line-height:normal;background-color:#fff;border:1px solid #e0e0e0}.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;border-bottom:1px solid #8d8d8d;box-sizing:content-box;position:relative;display:flex;justify-content:space-between;-webkit-user-drag:none}.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;height:40px;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:2px;padding-bottom:2px;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-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-hide{display:none}.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}.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;background-clip:padding-box;border:0;outline:none;position:absolute;z-index:2;box-shadow:2px 2px 2px rgba(0,0,0,.2)}.context-menu-popover.popover>.arrow{display:none}.context-menu-popover.popover>.popover-content{padding:0}.react-contextmenu{min-width:160px;text-align:left;background-color:#f4f4f4;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:.25rem;outline:none;display:none;box-shadow:2px 2px 2px rgba(0,0,0,.2)}.react-contextmenu--visible{display:inline-grid}.react-contextmenu-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}.react-contextmenu-item.react-contextmenu-item--disabled{opacity:.5;cursor:not-allowed}.react-contextmenu-item:active,.react-contextmenu-item:focus,.react-contextmenu-item:hover{background:#e5e5e5;text-decoration:none;border:0;outline:none}.react-contextmenu-item.react-contextmenu-submenu{padding:0}.react-contextmenu-item.react-contextmenu-submenu>div{padding-right:27px}.react-contextmenu-item svg{color:#161616;position:absolute;right:12px}.react-contextmenu-item.contextmenu-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);margin-left:25px}.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:46px;margin-left:0}.palette-flyout-category-text-no-image{line-height:46px;margin-left:16px;width:170px}.palette-flyout-category-count{line-height:46px;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);margin-left:25px}.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%}.common-canvas-right-side-items{width:100%;display:flex}.common-canvas-main{width:100%;height:100%}.common-canvas-with-bottom-panel{width:100%;position:relative}.common-canvas-drop-div{height:calc(100% - 41px);width:100%;min-width:inherit;position:absolute;cursor:default;top:41px;overflow:hidden}.common-canvas-drop-div.common-canvas-toolbar-none{height:100%;top:0}.common-canvas-drop-div.common-canvas-toolbar-none.common-canvas-bottom-panel-is-open{top:0}.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;position:absolute;left:0;right:0;bottom:0;border-top:1px solid #e0e0e0}.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%}.text-toolbar{position:absolute;top:0;left:0;width:-moz-fit-content;width:fit-content}.text-toolbar .toolbar-div{position:relative;left:0;animation:raise-toolbar .3s linear;border:1px solid #8d8d8d;padding-right:0px}.text-toolbar .toolbar-div .toolbar-left-bar{padding-right:0px}.text-toolbar .text-toolbar-tick-svg{position:absolute;top:0;left:0;height:40px;width:40px;pointer-events:none}.text-toolbar .text-toolbar-tick-mark{fill:#393939}@keyframes raise-toolbar{from{height:0;top:41px}to{height:41px;top:0}}.common-canvas-right-side-items-under-toolbar{width:100%}.common-canvas-items-container-under-toolbar{height:calc(100% - 41px);width:100%;display:flex}.common-canvas-drop-div-under-toolbar{height:100%;width:100%;position:relative;cursor:default;overflow:hidden}.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:.4;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:#a8a8a8;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:#a8a8a8;display:block;text-align:center}.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;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-back-to-previous-flow-box{stroke:#0f62fe;fill:#f4f4f4}.d3-back-to-previous-flow-box[data-pointer-hover=yes]{stroke:#0f62fe;fill:#e0e0e0}.d3-back-to-previous-flow-text{font-size:14px;font-weight:400;fill:#0f62fe}.d3-back-to-previous-flow-box,.d3-back-to-previous-flow-text{cursor:pointer}.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:pointer}.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-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-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-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-entry{background-color:#fff;color:#161616}g.bkg-col-yellow-20 .d3-comment-rect{fill:#fddc69}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-entry{background-color:#e0e0e0;color:#161616}g.bkg-col-green-20 .d3-comment-rect{fill:#a7f0ba}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-entry{background-color:#9ef0f0;color:#161616}g.bkg-col-cyan-20 .d3-comment-rect{fill:#bae6ff}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-entry{background-color:#fa4d56;color:#161616}g.bkg-col-orange-40 .d3-comment-rect{fill:#ff832b}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-entry{background-color:#8d8d8d;color:#161616}g.bkg-col-green-50 .d3-comment-rect{fill:#24a148}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-entry{background-color:#009d9a;color:#161616}g.bkg-col-cyan-50 .d3-comment-rect{fill:#1192e8}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;-webkit-margin-before:-14px;margin-block-start:-14px}.d3-comment-text ul{list-style-type:disc;-webkit-padding-start:30px;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;-webkit-padding-start:30px;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-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-panel{width:100%;height:55px;display:flex;flex-wrap:wrap}.color-picker-panel .color-picker-item{width:20px;height:20px;margin:5px 0 0 5px;cursor:pointer}.color-picker-panel .color-picker-item.white-0{background-color:#fff;border:1px solid #8d8d8d}.color-picker-panel .color-picker-item.yellow-20{background-color:#fddc69}.color-picker-panel .color-picker-item.gray-20{background-color:#e0e0e0}.color-picker-panel .color-picker-item.green-20{background-color:#a7f0ba}.color-picker-panel .color-picker-item.teal-20{background-color:#9ef0f0}.color-picker-panel .color-picker-item.cyan-20{background-color:#bae6ff}.color-picker-panel .color-picker-item.red-50{background-color:#fa4d56}.color-picker-panel .color-picker-item.orange-40{background-color:#ff832b}.color-picker-panel .color-picker-item.gray-50{background-color:#8d8d8d}.color-picker-panel .color-picker-item.green-50{background-color:#24a148}.color-picker-panel .color-picker-item.teal-50{background-color:#009d9a}.color-picker-panel .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-required-indicator{font-size:.75rem;font-weight:400;line-height:1.33333;letter-spacing:.32px;color:#525252}.properties-label-container.table-control label,.properties-label-container.table-control .properties-required-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}.bx--label .properties-label-container{padding-bottom:0}.properties-title-editor{padding:1rem 0;border-bottom:1px #e0e0e0 solid}.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-modal .properties-fp-top-row{width:100%;margin-bottom:.5rem;display:flex;justify-content:space-between}.properties-modal .properties-fp-top-row .properties-fp-button-label{position:relative;top:.5rem}.properties-modal .properties-fp-top-row .properties-fp-back-button{height:2rem;width:2rem;padding:0;margin-right:.5rem}.properties-modal .properties-fp-top-row .properties-fp-back-button>svg{left:.5rem}.properties-modal .properties-fp-filter-list{float:right}.properties-modal .bx--modal-close{display:none}.properties-modal .bx--modal-container{padding:0}.properties-modal .bx--modal-content{margin-bottom:0;padding:0}.properties-modal.noButtons .bx--modal-footer{opacity:0;pointer-events:none}.properties-wf-overlay{position:fixed;display:none;top:0;left:0;right:0;bottom:0;background-color:#161616;z-index:1000;cursor:default}.properties-wf-overlay.show{display:block;opacity:.5}.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-category{padding:1rem}.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;padding:.75rem 0 0 0}.properties-link-text-container svg{margin-right:1rem;margin-top:1px;width:16px;height:16px;flex-shrink:0}.properties-link-text-container .properties-link-text{font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px}.properties-light-enabled{background-color:#fff}.properties-custom-panel+.properties-control-panel{padding-top:1rem}.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 .properties-ft-search-text input{background-color:#f4f4f4}.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-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-noheader.error{border:1px solid #da1e28}.properties-ft-container-absolute-noheader.warning{border:1px solid #f1c21b}.properties-ft-container-absolute{height:100%;width:100%;background-color:#fff}.properties-ft-container-absolute.error{border:1px solid #da1e28}.properties-ft-container-absolute.warning{border:1px solid #f1c21b}.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{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-tooltips-container{padding:0;padding-left:1rem}.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{height:2rem}.properties-custom-table-buttons .toolbar-div .toolbar-left-bar{padding-right:0}.properties-custom-table-buttons .toolbar-div .toolbar-left-bar .toolbar-item button{height:2rem}.properties-custom-table-buttons .toolbar-div .toolbar-left-bar .toolbar-item-content{padding:.25rem .5rem;height:2rem;min-width:2rem;align-items:center}.properties-custom-table-buttons .toolbar-div .toolbar-left-bar .toolbar-overflow-item button{height:2rem}.properties-custom-table-buttons .toolbar-div .toolbar-left-bar .toolbar-popover-list{top:2rem;right:0}.properties-custom-table-buttons .toolbar-div .toolbar-right-bar{display:none}.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 1.5px}.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 .properties-radioset-panel .bx--radio-button-wrapper>label{justify-content:left;align-items:center}.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}.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-ctrl-wrapper{padding-bottom:1rem}.properties-ctrl-wrapper.action{display:flex}.properties-ctrl-wrapper.action>div:first-child{width:100%}.properties-ctrl-wrapper.hide{display:none}.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-data>.tooltip-container{margin:1px 0}.properties-summary-row-data>.tooltip-container>div:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.properties-summary-row{display:flex;justify-content:space-between;padding:2px 0}button.properties-subpanel-button{padding:0;min-height:2rem;height:2rem;width:2rem;display:flex;justify-content:center}.properties-sub-tab-container .bx--tab-content{padding-left:0;padding-right:0}.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-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)}.properties-tearsheet-panel.bx--modal .bx--modal-container .bx--modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0;margin-bottom:0}.properties-tearsheet-panel.bx--modal .bx--modal-container .bx--modal-header h3{font-size:1.75rem;font-weight:400;line-height:1.28572;letter-spacing:0}.properties-tearsheet-panel.bx--modal .bx--modal-container .bx--modal-header p{margin-top:.5rem;font-size:.875rem;font-weight:400;line-height:1.28572;letter-spacing:.16px}.properties-tearsheet-panel.bx--modal .bx--modal-container .bx--modal-content{padding:1.5rem 2rem;background-color:#f4f4f4;margin-bottom:0}.properties-tearsheet-panel.bx--modal .bx--modal-container .bx--modal-content .bx--multi-select,.properties-tearsheet-panel.bx--modal .bx--modal-container .bx--modal-content .bx--dropdown,.properties-tearsheet-panel.bx--modal .bx--modal-container .bx--modal-content .bx--number input[type=number],.properties-tearsheet-panel.bx--modal .bx--modal-container .bx--modal-content .bx--text-input,.properties-tearsheet-panel.bx--modal .bx--modal-container .bx--modal-content .bx--text-area{background-color:#fff}:export{flyoutWidthSmall:320px;flyoutWidthMedium:480px;flyoutWidthLarge:640px}.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: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{padding:0 10px;font-size:14px;font-weight:300;line-height:16px}.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{transition:.25s ease-in-out;opacity:1;margin-top:0}.notification-panel-container.panel-hidden{transition:.25s ease-in-out;display:block;opacity:0;visibility:hidden}.notification-panel{position:absolute;width:320px;height:-moz-fit-content;height:fit-content;right:0;top:41px}.notification-panel-header-container{min-height:35px;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}.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-icon{position:absolute;right:1rem;top:1.25rem;cursor:pointer}.notification-panel-clear-all-container{width:100%;height:49px;background-color:#fff;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;font-weight:400;padding:.5rem 1rem}.notification-panel-clear-all-container .bx--btn--ghost.bx--btn--sm{width:-moz-fit-content;width:fit-content;padding:0}.notification-panel-messages-container{width:inherit;max-height:calc(100% - 35px);height:-moz-fit-content;height:fit-content}.notification-panel-messages{max-height:500px;height:-moz-fit-content;height:fit-content;overflow-y:auto;line-height:normal;background-color:#fff;border:1px solid #e0e0e0}.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;border-bottom:1px solid #8d8d8d;box-sizing:content-box;position:relative;display:flex;justify-content:space-between;-webkit-user-drag:none}.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;height:40px;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:2px;padding-bottom:2px;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-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-hide{display:none}.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}.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;background-clip:padding-box;border:0;outline:none;position:absolute;z-index:2;box-shadow:2px 2px 2px rgba(0,0,0,.2)}.context-menu-popover.popover>.arrow{display:none}.context-menu-popover.popover>.popover-content{padding:0}.react-contextmenu{min-width:160px;text-align:left;background-color:#f4f4f4;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:.25rem;outline:none;display:none;box-shadow:2px 2px 2px rgba(0,0,0,.2)}.react-contextmenu--visible{display:inline-grid}.react-contextmenu-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}.react-contextmenu-item.react-contextmenu-item--disabled{opacity:.5;cursor:not-allowed}.react-contextmenu-item:active,.react-contextmenu-item:focus,.react-contextmenu-item:hover{background:#e5e5e5;text-decoration:none;border:0;outline:none}.react-contextmenu-item.react-contextmenu-submenu{padding:0}.react-contextmenu-item.react-contextmenu-submenu>div{padding-right:27px}.react-contextmenu-item svg{color:#161616;position:absolute;right:12px}.react-contextmenu-item.contextmenu-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);margin-left:25px}.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:46px;margin-left:0}.palette-flyout-category-text-no-image{line-height:46px;margin-left:16px;width:170px}.palette-flyout-category-count{line-height:46px;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);margin-left:25px}.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%}.common-canvas-right-side-items{width:100%;display:flex}.common-canvas-main{width:100%;height:100%}.common-canvas-with-bottom-panel{width:100%;position:relative}.common-canvas-drop-div{height:calc(100% - 41px);width:100%;min-width:inherit;position:absolute;cursor:default;top:41px;overflow:hidden}.common-canvas-drop-div.common-canvas-toolbar-none{height:100%;top:0}.common-canvas-drop-div.common-canvas-toolbar-none.common-canvas-bottom-panel-is-open{top:0}.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;position:absolute;left:0;right:0;bottom:0;border-top:1px solid #e0e0e0}.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%}.text-toolbar{position:absolute;top:0;left:0;width:-moz-fit-content;width:fit-content}.text-toolbar .toolbar-div{position:relative;left:0;animation:raise-toolbar .3s linear;border:1px solid #8d8d8d;padding-right:0px}.text-toolbar .toolbar-div .toolbar-left-bar{padding-right:0px}.text-toolbar .text-toolbar-tick-svg{position:absolute;top:0;left:0;height:40px;width:40px;pointer-events:none}.text-toolbar .text-toolbar-tick-mark{fill:#393939}@keyframes raise-toolbar{from{height:0;top:41px}to{height:41px;top:0}}.common-canvas-right-side-items-under-toolbar{width:100%}.common-canvas-items-container-under-toolbar{height:calc(100% - 41px);width:100%;display:flex}.common-canvas-drop-div-under-toolbar{height:100%;width:100%;position:relative;cursor:default;overflow:hidden}.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:.4;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:#a8a8a8;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:#a8a8a8;display:block;text-align:center}.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;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-back-to-previous-flow-box{stroke:#0f62fe;fill:#f4f4f4}.d3-back-to-previous-flow-box[data-pointer-hover=yes]{stroke:#0f62fe;fill:#e0e0e0}.d3-back-to-previous-flow-text{font-size:14px;font-weight:400;fill:#0f62fe}.d3-back-to-previous-flow-box,.d3-back-to-previous-flow-text{cursor:pointer}.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-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-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-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-entry{background-color:#fff;color:#161616}g.bkg-col-yellow-20 .d3-comment-rect{fill:#fddc69}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-entry{background-color:#e0e0e0;color:#161616}g.bkg-col-green-20 .d3-comment-rect{fill:#a7f0ba}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-entry{background-color:#9ef0f0;color:#161616}g.bkg-col-cyan-20 .d3-comment-rect{fill:#bae6ff}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-entry{background-color:#fa4d56;color:#161616}g.bkg-col-orange-40 .d3-comment-rect{fill:#ff832b}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-entry{background-color:#8d8d8d;color:#161616}g.bkg-col-green-50 .d3-comment-rect{fill:#24a148}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-entry{background-color:#009d9a;color:#161616}g.bkg-col-cyan-50 .d3-comment-rect{fill:#1192e8}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;-webkit-margin-before:-14px;margin-block-start:-14px}.d3-comment-text ul{list-style-type:disc;-webkit-padding-start:30px;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;-webkit-padding-start:30px;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-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-panel{width:100%;height:55px;display:flex;flex-wrap:wrap}.color-picker-panel .color-picker-item{width:20px;height:20px;margin:5px 0 0 5px;cursor:pointer}.color-picker-panel .color-picker-item.white-0{background-color:#fff;border:1px solid #8d8d8d}.color-picker-panel .color-picker-item.yellow-20{background-color:#fddc69}.color-picker-panel .color-picker-item.gray-20{background-color:#e0e0e0}.color-picker-panel .color-picker-item.green-20{background-color:#a7f0ba}.color-picker-panel .color-picker-item.teal-20{background-color:#9ef0f0}.color-picker-panel .color-picker-item.cyan-20{background-color:#bae6ff}.color-picker-panel .color-picker-item.red-50{background-color:#fa4d56}.color-picker-panel .color-picker-item.orange-40{background-color:#ff832b}.color-picker-panel .color-picker-item.gray-50{background-color:#8d8d8d}.color-picker-panel .color-picker-item.green-50{background-color:#24a148}.color-picker-panel .color-picker-item.teal-50{background-color:#009d9a}.color-picker-panel .color-picker-item.cyan-50{background-color:#1192e8}