@trebco/treb 23.2.4 → 23.4.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 (4) hide show
  1. package/package.json +1 -1
  2. package/treb-bundle.css +2478 -2
  3. package/treb-bundle.mjs +28215 -15
  4. package/treb.d.ts +86 -56
package/treb-bundle.css CHANGED
@@ -1,2 +1,2478 @@
1
- /*! TREB v23.2.4. Copyright 2018-2023 trebco, llc. All rights reserved. LGPL: https://treb.app/license */
2
- @charset "UTF-8";:root{--treb-icon-svg: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='153.073px' height='133.742px' viewBox='0.673 4.629 153.073 133.742' enable-background='new 0.673 4.629 153.073 133.742' xml:space='preserve'%3E%3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='0.6729' y1='71.5' x2='153.7461' y2='71.5'%3E%3Cstop offset='0' style='stop-color:%235CB5FF'/%3E%3Cstop offset='1' style='stop-color:%230059B9'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23SVGID_1_)' d='M91.656,28.313c-4.989,0-17.266,6.249-21.305,8.504c-2.344-2.473-2.603-6.162-3.036-10.933 c-2.344,2.429-0.824,9.806,0,12.496c-10.238,7.635-18.83,15.531-27.597,24.471c-2.992-4.729-5.031-8.593-5.726-17.183 c-3.038,6.509,0.867,15.057,3.121,19.784c-9.674,12.193-19.263,25.297-27.03,37.834C-25.405,28.313,82.936-16.248,153.746,14.431 C109.879,43.63,98.554,135.784,21.498,111.274c-5.423,7.809-9.069,18.006-13.538,27.072c-3.73,0.263-6.334-1.646-7.288-3.12 c7.506-18.181,17.183-34.192,27.075-49.984c10.718,0.306,21.346,0.478,30.198-1.04c-7.681-2.038-16.877-0.78-26.032-3.123 c5.597-10.718,13.754-18.876,21.867-27.075c8.808,0.782,17.746,3.21,27.074,1.041c-8.111-1.431-15.966-1.952-22.909-4.165 C65.539,42.502,80.722,33.389,91.656,28.313z'/%3E%3C/svg%3E%0A")}.treb-icon-64{width:64px;height:64px;background:no-repeat center/100% var(--treb-icon-svg)}.treb-container .drop-menu{position:fixed;top:-1000px;left:-1000px;background:var(--treb-toolbar-button-background, #fff);border-radius:3px;border:1px solid var(--treb-toolbar-border-color, var(--treb-ui-border-color, rgb(209, 213, 219)));z-index:9;box-shadow:0 2px 4px #0d131e1a;outline:none;opacity:0;pointer-events:none;transition:opacity .125s;display:none;z-index:999;padding:.25em}.treb-container .drop-menu.enabled{display:initial}.treb-container .drop-menu.visible{opacity:1;pointer-events:initial}.treb-container .drop-menu.visible .comment-editor textarea{resize:both}.treb-container .drop-menu.scroll{max-height:18em;overflow-y:auto}.treb-container .drop-menu hr{border:none;height:1px;background:var(--treb-toolbar-border-color, var(--treb-ui-border-color, rgb(209, 213, 219)));margin-bottom:.5em;margin-top:.5em}.treb-container .drop-menu ul{margin:0;list-style-type:none!important;padding-left:0}.treb-container .drop-menu ul li+li{margin-top:.125em}.treb-container .drop-menu ul button{border-color:transparent}.treb-container .drop-menu ul button.text{display:inline-flex;justify-content:flex-start;width:100%;white-space:nowrap;font-size:.875em;padding:0 1em}.treb-toolbar{display:flex;flex-direction:row;position:relative;height:100%;width:100%;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.treb-toolbar::-webkit-scrollbar{width:0;height:0}.treb-toolbar .staging,.treb-toolbar .group.narrow{display:none}.treb-toolbar .group.wide{display:flex}.treb-toolbar>*:not(.narrow)+*:not(.narrow){margin-left:.5em}.treb-toolbar.narrow .group.wide{display:none}.treb-toolbar.narrow .group.narrow{display:flex}.treb-toolbar.narrow>*:not(.wide)+*:not(.wide){margin-left:.5em}.treb-toolbar,.treb-toolbar-drop-menu{font-family:BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-style:normal;font-weight:400;color:var(--treb-toolbar-color, var(--treb-ui-color, #333));font-size:16px;box-sizing:border-box}.treb-toolbar *,.treb-toolbar-drop-menu *{box-sizing:border-box}.treb-toolbar .comment-editor,.treb-toolbar-drop-menu .comment-editor{display:flex;flex-direction:column;padding:.25em}.treb-toolbar .comment-editor textarea,.treb-toolbar-drop-menu .comment-editor textarea{font-family:inherit;color:inherit;font-size:.875em;flex-grow:1;min-height:14em;min-width:10em;outline:none;border:1px solid rgb(209,213,219);border-radius:.125em;resize:none}.treb-toolbar .comment-editor .comment-buttons,.treb-toolbar-drop-menu .comment-editor .comment-buttons{display:flex;flex-direction:row;justify-content:flex-end;margin-top:.5em}.treb-toolbar .comment-editor .comment-buttons button,.treb-toolbar-drop-menu .comment-editor .comment-buttons button{font-family:inherit;font-size:.875em;width:auto;padding:0 .5em;height:32px;min-height:0}.treb-toolbar .comment-editor .comment-buttons button+button,.treb-toolbar-drop-menu .comment-editor .comment-buttons button+button{margin-left:.5em}.treb-toolbar .container,.treb-toolbar button,.treb-toolbar-drop-menu .container,.treb-toolbar-drop-menu button{font-family:inherit;font-size:inherit;background:var(--treb-toolbar-button-background, transparent);border:1px solid var(--treb-toolbar-border-color, var(--treb-ui-border-color, rgb(209, 213, 219)));border-radius:.125em;outline:none}.treb-toolbar button,.treb-toolbar-drop-menu button{color:inherit;width:32px;height:32px;min-width:32px;min-height:32px;display:flex;padding:0;align-items:center;justify-content:center}.treb-toolbar button.color-button,.treb-toolbar-drop-menu button.color-button{flex-direction:column;font-size:.9em}.treb-toolbar button.color-button .color-bar,.treb-toolbar-drop-menu button.color-button .color-bar{margin:initial;width:1.2em;height:3px;margin-top:2px;background:currentColor;box-shadow:0 0 1px 1px #00000020}.treb-toolbar button:hover,.treb-toolbar-drop-menu button:hover{background:var(--treb-toolbar-hover-button-background, #f3f4f6)}.treb-toolbar button.active,.treb-toolbar button:focus,.treb-toolbar-drop-menu button.active,.treb-toolbar-drop-menu button:focus{background:var(--treb-toolbar-active-button-background, #f3f4f6)}.treb-toolbar button svg,.treb-toolbar-drop-menu button svg{margin:initial;fill:currentColor;width:1em;height:1em}.treb-toolbar button svg path.fill-none,.treb-toolbar-drop-menu button svg path.fill-none{fill:none}.treb-toolbar button svg.symbol,.treb-toolbar-drop-menu button svg.symbol{width:1.25em;height:1.25em}.treb-toolbar button svg.symbol path,.treb-toolbar-drop-menu button svg.symbol path{stroke:currentColor;stroke-width:1px;fill:none}.treb-toolbar button .active-icon,.treb-toolbar-drop-menu button .active-icon{display:none}.treb-toolbar button.active .active-icon,.treb-toolbar-drop-menu button.active .active-icon{display:initial}.treb-toolbar button.active .inactive-icon,.treb-toolbar-drop-menu button.active .inactive-icon{display:none}.treb-toolbar button>*,.treb-toolbar-drop-menu button>*{pointer-events:none}.treb-toolbar .color-chooser-main,.treb-toolbar-drop-menu .color-chooser-main{padding:.25em}.treb-toolbar .new-color,.treb-toolbar-drop-menu .new-color{margin-top:.5em;display:flex;flex-direction:row}.treb-toolbar .new-color>*+*,.treb-toolbar-drop-menu .new-color>*+*{margin-left:.25em}.treb-toolbar .new-color input,.treb-toolbar .new-color button,.treb-toolbar-drop-menu .new-color input,.treb-toolbar-drop-menu .new-color button{border-radius:3px;border:1px solid rgb(209,213,219)}.treb-toolbar .new-color input,.treb-toolbar-drop-menu .new-color input{flex-grow:1;width:6em;font-family:inherit;outline:none;padding:2px 6px}.treb-toolbar .new-color button,.treb-toolbar-drop-menu .new-color button{min-height:28px;min-width:28px;height:28px;width:28px}.treb-toolbar .color-header,.treb-toolbar-drop-menu .color-header{font-size:.8em;margin-bottom:.2em;padding-bottom:.2em;border-bottom:1px solid currentColor}.treb-toolbar .other-colors,.treb-toolbar-drop-menu .other-colors{margin-top:.5em}.treb-toolbar .color-list,.treb-toolbar-drop-menu .color-list{display:flex;flex-direction:column}.treb-toolbar .color-list .color-list-row,.treb-toolbar-drop-menu .color-list .color-list-row{display:flex;flex-direction:row}.treb-toolbar .color-list button.color-swatch,.treb-toolbar-drop-menu .color-list button.color-swatch{border:1px solid rgb(209,213,219);width:1.1em;height:1.1em;min-height:1.1em;min-width:1.1em;margin:3px;padding:0}.treb-toolbar .color-list button.color-swatch.default-color,.treb-toolbar-drop-menu .color-list button.color-swatch.default-color{background:#fff;border:1px dashed #333}.treb-toolbar .container,.treb-toolbar-drop-menu .container{position:relative;width:8em;height:32px}.treb-toolbar .container>input,.treb-toolbar-drop-menu .container>input{background:transparent;color:inherit;font-family:inherit;font-size:.85em;overflow:hidden;text-overflow:ellipsis;position:absolute;padding-left:.5em;padding-right:.5em;inset:0;width:100%;height:100%;border:0px;outline:none}.treb-toolbar .container.font-size,.treb-toolbar-drop-menu .container.font-size{width:3em}.treb-toolbar button.drop,.treb-toolbar-drop-menu button.drop{width:auto;min-width:13px;position:relative}.treb-toolbar button.drop:after,.treb-toolbar-drop-menu button.drop:after{content:"";position:absolute;border:4px solid transparent;border-top-color:currentColor;right:2px;top:12px}.treb-toolbar button.drop.icon,.treb-toolbar-drop-menu button.drop.icon{padding-left:6px;padding-right:14px}.treb-toolbar .group,.treb-toolbar-drop-menu .group{display:flex;position:relative}.treb-toolbar .group>*:not(:last-child),.treb-toolbar-drop-menu .group>*:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.treb-toolbar .group>*+*:not(.drop-menu),.treb-toolbar-drop-menu .group>*+*:not(.drop-menu){border-left-width:0px;border-top-left-radius:0;border-bottom-left-radius:0}.treb-toolbar .split-button,.treb-toolbar-drop-menu .split-button{display:flex;flex-direction:column;justify-content:stretch}.treb-toolbar .split-button button,.treb-toolbar-drop-menu .split-button button{padding:0;height:16px;min-height:16px}.treb-toolbar .split-button button div,.treb-toolbar-drop-menu .split-button button div{font-size:.625em}.treb-toolbar .split-button>*:not(:last-child),.treb-toolbar-drop-menu .split-button>*:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.treb-toolbar .split-button>*+*,.treb-toolbar-drop-menu .split-button>*+*{border-top-width:0px;border-top-left-radius:0;border-top-right-radius:0}.treb-container .treb-toolbar-icon{position:relative;width:18px;height:18px;background:currentColor;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:16px 16px;-webkit-mask-size:16px 16px}.treb-chart{background:var(--treb-chart-background, #fff)}.treb-chart .series-1{color:var(--treb-chart-color-series-1, #80B1D3)}.treb-chart .series-2{color:var(--treb-chart-color-series-2, #8DD3C7)}.treb-chart .series-3{color:var(--treb-chart-color-series-3, #BEBADA)}.treb-chart .series-4{color:var(--treb-chart-color-series-4, #FB8072)}.treb-chart .series-5{color:var(--treb-chart-color-series-5, #FDB462)}.treb-chart .series-6{color:var(--treb-chart-color-series-6, #B3DE69)}.treb-chart .series-7{color:var(--treb-chart-color-series-7, #FCCDE5)}.treb-chart .series-8{color:var(--treb-chart-color-series-8, #D9D9D9)}.treb-chart .series-9{color:var(--treb-chart-color-series-9, #BC80BD)}.treb-chart .series-10{color:var(--treb-chart-color-series-10, #CCEBC5)}.treb-chart .series-11{color:var(--treb-chart-color-series-11, #FFED6F)}.treb-chart .series-12{color:var(--treb-chart-color-series-12, #FFFFB3)}.treb-chart .chart-title{font-size:1.4em}.treb-chart .axis-group{font-size:.9em}.treb-chart text{fill:var(--treb-chart-text-color, #000);stroke:none}.treb-chart .legend{font-size:1.05em}.treb-chart .legend rect{fill:currentColor}.treb-chart .chart-grid,.treb-chart .chart-ticks{stroke:var(--treb-chart-grid-color, #ddd)}.treb-chart .label-target{stroke:none;fill:transparent}.treb-chart path.label-target{transition:fill .2s}.treb-chart path.label-target:hover{fill:#00000026}.treb-chart .data-label{pointer-events:none;opacity:0;transition:opacity .2s ease-in-out}.treb-chart .data-label text{fill:#fff}.treb-chart .data-label path{fill:#000}.treb-chart .data-label .marker-highlight{fill:currentColor;stroke:none}.treb-chart .label-target:hover+.data-label{opacity:1}.treb-chart .chart-line{stroke:currentColor;fill:none;stroke-width:2}.treb-chart .chart-area .line{stroke:currentColor;stroke-width:2px;fill:none}.treb-chart .chart-area .fill{fill:currentColor;opacity:.5}.treb-chart .scatter-plot{stroke-width:3;fill:none;stroke:currentColor}.treb-chart .scatter-plot .fill{fill:currentColor;opacity:.5;stroke:none}.treb-chart .scatter-plot .marker{stroke-width:2.5px;fill:#fff;transition:stroke-width .15s ease-in}.treb-chart .scatter-plot .marker:hover{stroke-width:5px}.treb-chart .donut path{fill:currentColor}.treb-chart .donut path.callout{fill:none;stroke:#999;stroke-dasharray:2 2}.treb-chart .donut text.callout-label{font-size:1em}.treb-chart .chart-column{fill:currentColor;stroke:none}.treb-chart .mc-correlation{stroke:currentColor;stroke-width:1}.treb-main .treb-buffer-canvas{position:absolute;display:none}.treb-main .treb-grid.grid-layout{display:grid;grid-template-columns:100px auto;grid-template-rows:20px auto}.treb-main .treb-grid.grid-layout .tile-cover.grid-cover{grid-row-start:2;grid-row-end:3;grid-column-start:2;grid-column-end:3}.treb-main .treb-grid.grid-layout .tile-cover.column-header-cover{grid-row-start:1;grid-row-end:2;grid-column-start:2;grid-column-end:3;position:-webkit-sticky;position:sticky;top:0}.treb-main .treb-grid.grid-layout .tile-cover.row-header-cover{grid-row-start:2;grid-row-end:3;grid-column-start:1;grid-column-end:2;position:-webkit-sticky;position:sticky;left:0}.treb-main .treb-grid.grid-layout .grid-selection{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2}.treb-main .treb-grid.grid-layout .corner{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;position:-webkit-sticky;position:sticky}.treb-main .treb-grid.grid-layout .left-header{grid-row-start:2;grid-row-end:3;grid-column-start:1;grid-column-end:2;position:-webkit-sticky;position:sticky;display:grid;grid-template-columns:auto;grid-template-rows:auto}.treb-main .treb-grid.grid-layout .top-header{grid-row-start:1;grid-row-end:2;grid-column-start:2;grid-column-end:3;position:-webkit-sticky;position:sticky;display:grid;grid-template-columns:auto;grid-template-rows:auto}.treb-main .treb-grid.grid-layout .contents{grid-row-start:2;grid-row-end:3;grid-column-start:2;grid-column-end:3;display:grid;grid-template-columns:auto;grid-template-rows:auto}.treb-mouse-mask{position:fixed;inset:0;background:transparent;z-index:9999;display:none}.treb-mouse-mask.column-resize{cursor:col-resize}.treb-mouse-mask.row-resize{cursor:row-resize}.treb-mouse-mask.nub-select{cursor:crosshair}.treb-mouse-mask.move{cursor:move}.treb-mouse-mask.nw-resize{cursor:nw-resize}.treb-note{position:fixed;padding:7px 10px;border-radius:2px;box-shadow:0 1px 4px 2px #6d6d6d33;z-index:39;line-height:normal;top:100px;left:100px;max-width:15em;min-width:15em;opacity:0;transition:opacity .2s;font-family:BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,"sans-serif";border:1px solid var(--treb-note-border-color, var(--treb-ui-border-color, #ddd));color:var(--treb-note-color, #333);background:var(--treb-note-background, #fff);font-size:10.5pt;white-space:pre-line}.treb-hover-title{position:fixed;padding:7px 10px;border-radius:2px;box-shadow:0 1px 4px 2px #6d6d6d33;z-index:39;line-height:normal;top:100px;left:100px;min-width:10em;opacity:0;transition:opacity .2s;font-family:BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,"sans-serif";border:1px solid var(--treb-note-border-color, var(--treb-ui-border-color, #ddd));color:var(--treb-note-color, #333);background:var(--treb-note-background, #fff);font-size:10.5pt;white-space:pre-line;pointer-events:none}.treb-sort-button{z-index:39;border:1px solid #ccc;background:#fff;border-radius:2px;width:1em;height:1em;position:absolute;top:100px;left:100px;opacity:0;pointer-events:none;transition:opacity .1s ease}.treb-sort-button:after{box-sizing:border-box}.treb-sort-button.asc:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-25%);width:.8em;height:.8em;border:.4em solid transparent;border-top-color:currentColor;opacity:.5}.treb-sort-button.desc:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-80%);width:.8em;height:.8em;border:.4em solid transparent;border-bottom-color:currentColor;opacity:.5}.treb-tooltip{display:none;pointer-events:none;position:fixed;padding:2px 10px;border-radius:2px;box-shadow:0 1px 4px 2px #6d6d6d33;z-index:39;line-height:normal}.treb-tooltip.arrow-up:after{box-sizing:border-box;position:absolute;top:-8px;left:calc(50% - 4px);width:8px;height:8px;overflow:hidden;content:" ";border:4px solid transparent;border-bottom-color:inherit}.treb-tooltip.arrow-left:after{box-sizing:border-box;position:absolute;left:-8px;top:calc(50% - 4px);width:8px;height:8px;overflow:hidden;content:" ";border:4px solid transparent;border-right-color:inherit}.treb-dropdown-caret{display:none;position:absolute;width:20px;height:20px;background:var(--treb-dropdown-caret-background, #fff);border:1px solid var(--treb-dropdown-caret-border-color, #ccc);border-radius:2px;box-shadow:0 1px 4px 2px #6d6d6d33;z-index:39}.treb-dropdown-caret path{fill:none;stroke:var(--treb-dropdown-caret-color, #444);stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.treb-dropdown-list{position:absolute;display:none;box-shadow:0 1px 4px 2px #6d6d6d33;z-index:39;background:var(--treb-dropdown-background, #fff);font-size:10pt;color:var(--treb-dropdown-color, inherit);border:1px solid var(--treb-dropdown-border-color, unset);text-align:left;max-height:10em;overflow-y:auto;outline:none}.treb-dropdown-list div{padding:2px;cursor:default}.treb-dropdown-list div.selected{background:var(--treb-dropdown-selected-background, #555);color:var(--treb-dropdown-selected-color, #fff)}.treb-dropdown-caret.active{background:var(--treb-dropdown-caret-active-background, #eee)}.treb-dropdown-caret.active+.treb-dropdown-list{display:block}.treb-error-highlight{transition:opacity .15s ease-in-out;background:rgba(255,0,0,.25);opacity:0;pointer-events:none;position:absolute;z-index:40}.treb-main .treb-autocomplete{box-sizing:border-box;position:fixed;top:-1000px;font-size:inherit;font-weight:400;line-height:normal;text-align:left;max-height:10em;overflow-y:auto;z-index:39}.treb-main .treb-autocomplete *{box-sizing:border-box}.treb-main .treb-autocomplete ul{font-size:inherit;font-weight:inherit;list-style-type:none;padding:0;margin:0}.treb-main .treb-autocomplete ul li{font-size:inherit;font-weight:inherit;padding:0;margin:0}.treb-main .treb-autocomplete ul li a{font-size:inherit;font-weight:inherit;display:inline-block;width:100%;padding:3px 6px;text-decoration:none;cursor:default;color:inherit}.treb-main .treb-autocomplete-tooltip{z-index:39;top:-1000px;position:fixed;white-space:pre}.treb-main .treb-formula-bar-container{display:block;order:1}.treb-main .treb-formula-bar-container .treb-formula-bar{display:flex;flex-direction:row;text-align:left;padding:6px 2px;max-width:100%;overflow-x:hidden}.treb-main .treb-formula-bar-container .treb-formula-bar .address-label{width:95px;min-width:95px;min-height:1.5em;height:1.75em;border:1px solid var(--treb-formula-bar-border-color, var(--treb-ui-border-color, #ccc));border-radius:2px;display:flex;flex-direction:column;justify-content:center;padding-left:3px;margin-right:6px}.treb-main .treb-formula-bar-container .treb-formula-bar .address-label>div{outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.treb-main .treb-formula-bar-container .treb-formula-bar .expand-button{background:transparent;border:0;border-radius:2px;margin-left:2px;padding:1px;outline:none;height:1.75em}.treb-main .treb-formula-bar-container .treb-formula-bar .expand-button:after{content:" ";border:5px solid transparent;position:relative;display:inline-block;border-top-color:#999;padding:0;margin:0;top:-6px;transition:transform .15s ease}.treb-main .treb-formula-bar-container .treb-formula-bar.expanded .expand-button:after{transform:rotate(180deg) translateY(6px)}.treb-main .treb-formula-bar-container .treb-formula-bar .editor-container{border:1px solid var(--treb-formula-bar-border-color, var(--treb-ui-border-color, #ccc));border-radius:2px;flex-grow:1;height:1.75em;display:flex;min-width:0px;flex-direction:column;justify-content:center}.treb-main .treb-formula-bar-container .treb-formula-bar.expanded .editor-container{transition:height .1s ease-in-out;height:4.5em}.treb-main .treb-formula-bar-container .treb-formula-bar.expanded .editor-container .formula-editor{overflow-y:auto}.treb-main .treb-formula-bar-container .treb-formula-bar .formula-editor{width:100%;margin:2px;outline:none;overflow-y:hidden;overflow-x:hidden;line-height:1.35;flex-grow:1;min-height:1em}.treb-main .treb-formula-bar-container .treb-formula-bar .formula-button{border:1px solid #ccc;border-radius:2px;margin-left:6px;height:1.75em;overflow:hidden;white-space:nowrap}.treb-main .treb-formula-bar-container .treb-formula-bar .formula-button .text-1{font-style:italic;padding-right:.1em}.treb-main .treb-formula-bar-container .treb-formula-bar .formula-button .text-1:after{content:"f"}.treb-main .treb-formula-bar-container .treb-formula-bar .formula-button .text-2{font-size:.7em}.treb-main .treb-formula-bar-container .treb-formula-bar .formula-button .text-2:after{content:"(x)"}.treb-main .treb-tab-bar-container{order:3}.treb-main .treb-tab-bar-container .treb-tab-bar{display:flex;flex-direction:row;z-index:1;max-width:100%;height:2.2em;color:var(--treb-ui-color, inherit)}.treb-main .treb-tab-bar-container .tab,.treb-main .treb-tab-bar-container .add-tab{font-size:inherit;padding:0 .75em;height:100%;overflow:hidden;color:var(--treb-tab-bar-tab-color, var(--treb-ui-color, #fff));cursor:default;display:inline-flex;align-items:center;justify-content:center;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border:1px solid var(--treb-tab-bar-tab-border-color, var(--treb-ui-border-color, #ccc));border-top-width:0px;z-index:1;margin-right:-2px}.treb-main .treb-tab-bar-container .treb-scale-control-2{font-size:inherit;height:2.2em;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;width:5em}.treb-main .treb-tab-bar-container .treb-scale-control-2 .treb-scale-input{font-size:inherit;font-family:inherit;width:4em;text-align:center;border:1px solid transparent;transition:border-color .25s ease,background-color .25s ease;border-radius:2px;color:inherit;background:transparent;padding:initial}.treb-main .treb-tab-bar-container .treb-scale-control-2 .treb-slider-container{position:absolute;border:1px solid var(--treb-scale-slider-border-color, var(--treb-ui-border-color, #ccc));background:var(--treb-scale-slider-background, #fff);accent-color:var(--treb-scale-slider-accent-color, undefined);width:10em;height:4em;top:0;left:.5em;transform-origin:left top;transform:rotate(-90deg);z-index:40;opacity:0;transition:opacity .25s ease;display:flex;flex-direction:row;align-items:center;justify-content:center;pointer-events:none}.treb-main .treb-tab-bar-container .treb-scale-control-2:hover .treb-scale-input,.treb-main .treb-tab-bar-container .treb-scale-control-2 .treb-scale-input:focus{border-color:var(--treb-ui-border-color, #ccc)}.treb-main .treb-tab-bar-container .treb-scale-control-2 .treb-slider-container>input[type=range]{width:8.5em}.treb-main .treb-tab-bar-container .treb-scale-control-2 .treb-scale-input:focus+.treb-slider-container,.treb-main .treb-tab-bar-container .treb-scale-control-2 .treb-slider-container:focus-within,.treb-main .treb-tab-bar-container .treb-scale-control-2:hover .treb-slider-container{opacity:.85;pointer-events:initial}.treb-main .treb-tab-bar-container .delete-tab{font-size:inherit;padding:.25em .75em;cursor:default;display:inline-flex;align-items:center;flex-direction:row;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-width:0px;z-index:1;margin-right:-2px}.treb-main .treb-tab-bar-container .delete-tab svg{width:1em;height:1em;opacity:.75;pointer-events:none;transition:opacity .125s ease-in-out}.treb-main .treb-tab-bar-container .delete-tab:hover svg{opacity:.75}.treb-main .treb-tab-bar-container .delete-tab path{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}.treb-main .treb-tab-bar-container .tab-bar-spacer{flex-grow:1;order:9998}.treb-main .treb-tab-bar-container .tab-bar-end{order:9999;display:flex;flex-direction:row;align-items:center}.treb-main .treb-tab-bar-container .treb-stats-panel>*+*{margin-left:.5em}.treb-main .treb-tab-bar-container .treb-stats-panel .treb-stats-value{border:1px solid var(--treb-stats-value-border-color, var(--treb-ui-border-color, #ddd));background:var(--treb-stats-value-background, #f8f8ff);padding:0 .3em;border-radius:3px}.treb-main .treb-tab-bar-container .tab{white-space:nowrap;overflow-x:hidden}.treb-main .treb-tab-bar-container .tab.selected{z-index:2}.treb-main .treb-grid .in-cell-editor-container{position:absolute;opacity:0;outline:none;overflow:hidden;background:orange}.treb-main .treb-grid .in-cell-editor{position:relative;width:100%;max-width:100%;height:100%;overflow:hidden;padding:2px 3px;white-space:nowrap;display:table-cell;vertical-align:bottom;border:1px solid red;z-index:24;outline:none}.treb-main .treb-grid .overlay-container{padding:0;margin:0;position:absolute;opacity:0;outline:none;z-index:24}.treb-main .treb-grid .overlay-container.align-right .overlay-inset{right:0;text-align:right;padding-right:3px}.treb-main .treb-grid .overlay-container.align-center .overlay-inset{text-align:center;left:50%;transform:translate(-50%)}.treb-main .treb-grid .overlay-inset{margin:0;padding:0 4px;position:absolute;height:100%;min-width:100%;display:flex;flex-direction:column;justify-content:flex-end}.treb-main .treb-grid .overlay-editor{outline:none;white-space:nowrap}.treb-main .treb-grid .overlay-editor.firefox:before{content:"\200b"}.treb-theme-container{position:fixed;left:-1000px;top:0;width:200px;overflow:hidden}.treb-theme-container>*{position:relative}.treb-container:focus-within .treb-main .grid-selection .primary-selection,.treb-container:focus-within .treb-main .header-overlay{color:var(--treb-selection-color, #4caaf1)}.treb-main .theme-color-1{color:var(--treb-theme-color-1, #E7E6E6)}.treb-main .theme-color-2{color:var(--treb-theme-color-2, #44546A)}.treb-main .theme-color-3{color:var(--treb-theme-color-3, #4472C4)}.treb-main .theme-color-4{color:var(--treb-theme-color-4, #ED7D31)}.treb-main .theme-color-5{color:var(--treb-theme-color-5, #A5A5A5)}.treb-main .theme-color-6{color:var(--treb-theme-color-6, #FFC000)}.treb-main .theme-color-7{color:var(--treb-theme-color-7, #5B9BD5)}.treb-main .theme-color-8{color:var(--treb-theme-color-8, #70AD47)}.treb-main .theme-color-9{color:var(--treb-theme-color-9, #0563C1)}.treb-main .theme-color-10{color:var(--treb-theme-color-10, #954F72)}.treb-main .note-marker{background:var(--treb-note-marker-color, #6FAB20)}.treb-main .grid-headers{font-family:var(--treb-grid-header-font-family, inherit);font-size:var(--treb-grid-header-font-size, 10pt);font-weight:var(--treb-grid-header-font-weight, normal);font-style:var(--treb-grid-header-font-style, normal);background:var(--treb-grid-header-background, rgb(238, 238, 242));color:var(--treb-grid-header-color, var(--treb-grid-default-color, #666));stroke:var(--treb-grid-header-grid-color, var(--treb-grid-grid-color, rgb(204, 204, 212)))}.treb-main .grid-cells{font-family:var(--treb-grid-font-family, inherit);font-size:var(--treb-grid-font-size, 14px);color:var(--treb-grid-default-color, inherit);stroke:var(--treb-grid-grid-color, rgb(204, 204, 212));background:var(--treb-grid-background, #fff)}.treb-main .grid-background{background-image:var(--treb-grid-background-image, none)}.treb-main .frozen-selection.highlight-area{background:rgba(87,184,255,.25);border-left-color:#2176ae;border-bottom-color:#2176ae}.treb-main .treb-autocomplete-tooltip{font-size:14px;border-radius:2px;background:var(--treb-autocomplete-tooltip-background, #fffbb5);color:var(--treb-autocomplete-tooltip-color, inherit);border:1px solid var(--treb-autocomplete-tooltip-border-color, unset);padding:3px 8px;margin:4px 0;line-height:normal}.treb-main .treb-autocomplete-tooltip .active-argument{font-weight:700}.treb-main .treb-autocomplete-tooltip .function-description{font-style:italic}.treb-main .treb-autocomplete{font-size:14px;background:var(--treb-autocomplete-background, #fff);border-radius:2px;border:1px solid var(--treb-autocomplete-border-color, var(--treb-ui-border-color, #ccc));box-shadow:0 1px 4px 2px #6d6d6d33}.treb-main .treb-autocomplete li{color:var(--treb-autocomplete-entry-color, #333)}.treb-main .treb-autocomplete li a.selected{background:var(--treb-autocomplete-selected-entry-background, #2e8dd6);color:var(--treb-autocomplete-selected-entry-color, #fff)}.treb-main .header-overlay{stroke:none;color:var(--treb-selection-color-unfocused, var(--treb-selection-color, #4caaf1))}.treb-main .header-overlay .overlay{fill:#000;stroke:none;opacity:.05}.treb-main .header-overlay .highlight{fill:currentColor}.treb-main .in-cell-editor span.highlight-1,.treb-main .formula-editor span.highlight-1,.treb-main .overlay-editor span.highlight-1{color:#fa9b05}.treb-main .in-cell-editor span.highlight-2,.treb-main .formula-editor span.highlight-2,.treb-main .overlay-editor span.highlight-2{color:#3aad3a}.treb-main .in-cell-editor span.highlight-3,.treb-main .formula-editor span.highlight-3,.treb-main .overlay-editor span.highlight-3{color:#b66d0d}.treb-main .in-cell-editor span.highlight-4,.treb-main .formula-editor span.highlight-4,.treb-main .overlay-editor span.highlight-4{color:#2176ae}.treb-main .in-cell-editor span.highlight-5,.treb-main .formula-editor span.highlight-5,.treb-main .overlay-editor span.highlight-5{color:#fe2f01}.treb-main .treb-table.header{background-color:var(--treb-table-header-background, #4472c4);border-top-color:var(--treb-table-header-border-top, #8ea9db);border-bottom-color:var(--treb-table-header-border-bottom, #8ea9db);color:var(--treb-table-header-color, #fff);font-weight:var(--treb-table-header-font-weight, 700);font-style:var(--treb-table-header-font-style);text-decoration:var(--treb-table-header-text-decoration)}.treb-main .treb-table.row-odd{background-color:var(--treb-table-odd-background, #d9e1f2);border-top-color:var(--treb-table-odd-border-top, #8ea9db);border-bottom-color:var(--treb-table-odd-border-bottom, #8ea9db);color:var(--treb-table-odd-color);font-weight:var(--treb-table-odd-font-weight);font-style:var(--treb-table-odd-font-style);text-decoration:var(--treb-table-odd-text-decoration)}.treb-main .treb-table.row-even{background-color:var(--treb-table-even-background);border-top-color:var(--treb-table-even-border-top, #8ea9db);border-bottom-color:var(--treb-table-even-border-bottom, #8ea9db);color:var(--treb-table-even-color);font-weight:var(--treb-table-even-font-weight);font-style:var(--treb-table-even-font-style);text-decoration:var(--treb-table-even-text-decoration)}.treb-main .treb-table.total{background-color:var(--treb-table-total-background);border-top-style:var(--treb-table-total-border-style, double);border-top-color:var(--treb-table-total-border-top, #4472c4);border-bottom-color:var(--treb-table-total-border-bottom, #8ea9db);color:var(--treb-table-total-color);font-weight:var(--treb-table-total-font-weight, 700);font-style:var(--treb-table-total-font-style);text-decoration:var(--treb-table-total-text-decoration)}.treb-main .treb-table.footer{background-color:transparent;border-bottom-color:var(--treb-table-footer-border-bottom, #8ea9db)}.treb-main .grid-selection .selection,.treb-main .frozen-selection .selection{stroke-width:var(--treb-selection-stroke-width, 2px)}.treb-main .grid-selection .selection .outline,.treb-main .frozen-selection .selection .outline{stroke:currentColor;fill:none}.treb-main .grid-selection .selection .fill,.treb-main .frozen-selection .selection .fill{stroke:none;fill:currentColor;opacity:var(--treb-selection-fill-opacity, .1)}.treb-main .grid-selection .alternate-selection,.treb-main .frozen-selection .alternate-selection{stroke-dasharray:var(--treb-alternate-selection-dasharray, 3 2)}.treb-main .grid-selection .alternate-selection:nth-of-type(1n),.treb-main .frozen-selection .alternate-selection:nth-of-type(1n){color:#fbb13c}.treb-main .grid-selection .alternate-selection:nth-of-type(2n),.treb-main .frozen-selection .alternate-selection:nth-of-type(2n){color:#40c040}.treb-main .grid-selection .alternate-selection:nth-of-type(3n),.treb-main .frozen-selection .alternate-selection:nth-of-type(3n){color:#b66d0d}.treb-main .grid-selection .alternate-selection:nth-of-type(4n),.treb-main .frozen-selection .alternate-selection:nth-of-type(4n){color:#2176ae}.treb-main .grid-selection .alternate-selection:nth-of-type(5n),.treb-main .frozen-selection .alternate-selection:nth-of-type(5n){color:#fe6847}.treb-main .grid-selection .primary-selection,.treb-main .frozen-selection .primary-selection{color:var(--treb-selection-color-unfocused, var(--treb-selection-color, #4caaf1))}.treb-main .grid-selection .primary-selection .nub,.treb-main .frozen-selection .primary-selection .nub{stroke:#fff;fill:currentColor;stroke-width:1px}.treb-main .treb-tooltip{font-size:11pt;background:var(--treb-resize-tooltip-background, rgba(0, 0, 0, .8));color:var(--treb-resize-tooltip-color, #fff);border-color:var(--treb-resize-tooltip-background, rgba(0, 0, 0, .8))}.treb-main .treb-tab-bar{font-size:14px}.treb-main .treb-tab-bar .tab,.treb-main .treb-tab-bar .add-tab{background:var(--treb-tab-bar-tab-background, rgb(238, 238, 242));color:var(--treb-tab-bar-tab-color, var(--treb-ui-color, inherit))}.treb-main .treb-tab-bar .tab.selected,.treb-main .treb-tab-bar .add-tab.selected{background:var(--treb-tab-bar-active-tab-background, #fff);color:var(--treb-tab-bar-active-tab-color, var(--treb-ui-color, inherit))}.treb-main .treb-formula-bar .address-label,.treb-main .treb-formula-bar .editor-container{background:var(--treb-formula-bar-background, transparent);color:var(--treb-formula-bar-color, var(--treb-ui-color, inherit))}.treb-main .treb-formula-bar .address-label.locked,.treb-main .treb-formula-bar .editor-container.locked{background:rgb(238,244,252);position:relative}.treb-main .treb-formula-bar .address-label.locked:after,.treb-main .treb-formula-bar .editor-container.locked:after{position:absolute;right:2px;top:2px;content:"";width:11px;height:11px;opacity:.4;background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M416 224H400V144C400 65 335 0 256 0S112 65 112 144V224H96C61 224 32 253 32 288V448C32 483 61 512 96 512H416C451 512 480 483 480 448V288C480 253 451 224 416 224ZM176 144C176 100 212 64 256 64S336 100 336 144V224H176V144Z' fill='currentColor'/%3E%3C/svg%3E")}.treb-ua-windows .grid-cells{font-size:var(--treb-grid-font-size-windows, var(--treb-grid-font-size, 12pt));font-family:var(--treb-grid-font-family-windows, var(--treb-grid-font-family, "Calibri", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", "sans-serif"))}.treb-ua-osx .grid-cells{font-size:var(--treb-grid-font-size-osx, var(--treb-grid-font-size, 10pt));font-family:var(--treb-grid-font-family-osx, var(--treb-grid-font-family, inherit))}.treb-main{position:relative;display:flex;flex-direction:column;line-height:normal;text-align:left}.treb-main *{box-sizing:border-box}.treb-main .treb-layout-master{flex-grow:1;order:2;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;overflow:hidden;display:flex;position:relative;box-shadow:var(--treb-grid-shadow, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1))}.treb-main .treb-grid{flex-grow:1;order:2;position:relative;overflow:scroll;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;outline:none}.treb-main .treb-grid.safari::-webkit-scrollbar{-webkit-appearance:none;width:7px;height:7px}.treb-main .treb-grid.safari::-webkit-scrollbar-thumb{border-radius:4px;background-color:#00000040;-webkit-box-shadow:0 0 1px rgba(255,255,255,.5)}.treb-main .treb-grid canvas{border:0;margin:0;padding:0;background:transparent}.treb-main .treb-grid .nub-select{cursor:crosshair}.treb-main .treb-grid .link-pointer{cursor:pointer}.treb-main .treb-grid .mock-selection-node{background:red;position:fixed;left:-100px;top:-100px}.treb-main .treb-grid .tile-cover{background:transparent;position:relative;z-index:14}.treb-main .treb-grid .tile-cover.column-header-cover{z-index:22}.treb-main .treb-grid .tile-cover.column-header-cover.resize{cursor:col-resize}.treb-main .treb-grid .tile-cover.row-header-cover{z-index:22}.treb-main .treb-grid .tile-cover.row-header-cover.resize{cursor:row-resize}.treb-main .treb-grid .annotation-container,.treb-main .treb-grid .frozen-annotation-container{position:absolute;top:0;left:0;z-index:16;pointer-events:none}.treb-main .treb-grid .annotation-container .annotation,.treb-main .treb-grid .frozen-annotation-container .annotation{position:absolute;overflow:hidden;pointer-events:auto;background:rgba(255,255,255,.5);border:1px solid #999;z-index:1}.treb-main .treb-grid .annotation-container .annotation .annotation-content,.treb-main .treb-grid .frozen-annotation-container .annotation .annotation-content{position:absolute;top:0;left:0;height:100%;width:100%;font-family:inherit;font-size:inherit;z-index:1}.treb-main .treb-grid .annotation-container .annotation .annotation-move-target,.treb-main .treb-grid .frozen-annotation-container .annotation .annotation-move-target{position:absolute;z-index:2;cursor:move;top:0;left:0;height:10%;min-height:14px;width:100%}.treb-main .treb-grid .annotation-container .annotation .annotation-resize-target,.treb-main .treb-grid .frozen-annotation-container .annotation .annotation-resize-target{position:absolute;z-index:3;cursor:nwse-resize;bottom:0;right:0;width:10%;height:10%;min-height:14px;min-width:14px}.treb-main .treb-grid .annotation-container .annotation:focus,.treb-main .treb-grid .annotation-container .annotation.retain-focus,.treb-main .treb-grid .annotation-container .annotation.clone-focus,.treb-main .treb-grid .frozen-annotation-container .annotation:focus,.treb-main .treb-grid .frozen-annotation-container .annotation.retain-focus,.treb-main .treb-grid .frozen-annotation-container .annotation.clone-focus{box-shadow:0 0 0 3px #0ea5e954}.treb-main .treb-grid .annotation-container .move-buffer,.treb-main .treb-grid .frozen-annotation-container .move-buffer{position:absolute;border:1px solid red;height:10%;top:0;width:100%;left:0;cursor:move}.treb-main .treb-grid .grid-selection{background:transparent;position:absolute;z-index:10;-moz-transform:scale(1)}.treb-main .treb-grid .frozen-selection{transition:background .33s;position:absolute;z-index:12;overflow:hidden;-moz-transform:scale(1);pointer-events:none}.treb-main .treb-grid .frozen-selection.frozen-selection-rows{border-bottom:1px solid transparent}.treb-main .treb-grid .frozen-selection.frozen-selection-columns{border-right:1px solid transparent}.treb-main .treb-grid .frozen-annotation-container{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%}.treb-main .treb-grid .corner{top:0;left:0;z-index:20}.treb-main .treb-grid .corner canvas{position:absolute;top:0;left:0;pointer-events:none}.treb-main .treb-grid .left-header{left:0;z-index:18;pointer-events:none}.treb-main .treb-grid .top-header{top:0;z-index:18;pointer-events:none}.treb-main .treb-grid .contents{height:2000px;width:2000px}.treb-embed-dialog{line-height:1.6em;border:1px solid var(--treb-dialog-border-color, var(--treb-ui-border-color, #999));border-top-width:3px;border-top-color:#009dff;border-top-color:#9eafb9;border-top-color:#999;display:flex;flex-direction:row;align-items:center;position:relative;padding:1em;background:var(--treb-dialog-background, #fff);color:var(--treb-dialog-color, #000);text-align:left;border-radius:3px}.treb-embed-dialog>*{display:none}.treb-embed-dialog>div{position:relative}.treb-embed-dialog>*:nth-child(2){flex-grow:1;display:block}.treb-embed-dialog>*:nth-child(2){padding:2px 20px 2px 12px}.treb-embed-dialog>.close-box{position:absolute;top:0;right:0;background:transparent;border:0;padding:4px}.treb-embed-dialog>.close-box>svg{fill:#73828c;width:20px;height:20px;cursor:default}.treb-embed-dialog>.close-box>svg:hover,.treb-embed-dialog>.close-box>svg:active{fill:#049cfb}.treb-embed-dialog .smaller{font-size:.9em}.treb-embed-dialog a{text-decoration:none;color:inherit}.treb-embed-dialog a:hover,.treb-embed-dialog a:active{color:#049cfb}.treb-embed-dialog.dialog-type-success{border-top-width:3px;border-top-color:#44d926}.treb-embed-dialog.dialog-type-about{border-top-width:3px;border-top-color:#009dff}.treb-embed-dialog.dialog-type-error{border-top-width:3px;border-top-color:#f92f06}.treb-embed-dialog.dialog-type-info{border-top-width:3px;border-top-color:#009dff}.treb-embed-dialog .treb-embed-dialog-title,.treb-embed-dialog .treb-embed-dialog-message{white-space:pre}.treb-embed-dialog .treb-embed-progress-container{position:relative;border:1px solid red;width:100%;height:6px;border:1px solid #ddd;margin:1em auto .5em}.treb-embed-dialog .treb-embed-progress-bar{position:relative;background:#52880b;top:0;left:0;height:100%}.treb-spinner{position:absolute;top:0;left:0;background:transparent;width:100%;height:100%;z-index:1000;align-items:center;justify-content:center;transition:visibility .25s,opacity .25s ease;opacity:0;display:flex;visibility:collapse}.treb-spinner.visible{opacity:1;transition:visibility 0s,opacity 1s ease;visibility:visible}.treb-spinner>div{display:inline-block;position:relative;width:80px;height:80px}.treb-spinner>div div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #fff;border-radius:50%;animation:treb-spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--treb-spinner-color, currentColor) transparent transparent transparent}.treb-spinner>div div:nth-child(1){animation-delay:-.45s}.treb-spinner>div div:nth-child(2){animation-delay:-.3s}.treb-spinner>div div:nth-child(3){animation-delay:-.15s}@keyframes treb-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.treb-dark-theme{--treb-autocomplete-background: #333;--treb-autocomplete-border-color: #fff;--treb-autocomplete-entry-color: #fff;--treb-autocomplete-selected-entry-background: darkred;--treb-autocomplete-tooltip-background: darkred;--treb-autocomplete-tooltip-border-color: #fff;--treb-autocomplete-tooltip-color: #fff;--treb-chart-background: #000;--treb-chart-grid-color: #976;--treb-chart-text-color: #fff;--treb-dialog-background: #000;--treb-dialog-border-color: #fff;--treb-dialog-color: #fff;--treb-dropdown-background: #000;--treb-dropdown-border-color: #fff;--treb-dropdown-caret-active-background: darkred;--treb-dropdown-caret-background: #444;--treb-dropdown-caret-border-color: #fff;--treb-dropdown-caret-color: #fff;--treb-dropdown-color: #fff;--treb-dropdown-selected-background: darkred;--treb-grid-background: #000;--treb-grid-default-color: #fff;--treb-grid-grid-color: #444;--treb-grid-header-background: #444;--treb-grid-header-grid-color: #000;--treb-note-background: #333;--treb-note-border-color: #fff;--treb-note-color: #fff;--treb-note-marker-color: pink;--treb-resize-tooltip-background: #fff;--treb-resize-tooltip-color: #000;--treb-scale-slider-accent-color: #fff;--treb-scale-slider-background: #333;--treb-scale-slider-border-color: #fff;--treb-selection-color: yellow;--treb-selection-fill-opacity: .2;--treb-sidebar-button-background: #000;--treb-sidebar-button-border-color: #888;--treb-stats-value-background: #223;--treb-tab-bar-active-tab-background: #444;--treb-tab-bar-tab-background: #000;--treb-tab-bar-tab-color: #fff;--treb-theme-color-1: #222;--treb-theme-color-2: #ddd;--treb-toolbar-active-button-background: #555;--treb-toolbar-button-background: #000;--treb-toolbar-hover-button-background: #444;--treb-ui-border-color: #666;--treb-ui-color: #fff;--treb-table-header-background: #334;--treb-table-odd-background: #122;--treb-table-header-font-weight: 700;--treb-table-header-border-top: #889;--treb-table-header-border-bottom: #889;--treb-table-footer-border-bottom: #889;--treb-table-odd-border-top: #889;--treb-table-odd-border-bottom: #889;--treb-table-even-border-top: #889;--treb-table-even-border-bottom: #889;--treb-table-total-border-top: #889;--treb-table-total-border-bottom: #889;--treb-table-total-background: #334;--treb-table-total-font-weight: 700}@media (prefers-color-scheme: dark){.treb-light-dark-theme{--treb-autocomplete-background: #333;--treb-autocomplete-border-color: #fff;--treb-autocomplete-entry-color: #fff;--treb-autocomplete-selected-entry-background: darkred;--treb-autocomplete-tooltip-background: darkred;--treb-autocomplete-tooltip-border-color: #fff;--treb-autocomplete-tooltip-color: #fff;--treb-chart-background: #000;--treb-chart-grid-color: #976;--treb-chart-text-color: #fff;--treb-dialog-background: #000;--treb-dialog-border-color: #fff;--treb-dialog-color: #fff;--treb-dropdown-background: #000;--treb-dropdown-border-color: #fff;--treb-dropdown-caret-active-background: darkred;--treb-dropdown-caret-background: #444;--treb-dropdown-caret-border-color: #fff;--treb-dropdown-caret-color: #fff;--treb-dropdown-color: #fff;--treb-dropdown-selected-background: darkred;--treb-grid-background: #000;--treb-grid-default-color: #fff;--treb-grid-grid-color: #444;--treb-grid-header-background: #444;--treb-grid-header-grid-color: #000;--treb-note-background: #333;--treb-note-border-color: #fff;--treb-note-color: #fff;--treb-note-marker-color: pink;--treb-resize-tooltip-background: #fff;--treb-resize-tooltip-color: #000;--treb-scale-slider-accent-color: #fff;--treb-scale-slider-background: #333;--treb-scale-slider-border-color: #fff;--treb-selection-color: yellow;--treb-selection-fill-opacity: .2;--treb-sidebar-button-background: #000;--treb-sidebar-button-border-color: #888;--treb-stats-value-background: #223;--treb-tab-bar-active-tab-background: #444;--treb-tab-bar-tab-background: #000;--treb-tab-bar-tab-color: #fff;--treb-theme-color-1: #222;--treb-theme-color-2: #ddd;--treb-toolbar-active-button-background: #555;--treb-toolbar-button-background: #000;--treb-toolbar-hover-button-background: #444;--treb-ui-border-color: #666;--treb-ui-color: #fff;--treb-table-header-background: #334;--treb-table-odd-background: #122;--treb-table-header-font-weight: 700;--treb-table-header-border-top: #889;--treb-table-header-border-bottom: #889;--treb-table-footer-border-bottom: #889;--treb-table-odd-border-top: #889;--treb-table-odd-border-bottom: #889;--treb-table-even-border-top: #889;--treb-table-even-border-bottom: #889;--treb-table-total-border-top: #889;--treb-table-total-border-bottom: #889;--treb-table-total-background: #334;--treb-table-total-font-weight: 700}}.treb-container{--treb-sidebar-icon-popout: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'><path stroke='none' fill='currentColor' d='M22 14.5v5c0 2.484-2.016 4.5-4.5 4.5h-13c-2.484 0-4.5-2.016-4.5-4.5v-13c0-2.484 2.016-4.5 4.5-4.5h11c0.281 0 0.5 0.219 0.5 0.5v1c0 0.281-0.219 0.5-0.5 0.5h-11c-1.375 0-2.5 1.125-2.5 2.5v13c0 1.375 1.125 2.5 2.5 2.5h13c1.375 0 2.5-1.125 2.5-2.5v-5c0-0.281 0.219-0.5 0.5-0.5h1c0.281 0 0.5 0.219 0.5 0.5zM28 1v8c0 0.547-0.453 1-1 1-0.266 0-0.516-0.109-0.703-0.297l-2.75-2.75-10.187 10.187c-0.094 0.094-0.234 0.156-0.359 0.156s-0.266-0.063-0.359-0.156l-1.781-1.781c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266 0.156-0.359l10.187-10.187-2.75-2.75c-0.187-0.187-0.297-0.438-0.297-0.703 0-0.547 0.453-1 1-1h8c0.547 0 1 0.453 1 1z'></path></svg>");--treb-sidebar-icon-toolbar: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'><path stroke='none' fill='currentColor' d='M5.5 22v2h-5.5v-2h5.5zM11 20c0.547 0 1 0.453 1 1v4c0 0.547-0.453 1-1 1h-4c-0.547 0-1-0.453-1-1v-4c0-0.547 0.453-1 1-1h4zM13.5 14v2h-13.5v-2h13.5zM3.5 6v2h-3.5v-2h3.5zM24 22v2h-11.5v-2h11.5zM9 4c0.547 0 1 0.453 1 1v4c0 0.547-0.453 1-1 1h-4c-0.547 0-1-0.453-1-1v-4c0-0.547 0.453-1 1-1h4zM19 12c0.547 0 1 0.453 1 1v4c0 0.547-0.453 1-1 1h-4c-0.547 0-1-0.453-1-1v-4c0-0.547 0.453-1 1-1h4zM24 14v2h-3.5v-2h3.5zM24 6v2h-13.5v-2h13.5z'></path></svg>");--treb-sidebar-icon-export: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 28'><path stroke='none' fill='currentColor' d='M20 21c0-0.547-0.453-1-1-1s-1 0.453-1 1 0.453 1 1 1 1-0.453 1-1zM24 21c0-0.547-0.453-1-1-1s-1 0.453-1 1 0.453 1 1 1 1-0.453 1-1zM26 17.5v5c0 0.828-0.672 1.5-1.5 1.5h-23c-0.828 0-1.5-0.672-1.5-1.5v-5c0-0.828 0.672-1.5 1.5-1.5h7.266l2.109 2.125c0.578 0.562 1.328 0.875 2.125 0.875s1.547-0.313 2.125-0.875l2.125-2.125h7.25c0.828 0 1.5 0.672 1.5 1.5zM20.922 8.609c0.156 0.375 0.078 0.812-0.219 1.094l-7 7c-0.187 0.203-0.453 0.297-0.703 0.297s-0.516-0.094-0.703-0.297l-7-7c-0.297-0.281-0.375-0.719-0.219-1.094 0.156-0.359 0.516-0.609 0.922-0.609h4v-7c0-0.547 0.453-1 1-1h4c0.547 0 1 0.453 1 1v7h4c0.406 0 0.766 0.25 0.922 0.609z'></path></svg>");--treb-sidebar-icon-reset: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'><path stroke='none' fill='currentColor' d='M23.609 16.5c0 0.031 0 0.078-0.016 0.109-1.328 5.531-5.891 9.391-11.656 9.391-3.047 0-6-1.203-8.219-3.313l-2.016 2.016c-0.187 0.187-0.438 0.297-0.703 0.297-0.547 0-1-0.453-1-1v-7c0-0.547 0.453-1 1-1h7c0.547 0 1 0.453 1 1 0 0.266-0.109 0.516-0.297 0.703l-2.141 2.141c1.469 1.375 3.422 2.156 5.437 2.156 2.781 0 5.359-1.437 6.813-3.813 0.375-0.609 0.562-1.203 0.828-1.828 0.078-0.219 0.234-0.359 0.469-0.359h3c0.281 0 0.5 0.234 0.5 0.5zM24 4v7c0 0.547-0.453 1-1 1h-7c-0.547 0-1-0.453-1-1 0-0.266 0.109-0.516 0.297-0.703l2.156-2.156c-1.484-1.375-3.437-2.141-5.453-2.141-2.781 0-5.359 1.437-6.813 3.813-0.375 0.609-0.562 1.203-0.828 1.828-0.078 0.219-0.234 0.359-0.469 0.359h-3.109c-0.281 0-0.5-0.234-0.5-0.5v-0.109c1.344-5.547 5.953-9.391 11.719-9.391 3.063 0 6.047 1.219 8.266 3.313l2.031-2.016c0.187-0.187 0.438-0.297 0.703-0.297 0.547 0 1 0.453 1 1z'></path></svg>");--treb-sidebar-icon-about: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'><path stroke='none' fill='currentColor' d='M14 21.5v-3c0-0.281-0.219-0.5-0.5-0.5h-3c-0.281 0-0.5 0.219-0.5 0.5v3c0 0.281 0.219 0.5 0.5 0.5h3c0.281 0 0.5-0.219 0.5-0.5zM18 11c0-2.859-3-5-5.688-5-2.547 0-4.453 1.094-5.797 3.328-0.141 0.219-0.078 0.5 0.125 0.656l2.063 1.563c0.078 0.063 0.187 0.094 0.297 0.094 0.141 0 0.297-0.063 0.391-0.187 0.734-0.938 1.047-1.219 1.344-1.437 0.266-0.187 0.781-0.375 1.344-0.375 1 0 1.922 0.641 1.922 1.328 0 0.812-0.422 1.219-1.375 1.656-1.109 0.5-2.625 1.797-2.625 3.313v0.562c0 0.281 0.219 0.5 0.5 0.5h3c0.281 0 0.5-0.219 0.5-0.5v0c0-0.359 0.453-1.125 1.188-1.547 1.188-0.672 2.812-1.578 2.812-3.953zM24 14c0 6.625-5.375 12-12 12s-12-5.375-12-12 5.375-12 12-12 12 5.375 12 12z'></path></svg>");--treb-sidebar-icon-chevron-left: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 28'><path stroke='none' fill='currentColor' d='M18.297 4.703l-8.297 8.297 8.297 8.297c0.391 0.391 0.391 1.016 0 1.406l-2.594 2.594c-0.391 0.391-1.016 0.391-1.406 0l-11.594-11.594c-0.391-0.391-0.391-1.016 0-1.406l11.594-11.594c0.391-0.391 1.016-0.391 1.406 0l2.594 2.594c0.391 0.391 0.391 1.016 0 1.406z'></path></svg>");--treb-sidebar-icon-chevron-right: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'><path stroke='none' fill='currentColor' d='M17.297 13.703l-11.594 11.594c-0.391 0.391-1.016 0.391-1.406 0l-2.594-2.594c-0.391-0.391-0.391-1.016 0-1.406l8.297-8.297-8.297-8.297c-0.391-0.391-0.391-1.016 0-1.406l2.594-2.594c0.391-0.391 1.016-0.391 1.406 0l11.594 11.594c0.391 0.391 0.391 1.016 0 1.406z'></path></svg>");--treb-sidebar-icon-revert: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'><path stroke='none' fill='currentColor' d='M24 14c0 6.609-5.391 12-12 12-3.578 0-6.953-1.578-9.234-4.328-0.156-0.203-0.141-0.5 0.031-0.672l2.141-2.156c0.109-0.094 0.25-0.141 0.391-0.141 0.141 0.016 0.281 0.078 0.359 0.187 1.531 1.984 3.828 3.109 6.312 3.109 4.406 0 8-3.594 8-8s-3.594-8-8-8c-2.047 0-3.984 0.781-5.437 2.141l2.141 2.156c0.297 0.281 0.375 0.719 0.219 1.078-0.156 0.375-0.516 0.625-0.922 0.625h-7c-0.547 0-1-0.453-1-1v-7c0-0.406 0.25-0.766 0.625-0.922 0.359-0.156 0.797-0.078 1.078 0.219l2.031 2.016c2.203-2.078 5.187-3.313 8.266-3.313 6.609 0 12 5.391 12 12zM14 9.5v7c0 0.281-0.219 0.5-0.5 0.5h-5c-0.281 0-0.5-0.219-0.5-0.5v-1c0-0.281 0.219-0.5 0.5-0.5h3.5v-5.5c0-0.281 0.219-0.5 0.5-0.5h1c0.281 0 0.5 0.219 0.5 0.5z'></path></svg>");--treb-icon-text-align-left: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-text-left' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z'/> </svg>");--treb-icon-text-align-center: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-text-center' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M4 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z'/> </svg>");--treb-icon-text-align-right: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-text-right' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M6 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm4-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z'/> </svg>");--treb-icon-text-align-top: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?> <svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'> <path d='M8,15c0.276,0,0.5-0.224,0.5-0.5V5.707l3.146,3.146c0.195,0.195,0.512,0.195,0.707,0s0.195-0.512,0-0.707l-4-4 C8.159,3.951,7.842,3.95,7.647,4.145c0,0,0,0-0.001,0.001l-4,4c-0.195,0.195-0.195,0.512,0,0.707s0.513,0.195,0.708,0L7.5,5.707 V14.5C7.5,14.776,7.724,15,8,15z'/> <line fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='3' y1='1.5' x2='13' y2='1.5'/> </svg> ");--treb-icon-text-align-middle: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrows-collapse' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z'/> </svg>");--treb-icon-text-align-bottom: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?> <svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'> <path d='M8,1C7.724,1,7.5,1.224,7.5,1.5v8.793L4.354,7.146c-0.195-0.195-0.512-0.195-0.707,0s-0.195,0.512,0,0.707l4,4 c0.195,0.195,0.512,0.196,0.707,0.001c0,0,0,0,0.001-0.001l4-4c0.195-0.195,0.195-0.512,0-0.707s-0.513-0.195-0.708,0L8.5,10.293 V1.5C8.5,1.224,8.276,1,8,1z'/> <line fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='13' y1='14.5' x2='3' y2='14.5'/> </svg> ");--treb-icon-file-menu: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-folder' viewBox='0 0 16 16'> <path d='M.54 3.87.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.826a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31zM2.19 4a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91h10.348a1 1 0 0 0 .995-.91l.637-7A1 1 0 0 0 13.81 4H2.19zm4.69-1.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981l.006.139C1.72 3.042 1.95 3 2.19 3h5.396l-.707-.707z'/> </svg>");--treb-icon-wrap-text: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'> <path d='M4,5h8c0.276,0,0.5-0.224,0.5-0.5S12.276,4,12,4H4C3.724,4,3.5,4.224,3.5,4.5S3.724,5,4,5z'/> <path d='M10,8H4C3.724,8,3.5,8.224,3.5,8.5S3.724,9,4,9h6c0.828,0,1.5,0.672,1.5,1.5S10.828,12,10,12v-1.203l-2.953,1.707 L10,14.203V13c1.381,0,2.5-1.119,2.5-2.5S11.381,8,10,8z'/> <path d='M3.75,12.5c0,0.276,0.224,0.5,0.5,0.5H6v-1H4.25C3.974,12,3.75,12.224,3.75,12.5z'/> </svg> ");--treb-icon-unmerge-cells: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-fullscreen' viewBox='0 0 16 16'> <path d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z'/> </svg>");--treb-icon-merge-cells: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-fullscreen-exit' viewBox='0 0 16 16'> <path d='M5.5 0a.5.5 0 0 1 .5.5v4A1.5 1.5 0 0 1 4.5 6h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5zm5 0a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 10 4.5v-4a.5.5 0 0 1 .5-.5zM0 10.5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 6 11.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zm10 1a1.5 1.5 0 0 1 1.5-1.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4z'/> </svg>");--treb-icon-lock: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-lock' viewBox='0 0 16 16'> <path d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/> </svg>");--treb-icon-comment: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chat-square' viewBox='0 0 16 16'> <path d='M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/> </svg>");--treb-icon-fill-color: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-paint-bucket' viewBox='0 0 16 16'> <path d='M6.192 2.78c-.458-.677-.927-1.248-1.35-1.643a2.972 2.972 0 0 0-.71-.515c-.217-.104-.56-.205-.882-.02-.367.213-.427.63-.43.896-.003.304.064.664.173 1.044.196.687.556 1.528 1.035 2.402L.752 8.22c-.277.277-.269.656-.218.918.055.283.187.593.36.903.348.627.92 1.361 1.626 2.068.707.707 1.441 1.278 2.068 1.626.31.173.62.305.903.36.262.05.64.059.918-.218l5.615-5.615c.118.257.092.512.05.939-.03.292-.068.665-.073 1.176v.123h.003a1 1 0 0 0 1.993 0H14v-.057a1.01 1.01 0 0 0-.004-.117c-.055-1.25-.7-2.738-1.86-3.494a4.322 4.322 0 0 0-.211-.434c-.349-.626-.92-1.36-1.627-2.067-.707-.707-1.441-1.279-2.068-1.627-.31-.172-.62-.304-.903-.36-.262-.05-.64-.058-.918.219l-.217.216zM4.16 1.867c.381.356.844.922 1.311 1.632l-.704.705c-.382-.727-.66-1.402-.813-1.938a3.283 3.283 0 0 1-.131-.673c.091.061.204.15.337.274zm.394 3.965c.54.852 1.107 1.567 1.607 2.033a.5.5 0 1 0 .682-.732c-.453-.422-1.017-1.136-1.564-2.027l1.088-1.088c.054.12.115.243.183.365.349.627.92 1.361 1.627 2.068.706.707 1.44 1.278 2.068 1.626.122.068.244.13.365.183l-4.861 4.862a.571.571 0 0 1-.068-.01c-.137-.027-.342-.104-.608-.252-.524-.292-1.186-.8-1.846-1.46-.66-.66-1.168-1.32-1.46-1.846-.147-.265-.225-.47-.251-.607a.573.573 0 0 1-.01-.068l3.048-3.047zm2.87-1.935a2.44 2.44 0 0 1-.241-.561c.135.033.324.11.562.241.524.292 1.186.8 1.846 1.46.45.45.83.901 1.118 1.31a3.497 3.497 0 0 0-1.066.091 11.27 11.27 0 0 1-.76-.694c-.66-.66-1.167-1.322-1.458-1.847z'/> </svg>");--treb-icon-text-color: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?> <svg version='1.1' id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'> <g> <path d='M12.259,14.001l-1.389-3.727H5.465l-1.354,3.727H2.811L7.609,1.397h1.178l4.772,12.604H12.259z M8.418,3.604 c-0.041-0.111-0.084-0.24-0.127-0.387C8.246,3.07,8.21,2.903,8.181,2.716H8.146C8.11,2.903,8.07,3.07,8.027,3.217 C7.982,3.363,7.94,3.492,7.899,3.604L5.86,9.211h4.614L8.418,3.604z'/> </g> </svg> ");--treb-icon-border-bottom: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-border-bottom' viewBox='0 0 16 16'> <path d='M.969 0H0v.969h.5V1h.469V.969H1V.5H.969V0zm.937 1h.938V0h-.938v1zm1.875 0h.938V0H3.78v1zm1.875 0h.938V0h-.938v1zM7.531.969V1h.938V.969H8.5V.5h-.031V0H7.53v.5H7.5v.469h.031zM9.406 1h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.469V.969h.5V0h-.969v.5H15v.469h.031V1zM1 2.844v-.938H0v.938h1zm6.5-.938v.938h1v-.938h-1zm7.5 0v.938h1v-.938h-1zM1 4.719V3.78H0v.938h1zm6.5-.938v.938h1V3.78h-1zm7.5 0v.938h1V3.78h-1zM1 6.594v-.938H0v.938h1zm6.5-.938v.938h1v-.938h-1zm7.5 0v.938h1v-.938h-1zM.5 8.5h.469v-.031H1V7.53H.969V7.5H.5v.031H0v.938h.5V8.5zm1.406 0h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm2.813 0v-.031H8.5V7.53h-.031V7.5H7.53v.031H7.5v.938h.031V8.5h.938zm.937 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.469v-.031h.5V7.53h-.5V7.5h-.469v.031H15v.938h.031V8.5zM0 9.406v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zm-16 .937v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zm-16 .937v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zM0 15h16v1H0v-1z'/> </svg>");--treb-icon-border-top: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-border-top' viewBox='0 0 16 16'> <path d='M0 0v1h16V0H0zm1 2.844v-.938H0v.938h1zm6.5-.938v.938h1v-.938h-1zm7.5 0v.938h1v-.938h-1zM1 4.719V3.78H0v.938h1zm6.5-.938v.938h1V3.78h-1zm7.5 0v.938h1V3.78h-1zM1 6.594v-.938H0v.938h1zm6.5-.938v.938h1v-.938h-1zm7.5 0v.938h1v-.938h-1zM.5 8.5h.469v-.031H1V7.53H.969V7.5H.5v.031H0v.938h.5V8.5zm1.406 0h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm2.813 0v-.031H8.5V7.53h-.031V7.5H7.53v.031H7.5v.938h.031V8.5h.938zm.937 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.469v-.031h.5V7.53h-.5V7.5h-.469v.031H15v.938h.031V8.5zM0 9.406v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zm-16 .937v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zm-16 .937v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zM0 16h.969v-.5H1v-.469H.969V15H.5v.031H0V16zm1.906 0h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm1.875-.5v.5h.938v-.5H8.5v-.469h-.031V15H7.53v.031H7.5v.469h.031zm1.875.5h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875-.5v.5H16v-.969h-.5V15h-.469v.031H15v.469h.031z'/> </svg>");--treb-icon-border-left: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-border-left' viewBox='0 0 16 16'> <path d='M0 0v16h1V0H0zm1.906 1h.938V0h-.938v1zm1.875 0h.938V0H3.78v1zm1.875 0h.938V0h-.938v1zM7.531.969V1h.938V.969H8.5V.5h-.031V0H7.53v.5H7.5v.469h.031zM9.406 1h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.469V.969h.5V0h-.969v.5H15v.469h.031V1zM7.5 1.906v.938h1v-.938h-1zm7.5 0v.938h1v-.938h-1zM7.5 3.781v.938h1V3.78h-1zm7.5 0v.938h1V3.78h-1zM7.5 5.656v.938h1v-.938h-1zm7.5 0v.938h1v-.938h-1zM1.906 8.5h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm2.813 0v-.031H8.5V7.53h-.031V7.5H7.53v.031H7.5v.938h.031V8.5h.938zm.937 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.469v-.031h.5V7.53h-.5V7.5h-.469v.031H15v.938h.031V8.5zM7.5 9.406v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zm-8.5.937v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zm-8.5.937v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zM1.906 16h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm1.875-.5v.5h.938v-.5H8.5v-.469h-.031V15H7.53v.031H7.5v.469h.031zm1.875.5h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875-.5v.5H16v-.969h-.5V15h-.469v.031H15v.469h.031z'/> </svg>");--treb-icon-border-right: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-border-right' viewBox='0 0 16 16'> <path d='M.969 0H0v.969h.5V1h.469V.969H1V.5H.969V0zm.937 1h.938V0h-.938v1zm1.875 0h.938V0H3.78v1zm1.875 0h.938V0h-.938v1zM7.531.969V1h.938V.969H8.5V.5h-.031V0H7.53v.5H7.5v.469h.031zM9.406 1h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zM16 0h-1v16h1V0zM1 2.844v-.938H0v.938h1zm6.5-.938v.938h1v-.938h-1zM1 4.719V3.78H0v.938h1zm6.5-.938v.938h1V3.78h-1zM1 6.594v-.938H0v.938h1zm6.5-.938v.938h1v-.938h-1zM.5 8.5h.469v-.031H1V7.53H.969V7.5H.5v.031H0v.938h.5V8.5zm1.406 0h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm2.813 0v-.031H8.5V7.53h-.031V7.5H7.53v.031H7.5v.938h.031V8.5h.938zm.937 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zM0 9.406v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zM0 11.281v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zM0 13.156v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zM0 16h.969v-.5H1v-.469H.969V15H.5v.031H0V16zm1.906 0h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm1.875-.5v.5h.938v-.5H8.5v-.469h-.031V15H7.53v.031H7.5v.469h.031zm1.875.5h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1z'/> </svg>");--treb-icon-border-double-bottom: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' > <path d='M0.969,0H0v0.969h0.5V1h0.469V0.969H1V0.5H0.969V0z M1.906,1h0.938V0H1.906V1z M3.781,1h0.938V0H3.78v1H3.781z M5.656,1 h0.938V0H5.656V1z M7.531,0.969V1h0.938V0.969H8.5V0.5H8.469V0H7.53v0.5H7.5v0.469H7.531z M9.406,1h0.938V0H9.406V1z M11.281,1 h0.938V0h-0.938V1z M13.156,1h0.938V0h-0.938V1z M15.031,1H15.5V0.969H16V0h-0.969v0.5H15v0.469h0.031V1z M1,2.844V1.906H0v0.938H1z M7.5,1.906v0.938h1V1.906H7.5z M15,1.906v0.938h1V1.906H15z M1,4.719V3.78H0v0.938L1,4.719L1,4.719z M7.5,3.781v0.938h1V3.78h-1 V3.781z M15,3.781v0.938h1V3.78h-1V3.781z M1,6.594V5.656H0v0.938H1z M7.5,5.656v0.938h1V5.656H7.5z M15,5.656v0.938h1V5.656H15z M0.5,8.5h0.469V8.469H1V7.53H0.969V7.5H0.5v0.031H0v0.938h0.5V8.5z M1.906,8.5h0.938v-1H1.906V8.5z M3.781,8.5h0.938v-1H3.78v1 H3.781z M5.656,8.5h0.938v-1H5.656V8.5z M8.469,8.5V8.469H8.5V7.53H8.469V7.5H7.53v0.031H7.5v0.938h0.031V8.5H8.469z M9.406,8.5 h0.938v-1H9.406V8.5z M11.281,8.5h0.938v-1h-0.938V8.5z M13.156,8.5h0.938v-1h-0.938V8.5z M15.031,8.5H15.5V8.469H16V7.53h-0.5V7.5 h-0.469v0.031H15v0.938h0.031V8.5z M0,9.406v0.938h1V9.406H0z M7.5,9.406v0.938h1V9.406H7.5z M16,10.344V9.406h-1v0.938H16z M0,11.281v0.938h1v-0.938H0z M7.5,11.281v0.938h1v-0.938H7.5z M16,12.219v-0.938h-1v0.938H16z M0,15h16v1H0V15z M0,13h16v1H0V13z' /> </svg> ");--treb-icon-border-all: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-border-all' viewBox='0 0 16 16'> <path d='M0 0h16v16H0V0zm1 1v6.5h6.5V1H1zm7.5 0v6.5H15V1H8.5zM15 8.5H8.5V15H15V8.5zM7.5 15V8.5H1V15h6.5z'/> </svg>");--treb-icon-border-outer: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-border-outer' viewBox='0 0 16 16'> <path d='M7.5 1.906v.938h1v-.938h-1zm0 1.875v.938h1V3.78h-1zm0 1.875v.938h1v-.938h-1zM1.906 8.5h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm2.813 0v-.031H8.5V7.53h-.031V7.5H7.53v.031H7.5v.938h.031V8.5h.938zm.937 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zM7.5 9.406v.938h1v-.938h-1zm0 1.875v.938h1v-.938h-1zm0 1.875v.938h1v-.938h-1z'/> <path d='M0 0v16h16V0H0zm1 1h14v14H1V1z'/> </svg>");--treb-icon-border-none: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-border' viewBox='0 0 16 16'> <path d='M0 0h.969v.5H1v.469H.969V1H.5V.969H0V0zm2.844 1h-.938V0h.938v1zm1.875 0H3.78V0h.938v1zm1.875 0h-.938V0h.938v1zm.937 0V.969H7.5V.5h.031V0h.938v.5H8.5v.469h-.031V1H7.53zm2.813 0h-.938V0h.938v1zm1.875 0h-.938V0h.938v1zm1.875 0h-.938V0h.938v1zM15.5 1h-.469V.969H15V.5h.031V0H16v.969h-.5V1zM1 1.906v.938H0v-.938h1zm6.5.938v-.938h1v.938h-1zm7.5 0v-.938h1v.938h-1zM1 3.78v.938H0V3.78h1zm6.5.938V3.78h1v.938h-1zm7.5 0V3.78h1v.938h-1zM1 5.656v.938H0v-.938h1zm6.5.938v-.938h1v.938h-1zm7.5 0v-.938h1v.938h-1zM.969 8.5H.5v-.031H0V7.53h.5V7.5h.469v.031H1v.938H.969V8.5zm1.875 0h-.938v-1h.938v1zm1.875 0H3.78v-1h.938v1zm1.875 0h-.938v-1h.938v1zm1.875-.031V8.5H7.53v-.031H7.5V7.53h.031V7.5h.938v.031H8.5v.938h-.031zm1.875.031h-.938v-1h.938v1zm1.875 0h-.938v-1h.938v1zm1.875 0h-.938v-1h.938v1zm1.406 0h-.469v-.031H15V7.53h.031V7.5h.469v.031h.5v.938h-.5V8.5zM0 10.344v-.938h1v.938H0zm7.5 0v-.938h1v.938h-1zm8.5-.938v.938h-1v-.938h1zM0 12.22v-.938h1v.938H0zm7.5 0v-.938h1v.938h-1zm8.5-.938v.938h-1v-.938h1zM0 14.094v-.938h1v.938H0zm7.5 0v-.938h1v.938h-1zm8.5-.938v.938h-1v-.938h1zM.969 16H0v-.969h.5V15h.469v.031H1v.469H.969v.5zm1.875 0h-.938v-1h.938v1zm1.875 0H3.78v-1h.938v1zm1.875 0h-.938v-1h.938v1zm.937 0v-.5H7.5v-.469h.031V15h.938v.031H8.5v.469h-.031v.5H7.53zm2.813 0h-.938v-1h.938v1zm1.875 0h-.938v-1h.938v1zm1.875 0h-.938v-1h.938v1zm.937 0v-.5H15v-.469h.031V15h.469v.031h.5V16h-.969z'/> </svg>");--treb-icon-palette: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-palette2' viewBox='0 0 16 16'> <path d='M0 .5A.5.5 0 0 1 .5 0h5a.5.5 0 0 1 .5.5v5.277l4.147-4.131a.5.5 0 0 1 .707 0l3.535 3.536a.5.5 0 0 1 0 .708L10.261 10H15.5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5H3a2.99 2.99 0 0 1-2.121-.879A2.99 2.99 0 0 1 0 13.044m6-.21 7.328-7.3-2.829-2.828L6 7.188v5.647zM4.5 13a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0zM15 15v-4H9.258l-4.015 4H15zM0 .5v12.495V.5z'/> <path d='M0 12.995V13a3.07 3.07 0 0 0 0-.005z'/> </svg>");--treb-icon-layout: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?> <svg version='1.1' id='Layer_3' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'> <polygon points='3,0 20,17.156 20,17.042 '/> <polygon points='3,0 0,0 0,16 1,16 1,1 2.585,1 19,17.455 19,19 4,19 4,20 20,20 20,17.156 '/> <path d='M6.886,3.922L5.343,5.465c-0.195,0.195-0.195,0.511,0,0.707c0.196,0.195,0.512,0.195,0.708,0l1.539-1.54L6.886,3.922z'/> <path d='M9.702,6.763l-1.53,1.53C7.977,8.488,7.977,8.805,8.172,9c0.195,0.196,0.512,0.196,0.707,0l1.526-1.526L9.702,6.763z'/> <path d='M12.517,9.604L11,11.121c-0.195,0.195-0.195,0.512,0,0.707s0.512,0.195,0.707,0l1.514-1.514L12.517,9.604z'/> <path d='M15.332,12.445l-1.504,1.504c-0.195,0.195-0.195,0.512,0,0.707s0.512,0.195,0.707,0l1.501-1.5L15.332,12.445z'/> <path d='M1,16H0c0,2.209,1.791,4,4,4v-1C2.346,19,1,17.654,1,16z'/> <path d='M5,9v6h6L5,9z M6,11.414L8.586,14H6V11.414z'/> </svg> ");--treb-icon-freeze: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-snow' viewBox='0 0 16 16'> <path d='M8 16a.5.5 0 0 1-.5-.5v-1.293l-.646.647a.5.5 0 0 1-.707-.708L7.5 12.793V8.866l-3.4 1.963-.496 1.85a.5.5 0 1 1-.966-.26l.237-.882-1.12.646a.5.5 0 0 1-.5-.866l1.12-.646-.884-.237a.5.5 0 1 1 .26-.966l1.848.495L7 8 3.6 6.037l-1.85.495a.5.5 0 0 1-.258-.966l.883-.237-1.12-.646a.5.5 0 1 1 .5-.866l1.12.646-.237-.883a.5.5 0 1 1 .966-.258l.495 1.849L7.5 7.134V3.207L6.147 1.854a.5.5 0 1 1 .707-.708l.646.647V.5a.5.5 0 1 1 1 0v1.293l.647-.647a.5.5 0 1 1 .707.708L8.5 3.207v3.927l3.4-1.963.496-1.85a.5.5 0 1 1 .966.26l-.236.882 1.12-.646a.5.5 0 0 1 .5.866l-1.12.646.883.237a.5.5 0 1 1-.26.966l-1.848-.495L9 8l3.4 1.963 1.849-.495a.5.5 0 0 1 .259.966l-.883.237 1.12.646a.5.5 0 0 1-.5.866l-1.12-.646.236.883a.5.5 0 1 1-.966.258l-.495-1.849-3.4-1.963v3.927l1.353 1.353a.5.5 0 0 1-.707.708l-.647-.647V15.5a.5.5 0 0 1-.5.5z'/> </svg>");--treb-icon-column-chart: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?> <svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'> <path d='M4.5,17.5C4.5,17.776,4.276,18,4,18l0,0c-0.276,0-0.5-0.224-0.5-0.5v-5C3.5,12.224,3.724,12,4,12l0,0 c0.276,0,0.5,0.224,0.5,0.5V17.5z'/> <path d='M12.5,17.5c0,0.276-0.224,0.5-0.5,0.5l0,0c-0.276,0-0.5-0.224-0.5-0.5v-9C11.5,8.224,11.724,8,12,8l0,0 c0.276,0,0.5,0.224,0.5,0.5V17.5z'/> <path d='M16.5,17.5c0,0.276-0.224,0.5-0.5,0.5l0,0c-0.276,0-0.5-0.224-0.5-0.5v-13C15.5,4.224,15.724,4,16,4l0,0 c0.276,0,0.5,0.224,0.5,0.5V17.5z'/> <path d='M8.5,17.5C8.5,17.776,8.276,18,8,18l0,0c-0.276,0-0.5-0.224-0.5-0.5v-14C7.5,3.224,7.724,3,8,3l0,0 c0.276,0,0.5,0.224,0.5,0.5V17.5z'/> </svg> ");--treb-icon-donut-chart: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?> <svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'> <path d='M12,1.23v1.548C14.526,3.479,16.5,5.477,17.203,8h1.565C18.004,4.639,15.362,1.995,12,1.23z'/> <path d='M2.5,10c0-3.51,2.426-6.456,5.688-7.27V1.183C4.085,2.021,1,5.65,1,10c0,1.761,0.513,3.397,1.387,4.784l1.093-1.093 C2.859,12.601,2.5,11.343,2.5,10z'/> <path d='M17.221,12c-0.878,3.166-3.778,5.5-7.221,5.5c-1.343,0-2.601-0.359-3.692-0.979l-1.093,1.093C6.603,18.487,8.24,19,10,19 c4.282,0,7.859-2.993,8.77-7H17.221z'/> </svg> ");--treb-icon-bar-chart: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?> <svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'> <path d='M2.5,4.5C2.224,4.5,2,4.276,2,4l0,0c0-0.276,0.224-0.5,0.5-0.5h5C7.776,3.5,8,3.724,8,4l0,0c0,0.276-0.224,0.5-0.5,0.5H2.5z '/> <path d='M2.5,12.5C2.224,12.5,2,12.276,2,12l0,0c0-0.276,0.224-0.5,0.5-0.5h9c0.276,0,0.5,0.224,0.5,0.5l0,0 c0,0.276-0.224,0.5-0.5,0.5H2.5z'/> <path d='M2.5,16.5C2.224,16.5,2,16.276,2,16l0,0c0-0.276,0.224-0.5,0.5-0.5h13c0.276,0,0.5,0.224,0.5,0.5l0,0 c0,0.276-0.224,0.5-0.5,0.5H2.5z'/> <path d='M2.5,8.5C2.224,8.5,2,8.276,2,8l0,0c0-0.276,0.224-0.5,0.5-0.5h14C16.776,7.5,17,7.724,17,8l0,0c0,0.276-0.224,0.5-0.5,0.5 H2.5z'/> </svg> ");--treb-icon-line-chart: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?> <svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'> <polygon points='1,8 4,5 11,10 19,2 19,4 11,12 4,7 1,10 '/> </svg> ");--treb-icon-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-image' viewBox='0 0 16 16'> <path d='M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'/> <path d='M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-12zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1h12z'/> </svg>");--treb-icon-recalculate: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?> <svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'> <path d='M9.478,4.022c2.402-0.209,4.583,1.047,5.711,3.014l1.083-0.095c-1.233-2.528-3.912-4.175-6.881-3.916 c-2.97,0.26-5.321,2.347-6.098,5.051l1.083-0.095C5.144,5.849,7.074,4.233,9.478,4.022z'/> <path d='M10.523,15.977c-2.403,0.211-4.585-1.047-5.712-3.013l-1.08,0.095c1.234,2.527,3.91,4.175,6.879,3.914 c2.971-0.259,5.32-2.347,6.095-5.05l-1.08,0.095C14.856,14.15,12.926,15.767,10.523,15.977z'/> <polygon points='2.272,15.616 7.469,12.616 3.371,11.519 '/> <polygon points='17.728,4.384 12.531,7.384 16.629,8.482 '/> <path d='M10,10'/> </svg> ");--treb-icon-check: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check2' viewBox='0 0 16 16'> <path d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/> </svg>")}.treb-container .treb-sidebar-icon-popout{mask-image:var(--treb-sidebar-icon-popout);-webkit-mask-image:var(--treb-sidebar-icon-popout)}.treb-container .treb-sidebar-icon-toolbar{mask-image:var(--treb-sidebar-icon-toolbar);-webkit-mask-image:var(--treb-sidebar-icon-toolbar)}.treb-container .treb-sidebar-icon-export{mask-image:var(--treb-sidebar-icon-export);-webkit-mask-image:var(--treb-sidebar-icon-export)}.treb-container .treb-sidebar-icon-reset{mask-image:var(--treb-sidebar-icon-reset);-webkit-mask-image:var(--treb-sidebar-icon-reset)}.treb-container .treb-sidebar-icon-about{mask-image:var(--treb-sidebar-icon-about);-webkit-mask-image:var(--treb-sidebar-icon-about)}.treb-container .treb-sidebar-icon-chevron-left{mask-image:var(--treb-sidebar-icon-chevron-left);-webkit-mask-image:var(--treb-sidebar-icon-chevron-left)}.treb-container .treb-sidebar-icon-chevron-right{mask-image:var(--treb-sidebar-icon-chevron-right);-webkit-mask-image:var(--treb-sidebar-icon-chevron-right)}.treb-container .treb-sidebar-icon-revert{mask-image:var(--treb-sidebar-icon-revert);-webkit-mask-image:var(--treb-sidebar-icon-revert)}.treb-container .treb-icon-text-align-left{mask-image:var(--treb-icon-text-align-left);-webkit-mask-image:var(--treb-icon-text-align-left)}.treb-container .treb-icon-text-align-center{mask-image:var(--treb-icon-text-align-center);-webkit-mask-image:var(--treb-icon-text-align-center)}.treb-container .treb-icon-text-align-right{mask-image:var(--treb-icon-text-align-right);-webkit-mask-image:var(--treb-icon-text-align-right)}.treb-container .treb-icon-text-align-top{mask-image:var(--treb-icon-text-align-top);-webkit-mask-image:var(--treb-icon-text-align-top)}.treb-container .treb-icon-text-align-middle{mask-image:var(--treb-icon-text-align-middle);-webkit-mask-image:var(--treb-icon-text-align-middle)}.treb-container .treb-icon-text-align-bottom{mask-image:var(--treb-icon-text-align-bottom);-webkit-mask-image:var(--treb-icon-text-align-bottom)}.treb-container .treb-icon-file-menu{mask-image:var(--treb-icon-file-menu);-webkit-mask-image:var(--treb-icon-file-menu)}.treb-container .treb-icon-wrap-text{mask-image:var(--treb-icon-wrap-text);-webkit-mask-image:var(--treb-icon-wrap-text)}.treb-container .treb-icon-unmerge-cells{mask-image:var(--treb-icon-unmerge-cells);-webkit-mask-image:var(--treb-icon-unmerge-cells)}.treb-container .treb-icon-merge-cells{mask-image:var(--treb-icon-merge-cells);-webkit-mask-image:var(--treb-icon-merge-cells)}.treb-container .treb-icon-lock{mask-image:var(--treb-icon-lock);-webkit-mask-image:var(--treb-icon-lock)}.treb-container .treb-icon-comment{mask-image:var(--treb-icon-comment);-webkit-mask-image:var(--treb-icon-comment)}.treb-container .treb-icon-fill-color{mask-image:var(--treb-icon-fill-color);-webkit-mask-image:var(--treb-icon-fill-color)}.treb-container .treb-icon-text-color{mask-image:var(--treb-icon-text-color);-webkit-mask-image:var(--treb-icon-text-color)}.treb-container .treb-icon-border-bottom{mask-image:var(--treb-icon-border-bottom);-webkit-mask-image:var(--treb-icon-border-bottom)}.treb-container .treb-icon-border-top{mask-image:var(--treb-icon-border-top);-webkit-mask-image:var(--treb-icon-border-top)}.treb-container .treb-icon-border-left{mask-image:var(--treb-icon-border-left);-webkit-mask-image:var(--treb-icon-border-left)}.treb-container .treb-icon-border-right{mask-image:var(--treb-icon-border-right);-webkit-mask-image:var(--treb-icon-border-right)}.treb-container .treb-icon-border-double-bottom{mask-image:var(--treb-icon-border-double-bottom);-webkit-mask-image:var(--treb-icon-border-double-bottom)}.treb-container .treb-icon-border-all{mask-image:var(--treb-icon-border-all);-webkit-mask-image:var(--treb-icon-border-all)}.treb-container .treb-icon-border-outer{mask-image:var(--treb-icon-border-outer);-webkit-mask-image:var(--treb-icon-border-outer)}.treb-container .treb-icon-border-none{mask-image:var(--treb-icon-border-none);-webkit-mask-image:var(--treb-icon-border-none)}.treb-container .treb-icon-palette{mask-image:var(--treb-icon-palette);-webkit-mask-image:var(--treb-icon-palette)}.treb-container .treb-icon-layout{mask-image:var(--treb-icon-layout);-webkit-mask-image:var(--treb-icon-layout)}.treb-container .treb-icon-freeze{mask-image:var(--treb-icon-freeze);-webkit-mask-image:var(--treb-icon-freeze)}.treb-container .treb-icon-column-chart{mask-image:var(--treb-icon-column-chart);-webkit-mask-image:var(--treb-icon-column-chart)}.treb-container .treb-icon-donut-chart{mask-image:var(--treb-icon-donut-chart);-webkit-mask-image:var(--treb-icon-donut-chart)}.treb-container .treb-icon-bar-chart{mask-image:var(--treb-icon-bar-chart);-webkit-mask-image:var(--treb-icon-bar-chart)}.treb-container .treb-icon-line-chart{mask-image:var(--treb-icon-line-chart);-webkit-mask-image:var(--treb-icon-line-chart)}.treb-container .treb-icon-image{mask-image:var(--treb-icon-image);-webkit-mask-image:var(--treb-icon-image)}.treb-container .treb-icon-recalculate{mask-image:var(--treb-icon-recalculate);-webkit-mask-image:var(--treb-icon-recalculate)}.treb-container .treb-icon-check{mask-image:var(--treb-icon-check);-webkit-mask-image:var(--treb-icon-check)}.treb-main,.treb-embed-mask{font-family:BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-style:normal;font-weight:400;color:#333;font-size:12pt;box-sizing:border-box}.treb-main *,.treb-embed-mask *{box-sizing:border-box}.masked .treb-main{opacity:.6}.treb-main{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:opacity .2s ease}.treb-embed-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .2s;pointer-events:none}.treb-embed-mask.visible{pointer-events:auto;opacity:1}.treb-views{box-sizing:border-box;position:absolute;inset:0;transition:right .2s ease-in-out,top .2s ease-in-out;display:flex;flex-direction:row}.treb-view{flex-grow:1;position:relative}.treb-view~.treb-view{margin-left:1em}.default-spreadsheet-size{width:680px;height:400px;max-width:100%}.sidebar-open .treb-views{right:40px}.sidebar-open .show-sidebar-button{opacity:0;pointer-events:none}.sidebar-open .embedded-spreadsheet-sidebar{opacity:1;pointer-events:initial}.sidebar-open .masked~.embedded-spreadsheet-sidebar{opacity:.6;pointer-events:none}.toolbar-container{position:absolute;top:0;left:0;opacity:0;pointer-events:none;transition:opacity .2s ease;right:0;max-width:100%;height:38px;max-height:38px}.toolbar-open .treb-views,.toolbar-open .embedded-spreadsheet-sidebar{top:38px}.toolbar-open .toolbar-container{opacity:1;pointer-events:initial}.toolbar-open .masked+.toolbar-container{pointer-events:none;opacity:.6}.sidebar-button{box-sizing:border-box;background:transparent;padding:0;width:24px;height:24px;line-height:28px;display:flex;flex-direction:row;align-items:center;justify-content:center;border:0}.sidebar-button.smaller.treb-icon:after{width:12px;height:12px;mask-size:12px 12px;-webkit-mask-size:12px 12px}.sidebar-button.treb-icon:after{width:24px;height:24px;content:"";mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;background:#ccc;transition:background .1s ease}.sidebar-button.treb-icon:hover:after{background:#666}.treb-icon-popout:after{mask-image:var(--treb-sidebar-icon-popout);-webkit-mask-image:var(--treb-sidebar-icon-popout)}.treb-icon-toolbar:after{mask-image:var(--treb-sidebar-icon-toolbar);-webkit-mask-image:var(--treb-sidebar-icon-toolbar)}.treb-icon-export:after{mask-image:var(--treb-sidebar-icon-export);-webkit-mask-image:var(--treb-sidebar-icon-export)}.treb-icon-reset:after{mask-image:var(--treb-sidebar-icon-reset);-webkit-mask-image:var(--treb-sidebar-icon-reset)}.treb-icon-about:after{mask-image:var(--treb-sidebar-icon-about);-webkit-mask-image:var(--treb-sidebar-icon-about)}.treb-icon-fork:after{mask-image:var(--treb-sidebar-icon-fork);-webkit-mask-image:var(--treb-sidebar-icon-fork)}.treb-icon-chevron-left:after{mask-image:var(--treb-sidebar-icon-chevron-left);-webkit-mask-image:var(--treb-sidebar-icon-chevron-left)}.treb-icon-chevron-right:after{mask-image:var(--treb-sidebar-icon-chevron-right);-webkit-mask-image:var(--treb-sidebar-icon-chevron-right)}.treb-icon-revert:after{mask-image:var(--treb-sidebar-icon-revert);-webkit-mask-image:var(--treb-sidebar-icon-revert)}.show-sidebar-button{position:absolute;border:1px solid var(--treb-sidebar-button-border-color, var(--treb-ui-border-color, #ccc));border-right-width:0px;z-index:5;bottom:50px;right:0;border-radius:12px 0 0 12px;background:var(--treb-sidebar-button-background, #fff);transition:opacity .2s ease-in-out}.embedded-spreadsheet-sidebar{border:0;box-sizing:border-box;align-items:center;position:absolute;right:0;top:0;width:40px;opacity:0;bottom:0;overflow:hidden;pointer-events:none;display:flex;flex-direction:column;transition:top .2s ease-in-out,opacity .2s ease-in-out}.embedded-spreadsheet-sidebar .sidebar-button{margin-top:10px;margin-bottom:4px}.embedded-spreadsheet-sidebar .sidebar-button:last-child{margin-bottom:50px}.embedded-spreadsheet-sidebar .sidebar-spacer{box-sizing:border-box;flex-grow:1}.treb-fullscreen-padding .embedded-spreadsheet-sidebar{width:50px}.treb-fullscreen-padding .embedded-spreadsheet-sidebar .sidebar-button{margin-bottom:6px}.treb-fullscreen-padding .embedded-spreadsheet-sidebar .sidebar-button:last-child{margin-bottom:50px}.treb-fullscreen-padding .toolbar-container{top:8px;left:6px}.treb-fullscreen-padding.sidebar-open .treb-views{right:50px}.treb-fullscreen-padding.toolbar-open .treb-views,.treb-fullscreen-padding.toolbar-open .embedded-spreadsheet-sidebar{top:45px}.treb-embed-mouse-mask{position:fixed;inset:0;background:transparent;z-index:1000;display:none;cursor:nwse-resize}.treb-embed-resize-rect{box-sizing:border-box;position:absolute;border:1px dotted #2e8dd6;border-radius:2px;pointer-events:none}.treb-embed-resize-handle{box-sizing:border-box;position:absolute;height:16px;width:16px;min-height:16px;min-width:16px;border:8px solid #2e8dd6;border-top-color:transparent;border-left-color:transparent;cursor:nwse-resize;bottom:1px;right:1px;z-index:999}
1
+ /*! TREB v23.4.0. Copyright 2018-2023 trebco, llc. All rights reserved. LGPL: https://treb.app/license */
2
+ @charset "UTF-8";
3
+
4
+ /* treb-embed/style/icon.scss */
5
+ :root {
6
+ --treb-icon-svg: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='153.073px' height='133.742px' viewBox='0.673 4.629 153.073 133.742' enable-background='new 0.673 4.629 153.073 133.742' xml:space='preserve'%3E%3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='0.6729' y1='71.5' x2='153.7461' y2='71.5'%3E%3Cstop offset='0' style='stop-color:%235CB5FF'/%3E%3Cstop offset='1' style='stop-color:%230059B9'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23SVGID_1_)' d='M91.656,28.313c-4.989,0-17.266,6.249-21.305,8.504c-2.344-2.473-2.603-6.162-3.036-10.933 c-2.344,2.429-0.824,9.806,0,12.496c-10.238,7.635-18.83,15.531-27.597,24.471c-2.992-4.729-5.031-8.593-5.726-17.183 c-3.038,6.509,0.867,15.057,3.121,19.784c-9.674,12.193-19.263,25.297-27.03,37.834C-25.405,28.313,82.936-16.248,153.746,14.431 C109.879,43.63,98.554,135.784,21.498,111.274c-5.423,7.809-9.069,18.006-13.538,27.072c-3.73,0.263-6.334-1.646-7.288-3.12 c7.506-18.181,17.183-34.192,27.075-49.984c10.718,0.306,21.346,0.478,30.198-1.04c-7.681-2.038-16.877-0.78-26.032-3.123 c5.597-10.718,13.754-18.876,21.867-27.075c8.808,0.782,17.746,3.21,27.074,1.041c-8.111-1.431-15.966-1.952-22.909-4.165 C65.539,42.502,80.722,33.389,91.656,28.313z'/%3E%3C/svg%3E%0A");
7
+ }
8
+ .treb-icon-64 {
9
+ width: 64px;
10
+ height: 64px;
11
+ background: no-repeat center/100% var(--treb-icon-svg);
12
+ }
13
+
14
+ /* treb-embed/style/toolbar-4.scss */
15
+ .treb-container .drop-menu {
16
+ position: fixed;
17
+ top: -1000px;
18
+ left: -1000px;
19
+ background: var(--treb-toolbar-button-background, #fff);
20
+ border-radius: 3px;
21
+ border: 1px solid var(--treb-toolbar-border-color, var(--treb-ui-border-color, rgb(209, 213, 219)));
22
+ z-index: 9;
23
+ box-shadow: 0 2px 4px rgba(13, 19, 30, 0.1019607843);
24
+ outline: none;
25
+ opacity: 0;
26
+ pointer-events: none;
27
+ transition: opacity 0.125s;
28
+ display: none;
29
+ z-index: 999;
30
+ padding: 0.25em 0.25em;
31
+ }
32
+ .treb-container .drop-menu.enabled {
33
+ display: initial;
34
+ }
35
+ .treb-container .drop-menu.visible {
36
+ opacity: 1;
37
+ pointer-events: initial;
38
+ }
39
+ .treb-container .drop-menu.visible .comment-editor textarea {
40
+ resize: both;
41
+ }
42
+ .treb-container .drop-menu.scroll {
43
+ max-height: 18em;
44
+ overflow-y: auto;
45
+ }
46
+ .treb-container .drop-menu hr {
47
+ border: none;
48
+ height: 1px;
49
+ background: var(--treb-toolbar-border-color, var(--treb-ui-border-color, rgb(209, 213, 219)));
50
+ margin-bottom: 0.5em;
51
+ margin-top: 0.5em;
52
+ }
53
+ .treb-container .drop-menu ul {
54
+ margin: 0;
55
+ list-style-type: none !important;
56
+ padding-left: 0;
57
+ }
58
+ .treb-container .drop-menu ul li + li {
59
+ margin-top: 0.125em;
60
+ }
61
+ .treb-container .drop-menu ul button {
62
+ border-color: transparent;
63
+ }
64
+ .treb-container .drop-menu ul button.text {
65
+ display: inline-flex;
66
+ justify-content: flex-start;
67
+ width: 100%;
68
+ white-space: nowrap;
69
+ font-size: 0.875em;
70
+ padding: 0 1em;
71
+ }
72
+ .treb-toolbar {
73
+ display: flex;
74
+ flex-direction: row;
75
+ position: relative;
76
+ height: 100%;
77
+ width: 100%;
78
+ overflow: scroll;
79
+ scrollbar-width: none;
80
+ -ms-overflow-style: none;
81
+ }
82
+ .treb-toolbar::-webkit-scrollbar {
83
+ width: 0;
84
+ height: 0;
85
+ }
86
+ .treb-toolbar .staging {
87
+ display: none;
88
+ }
89
+ .treb-toolbar .group.narrow {
90
+ display: none;
91
+ }
92
+ .treb-toolbar .group.wide {
93
+ display: flex;
94
+ }
95
+ .treb-toolbar > *:not(.narrow) + *:not(.narrow) {
96
+ margin-left: 0.5em;
97
+ }
98
+ .treb-toolbar.narrow .group.wide {
99
+ display: none;
100
+ }
101
+ .treb-toolbar.narrow .group.narrow {
102
+ display: flex;
103
+ }
104
+ .treb-toolbar.narrow > *:not(.wide) + *:not(.wide) {
105
+ margin-left: 0.5em;
106
+ }
107
+ .treb-toolbar,
108
+ .treb-toolbar-drop-menu {
109
+ font-family:
110
+ BlinkMacSystemFont,
111
+ "Segoe UI",
112
+ Roboto,
113
+ Oxygen,
114
+ Ubuntu,
115
+ Cantarell,
116
+ "Open Sans",
117
+ "Helvetica Neue",
118
+ sans-serif;
119
+ font-style: normal;
120
+ font-weight: normal;
121
+ color: var(--treb-toolbar-color, var(--treb-ui-color, #333));
122
+ font-size: 16px;
123
+ box-sizing: border-box;
124
+ }
125
+ .treb-toolbar *,
126
+ .treb-toolbar-drop-menu * {
127
+ box-sizing: border-box;
128
+ }
129
+ .treb-toolbar .comment-editor,
130
+ .treb-toolbar-drop-menu .comment-editor {
131
+ display: flex;
132
+ flex-direction: column;
133
+ padding: 0.25em;
134
+ }
135
+ .treb-toolbar .comment-editor textarea,
136
+ .treb-toolbar-drop-menu .comment-editor textarea {
137
+ font-family: inherit;
138
+ color: inherit;
139
+ font-size: 0.875em;
140
+ flex-grow: 1;
141
+ min-height: 14em;
142
+ min-width: 10em;
143
+ outline: none;
144
+ border: 1px solid rgb(209, 213, 219);
145
+ border-radius: 0.125em;
146
+ resize: none;
147
+ }
148
+ .treb-toolbar .comment-editor .comment-buttons,
149
+ .treb-toolbar-drop-menu .comment-editor .comment-buttons {
150
+ display: flex;
151
+ flex-direction: row;
152
+ justify-content: flex-end;
153
+ margin-top: 0.5em;
154
+ }
155
+ .treb-toolbar .comment-editor .comment-buttons button,
156
+ .treb-toolbar-drop-menu .comment-editor .comment-buttons button {
157
+ font-family: inherit;
158
+ font-size: 0.875em;
159
+ width: auto;
160
+ padding: 0 0.5em;
161
+ height: 32px;
162
+ min-height: 0;
163
+ }
164
+ .treb-toolbar .comment-editor .comment-buttons button + button,
165
+ .treb-toolbar-drop-menu .comment-editor .comment-buttons button + button {
166
+ margin-left: 0.5em;
167
+ }
168
+ .treb-toolbar .container,
169
+ .treb-toolbar button,
170
+ .treb-toolbar-drop-menu .container,
171
+ .treb-toolbar-drop-menu button {
172
+ font-family: inherit;
173
+ font-size: inherit;
174
+ background: var(--treb-toolbar-button-background, transparent);
175
+ border: 1px solid var(--treb-toolbar-border-color, var(--treb-ui-border-color, rgb(209, 213, 219)));
176
+ border-radius: 0.125em;
177
+ outline: none;
178
+ }
179
+ .treb-toolbar button,
180
+ .treb-toolbar-drop-menu button {
181
+ color: inherit;
182
+ width: 32px;
183
+ height: 32px;
184
+ min-width: 32px;
185
+ min-height: 32px;
186
+ display: flex;
187
+ padding: 0;
188
+ align-items: center;
189
+ justify-content: center;
190
+ }
191
+ .treb-toolbar button.color-button,
192
+ .treb-toolbar-drop-menu button.color-button {
193
+ flex-direction: column;
194
+ font-size: 0.9em;
195
+ }
196
+ .treb-toolbar button.color-button .color-bar,
197
+ .treb-toolbar-drop-menu button.color-button .color-bar {
198
+ margin: initial;
199
+ width: 1.2em;
200
+ height: 3px;
201
+ margin-top: 2px;
202
+ background: currentColor;
203
+ box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.125);
204
+ }
205
+ .treb-toolbar button:hover,
206
+ .treb-toolbar-drop-menu button:hover {
207
+ background: var(--treb-toolbar-hover-button-background, #f3f4f6);
208
+ }
209
+ .treb-toolbar button.active,
210
+ .treb-toolbar button:focus,
211
+ .treb-toolbar-drop-menu button.active,
212
+ .treb-toolbar-drop-menu button:focus {
213
+ background: var(--treb-toolbar-active-button-background, #f3f4f6);
214
+ }
215
+ .treb-toolbar button svg,
216
+ .treb-toolbar-drop-menu button svg {
217
+ margin: initial;
218
+ fill: currentColor;
219
+ width: 1em;
220
+ height: 1em;
221
+ }
222
+ .treb-toolbar button svg path.fill-none,
223
+ .treb-toolbar-drop-menu button svg path.fill-none {
224
+ fill: none;
225
+ }
226
+ .treb-toolbar button svg.symbol,
227
+ .treb-toolbar-drop-menu button svg.symbol {
228
+ width: 1.25em;
229
+ height: 1.25em;
230
+ }
231
+ .treb-toolbar button svg.symbol path,
232
+ .treb-toolbar-drop-menu button svg.symbol path {
233
+ stroke: currentColor;
234
+ stroke-width: 1px;
235
+ fill: none;
236
+ }
237
+ .treb-toolbar button .active-icon,
238
+ .treb-toolbar-drop-menu button .active-icon {
239
+ display: none;
240
+ }
241
+ .treb-toolbar button.active .active-icon,
242
+ .treb-toolbar-drop-menu button.active .active-icon {
243
+ display: initial;
244
+ }
245
+ .treb-toolbar button.active .inactive-icon,
246
+ .treb-toolbar-drop-menu button.active .inactive-icon {
247
+ display: none;
248
+ }
249
+ .treb-toolbar button > *,
250
+ .treb-toolbar-drop-menu button > * {
251
+ pointer-events: none;
252
+ }
253
+ .treb-toolbar .color-chooser-main,
254
+ .treb-toolbar-drop-menu .color-chooser-main {
255
+ padding: 0.25em;
256
+ }
257
+ .treb-toolbar .new-color,
258
+ .treb-toolbar-drop-menu .new-color {
259
+ margin-top: 0.5em;
260
+ display: flex;
261
+ flex-direction: row;
262
+ }
263
+ .treb-toolbar .new-color > * + *,
264
+ .treb-toolbar-drop-menu .new-color > * + * {
265
+ margin-left: 0.25em;
266
+ }
267
+ .treb-toolbar .new-color input,
268
+ .treb-toolbar .new-color button,
269
+ .treb-toolbar-drop-menu .new-color input,
270
+ .treb-toolbar-drop-menu .new-color button {
271
+ border-radius: 3px;
272
+ border: 1px solid rgb(209, 213, 219);
273
+ }
274
+ .treb-toolbar .new-color input,
275
+ .treb-toolbar-drop-menu .new-color input {
276
+ flex-grow: 1;
277
+ width: 6em;
278
+ font-family: inherit;
279
+ outline: none;
280
+ padding: 2px 6px;
281
+ }
282
+ .treb-toolbar .new-color button,
283
+ .treb-toolbar-drop-menu .new-color button {
284
+ min-height: 28px;
285
+ min-width: 28px;
286
+ height: 28px;
287
+ width: 28px;
288
+ }
289
+ .treb-toolbar .color-header,
290
+ .treb-toolbar-drop-menu .color-header {
291
+ font-size: 0.8em;
292
+ margin-bottom: 0.2em;
293
+ padding-bottom: 0.2em;
294
+ border-bottom: 1px solid currentColor;
295
+ }
296
+ .treb-toolbar .other-colors,
297
+ .treb-toolbar-drop-menu .other-colors {
298
+ margin-top: 0.5em;
299
+ }
300
+ .treb-toolbar .color-list,
301
+ .treb-toolbar-drop-menu .color-list {
302
+ display: flex;
303
+ flex-direction: column;
304
+ }
305
+ .treb-toolbar .color-list .color-list-row,
306
+ .treb-toolbar-drop-menu .color-list .color-list-row {
307
+ display: flex;
308
+ flex-direction: row;
309
+ }
310
+ .treb-toolbar .color-list button.color-swatch,
311
+ .treb-toolbar-drop-menu .color-list button.color-swatch {
312
+ border: 1px solid rgb(209, 213, 219);
313
+ width: 1.1em;
314
+ height: 1.1em;
315
+ min-height: 1.1em;
316
+ min-width: 1.1em;
317
+ margin: 3px;
318
+ padding: 0;
319
+ }
320
+ .treb-toolbar .color-list button.color-swatch.default-color,
321
+ .treb-toolbar-drop-menu .color-list button.color-swatch.default-color {
322
+ background: #fff;
323
+ border: 1px dashed #333;
324
+ }
325
+ .treb-toolbar .container,
326
+ .treb-toolbar-drop-menu .container {
327
+ position: relative;
328
+ width: 8em;
329
+ height: 32px;
330
+ }
331
+ .treb-toolbar .container > input,
332
+ .treb-toolbar-drop-menu .container > input {
333
+ background: transparent;
334
+ color: inherit;
335
+ font-family: inherit;
336
+ font-size: 0.85em;
337
+ overflow: hidden;
338
+ text-overflow: ellipsis;
339
+ position: absolute;
340
+ padding-left: 0.5em;
341
+ padding-right: 0.5em;
342
+ top: 0px;
343
+ left: 0px;
344
+ bottom: 0px;
345
+ right: 0px;
346
+ width: 100%;
347
+ height: 100%;
348
+ border: 0px;
349
+ outline: none;
350
+ }
351
+ .treb-toolbar .container.font-size,
352
+ .treb-toolbar-drop-menu .container.font-size {
353
+ width: 3em;
354
+ }
355
+ .treb-toolbar button.drop,
356
+ .treb-toolbar-drop-menu button.drop {
357
+ width: auto;
358
+ min-width: 13px;
359
+ position: relative;
360
+ }
361
+ .treb-toolbar button.drop::after,
362
+ .treb-toolbar-drop-menu button.drop::after {
363
+ content: "";
364
+ position: absolute;
365
+ border: 4px solid transparent;
366
+ border-top-color: currentColor;
367
+ right: 2px;
368
+ top: 12px;
369
+ }
370
+ .treb-toolbar button.drop.icon,
371
+ .treb-toolbar-drop-menu button.drop.icon {
372
+ padding-left: 6px;
373
+ padding-right: 14px;
374
+ }
375
+ .treb-toolbar .group,
376
+ .treb-toolbar-drop-menu .group {
377
+ display: flex;
378
+ position: relative;
379
+ }
380
+ .treb-toolbar .group > *:not(:last-child),
381
+ .treb-toolbar-drop-menu .group > *:not(:last-child) {
382
+ border-top-right-radius: 0px;
383
+ border-bottom-right-radius: 0px;
384
+ }
385
+ .treb-toolbar .group > * + *:not(.drop-menu),
386
+ .treb-toolbar-drop-menu .group > * + *:not(.drop-menu) {
387
+ border-left-width: 0px;
388
+ border-top-left-radius: 0px;
389
+ border-bottom-left-radius: 0px;
390
+ }
391
+ .treb-toolbar .split-button,
392
+ .treb-toolbar-drop-menu .split-button {
393
+ display: flex;
394
+ flex-direction: column;
395
+ justify-content: stretch;
396
+ }
397
+ .treb-toolbar .split-button button,
398
+ .treb-toolbar-drop-menu .split-button button {
399
+ padding: 0px;
400
+ height: 16px;
401
+ min-height: 16px;
402
+ }
403
+ .treb-toolbar .split-button button div,
404
+ .treb-toolbar-drop-menu .split-button button div {
405
+ font-size: 0.625em;
406
+ }
407
+ .treb-toolbar .split-button > *:not(:last-child),
408
+ .treb-toolbar-drop-menu .split-button > *:not(:last-child) {
409
+ border-bottom-left-radius: 0px;
410
+ border-bottom-right-radius: 0px;
411
+ }
412
+ .treb-toolbar .split-button > * + *,
413
+ .treb-toolbar-drop-menu .split-button > * + * {
414
+ border-top-width: 0px;
415
+ border-top-left-radius: 0px;
416
+ border-top-right-radius: 0px;
417
+ }
418
+ .treb-container .treb-toolbar-icon {
419
+ position: relative;
420
+ width: 18px;
421
+ height: 18px;
422
+ background: currentColor;
423
+ mask-position: center;
424
+ -webkit-mask-position: center;
425
+ mask-repeat: no-repeat;
426
+ -webkit-mask-repeat: no-repeat;
427
+ mask-size: 16px 16px;
428
+ -webkit-mask-size: 16px 16px;
429
+ }
430
+
431
+ /* treb-charts/style/charts.scss */
432
+ .treb-chart {
433
+ background: var(--treb-chart-background, #fff);
434
+ }
435
+ .treb-chart .series-1 {
436
+ color: var(--treb-chart-color-series-1, #80B1D3);
437
+ }
438
+ .treb-chart .series-2 {
439
+ color: var(--treb-chart-color-series-2, #8DD3C7);
440
+ }
441
+ .treb-chart .series-3 {
442
+ color: var(--treb-chart-color-series-3, #BEBADA);
443
+ }
444
+ .treb-chart .series-4 {
445
+ color: var(--treb-chart-color-series-4, #FB8072);
446
+ }
447
+ .treb-chart .series-5 {
448
+ color: var(--treb-chart-color-series-5, #FDB462);
449
+ }
450
+ .treb-chart .series-6 {
451
+ color: var(--treb-chart-color-series-6, #B3DE69);
452
+ }
453
+ .treb-chart .series-7 {
454
+ color: var(--treb-chart-color-series-7, #FCCDE5);
455
+ }
456
+ .treb-chart .series-8 {
457
+ color: var(--treb-chart-color-series-8, #D9D9D9);
458
+ }
459
+ .treb-chart .series-9 {
460
+ color: var(--treb-chart-color-series-9, #BC80BD);
461
+ }
462
+ .treb-chart .series-10 {
463
+ color: var(--treb-chart-color-series-10, #CCEBC5);
464
+ }
465
+ .treb-chart .series-11 {
466
+ color: var(--treb-chart-color-series-11, #FFED6F);
467
+ }
468
+ .treb-chart .series-12 {
469
+ color: var(--treb-chart-color-series-12, #FFFFB3);
470
+ }
471
+ .treb-chart .chart-title {
472
+ font-size: 1.4em;
473
+ }
474
+ .treb-chart .axis-group {
475
+ font-size: 0.9em;
476
+ }
477
+ .treb-chart text {
478
+ fill: var(--treb-chart-text-color, #000);
479
+ stroke: none;
480
+ }
481
+ .treb-chart .legend {
482
+ font-size: 1.05em;
483
+ }
484
+ .treb-chart .legend rect {
485
+ fill: currentColor;
486
+ }
487
+ .treb-chart .chart-grid,
488
+ .treb-chart .chart-ticks {
489
+ stroke: var(--treb-chart-grid-color, #ddd);
490
+ }
491
+ .treb-chart .label-target {
492
+ stroke: none;
493
+ fill: transparent;
494
+ }
495
+ .treb-chart path.label-target {
496
+ transition: fill 0.2s;
497
+ }
498
+ .treb-chart path.label-target:hover {
499
+ fill: rgba(0, 0, 0, 0.15);
500
+ }
501
+ .treb-chart .data-label {
502
+ pointer-events: none;
503
+ opacity: 0;
504
+ transition: opacity 0.2s ease-in-out;
505
+ }
506
+ .treb-chart .data-label text {
507
+ fill: #fff;
508
+ }
509
+ .treb-chart .data-label path {
510
+ fill: #000;
511
+ }
512
+ .treb-chart .data-label .marker-highlight {
513
+ fill: currentColor;
514
+ stroke: none;
515
+ }
516
+ .treb-chart .label-target:hover + .data-label {
517
+ opacity: 1;
518
+ }
519
+ .treb-chart .chart-line {
520
+ stroke: currentColor;
521
+ fill: none;
522
+ stroke-width: 2;
523
+ }
524
+ .treb-chart .chart-area .line {
525
+ stroke: currentColor;
526
+ stroke-width: 2px;
527
+ fill: none;
528
+ }
529
+ .treb-chart .chart-area .fill {
530
+ fill: currentColor;
531
+ opacity: 0.5;
532
+ }
533
+ .treb-chart .scatter-plot {
534
+ stroke-width: 3;
535
+ fill: none;
536
+ stroke: currentColor;
537
+ }
538
+ .treb-chart .scatter-plot .fill {
539
+ fill: currentColor;
540
+ opacity: 0.5;
541
+ stroke: none;
542
+ }
543
+ .treb-chart .scatter-plot .marker {
544
+ stroke-width: 2.5px;
545
+ fill: #fff;
546
+ transition: stroke-width 0.15s ease-in;
547
+ }
548
+ .treb-chart .scatter-plot .marker:hover {
549
+ stroke-width: 5px;
550
+ }
551
+ .treb-chart .donut {
552
+ }
553
+ .treb-chart .donut path {
554
+ fill: currentColor;
555
+ }
556
+ .treb-chart .donut path.callout {
557
+ fill: none;
558
+ stroke: #999;
559
+ stroke-dasharray: 2 2;
560
+ }
561
+ .treb-chart .donut text.callout-label {
562
+ font-size: 1em;
563
+ }
564
+ .treb-chart .chart-column {
565
+ fill: currentColor;
566
+ stroke: none;
567
+ }
568
+ .treb-chart .mc-correlation {
569
+ stroke: currentColor;
570
+ stroke-width: 1;
571
+ }
572
+
573
+ /* treb-grid/style/grid-layout.scss */
574
+ .treb-main {
575
+ }
576
+ .treb-main .treb-buffer-canvas {
577
+ position: absolute;
578
+ display: none;
579
+ }
580
+ .treb-main .treb-grid.grid-layout {
581
+ display: grid;
582
+ grid-template-columns: 100px auto;
583
+ grid-template-rows: 20px auto;
584
+ }
585
+ .treb-main .treb-grid.grid-layout .tile-cover {
586
+ }
587
+ .treb-main .treb-grid.grid-layout .tile-cover.grid-cover {
588
+ grid-row-start: 2;
589
+ grid-row-end: 3;
590
+ grid-column-start: 2;
591
+ grid-column-end: 3;
592
+ }
593
+ .treb-main .treb-grid.grid-layout .tile-cover.column-header-cover {
594
+ grid-row-start: 1;
595
+ grid-row-end: 2;
596
+ grid-column-start: 2;
597
+ grid-column-end: 3;
598
+ position: -webkit-sticky;
599
+ position: sticky;
600
+ top: 0px;
601
+ }
602
+ .treb-main .treb-grid.grid-layout .tile-cover.row-header-cover {
603
+ grid-row-start: 2;
604
+ grid-row-end: 3;
605
+ grid-column-start: 1;
606
+ grid-column-end: 2;
607
+ position: -webkit-sticky;
608
+ position: sticky;
609
+ left: 0px;
610
+ }
611
+ .treb-main .treb-grid.grid-layout .grid-selection {
612
+ grid-row-start: 1;
613
+ grid-row-end: 2;
614
+ grid-column-start: 1;
615
+ grid-column-end: 2;
616
+ }
617
+ .treb-main .treb-grid.grid-layout .corner {
618
+ grid-row-start: 1;
619
+ grid-row-end: 2;
620
+ grid-column-start: 1;
621
+ grid-column-end: 2;
622
+ position: -webkit-sticky;
623
+ position: sticky;
624
+ }
625
+ .treb-main .treb-grid.grid-layout .left-header {
626
+ grid-row-start: 2;
627
+ grid-row-end: 3;
628
+ grid-column-start: 1;
629
+ grid-column-end: 2;
630
+ position: -webkit-sticky;
631
+ position: sticky;
632
+ display: grid;
633
+ grid-template-columns: auto;
634
+ grid-template-rows: auto;
635
+ }
636
+ .treb-main .treb-grid.grid-layout .top-header {
637
+ grid-row-start: 1;
638
+ grid-row-end: 2;
639
+ grid-column-start: 2;
640
+ grid-column-end: 3;
641
+ position: -webkit-sticky;
642
+ position: sticky;
643
+ display: grid;
644
+ grid-template-columns: auto;
645
+ grid-template-rows: auto;
646
+ }
647
+ .treb-main .treb-grid.grid-layout .contents {
648
+ grid-row-start: 2;
649
+ grid-row-end: 3;
650
+ grid-column-start: 2;
651
+ grid-column-end: 3;
652
+ display: grid;
653
+ grid-template-columns: auto;
654
+ grid-template-rows: auto;
655
+ }
656
+
657
+ /* treb-grid/style/grid.scss */
658
+ .treb-mouse-mask {
659
+ position: fixed;
660
+ top: 0px;
661
+ left: 0px;
662
+ right: 0px;
663
+ bottom: 0px;
664
+ background: transparent;
665
+ z-index: 9999;
666
+ display: none;
667
+ }
668
+ .treb-mouse-mask.column-resize {
669
+ cursor: col-resize;
670
+ }
671
+ .treb-mouse-mask.row-resize {
672
+ cursor: row-resize;
673
+ }
674
+ .treb-mouse-mask.nub-select {
675
+ cursor: crosshair;
676
+ }
677
+ .treb-mouse-mask.move {
678
+ cursor: move;
679
+ }
680
+ .treb-mouse-mask.nw-resize {
681
+ cursor: nw-resize;
682
+ }
683
+ .treb-note {
684
+ position: fixed;
685
+ padding: 7px 10px;
686
+ border-radius: 2px;
687
+ box-shadow: 0px 1px 4px 2px rgba(109, 109, 109, 0.2);
688
+ z-index: 39;
689
+ line-height: normal;
690
+ top: 100px;
691
+ left: 100px;
692
+ max-width: 15em;
693
+ min-width: 15em;
694
+ opacity: 0;
695
+ transition: opacity 0.2s;
696
+ font-family:
697
+ "BlinkMacSystemFont",
698
+ "Segoe UI",
699
+ "Roboto",
700
+ "Oxygen-Sans",
701
+ "Ubuntu",
702
+ "Cantarell",
703
+ "Helvetica Neue",
704
+ "sans-serif";
705
+ border: 1px solid var(--treb-note-border-color, var(--treb-ui-border-color, #ddd));
706
+ color: var(--treb-note-color, #333);
707
+ background: var(--treb-note-background, #fff);
708
+ font-size: 10.5pt;
709
+ white-space: pre-line;
710
+ }
711
+ .treb-hover-title {
712
+ position: fixed;
713
+ padding: 7px 10px;
714
+ border-radius: 2px;
715
+ box-shadow: 0px 1px 4px 2px rgba(109, 109, 109, 0.2);
716
+ z-index: 39;
717
+ line-height: normal;
718
+ top: 100px;
719
+ left: 100px;
720
+ min-width: 10em;
721
+ opacity: 0;
722
+ transition: opacity 0.2s;
723
+ font-family:
724
+ "BlinkMacSystemFont",
725
+ "Segoe UI",
726
+ "Roboto",
727
+ "Oxygen-Sans",
728
+ "Ubuntu",
729
+ "Cantarell",
730
+ "Helvetica Neue",
731
+ "sans-serif";
732
+ border: 1px solid var(--treb-note-border-color, var(--treb-ui-border-color, #ddd));
733
+ color: var(--treb-note-color, #333);
734
+ background: var(--treb-note-background, #fff);
735
+ font-size: 10.5pt;
736
+ white-space: pre-line;
737
+ pointer-events: none;
738
+ }
739
+ .treb-sort-button {
740
+ z-index: 39;
741
+ border: 1px solid #ccc;
742
+ background: #fff;
743
+ border-radius: 2px;
744
+ width: 1em;
745
+ height: 1em;
746
+ position: absolute;
747
+ top: 100px;
748
+ left: 100px;
749
+ opacity: 0;
750
+ pointer-events: none;
751
+ transition: opacity 0.1s ease;
752
+ }
753
+ .treb-sort-button::after {
754
+ box-sizing: border-box;
755
+ }
756
+ .treb-sort-button.asc::after {
757
+ content: "";
758
+ position: absolute;
759
+ top: 50%;
760
+ left: 50%;
761
+ transform: translate(-50%, -25%);
762
+ width: 0.8em;
763
+ height: 0.8em;
764
+ border: 0.4em solid transparent;
765
+ border-top-color: currentColor;
766
+ opacity: 0.5;
767
+ }
768
+ .treb-sort-button.desc::after {
769
+ content: "";
770
+ position: absolute;
771
+ top: 50%;
772
+ left: 50%;
773
+ transform: translate(-50%, -80%);
774
+ width: 0.8em;
775
+ height: 0.8em;
776
+ border: 0.4em solid transparent;
777
+ border-bottom-color: currentColor;
778
+ opacity: 0.5;
779
+ }
780
+ .treb-tooltip {
781
+ display: none;
782
+ pointer-events: none;
783
+ position: fixed;
784
+ padding: 2px 10px;
785
+ border-radius: 2px;
786
+ box-shadow: 0px 1px 4px 2px rgba(109, 109, 109, 0.2);
787
+ z-index: 39;
788
+ line-height: normal;
789
+ }
790
+ .treb-tooltip.arrow-up::after {
791
+ box-sizing: border-box;
792
+ position: absolute;
793
+ top: -8px;
794
+ left: calc(50% - 4px);
795
+ width: 8px;
796
+ height: 8px;
797
+ overflow: hidden;
798
+ content: " ";
799
+ border: 4px solid transparent;
800
+ border-bottom-color: inherit;
801
+ }
802
+ .treb-tooltip.arrow-left::after {
803
+ box-sizing: border-box;
804
+ position: absolute;
805
+ left: -8px;
806
+ top: calc(50% - 4px);
807
+ width: 8px;
808
+ height: 8px;
809
+ overflow: hidden;
810
+ content: " ";
811
+ border: 4px solid transparent;
812
+ border-right-color: inherit;
813
+ }
814
+ .treb-dropdown-caret {
815
+ display: none;
816
+ position: absolute;
817
+ width: 20px;
818
+ height: 20px;
819
+ background: var(--treb-dropdown-caret-background, #fff);
820
+ border: 1px solid var(--treb-dropdown-caret-border-color, #ccc);
821
+ border-radius: 2px;
822
+ box-shadow: 0px 1px 4px 2px rgba(109, 109, 109, 0.2);
823
+ z-index: 39;
824
+ }
825
+ .treb-dropdown-caret path {
826
+ fill: none;
827
+ stroke: var(--treb-dropdown-caret-color, #444);
828
+ stroke-linecap: round;
829
+ stroke-linejoin: round;
830
+ stroke-width: 2;
831
+ }
832
+ .treb-dropdown-list {
833
+ position: absolute;
834
+ display: none;
835
+ box-shadow: 0px 1px 4px 2px rgba(109, 109, 109, 0.2);
836
+ z-index: 39;
837
+ background: var(--treb-dropdown-background, #fff);
838
+ font-size: 10pt;
839
+ color: var(--treb-dropdown-color, inherit);
840
+ border: 1px solid var(--treb-dropdown-border-color, unset);
841
+ text-align: left;
842
+ max-height: 10em;
843
+ overflow-y: auto;
844
+ outline: none;
845
+ }
846
+ .treb-dropdown-list div {
847
+ padding: 2px;
848
+ cursor: default;
849
+ }
850
+ .treb-dropdown-list div.selected {
851
+ background: var(--treb-dropdown-selected-background, #555);
852
+ color: var(--treb-dropdown-selected-color, #fff);
853
+ }
854
+ .treb-dropdown-caret.active {
855
+ background: var(--treb-dropdown-caret-active-background, #eee);
856
+ }
857
+ .treb-dropdown-caret.active + .treb-dropdown-list {
858
+ display: block;
859
+ }
860
+ .treb-error-highlight {
861
+ transition: opacity 0.15s ease-in-out;
862
+ background: rgba(255, 0, 0, 0.25);
863
+ opacity: 0;
864
+ pointer-events: none;
865
+ position: absolute;
866
+ z-index: 40;
867
+ }
868
+ .treb-main .treb-autocomplete {
869
+ box-sizing: border-box;
870
+ position: fixed;
871
+ top: -1000px;
872
+ font-size: inherit;
873
+ font-weight: 400;
874
+ line-height: normal;
875
+ text-align: left;
876
+ max-height: 10em;
877
+ overflow-y: auto;
878
+ z-index: 39;
879
+ }
880
+ .treb-main .treb-autocomplete * {
881
+ box-sizing: border-box;
882
+ }
883
+ .treb-main .treb-autocomplete ul {
884
+ font-size: inherit;
885
+ font-weight: inherit;
886
+ list-style-type: none;
887
+ padding: 0;
888
+ margin: 0;
889
+ }
890
+ .treb-main .treb-autocomplete ul li {
891
+ font-size: inherit;
892
+ font-weight: inherit;
893
+ padding: 0;
894
+ margin: 0;
895
+ }
896
+ .treb-main .treb-autocomplete ul li a {
897
+ font-size: inherit;
898
+ font-weight: inherit;
899
+ display: inline-block;
900
+ width: 100%;
901
+ padding: 3px 6px;
902
+ text-decoration: none;
903
+ cursor: default;
904
+ color: inherit;
905
+ }
906
+ .treb-main .treb-autocomplete-tooltip {
907
+ z-index: 39;
908
+ top: -1000px;
909
+ position: fixed;
910
+ white-space: pre;
911
+ }
912
+ .treb-main {
913
+ }
914
+ .treb-main .treb-formula-bar-container {
915
+ display: block;
916
+ order: 1;
917
+ }
918
+ .treb-main .treb-formula-bar-container .treb-formula-bar {
919
+ display: flex;
920
+ flex-direction: row;
921
+ text-align: left;
922
+ padding: 6px 2px;
923
+ max-width: 100%;
924
+ overflow-x: hidden;
925
+ }
926
+ .treb-main .treb-formula-bar-container .treb-formula-bar .address-label {
927
+ width: 95px;
928
+ min-width: 95px;
929
+ min-height: 1.5em;
930
+ height: 1.75em;
931
+ border: 1px solid var(--treb-formula-bar-border-color, var(--treb-ui-border-color, #ccc));
932
+ border-radius: 2px;
933
+ display: flex;
934
+ flex-direction: column;
935
+ justify-content: center;
936
+ padding-left: 3px;
937
+ margin-right: 6px;
938
+ }
939
+ .treb-main .treb-formula-bar-container .treb-formula-bar .address-label > div {
940
+ outline: none;
941
+ overflow: hidden;
942
+ text-overflow: ellipsis;
943
+ white-space: nowrap;
944
+ }
945
+ .treb-main .treb-formula-bar-container .treb-formula-bar .expand-button {
946
+ background: transparent;
947
+ border: 0;
948
+ border-radius: 2px;
949
+ margin-left: 2px;
950
+ padding: 1px;
951
+ outline: none;
952
+ height: 1.75em;
953
+ }
954
+ .treb-main .treb-formula-bar-container .treb-formula-bar .expand-button::after {
955
+ content: " ";
956
+ border: 5px solid transparent;
957
+ position: relative;
958
+ display: inline-block;
959
+ border-top-color: #999;
960
+ padding: 0;
961
+ margin: 0;
962
+ top: -6px;
963
+ transition: transform 0.15s ease;
964
+ }
965
+ .treb-main .treb-formula-bar-container .treb-formula-bar.expanded .expand-button::after {
966
+ transform: rotate(180deg) translateY(6px);
967
+ }
968
+ .treb-main .treb-formula-bar-container .treb-formula-bar .editor-container {
969
+ border: 1px solid var(--treb-formula-bar-border-color, var(--treb-ui-border-color, #ccc));
970
+ border-radius: 2px;
971
+ flex-grow: 1;
972
+ height: 1.75em;
973
+ display: flex;
974
+ min-width: 0px;
975
+ flex-direction: column;
976
+ justify-content: center;
977
+ }
978
+ .treb-main .treb-formula-bar-container .treb-formula-bar.expanded .editor-container {
979
+ transition: height 0.1s ease-in-out;
980
+ height: 4.5em;
981
+ }
982
+ .treb-main .treb-formula-bar-container .treb-formula-bar.expanded .editor-container .formula-editor {
983
+ overflow-y: auto;
984
+ }
985
+ .treb-main .treb-formula-bar-container .treb-formula-bar .formula-editor {
986
+ width: 100%;
987
+ margin: 2px;
988
+ outline: none;
989
+ overflow-y: hidden;
990
+ overflow-x: hidden;
991
+ line-height: 1.35;
992
+ flex-grow: 1;
993
+ min-height: 1em;
994
+ }
995
+ .treb-main .treb-formula-bar-container .treb-formula-bar .formula-button {
996
+ border: 1px solid #ccc;
997
+ border-radius: 2px;
998
+ margin-left: 6px;
999
+ height: 1.75em;
1000
+ overflow: hidden;
1001
+ white-space: nowrap;
1002
+ }
1003
+ .treb-main .treb-formula-bar-container .treb-formula-bar .formula-button .text-1 {
1004
+ font-style: italic;
1005
+ padding-right: 0.1em;
1006
+ }
1007
+ .treb-main .treb-formula-bar-container .treb-formula-bar .formula-button .text-1:after {
1008
+ content: "f";
1009
+ }
1010
+ .treb-main .treb-formula-bar-container .treb-formula-bar .formula-button .text-2 {
1011
+ font-size: 0.7em;
1012
+ }
1013
+ .treb-main .treb-formula-bar-container .treb-formula-bar .formula-button .text-2:after {
1014
+ content: "(x)";
1015
+ }
1016
+ .treb-main {
1017
+ }
1018
+ .treb-main .treb-tab-bar-container {
1019
+ order: 3;
1020
+ }
1021
+ .treb-main .treb-tab-bar-container .treb-tab-bar {
1022
+ display: flex;
1023
+ flex-direction: row;
1024
+ z-index: 1;
1025
+ max-width: 100%;
1026
+ height: 2.2em;
1027
+ color: var(--treb-ui-color, inherit);
1028
+ }
1029
+ .treb-main .treb-tab-bar-container .tab,
1030
+ .treb-main .treb-tab-bar-container .add-tab {
1031
+ font-size: inherit;
1032
+ padding: 0.25em 0.75em;
1033
+ padding: 0 0.75em;
1034
+ height: 100%;
1035
+ overflow: hidden;
1036
+ color: var(--treb-tab-bar-tab-color, var(--treb-ui-color, #fff));
1037
+ cursor: default;
1038
+ display: inline-flex;
1039
+ align-items: center;
1040
+ justify-content: center;
1041
+ border-bottom-left-radius: 5px;
1042
+ border-bottom-right-radius: 5px;
1043
+ border: 1px solid var(--treb-tab-bar-tab-border-color, var(--treb-ui-border-color, #ccc));
1044
+ border-top-width: 0px;
1045
+ z-index: 1;
1046
+ margin-right: -2px;
1047
+ }
1048
+ .treb-main .treb-tab-bar-container .treb-scale-control-2 {
1049
+ font-size: inherit;
1050
+ height: 2.2em;
1051
+ display: flex;
1052
+ flex-direction: row;
1053
+ align-items: center;
1054
+ justify-content: center;
1055
+ position: relative;
1056
+ width: 5em;
1057
+ }
1058
+ .treb-main .treb-tab-bar-container .treb-scale-control-2 .treb-scale-input {
1059
+ font-size: inherit;
1060
+ font-family: inherit;
1061
+ width: 4em;
1062
+ text-align: center;
1063
+ border: 1px solid transparent;
1064
+ transition: border-color 0.25s ease, background-color 0.25s ease;
1065
+ border-radius: 2px;
1066
+ color: inherit;
1067
+ background: transparent;
1068
+ padding: initial;
1069
+ }
1070
+ .treb-main .treb-tab-bar-container .treb-scale-control-2 .treb-slider-container {
1071
+ position: absolute;
1072
+ border: 1px solid var(--treb-scale-slider-border-color, var(--treb-ui-border-color, #ccc));
1073
+ background: var(--treb-scale-slider-background, #fff);
1074
+ accent-color: var(--treb-scale-slider-accent-color, undefined);
1075
+ width: 10em;
1076
+ height: 4em;
1077
+ top: 0em;
1078
+ left: 0.5em;
1079
+ transform-origin: left top;
1080
+ transform: rotate(-90deg);
1081
+ z-index: 40;
1082
+ opacity: 0;
1083
+ transition: opacity 0.25s ease;
1084
+ display: flex;
1085
+ flex-direction: row;
1086
+ align-items: center;
1087
+ justify-content: center;
1088
+ pointer-events: none;
1089
+ }
1090
+ .treb-main .treb-tab-bar-container .treb-scale-control-2:hover .treb-scale-input,
1091
+ .treb-main .treb-tab-bar-container .treb-scale-control-2 .treb-scale-input:focus {
1092
+ border-color: var(--treb-ui-border-color, #ccc);
1093
+ }
1094
+ .treb-main .treb-tab-bar-container .treb-scale-control-2 .treb-slider-container > input[type=range] {
1095
+ width: 8.5em;
1096
+ }
1097
+ .treb-main .treb-tab-bar-container .treb-scale-control-2 .treb-scale-input:focus + .treb-slider-container,
1098
+ .treb-main .treb-tab-bar-container .treb-scale-control-2 .treb-slider-container:focus-within,
1099
+ .treb-main .treb-tab-bar-container .treb-scale-control-2:hover .treb-slider-container {
1100
+ opacity: 0.85;
1101
+ pointer-events: initial;
1102
+ }
1103
+ .treb-main .treb-tab-bar-container .delete-tab {
1104
+ font-size: inherit;
1105
+ padding: 0.25em 0.75em;
1106
+ cursor: default;
1107
+ display: inline-flex;
1108
+ align-items: center;
1109
+ flex-direction: row;
1110
+ border-bottom-left-radius: 5px;
1111
+ border-bottom-right-radius: 5px;
1112
+ border-top-width: 0px;
1113
+ z-index: 1;
1114
+ margin-right: -2px;
1115
+ }
1116
+ .treb-main .treb-tab-bar-container .delete-tab svg {
1117
+ width: 1em;
1118
+ height: 1em;
1119
+ opacity: 0.75;
1120
+ pointer-events: none;
1121
+ transition: opacity 0.125s ease-in-out;
1122
+ }
1123
+ .treb-main .treb-tab-bar-container .delete-tab:hover svg {
1124
+ opacity: 0.75;
1125
+ }
1126
+ .treb-main .treb-tab-bar-container .delete-tab path {
1127
+ stroke: currentColor;
1128
+ stroke-width: 1.5px;
1129
+ stroke-linecap: round;
1130
+ }
1131
+ .treb-main .treb-tab-bar-container .tab-bar-spacer {
1132
+ flex-grow: 1;
1133
+ order: 9998;
1134
+ }
1135
+ .treb-main .treb-tab-bar-container .tab-bar-end {
1136
+ order: 9999;
1137
+ display: flex;
1138
+ flex-direction: row;
1139
+ align-items: center;
1140
+ }
1141
+ .treb-main .treb-tab-bar-container .treb-stats-panel > * + * {
1142
+ margin-left: 0.5em;
1143
+ }
1144
+ .treb-main .treb-tab-bar-container .treb-stats-panel .treb-stats-value {
1145
+ border: 1px solid var(--treb-stats-value-border-color, var(--treb-ui-border-color, #ddd));
1146
+ background: var(--treb-stats-value-background, #f8f8ff);
1147
+ padding: 0 0.3em;
1148
+ border-radius: 3px;
1149
+ }
1150
+ .treb-main .treb-tab-bar-container .tab {
1151
+ white-space: nowrap;
1152
+ overflow-x: hidden;
1153
+ }
1154
+ .treb-main .treb-tab-bar-container .tab.selected {
1155
+ z-index: 2;
1156
+ }
1157
+ .treb-main .treb-grid {
1158
+ }
1159
+ .treb-main .treb-grid .in-cell-editor-container {
1160
+ position: absolute;
1161
+ opacity: 0;
1162
+ outline: none;
1163
+ overflow: hidden;
1164
+ background: orange;
1165
+ }
1166
+ .treb-main .treb-grid .in-cell-editor {
1167
+ position: relative;
1168
+ width: 100%;
1169
+ max-width: 100%;
1170
+ height: 100%;
1171
+ overflow: hidden;
1172
+ padding: 2px 3px;
1173
+ white-space: nowrap;
1174
+ display: table-cell;
1175
+ vertical-align: bottom;
1176
+ border: 1px solid red;
1177
+ z-index: 24;
1178
+ outline: none;
1179
+ }
1180
+ .treb-main .treb-grid {
1181
+ }
1182
+ .treb-main .treb-grid .overlay-container {
1183
+ padding: 0;
1184
+ margin: 0;
1185
+ position: absolute;
1186
+ opacity: 0;
1187
+ outline: none;
1188
+ z-index: 24;
1189
+ }
1190
+ .treb-main .treb-grid .overlay-container.align-right .overlay-inset {
1191
+ right: 0px;
1192
+ text-align: right;
1193
+ padding-right: 3px;
1194
+ }
1195
+ .treb-main .treb-grid .overlay-container.align-center .overlay-inset {
1196
+ text-align: center;
1197
+ left: 50%;
1198
+ transform: translateX(-50%);
1199
+ }
1200
+ .treb-main .treb-grid .overlay-inset {
1201
+ padding: 0;
1202
+ margin: 0;
1203
+ padding: 0 4px;
1204
+ position: absolute;
1205
+ height: 100%;
1206
+ min-width: 100%;
1207
+ display: flex;
1208
+ flex-direction: column;
1209
+ justify-content: flex-end;
1210
+ }
1211
+ .treb-main .treb-grid .overlay-editor {
1212
+ outline: none;
1213
+ white-space: nowrap;
1214
+ }
1215
+ .treb-main .treb-grid .overlay-editor.firefox::before {
1216
+ content: "\200b";
1217
+ }
1218
+ .treb-theme-container {
1219
+ position: fixed;
1220
+ left: -1000px;
1221
+ top: 0;
1222
+ width: 200px;
1223
+ overflow: hidden;
1224
+ }
1225
+ .treb-theme-container > * {
1226
+ position: relative;
1227
+ }
1228
+ .treb-container:focus-within .treb-main .grid-selection .primary-selection,
1229
+ .treb-container:focus-within .treb-main .header-overlay {
1230
+ color: var(--treb-selection-color, #4caaf1);
1231
+ }
1232
+ .treb-main {
1233
+ }
1234
+ .treb-main .theme-color-1 {
1235
+ color: var(--treb-theme-color-1, #E7E6E6);
1236
+ }
1237
+ .treb-main .theme-color-2 {
1238
+ color: var(--treb-theme-color-2, #44546A);
1239
+ }
1240
+ .treb-main .theme-color-3 {
1241
+ color: var(--treb-theme-color-3, #4472C4);
1242
+ }
1243
+ .treb-main .theme-color-4 {
1244
+ color: var(--treb-theme-color-4, #ED7D31);
1245
+ }
1246
+ .treb-main .theme-color-5 {
1247
+ color: var(--treb-theme-color-5, #A5A5A5);
1248
+ }
1249
+ .treb-main .theme-color-6 {
1250
+ color: var(--treb-theme-color-6, #FFC000);
1251
+ }
1252
+ .treb-main .theme-color-7 {
1253
+ color: var(--treb-theme-color-7, #5B9BD5);
1254
+ }
1255
+ .treb-main .theme-color-8 {
1256
+ color: var(--treb-theme-color-8, #70AD47);
1257
+ }
1258
+ .treb-main .theme-color-9 {
1259
+ color: var(--treb-theme-color-9, #0563C1);
1260
+ }
1261
+ .treb-main .theme-color-10 {
1262
+ color: var(--treb-theme-color-10, #954F72);
1263
+ }
1264
+ .treb-main .note-marker {
1265
+ background: var(--treb-note-marker-color, #6FAB20);
1266
+ }
1267
+ .treb-main .grid-headers {
1268
+ font-family: var(--treb-grid-header-font-family, inherit);
1269
+ font-size: var(--treb-grid-header-font-size, 10pt);
1270
+ font-weight: var(--treb-grid-header-font-weight, normal);
1271
+ font-style: var(--treb-grid-header-font-style, normal);
1272
+ background: var(--treb-grid-header-background, rgb(238, 238, 242));
1273
+ color: var(--treb-grid-header-color, var(--treb-grid-default-color, #666));
1274
+ stroke: var(--treb-grid-header-grid-color, var(--treb-grid-grid-color, rgb(204, 204, 212)));
1275
+ }
1276
+ .treb-main .grid-cells {
1277
+ font-family: var(--treb-grid-font-family, inherit);
1278
+ font-size: var(--treb-grid-font-size, 14px);
1279
+ color: var(--treb-grid-default-color, inherit);
1280
+ stroke: var(--treb-grid-grid-color, rgb(204, 204, 212));
1281
+ background: var(--treb-grid-background, #fff);
1282
+ }
1283
+ .treb-main .grid-background {
1284
+ background-image: var(--treb-grid-background-image, none);
1285
+ }
1286
+ .treb-main .frozen-selection.highlight-area {
1287
+ background: rgba(87, 184, 255, 0.25);
1288
+ border-left-color: rgb(33, 118, 174);
1289
+ border-bottom-color: rgb(33, 118, 174);
1290
+ }
1291
+ .treb-main .treb-autocomplete-tooltip {
1292
+ font-size: 14px;
1293
+ border-radius: 2px;
1294
+ background: var(--treb-autocomplete-tooltip-background, #fffbb5);
1295
+ color: var(--treb-autocomplete-tooltip-color, inherit);
1296
+ border: 1px solid var(--treb-autocomplete-tooltip-border-color, unset);
1297
+ padding: 3px 8px;
1298
+ margin: 4px 0px;
1299
+ line-height: normal;
1300
+ }
1301
+ .treb-main .treb-autocomplete-tooltip .active-argument {
1302
+ font-weight: 700;
1303
+ }
1304
+ .treb-main .treb-autocomplete-tooltip .function-description {
1305
+ font-style: italic;
1306
+ }
1307
+ .treb-main .treb-autocomplete {
1308
+ font-size: 14px;
1309
+ background: var(--treb-autocomplete-background, #fff);
1310
+ border-radius: 2px;
1311
+ border: 1px solid var(--treb-autocomplete-border-color, var(--treb-ui-border-color, #ccc));
1312
+ box-shadow: 0px 1px 4px 2px rgba(109, 109, 109, 0.2);
1313
+ }
1314
+ .treb-main .treb-autocomplete li {
1315
+ color: var(--treb-autocomplete-entry-color, #333);
1316
+ }
1317
+ .treb-main .treb-autocomplete li a.selected {
1318
+ background: var(--treb-autocomplete-selected-entry-background, #2e8dd6);
1319
+ color: var(--treb-autocomplete-selected-entry-color, #fff);
1320
+ }
1321
+ .treb-main .header-overlay {
1322
+ stroke: none;
1323
+ color: var(--treb-selection-color-unfocused, var(--treb-selection-color, #4caaf1));
1324
+ }
1325
+ .treb-main .header-overlay .overlay {
1326
+ fill: rgb(0, 0, 0);
1327
+ stroke: none;
1328
+ opacity: 0.05;
1329
+ }
1330
+ .treb-main .header-overlay .highlight {
1331
+ fill: currentColor;
1332
+ }
1333
+ .treb-main .in-cell-editor,
1334
+ .treb-main .formula-editor,
1335
+ .treb-main .overlay-editor {
1336
+ }
1337
+ .treb-main .in-cell-editor span.highlight-1,
1338
+ .treb-main .formula-editor span.highlight-1,
1339
+ .treb-main .overlay-editor span.highlight-1 {
1340
+ color: rgb(250, 155, 5);
1341
+ }
1342
+ .treb-main .in-cell-editor span.highlight-2,
1343
+ .treb-main .formula-editor span.highlight-2,
1344
+ .treb-main .overlay-editor span.highlight-2 {
1345
+ color: rgb(58, 173, 58);
1346
+ }
1347
+ .treb-main .in-cell-editor span.highlight-3,
1348
+ .treb-main .formula-editor span.highlight-3,
1349
+ .treb-main .overlay-editor span.highlight-3 {
1350
+ color: rgb(182, 109, 13);
1351
+ }
1352
+ .treb-main .in-cell-editor span.highlight-4,
1353
+ .treb-main .formula-editor span.highlight-4,
1354
+ .treb-main .overlay-editor span.highlight-4 {
1355
+ color: rgb(33, 118, 174);
1356
+ }
1357
+ .treb-main .in-cell-editor span.highlight-5,
1358
+ .treb-main .formula-editor span.highlight-5,
1359
+ .treb-main .overlay-editor span.highlight-5 {
1360
+ color: rgb(254, 47, 1);
1361
+ }
1362
+ .treb-main .treb-table.header {
1363
+ background-color: var(--treb-table-header-background, #4472c4);
1364
+ border-top-color: var(--treb-table-header-border-top, #8ea9db);
1365
+ border-bottom-color: var(--treb-table-header-border-bottom, #8ea9db);
1366
+ color: var(--treb-table-header-color, #fff);
1367
+ font-weight: var(--treb-table-header-font-weight, 700);
1368
+ font-style: var(--treb-table-header-font-style);
1369
+ text-decoration: var(--treb-table-header-text-decoration);
1370
+ }
1371
+ .treb-main .treb-table.row-odd {
1372
+ background-color: var(--treb-table-odd-background, #d9e1f2);
1373
+ border-top-color: var(--treb-table-odd-border-top, #8ea9db);
1374
+ border-bottom-color: var(--treb-table-odd-border-bottom, #8ea9db);
1375
+ color: var(--treb-table-odd-color);
1376
+ font-weight: var(--treb-table-odd-font-weight);
1377
+ font-style: var(--treb-table-odd-font-style);
1378
+ text-decoration: var(--treb-table-odd-text-decoration);
1379
+ }
1380
+ .treb-main .treb-table.row-even {
1381
+ background-color: var(--treb-table-even-background);
1382
+ border-top-color: var(--treb-table-even-border-top, #8ea9db);
1383
+ border-bottom-color: var(--treb-table-even-border-bottom, #8ea9db);
1384
+ color: var(--treb-table-even-color);
1385
+ font-weight: var(--treb-table-even-font-weight);
1386
+ font-style: var(--treb-table-even-font-style);
1387
+ text-decoration: var(--treb-table-even-text-decoration);
1388
+ }
1389
+ .treb-main .treb-table.total {
1390
+ background-color: var(--treb-table-total-background);
1391
+ border-top-style: var(--treb-table-total-border-style, double);
1392
+ border-top-color: var(--treb-table-total-border-top, #4472c4);
1393
+ border-bottom-color: var(--treb-table-total-border-bottom, #8ea9db);
1394
+ color: var(--treb-table-total-color);
1395
+ font-weight: var(--treb-table-total-font-weight, 700);
1396
+ font-style: var(--treb-table-total-font-style);
1397
+ text-decoration: var(--treb-table-total-text-decoration);
1398
+ }
1399
+ .treb-main .grid-selection,
1400
+ .treb-main .frozen-selection {
1401
+ }
1402
+ .treb-main .grid-selection .selection,
1403
+ .treb-main .frozen-selection .selection {
1404
+ stroke-width: var(--treb-selection-stroke-width, 2px);
1405
+ }
1406
+ .treb-main .grid-selection .selection .outline,
1407
+ .treb-main .frozen-selection .selection .outline {
1408
+ stroke: currentColor;
1409
+ fill: none;
1410
+ }
1411
+ .treb-main .grid-selection .selection .fill,
1412
+ .treb-main .frozen-selection .selection .fill {
1413
+ stroke: none;
1414
+ fill: currentColor;
1415
+ opacity: var(--treb-selection-fill-opacity, 0.1);
1416
+ }
1417
+ .treb-main .grid-selection .alternate-selection,
1418
+ .treb-main .frozen-selection .alternate-selection {
1419
+ stroke-dasharray: var(--treb-alternate-selection-dasharray, 3 2);
1420
+ }
1421
+ .treb-main .grid-selection .alternate-selection:nth-of-type(1n),
1422
+ .treb-main .frozen-selection .alternate-selection:nth-of-type(1n) {
1423
+ color: rgb(251, 177, 60);
1424
+ }
1425
+ .treb-main .grid-selection .alternate-selection:nth-of-type(2n),
1426
+ .treb-main .frozen-selection .alternate-selection:nth-of-type(2n) {
1427
+ color: rgb(64, 192, 64);
1428
+ }
1429
+ .treb-main .grid-selection .alternate-selection:nth-of-type(3n),
1430
+ .treb-main .frozen-selection .alternate-selection:nth-of-type(3n) {
1431
+ color: rgb(182, 109, 13);
1432
+ }
1433
+ .treb-main .grid-selection .alternate-selection:nth-of-type(4n),
1434
+ .treb-main .frozen-selection .alternate-selection:nth-of-type(4n) {
1435
+ color: rgb(33, 118, 174);
1436
+ }
1437
+ .treb-main .grid-selection .alternate-selection:nth-of-type(5n),
1438
+ .treb-main .frozen-selection .alternate-selection:nth-of-type(5n) {
1439
+ color: rgb(254, 104, 71);
1440
+ }
1441
+ .treb-main .grid-selection .primary-selection,
1442
+ .treb-main .frozen-selection .primary-selection {
1443
+ color: var(--treb-selection-color-unfocused, var(--treb-selection-color, #4caaf1));
1444
+ }
1445
+ .treb-main .grid-selection .primary-selection .nub,
1446
+ .treb-main .frozen-selection .primary-selection .nub {
1447
+ stroke: #fff;
1448
+ fill: currentColor;
1449
+ stroke-width: 1px;
1450
+ }
1451
+ .treb-main .treb-tooltip {
1452
+ font-size: 11pt;
1453
+ background: var(--treb-resize-tooltip-background, rgba(0, 0, 0, 0.8));
1454
+ color: var(--treb-resize-tooltip-color, #fff);
1455
+ border-color: var(--treb-resize-tooltip-background, rgba(0, 0, 0, 0.8));
1456
+ }
1457
+ .treb-main .treb-tab-bar {
1458
+ font-size: 14px;
1459
+ }
1460
+ .treb-main .treb-tab-bar .tab,
1461
+ .treb-main .treb-tab-bar .add-tab {
1462
+ background: var(--treb-tab-bar-tab-background, rgb(238, 238, 242));
1463
+ color: var(--treb-tab-bar-tab-color, var(--treb-ui-color, inherit));
1464
+ }
1465
+ .treb-main .treb-tab-bar .tab.selected,
1466
+ .treb-main .treb-tab-bar .add-tab.selected {
1467
+ background: var(--treb-tab-bar-active-tab-background, #fff);
1468
+ color: var(--treb-tab-bar-active-tab-color, var(--treb-ui-color, inherit));
1469
+ }
1470
+ .treb-main .treb-formula-bar .address-label,
1471
+ .treb-main .treb-formula-bar .editor-container {
1472
+ background: var(--treb-formula-bar-background, transparent);
1473
+ color: var(--treb-formula-bar-color, var(--treb-ui-color, inherit));
1474
+ }
1475
+ .treb-main .treb-formula-bar .address-label.locked,
1476
+ .treb-main .treb-formula-bar .editor-container.locked {
1477
+ background: rgb(238, 244, 252);
1478
+ position: relative;
1479
+ }
1480
+ .treb-main .treb-formula-bar .address-label.locked:after,
1481
+ .treb-main .treb-formula-bar .editor-container.locked:after {
1482
+ position: absolute;
1483
+ right: 2px;
1484
+ top: 2px;
1485
+ content: "";
1486
+ width: 11px;
1487
+ height: 11px;
1488
+ opacity: 0.4;
1489
+ background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M416 224H400V144C400 65 335 0 256 0S112 65 112 144V224H96C61 224 32 253 32 288V448C32 483 61 512 96 512H416C451 512 480 483 480 448V288C480 253 451 224 416 224ZM176 144C176 100 212 64 256 64S336 100 336 144V224H176V144Z' fill='currentColor'/%3E%3C/svg%3E");
1490
+ }
1491
+ .treb-ua-windows .grid-cells {
1492
+ font-size: var(--treb-grid-font-size-windows, var(--treb-grid-font-size, 12pt));
1493
+ font-family: var(--treb-grid-font-family-windows, var(--treb-grid-font-family, "Calibri", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", "sans-serif"));
1494
+ }
1495
+ .treb-ua-osx .grid-cells {
1496
+ font-size: var(--treb-grid-font-size-osx, var(--treb-grid-font-size, 10pt));
1497
+ font-family: var(--treb-grid-font-family-osx, var(--treb-grid-font-family, inherit));
1498
+ }
1499
+ .treb-main {
1500
+ position: relative;
1501
+ display: flex;
1502
+ flex-direction: column;
1503
+ line-height: normal;
1504
+ text-align: left;
1505
+ }
1506
+ .treb-main * {
1507
+ box-sizing: border-box;
1508
+ }
1509
+ .treb-main .treb-layout-master {
1510
+ flex-grow: 1;
1511
+ order: 2;
1512
+ position: relative;
1513
+ -webkit-overflow-scrolling: touch;
1514
+ -webkit-tap-highlight-color: transparent;
1515
+ overflow: hidden;
1516
+ display: flex;
1517
+ position: relative;
1518
+ box-shadow: var(--treb-grid-shadow, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1));
1519
+ }
1520
+ .treb-main .treb-grid {
1521
+ flex-grow: 1;
1522
+ order: 2;
1523
+ position: relative;
1524
+ overflow: scroll;
1525
+ -webkit-overflow-scrolling: touch;
1526
+ -webkit-tap-highlight-color: transparent;
1527
+ outline: none;
1528
+ }
1529
+ .treb-main .treb-grid.safari::-webkit-scrollbar {
1530
+ -webkit-appearance: none;
1531
+ width: 7px;
1532
+ height: 7px;
1533
+ }
1534
+ .treb-main .treb-grid.safari::-webkit-scrollbar-thumb {
1535
+ border-radius: 4px;
1536
+ background-color: rgba(0, 0, 0, 0.25);
1537
+ -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
1538
+ }
1539
+ .treb-main .treb-grid canvas {
1540
+ border: 0;
1541
+ margin: 0;
1542
+ padding: 0;
1543
+ background: transparent;
1544
+ }
1545
+ .treb-main .treb-grid .nub-select {
1546
+ cursor: crosshair;
1547
+ }
1548
+ .treb-main .treb-grid .link-pointer {
1549
+ cursor: pointer;
1550
+ }
1551
+ .treb-main .treb-grid .mock-selection-node {
1552
+ background: red;
1553
+ position: fixed;
1554
+ left: -100px;
1555
+ top: -100px;
1556
+ }
1557
+ .treb-main .treb-grid .tile-cover {
1558
+ background: transparent;
1559
+ position: relative;
1560
+ z-index: 14;
1561
+ }
1562
+ .treb-main .treb-grid .tile-cover.column-header-cover {
1563
+ z-index: 22;
1564
+ }
1565
+ .treb-main .treb-grid .tile-cover.column-header-cover.resize {
1566
+ cursor: col-resize;
1567
+ }
1568
+ .treb-main .treb-grid .tile-cover.row-header-cover {
1569
+ z-index: 22;
1570
+ }
1571
+ .treb-main .treb-grid .tile-cover.row-header-cover.resize {
1572
+ cursor: row-resize;
1573
+ }
1574
+ .treb-main .treb-grid .annotation-container,
1575
+ .treb-main .treb-grid .frozen-annotation-container {
1576
+ position: absolute;
1577
+ top: 0px;
1578
+ left: 0px;
1579
+ z-index: 16;
1580
+ pointer-events: none;
1581
+ }
1582
+ .treb-main .treb-grid .annotation-container .annotation,
1583
+ .treb-main .treb-grid .frozen-annotation-container .annotation {
1584
+ position: absolute;
1585
+ overflow: hidden;
1586
+ pointer-events: auto;
1587
+ background: rgba(255, 255, 255, 0.5);
1588
+ border: 1px solid #999;
1589
+ z-index: 1;
1590
+ }
1591
+ .treb-main .treb-grid .annotation-container .annotation .annotation-content,
1592
+ .treb-main .treb-grid .frozen-annotation-container .annotation .annotation-content {
1593
+ position: absolute;
1594
+ top: 0px;
1595
+ left: 0px;
1596
+ height: 100%;
1597
+ width: 100%;
1598
+ font-family: inherit;
1599
+ font-size: inherit;
1600
+ z-index: 1;
1601
+ }
1602
+ .treb-main .treb-grid .annotation-container .annotation .annotation-move-target,
1603
+ .treb-main .treb-grid .frozen-annotation-container .annotation .annotation-move-target {
1604
+ position: absolute;
1605
+ z-index: 2;
1606
+ cursor: move;
1607
+ top: 0px;
1608
+ left: 0px;
1609
+ height: 10%;
1610
+ min-height: 14px;
1611
+ width: 100%;
1612
+ }
1613
+ .treb-main .treb-grid .annotation-container .annotation .annotation-resize-target,
1614
+ .treb-main .treb-grid .frozen-annotation-container .annotation .annotation-resize-target {
1615
+ position: absolute;
1616
+ z-index: 3;
1617
+ cursor: nwse-resize;
1618
+ bottom: 0px;
1619
+ right: 0px;
1620
+ width: 10%;
1621
+ height: 10%;
1622
+ min-height: 14px;
1623
+ min-width: 14px;
1624
+ }
1625
+ .treb-main .treb-grid .annotation-container .annotation:focus,
1626
+ .treb-main .treb-grid .annotation-container .annotation.retain-focus,
1627
+ .treb-main .treb-grid .annotation-container .annotation.clone-focus,
1628
+ .treb-main .treb-grid .frozen-annotation-container .annotation:focus,
1629
+ .treb-main .treb-grid .frozen-annotation-container .annotation.retain-focus,
1630
+ .treb-main .treb-grid .frozen-annotation-container .annotation.clone-focus {
1631
+ box-shadow: 0px 0px 0px 3px rgba(14, 165, 233, 0.33);
1632
+ }
1633
+ .treb-main .treb-grid .annotation-container .move-buffer,
1634
+ .treb-main .treb-grid .frozen-annotation-container .move-buffer {
1635
+ position: absolute;
1636
+ border: 1px solid red;
1637
+ height: 10%;
1638
+ top: 0px;
1639
+ width: 100%;
1640
+ left: 0px;
1641
+ cursor: move;
1642
+ }
1643
+ .treb-main .treb-grid .grid-selection {
1644
+ background: transparent;
1645
+ position: absolute;
1646
+ z-index: 10;
1647
+ -moz-transform: scale(1);
1648
+ }
1649
+ .treb-main .treb-grid .frozen-selection {
1650
+ transition: background 0.33s;
1651
+ position: absolute;
1652
+ z-index: 12;
1653
+ overflow: hidden;
1654
+ -moz-transform: scale(1);
1655
+ pointer-events: none;
1656
+ }
1657
+ .treb-main .treb-grid .frozen-selection.frozen-selection-rows {
1658
+ border-bottom: 1px solid transparent;
1659
+ }
1660
+ .treb-main .treb-grid .frozen-selection.frozen-selection-columns {
1661
+ border-right: 1px solid transparent;
1662
+ }
1663
+ .treb-main .treb-grid .frozen-annotation-container {
1664
+ position: absolute;
1665
+ top: 0px;
1666
+ left: 0px;
1667
+ overflow: hidden;
1668
+ width: 100%;
1669
+ height: 100%;
1670
+ }
1671
+ .treb-main .treb-grid .corner {
1672
+ top: 0px;
1673
+ left: 0px;
1674
+ z-index: 20;
1675
+ }
1676
+ .treb-main .treb-grid .corner canvas {
1677
+ position: absolute;
1678
+ top: 0px;
1679
+ left: 0px;
1680
+ pointer-events: none;
1681
+ }
1682
+ .treb-main .treb-grid .left-header {
1683
+ left: 0px;
1684
+ z-index: 18;
1685
+ pointer-events: none;
1686
+ }
1687
+ .treb-main .treb-grid .top-header {
1688
+ top: 0px;
1689
+ z-index: 18;
1690
+ pointer-events: none;
1691
+ }
1692
+ .treb-main .treb-grid .contents {
1693
+ height: 2000px;
1694
+ width: 2000px;
1695
+ }
1696
+
1697
+ /* treb-embed/style/embed.scss */
1698
+ .treb-embed-dialog {
1699
+ line-height: 1.6em;
1700
+ border: 1px solid var(--treb-dialog-border-color, var(--treb-ui-border-color, #999));
1701
+ border-top-width: 3px;
1702
+ border-top-color: rgb(0, 157, 255);
1703
+ border-top-color: rgb(158, 175, 185);
1704
+ border-top-color: #999;
1705
+ display: flex;
1706
+ flex-direction: row;
1707
+ align-items: center;
1708
+ position: relative;
1709
+ padding: 1em;
1710
+ background: var(--treb-dialog-background, #fff);
1711
+ color: var(--treb-dialog-color, #000);
1712
+ text-align: left;
1713
+ border-radius: 3px;
1714
+ }
1715
+ .treb-embed-dialog > * {
1716
+ display: none;
1717
+ }
1718
+ .treb-embed-dialog > div {
1719
+ position: relative;
1720
+ }
1721
+ .treb-embed-dialog > *:nth-child(2) {
1722
+ flex-grow: 1;
1723
+ display: block;
1724
+ }
1725
+ .treb-embed-dialog > *:nth-child(2) {
1726
+ padding: 2px 12px;
1727
+ padding-right: 20px;
1728
+ }
1729
+ .treb-embed-dialog > .close-box {
1730
+ position: absolute;
1731
+ top: 0;
1732
+ right: 0px;
1733
+ padding: 0;
1734
+ background: transparent;
1735
+ border: 0;
1736
+ padding: 4px;
1737
+ }
1738
+ .treb-embed-dialog > .close-box > svg {
1739
+ fill: rgb(115, 130, 140);
1740
+ width: 20px;
1741
+ height: 20px;
1742
+ cursor: default;
1743
+ }
1744
+ .treb-embed-dialog > .close-box > svg:hover,
1745
+ .treb-embed-dialog > .close-box > svg:active {
1746
+ fill: rgb(4, 156, 251);
1747
+ }
1748
+ .treb-embed-dialog .smaller {
1749
+ font-size: 0.9em;
1750
+ }
1751
+ .treb-embed-dialog a {
1752
+ text-decoration: none;
1753
+ color: inherit;
1754
+ }
1755
+ .treb-embed-dialog a:hover,
1756
+ .treb-embed-dialog a:active {
1757
+ color: rgb(4, 156, 251);
1758
+ }
1759
+ .treb-embed-dialog.dialog-type-success {
1760
+ border-top-width: 3px;
1761
+ border-top-color: rgb(68, 217, 38);
1762
+ }
1763
+ .treb-embed-dialog.dialog-type-about {
1764
+ border-top-width: 3px;
1765
+ border-top-color: rgb(0, 157, 255);
1766
+ }
1767
+ .treb-embed-dialog.dialog-type-error {
1768
+ border-top-width: 3px;
1769
+ border-top-color: rgb(249, 47, 6);
1770
+ }
1771
+ .treb-embed-dialog.dialog-type-info {
1772
+ border-top-width: 3px;
1773
+ border-top-color: rgb(0, 157, 255);
1774
+ }
1775
+ .treb-embed-dialog .treb-embed-dialog-title {
1776
+ white-space: pre;
1777
+ }
1778
+ .treb-embed-dialog .treb-embed-dialog-message {
1779
+ white-space: pre;
1780
+ }
1781
+ .treb-embed-dialog .treb-embed-progress-container {
1782
+ position: relative;
1783
+ border: 1px solid red;
1784
+ width: 100%;
1785
+ height: 6px;
1786
+ border: 1px solid #ddd;
1787
+ margin: auto;
1788
+ margin-top: 1em;
1789
+ margin-bottom: 0.5em;
1790
+ }
1791
+ .treb-embed-dialog .treb-embed-progress-bar {
1792
+ position: relative;
1793
+ background: #52880b;
1794
+ top: 0px;
1795
+ left: 0px;
1796
+ height: 100%;
1797
+ }
1798
+ .treb-spinner {
1799
+ position: absolute;
1800
+ top: 0px;
1801
+ left: 0px;
1802
+ background: transparent;
1803
+ width: 100%;
1804
+ height: 100%;
1805
+ z-index: 1000;
1806
+ align-items: center;
1807
+ justify-content: center;
1808
+ transition: visibility 0.25s, opacity 0.25s ease;
1809
+ opacity: 0;
1810
+ display: flex;
1811
+ visibility: collapse;
1812
+ }
1813
+ .treb-spinner.visible {
1814
+ opacity: 1;
1815
+ transition: visibility 0s, opacity 1s ease;
1816
+ visibility: visible;
1817
+ }
1818
+ .treb-spinner > div {
1819
+ display: inline-block;
1820
+ position: relative;
1821
+ width: 80px;
1822
+ height: 80px;
1823
+ }
1824
+ .treb-spinner > div div {
1825
+ box-sizing: border-box;
1826
+ display: block;
1827
+ position: absolute;
1828
+ width: 64px;
1829
+ height: 64px;
1830
+ margin: 8px;
1831
+ border: 8px solid #fff;
1832
+ border-radius: 50%;
1833
+ animation: treb-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
1834
+ border-color: var(--treb-spinner-color, currentColor) transparent transparent transparent;
1835
+ }
1836
+ .treb-spinner > div div:nth-child(1) {
1837
+ animation-delay: -0.45s;
1838
+ }
1839
+ .treb-spinner > div div:nth-child(2) {
1840
+ animation-delay: -0.3s;
1841
+ }
1842
+ .treb-spinner > div div:nth-child(3) {
1843
+ animation-delay: -0.15s;
1844
+ }
1845
+ @keyframes treb-spinner {
1846
+ 0% {
1847
+ transform: rotate(0deg);
1848
+ }
1849
+ 100% {
1850
+ transform: rotate(360deg);
1851
+ }
1852
+ }
1853
+ .treb-dark-theme {
1854
+ --treb-autocomplete-background: #333;
1855
+ --treb-autocomplete-border-color: #fff;
1856
+ --treb-autocomplete-entry-color: #fff;
1857
+ --treb-autocomplete-selected-entry-background: darkred;
1858
+ --treb-autocomplete-tooltip-background: darkred;
1859
+ --treb-autocomplete-tooltip-border-color: #fff;
1860
+ --treb-autocomplete-tooltip-color: #fff;
1861
+ --treb-chart-background: #000;
1862
+ --treb-chart-grid-color: #976;
1863
+ --treb-chart-text-color: #fff;
1864
+ --treb-dialog-background: #000;
1865
+ --treb-dialog-border-color: #fff;
1866
+ --treb-dialog-color: #fff;
1867
+ --treb-dropdown-background: #000;
1868
+ --treb-dropdown-border-color: #fff;
1869
+ --treb-dropdown-caret-active-background: darkred;
1870
+ --treb-dropdown-caret-background: #444;
1871
+ --treb-dropdown-caret-border-color: #fff;
1872
+ --treb-dropdown-caret-color: #fff;
1873
+ --treb-dropdown-color: #fff;
1874
+ --treb-dropdown-selected-background: darkred;
1875
+ --treb-grid-background: #000;
1876
+ --treb-grid-default-color: #fff;
1877
+ --treb-grid-grid-color: #444;
1878
+ --treb-grid-header-background: #444;
1879
+ --treb-grid-header-grid-color: #000;
1880
+ --treb-note-background: #333;
1881
+ --treb-note-border-color: #fff;
1882
+ --treb-note-color: #fff;
1883
+ --treb-note-marker-color: pink;
1884
+ --treb-resize-tooltip-background: #fff;
1885
+ --treb-resize-tooltip-color: #000;
1886
+ --treb-scale-slider-accent-color: #fff;
1887
+ --treb-scale-slider-background: #333;
1888
+ --treb-scale-slider-border-color: #fff;
1889
+ --treb-selection-color: yellow;
1890
+ --treb-selection-fill-opacity: .2;
1891
+ --treb-sidebar-button-background: #000;
1892
+ --treb-sidebar-button-border-color: #888;
1893
+ --treb-stats-value-background: #223;
1894
+ --treb-tab-bar-active-tab-background: #444;
1895
+ --treb-tab-bar-tab-background: #000;
1896
+ --treb-tab-bar-tab-color: #fff;
1897
+ --treb-theme-color-1: #222;
1898
+ --treb-theme-color-2: #ddd;
1899
+ --treb-toolbar-active-button-background: #555;
1900
+ --treb-toolbar-button-background: #000;
1901
+ --treb-toolbar-hover-button-background: #444;
1902
+ --treb-ui-border-color: #666;
1903
+ --treb-ui-color: #fff;
1904
+ --treb-table-header-background: #334;
1905
+ --treb-table-odd-background: #122;
1906
+ --treb-table-header-font-weight: 700;
1907
+ --treb-table-header-border-top: #889;
1908
+ --treb-table-header-border-bottom: #889;
1909
+ --treb-table-footer-border-bottom: #889;
1910
+ --treb-table-odd-border-top: #889;
1911
+ --treb-table-odd-border-bottom: #889;
1912
+ --treb-table-even-border-top: #889;
1913
+ --treb-table-even-border-bottom: #889;
1914
+ --treb-table-total-border-top: #889;
1915
+ --treb-table-total-border-bottom: #889;
1916
+ --treb-table-total-background: #334;
1917
+ --treb-table-total-font-weight: 700;
1918
+ }
1919
+ @media (prefers-color-scheme: dark) {
1920
+ .treb-light-dark-theme {
1921
+ --treb-autocomplete-background: #333;
1922
+ --treb-autocomplete-border-color: #fff;
1923
+ --treb-autocomplete-entry-color: #fff;
1924
+ --treb-autocomplete-selected-entry-background: darkred;
1925
+ --treb-autocomplete-tooltip-background: darkred;
1926
+ --treb-autocomplete-tooltip-border-color: #fff;
1927
+ --treb-autocomplete-tooltip-color: #fff;
1928
+ --treb-chart-background: #000;
1929
+ --treb-chart-grid-color: #976;
1930
+ --treb-chart-text-color: #fff;
1931
+ --treb-dialog-background: #000;
1932
+ --treb-dialog-border-color: #fff;
1933
+ --treb-dialog-color: #fff;
1934
+ --treb-dropdown-background: #000;
1935
+ --treb-dropdown-border-color: #fff;
1936
+ --treb-dropdown-caret-active-background: darkred;
1937
+ --treb-dropdown-caret-background: #444;
1938
+ --treb-dropdown-caret-border-color: #fff;
1939
+ --treb-dropdown-caret-color: #fff;
1940
+ --treb-dropdown-color: #fff;
1941
+ --treb-dropdown-selected-background: darkred;
1942
+ --treb-grid-background: #000;
1943
+ --treb-grid-default-color: #fff;
1944
+ --treb-grid-grid-color: #444;
1945
+ --treb-grid-header-background: #444;
1946
+ --treb-grid-header-grid-color: #000;
1947
+ --treb-note-background: #333;
1948
+ --treb-note-border-color: #fff;
1949
+ --treb-note-color: #fff;
1950
+ --treb-note-marker-color: pink;
1951
+ --treb-resize-tooltip-background: #fff;
1952
+ --treb-resize-tooltip-color: #000;
1953
+ --treb-scale-slider-accent-color: #fff;
1954
+ --treb-scale-slider-background: #333;
1955
+ --treb-scale-slider-border-color: #fff;
1956
+ --treb-selection-color: yellow;
1957
+ --treb-selection-fill-opacity: .2;
1958
+ --treb-sidebar-button-background: #000;
1959
+ --treb-sidebar-button-border-color: #888;
1960
+ --treb-stats-value-background: #223;
1961
+ --treb-tab-bar-active-tab-background: #444;
1962
+ --treb-tab-bar-tab-background: #000;
1963
+ --treb-tab-bar-tab-color: #fff;
1964
+ --treb-theme-color-1: #222;
1965
+ --treb-theme-color-2: #ddd;
1966
+ --treb-toolbar-active-button-background: #555;
1967
+ --treb-toolbar-button-background: #000;
1968
+ --treb-toolbar-hover-button-background: #444;
1969
+ --treb-ui-border-color: #666;
1970
+ --treb-ui-color: #fff;
1971
+ --treb-table-header-background: #334;
1972
+ --treb-table-odd-background: #122;
1973
+ --treb-table-header-font-weight: 700;
1974
+ --treb-table-header-border-top: #889;
1975
+ --treb-table-header-border-bottom: #889;
1976
+ --treb-table-footer-border-bottom: #889;
1977
+ --treb-table-odd-border-top: #889;
1978
+ --treb-table-odd-border-bottom: #889;
1979
+ --treb-table-even-border-top: #889;
1980
+ --treb-table-even-border-bottom: #889;
1981
+ --treb-table-total-border-top: #889;
1982
+ --treb-table-total-border-bottom: #889;
1983
+ --treb-table-total-background: #334;
1984
+ --treb-table-total-font-weight: 700;
1985
+ }
1986
+ }
1987
+ .treb-container {
1988
+ --treb-sidebar-icon-popout: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'><path stroke='none' fill='currentColor' d='M22 14.5v5c0 2.484-2.016 4.5-4.5 4.5h-13c-2.484 0-4.5-2.016-4.5-4.5v-13c0-2.484 2.016-4.5 4.5-4.5h11c0.281 0 0.5 0.219 0.5 0.5v1c0 0.281-0.219 0.5-0.5 0.5h-11c-1.375 0-2.5 1.125-2.5 2.5v13c0 1.375 1.125 2.5 2.5 2.5h13c1.375 0 2.5-1.125 2.5-2.5v-5c0-0.281 0.219-0.5 0.5-0.5h1c0.281 0 0.5 0.219 0.5 0.5zM28 1v8c0 0.547-0.453 1-1 1-0.266 0-0.516-0.109-0.703-0.297l-2.75-2.75-10.187 10.187c-0.094 0.094-0.234 0.156-0.359 0.156s-0.266-0.063-0.359-0.156l-1.781-1.781c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266 0.156-0.359l10.187-10.187-2.75-2.75c-0.187-0.187-0.297-0.438-0.297-0.703 0-0.547 0.453-1 1-1h8c0.547 0 1 0.453 1 1z'></path></svg>");
1989
+ --treb-sidebar-icon-toolbar: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'><path stroke='none' fill='currentColor' d='M5.5 22v2h-5.5v-2h5.5zM11 20c0.547 0 1 0.453 1 1v4c0 0.547-0.453 1-1 1h-4c-0.547 0-1-0.453-1-1v-4c0-0.547 0.453-1 1-1h4zM13.5 14v2h-13.5v-2h13.5zM3.5 6v2h-3.5v-2h3.5zM24 22v2h-11.5v-2h11.5zM9 4c0.547 0 1 0.453 1 1v4c0 0.547-0.453 1-1 1h-4c-0.547 0-1-0.453-1-1v-4c0-0.547 0.453-1 1-1h4zM19 12c0.547 0 1 0.453 1 1v4c0 0.547-0.453 1-1 1h-4c-0.547 0-1-0.453-1-1v-4c0-0.547 0.453-1 1-1h4zM24 14v2h-3.5v-2h3.5zM24 6v2h-13.5v-2h13.5z'></path></svg>");
1990
+ --treb-sidebar-icon-export: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 28'><path stroke='none' fill='currentColor' d='M20 21c0-0.547-0.453-1-1-1s-1 0.453-1 1 0.453 1 1 1 1-0.453 1-1zM24 21c0-0.547-0.453-1-1-1s-1 0.453-1 1 0.453 1 1 1 1-0.453 1-1zM26 17.5v5c0 0.828-0.672 1.5-1.5 1.5h-23c-0.828 0-1.5-0.672-1.5-1.5v-5c0-0.828 0.672-1.5 1.5-1.5h7.266l2.109 2.125c0.578 0.562 1.328 0.875 2.125 0.875s1.547-0.313 2.125-0.875l2.125-2.125h7.25c0.828 0 1.5 0.672 1.5 1.5zM20.922 8.609c0.156 0.375 0.078 0.812-0.219 1.094l-7 7c-0.187 0.203-0.453 0.297-0.703 0.297s-0.516-0.094-0.703-0.297l-7-7c-0.297-0.281-0.375-0.719-0.219-1.094 0.156-0.359 0.516-0.609 0.922-0.609h4v-7c0-0.547 0.453-1 1-1h4c0.547 0 1 0.453 1 1v7h4c0.406 0 0.766 0.25 0.922 0.609z'></path></svg>");
1991
+ --treb-sidebar-icon-reset: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'><path stroke='none' fill='currentColor' d='M23.609 16.5c0 0.031 0 0.078-0.016 0.109-1.328 5.531-5.891 9.391-11.656 9.391-3.047 0-6-1.203-8.219-3.313l-2.016 2.016c-0.187 0.187-0.438 0.297-0.703 0.297-0.547 0-1-0.453-1-1v-7c0-0.547 0.453-1 1-1h7c0.547 0 1 0.453 1 1 0 0.266-0.109 0.516-0.297 0.703l-2.141 2.141c1.469 1.375 3.422 2.156 5.437 2.156 2.781 0 5.359-1.437 6.813-3.813 0.375-0.609 0.562-1.203 0.828-1.828 0.078-0.219 0.234-0.359 0.469-0.359h3c0.281 0 0.5 0.234 0.5 0.5zM24 4v7c0 0.547-0.453 1-1 1h-7c-0.547 0-1-0.453-1-1 0-0.266 0.109-0.516 0.297-0.703l2.156-2.156c-1.484-1.375-3.437-2.141-5.453-2.141-2.781 0-5.359 1.437-6.813 3.813-0.375 0.609-0.562 1.203-0.828 1.828-0.078 0.219-0.234 0.359-0.469 0.359h-3.109c-0.281 0-0.5-0.234-0.5-0.5v-0.109c1.344-5.547 5.953-9.391 11.719-9.391 3.063 0 6.047 1.219 8.266 3.313l2.031-2.016c0.187-0.187 0.438-0.297 0.703-0.297 0.547 0 1 0.453 1 1z'></path></svg>");
1992
+ --treb-sidebar-icon-about: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'><path stroke='none' fill='currentColor' d='M14 21.5v-3c0-0.281-0.219-0.5-0.5-0.5h-3c-0.281 0-0.5 0.219-0.5 0.5v3c0 0.281 0.219 0.5 0.5 0.5h3c0.281 0 0.5-0.219 0.5-0.5zM18 11c0-2.859-3-5-5.688-5-2.547 0-4.453 1.094-5.797 3.328-0.141 0.219-0.078 0.5 0.125 0.656l2.063 1.563c0.078 0.063 0.187 0.094 0.297 0.094 0.141 0 0.297-0.063 0.391-0.187 0.734-0.938 1.047-1.219 1.344-1.437 0.266-0.187 0.781-0.375 1.344-0.375 1 0 1.922 0.641 1.922 1.328 0 0.812-0.422 1.219-1.375 1.656-1.109 0.5-2.625 1.797-2.625 3.313v0.562c0 0.281 0.219 0.5 0.5 0.5h3c0.281 0 0.5-0.219 0.5-0.5v0c0-0.359 0.453-1.125 1.188-1.547 1.188-0.672 2.812-1.578 2.812-3.953zM24 14c0 6.625-5.375 12-12 12s-12-5.375-12-12 5.375-12 12-12 12 5.375 12 12z'></path></svg>");
1993
+ --treb-sidebar-icon-chevron-left: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 28'><path stroke='none' fill='currentColor' d='M18.297 4.703l-8.297 8.297 8.297 8.297c0.391 0.391 0.391 1.016 0 1.406l-2.594 2.594c-0.391 0.391-1.016 0.391-1.406 0l-11.594-11.594c-0.391-0.391-0.391-1.016 0-1.406l11.594-11.594c0.391-0.391 1.016-0.391 1.406 0l2.594 2.594c0.391 0.391 0.391 1.016 0 1.406z'></path></svg>");
1994
+ --treb-sidebar-icon-chevron-right: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'><path stroke='none' fill='currentColor' d='M17.297 13.703l-11.594 11.594c-0.391 0.391-1.016 0.391-1.406 0l-2.594-2.594c-0.391-0.391-0.391-1.016 0-1.406l8.297-8.297-8.297-8.297c-0.391-0.391-0.391-1.016 0-1.406l2.594-2.594c0.391-0.391 1.016-0.391 1.406 0l11.594 11.594c0.391 0.391 0.391 1.016 0 1.406z'></path></svg>");
1995
+ --treb-sidebar-icon-revert: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'><path stroke='none' fill='currentColor' d='M24 14c0 6.609-5.391 12-12 12-3.578 0-6.953-1.578-9.234-4.328-0.156-0.203-0.141-0.5 0.031-0.672l2.141-2.156c0.109-0.094 0.25-0.141 0.391-0.141 0.141 0.016 0.281 0.078 0.359 0.187 1.531 1.984 3.828 3.109 6.312 3.109 4.406 0 8-3.594 8-8s-3.594-8-8-8c-2.047 0-3.984 0.781-5.437 2.141l2.141 2.156c0.297 0.281 0.375 0.719 0.219 1.078-0.156 0.375-0.516 0.625-0.922 0.625h-7c-0.547 0-1-0.453-1-1v-7c0-0.406 0.25-0.766 0.625-0.922 0.359-0.156 0.797-0.078 1.078 0.219l2.031 2.016c2.203-2.078 5.187-3.313 8.266-3.313 6.609 0 12 5.391 12 12zM14 9.5v7c0 0.281-0.219 0.5-0.5 0.5h-5c-0.281 0-0.5-0.219-0.5-0.5v-1c0-0.281 0.219-0.5 0.5-0.5h3.5v-5.5c0-0.281 0.219-0.5 0.5-0.5h1c0.281 0 0.5 0.219 0.5 0.5z'></path></svg>");
1996
+ --treb-icon-text-align-left: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-text-left' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z'/> </svg>");
1997
+ --treb-icon-text-align-center: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-text-center' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M4 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z'/> </svg>");
1998
+ --treb-icon-text-align-right: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-text-right' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M6 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm4-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z'/> </svg>");
1999
+ --treb-icon-text-align-top: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?> <svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'> <path d='M8,15c0.276,0,0.5-0.224,0.5-0.5V5.707l3.146,3.146c0.195,0.195,0.512,0.195,0.707,0s0.195-0.512,0-0.707l-4-4 C8.159,3.951,7.842,3.95,7.647,4.145c0,0,0,0-0.001,0.001l-4,4c-0.195,0.195-0.195,0.512,0,0.707s0.513,0.195,0.708,0L7.5,5.707 V14.5C7.5,14.776,7.724,15,8,15z'/> <line fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='3' y1='1.5' x2='13' y2='1.5'/> </svg> ");
2000
+ --treb-icon-text-align-middle: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrows-collapse' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z'/> </svg>");
2001
+ --treb-icon-text-align-bottom: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?> <svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'> <path d='M8,1C7.724,1,7.5,1.224,7.5,1.5v8.793L4.354,7.146c-0.195-0.195-0.512-0.195-0.707,0s-0.195,0.512,0,0.707l4,4 c0.195,0.195,0.512,0.196,0.707,0.001c0,0,0,0,0.001-0.001l4-4c0.195-0.195,0.195-0.512,0-0.707s-0.513-0.195-0.708,0L8.5,10.293 V1.5C8.5,1.224,8.276,1,8,1z'/> <line fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='13' y1='14.5' x2='3' y2='14.5'/> </svg> ");
2002
+ --treb-icon-file-menu: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-folder' viewBox='0 0 16 16'> <path d='M.54 3.87.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.826a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31zM2.19 4a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91h10.348a1 1 0 0 0 .995-.91l.637-7A1 1 0 0 0 13.81 4H2.19zm4.69-1.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981l.006.139C1.72 3.042 1.95 3 2.19 3h5.396l-.707-.707z'/> </svg>");
2003
+ --treb-icon-wrap-text: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'> <path d='M4,5h8c0.276,0,0.5-0.224,0.5-0.5S12.276,4,12,4H4C3.724,4,3.5,4.224,3.5,4.5S3.724,5,4,5z'/> <path d='M10,8H4C3.724,8,3.5,8.224,3.5,8.5S3.724,9,4,9h6c0.828,0,1.5,0.672,1.5,1.5S10.828,12,10,12v-1.203l-2.953,1.707 L10,14.203V13c1.381,0,2.5-1.119,2.5-2.5S11.381,8,10,8z'/> <path d='M3.75,12.5c0,0.276,0.224,0.5,0.5,0.5H6v-1H4.25C3.974,12,3.75,12.224,3.75,12.5z'/> </svg> ");
2004
+ --treb-icon-unmerge-cells: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-fullscreen' viewBox='0 0 16 16'> <path d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z'/> </svg>");
2005
+ --treb-icon-merge-cells: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-fullscreen-exit' viewBox='0 0 16 16'> <path d='M5.5 0a.5.5 0 0 1 .5.5v4A1.5 1.5 0 0 1 4.5 6h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5zm5 0a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 10 4.5v-4a.5.5 0 0 1 .5-.5zM0 10.5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 6 11.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zm10 1a1.5 1.5 0 0 1 1.5-1.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4z'/> </svg>");
2006
+ --treb-icon-lock: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-lock' viewBox='0 0 16 16'> <path d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/> </svg>");
2007
+ --treb-icon-comment: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chat-square' viewBox='0 0 16 16'> <path d='M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/> </svg>");
2008
+ --treb-icon-fill-color: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-paint-bucket' viewBox='0 0 16 16'> <path d='M6.192 2.78c-.458-.677-.927-1.248-1.35-1.643a2.972 2.972 0 0 0-.71-.515c-.217-.104-.56-.205-.882-.02-.367.213-.427.63-.43.896-.003.304.064.664.173 1.044.196.687.556 1.528 1.035 2.402L.752 8.22c-.277.277-.269.656-.218.918.055.283.187.593.36.903.348.627.92 1.361 1.626 2.068.707.707 1.441 1.278 2.068 1.626.31.173.62.305.903.36.262.05.64.059.918-.218l5.615-5.615c.118.257.092.512.05.939-.03.292-.068.665-.073 1.176v.123h.003a1 1 0 0 0 1.993 0H14v-.057a1.01 1.01 0 0 0-.004-.117c-.055-1.25-.7-2.738-1.86-3.494a4.322 4.322 0 0 0-.211-.434c-.349-.626-.92-1.36-1.627-2.067-.707-.707-1.441-1.279-2.068-1.627-.31-.172-.62-.304-.903-.36-.262-.05-.64-.058-.918.219l-.217.216zM4.16 1.867c.381.356.844.922 1.311 1.632l-.704.705c-.382-.727-.66-1.402-.813-1.938a3.283 3.283 0 0 1-.131-.673c.091.061.204.15.337.274zm.394 3.965c.54.852 1.107 1.567 1.607 2.033a.5.5 0 1 0 .682-.732c-.453-.422-1.017-1.136-1.564-2.027l1.088-1.088c.054.12.115.243.183.365.349.627.92 1.361 1.627 2.068.706.707 1.44 1.278 2.068 1.626.122.068.244.13.365.183l-4.861 4.862a.571.571 0 0 1-.068-.01c-.137-.027-.342-.104-.608-.252-.524-.292-1.186-.8-1.846-1.46-.66-.66-1.168-1.32-1.46-1.846-.147-.265-.225-.47-.251-.607a.573.573 0 0 1-.01-.068l3.048-3.047zm2.87-1.935a2.44 2.44 0 0 1-.241-.561c.135.033.324.11.562.241.524.292 1.186.8 1.846 1.46.45.45.83.901 1.118 1.31a3.497 3.497 0 0 0-1.066.091 11.27 11.27 0 0 1-.76-.694c-.66-.66-1.167-1.322-1.458-1.847z'/> </svg>");
2009
+ --treb-icon-text-color: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?> <svg version='1.1' id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'> <g> <path d='M12.259,14.001l-1.389-3.727H5.465l-1.354,3.727H2.811L7.609,1.397h1.178l4.772,12.604H12.259z M8.418,3.604 c-0.041-0.111-0.084-0.24-0.127-0.387C8.246,3.07,8.21,2.903,8.181,2.716H8.146C8.11,2.903,8.07,3.07,8.027,3.217 C7.982,3.363,7.94,3.492,7.899,3.604L5.86,9.211h4.614L8.418,3.604z'/> </g> </svg> ");
2010
+ --treb-icon-border-bottom: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-border-bottom' viewBox='0 0 16 16'> <path d='M.969 0H0v.969h.5V1h.469V.969H1V.5H.969V0zm.937 1h.938V0h-.938v1zm1.875 0h.938V0H3.78v1zm1.875 0h.938V0h-.938v1zM7.531.969V1h.938V.969H8.5V.5h-.031V0H7.53v.5H7.5v.469h.031zM9.406 1h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.469V.969h.5V0h-.969v.5H15v.469h.031V1zM1 2.844v-.938H0v.938h1zm6.5-.938v.938h1v-.938h-1zm7.5 0v.938h1v-.938h-1zM1 4.719V3.78H0v.938h1zm6.5-.938v.938h1V3.78h-1zm7.5 0v.938h1V3.78h-1zM1 6.594v-.938H0v.938h1zm6.5-.938v.938h1v-.938h-1zm7.5 0v.938h1v-.938h-1zM.5 8.5h.469v-.031H1V7.53H.969V7.5H.5v.031H0v.938h.5V8.5zm1.406 0h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm2.813 0v-.031H8.5V7.53h-.031V7.5H7.53v.031H7.5v.938h.031V8.5h.938zm.937 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.469v-.031h.5V7.53h-.5V7.5h-.469v.031H15v.938h.031V8.5zM0 9.406v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zm-16 .937v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zm-16 .937v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zM0 15h16v1H0v-1z'/> </svg>");
2011
+ --treb-icon-border-top: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-border-top' viewBox='0 0 16 16'> <path d='M0 0v1h16V0H0zm1 2.844v-.938H0v.938h1zm6.5-.938v.938h1v-.938h-1zm7.5 0v.938h1v-.938h-1zM1 4.719V3.78H0v.938h1zm6.5-.938v.938h1V3.78h-1zm7.5 0v.938h1V3.78h-1zM1 6.594v-.938H0v.938h1zm6.5-.938v.938h1v-.938h-1zm7.5 0v.938h1v-.938h-1zM.5 8.5h.469v-.031H1V7.53H.969V7.5H.5v.031H0v.938h.5V8.5zm1.406 0h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm2.813 0v-.031H8.5V7.53h-.031V7.5H7.53v.031H7.5v.938h.031V8.5h.938zm.937 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.469v-.031h.5V7.53h-.5V7.5h-.469v.031H15v.938h.031V8.5zM0 9.406v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zm-16 .937v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zm-16 .937v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zM0 16h.969v-.5H1v-.469H.969V15H.5v.031H0V16zm1.906 0h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm1.875-.5v.5h.938v-.5H8.5v-.469h-.031V15H7.53v.031H7.5v.469h.031zm1.875.5h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875-.5v.5H16v-.969h-.5V15h-.469v.031H15v.469h.031z'/> </svg>");
2012
+ --treb-icon-border-left: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-border-left' viewBox='0 0 16 16'> <path d='M0 0v16h1V0H0zm1.906 1h.938V0h-.938v1zm1.875 0h.938V0H3.78v1zm1.875 0h.938V0h-.938v1zM7.531.969V1h.938V.969H8.5V.5h-.031V0H7.53v.5H7.5v.469h.031zM9.406 1h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.469V.969h.5V0h-.969v.5H15v.469h.031V1zM7.5 1.906v.938h1v-.938h-1zm7.5 0v.938h1v-.938h-1zM7.5 3.781v.938h1V3.78h-1zm7.5 0v.938h1V3.78h-1zM7.5 5.656v.938h1v-.938h-1zm7.5 0v.938h1v-.938h-1zM1.906 8.5h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm2.813 0v-.031H8.5V7.53h-.031V7.5H7.53v.031H7.5v.938h.031V8.5h.938zm.937 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.469v-.031h.5V7.53h-.5V7.5h-.469v.031H15v.938h.031V8.5zM7.5 9.406v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zm-8.5.937v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zm-8.5.937v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zM1.906 16h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm1.875-.5v.5h.938v-.5H8.5v-.469h-.031V15H7.53v.031H7.5v.469h.031zm1.875.5h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875-.5v.5H16v-.969h-.5V15h-.469v.031H15v.469h.031z'/> </svg>");
2013
+ --treb-icon-border-right: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-border-right' viewBox='0 0 16 16'> <path d='M.969 0H0v.969h.5V1h.469V.969H1V.5H.969V0zm.937 1h.938V0h-.938v1zm1.875 0h.938V0H3.78v1zm1.875 0h.938V0h-.938v1zM7.531.969V1h.938V.969H8.5V.5h-.031V0H7.53v.5H7.5v.469h.031zM9.406 1h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zM16 0h-1v16h1V0zM1 2.844v-.938H0v.938h1zm6.5-.938v.938h1v-.938h-1zM1 4.719V3.78H0v.938h1zm6.5-.938v.938h1V3.78h-1zM1 6.594v-.938H0v.938h1zm6.5-.938v.938h1v-.938h-1zM.5 8.5h.469v-.031H1V7.53H.969V7.5H.5v.031H0v.938h.5V8.5zm1.406 0h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm2.813 0v-.031H8.5V7.53h-.031V7.5H7.53v.031H7.5v.938h.031V8.5h.938zm.937 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zM0 9.406v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zM0 11.281v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zM0 13.156v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zM0 16h.969v-.5H1v-.469H.969V15H.5v.031H0V16zm1.906 0h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm1.875-.5v.5h.938v-.5H8.5v-.469h-.031V15H7.53v.031H7.5v.469h.031zm1.875.5h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1z'/> </svg>");
2014
+ --treb-icon-border-double-bottom: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' > <path d='M0.969,0H0v0.969h0.5V1h0.469V0.969H1V0.5H0.969V0z M1.906,1h0.938V0H1.906V1z M3.781,1h0.938V0H3.78v1H3.781z M5.656,1 h0.938V0H5.656V1z M7.531,0.969V1h0.938V0.969H8.5V0.5H8.469V0H7.53v0.5H7.5v0.469H7.531z M9.406,1h0.938V0H9.406V1z M11.281,1 h0.938V0h-0.938V1z M13.156,1h0.938V0h-0.938V1z M15.031,1H15.5V0.969H16V0h-0.969v0.5H15v0.469h0.031V1z M1,2.844V1.906H0v0.938H1z M7.5,1.906v0.938h1V1.906H7.5z M15,1.906v0.938h1V1.906H15z M1,4.719V3.78H0v0.938L1,4.719L1,4.719z M7.5,3.781v0.938h1V3.78h-1 V3.781z M15,3.781v0.938h1V3.78h-1V3.781z M1,6.594V5.656H0v0.938H1z M7.5,5.656v0.938h1V5.656H7.5z M15,5.656v0.938h1V5.656H15z M0.5,8.5h0.469V8.469H1V7.53H0.969V7.5H0.5v0.031H0v0.938h0.5V8.5z M1.906,8.5h0.938v-1H1.906V8.5z M3.781,8.5h0.938v-1H3.78v1 H3.781z M5.656,8.5h0.938v-1H5.656V8.5z M8.469,8.5V8.469H8.5V7.53H8.469V7.5H7.53v0.031H7.5v0.938h0.031V8.5H8.469z M9.406,8.5 h0.938v-1H9.406V8.5z M11.281,8.5h0.938v-1h-0.938V8.5z M13.156,8.5h0.938v-1h-0.938V8.5z M15.031,8.5H15.5V8.469H16V7.53h-0.5V7.5 h-0.469v0.031H15v0.938h0.031V8.5z M0,9.406v0.938h1V9.406H0z M7.5,9.406v0.938h1V9.406H7.5z M16,10.344V9.406h-1v0.938H16z M0,11.281v0.938h1v-0.938H0z M7.5,11.281v0.938h1v-0.938H7.5z M16,12.219v-0.938h-1v0.938H16z M0,15h16v1H0V15z M0,13h16v1H0V13z' /> </svg> ");
2015
+ --treb-icon-border-all: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-border-all' viewBox='0 0 16 16'> <path d='M0 0h16v16H0V0zm1 1v6.5h6.5V1H1zm7.5 0v6.5H15V1H8.5zM15 8.5H8.5V15H15V8.5zM7.5 15V8.5H1V15h6.5z'/> </svg>");
2016
+ --treb-icon-border-outer: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-border-outer' viewBox='0 0 16 16'> <path d='M7.5 1.906v.938h1v-.938h-1zm0 1.875v.938h1V3.78h-1zm0 1.875v.938h1v-.938h-1zM1.906 8.5h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm2.813 0v-.031H8.5V7.53h-.031V7.5H7.53v.031H7.5v.938h.031V8.5h.938zm.937 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zM7.5 9.406v.938h1v-.938h-1zm0 1.875v.938h1v-.938h-1zm0 1.875v.938h1v-.938h-1z'/> <path d='M0 0v16h16V0H0zm1 1h14v14H1V1z'/> </svg>");
2017
+ --treb-icon-border-none: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-border' viewBox='0 0 16 16'> <path d='M0 0h.969v.5H1v.469H.969V1H.5V.969H0V0zm2.844 1h-.938V0h.938v1zm1.875 0H3.78V0h.938v1zm1.875 0h-.938V0h.938v1zm.937 0V.969H7.5V.5h.031V0h.938v.5H8.5v.469h-.031V1H7.53zm2.813 0h-.938V0h.938v1zm1.875 0h-.938V0h.938v1zm1.875 0h-.938V0h.938v1zM15.5 1h-.469V.969H15V.5h.031V0H16v.969h-.5V1zM1 1.906v.938H0v-.938h1zm6.5.938v-.938h1v.938h-1zm7.5 0v-.938h1v.938h-1zM1 3.78v.938H0V3.78h1zm6.5.938V3.78h1v.938h-1zm7.5 0V3.78h1v.938h-1zM1 5.656v.938H0v-.938h1zm6.5.938v-.938h1v.938h-1zm7.5 0v-.938h1v.938h-1zM.969 8.5H.5v-.031H0V7.53h.5V7.5h.469v.031H1v.938H.969V8.5zm1.875 0h-.938v-1h.938v1zm1.875 0H3.78v-1h.938v1zm1.875 0h-.938v-1h.938v1zm1.875-.031V8.5H7.53v-.031H7.5V7.53h.031V7.5h.938v.031H8.5v.938h-.031zm1.875.031h-.938v-1h.938v1zm1.875 0h-.938v-1h.938v1zm1.875 0h-.938v-1h.938v1zm1.406 0h-.469v-.031H15V7.53h.031V7.5h.469v.031h.5v.938h-.5V8.5zM0 10.344v-.938h1v.938H0zm7.5 0v-.938h1v.938h-1zm8.5-.938v.938h-1v-.938h1zM0 12.22v-.938h1v.938H0zm7.5 0v-.938h1v.938h-1zm8.5-.938v.938h-1v-.938h1zM0 14.094v-.938h1v.938H0zm7.5 0v-.938h1v.938h-1zm8.5-.938v.938h-1v-.938h1zM.969 16H0v-.969h.5V15h.469v.031H1v.469H.969v.5zm1.875 0h-.938v-1h.938v1zm1.875 0H3.78v-1h.938v1zm1.875 0h-.938v-1h.938v1zm.937 0v-.5H7.5v-.469h.031V15h.938v.031H8.5v.469h-.031v.5H7.53zm2.813 0h-.938v-1h.938v1zm1.875 0h-.938v-1h.938v1zm1.875 0h-.938v-1h.938v1zm.937 0v-.5H15v-.469h.031V15h.469v.031h.5V16h-.969z'/> </svg>");
2018
+ --treb-icon-palette: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-palette2' viewBox='0 0 16 16'> <path d='M0 .5A.5.5 0 0 1 .5 0h5a.5.5 0 0 1 .5.5v5.277l4.147-4.131a.5.5 0 0 1 .707 0l3.535 3.536a.5.5 0 0 1 0 .708L10.261 10H15.5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5H3a2.99 2.99 0 0 1-2.121-.879A2.99 2.99 0 0 1 0 13.044m6-.21 7.328-7.3-2.829-2.828L6 7.188v5.647zM4.5 13a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0zM15 15v-4H9.258l-4.015 4H15zM0 .5v12.495V.5z'/> <path d='M0 12.995V13a3.07 3.07 0 0 0 0-.005z'/> </svg>");
2019
+ --treb-icon-layout: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?> <svg version='1.1' id='Layer_3' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'> <polygon points='3,0 20,17.156 20,17.042 '/> <polygon points='3,0 0,0 0,16 1,16 1,1 2.585,1 19,17.455 19,19 4,19 4,20 20,20 20,17.156 '/> <path d='M6.886,3.922L5.343,5.465c-0.195,0.195-0.195,0.511,0,0.707c0.196,0.195,0.512,0.195,0.708,0l1.539-1.54L6.886,3.922z'/> <path d='M9.702,6.763l-1.53,1.53C7.977,8.488,7.977,8.805,8.172,9c0.195,0.196,0.512,0.196,0.707,0l1.526-1.526L9.702,6.763z'/> <path d='M12.517,9.604L11,11.121c-0.195,0.195-0.195,0.512,0,0.707s0.512,0.195,0.707,0l1.514-1.514L12.517,9.604z'/> <path d='M15.332,12.445l-1.504,1.504c-0.195,0.195-0.195,0.512,0,0.707s0.512,0.195,0.707,0l1.501-1.5L15.332,12.445z'/> <path d='M1,16H0c0,2.209,1.791,4,4,4v-1C2.346,19,1,17.654,1,16z'/> <path d='M5,9v6h6L5,9z M6,11.414L8.586,14H6V11.414z'/> </svg> ");
2020
+ --treb-icon-freeze: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-snow' viewBox='0 0 16 16'> <path d='M8 16a.5.5 0 0 1-.5-.5v-1.293l-.646.647a.5.5 0 0 1-.707-.708L7.5 12.793V8.866l-3.4 1.963-.496 1.85a.5.5 0 1 1-.966-.26l.237-.882-1.12.646a.5.5 0 0 1-.5-.866l1.12-.646-.884-.237a.5.5 0 1 1 .26-.966l1.848.495L7 8 3.6 6.037l-1.85.495a.5.5 0 0 1-.258-.966l.883-.237-1.12-.646a.5.5 0 1 1 .5-.866l1.12.646-.237-.883a.5.5 0 1 1 .966-.258l.495 1.849L7.5 7.134V3.207L6.147 1.854a.5.5 0 1 1 .707-.708l.646.647V.5a.5.5 0 1 1 1 0v1.293l.647-.647a.5.5 0 1 1 .707.708L8.5 3.207v3.927l3.4-1.963.496-1.85a.5.5 0 1 1 .966.26l-.236.882 1.12-.646a.5.5 0 0 1 .5.866l-1.12.646.883.237a.5.5 0 1 1-.26.966l-1.848-.495L9 8l3.4 1.963 1.849-.495a.5.5 0 0 1 .259.966l-.883.237 1.12.646a.5.5 0 0 1-.5.866l-1.12-.646.236.883a.5.5 0 1 1-.966.258l-.495-1.849-3.4-1.963v3.927l1.353 1.353a.5.5 0 0 1-.707.708l-.647-.647V15.5a.5.5 0 0 1-.5.5z'/> </svg>");
2021
+ --treb-icon-column-chart: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?> <svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'> <path d='M4.5,17.5C4.5,17.776,4.276,18,4,18l0,0c-0.276,0-0.5-0.224-0.5-0.5v-5C3.5,12.224,3.724,12,4,12l0,0 c0.276,0,0.5,0.224,0.5,0.5V17.5z'/> <path d='M12.5,17.5c0,0.276-0.224,0.5-0.5,0.5l0,0c-0.276,0-0.5-0.224-0.5-0.5v-9C11.5,8.224,11.724,8,12,8l0,0 c0.276,0,0.5,0.224,0.5,0.5V17.5z'/> <path d='M16.5,17.5c0,0.276-0.224,0.5-0.5,0.5l0,0c-0.276,0-0.5-0.224-0.5-0.5v-13C15.5,4.224,15.724,4,16,4l0,0 c0.276,0,0.5,0.224,0.5,0.5V17.5z'/> <path d='M8.5,17.5C8.5,17.776,8.276,18,8,18l0,0c-0.276,0-0.5-0.224-0.5-0.5v-14C7.5,3.224,7.724,3,8,3l0,0 c0.276,0,0.5,0.224,0.5,0.5V17.5z'/> </svg> ");
2022
+ --treb-icon-donut-chart: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?> <svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'> <path d='M12,1.23v1.548C14.526,3.479,16.5,5.477,17.203,8h1.565C18.004,4.639,15.362,1.995,12,1.23z'/> <path d='M2.5,10c0-3.51,2.426-6.456,5.688-7.27V1.183C4.085,2.021,1,5.65,1,10c0,1.761,0.513,3.397,1.387,4.784l1.093-1.093 C2.859,12.601,2.5,11.343,2.5,10z'/> <path d='M17.221,12c-0.878,3.166-3.778,5.5-7.221,5.5c-1.343,0-2.601-0.359-3.692-0.979l-1.093,1.093C6.603,18.487,8.24,19,10,19 c4.282,0,7.859-2.993,8.77-7H17.221z'/> </svg> ");
2023
+ --treb-icon-bar-chart: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?> <svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'> <path d='M2.5,4.5C2.224,4.5,2,4.276,2,4l0,0c0-0.276,0.224-0.5,0.5-0.5h5C7.776,3.5,8,3.724,8,4l0,0c0,0.276-0.224,0.5-0.5,0.5H2.5z '/> <path d='M2.5,12.5C2.224,12.5,2,12.276,2,12l0,0c0-0.276,0.224-0.5,0.5-0.5h9c0.276,0,0.5,0.224,0.5,0.5l0,0 c0,0.276-0.224,0.5-0.5,0.5H2.5z'/> <path d='M2.5,16.5C2.224,16.5,2,16.276,2,16l0,0c0-0.276,0.224-0.5,0.5-0.5h13c0.276,0,0.5,0.224,0.5,0.5l0,0 c0,0.276-0.224,0.5-0.5,0.5H2.5z'/> <path d='M2.5,8.5C2.224,8.5,2,8.276,2,8l0,0c0-0.276,0.224-0.5,0.5-0.5h14C16.776,7.5,17,7.724,17,8l0,0c0,0.276-0.224,0.5-0.5,0.5 H2.5z'/> </svg> ");
2024
+ --treb-icon-line-chart: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?> <svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'> <polygon points='1,8 4,5 11,10 19,2 19,4 11,12 4,7 1,10 '/> </svg> ");
2025
+ --treb-icon-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-image' viewBox='0 0 16 16'> <path d='M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'/> <path d='M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-12zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1h12z'/> </svg>");
2026
+ --treb-icon-recalculate: url("data:image/svg+xml,<?xml version='1.0' encoding='utf-8'?> <svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'> <path d='M9.478,4.022c2.402-0.209,4.583,1.047,5.711,3.014l1.083-0.095c-1.233-2.528-3.912-4.175-6.881-3.916 c-2.97,0.26-5.321,2.347-6.098,5.051l1.083-0.095C5.144,5.849,7.074,4.233,9.478,4.022z'/> <path d='M10.523,15.977c-2.403,0.211-4.585-1.047-5.712-3.013l-1.08,0.095c1.234,2.527,3.91,4.175,6.879,3.914 c2.971-0.259,5.32-2.347,6.095-5.05l-1.08,0.095C14.856,14.15,12.926,15.767,10.523,15.977z'/> <polygon points='2.272,15.616 7.469,12.616 3.371,11.519 '/> <polygon points='17.728,4.384 12.531,7.384 16.629,8.482 '/> <path d='M10,10'/> </svg> ");
2027
+ --treb-icon-check: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check2' viewBox='0 0 16 16'> <path d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/> </svg>");
2028
+ }
2029
+ .treb-container .treb-sidebar-icon-popout {
2030
+ mask-image: var(--treb-sidebar-icon-popout);
2031
+ -webkit-mask-image: var(--treb-sidebar-icon-popout);
2032
+ }
2033
+ .treb-container .treb-sidebar-icon-toolbar {
2034
+ mask-image: var(--treb-sidebar-icon-toolbar);
2035
+ -webkit-mask-image: var(--treb-sidebar-icon-toolbar);
2036
+ }
2037
+ .treb-container .treb-sidebar-icon-export {
2038
+ mask-image: var(--treb-sidebar-icon-export);
2039
+ -webkit-mask-image: var(--treb-sidebar-icon-export);
2040
+ }
2041
+ .treb-container .treb-sidebar-icon-reset {
2042
+ mask-image: var(--treb-sidebar-icon-reset);
2043
+ -webkit-mask-image: var(--treb-sidebar-icon-reset);
2044
+ }
2045
+ .treb-container .treb-sidebar-icon-about {
2046
+ mask-image: var(--treb-sidebar-icon-about);
2047
+ -webkit-mask-image: var(--treb-sidebar-icon-about);
2048
+ }
2049
+ .treb-container .treb-sidebar-icon-chevron-left {
2050
+ mask-image: var(--treb-sidebar-icon-chevron-left);
2051
+ -webkit-mask-image: var(--treb-sidebar-icon-chevron-left);
2052
+ }
2053
+ .treb-container .treb-sidebar-icon-chevron-right {
2054
+ mask-image: var(--treb-sidebar-icon-chevron-right);
2055
+ -webkit-mask-image: var(--treb-sidebar-icon-chevron-right);
2056
+ }
2057
+ .treb-container .treb-sidebar-icon-revert {
2058
+ mask-image: var(--treb-sidebar-icon-revert);
2059
+ -webkit-mask-image: var(--treb-sidebar-icon-revert);
2060
+ }
2061
+ .treb-container .treb-icon-text-align-left {
2062
+ mask-image: var(--treb-icon-text-align-left);
2063
+ -webkit-mask-image: var(--treb-icon-text-align-left);
2064
+ }
2065
+ .treb-container .treb-icon-text-align-center {
2066
+ mask-image: var(--treb-icon-text-align-center);
2067
+ -webkit-mask-image: var(--treb-icon-text-align-center);
2068
+ }
2069
+ .treb-container .treb-icon-text-align-right {
2070
+ mask-image: var(--treb-icon-text-align-right);
2071
+ -webkit-mask-image: var(--treb-icon-text-align-right);
2072
+ }
2073
+ .treb-container .treb-icon-text-align-top {
2074
+ mask-image: var(--treb-icon-text-align-top);
2075
+ -webkit-mask-image: var(--treb-icon-text-align-top);
2076
+ }
2077
+ .treb-container .treb-icon-text-align-middle {
2078
+ mask-image: var(--treb-icon-text-align-middle);
2079
+ -webkit-mask-image: var(--treb-icon-text-align-middle);
2080
+ }
2081
+ .treb-container .treb-icon-text-align-bottom {
2082
+ mask-image: var(--treb-icon-text-align-bottom);
2083
+ -webkit-mask-image: var(--treb-icon-text-align-bottom);
2084
+ }
2085
+ .treb-container .treb-icon-file-menu {
2086
+ mask-image: var(--treb-icon-file-menu);
2087
+ -webkit-mask-image: var(--treb-icon-file-menu);
2088
+ }
2089
+ .treb-container .treb-icon-wrap-text {
2090
+ mask-image: var(--treb-icon-wrap-text);
2091
+ -webkit-mask-image: var(--treb-icon-wrap-text);
2092
+ }
2093
+ .treb-container .treb-icon-unmerge-cells {
2094
+ mask-image: var(--treb-icon-unmerge-cells);
2095
+ -webkit-mask-image: var(--treb-icon-unmerge-cells);
2096
+ }
2097
+ .treb-container .treb-icon-merge-cells {
2098
+ mask-image: var(--treb-icon-merge-cells);
2099
+ -webkit-mask-image: var(--treb-icon-merge-cells);
2100
+ }
2101
+ .treb-container .treb-icon-lock {
2102
+ mask-image: var(--treb-icon-lock);
2103
+ -webkit-mask-image: var(--treb-icon-lock);
2104
+ }
2105
+ .treb-container .treb-icon-comment {
2106
+ mask-image: var(--treb-icon-comment);
2107
+ -webkit-mask-image: var(--treb-icon-comment);
2108
+ }
2109
+ .treb-container .treb-icon-fill-color {
2110
+ mask-image: var(--treb-icon-fill-color);
2111
+ -webkit-mask-image: var(--treb-icon-fill-color);
2112
+ }
2113
+ .treb-container .treb-icon-text-color {
2114
+ mask-image: var(--treb-icon-text-color);
2115
+ -webkit-mask-image: var(--treb-icon-text-color);
2116
+ }
2117
+ .treb-container .treb-icon-border-bottom {
2118
+ mask-image: var(--treb-icon-border-bottom);
2119
+ -webkit-mask-image: var(--treb-icon-border-bottom);
2120
+ }
2121
+ .treb-container .treb-icon-border-top {
2122
+ mask-image: var(--treb-icon-border-top);
2123
+ -webkit-mask-image: var(--treb-icon-border-top);
2124
+ }
2125
+ .treb-container .treb-icon-border-left {
2126
+ mask-image: var(--treb-icon-border-left);
2127
+ -webkit-mask-image: var(--treb-icon-border-left);
2128
+ }
2129
+ .treb-container .treb-icon-border-right {
2130
+ mask-image: var(--treb-icon-border-right);
2131
+ -webkit-mask-image: var(--treb-icon-border-right);
2132
+ }
2133
+ .treb-container .treb-icon-border-double-bottom {
2134
+ mask-image: var(--treb-icon-border-double-bottom);
2135
+ -webkit-mask-image: var(--treb-icon-border-double-bottom);
2136
+ }
2137
+ .treb-container .treb-icon-border-all {
2138
+ mask-image: var(--treb-icon-border-all);
2139
+ -webkit-mask-image: var(--treb-icon-border-all);
2140
+ }
2141
+ .treb-container .treb-icon-border-outer {
2142
+ mask-image: var(--treb-icon-border-outer);
2143
+ -webkit-mask-image: var(--treb-icon-border-outer);
2144
+ }
2145
+ .treb-container .treb-icon-border-none {
2146
+ mask-image: var(--treb-icon-border-none);
2147
+ -webkit-mask-image: var(--treb-icon-border-none);
2148
+ }
2149
+ .treb-container .treb-icon-palette {
2150
+ mask-image: var(--treb-icon-palette);
2151
+ -webkit-mask-image: var(--treb-icon-palette);
2152
+ }
2153
+ .treb-container .treb-icon-layout {
2154
+ mask-image: var(--treb-icon-layout);
2155
+ -webkit-mask-image: var(--treb-icon-layout);
2156
+ }
2157
+ .treb-container .treb-icon-freeze {
2158
+ mask-image: var(--treb-icon-freeze);
2159
+ -webkit-mask-image: var(--treb-icon-freeze);
2160
+ }
2161
+ .treb-container .treb-icon-column-chart {
2162
+ mask-image: var(--treb-icon-column-chart);
2163
+ -webkit-mask-image: var(--treb-icon-column-chart);
2164
+ }
2165
+ .treb-container .treb-icon-donut-chart {
2166
+ mask-image: var(--treb-icon-donut-chart);
2167
+ -webkit-mask-image: var(--treb-icon-donut-chart);
2168
+ }
2169
+ .treb-container .treb-icon-bar-chart {
2170
+ mask-image: var(--treb-icon-bar-chart);
2171
+ -webkit-mask-image: var(--treb-icon-bar-chart);
2172
+ }
2173
+ .treb-container .treb-icon-line-chart {
2174
+ mask-image: var(--treb-icon-line-chart);
2175
+ -webkit-mask-image: var(--treb-icon-line-chart);
2176
+ }
2177
+ .treb-container .treb-icon-image {
2178
+ mask-image: var(--treb-icon-image);
2179
+ -webkit-mask-image: var(--treb-icon-image);
2180
+ }
2181
+ .treb-container .treb-icon-recalculate {
2182
+ mask-image: var(--treb-icon-recalculate);
2183
+ -webkit-mask-image: var(--treb-icon-recalculate);
2184
+ }
2185
+ .treb-container .treb-icon-check {
2186
+ mask-image: var(--treb-icon-check);
2187
+ -webkit-mask-image: var(--treb-icon-check);
2188
+ }
2189
+ .treb-main,
2190
+ .treb-embed-mask {
2191
+ font-family:
2192
+ BlinkMacSystemFont,
2193
+ "Segoe UI",
2194
+ Roboto,
2195
+ Oxygen,
2196
+ Ubuntu,
2197
+ Cantarell,
2198
+ "Open Sans",
2199
+ "Helvetica Neue",
2200
+ sans-serif;
2201
+ font-style: normal;
2202
+ font-weight: normal;
2203
+ color: #333;
2204
+ font-size: 12pt;
2205
+ box-sizing: border-box;
2206
+ }
2207
+ .treb-main *,
2208
+ .treb-embed-mask * {
2209
+ box-sizing: border-box;
2210
+ }
2211
+ .masked .treb-main {
2212
+ opacity: 0.6;
2213
+ }
2214
+ .treb-main {
2215
+ position: absolute;
2216
+ top: 0px;
2217
+ left: 0px;
2218
+ width: 100%;
2219
+ height: 100%;
2220
+ z-index: 1;
2221
+ transition: opacity 0.2s ease;
2222
+ }
2223
+ .treb-embed-mask {
2224
+ position: absolute;
2225
+ top: 0px;
2226
+ left: 0px;
2227
+ width: 100%;
2228
+ height: 100%;
2229
+ z-index: 1000;
2230
+ display: flex;
2231
+ justify-content: center;
2232
+ align-items: center;
2233
+ opacity: 0;
2234
+ transition: opacity 0.2s;
2235
+ pointer-events: none;
2236
+ }
2237
+ .treb-embed-mask.visible {
2238
+ pointer-events: auto;
2239
+ opacity: 1;
2240
+ }
2241
+
2242
+ /* treb-embed/style/composite-sheet.scss */
2243
+ .treb-views {
2244
+ box-sizing: border-box;
2245
+ position: absolute;
2246
+ left: 0px;
2247
+ top: 0px;
2248
+ bottom: 0px;
2249
+ right: 0px;
2250
+ transition: right 0.2s ease-in-out, top 0.2s ease-in-out;
2251
+ display: flex;
2252
+ flex-direction: row;
2253
+ }
2254
+ .treb-view {
2255
+ flex-grow: 1;
2256
+ position: relative;
2257
+ }
2258
+ .treb-view ~ .treb-view {
2259
+ margin-left: 1em;
2260
+ }
2261
+ .default-spreadsheet-size {
2262
+ width: 680px;
2263
+ height: 400px;
2264
+ max-width: 100%;
2265
+ }
2266
+ .sidebar-open {
2267
+ }
2268
+ .sidebar-open .treb-views {
2269
+ right: 40px;
2270
+ }
2271
+ .sidebar-open .show-sidebar-button {
2272
+ opacity: 0;
2273
+ pointer-events: none;
2274
+ }
2275
+ .sidebar-open .embedded-spreadsheet-sidebar {
2276
+ opacity: 1;
2277
+ pointer-events: initial;
2278
+ }
2279
+ .sidebar-open .masked ~ .embedded-spreadsheet-sidebar {
2280
+ opacity: 0.6;
2281
+ pointer-events: none;
2282
+ }
2283
+ .toolbar-container {
2284
+ position: absolute;
2285
+ top: 0;
2286
+ left: 0;
2287
+ opacity: 0;
2288
+ pointer-events: none;
2289
+ transition: opacity 0.2s ease;
2290
+ right: 0;
2291
+ max-width: 100%;
2292
+ height: 38px;
2293
+ max-height: 38px;
2294
+ }
2295
+ .toolbar-open {
2296
+ }
2297
+ .toolbar-open .treb-views {
2298
+ top: 38px;
2299
+ }
2300
+ .toolbar-open .embedded-spreadsheet-sidebar {
2301
+ top: 38px;
2302
+ }
2303
+ .toolbar-open .toolbar-container {
2304
+ opacity: 1;
2305
+ pointer-events: initial;
2306
+ }
2307
+ .toolbar-open .masked + .toolbar-container {
2308
+ pointer-events: none;
2309
+ opacity: 0.6;
2310
+ }
2311
+ .sidebar-button {
2312
+ box-sizing: border-box;
2313
+ background: transparent;
2314
+ padding: 0;
2315
+ width: 24px;
2316
+ height: 24px;
2317
+ border: 0;
2318
+ line-height: 28px;
2319
+ display: flex;
2320
+ flex-direction: row;
2321
+ align-items: center;
2322
+ justify-content: center;
2323
+ border: 0;
2324
+ }
2325
+ .sidebar-button.smaller.treb-icon::after {
2326
+ width: 12px;
2327
+ height: 12px;
2328
+ mask-size: 12px 12px;
2329
+ -webkit-mask-size: 12px 12px;
2330
+ }
2331
+ .sidebar-button.treb-icon::after {
2332
+ width: 24px;
2333
+ height: 24px;
2334
+ content: "";
2335
+ mask-position: center;
2336
+ -webkit-mask-position: center;
2337
+ mask-repeat: no-repeat;
2338
+ -webkit-mask-repeat: no-repeat;
2339
+ background: #ccc;
2340
+ transition: background 0.1s ease;
2341
+ }
2342
+ .sidebar-button.treb-icon:hover::after {
2343
+ background: #666;
2344
+ }
2345
+ .treb-icon-popout::after {
2346
+ mask-image: var(--treb-sidebar-icon-popout);
2347
+ -webkit-mask-image: var(--treb-sidebar-icon-popout);
2348
+ }
2349
+ .treb-icon-toolbar::after {
2350
+ mask-image: var(--treb-sidebar-icon-toolbar);
2351
+ -webkit-mask-image: var(--treb-sidebar-icon-toolbar);
2352
+ }
2353
+ .treb-icon-export::after {
2354
+ mask-image: var(--treb-sidebar-icon-export);
2355
+ -webkit-mask-image: var(--treb-sidebar-icon-export);
2356
+ }
2357
+ .treb-icon-reset::after {
2358
+ mask-image: var(--treb-sidebar-icon-reset);
2359
+ -webkit-mask-image: var(--treb-sidebar-icon-reset);
2360
+ }
2361
+ .treb-icon-about::after {
2362
+ mask-image: var(--treb-sidebar-icon-about);
2363
+ -webkit-mask-image: var(--treb-sidebar-icon-about);
2364
+ }
2365
+ .treb-icon-fork::after {
2366
+ mask-image: var(--treb-sidebar-icon-fork);
2367
+ -webkit-mask-image: var(--treb-sidebar-icon-fork);
2368
+ }
2369
+ .treb-icon-chevron-left::after {
2370
+ mask-image: var(--treb-sidebar-icon-chevron-left);
2371
+ -webkit-mask-image: var(--treb-sidebar-icon-chevron-left);
2372
+ }
2373
+ .treb-icon-chevron-right::after {
2374
+ mask-image: var(--treb-sidebar-icon-chevron-right);
2375
+ -webkit-mask-image: var(--treb-sidebar-icon-chevron-right);
2376
+ }
2377
+ .treb-icon-revert::after {
2378
+ mask-image: var(--treb-sidebar-icon-revert);
2379
+ -webkit-mask-image: var(--treb-sidebar-icon-revert);
2380
+ }
2381
+ .show-sidebar-button {
2382
+ position: absolute;
2383
+ border: 1px solid var(--treb-sidebar-button-border-color, var(--treb-ui-border-color, #ccc));
2384
+ border-right-width: 0px;
2385
+ z-index: 5;
2386
+ bottom: 50px;
2387
+ right: 0px;
2388
+ border-radius: 0;
2389
+ border-top-left-radius: 12px;
2390
+ border-bottom-left-radius: 12px;
2391
+ background: var(--treb-sidebar-button-background, #fff);
2392
+ transition: opacity 0.2s ease-in-out;
2393
+ }
2394
+ .embedded-spreadsheet-sidebar {
2395
+ box-sizing: border-box;
2396
+ border: 0;
2397
+ box-sizing: border-box;
2398
+ align-items: center;
2399
+ position: absolute;
2400
+ right: 0px;
2401
+ top: 0px;
2402
+ width: 40px;
2403
+ opacity: 0;
2404
+ bottom: 0px;
2405
+ overflow: hidden;
2406
+ pointer-events: none;
2407
+ display: flex;
2408
+ flex-direction: column;
2409
+ transition: top 0.2s ease-in-out, opacity 0.2s ease-in-out;
2410
+ }
2411
+ .embedded-spreadsheet-sidebar .sidebar-button {
2412
+ margin-top: 10px;
2413
+ margin-bottom: 4px;
2414
+ }
2415
+ .embedded-spreadsheet-sidebar .sidebar-button:last-child {
2416
+ margin-bottom: 50px;
2417
+ }
2418
+ .embedded-spreadsheet-sidebar .sidebar-spacer {
2419
+ box-sizing: border-box;
2420
+ flex-grow: 1;
2421
+ }
2422
+ .treb-fullscreen-padding .embedded-spreadsheet-sidebar {
2423
+ width: 50px;
2424
+ }
2425
+ .treb-fullscreen-padding .embedded-spreadsheet-sidebar .sidebar-button {
2426
+ margin-bottom: 6px;
2427
+ }
2428
+ .treb-fullscreen-padding .embedded-spreadsheet-sidebar .sidebar-button:last-child {
2429
+ margin-bottom: 50px;
2430
+ }
2431
+ .treb-fullscreen-padding .toolbar-container {
2432
+ top: 8px;
2433
+ left: 6px;
2434
+ }
2435
+ .treb-fullscreen-padding.sidebar-open .treb-views {
2436
+ right: 50px;
2437
+ }
2438
+ .treb-fullscreen-padding.toolbar-open .treb-views {
2439
+ top: 45px;
2440
+ }
2441
+ .treb-fullscreen-padding.toolbar-open .embedded-spreadsheet-sidebar {
2442
+ top: 45px;
2443
+ }
2444
+
2445
+ /* treb-base-types/style/resizable.css */
2446
+ .treb-embed-mouse-mask {
2447
+ position: fixed;
2448
+ top: 0px;
2449
+ left: 0px;
2450
+ right: 0px;
2451
+ bottom: 0px;
2452
+ background: transparent;
2453
+ z-index: 1000;
2454
+ display: none;
2455
+ cursor: nwse-resize;
2456
+ }
2457
+ .treb-embed-resize-rect {
2458
+ box-sizing: border-box;
2459
+ position: absolute;
2460
+ border: 1px dotted #2e8dd6;
2461
+ border-radius: 2px;
2462
+ pointer-events: none;
2463
+ }
2464
+ .treb-embed-resize-handle {
2465
+ box-sizing: border-box;
2466
+ position: absolute;
2467
+ height: 16px;
2468
+ width: 16px;
2469
+ min-height: 16px;
2470
+ min-width: 16px;
2471
+ border: 8px solid #2e8dd6;
2472
+ border-top-color: transparent;
2473
+ border-left-color: transparent;
2474
+ cursor: nwse-resize;
2475
+ bottom: 1px;
2476
+ right: 1px;
2477
+ z-index: 999;
2478
+ }