@trebco/treb 23.4.0 → 23.6.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.
package/treb-bundle.css CHANGED
@@ -1,2478 +1,2 @@
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
- }
1
+ /*! TREB v23.6.0. 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 .treb-offset-dark{color:#000}.treb-main .treb-offset-light{color:#fff}.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 .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-icon-table: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-table' viewBox='0 0 16 16'><path d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm15 2h-4v3h4V4zm0 4h-4v3h4V8zm0 4h-4v3h3a1 1 0 0 0 1-1v-2zm-5 3v-3H6v3h4zm-5 0v-3H1v2a1 1 0 0 0 1 1h3zm-4-4h4V8H1v3zm0-4h4V4H1v3zm5-3v3h4V4H6zm4 4H6v3h4V8z'/></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-container .treb-icon-table{mask-image:var(--treb-icon-table);-webkit-mask-image:var(--treb-icon-table)}.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}