opus-react 0.2.20 → 0.2.23
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/README.md +190 -115
- package/dist/index.cjs +5186 -399
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +4630 -99
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +841 -8
- package/dist/index.d.ts +841 -8
- package/dist/index.js +5140 -407
- package/dist/index.js.map +1 -1
- package/package.json +4 -1
package/dist/index.css
CHANGED
|
@@ -326,9 +326,17 @@
|
|
|
326
326
|
}
|
|
327
327
|
|
|
328
328
|
.opus_g-5tlR_toggle {
|
|
329
|
-
width: var(--
|
|
330
|
-
height: var(--
|
|
329
|
+
width: var(--choice-control-size);
|
|
330
|
+
height: var(--choice-control-size);
|
|
331
331
|
color: var(--opus-text);
|
|
332
|
+
place-items: center;
|
|
333
|
+
display: grid;
|
|
334
|
+
position: relative;
|
|
335
|
+
}
|
|
336
|
+
|
|
337
|
+
.opus_g-5tlR_toggleLabel {
|
|
338
|
+
width: var(--choice-control-size);
|
|
339
|
+
height: var(--choice-control-size);
|
|
332
340
|
cursor: pointer;
|
|
333
341
|
place-items: center;
|
|
334
342
|
display: grid;
|
|
@@ -347,8 +355,8 @@
|
|
|
347
355
|
}
|
|
348
356
|
|
|
349
357
|
.opus_g-5tlR_visual {
|
|
350
|
-
width: var(--
|
|
351
|
-
height: var(--
|
|
358
|
+
width: var(--choice-control-size);
|
|
359
|
+
height: var(--choice-control-size);
|
|
352
360
|
border: 1px solid var(--opus-border-strong);
|
|
353
361
|
background: var(--opus-input-bg);
|
|
354
362
|
transition: background .16s, border-color .16s, box-shadow .16s;
|
|
@@ -366,11 +374,11 @@
|
|
|
366
374
|
|
|
367
375
|
.opus_g-5tlR_visual:after {
|
|
368
376
|
content: "";
|
|
377
|
+
width: var(--choice-control-tick-width);
|
|
378
|
+
height: var(--choice-control-tick-height);
|
|
379
|
+
border-left: var(--choice-control-tick-weight) solid #fff;
|
|
380
|
+
border-bottom: var(--choice-control-tick-weight) solid #fff;
|
|
369
381
|
opacity: 0;
|
|
370
|
-
border-bottom: 2px solid #fff;
|
|
371
|
-
border-left: 2px solid #fff;
|
|
372
|
-
width: 11px;
|
|
373
|
-
height: 6px;
|
|
374
382
|
position: absolute;
|
|
375
383
|
top: 45%;
|
|
376
384
|
left: 50%;
|
|
@@ -390,7 +398,7 @@
|
|
|
390
398
|
}
|
|
391
399
|
|
|
392
400
|
.opus_g-5tlR_nativeInput:focus-visible + .opus_g-5tlR_visual {
|
|
393
|
-
box-shadow: 0 0 0
|
|
401
|
+
box-shadow: 0 0 0 var(--choice-control-focus-ring) color-mix(in srgb, var(--opus-accent) 24%, transparent),
|
|
394
402
|
inset 0 0 0 1px #ffffff14;
|
|
395
403
|
}
|
|
396
404
|
|
|
@@ -399,6 +407,37 @@
|
|
|
399
407
|
outline-offset: 2px;
|
|
400
408
|
}
|
|
401
409
|
|
|
410
|
+
/* components/fields/shared/choiceControlSizes.module.css */
|
|
411
|
+
.opus_4er5Uc_sizeSm {
|
|
412
|
+
--choice-control-size: 1.125rem;
|
|
413
|
+
--choice-control-tick-width: 8px;
|
|
414
|
+
--choice-control-tick-height: 4.5px;
|
|
415
|
+
--choice-control-tick-weight: 1.5px;
|
|
416
|
+
--choice-control-dot-size: 7px;
|
|
417
|
+
--choice-control-focus-ring: 3px;
|
|
418
|
+
--opus-control-height: 1.125rem;
|
|
419
|
+
}
|
|
420
|
+
|
|
421
|
+
.opus_4er5Uc_sizeMd {
|
|
422
|
+
--choice-control-size: 1.375rem;
|
|
423
|
+
--choice-control-tick-width: 10px;
|
|
424
|
+
--choice-control-tick-height: 5.5px;
|
|
425
|
+
--choice-control-tick-weight: 1.75px;
|
|
426
|
+
--choice-control-dot-size: 9px;
|
|
427
|
+
--choice-control-focus-ring: 3px;
|
|
428
|
+
--opus-control-height: 1.375rem;
|
|
429
|
+
}
|
|
430
|
+
|
|
431
|
+
.opus_4er5Uc_sizeLg {
|
|
432
|
+
--choice-control-size: 1.75rem;
|
|
433
|
+
--choice-control-tick-width: 11px;
|
|
434
|
+
--choice-control-tick-height: 6px;
|
|
435
|
+
--choice-control-tick-weight: 2px;
|
|
436
|
+
--choice-control-dot-size: 11px;
|
|
437
|
+
--choice-control-focus-ring: 4px;
|
|
438
|
+
--opus-control-height: 1.75rem;
|
|
439
|
+
}
|
|
440
|
+
|
|
402
441
|
/* components/fields/ColorField/ColorField.module.css */
|
|
403
442
|
.opus_Z7jeX4_picker {
|
|
404
443
|
width: 100%;
|
|
@@ -707,14 +746,14 @@
|
|
|
707
746
|
}
|
|
708
747
|
|
|
709
748
|
.opus_O-1nor_option {
|
|
710
|
-
min-height: var(--opus-control-height);
|
|
749
|
+
min-height: var(--choice-control-size, var(--opus-control-height));
|
|
711
750
|
gap: 4px;
|
|
712
751
|
display: grid;
|
|
713
752
|
}
|
|
714
753
|
|
|
715
754
|
.opus_O-1nor_choice {
|
|
716
755
|
width: 100%;
|
|
717
|
-
min-height: var(--opus-control-height);
|
|
756
|
+
min-height: var(--choice-control-size, var(--opus-control-height));
|
|
718
757
|
color: var(--opus-text);
|
|
719
758
|
font-size: var(--opus-control-font-size);
|
|
720
759
|
cursor: pointer;
|
|
@@ -736,8 +775,8 @@
|
|
|
736
775
|
}
|
|
737
776
|
|
|
738
777
|
.opus_O-1nor_visual {
|
|
739
|
-
width: var(--opus-control-height);
|
|
740
|
-
height: var(--opus-control-height);
|
|
778
|
+
width: var(--choice-control-size, var(--opus-control-height));
|
|
779
|
+
height: var(--choice-control-size, var(--opus-control-height));
|
|
741
780
|
border: 1px solid var(--opus-border-strong);
|
|
742
781
|
background: var(--opus-input-bg);
|
|
743
782
|
flex: none;
|
|
@@ -756,6 +795,8 @@
|
|
|
756
795
|
|
|
757
796
|
.opus_O-1nor_visual:after {
|
|
758
797
|
content: "";
|
|
798
|
+
width: var(--choice-control-dot-size);
|
|
799
|
+
height: var(--choice-control-dot-size);
|
|
759
800
|
border-radius: inherit;
|
|
760
801
|
background: linear-gradient(135deg,
|
|
761
802
|
var(--opus-accent),
|
|
@@ -763,7 +804,9 @@
|
|
|
763
804
|
opacity: 0;
|
|
764
805
|
transition: opacity .16s;
|
|
765
806
|
position: absolute;
|
|
766
|
-
|
|
807
|
+
top: 50%;
|
|
808
|
+
left: 50%;
|
|
809
|
+
transform: translate(-50%, -50%);
|
|
767
810
|
}
|
|
768
811
|
|
|
769
812
|
.opus_O-1nor_nativeInput:checked + .opus_O-1nor_visual {
|
|
@@ -776,7 +819,7 @@
|
|
|
776
819
|
}
|
|
777
820
|
|
|
778
821
|
.opus_O-1nor_nativeInput:focus-visible + .opus_O-1nor_visual {
|
|
779
|
-
box-shadow: 0 0 0 4px color-mix(in srgb, var(--opus-accent) 24%, transparent),
|
|
822
|
+
box-shadow: 0 0 0 var(--choice-control-focus-ring, 4px) color-mix(in srgb, var(--opus-accent) 24%, transparent),
|
|
780
823
|
inset 0 0 0 1px #ffffff14;
|
|
781
824
|
}
|
|
782
825
|
|
|
@@ -5027,17 +5070,18 @@
|
|
|
5027
5070
|
}
|
|
5028
5071
|
|
|
5029
5072
|
.opus_ADVJmy_list {
|
|
5030
|
-
border-bottom: 1px solid var(--opus-border);
|
|
5031
|
-
gap:
|
|
5073
|
+
border-bottom: 1px solid color-mix(in srgb, var(--opus-border) 72%, transparent);
|
|
5074
|
+
gap: 0;
|
|
5032
5075
|
min-width: 0;
|
|
5033
5076
|
display: flex;
|
|
5034
5077
|
}
|
|
5035
5078
|
|
|
5036
5079
|
.opus_ADVJmy_root[data-orientation="vertical"] .opus_ADVJmy_list {
|
|
5037
|
-
border-right: 1px solid var(--opus-border);
|
|
5080
|
+
border-right: 1px solid color-mix(in srgb, var(--opus-border) 72%, transparent);
|
|
5038
5081
|
border-bottom: 0;
|
|
5039
5082
|
flex-direction: column;
|
|
5040
|
-
|
|
5083
|
+
gap: 4px;
|
|
5084
|
+
padding-right: 10px;
|
|
5041
5085
|
}
|
|
5042
5086
|
|
|
5043
5087
|
.opus_ADVJmy_root[data-fitted="true"] .opus_ADVJmy_list {
|
|
@@ -5049,24 +5093,25 @@
|
|
|
5049
5093
|
}
|
|
5050
5094
|
|
|
5051
5095
|
.opus_ADVJmy_tab {
|
|
5052
|
-
min-height: var(--opus-control-height);
|
|
5053
5096
|
border-radius: var(--opus-input-radius) var(--opus-input-radius) 0 0;
|
|
5097
|
+
min-height: 0;
|
|
5054
5098
|
color: var(--opus-muted);
|
|
5055
5099
|
cursor: pointer;
|
|
5056
5100
|
font: inherit;
|
|
5057
5101
|
font-size: var(--opus-control-font-size);
|
|
5102
|
+
letter-spacing: .01em;
|
|
5103
|
+
white-space: nowrap;
|
|
5058
5104
|
background: none;
|
|
5059
5105
|
border: 0;
|
|
5060
|
-
padding:
|
|
5061
|
-
font-weight:
|
|
5062
|
-
line-height: 1;
|
|
5063
|
-
transition:
|
|
5106
|
+
padding: 12px 24px 16px;
|
|
5107
|
+
font-weight: 600;
|
|
5108
|
+
line-height: 1.2;
|
|
5109
|
+
transition: color .16s, box-shadow .16s;
|
|
5064
5110
|
position: relative;
|
|
5065
5111
|
}
|
|
5066
5112
|
|
|
5067
5113
|
.opus_ADVJmy_tab:hover:not(:disabled), .opus_ADVJmy_tab:focus-visible {
|
|
5068
|
-
|
|
5069
|
-
color: var(--opus-text);
|
|
5114
|
+
color: color-mix(in srgb, var(--opus-text) 78%, var(--opus-muted) 22%);
|
|
5070
5115
|
outline: none;
|
|
5071
5116
|
}
|
|
5072
5117
|
|
|
@@ -5076,29 +5121,38 @@
|
|
|
5076
5121
|
}
|
|
5077
5122
|
|
|
5078
5123
|
.opus_ADVJmy_tab[aria-selected="true"] {
|
|
5079
|
-
color: var(--opus-text);
|
|
5124
|
+
color: color-mix(in srgb, var(--opus-accent) 68%, var(--opus-text) 32%);
|
|
5080
5125
|
}
|
|
5081
5126
|
|
|
5082
5127
|
.opus_ADVJmy_tab[aria-selected="true"]:after {
|
|
5083
5128
|
content: "";
|
|
5084
5129
|
background: var(--opus-accent);
|
|
5085
|
-
|
|
5130
|
+
width: calc(100% - 18px);
|
|
5131
|
+
min-width: 2.75rem;
|
|
5132
|
+
height: 3px;
|
|
5133
|
+
box-shadow: 0 0 8px color-mix(in srgb, var(--opus-accent) 70%, transparent),
|
|
5134
|
+
0 0 18px color-mix(in srgb, var(--opus-accent) 38%, transparent);
|
|
5135
|
+
border-radius: 999px;
|
|
5086
5136
|
position: absolute;
|
|
5087
5137
|
bottom: -1px;
|
|
5088
|
-
left:
|
|
5089
|
-
|
|
5138
|
+
left: 50%;
|
|
5139
|
+
transform: translateX(-50%);
|
|
5090
5140
|
}
|
|
5091
5141
|
|
|
5092
5142
|
.opus_ADVJmy_root[data-orientation="vertical"] .opus_ADVJmy_tab {
|
|
5093
5143
|
border-radius: var(--opus-input-radius);
|
|
5094
5144
|
text-align: left;
|
|
5095
5145
|
justify-content: flex-start;
|
|
5146
|
+
padding: 12px 16px 12px 12px;
|
|
5096
5147
|
}
|
|
5097
5148
|
|
|
5098
5149
|
.opus_ADVJmy_root[data-orientation="vertical"] .opus_ADVJmy_tab[aria-selected="true"]:after {
|
|
5099
|
-
width:
|
|
5100
|
-
|
|
5101
|
-
|
|
5150
|
+
width: 3px;
|
|
5151
|
+
min-width: 0;
|
|
5152
|
+
height: calc(100% - 18px);
|
|
5153
|
+
min-height: 2rem;
|
|
5154
|
+
inset: 50% -11px auto auto;
|
|
5155
|
+
transform: translateY(-50%);
|
|
5102
5156
|
}
|
|
5103
5157
|
|
|
5104
5158
|
.opus_ADVJmy_root[data-variant="contained"] .opus_ADVJmy_list {
|
|
@@ -5106,14 +5160,20 @@
|
|
|
5106
5160
|
border-radius: var(--opus-input-radius-large);
|
|
5107
5161
|
background: color-mix(in srgb, var(--opus-input-bg) 54%, transparent);
|
|
5108
5162
|
gap: 6px;
|
|
5109
|
-
padding:
|
|
5163
|
+
padding: 6px;
|
|
5110
5164
|
}
|
|
5111
5165
|
|
|
5112
5166
|
.opus_ADVJmy_root[data-variant="contained"] .opus_ADVJmy_tab {
|
|
5113
5167
|
border-radius: var(--opus-input-radius);
|
|
5168
|
+
padding: 10px 16px;
|
|
5169
|
+
}
|
|
5170
|
+
|
|
5171
|
+
.opus_ADVJmy_root[data-variant="contained"] .opus_ADVJmy_tab:hover:not(:disabled), .opus_ADVJmy_root[data-variant="contained"] .opus_ADVJmy_tab:focus-visible {
|
|
5172
|
+
background: color-mix(in srgb, var(--opus-accent) 10%, transparent);
|
|
5114
5173
|
}
|
|
5115
5174
|
|
|
5116
5175
|
.opus_ADVJmy_root[data-variant="contained"] .opus_ADVJmy_tab[aria-selected="true"] {
|
|
5176
|
+
color: var(--opus-text);
|
|
5117
5177
|
background: color-mix(in srgb, var(--opus-accent) 18%, transparent);
|
|
5118
5178
|
}
|
|
5119
5179
|
|
|
@@ -5149,16 +5209,18 @@
|
|
|
5149
5209
|
|
|
5150
5210
|
.opus_ADVJmy_root[data-orientation="vertical"] .opus_ADVJmy_list {
|
|
5151
5211
|
border-right: 0;
|
|
5152
|
-
border-bottom: 1px solid var(--opus-border);
|
|
5212
|
+
border-bottom: 1px solid color-mix(in srgb, var(--opus-border) 72%, transparent);
|
|
5153
5213
|
flex-direction: row;
|
|
5154
5214
|
padding-right: 0;
|
|
5155
5215
|
overflow-x: auto;
|
|
5156
5216
|
}
|
|
5157
5217
|
|
|
5158
5218
|
.opus_ADVJmy_root[data-orientation="vertical"] .opus_ADVJmy_tab[aria-selected="true"]:after {
|
|
5159
|
-
width:
|
|
5160
|
-
height:
|
|
5161
|
-
|
|
5219
|
+
width: calc(100% - 18px);
|
|
5220
|
+
height: 3px;
|
|
5221
|
+
min-height: 0;
|
|
5222
|
+
inset: auto auto -1px 50%;
|
|
5223
|
+
transform: translateX(-50%);
|
|
5162
5224
|
}
|
|
5163
5225
|
}
|
|
5164
5226
|
|
|
@@ -5266,19 +5328,14 @@
|
|
|
5266
5328
|
|
|
5267
5329
|
/* components/dashboardMetricCardLayout/dashboardMetricCardLayout.module.css */
|
|
5268
5330
|
.opus_6_sptY_shell {
|
|
5269
|
-
border: 1px solid color-mix(in srgb, var(--opus-border) 88%, transparent);
|
|
5270
|
-
border-radius: var(--opus-input-radius-large);
|
|
5271
|
-
background: color-mix(in srgb, var(--opus-panel) 96%, transparent);
|
|
5272
|
-
min-width: 0;
|
|
5273
|
-
box-shadow: var(--opus-shadow);
|
|
5274
5331
|
gap: 10px;
|
|
5275
|
-
|
|
5332
|
+
width: 100%;
|
|
5333
|
+
min-width: 0;
|
|
5276
5334
|
display: grid;
|
|
5277
5335
|
}
|
|
5278
5336
|
|
|
5279
5337
|
.opus_6_sptY_shell[data-density="compact"] {
|
|
5280
5338
|
gap: 8px;
|
|
5281
|
-
padding: 14px 16px;
|
|
5282
5339
|
}
|
|
5283
5340
|
|
|
5284
5341
|
.opus_6_sptY_header {
|
|
@@ -5336,20 +5393,21 @@
|
|
|
5336
5393
|
}
|
|
5337
5394
|
|
|
5338
5395
|
.opus_6_sptY_label {
|
|
5339
|
-
color: var(--opus-muted);
|
|
5396
|
+
color: var(--dashboard-section-muted, var(--opus-muted));
|
|
5340
5397
|
margin: 0;
|
|
5341
5398
|
font-size: .84rem;
|
|
5342
5399
|
font-weight: 650;
|
|
5343
5400
|
}
|
|
5344
5401
|
|
|
5345
5402
|
.opus_6_sptY_value {
|
|
5403
|
+
overflow-wrap: anywhere;
|
|
5346
5404
|
min-width: 0;
|
|
5347
|
-
color: var(--opus-text);
|
|
5405
|
+
color: var(--dashboard-section-text, var(--opus-text));
|
|
5348
5406
|
letter-spacing: -.03em;
|
|
5349
5407
|
margin: 0;
|
|
5350
|
-
font-size: 1.75rem;
|
|
5408
|
+
font-size: clamp(1.25rem, 5vw, 1.75rem);
|
|
5351
5409
|
font-weight: 800;
|
|
5352
|
-
line-height: 1;
|
|
5410
|
+
line-height: 1.1;
|
|
5353
5411
|
}
|
|
5354
5412
|
|
|
5355
5413
|
.opus_6_sptY_shell[data-density="compact"] .opus_6_sptY_value {
|
|
@@ -5380,22 +5438,15 @@
|
|
|
5380
5438
|
|
|
5381
5439
|
/* components/Gauge/Gauge.module.css */
|
|
5382
5440
|
.opus_t6IuQe_widget {
|
|
5383
|
-
border: 1px solid color-mix(in srgb, var(--opus-border) 88%, transparent);
|
|
5384
|
-
border-radius: var(--opus-input-radius-large);
|
|
5385
|
-
background: radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--opus-accent) 10%, transparent), transparent 34%),
|
|
5386
|
-
color-mix(in srgb, var(--opus-panel) 98%, transparent);
|
|
5387
|
-
width: 100%;
|
|
5388
|
-
min-width: 0;
|
|
5389
|
-
box-shadow: var(--opus-shadow);
|
|
5390
5441
|
grid-template-rows: auto 1fr auto;
|
|
5391
5442
|
gap: 18px;
|
|
5392
|
-
|
|
5443
|
+
width: 100%;
|
|
5444
|
+
min-width: 0;
|
|
5393
5445
|
display: grid;
|
|
5394
5446
|
}
|
|
5395
5447
|
|
|
5396
5448
|
.opus_t6IuQe_widget[data-density="compact"] {
|
|
5397
5449
|
gap: 14px;
|
|
5398
|
-
padding: 16px;
|
|
5399
5450
|
}
|
|
5400
5451
|
|
|
5401
5452
|
.opus_t6IuQe_header {
|
|
@@ -5416,13 +5467,13 @@
|
|
|
5416
5467
|
}
|
|
5417
5468
|
|
|
5418
5469
|
.opus_t6IuQe_title {
|
|
5419
|
-
color: var(--opus-text);
|
|
5470
|
+
color: var(--dashboard-section-text, var(--opus-text));
|
|
5420
5471
|
font-size: 1rem;
|
|
5421
5472
|
font-weight: 800;
|
|
5422
5473
|
}
|
|
5423
5474
|
|
|
5424
5475
|
.opus_t6IuQe_subtitle {
|
|
5425
|
-
color: var(--opus-muted);
|
|
5476
|
+
color: var(--dashboard-section-muted, var(--opus-muted));
|
|
5426
5477
|
font-size: .8rem;
|
|
5427
5478
|
font-weight: 650;
|
|
5428
5479
|
line-height: 1.4;
|
|
@@ -5621,7 +5672,7 @@
|
|
|
5621
5672
|
}
|
|
5622
5673
|
|
|
5623
5674
|
.opus_xXtB87_label {
|
|
5624
|
-
color: var(--opus-muted);
|
|
5675
|
+
color: var(--dashboard-section-muted, var(--opus-muted));
|
|
5625
5676
|
margin: 0;
|
|
5626
5677
|
font-size: .84rem;
|
|
5627
5678
|
font-weight: 650;
|
|
@@ -5669,8 +5720,12 @@
|
|
|
5669
5720
|
/* components/ProgressRing/ProgressRing.module.css */
|
|
5670
5721
|
.opus_YxX6Hh_ring {
|
|
5671
5722
|
aspect-ratio: 1;
|
|
5672
|
-
|
|
5673
|
-
|
|
5723
|
+
flex-shrink: 0;
|
|
5724
|
+
width: 220px;
|
|
5725
|
+
min-width: 220px;
|
|
5726
|
+
max-width: 220px;
|
|
5727
|
+
height: 220px;
|
|
5728
|
+
margin-inline: auto;
|
|
5674
5729
|
position: relative;
|
|
5675
5730
|
}
|
|
5676
5731
|
|
|
@@ -5705,7 +5760,7 @@
|
|
|
5705
5760
|
}
|
|
5706
5761
|
|
|
5707
5762
|
.opus_YxX6Hh_center strong {
|
|
5708
|
-
color: var(--opus-text);
|
|
5763
|
+
color: var(--dashboard-section-text, var(--opus-text));
|
|
5709
5764
|
letter-spacing: -.04em;
|
|
5710
5765
|
font-size: 1.45rem;
|
|
5711
5766
|
font-weight: 800;
|
|
@@ -5713,7 +5768,7 @@
|
|
|
5713
5768
|
}
|
|
5714
5769
|
|
|
5715
5770
|
.opus_YxX6Hh_center span {
|
|
5716
|
-
color: var(--opus-muted);
|
|
5771
|
+
color: var(--dashboard-section-muted, var(--opus-muted));
|
|
5717
5772
|
font-size: .72rem;
|
|
5718
5773
|
font-weight: 700;
|
|
5719
5774
|
}
|
|
@@ -5723,13 +5778,15 @@
|
|
|
5723
5778
|
gap: 8px;
|
|
5724
5779
|
width: 100%;
|
|
5725
5780
|
min-width: 0;
|
|
5781
|
+
margin: 0;
|
|
5726
5782
|
display: grid;
|
|
5727
5783
|
}
|
|
5728
5784
|
|
|
5729
5785
|
.opus_q04AvA_header {
|
|
5730
5786
|
justify-content: space-between;
|
|
5731
|
-
align-items:
|
|
5732
|
-
gap:
|
|
5787
|
+
align-items: baseline;
|
|
5788
|
+
gap: 8px;
|
|
5789
|
+
min-width: 0;
|
|
5733
5790
|
display: flex;
|
|
5734
5791
|
}
|
|
5735
5792
|
|
|
@@ -5739,18 +5796,25 @@
|
|
|
5739
5796
|
}
|
|
5740
5797
|
|
|
5741
5798
|
.opus_q04AvA_label {
|
|
5742
|
-
|
|
5799
|
+
min-width: 0;
|
|
5800
|
+
color: var(--dashboard-section-muted, var(--opus-muted));
|
|
5743
5801
|
letter-spacing: .04em;
|
|
5802
|
+
text-overflow: ellipsis;
|
|
5744
5803
|
text-transform: uppercase;
|
|
5804
|
+
white-space: nowrap;
|
|
5805
|
+
flex: auto;
|
|
5806
|
+
overflow: hidden;
|
|
5745
5807
|
}
|
|
5746
5808
|
|
|
5747
5809
|
.opus_q04AvA_value {
|
|
5748
|
-
color: var(--opus-text);
|
|
5810
|
+
color: var(--dashboard-section-text, var(--opus-text));
|
|
5811
|
+
flex: none;
|
|
5749
5812
|
}
|
|
5750
5813
|
|
|
5751
5814
|
.opus_q04AvA_track {
|
|
5752
|
-
background: color-mix(in srgb, var(--opus-border)
|
|
5815
|
+
background: color-mix(in srgb, var(--dashboard-section-text, var(--opus-border)) 14%, transparent);
|
|
5753
5816
|
border-radius: 999px;
|
|
5817
|
+
width: 100%;
|
|
5754
5818
|
height: 10px;
|
|
5755
5819
|
overflow: hidden;
|
|
5756
5820
|
}
|
|
@@ -5765,8 +5829,11 @@
|
|
|
5765
5829
|
/* components/Speedometer/Speedometer.module.css */
|
|
5766
5830
|
.opus__jpB7z_speedometer {
|
|
5767
5831
|
aspect-ratio: 220 / 130;
|
|
5768
|
-
|
|
5769
|
-
|
|
5832
|
+
flex-shrink: 0;
|
|
5833
|
+
width: 260px;
|
|
5834
|
+
min-width: 260px;
|
|
5835
|
+
max-width: 260px;
|
|
5836
|
+
height: auto;
|
|
5770
5837
|
position: relative;
|
|
5771
5838
|
overflow: hidden;
|
|
5772
5839
|
}
|
|
@@ -5813,7 +5880,7 @@
|
|
|
5813
5880
|
}
|
|
5814
5881
|
|
|
5815
5882
|
.opus__jpB7z_center strong {
|
|
5816
|
-
color: var(--opus-text);
|
|
5883
|
+
color: var(--dashboard-section-text, var(--opus-text));
|
|
5817
5884
|
letter-spacing: -.04em;
|
|
5818
5885
|
font-size: 1.45rem;
|
|
5819
5886
|
font-weight: 800;
|
|
@@ -5821,39 +5888,40 @@
|
|
|
5821
5888
|
}
|
|
5822
5889
|
|
|
5823
5890
|
.opus__jpB7z_center span {
|
|
5824
|
-
color: var(--opus-muted);
|
|
5891
|
+
color: var(--dashboard-section-muted, var(--opus-muted));
|
|
5825
5892
|
font-size: .72rem;
|
|
5826
5893
|
font-weight: 700;
|
|
5827
5894
|
}
|
|
5828
5895
|
|
|
5829
5896
|
/* components/MetricTile/MetricTile.module.css */
|
|
5830
5897
|
.opus_-dz9KL_tile {
|
|
5831
|
-
|
|
5898
|
+
width: 100%;
|
|
5899
|
+
min-width: 0;
|
|
5832
5900
|
}
|
|
5833
5901
|
|
|
5834
|
-
.opus_-
|
|
5835
|
-
|
|
5836
|
-
justify-content: flex-end;
|
|
5902
|
+
.opus_-dz9KL_topRow {
|
|
5903
|
+
grid-template-columns: minmax(0, 1fr) minmax(0, 7rem);
|
|
5837
5904
|
align-items: center;
|
|
5838
|
-
|
|
5839
|
-
|
|
5840
|
-
display:
|
|
5841
|
-
position: absolute;
|
|
5842
|
-
top: 18px;
|
|
5843
|
-
right: 20px;
|
|
5905
|
+
gap: 8px;
|
|
5906
|
+
min-width: 0;
|
|
5907
|
+
display: grid;
|
|
5844
5908
|
}
|
|
5845
5909
|
|
|
5846
|
-
.opus_-
|
|
5847
|
-
|
|
5848
|
-
|
|
5849
|
-
|
|
5910
|
+
.opus_-dz9KL_sparklineSlot {
|
|
5911
|
+
justify-content: flex-end;
|
|
5912
|
+
align-items: center;
|
|
5913
|
+
width: 100%;
|
|
5914
|
+
min-width: 0;
|
|
5915
|
+
max-width: 7rem;
|
|
5916
|
+
height: 3.5rem;
|
|
5917
|
+
display: flex;
|
|
5918
|
+
overflow: hidden;
|
|
5850
5919
|
}
|
|
5851
5920
|
|
|
5852
|
-
.opus_-
|
|
5853
|
-
|
|
5854
|
-
|
|
5855
|
-
|
|
5856
|
-
height: 72px;
|
|
5921
|
+
.opus_-dz9KL_sparklineSlot svg {
|
|
5922
|
+
width: 100%;
|
|
5923
|
+
max-width: 7rem;
|
|
5924
|
+
height: 100%;
|
|
5857
5925
|
display: block;
|
|
5858
5926
|
}
|
|
5859
5927
|
|
|
@@ -6690,6 +6758,130 @@
|
|
|
6690
6758
|
overflow: hidden;
|
|
6691
6759
|
}
|
|
6692
6760
|
|
|
6761
|
+
.opus_zN0bNb_rowHeaderInner {
|
|
6762
|
+
align-items: center;
|
|
6763
|
+
gap: 6px;
|
|
6764
|
+
min-width: 0;
|
|
6765
|
+
max-width: 100%;
|
|
6766
|
+
display: inline-flex;
|
|
6767
|
+
}
|
|
6768
|
+
|
|
6769
|
+
.opus_zN0bNb_rowHeaderLabel {
|
|
6770
|
+
text-overflow: ellipsis;
|
|
6771
|
+
min-width: 0;
|
|
6772
|
+
overflow: hidden;
|
|
6773
|
+
}
|
|
6774
|
+
|
|
6775
|
+
.opus_zN0bNb_chevron {
|
|
6776
|
+
flex: none;
|
|
6777
|
+
width: 10px;
|
|
6778
|
+
height: 10px;
|
|
6779
|
+
font-size: 10px;
|
|
6780
|
+
line-height: 1;
|
|
6781
|
+
}
|
|
6782
|
+
|
|
6783
|
+
.opus_zN0bNb_chevron svg {
|
|
6784
|
+
width: 10px !important;
|
|
6785
|
+
height: 10px !important;
|
|
6786
|
+
}
|
|
6787
|
+
|
|
6788
|
+
.opus_zN0bNb_expandButton {
|
|
6789
|
+
width: 18px;
|
|
6790
|
+
height: 18px;
|
|
6791
|
+
color: var(--opus-muted);
|
|
6792
|
+
cursor: pointer;
|
|
6793
|
+
background: none;
|
|
6794
|
+
border: 0;
|
|
6795
|
+
border-radius: 4px;
|
|
6796
|
+
flex: none;
|
|
6797
|
+
place-items: center;
|
|
6798
|
+
padding: 0;
|
|
6799
|
+
font-size: 10px;
|
|
6800
|
+
line-height: 1;
|
|
6801
|
+
display: inline-grid;
|
|
6802
|
+
}
|
|
6803
|
+
|
|
6804
|
+
.opus_zN0bNb_expandButton:hover {
|
|
6805
|
+
color: var(--opus-accent);
|
|
6806
|
+
background: color-mix(in srgb, var(--opus-accent) 12%, transparent);
|
|
6807
|
+
}
|
|
6808
|
+
|
|
6809
|
+
.opus_zN0bNb_expandButton svg {
|
|
6810
|
+
width: 10px !important;
|
|
6811
|
+
height: 10px !important;
|
|
6812
|
+
}
|
|
6813
|
+
|
|
6814
|
+
.opus_zN0bNb_expandSpacer {
|
|
6815
|
+
flex: none;
|
|
6816
|
+
width: 18px;
|
|
6817
|
+
height: 18px;
|
|
6818
|
+
}
|
|
6819
|
+
|
|
6820
|
+
.opus_zN0bNb_groupRow td, .opus_zN0bNb_groupCell {
|
|
6821
|
+
vertical-align: middle;
|
|
6822
|
+
height: 34px;
|
|
6823
|
+
max-height: 34px;
|
|
6824
|
+
background: color-mix(in srgb, var(--opus-accent) 10%, var(--opus-panel)) !important;
|
|
6825
|
+
padding: 0 !important;
|
|
6826
|
+
}
|
|
6827
|
+
|
|
6828
|
+
.opus_zN0bNb_groupButton {
|
|
6829
|
+
box-sizing: border-box;
|
|
6830
|
+
width: 100%;
|
|
6831
|
+
height: 34px;
|
|
6832
|
+
max-height: 34px;
|
|
6833
|
+
color: var(--opus-text);
|
|
6834
|
+
cursor: pointer;
|
|
6835
|
+
font: inherit;
|
|
6836
|
+
text-align: left;
|
|
6837
|
+
background: none;
|
|
6838
|
+
border: 0;
|
|
6839
|
+
align-items: center;
|
|
6840
|
+
gap: 8px;
|
|
6841
|
+
padding: 0 12px;
|
|
6842
|
+
font-size: .82rem;
|
|
6843
|
+
font-weight: 800;
|
|
6844
|
+
line-height: 1;
|
|
6845
|
+
display: flex;
|
|
6846
|
+
}
|
|
6847
|
+
|
|
6848
|
+
.opus_zN0bNb_groupButton svg {
|
|
6849
|
+
flex: none;
|
|
6850
|
+
width: 10px !important;
|
|
6851
|
+
height: 10px !important;
|
|
6852
|
+
}
|
|
6853
|
+
|
|
6854
|
+
.opus_zN0bNb_groupCount {
|
|
6855
|
+
color: var(--opus-muted);
|
|
6856
|
+
margin-left: auto;
|
|
6857
|
+
font-size: .74rem;
|
|
6858
|
+
font-weight: 700;
|
|
6859
|
+
}
|
|
6860
|
+
|
|
6861
|
+
.opus_zN0bNb_detailRow td, .opus_zN0bNb_detailCell {
|
|
6862
|
+
color: var(--opus-muted);
|
|
6863
|
+
font-size: .82rem;
|
|
6864
|
+
line-height: 1.45;
|
|
6865
|
+
white-space: normal !important;
|
|
6866
|
+
background: color-mix(in srgb, var(--opus-accent) 6%, var(--opus-panel)) !important;
|
|
6867
|
+
padding: 12px 14px !important;
|
|
6868
|
+
}
|
|
6869
|
+
|
|
6870
|
+
.opus_zN0bNb_spacerRow td {
|
|
6871
|
+
background: none !important;
|
|
6872
|
+
border: 0 !important;
|
|
6873
|
+
}
|
|
6874
|
+
|
|
6875
|
+
.opus_zN0bNb_infiniteFooter {
|
|
6876
|
+
border-top: 1px solid color-mix(in srgb, var(--opus-border) 72%, transparent);
|
|
6877
|
+
min-height: 36px;
|
|
6878
|
+
color: var(--opus-muted);
|
|
6879
|
+
place-items: center;
|
|
6880
|
+
font-size: .74rem;
|
|
6881
|
+
font-weight: 700;
|
|
6882
|
+
display: grid;
|
|
6883
|
+
}
|
|
6884
|
+
|
|
6693
6885
|
@media (prefers-reduced-transparency: reduce) {
|
|
6694
6886
|
.opus_zN0bNb_grid thead th:before {
|
|
6695
6887
|
backdrop-filter: none;
|
|
@@ -7924,19 +8116,24 @@
|
|
|
7924
8116
|
gap: 8px;
|
|
7925
8117
|
width: 100%;
|
|
7926
8118
|
min-width: 0;
|
|
8119
|
+
max-width: 100%;
|
|
7927
8120
|
display: grid;
|
|
7928
8121
|
}
|
|
7929
8122
|
|
|
7930
|
-
.opus_NkO9Yb_content[data-size="small"] {
|
|
7931
|
-
width: 180px;
|
|
8123
|
+
.opus_NkO9Yb_content[data-size="small"]:not([data-fill="true"]) {
|
|
8124
|
+
max-width: 180px;
|
|
8125
|
+
}
|
|
8126
|
+
|
|
8127
|
+
.opus_NkO9Yb_content[data-size="medium"]:not([data-fill="true"]) {
|
|
8128
|
+
max-width: 240px;
|
|
7932
8129
|
}
|
|
7933
8130
|
|
|
7934
|
-
.opus_NkO9Yb_content[data-size="
|
|
7935
|
-
width:
|
|
8131
|
+
.opus_NkO9Yb_content[data-size="large"]:not([data-fill="true"]) {
|
|
8132
|
+
max-width: 340px;
|
|
7936
8133
|
}
|
|
7937
8134
|
|
|
7938
|
-
.opus_NkO9Yb_content[data-
|
|
7939
|
-
width:
|
|
8135
|
+
.opus_NkO9Yb_content[data-fill="true"] {
|
|
8136
|
+
max-width: 100%;
|
|
7940
8137
|
}
|
|
7941
8138
|
|
|
7942
8139
|
.opus_NkO9Yb_caption {
|
|
@@ -7964,6 +8161,8 @@
|
|
|
7964
8161
|
.opus_8llAjm_gallery {
|
|
7965
8162
|
grid-template-columns: repeat(var(--model-gallery-columns), minmax(0, 1fr));
|
|
7966
8163
|
gap: 14px;
|
|
8164
|
+
width: 100%;
|
|
8165
|
+
min-width: 0;
|
|
7967
8166
|
display: grid;
|
|
7968
8167
|
}
|
|
7969
8168
|
|
|
@@ -7981,6 +8180,8 @@
|
|
|
7981
8180
|
|
|
7982
8181
|
.opus_8llAjm_gallery > * {
|
|
7983
8182
|
width: 100%;
|
|
8183
|
+
min-width: 0;
|
|
8184
|
+
max-width: 100%;
|
|
7984
8185
|
}
|
|
7985
8186
|
|
|
7986
8187
|
.opus_8llAjm_empty {
|
|
@@ -8085,6 +8286,4336 @@
|
|
|
8085
8286
|
display: flex;
|
|
8086
8287
|
}
|
|
8087
8288
|
|
|
8289
|
+
/* components/Badge/Badge.module.css */
|
|
8290
|
+
.opus_1GJHzl_badge {
|
|
8291
|
+
letter-spacing: .01em;
|
|
8292
|
+
white-space: nowrap;
|
|
8293
|
+
vertical-align: middle;
|
|
8294
|
+
border: 1px solid #0000;
|
|
8295
|
+
border-radius: 999px;
|
|
8296
|
+
align-items: center;
|
|
8297
|
+
gap: 6px;
|
|
8298
|
+
max-width: 100%;
|
|
8299
|
+
font-weight: 650;
|
|
8300
|
+
line-height: 1;
|
|
8301
|
+
display: inline-flex;
|
|
8302
|
+
}
|
|
8303
|
+
|
|
8304
|
+
.opus_1GJHzl_badge[data-size="sm"] {
|
|
8305
|
+
min-height: 20px;
|
|
8306
|
+
padding: 0 8px;
|
|
8307
|
+
font-size: .68rem;
|
|
8308
|
+
}
|
|
8309
|
+
|
|
8310
|
+
.opus_1GJHzl_badge[data-size="md"] {
|
|
8311
|
+
min-height: 24px;
|
|
8312
|
+
padding: 0 10px;
|
|
8313
|
+
font-size: .74rem;
|
|
8314
|
+
}
|
|
8315
|
+
|
|
8316
|
+
.opus_1GJHzl_dot {
|
|
8317
|
+
background: currentColor;
|
|
8318
|
+
border-radius: 999px;
|
|
8319
|
+
flex-shrink: 0;
|
|
8320
|
+
width: 6px;
|
|
8321
|
+
height: 6px;
|
|
8322
|
+
}
|
|
8323
|
+
|
|
8324
|
+
.opus_1GJHzl_badge[data-variant="solid"] {
|
|
8325
|
+
color: var(--badge-solid-fg);
|
|
8326
|
+
background: var(--badge-solid-bg);
|
|
8327
|
+
}
|
|
8328
|
+
|
|
8329
|
+
.opus_1GJHzl_badge[data-variant="soft"] {
|
|
8330
|
+
color: var(--badge-soft-fg);
|
|
8331
|
+
background: var(--badge-soft-bg);
|
|
8332
|
+
}
|
|
8333
|
+
|
|
8334
|
+
.opus_1GJHzl_badge[data-variant="outline"] {
|
|
8335
|
+
color: var(--badge-outline-fg);
|
|
8336
|
+
border-color: var(--badge-outline-border);
|
|
8337
|
+
background: none;
|
|
8338
|
+
}
|
|
8339
|
+
|
|
8340
|
+
.opus_1GJHzl_badge[data-tone="neutral"] {
|
|
8341
|
+
--badge-solid-bg: color-mix(in srgb, var(--opus-muted) 72%, var(--opus-text));
|
|
8342
|
+
--badge-solid-fg: var(--opus-panel);
|
|
8343
|
+
--badge-soft-bg: color-mix(in srgb, var(--opus-muted) 16%, transparent);
|
|
8344
|
+
--badge-soft-fg: var(--opus-muted);
|
|
8345
|
+
--badge-outline-fg: var(--opus-muted);
|
|
8346
|
+
--badge-outline-border: color-mix(in srgb, var(--opus-muted) 40%, transparent);
|
|
8347
|
+
}
|
|
8348
|
+
|
|
8349
|
+
.opus_1GJHzl_badge[data-tone="accent"] {
|
|
8350
|
+
--badge-solid-bg: var(--opus-accent);
|
|
8351
|
+
--badge-solid-fg: var(--opus-accent-contrast, #fff);
|
|
8352
|
+
--badge-soft-bg: var(--opus-accent-soft);
|
|
8353
|
+
--badge-soft-fg: var(--opus-accent);
|
|
8354
|
+
--badge-outline-fg: var(--opus-accent);
|
|
8355
|
+
--badge-outline-border: color-mix(in srgb, var(--opus-accent) 45%, transparent);
|
|
8356
|
+
}
|
|
8357
|
+
|
|
8358
|
+
.opus_1GJHzl_badge[data-tone="success"] {
|
|
8359
|
+
--badge-solid-bg: #16a34a;
|
|
8360
|
+
--badge-solid-fg: #fff;
|
|
8361
|
+
--badge-soft-bg: #22c55e29;
|
|
8362
|
+
--badge-soft-fg: #15803d;
|
|
8363
|
+
--badge-outline-fg: #16a34a;
|
|
8364
|
+
--badge-outline-border: #22c55e6b;
|
|
8365
|
+
}
|
|
8366
|
+
|
|
8367
|
+
.opus_1GJHzl_badge[data-tone="warning"] {
|
|
8368
|
+
--badge-solid-bg: #d97706;
|
|
8369
|
+
--badge-solid-fg: #fff;
|
|
8370
|
+
--badge-soft-bg: #f59e0b29;
|
|
8371
|
+
--badge-soft-fg: #b45309;
|
|
8372
|
+
--badge-outline-fg: #d97706;
|
|
8373
|
+
--badge-outline-border: #f59e0b6b;
|
|
8374
|
+
}
|
|
8375
|
+
|
|
8376
|
+
.opus_1GJHzl_badge[data-tone="danger"] {
|
|
8377
|
+
--badge-solid-bg: #dc2626;
|
|
8378
|
+
--badge-solid-fg: #fff;
|
|
8379
|
+
--badge-soft-bg: #ef444429;
|
|
8380
|
+
--badge-soft-fg: #b91c1c;
|
|
8381
|
+
--badge-outline-fg: #dc2626;
|
|
8382
|
+
--badge-outline-border: #ef44446b;
|
|
8383
|
+
}
|
|
8384
|
+
|
|
8385
|
+
.opus_1GJHzl_badge[data-tone="info"] {
|
|
8386
|
+
--badge-solid-bg: #2563eb;
|
|
8387
|
+
--badge-solid-fg: #fff;
|
|
8388
|
+
--badge-soft-bg: #3b82f629;
|
|
8389
|
+
--badge-soft-fg: #1d4ed8;
|
|
8390
|
+
--badge-outline-fg: #2563eb;
|
|
8391
|
+
--badge-outline-border: #3b82f66b;
|
|
8392
|
+
}
|
|
8393
|
+
|
|
8394
|
+
[data-theme="dark"] .opus_1GJHzl_badge[data-tone="success"] {
|
|
8395
|
+
--badge-soft-fg: #86efac;
|
|
8396
|
+
}
|
|
8397
|
+
|
|
8398
|
+
[data-theme="dark"] .opus_1GJHzl_badge[data-tone="warning"] {
|
|
8399
|
+
--badge-soft-fg: #fcd34d;
|
|
8400
|
+
}
|
|
8401
|
+
|
|
8402
|
+
[data-theme="dark"] .opus_1GJHzl_badge[data-tone="danger"] {
|
|
8403
|
+
--badge-soft-fg: #fca5a5;
|
|
8404
|
+
}
|
|
8405
|
+
|
|
8406
|
+
[data-theme="dark"] .opus_1GJHzl_badge[data-tone="info"] {
|
|
8407
|
+
--badge-soft-fg: #93c5fd;
|
|
8408
|
+
}
|
|
8409
|
+
|
|
8410
|
+
/* components/Divider/Divider.module.css */
|
|
8411
|
+
.opus_ux1i0D_divider, .opus_ux1i0D_line {
|
|
8412
|
+
background: color-mix(in srgb, var(--opus-border) 100%, transparent);
|
|
8413
|
+
border: 0;
|
|
8414
|
+
}
|
|
8415
|
+
|
|
8416
|
+
.opus_ux1i0D_divider[data-tone="muted"], .opus_ux1i0D_labelled[data-tone="muted"] .opus_ux1i0D_line {
|
|
8417
|
+
background: color-mix(in srgb, var(--opus-muted) 28%, transparent);
|
|
8418
|
+
}
|
|
8419
|
+
|
|
8420
|
+
.opus_ux1i0D_divider[data-tone="strong"], .opus_ux1i0D_labelled[data-tone="strong"] .opus_ux1i0D_line {
|
|
8421
|
+
background: color-mix(in srgb, var(--opus-border-strong, var(--opus-border)) 100%, transparent);
|
|
8422
|
+
}
|
|
8423
|
+
|
|
8424
|
+
.opus_ux1i0D_divider[data-orientation="horizontal"] {
|
|
8425
|
+
width: 100%;
|
|
8426
|
+
height: 1px;
|
|
8427
|
+
margin: 0;
|
|
8428
|
+
display: block;
|
|
8429
|
+
}
|
|
8430
|
+
|
|
8431
|
+
.opus_ux1i0D_divider[data-orientation="vertical"] {
|
|
8432
|
+
align-self: stretch;
|
|
8433
|
+
width: 1px;
|
|
8434
|
+
height: 1.6em;
|
|
8435
|
+
min-height: 24px;
|
|
8436
|
+
display: inline-block;
|
|
8437
|
+
}
|
|
8438
|
+
|
|
8439
|
+
.opus_ux1i0D_labelled {
|
|
8440
|
+
grid-template-columns: 1fr auto 1fr;
|
|
8441
|
+
align-items: center;
|
|
8442
|
+
gap: 12px;
|
|
8443
|
+
width: 100%;
|
|
8444
|
+
display: grid;
|
|
8445
|
+
}
|
|
8446
|
+
|
|
8447
|
+
.opus_ux1i0D_line {
|
|
8448
|
+
height: 1px;
|
|
8449
|
+
}
|
|
8450
|
+
|
|
8451
|
+
.opus_ux1i0D_label {
|
|
8452
|
+
color: var(--opus-muted);
|
|
8453
|
+
letter-spacing: .04em;
|
|
8454
|
+
text-transform: uppercase;
|
|
8455
|
+
white-space: nowrap;
|
|
8456
|
+
font-size: .78rem;
|
|
8457
|
+
font-weight: 600;
|
|
8458
|
+
}
|
|
8459
|
+
|
|
8460
|
+
/* components/Avatar/Avatar.module.css */
|
|
8461
|
+
.opus_jsRWxO_avatar {
|
|
8462
|
+
border: 1px solid color-mix(in srgb, var(--opus-border) 80%, transparent);
|
|
8463
|
+
background: linear-gradient(135deg, color-mix(in srgb, var(--opus-accent) 28%, transparent), color-mix(in srgb, var(--opus-muted) 18%, transparent)),
|
|
8464
|
+
color-mix(in srgb, var(--opus-panel) 88%, transparent);
|
|
8465
|
+
color: var(--opus-text);
|
|
8466
|
+
user-select: none;
|
|
8467
|
+
flex-shrink: 0;
|
|
8468
|
+
justify-content: center;
|
|
8469
|
+
align-items: center;
|
|
8470
|
+
font-weight: 700;
|
|
8471
|
+
line-height: 1;
|
|
8472
|
+
display: inline-flex;
|
|
8473
|
+
overflow: hidden;
|
|
8474
|
+
}
|
|
8475
|
+
|
|
8476
|
+
.opus_jsRWxO_avatar[data-shape="circle"] {
|
|
8477
|
+
border-radius: 999px;
|
|
8478
|
+
}
|
|
8479
|
+
|
|
8480
|
+
.opus_jsRWxO_avatar[data-shape="rounded"] {
|
|
8481
|
+
border-radius: calc(var(--opus-input-radius-large, 6px) + 2px);
|
|
8482
|
+
}
|
|
8483
|
+
|
|
8484
|
+
.opus_jsRWxO_avatar[data-size="sm"] {
|
|
8485
|
+
width: 28px;
|
|
8486
|
+
height: 28px;
|
|
8487
|
+
font-size: .68rem;
|
|
8488
|
+
}
|
|
8489
|
+
|
|
8490
|
+
.opus_jsRWxO_avatar[data-size="md"] {
|
|
8491
|
+
width: 36px;
|
|
8492
|
+
height: 36px;
|
|
8493
|
+
font-size: .76rem;
|
|
8494
|
+
}
|
|
8495
|
+
|
|
8496
|
+
.opus_jsRWxO_avatar[data-size="lg"] {
|
|
8497
|
+
width: 48px;
|
|
8498
|
+
height: 48px;
|
|
8499
|
+
font-size: .9rem;
|
|
8500
|
+
}
|
|
8501
|
+
|
|
8502
|
+
.opus_jsRWxO_avatar[data-size="xl"] {
|
|
8503
|
+
width: 64px;
|
|
8504
|
+
height: 64px;
|
|
8505
|
+
font-size: 1.05rem;
|
|
8506
|
+
}
|
|
8507
|
+
|
|
8508
|
+
.opus_jsRWxO_image {
|
|
8509
|
+
object-fit: cover;
|
|
8510
|
+
width: 100%;
|
|
8511
|
+
height: 100%;
|
|
8512
|
+
}
|
|
8513
|
+
|
|
8514
|
+
.opus_jsRWxO_initials {
|
|
8515
|
+
letter-spacing: .02em;
|
|
8516
|
+
}
|
|
8517
|
+
|
|
8518
|
+
/* components/AvatarGroup/AvatarGroup.module.css */
|
|
8519
|
+
.opus_Vv36ne_group {
|
|
8520
|
+
align-items: center;
|
|
8521
|
+
display: inline-flex;
|
|
8522
|
+
}
|
|
8523
|
+
|
|
8524
|
+
.opus_Vv36ne_item {
|
|
8525
|
+
margin-left: -8px;
|
|
8526
|
+
display: inline-flex;
|
|
8527
|
+
}
|
|
8528
|
+
|
|
8529
|
+
.opus_Vv36ne_item:first-child {
|
|
8530
|
+
margin-left: 0;
|
|
8531
|
+
}
|
|
8532
|
+
|
|
8533
|
+
.opus_Vv36ne_item [class*="avatar"] {
|
|
8534
|
+
box-shadow: 0 0 0 2px var(--opus-panel, #10132b);
|
|
8535
|
+
}
|
|
8536
|
+
|
|
8537
|
+
.opus_Vv36ne_overflow {
|
|
8538
|
+
border: 1px solid color-mix(in srgb, var(--opus-border) 80%, transparent);
|
|
8539
|
+
background: color-mix(in srgb, var(--opus-muted) 18%, var(--opus-panel));
|
|
8540
|
+
color: var(--opus-text);
|
|
8541
|
+
box-shadow: 0 0 0 2px var(--opus-panel, #10132b);
|
|
8542
|
+
border-radius: 999px;
|
|
8543
|
+
justify-content: center;
|
|
8544
|
+
align-items: center;
|
|
8545
|
+
margin-left: -8px;
|
|
8546
|
+
font-weight: 700;
|
|
8547
|
+
display: inline-flex;
|
|
8548
|
+
}
|
|
8549
|
+
|
|
8550
|
+
.opus_Vv36ne_overflow[data-size="sm"] {
|
|
8551
|
+
width: 28px;
|
|
8552
|
+
height: 28px;
|
|
8553
|
+
font-size: .64rem;
|
|
8554
|
+
}
|
|
8555
|
+
|
|
8556
|
+
.opus_Vv36ne_overflow[data-size="md"] {
|
|
8557
|
+
width: 36px;
|
|
8558
|
+
height: 36px;
|
|
8559
|
+
font-size: .7rem;
|
|
8560
|
+
}
|
|
8561
|
+
|
|
8562
|
+
.opus_Vv36ne_overflow[data-size="lg"] {
|
|
8563
|
+
width: 48px;
|
|
8564
|
+
height: 48px;
|
|
8565
|
+
font-size: .78rem;
|
|
8566
|
+
}
|
|
8567
|
+
|
|
8568
|
+
.opus_Vv36ne_overflow[data-size="xl"] {
|
|
8569
|
+
width: 64px;
|
|
8570
|
+
height: 64px;
|
|
8571
|
+
font-size: .9rem;
|
|
8572
|
+
}
|
|
8573
|
+
|
|
8574
|
+
/* components/Statistic/Statistic.module.css */
|
|
8575
|
+
.opus_vCN1bv_root {
|
|
8576
|
+
gap: 6px;
|
|
8577
|
+
min-width: 0;
|
|
8578
|
+
display: grid;
|
|
8579
|
+
}
|
|
8580
|
+
|
|
8581
|
+
.opus_vCN1bv_label {
|
|
8582
|
+
color: var(--opus-muted);
|
|
8583
|
+
margin: 0;
|
|
8584
|
+
font-size: .82rem;
|
|
8585
|
+
font-weight: 600;
|
|
8586
|
+
}
|
|
8587
|
+
|
|
8588
|
+
.opus_vCN1bv_value {
|
|
8589
|
+
color: var(--opus-text);
|
|
8590
|
+
letter-spacing: -.03em;
|
|
8591
|
+
align-items: baseline;
|
|
8592
|
+
gap: 4px;
|
|
8593
|
+
margin: 0;
|
|
8594
|
+
font-size: clamp(1.6rem, 2.4vw, 2.1rem);
|
|
8595
|
+
font-weight: 750;
|
|
8596
|
+
line-height: 1.1;
|
|
8597
|
+
display: inline-flex;
|
|
8598
|
+
}
|
|
8599
|
+
|
|
8600
|
+
.opus_vCN1bv_affix {
|
|
8601
|
+
color: var(--opus-muted);
|
|
8602
|
+
font-size: .72em;
|
|
8603
|
+
font-weight: 650;
|
|
8604
|
+
}
|
|
8605
|
+
|
|
8606
|
+
.opus_vCN1bv_trend {
|
|
8607
|
+
align-items: center;
|
|
8608
|
+
gap: 6px;
|
|
8609
|
+
margin: 0;
|
|
8610
|
+
font-size: .78rem;
|
|
8611
|
+
font-weight: 650;
|
|
8612
|
+
display: inline-flex;
|
|
8613
|
+
}
|
|
8614
|
+
|
|
8615
|
+
.opus_vCN1bv_trend[data-trend="up"] {
|
|
8616
|
+
color: #15803d;
|
|
8617
|
+
}
|
|
8618
|
+
|
|
8619
|
+
.opus_vCN1bv_trend[data-trend="down"] {
|
|
8620
|
+
color: #b91c1c;
|
|
8621
|
+
}
|
|
8622
|
+
|
|
8623
|
+
.opus_vCN1bv_trend[data-trend="flat"] {
|
|
8624
|
+
color: var(--opus-muted);
|
|
8625
|
+
}
|
|
8626
|
+
|
|
8627
|
+
[data-theme="dark"] .opus_vCN1bv_trend[data-trend="up"] {
|
|
8628
|
+
color: #86efac;
|
|
8629
|
+
}
|
|
8630
|
+
|
|
8631
|
+
[data-theme="dark"] .opus_vCN1bv_trend[data-trend="down"] {
|
|
8632
|
+
color: #fca5a5;
|
|
8633
|
+
}
|
|
8634
|
+
|
|
8635
|
+
/* components/List/List.module.css */
|
|
8636
|
+
.opus_ys3xlo_list {
|
|
8637
|
+
border: 1px solid var(--opus-border);
|
|
8638
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
8639
|
+
background: color-mix(in srgb, var(--opus-panel) 88%, transparent);
|
|
8640
|
+
gap: 0;
|
|
8641
|
+
width: 100%;
|
|
8642
|
+
margin: 0;
|
|
8643
|
+
padding: 0;
|
|
8644
|
+
list-style: none;
|
|
8645
|
+
display: grid;
|
|
8646
|
+
overflow: hidden;
|
|
8647
|
+
}
|
|
8648
|
+
|
|
8649
|
+
.opus_ys3xlo_list[data-ordered="true"] {
|
|
8650
|
+
counter-reset: opus-list;
|
|
8651
|
+
}
|
|
8652
|
+
|
|
8653
|
+
.opus_ys3xlo_item {
|
|
8654
|
+
border-bottom: 1px solid var(--opus-border);
|
|
8655
|
+
grid-template-columns: auto minmax(0, 1fr);
|
|
8656
|
+
align-items: start;
|
|
8657
|
+
gap: 12px;
|
|
8658
|
+
padding: 14px 16px;
|
|
8659
|
+
display: grid;
|
|
8660
|
+
}
|
|
8661
|
+
|
|
8662
|
+
.opus_ys3xlo_list[data-density="compact"] .opus_ys3xlo_item {
|
|
8663
|
+
gap: 10px;
|
|
8664
|
+
padding: 10px 12px;
|
|
8665
|
+
}
|
|
8666
|
+
|
|
8667
|
+
.opus_ys3xlo_item:last-child {
|
|
8668
|
+
border-bottom: 0;
|
|
8669
|
+
}
|
|
8670
|
+
|
|
8671
|
+
.opus_ys3xlo_list[data-ordered="true"] .opus_ys3xlo_item {
|
|
8672
|
+
counter-increment: opus-list;
|
|
8673
|
+
}
|
|
8674
|
+
|
|
8675
|
+
.opus_ys3xlo_list[data-ordered="true"] .opus_ys3xlo_item:not(:has(.opus_ys3xlo_icon)):before {
|
|
8676
|
+
content: counter(opus-list);
|
|
8677
|
+
background: color-mix(in srgb, var(--opus-accent) 14%, transparent);
|
|
8678
|
+
width: 24px;
|
|
8679
|
+
height: 24px;
|
|
8680
|
+
color: var(--opus-accent);
|
|
8681
|
+
border-radius: 999px;
|
|
8682
|
+
justify-content: center;
|
|
8683
|
+
align-items: center;
|
|
8684
|
+
font-size: .72rem;
|
|
8685
|
+
font-weight: 700;
|
|
8686
|
+
display: inline-flex;
|
|
8687
|
+
}
|
|
8688
|
+
|
|
8689
|
+
.opus_ys3xlo_icon {
|
|
8690
|
+
background: color-mix(in srgb, var(--opus-accent) 12%, transparent);
|
|
8691
|
+
width: 28px;
|
|
8692
|
+
height: 28px;
|
|
8693
|
+
color: var(--opus-accent);
|
|
8694
|
+
border-radius: 8px;
|
|
8695
|
+
justify-content: center;
|
|
8696
|
+
align-items: center;
|
|
8697
|
+
font-size: .82rem;
|
|
8698
|
+
display: inline-flex;
|
|
8699
|
+
}
|
|
8700
|
+
|
|
8701
|
+
.opus_ys3xlo_body {
|
|
8702
|
+
gap: 4px;
|
|
8703
|
+
min-width: 0;
|
|
8704
|
+
display: grid;
|
|
8705
|
+
}
|
|
8706
|
+
|
|
8707
|
+
.opus_ys3xlo_head {
|
|
8708
|
+
justify-content: space-between;
|
|
8709
|
+
align-items: baseline;
|
|
8710
|
+
gap: 12px;
|
|
8711
|
+
display: flex;
|
|
8712
|
+
}
|
|
8713
|
+
|
|
8714
|
+
.opus_ys3xlo_title {
|
|
8715
|
+
color: var(--opus-text);
|
|
8716
|
+
font-size: .9rem;
|
|
8717
|
+
font-weight: 650;
|
|
8718
|
+
}
|
|
8719
|
+
|
|
8720
|
+
.opus_ys3xlo_meta {
|
|
8721
|
+
color: var(--opus-muted);
|
|
8722
|
+
white-space: nowrap;
|
|
8723
|
+
font-size: .76rem;
|
|
8724
|
+
}
|
|
8725
|
+
|
|
8726
|
+
.opus_ys3xlo_description {
|
|
8727
|
+
color: var(--opus-muted);
|
|
8728
|
+
margin: 0;
|
|
8729
|
+
font-size: .82rem;
|
|
8730
|
+
line-height: 1.45;
|
|
8731
|
+
}
|
|
8732
|
+
|
|
8733
|
+
/* components/DescriptionList/DescriptionList.module.css */
|
|
8734
|
+
.opus_FY8OsC_list {
|
|
8735
|
+
gap: 14px;
|
|
8736
|
+
width: 100%;
|
|
8737
|
+
margin: 0;
|
|
8738
|
+
display: grid;
|
|
8739
|
+
}
|
|
8740
|
+
|
|
8741
|
+
.opus_FY8OsC_row {
|
|
8742
|
+
gap: 4px;
|
|
8743
|
+
min-width: 0;
|
|
8744
|
+
display: grid;
|
|
8745
|
+
}
|
|
8746
|
+
|
|
8747
|
+
.opus_FY8OsC_list[data-layout="inline"] .opus_FY8OsC_row {
|
|
8748
|
+
grid-template-columns: minmax(7rem, 11rem) minmax(0, 1fr);
|
|
8749
|
+
align-items: baseline;
|
|
8750
|
+
gap: 16px;
|
|
8751
|
+
}
|
|
8752
|
+
|
|
8753
|
+
.opus_FY8OsC_term {
|
|
8754
|
+
color: var(--opus-muted);
|
|
8755
|
+
letter-spacing: .02em;
|
|
8756
|
+
margin: 0;
|
|
8757
|
+
font-size: .78rem;
|
|
8758
|
+
font-weight: 650;
|
|
8759
|
+
}
|
|
8760
|
+
|
|
8761
|
+
.opus_FY8OsC_details {
|
|
8762
|
+
color: var(--opus-text);
|
|
8763
|
+
margin: 0;
|
|
8764
|
+
font-size: .92rem;
|
|
8765
|
+
line-height: 1.45;
|
|
8766
|
+
}
|
|
8767
|
+
|
|
8768
|
+
/* components/PropertyGrid/PropertyGrid.module.css */
|
|
8769
|
+
.opus_Bnfsue_grid {
|
|
8770
|
+
border: 1px solid var(--opus-border);
|
|
8771
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
8772
|
+
background: color-mix(in srgb, var(--opus-panel) 92%, transparent);
|
|
8773
|
+
width: 100%;
|
|
8774
|
+
display: grid;
|
|
8775
|
+
overflow: hidden;
|
|
8776
|
+
}
|
|
8777
|
+
|
|
8778
|
+
.opus_Bnfsue_row {
|
|
8779
|
+
border-bottom: 1px solid var(--opus-border);
|
|
8780
|
+
grid-template-columns: minmax(8rem, 12rem) minmax(0, 1fr);
|
|
8781
|
+
display: grid;
|
|
8782
|
+
}
|
|
8783
|
+
|
|
8784
|
+
.opus_Bnfsue_row:last-child {
|
|
8785
|
+
border-bottom: 0;
|
|
8786
|
+
}
|
|
8787
|
+
|
|
8788
|
+
.opus_Bnfsue_label {
|
|
8789
|
+
background: color-mix(in srgb, var(--opus-muted) 8%, transparent);
|
|
8790
|
+
color: var(--opus-muted);
|
|
8791
|
+
padding: 10px 12px;
|
|
8792
|
+
font-size: .78rem;
|
|
8793
|
+
font-weight: 650;
|
|
8794
|
+
}
|
|
8795
|
+
|
|
8796
|
+
.opus_Bnfsue_valueCell {
|
|
8797
|
+
justify-content: space-between;
|
|
8798
|
+
align-items: center;
|
|
8799
|
+
gap: 10px;
|
|
8800
|
+
min-width: 0;
|
|
8801
|
+
padding: 10px 12px;
|
|
8802
|
+
display: flex;
|
|
8803
|
+
}
|
|
8804
|
+
|
|
8805
|
+
.opus_Bnfsue_value {
|
|
8806
|
+
min-width: 0;
|
|
8807
|
+
color: var(--opus-text);
|
|
8808
|
+
font-family: var(--font-ibm-plex-mono), ui-monospace, monospace;
|
|
8809
|
+
text-overflow: ellipsis;
|
|
8810
|
+
white-space: nowrap;
|
|
8811
|
+
font-size: .8rem;
|
|
8812
|
+
overflow: hidden;
|
|
8813
|
+
}
|
|
8814
|
+
|
|
8815
|
+
.opus_Bnfsue_copy {
|
|
8816
|
+
border: 1px solid var(--opus-border);
|
|
8817
|
+
color: var(--opus-muted);
|
|
8818
|
+
cursor: pointer;
|
|
8819
|
+
background: none;
|
|
8820
|
+
border-radius: 999px;
|
|
8821
|
+
flex-shrink: 0;
|
|
8822
|
+
padding: 4px 8px;
|
|
8823
|
+
font-size: .7rem;
|
|
8824
|
+
font-weight: 650;
|
|
8825
|
+
}
|
|
8826
|
+
|
|
8827
|
+
.opus_Bnfsue_copy:hover {
|
|
8828
|
+
color: var(--opus-text);
|
|
8829
|
+
border-color: color-mix(in srgb, var(--opus-accent) 40%, var(--opus-border));
|
|
8830
|
+
}
|
|
8831
|
+
|
|
8832
|
+
.opus_Bnfsue_copy:focus-visible {
|
|
8833
|
+
box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 24%, transparent);
|
|
8834
|
+
outline: none;
|
|
8835
|
+
}
|
|
8836
|
+
|
|
8837
|
+
@media (width <= 560px) {
|
|
8838
|
+
.opus_Bnfsue_row {
|
|
8839
|
+
grid-template-columns: 1fr;
|
|
8840
|
+
}
|
|
8841
|
+
|
|
8842
|
+
.opus_Bnfsue_label {
|
|
8843
|
+
border-bottom: 1px solid var(--opus-border);
|
|
8844
|
+
}
|
|
8845
|
+
}
|
|
8846
|
+
|
|
8847
|
+
/* components/Stack/Stack.module.css */
|
|
8848
|
+
.opus_3AdIr9_stack {
|
|
8849
|
+
min-width: 0;
|
|
8850
|
+
display: flex;
|
|
8851
|
+
}
|
|
8852
|
+
|
|
8853
|
+
.opus_3AdIr9_stack[data-direction="row"] {
|
|
8854
|
+
flex-direction: row;
|
|
8855
|
+
}
|
|
8856
|
+
|
|
8857
|
+
.opus_3AdIr9_stack[data-direction="column"] {
|
|
8858
|
+
flex-direction: column;
|
|
8859
|
+
}
|
|
8860
|
+
|
|
8861
|
+
.opus_3AdIr9_stack[data-wrap="true"] {
|
|
8862
|
+
flex-wrap: wrap;
|
|
8863
|
+
}
|
|
8864
|
+
|
|
8865
|
+
.opus_3AdIr9_stack[data-align="start"] {
|
|
8866
|
+
align-items: flex-start;
|
|
8867
|
+
}
|
|
8868
|
+
|
|
8869
|
+
.opus_3AdIr9_stack[data-align="center"] {
|
|
8870
|
+
align-items: center;
|
|
8871
|
+
}
|
|
8872
|
+
|
|
8873
|
+
.opus_3AdIr9_stack[data-align="end"] {
|
|
8874
|
+
align-items: flex-end;
|
|
8875
|
+
}
|
|
8876
|
+
|
|
8877
|
+
.opus_3AdIr9_stack[data-align="stretch"] {
|
|
8878
|
+
align-items: stretch;
|
|
8879
|
+
}
|
|
8880
|
+
|
|
8881
|
+
.opus_3AdIr9_stack[data-justify="start"] {
|
|
8882
|
+
justify-content: flex-start;
|
|
8883
|
+
}
|
|
8884
|
+
|
|
8885
|
+
.opus_3AdIr9_stack[data-justify="center"] {
|
|
8886
|
+
justify-content: center;
|
|
8887
|
+
}
|
|
8888
|
+
|
|
8889
|
+
.opus_3AdIr9_stack[data-justify="end"] {
|
|
8890
|
+
justify-content: flex-end;
|
|
8891
|
+
}
|
|
8892
|
+
|
|
8893
|
+
.opus_3AdIr9_stack[data-justify="between"] {
|
|
8894
|
+
justify-content: space-between;
|
|
8895
|
+
}
|
|
8896
|
+
|
|
8897
|
+
.opus_3AdIr9_stack[data-justify="around"] {
|
|
8898
|
+
justify-content: space-around;
|
|
8899
|
+
}
|
|
8900
|
+
|
|
8901
|
+
/* components/Columns/Columns.module.css */
|
|
8902
|
+
.opus_dI4yQh_root {
|
|
8903
|
+
width: 100%;
|
|
8904
|
+
min-width: 0;
|
|
8905
|
+
display: grid;
|
|
8906
|
+
}
|
|
8907
|
+
|
|
8908
|
+
.opus_dI4yQh_root[data-direction="row"] {
|
|
8909
|
+
grid-template-columns: repeat(var(--columns-count), minmax(0, 1fr));
|
|
8910
|
+
}
|
|
8911
|
+
|
|
8912
|
+
.opus_dI4yQh_root[data-direction="column"] {
|
|
8913
|
+
grid-template-columns: minmax(0, 1fr);
|
|
8914
|
+
}
|
|
8915
|
+
|
|
8916
|
+
.opus_dI4yQh_cell {
|
|
8917
|
+
min-width: 0;
|
|
8918
|
+
display: flex;
|
|
8919
|
+
}
|
|
8920
|
+
|
|
8921
|
+
.opus_dI4yQh_cell > * {
|
|
8922
|
+
flex: auto;
|
|
8923
|
+
width: 100%;
|
|
8924
|
+
min-width: 0;
|
|
8925
|
+
}
|
|
8926
|
+
|
|
8927
|
+
/* components/Grid/Grid.module.css */
|
|
8928
|
+
.opus_m5vSLY_grid {
|
|
8929
|
+
width: 100%;
|
|
8930
|
+
min-width: 0;
|
|
8931
|
+
display: grid;
|
|
8932
|
+
}
|
|
8933
|
+
|
|
8934
|
+
/* components/Splitter/Splitter.module.css */
|
|
8935
|
+
.opus_Khgx9s_root {
|
|
8936
|
+
border: 1px solid var(--opus-border);
|
|
8937
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
8938
|
+
background: color-mix(in srgb, var(--opus-panel) 92%, transparent);
|
|
8939
|
+
width: 100%;
|
|
8940
|
+
min-width: 0;
|
|
8941
|
+
min-height: 180px;
|
|
8942
|
+
display: flex;
|
|
8943
|
+
overflow: hidden;
|
|
8944
|
+
}
|
|
8945
|
+
|
|
8946
|
+
.opus_Khgx9s_root[data-orientation="horizontal"] {
|
|
8947
|
+
flex-direction: row;
|
|
8948
|
+
}
|
|
8949
|
+
|
|
8950
|
+
.opus_Khgx9s_root[data-orientation="vertical"] {
|
|
8951
|
+
flex-direction: column;
|
|
8952
|
+
}
|
|
8953
|
+
|
|
8954
|
+
.opus_Khgx9s_pane {
|
|
8955
|
+
min-width: 0;
|
|
8956
|
+
min-height: 0;
|
|
8957
|
+
padding: 12px;
|
|
8958
|
+
overflow: auto;
|
|
8959
|
+
}
|
|
8960
|
+
|
|
8961
|
+
.opus_Khgx9s_handle {
|
|
8962
|
+
background: color-mix(in srgb, var(--opus-muted) 16%, transparent);
|
|
8963
|
+
cursor: col-resize;
|
|
8964
|
+
border: 0;
|
|
8965
|
+
flex: 0 0 8px;
|
|
8966
|
+
padding: 0;
|
|
8967
|
+
position: relative;
|
|
8968
|
+
}
|
|
8969
|
+
|
|
8970
|
+
.opus_Khgx9s_root[data-orientation="vertical"] .opus_Khgx9s_handle {
|
|
8971
|
+
cursor: row-resize;
|
|
8972
|
+
}
|
|
8973
|
+
|
|
8974
|
+
.opus_Khgx9s_handle:after {
|
|
8975
|
+
content: "";
|
|
8976
|
+
background: color-mix(in srgb, var(--opus-muted) 55%, transparent);
|
|
8977
|
+
border-radius: 999px;
|
|
8978
|
+
position: absolute;
|
|
8979
|
+
inset: 20% 2px;
|
|
8980
|
+
}
|
|
8981
|
+
|
|
8982
|
+
.opus_Khgx9s_root[data-orientation="vertical"] .opus_Khgx9s_handle:after {
|
|
8983
|
+
inset: 2px 20%;
|
|
8984
|
+
}
|
|
8985
|
+
|
|
8986
|
+
.opus_Khgx9s_handle:hover, .opus_Khgx9s_handle:focus-visible {
|
|
8987
|
+
background: color-mix(in srgb, var(--opus-accent) 22%, transparent);
|
|
8988
|
+
}
|
|
8989
|
+
|
|
8990
|
+
.opus_Khgx9s_handle:focus-visible {
|
|
8991
|
+
box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 24%, transparent);
|
|
8992
|
+
outline: none;
|
|
8993
|
+
}
|
|
8994
|
+
|
|
8995
|
+
.opus_Khgx9s_srOnly {
|
|
8996
|
+
clip: rect(0, 0, 0, 0);
|
|
8997
|
+
white-space: nowrap;
|
|
8998
|
+
border: 0;
|
|
8999
|
+
width: 1px;
|
|
9000
|
+
height: 1px;
|
|
9001
|
+
margin: -1px;
|
|
9002
|
+
padding: 0;
|
|
9003
|
+
position: absolute;
|
|
9004
|
+
overflow: hidden;
|
|
9005
|
+
}
|
|
9006
|
+
|
|
9007
|
+
/* components/ResizablePanel/ResizablePanel.module.css */
|
|
9008
|
+
.opus_kVJ122_root {
|
|
9009
|
+
border: 1px solid var(--opus-border);
|
|
9010
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
9011
|
+
background: color-mix(in srgb, var(--opus-panel) 92%, transparent);
|
|
9012
|
+
min-width: 0;
|
|
9013
|
+
position: relative;
|
|
9014
|
+
overflow: hidden;
|
|
9015
|
+
}
|
|
9016
|
+
|
|
9017
|
+
.opus_kVJ122_body {
|
|
9018
|
+
height: 100%;
|
|
9019
|
+
padding: 12px;
|
|
9020
|
+
overflow: auto;
|
|
9021
|
+
}
|
|
9022
|
+
|
|
9023
|
+
.opus_kVJ122_handle {
|
|
9024
|
+
background: linear-gradient(135deg,
|
|
9025
|
+
transparent 45%,
|
|
9026
|
+
color-mix(in srgb, var(--opus-muted) 55%, transparent) 45%,
|
|
9027
|
+
color-mix(in srgb, var(--opus-muted) 55%, transparent) 55%,
|
|
9028
|
+
transparent 55%),
|
|
9029
|
+
linear-gradient(135deg,
|
|
9030
|
+
transparent 65%,
|
|
9031
|
+
color-mix(in srgb, var(--opus-muted) 55%, transparent) 65%,
|
|
9032
|
+
color-mix(in srgb, var(--opus-muted) 55%, transparent) 75%,
|
|
9033
|
+
transparent 75%);
|
|
9034
|
+
cursor: nwse-resize;
|
|
9035
|
+
border: 0;
|
|
9036
|
+
border-radius: 3px;
|
|
9037
|
+
width: 14px;
|
|
9038
|
+
height: 14px;
|
|
9039
|
+
padding: 0;
|
|
9040
|
+
position: absolute;
|
|
9041
|
+
bottom: 4px;
|
|
9042
|
+
right: 4px;
|
|
9043
|
+
}
|
|
9044
|
+
|
|
9045
|
+
.opus_kVJ122_handle:hover, .opus_kVJ122_handle:focus-visible {
|
|
9046
|
+
background-color: color-mix(in srgb, var(--opus-accent) 18%, transparent);
|
|
9047
|
+
}
|
|
9048
|
+
|
|
9049
|
+
.opus_kVJ122_handle:focus-visible {
|
|
9050
|
+
box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 24%, transparent);
|
|
9051
|
+
outline: none;
|
|
9052
|
+
}
|
|
9053
|
+
|
|
9054
|
+
/* components/DockLayout/DockLayout.module.css */
|
|
9055
|
+
.opus_3zzL8C_root {
|
|
9056
|
+
border: 1px solid var(--opus-border);
|
|
9057
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
9058
|
+
background: color-mix(in srgb, var(--opus-panel) 92%, transparent);
|
|
9059
|
+
grid-template-rows: auto minmax(0, 1fr) auto;
|
|
9060
|
+
width: 100%;
|
|
9061
|
+
min-height: 240px;
|
|
9062
|
+
display: grid;
|
|
9063
|
+
overflow: hidden;
|
|
9064
|
+
}
|
|
9065
|
+
|
|
9066
|
+
.opus_3zzL8C_top, .opus_3zzL8C_bottom, .opus_3zzL8C_left, .opus_3zzL8C_right, .opus_3zzL8C_center {
|
|
9067
|
+
min-width: 0;
|
|
9068
|
+
min-height: 0;
|
|
9069
|
+
}
|
|
9070
|
+
|
|
9071
|
+
.opus_3zzL8C_top, .opus_3zzL8C_bottom {
|
|
9072
|
+
background: color-mix(in srgb, var(--opus-muted) 8%, transparent);
|
|
9073
|
+
border-bottom: 1px solid var(--opus-border);
|
|
9074
|
+
color: var(--opus-muted);
|
|
9075
|
+
padding: 10px 12px;
|
|
9076
|
+
font-size: .78rem;
|
|
9077
|
+
font-weight: 650;
|
|
9078
|
+
}
|
|
9079
|
+
|
|
9080
|
+
.opus_3zzL8C_bottom {
|
|
9081
|
+
border-bottom: 0;
|
|
9082
|
+
border-top: 1px solid var(--opus-border);
|
|
9083
|
+
}
|
|
9084
|
+
|
|
9085
|
+
.opus_3zzL8C_middle {
|
|
9086
|
+
grid-template-columns: auto minmax(0, 1fr) auto;
|
|
9087
|
+
min-height: 0;
|
|
9088
|
+
display: grid;
|
|
9089
|
+
}
|
|
9090
|
+
|
|
9091
|
+
.opus_3zzL8C_left, .opus_3zzL8C_right {
|
|
9092
|
+
border-right: 1px solid var(--opus-border);
|
|
9093
|
+
background: color-mix(in srgb, var(--opus-muted) 6%, transparent);
|
|
9094
|
+
width: min(180px, 34vw);
|
|
9095
|
+
color: var(--opus-text);
|
|
9096
|
+
padding: 12px;
|
|
9097
|
+
font-size: .82rem;
|
|
9098
|
+
overflow: auto;
|
|
9099
|
+
}
|
|
9100
|
+
|
|
9101
|
+
.opus_3zzL8C_right {
|
|
9102
|
+
border-right: 0;
|
|
9103
|
+
border-left: 1px solid var(--opus-border);
|
|
9104
|
+
}
|
|
9105
|
+
|
|
9106
|
+
.opus_3zzL8C_center {
|
|
9107
|
+
color: var(--opus-text);
|
|
9108
|
+
padding: 12px;
|
|
9109
|
+
font-size: .85rem;
|
|
9110
|
+
overflow: auto;
|
|
9111
|
+
}
|
|
9112
|
+
|
|
9113
|
+
/* components/ScrollArea/ScrollArea.module.css */
|
|
9114
|
+
.opus__ZaCog_root {
|
|
9115
|
+
border: 1px solid var(--opus-border);
|
|
9116
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
9117
|
+
background: color-mix(in srgb, var(--opus-panel) 92%, transparent);
|
|
9118
|
+
width: 100%;
|
|
9119
|
+
min-width: 0;
|
|
9120
|
+
overflow: hidden;
|
|
9121
|
+
}
|
|
9122
|
+
|
|
9123
|
+
.opus__ZaCog_viewport {
|
|
9124
|
+
width: 100%;
|
|
9125
|
+
height: 100%;
|
|
9126
|
+
max-height: inherit;
|
|
9127
|
+
overscroll-behavior: contain;
|
|
9128
|
+
}
|
|
9129
|
+
|
|
9130
|
+
.opus__ZaCog_root[data-orientation="vertical"] .opus__ZaCog_viewport {
|
|
9131
|
+
overflow: hidden auto;
|
|
9132
|
+
}
|
|
9133
|
+
|
|
9134
|
+
.opus__ZaCog_root[data-orientation="horizontal"] .opus__ZaCog_viewport {
|
|
9135
|
+
overflow: auto hidden;
|
|
9136
|
+
}
|
|
9137
|
+
|
|
9138
|
+
.opus__ZaCog_root[data-orientation="both"] .opus__ZaCog_viewport {
|
|
9139
|
+
overflow: auto;
|
|
9140
|
+
}
|
|
9141
|
+
|
|
9142
|
+
.opus__ZaCog_viewport::-webkit-scrollbar {
|
|
9143
|
+
width: 10px;
|
|
9144
|
+
height: 10px;
|
|
9145
|
+
}
|
|
9146
|
+
|
|
9147
|
+
.opus__ZaCog_viewport::-webkit-scrollbar-thumb {
|
|
9148
|
+
background-clip: padding-box;
|
|
9149
|
+
background-color: color-mix(in srgb, var(--opus-muted) 45%, transparent);
|
|
9150
|
+
border: 2px solid #0000;
|
|
9151
|
+
border-radius: 999px;
|
|
9152
|
+
}
|
|
9153
|
+
|
|
9154
|
+
.opus__ZaCog_viewport::-webkit-scrollbar-thumb:hover {
|
|
9155
|
+
background-color: color-mix(in srgb, var(--opus-muted) 70%, transparent);
|
|
9156
|
+
}
|
|
9157
|
+
|
|
9158
|
+
/* components/AspectRatio/AspectRatio.module.css */
|
|
9159
|
+
.opus_CZP9Id_root {
|
|
9160
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
9161
|
+
background: color-mix(in srgb, var(--opus-muted) 8%, transparent);
|
|
9162
|
+
width: 100%;
|
|
9163
|
+
min-width: 0;
|
|
9164
|
+
position: relative;
|
|
9165
|
+
overflow: hidden;
|
|
9166
|
+
}
|
|
9167
|
+
|
|
9168
|
+
.opus_CZP9Id_content {
|
|
9169
|
+
place-items: center;
|
|
9170
|
+
min-width: 0;
|
|
9171
|
+
min-height: 0;
|
|
9172
|
+
display: grid;
|
|
9173
|
+
position: absolute;
|
|
9174
|
+
inset: 0;
|
|
9175
|
+
}
|
|
9176
|
+
|
|
9177
|
+
.opus_CZP9Id_content > img, .opus_CZP9Id_content > video {
|
|
9178
|
+
object-fit: cover;
|
|
9179
|
+
width: 100%;
|
|
9180
|
+
height: 100%;
|
|
9181
|
+
}
|
|
9182
|
+
|
|
9183
|
+
/* components/Container/Container.module.css */
|
|
9184
|
+
.opus_pi0jzF_container {
|
|
9185
|
+
width: 100%;
|
|
9186
|
+
min-width: 0;
|
|
9187
|
+
margin-inline: auto;
|
|
9188
|
+
}
|
|
9189
|
+
|
|
9190
|
+
.opus_pi0jzF_container[data-padded="true"] {
|
|
9191
|
+
padding-inline: clamp(12px, 3vw, 24px);
|
|
9192
|
+
}
|
|
9193
|
+
|
|
9194
|
+
/* components/Spacer/Spacer.module.css */
|
|
9195
|
+
.opus_9JdQqv_spacer {
|
|
9196
|
+
flex-shrink: 0;
|
|
9197
|
+
display: block;
|
|
9198
|
+
}
|
|
9199
|
+
|
|
9200
|
+
.opus_9JdQqv_spacer[data-axis="x"] {
|
|
9201
|
+
height: 1px;
|
|
9202
|
+
}
|
|
9203
|
+
|
|
9204
|
+
.opus_9JdQqv_spacer[data-axis="y"] {
|
|
9205
|
+
width: 1px;
|
|
9206
|
+
}
|
|
9207
|
+
|
|
9208
|
+
/* components/Breadcrumb/Breadcrumb.module.css */
|
|
9209
|
+
.opus_FwZfXe_root {
|
|
9210
|
+
width: 100%;
|
|
9211
|
+
}
|
|
9212
|
+
|
|
9213
|
+
.opus_FwZfXe_list {
|
|
9214
|
+
flex-wrap: wrap;
|
|
9215
|
+
align-items: center;
|
|
9216
|
+
gap: 4px;
|
|
9217
|
+
margin: 0;
|
|
9218
|
+
padding: 0;
|
|
9219
|
+
list-style: none;
|
|
9220
|
+
display: flex;
|
|
9221
|
+
}
|
|
9222
|
+
|
|
9223
|
+
.opus_FwZfXe_item {
|
|
9224
|
+
align-items: center;
|
|
9225
|
+
gap: 4px;
|
|
9226
|
+
min-width: 0;
|
|
9227
|
+
display: inline-flex;
|
|
9228
|
+
}
|
|
9229
|
+
|
|
9230
|
+
.opus_FwZfXe_separator {
|
|
9231
|
+
color: var(--opus-muted);
|
|
9232
|
+
padding-inline: 2px;
|
|
9233
|
+
font-size: .78rem;
|
|
9234
|
+
}
|
|
9235
|
+
|
|
9236
|
+
.opus_FwZfXe_link, .opus_FwZfXe_current {
|
|
9237
|
+
text-overflow: ellipsis;
|
|
9238
|
+
white-space: nowrap;
|
|
9239
|
+
min-width: 0;
|
|
9240
|
+
font-size: .84rem;
|
|
9241
|
+
overflow: hidden;
|
|
9242
|
+
}
|
|
9243
|
+
|
|
9244
|
+
.opus_FwZfXe_link {
|
|
9245
|
+
color: var(--opus-accent);
|
|
9246
|
+
font-weight: 650;
|
|
9247
|
+
text-decoration: none;
|
|
9248
|
+
}
|
|
9249
|
+
|
|
9250
|
+
.opus_FwZfXe_link:hover {
|
|
9251
|
+
text-decoration: underline;
|
|
9252
|
+
}
|
|
9253
|
+
|
|
9254
|
+
.opus_FwZfXe_link:focus-visible {
|
|
9255
|
+
box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 24%, transparent);
|
|
9256
|
+
border-radius: 4px;
|
|
9257
|
+
outline: none;
|
|
9258
|
+
}
|
|
9259
|
+
|
|
9260
|
+
.opus_FwZfXe_current {
|
|
9261
|
+
color: var(--opus-text);
|
|
9262
|
+
font-weight: 700;
|
|
9263
|
+
}
|
|
9264
|
+
|
|
9265
|
+
/* components/Pagination/Pagination.module.css */
|
|
9266
|
+
.opus_VkXUKR_root {
|
|
9267
|
+
flex-wrap: wrap;
|
|
9268
|
+
align-items: center;
|
|
9269
|
+
gap: 4px;
|
|
9270
|
+
display: inline-flex;
|
|
9271
|
+
}
|
|
9272
|
+
|
|
9273
|
+
.opus_VkXUKR_button {
|
|
9274
|
+
border: 1px solid var(--opus-border);
|
|
9275
|
+
min-width: 34px;
|
|
9276
|
+
height: 34px;
|
|
9277
|
+
color: var(--opus-text);
|
|
9278
|
+
font: inherit;
|
|
9279
|
+
cursor: pointer;
|
|
9280
|
+
background: none;
|
|
9281
|
+
border-radius: 8px;
|
|
9282
|
+
padding: 0 8px;
|
|
9283
|
+
font-size: .82rem;
|
|
9284
|
+
font-weight: 650;
|
|
9285
|
+
}
|
|
9286
|
+
|
|
9287
|
+
.opus_VkXUKR_button:hover:not(:disabled) {
|
|
9288
|
+
border-color: color-mix(in srgb, var(--opus-accent) 40%, var(--opus-border));
|
|
9289
|
+
}
|
|
9290
|
+
|
|
9291
|
+
.opus_VkXUKR_button:disabled {
|
|
9292
|
+
opacity: .4;
|
|
9293
|
+
cursor: not-allowed;
|
|
9294
|
+
}
|
|
9295
|
+
|
|
9296
|
+
.opus_VkXUKR_button:focus-visible, .opus_VkXUKR_active {
|
|
9297
|
+
box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 24%, transparent);
|
|
9298
|
+
outline: none;
|
|
9299
|
+
}
|
|
9300
|
+
|
|
9301
|
+
.opus_VkXUKR_active {
|
|
9302
|
+
background: color-mix(in srgb, var(--opus-accent) 16%, transparent);
|
|
9303
|
+
border-color: color-mix(in srgb, var(--opus-accent) 45%, var(--opus-border));
|
|
9304
|
+
}
|
|
9305
|
+
|
|
9306
|
+
.opus_VkXUKR_ellipsis {
|
|
9307
|
+
text-align: center;
|
|
9308
|
+
min-width: 24px;
|
|
9309
|
+
color: var(--opus-muted);
|
|
9310
|
+
}
|
|
9311
|
+
|
|
9312
|
+
/* components/PageHeader/PageHeader.module.css */
|
|
9313
|
+
.opus_1pSVfU_root {
|
|
9314
|
+
border-bottom: 1px solid var(--opus-border);
|
|
9315
|
+
gap: 10px;
|
|
9316
|
+
width: 100%;
|
|
9317
|
+
padding-bottom: 12px;
|
|
9318
|
+
display: grid;
|
|
9319
|
+
}
|
|
9320
|
+
|
|
9321
|
+
.opus_1pSVfU_breadcrumbs {
|
|
9322
|
+
min-width: 0;
|
|
9323
|
+
}
|
|
9324
|
+
|
|
9325
|
+
.opus_1pSVfU_row {
|
|
9326
|
+
flex-wrap: wrap;
|
|
9327
|
+
justify-content: space-between;
|
|
9328
|
+
align-items: flex-start;
|
|
9329
|
+
gap: 16px;
|
|
9330
|
+
display: flex;
|
|
9331
|
+
}
|
|
9332
|
+
|
|
9333
|
+
.opus_1pSVfU_copy {
|
|
9334
|
+
gap: 4px;
|
|
9335
|
+
min-width: 0;
|
|
9336
|
+
display: grid;
|
|
9337
|
+
}
|
|
9338
|
+
|
|
9339
|
+
.opus_1pSVfU_eyebrow {
|
|
9340
|
+
color: var(--opus-muted);
|
|
9341
|
+
letter-spacing: .04em;
|
|
9342
|
+
text-transform: uppercase;
|
|
9343
|
+
margin: 0;
|
|
9344
|
+
font-size: .72rem;
|
|
9345
|
+
font-weight: 700;
|
|
9346
|
+
}
|
|
9347
|
+
|
|
9348
|
+
.opus_1pSVfU_title {
|
|
9349
|
+
color: var(--opus-text);
|
|
9350
|
+
margin: 0;
|
|
9351
|
+
font-size: 1.35rem;
|
|
9352
|
+
font-weight: 750;
|
|
9353
|
+
line-height: 1.2;
|
|
9354
|
+
}
|
|
9355
|
+
|
|
9356
|
+
.opus_1pSVfU_description {
|
|
9357
|
+
color: var(--opus-muted);
|
|
9358
|
+
max-width: 46rem;
|
|
9359
|
+
margin: 0;
|
|
9360
|
+
font-size: .88rem;
|
|
9361
|
+
line-height: 1.45;
|
|
9362
|
+
}
|
|
9363
|
+
|
|
9364
|
+
.opus_1pSVfU_actions {
|
|
9365
|
+
flex-wrap: wrap;
|
|
9366
|
+
align-items: center;
|
|
9367
|
+
gap: 8px;
|
|
9368
|
+
display: flex;
|
|
9369
|
+
}
|
|
9370
|
+
|
|
9371
|
+
/* components/Toolbar/Toolbar.module.css */
|
|
9372
|
+
.opus_lO-IAD_root {
|
|
9373
|
+
border: 1px solid var(--opus-border);
|
|
9374
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
9375
|
+
background: color-mix(in srgb, var(--opus-panel) 92%, transparent);
|
|
9376
|
+
align-items: center;
|
|
9377
|
+
gap: 10px;
|
|
9378
|
+
width: 100%;
|
|
9379
|
+
min-height: 48px;
|
|
9380
|
+
padding: 8px 10px;
|
|
9381
|
+
display: flex;
|
|
9382
|
+
}
|
|
9383
|
+
|
|
9384
|
+
.opus_lO-IAD_root[data-dense="true"] {
|
|
9385
|
+
gap: 6px;
|
|
9386
|
+
min-height: 40px;
|
|
9387
|
+
padding: 6px 8px;
|
|
9388
|
+
}
|
|
9389
|
+
|
|
9390
|
+
.opus_lO-IAD_cluster {
|
|
9391
|
+
align-items: center;
|
|
9392
|
+
gap: inherit;
|
|
9393
|
+
flex-wrap: wrap;
|
|
9394
|
+
min-width: 0;
|
|
9395
|
+
display: inline-flex;
|
|
9396
|
+
}
|
|
9397
|
+
|
|
9398
|
+
.opus_lO-IAD_end {
|
|
9399
|
+
margin-left: auto;
|
|
9400
|
+
}
|
|
9401
|
+
|
|
9402
|
+
/* components/BottomNavigation/BottomNavigation.module.css */
|
|
9403
|
+
.opus_Yqcmor_root {
|
|
9404
|
+
border: 1px solid var(--opus-border);
|
|
9405
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
9406
|
+
background: color-mix(in srgb, var(--opus-panel) 94%, transparent);
|
|
9407
|
+
grid-auto-columns: 1fr;
|
|
9408
|
+
grid-auto-flow: column;
|
|
9409
|
+
width: 100%;
|
|
9410
|
+
display: grid;
|
|
9411
|
+
overflow: hidden;
|
|
9412
|
+
}
|
|
9413
|
+
|
|
9414
|
+
.opus_Yqcmor_item {
|
|
9415
|
+
color: var(--opus-muted);
|
|
9416
|
+
border-right: 1px solid color-mix(in srgb, var(--opus-border) 70%, transparent);
|
|
9417
|
+
justify-items: center;
|
|
9418
|
+
gap: 4px;
|
|
9419
|
+
padding: 10px 8px;
|
|
9420
|
+
font-size: .72rem;
|
|
9421
|
+
font-weight: 700;
|
|
9422
|
+
text-decoration: none;
|
|
9423
|
+
display: grid;
|
|
9424
|
+
}
|
|
9425
|
+
|
|
9426
|
+
.opus_Yqcmor_item:last-child {
|
|
9427
|
+
border-right: 0;
|
|
9428
|
+
}
|
|
9429
|
+
|
|
9430
|
+
.opus_Yqcmor_item:hover {
|
|
9431
|
+
color: var(--opus-text);
|
|
9432
|
+
background: color-mix(in srgb, var(--opus-accent) 8%, transparent);
|
|
9433
|
+
}
|
|
9434
|
+
|
|
9435
|
+
.opus_Yqcmor_active {
|
|
9436
|
+
color: var(--opus-accent);
|
|
9437
|
+
background: color-mix(in srgb, var(--opus-accent) 12%, transparent);
|
|
9438
|
+
}
|
|
9439
|
+
|
|
9440
|
+
.opus_Yqcmor_icon {
|
|
9441
|
+
font-size: 1rem;
|
|
9442
|
+
line-height: 1;
|
|
9443
|
+
}
|
|
9444
|
+
|
|
9445
|
+
.opus_Yqcmor_label {
|
|
9446
|
+
text-overflow: ellipsis;
|
|
9447
|
+
white-space: nowrap;
|
|
9448
|
+
min-width: 0;
|
|
9449
|
+
overflow: hidden;
|
|
9450
|
+
}
|
|
9451
|
+
|
|
9452
|
+
/* components/NavigationRail/NavigationRail.module.css */
|
|
9453
|
+
.opus_E7mR15_root {
|
|
9454
|
+
border: 1px solid var(--opus-border);
|
|
9455
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
9456
|
+
background: color-mix(in srgb, var(--opus-panel) 94%, transparent);
|
|
9457
|
+
gap: 4px;
|
|
9458
|
+
width: 168px;
|
|
9459
|
+
padding: 8px;
|
|
9460
|
+
display: grid;
|
|
9461
|
+
}
|
|
9462
|
+
|
|
9463
|
+
.opus_E7mR15_root[data-collapsed="true"] {
|
|
9464
|
+
width: 64px;
|
|
9465
|
+
}
|
|
9466
|
+
|
|
9467
|
+
.opus_E7mR15_item {
|
|
9468
|
+
min-height: 40px;
|
|
9469
|
+
color: var(--opus-muted);
|
|
9470
|
+
border-radius: 8px;
|
|
9471
|
+
align-items: center;
|
|
9472
|
+
gap: 10px;
|
|
9473
|
+
padding: 8px 10px;
|
|
9474
|
+
font-size: .82rem;
|
|
9475
|
+
font-weight: 650;
|
|
9476
|
+
text-decoration: none;
|
|
9477
|
+
display: flex;
|
|
9478
|
+
}
|
|
9479
|
+
|
|
9480
|
+
.opus_E7mR15_root[data-collapsed="true"] .opus_E7mR15_item {
|
|
9481
|
+
justify-content: center;
|
|
9482
|
+
padding-inline: 8px;
|
|
9483
|
+
}
|
|
9484
|
+
|
|
9485
|
+
.opus_E7mR15_item:hover {
|
|
9486
|
+
color: var(--opus-text);
|
|
9487
|
+
background: color-mix(in srgb, var(--opus-accent) 10%, transparent);
|
|
9488
|
+
}
|
|
9489
|
+
|
|
9490
|
+
.opus_E7mR15_active {
|
|
9491
|
+
color: var(--opus-accent);
|
|
9492
|
+
background: color-mix(in srgb, var(--opus-accent) 14%, transparent);
|
|
9493
|
+
}
|
|
9494
|
+
|
|
9495
|
+
.opus_E7mR15_icon {
|
|
9496
|
+
font-size: 1rem;
|
|
9497
|
+
line-height: 1;
|
|
9498
|
+
}
|
|
9499
|
+
|
|
9500
|
+
.opus_E7mR15_label {
|
|
9501
|
+
text-overflow: ellipsis;
|
|
9502
|
+
white-space: nowrap;
|
|
9503
|
+
min-width: 0;
|
|
9504
|
+
overflow: hidden;
|
|
9505
|
+
}
|
|
9506
|
+
|
|
9507
|
+
.opus_E7mR15_srOnly {
|
|
9508
|
+
clip: rect(0, 0, 0, 0);
|
|
9509
|
+
white-space: nowrap;
|
|
9510
|
+
border: 0;
|
|
9511
|
+
width: 1px;
|
|
9512
|
+
height: 1px;
|
|
9513
|
+
margin: -1px;
|
|
9514
|
+
padding: 0;
|
|
9515
|
+
position: absolute;
|
|
9516
|
+
overflow: hidden;
|
|
9517
|
+
}
|
|
9518
|
+
|
|
9519
|
+
/* components/SplitButton/SplitButton.module.css */
|
|
9520
|
+
.opus_TVuiQN_root {
|
|
9521
|
+
vertical-align: middle;
|
|
9522
|
+
align-items: stretch;
|
|
9523
|
+
display: inline-flex;
|
|
9524
|
+
position: relative;
|
|
9525
|
+
}
|
|
9526
|
+
|
|
9527
|
+
.opus_TVuiQN_main, .opus_TVuiQN_caret {
|
|
9528
|
+
background: var(--opus-accent);
|
|
9529
|
+
color: #fff;
|
|
9530
|
+
font: inherit;
|
|
9531
|
+
cursor: pointer;
|
|
9532
|
+
border: 1px solid #0000;
|
|
9533
|
+
font-size: .84rem;
|
|
9534
|
+
font-weight: 700;
|
|
9535
|
+
}
|
|
9536
|
+
|
|
9537
|
+
.opus_TVuiQN_main {
|
|
9538
|
+
min-height: var(--opus-control-height, 36px);
|
|
9539
|
+
border-radius: var(--opus-input-radius, 6px) 0 0 var(--opus-input-radius, 6px);
|
|
9540
|
+
padding: 0 14px;
|
|
9541
|
+
}
|
|
9542
|
+
|
|
9543
|
+
.opus_TVuiQN_caret {
|
|
9544
|
+
border-radius: 0 var(--opus-input-radius, 6px) var(--opus-input-radius, 6px) 0;
|
|
9545
|
+
border-left: 1px solid #ffffff47;
|
|
9546
|
+
width: 34px;
|
|
9547
|
+
}
|
|
9548
|
+
|
|
9549
|
+
.opus_TVuiQN_root[data-variant="secondary"] .opus_TVuiQN_main, .opus_TVuiQN_root[data-variant="secondary"] .opus_TVuiQN_caret, .opus_TVuiQN_root[data-variant="light"] .opus_TVuiQN_main, .opus_TVuiQN_root[data-variant="light"] .opus_TVuiQN_caret {
|
|
9550
|
+
color: var(--opus-text);
|
|
9551
|
+
border-color: var(--opus-border);
|
|
9552
|
+
background: none;
|
|
9553
|
+
}
|
|
9554
|
+
|
|
9555
|
+
.opus_TVuiQN_root[data-variant="secondary"] .opus_TVuiQN_caret, .opus_TVuiQN_root[data-variant="light"] .opus_TVuiQN_caret {
|
|
9556
|
+
border-left-color: var(--opus-border);
|
|
9557
|
+
}
|
|
9558
|
+
|
|
9559
|
+
.opus_TVuiQN_root[data-variant="danger"] .opus_TVuiQN_main, .opus_TVuiQN_root[data-variant="danger"] .opus_TVuiQN_caret {
|
|
9560
|
+
background: #ef4444;
|
|
9561
|
+
}
|
|
9562
|
+
|
|
9563
|
+
.opus_TVuiQN_root[data-variant="success"] .opus_TVuiQN_main, .opus_TVuiQN_root[data-variant="success"] .opus_TVuiQN_caret {
|
|
9564
|
+
background: #22c55e;
|
|
9565
|
+
}
|
|
9566
|
+
|
|
9567
|
+
.opus_TVuiQN_main:disabled, .opus_TVuiQN_caret:disabled {
|
|
9568
|
+
opacity: .45;
|
|
9569
|
+
cursor: not-allowed;
|
|
9570
|
+
}
|
|
9571
|
+
|
|
9572
|
+
.opus_TVuiQN_main:focus-visible, .opus_TVuiQN_caret:focus-visible {
|
|
9573
|
+
box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 24%, transparent);
|
|
9574
|
+
z-index: 1;
|
|
9575
|
+
outline: none;
|
|
9576
|
+
}
|
|
9577
|
+
|
|
9578
|
+
.opus_TVuiQN_menu {
|
|
9579
|
+
z-index: 20;
|
|
9580
|
+
border: 1px solid var(--opus-border);
|
|
9581
|
+
background: var(--opus-panel, #fff);
|
|
9582
|
+
border-radius: 8px;
|
|
9583
|
+
min-width: 100%;
|
|
9584
|
+
margin: 0;
|
|
9585
|
+
padding: 6px;
|
|
9586
|
+
list-style: none;
|
|
9587
|
+
position: absolute;
|
|
9588
|
+
top: calc(100% + 4px);
|
|
9589
|
+
right: 0;
|
|
9590
|
+
box-shadow: 0 10px 28px #00000029;
|
|
9591
|
+
}
|
|
9592
|
+
|
|
9593
|
+
.opus_TVuiQN_menuItem {
|
|
9594
|
+
width: 100%;
|
|
9595
|
+
color: var(--opus-text);
|
|
9596
|
+
font: inherit;
|
|
9597
|
+
text-align: left;
|
|
9598
|
+
cursor: pointer;
|
|
9599
|
+
background: none;
|
|
9600
|
+
border: 0;
|
|
9601
|
+
border-radius: 6px;
|
|
9602
|
+
padding: 8px 10px;
|
|
9603
|
+
font-size: .82rem;
|
|
9604
|
+
display: block;
|
|
9605
|
+
}
|
|
9606
|
+
|
|
9607
|
+
.opus_TVuiQN_menuItem:hover:not(:disabled) {
|
|
9608
|
+
background: color-mix(in srgb, var(--opus-accent) 12%, transparent);
|
|
9609
|
+
}
|
|
9610
|
+
|
|
9611
|
+
.opus_TVuiQN_menuItem:disabled {
|
|
9612
|
+
opacity: .45;
|
|
9613
|
+
cursor: not-allowed;
|
|
9614
|
+
}
|
|
9615
|
+
|
|
9616
|
+
/* components/FloatingActionButton/FloatingActionButton.module.css */
|
|
9617
|
+
.opus_UXPLpX_root {
|
|
9618
|
+
background: var(--opus-accent);
|
|
9619
|
+
color: #fff;
|
|
9620
|
+
font: inherit;
|
|
9621
|
+
cursor: pointer;
|
|
9622
|
+
box-shadow: 0 10px 24px color-mix(in srgb, var(--opus-accent) 35%, transparent);
|
|
9623
|
+
border: 0;
|
|
9624
|
+
border-radius: 999px;
|
|
9625
|
+
justify-content: center;
|
|
9626
|
+
align-items: center;
|
|
9627
|
+
gap: 8px;
|
|
9628
|
+
font-weight: 750;
|
|
9629
|
+
display: inline-flex;
|
|
9630
|
+
}
|
|
9631
|
+
|
|
9632
|
+
.opus_UXPLpX_root[data-size="sm"] {
|
|
9633
|
+
min-width: 40px;
|
|
9634
|
+
height: 40px;
|
|
9635
|
+
padding-inline: 12px;
|
|
9636
|
+
font-size: .78rem;
|
|
9637
|
+
}
|
|
9638
|
+
|
|
9639
|
+
.opus_UXPLpX_root[data-size="md"] {
|
|
9640
|
+
min-width: 52px;
|
|
9641
|
+
height: 52px;
|
|
9642
|
+
padding-inline: 16px;
|
|
9643
|
+
font-size: .9rem;
|
|
9644
|
+
}
|
|
9645
|
+
|
|
9646
|
+
.opus_UXPLpX_root[data-size="lg"] {
|
|
9647
|
+
min-width: 64px;
|
|
9648
|
+
height: 64px;
|
|
9649
|
+
padding-inline: 20px;
|
|
9650
|
+
font-size: 1rem;
|
|
9651
|
+
}
|
|
9652
|
+
|
|
9653
|
+
.opus_UXPLpX_root:not([data-extended="true"]) {
|
|
9654
|
+
border-radius: 999px;
|
|
9655
|
+
padding-inline: 0;
|
|
9656
|
+
}
|
|
9657
|
+
|
|
9658
|
+
.opus_UXPLpX_root[data-position="end"], .opus_UXPLpX_root[data-position="start"] {
|
|
9659
|
+
z-index: 5;
|
|
9660
|
+
position: absolute;
|
|
9661
|
+
bottom: 16px;
|
|
9662
|
+
}
|
|
9663
|
+
|
|
9664
|
+
.opus_UXPLpX_root[data-position="end"] {
|
|
9665
|
+
right: 16px;
|
|
9666
|
+
}
|
|
9667
|
+
|
|
9668
|
+
.opus_UXPLpX_root[data-position="start"] {
|
|
9669
|
+
left: 16px;
|
|
9670
|
+
}
|
|
9671
|
+
|
|
9672
|
+
.opus_UXPLpX_root:hover {
|
|
9673
|
+
filter: brightness(1.05);
|
|
9674
|
+
}
|
|
9675
|
+
|
|
9676
|
+
.opus_UXPLpX_root:focus-visible {
|
|
9677
|
+
box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 24%, transparent),
|
|
9678
|
+
0 10px 24px color-mix(in srgb, var(--opus-accent) 35%, transparent);
|
|
9679
|
+
outline: none;
|
|
9680
|
+
}
|
|
9681
|
+
|
|
9682
|
+
.opus_UXPLpX_root:disabled {
|
|
9683
|
+
opacity: .5;
|
|
9684
|
+
cursor: not-allowed;
|
|
9685
|
+
}
|
|
9686
|
+
|
|
9687
|
+
.opus_UXPLpX_icon {
|
|
9688
|
+
font-size: 1.1em;
|
|
9689
|
+
line-height: 1;
|
|
9690
|
+
}
|
|
9691
|
+
|
|
9692
|
+
.opus_UXPLpX_label {
|
|
9693
|
+
white-space: nowrap;
|
|
9694
|
+
}
|
|
9695
|
+
|
|
9696
|
+
.opus_UXPLpX_srOnly {
|
|
9697
|
+
clip: rect(0, 0, 0, 0);
|
|
9698
|
+
white-space: nowrap;
|
|
9699
|
+
border: 0;
|
|
9700
|
+
width: 1px;
|
|
9701
|
+
height: 1px;
|
|
9702
|
+
margin: -1px;
|
|
9703
|
+
padding: 0;
|
|
9704
|
+
position: absolute;
|
|
9705
|
+
overflow: hidden;
|
|
9706
|
+
}
|
|
9707
|
+
|
|
9708
|
+
/* components/Tile/TileGradientDefs.module.css */
|
|
9709
|
+
.opus_mMiLIb_defs {
|
|
9710
|
+
pointer-events: none;
|
|
9711
|
+
width: 0;
|
|
9712
|
+
height: 0;
|
|
9713
|
+
position: absolute;
|
|
9714
|
+
overflow: hidden;
|
|
9715
|
+
}
|
|
9716
|
+
|
|
9717
|
+
/* components/Tile/Tile.module.css */
|
|
9718
|
+
.opus_wypm8k_tile {
|
|
9719
|
+
--tile-accent: #d946ef;
|
|
9720
|
+
--tile-glow: #d946ef;
|
|
9721
|
+
--tile-fill: #1a1024;
|
|
9722
|
+
--tile-label: #fff;
|
|
9723
|
+
--tile-highlight: color-mix(in srgb, var(--tile-accent) 42%, transparent);
|
|
9724
|
+
--tile-sheen: color-mix(in srgb, var(--tile-fill) 88%, #fff 6%);
|
|
9725
|
+
--tile-depth: color-mix(in srgb, var(--tile-fill) 82%, #000 18%);
|
|
9726
|
+
appearance: none;
|
|
9727
|
+
box-sizing: border-box;
|
|
9728
|
+
width: var(--tile-size, 96px);
|
|
9729
|
+
height: var(--tile-size, 96px);
|
|
9730
|
+
aspect-ratio: 1;
|
|
9731
|
+
border: 1px solid color-mix(in srgb, var(--tile-accent) 22%, transparent);
|
|
9732
|
+
background: radial-gradient(70% 55% at 50% 38%, color-mix(in srgb, var(--tile-glow) 18%, transparent), transparent 70%),
|
|
9733
|
+
linear-gradient(165deg, var(--tile-sheen), var(--tile-fill) 52%, var(--tile-depth));
|
|
9734
|
+
color: var(--tile-label);
|
|
9735
|
+
text-align: center;
|
|
9736
|
+
font: inherit;
|
|
9737
|
+
cursor: pointer;
|
|
9738
|
+
box-shadow: inset 0 1px 0 var(--tile-highlight);
|
|
9739
|
+
border-radius: 14px;
|
|
9740
|
+
flex-direction: column;
|
|
9741
|
+
justify-content: flex-start;
|
|
9742
|
+
align-items: center;
|
|
9743
|
+
gap: 8px;
|
|
9744
|
+
padding: 12px 8px 9px;
|
|
9745
|
+
text-decoration: none;
|
|
9746
|
+
transition: transform .16s, border-color .16s, background .16s, box-shadow .16s;
|
|
9747
|
+
display: flex;
|
|
9748
|
+
}
|
|
9749
|
+
|
|
9750
|
+
.opus_wypm8k_tile[data-tone="purple"] {
|
|
9751
|
+
--tile-accent: #c4b5fd;
|
|
9752
|
+
--tile-glow: #d946ef;
|
|
9753
|
+
--tile-fill: #171022;
|
|
9754
|
+
}
|
|
9755
|
+
|
|
9756
|
+
.opus_wypm8k_tile[data-tone="blue"] {
|
|
9757
|
+
--tile-accent: #93c5fd;
|
|
9758
|
+
--tile-glow: #38bdf8;
|
|
9759
|
+
--tile-fill: #0d1728;
|
|
9760
|
+
}
|
|
9761
|
+
|
|
9762
|
+
[data-theme="light"] .opus_wypm8k_tile {
|
|
9763
|
+
--tile-highlight: #ffffffe0;
|
|
9764
|
+
--tile-sheen: color-mix(in srgb, var(--tile-fill) 90%, #fff 10%);
|
|
9765
|
+
--tile-depth: color-mix(in srgb, var(--tile-fill) 84%, var(--tile-accent) 16%);
|
|
9766
|
+
border-color: color-mix(in srgb, var(--tile-accent) 34%, transparent);
|
|
9767
|
+
box-shadow: inset 0 1px 0 var(--tile-highlight),
|
|
9768
|
+
0 1px 3px color-mix(in srgb, var(--tile-glow) 10%, transparent);
|
|
9769
|
+
}
|
|
9770
|
+
|
|
9771
|
+
[data-theme="light"] .opus_wypm8k_tile[data-tone="purple"] {
|
|
9772
|
+
--tile-accent: #a78bfa;
|
|
9773
|
+
--tile-glow: #c026d3;
|
|
9774
|
+
--tile-fill: #f6f1ff;
|
|
9775
|
+
--tile-label: #3b2565;
|
|
9776
|
+
}
|
|
9777
|
+
|
|
9778
|
+
[data-theme="light"] .opus_wypm8k_tile[data-tone="blue"] {
|
|
9779
|
+
--tile-accent: #60a5fa;
|
|
9780
|
+
--tile-glow: #0284c7;
|
|
9781
|
+
--tile-fill: #edf6ff;
|
|
9782
|
+
--tile-label: #123a5c;
|
|
9783
|
+
}
|
|
9784
|
+
|
|
9785
|
+
[data-theme="light"] .opus_wypm8k_tile:hover {
|
|
9786
|
+
border-color: color-mix(in srgb, var(--tile-accent) 48%, transparent);
|
|
9787
|
+
box-shadow: inset 0 1px 0 var(--tile-highlight),
|
|
9788
|
+
0 4px 14px color-mix(in srgb, var(--tile-glow) 14%, transparent);
|
|
9789
|
+
}
|
|
9790
|
+
|
|
9791
|
+
[data-theme="light"] .opus_wypm8k_icon {
|
|
9792
|
+
filter: drop-shadow(0 0 5px color-mix(in srgb, var(--tile-glow) 50%, transparent))
|
|
9793
|
+
drop-shadow(0 0 10px color-mix(in srgb, var(--tile-glow) 24%, transparent));
|
|
9794
|
+
}
|
|
9795
|
+
|
|
9796
|
+
.opus_wypm8k_tile:hover {
|
|
9797
|
+
border-color: color-mix(in srgb, var(--tile-accent) 30%, transparent);
|
|
9798
|
+
box-shadow: inset 0 1px 0 color-mix(in srgb, var(--tile-accent) 52%, transparent);
|
|
9799
|
+
transform: translateY(-1px);
|
|
9800
|
+
}
|
|
9801
|
+
|
|
9802
|
+
.opus_wypm8k_tile:focus-visible {
|
|
9803
|
+
border-color: color-mix(in srgb, var(--tile-accent) 40%, transparent);
|
|
9804
|
+
box-shadow: inset 0 1px 0 color-mix(in srgb, var(--tile-accent) 52%, transparent),
|
|
9805
|
+
0 0 0 2px color-mix(in srgb, var(--tile-glow) 28%, transparent);
|
|
9806
|
+
outline: none;
|
|
9807
|
+
}
|
|
9808
|
+
|
|
9809
|
+
.opus_wypm8k_icon {
|
|
9810
|
+
width: 42px;
|
|
9811
|
+
height: 42px;
|
|
9812
|
+
filter: drop-shadow(0 0 7px color-mix(in srgb, var(--tile-glow) 80%, transparent))
|
|
9813
|
+
drop-shadow(0 0 16px color-mix(in srgb, var(--tile-glow) 45%, transparent));
|
|
9814
|
+
flex: 0 0 42px;
|
|
9815
|
+
place-items: center;
|
|
9816
|
+
font-size: 2.55rem;
|
|
9817
|
+
line-height: 1;
|
|
9818
|
+
display: inline-grid;
|
|
9819
|
+
}
|
|
9820
|
+
|
|
9821
|
+
.opus_wypm8k_tile[data-tone="purple"] .opus_wypm8k_icon {
|
|
9822
|
+
--tile-glow: #d946ef;
|
|
9823
|
+
}
|
|
9824
|
+
|
|
9825
|
+
.opus_wypm8k_tile[data-tone="blue"] .opus_wypm8k_icon {
|
|
9826
|
+
--tile-glow: #38bdf8;
|
|
9827
|
+
}
|
|
9828
|
+
|
|
9829
|
+
.opus_wypm8k_icon[data-tone="purple"] svg, .opus_wypm8k_icon[data-tone="purple"] svg path {
|
|
9830
|
+
fill: url("#opus-action-tile-purple");
|
|
9831
|
+
}
|
|
9832
|
+
|
|
9833
|
+
.opus_wypm8k_icon[data-tone="blue"] svg, .opus_wypm8k_icon[data-tone="blue"] svg path {
|
|
9834
|
+
fill: url("#opus-action-tile-blue");
|
|
9835
|
+
}
|
|
9836
|
+
|
|
9837
|
+
.opus_wypm8k_icon svg {
|
|
9838
|
+
width: 1em;
|
|
9839
|
+
height: 1em;
|
|
9840
|
+
display: block;
|
|
9841
|
+
overflow: visible;
|
|
9842
|
+
}
|
|
9843
|
+
|
|
9844
|
+
.opus_wypm8k_label {
|
|
9845
|
+
width: 100%;
|
|
9846
|
+
max-width: 100%;
|
|
9847
|
+
min-height: 1.92rem;
|
|
9848
|
+
color: var(--tile-label);
|
|
9849
|
+
letter-spacing: .01em;
|
|
9850
|
+
text-align: center;
|
|
9851
|
+
white-space: normal;
|
|
9852
|
+
overflow-wrap: break-word;
|
|
9853
|
+
word-break: normal;
|
|
9854
|
+
flex: auto;
|
|
9855
|
+
justify-content: center;
|
|
9856
|
+
align-items: flex-start;
|
|
9857
|
+
margin: 0;
|
|
9858
|
+
padding: 0 2px;
|
|
9859
|
+
font-size: .8rem;
|
|
9860
|
+
font-weight: 600;
|
|
9861
|
+
line-height: 1.2;
|
|
9862
|
+
display: flex;
|
|
9863
|
+
}
|
|
9864
|
+
|
|
9865
|
+
/* components/Tiles/Tiles.module.css */
|
|
9866
|
+
.opus_zD82gC_row {
|
|
9867
|
+
--tile-size: 96px;
|
|
9868
|
+
grid-auto-flow: column;
|
|
9869
|
+
grid-auto-columns: var(--tile-size);
|
|
9870
|
+
background: none;
|
|
9871
|
+
border: 0;
|
|
9872
|
+
justify-content: start;
|
|
9873
|
+
gap: 12px;
|
|
9874
|
+
width: 100%;
|
|
9875
|
+
min-width: 0;
|
|
9876
|
+
padding: 0;
|
|
9877
|
+
display: grid;
|
|
9878
|
+
position: relative;
|
|
9879
|
+
overflow-x: auto;
|
|
9880
|
+
}
|
|
9881
|
+
|
|
9882
|
+
.opus_zD82gC_row[data-layout="fill"] {
|
|
9883
|
+
grid-auto-columns: unset;
|
|
9884
|
+
justify-content: stretch;
|
|
9885
|
+
}
|
|
9886
|
+
|
|
9887
|
+
.opus_zD82gC_tile {
|
|
9888
|
+
width: var(--tile-size);
|
|
9889
|
+
height: var(--tile-size);
|
|
9890
|
+
}
|
|
9891
|
+
|
|
9892
|
+
.opus_zD82gC_row[data-layout="fill"] .opus_zD82gC_tile {
|
|
9893
|
+
aspect-ratio: 1;
|
|
9894
|
+
width: 100%;
|
|
9895
|
+
height: auto;
|
|
9896
|
+
}
|
|
9897
|
+
|
|
9898
|
+
@media (width <= 900px) {
|
|
9899
|
+
.opus_zD82gC_row {
|
|
9900
|
+
--tile-size: 92px;
|
|
9901
|
+
}
|
|
9902
|
+
}
|
|
9903
|
+
|
|
9904
|
+
/* components/StatTile/StatTile.module.css */
|
|
9905
|
+
.opus_8DpwUV_statTile {
|
|
9906
|
+
--tile-accent: #93c5fd;
|
|
9907
|
+
--tile-glow: #38bdf8;
|
|
9908
|
+
--tile-fill: #0d1728;
|
|
9909
|
+
--tile-label: #fff;
|
|
9910
|
+
--tile-muted: color-mix(in srgb, var(--tile-label) 68%, transparent);
|
|
9911
|
+
--tile-highlight: color-mix(in srgb, var(--tile-accent) 42%, transparent);
|
|
9912
|
+
--tile-sheen: color-mix(in srgb, var(--tile-fill) 88%, #fff 6%);
|
|
9913
|
+
--tile-depth: color-mix(in srgb, var(--tile-fill) 82%, #000 18%);
|
|
9914
|
+
border: 1px solid color-mix(in srgb, var(--tile-accent) 22%, transparent);
|
|
9915
|
+
background: radial-gradient(70% 55% at 50% 38%, color-mix(in srgb, var(--tile-glow) 18%, transparent), transparent 70%),
|
|
9916
|
+
linear-gradient(165deg, var(--tile-sheen), var(--tile-fill) 52%, var(--tile-depth));
|
|
9917
|
+
width: min(100%, 12.75rem);
|
|
9918
|
+
min-width: 0;
|
|
9919
|
+
max-width: 12.75rem;
|
|
9920
|
+
box-shadow: inset 0 1px 0 var(--tile-highlight);
|
|
9921
|
+
color: var(--tile-label);
|
|
9922
|
+
appearance: none;
|
|
9923
|
+
box-sizing: border-box;
|
|
9924
|
+
font: inherit;
|
|
9925
|
+
text-align: left;
|
|
9926
|
+
border-radius: 14px;
|
|
9927
|
+
justify-content: space-between;
|
|
9928
|
+
align-items: flex-start;
|
|
9929
|
+
gap: 12px;
|
|
9930
|
+
padding: 16px 14px;
|
|
9931
|
+
transition: transform .16s, border-color .16s, box-shadow .16s;
|
|
9932
|
+
display: flex;
|
|
9933
|
+
}
|
|
9934
|
+
|
|
9935
|
+
.opus_8DpwUV_statTile[data-tone="purple"] {
|
|
9936
|
+
--tile-accent: #c4b5fd;
|
|
9937
|
+
--tile-glow: #d946ef;
|
|
9938
|
+
--tile-fill: #171022;
|
|
9939
|
+
}
|
|
9940
|
+
|
|
9941
|
+
.opus_8DpwUV_statTile[data-tone="blue"] {
|
|
9942
|
+
--tile-accent: #93c5fd;
|
|
9943
|
+
--tile-glow: #38bdf8;
|
|
9944
|
+
--tile-fill: #0d1728;
|
|
9945
|
+
}
|
|
9946
|
+
|
|
9947
|
+
[data-theme="light"] .opus_8DpwUV_statTile {
|
|
9948
|
+
--tile-highlight: #ffffffe0;
|
|
9949
|
+
--tile-sheen: color-mix(in srgb, var(--tile-fill) 90%, #fff 10%);
|
|
9950
|
+
--tile-depth: color-mix(in srgb, var(--tile-fill) 84%, var(--tile-accent) 16%);
|
|
9951
|
+
border-color: color-mix(in srgb, var(--tile-accent) 34%, transparent);
|
|
9952
|
+
box-shadow: inset 0 1px 0 var(--tile-highlight),
|
|
9953
|
+
0 1px 3px color-mix(in srgb, var(--tile-glow) 10%, transparent);
|
|
9954
|
+
}
|
|
9955
|
+
|
|
9956
|
+
[data-theme="light"] .opus_8DpwUV_statTile[data-tone="purple"] {
|
|
9957
|
+
--tile-accent: #a78bfa;
|
|
9958
|
+
--tile-glow: #c026d3;
|
|
9959
|
+
--tile-fill: #f6f1ff;
|
|
9960
|
+
--tile-label: #3b2565;
|
|
9961
|
+
--tile-muted: color-mix(in srgb, var(--tile-label) 72%, transparent);
|
|
9962
|
+
}
|
|
9963
|
+
|
|
9964
|
+
[data-theme="light"] .opus_8DpwUV_statTile[data-tone="blue"] {
|
|
9965
|
+
--tile-accent: #60a5fa;
|
|
9966
|
+
--tile-glow: #0284c7;
|
|
9967
|
+
--tile-fill: #edf6ff;
|
|
9968
|
+
--tile-label: #123a5c;
|
|
9969
|
+
--tile-muted: color-mix(in srgb, var(--tile-label) 72%, transparent);
|
|
9970
|
+
}
|
|
9971
|
+
|
|
9972
|
+
.opus_8DpwUV_statTile[data-interactive="true"] {
|
|
9973
|
+
cursor: pointer;
|
|
9974
|
+
}
|
|
9975
|
+
|
|
9976
|
+
.opus_8DpwUV_statTile[data-interactive="true"]:hover {
|
|
9977
|
+
border-color: color-mix(in srgb, var(--tile-accent) 30%, transparent);
|
|
9978
|
+
box-shadow: inset 0 1px 0 color-mix(in srgb, var(--tile-accent) 52%, transparent);
|
|
9979
|
+
transform: translateY(-1px);
|
|
9980
|
+
}
|
|
9981
|
+
|
|
9982
|
+
[data-theme="light"] .opus_8DpwUV_statTile[data-interactive="true"]:hover {
|
|
9983
|
+
border-color: color-mix(in srgb, var(--tile-accent) 48%, transparent);
|
|
9984
|
+
box-shadow: inset 0 1px 0 var(--tile-highlight),
|
|
9985
|
+
0 4px 14px color-mix(in srgb, var(--tile-glow) 14%, transparent);
|
|
9986
|
+
}
|
|
9987
|
+
|
|
9988
|
+
.opus_8DpwUV_body {
|
|
9989
|
+
flex-direction: column;
|
|
9990
|
+
flex: auto;
|
|
9991
|
+
gap: 10px;
|
|
9992
|
+
min-width: 0;
|
|
9993
|
+
display: flex;
|
|
9994
|
+
}
|
|
9995
|
+
|
|
9996
|
+
.opus_8DpwUV_label {
|
|
9997
|
+
color: var(--tile-muted);
|
|
9998
|
+
margin: 0;
|
|
9999
|
+
font-size: .92rem;
|
|
10000
|
+
font-weight: 600;
|
|
10001
|
+
line-height: 1.2;
|
|
10002
|
+
}
|
|
10003
|
+
|
|
10004
|
+
.opus_8DpwUV_value {
|
|
10005
|
+
color: var(--tile-label);
|
|
10006
|
+
letter-spacing: -.03em;
|
|
10007
|
+
margin: 0;
|
|
10008
|
+
font-size: 1.6rem;
|
|
10009
|
+
font-weight: 700;
|
|
10010
|
+
line-height: 1;
|
|
10011
|
+
}
|
|
10012
|
+
|
|
10013
|
+
.opus_8DpwUV_meta {
|
|
10014
|
+
flex-direction: column;
|
|
10015
|
+
gap: 4px;
|
|
10016
|
+
display: flex;
|
|
10017
|
+
}
|
|
10018
|
+
|
|
10019
|
+
.opus_8DpwUV_trend {
|
|
10020
|
+
align-items: center;
|
|
10021
|
+
gap: 4px;
|
|
10022
|
+
width: fit-content;
|
|
10023
|
+
font-size: .86rem;
|
|
10024
|
+
font-weight: 700;
|
|
10025
|
+
line-height: 1;
|
|
10026
|
+
display: inline-flex;
|
|
10027
|
+
}
|
|
10028
|
+
|
|
10029
|
+
.opus_8DpwUV_trend[data-trend="up"] {
|
|
10030
|
+
color: #22c55e;
|
|
10031
|
+
}
|
|
10032
|
+
|
|
10033
|
+
.opus_8DpwUV_trend[data-trend="down"] {
|
|
10034
|
+
color: #ef4444;
|
|
10035
|
+
}
|
|
10036
|
+
|
|
10037
|
+
.opus_8DpwUV_comparison {
|
|
10038
|
+
color: var(--tile-muted);
|
|
10039
|
+
margin: 0;
|
|
10040
|
+
font-size: .78rem;
|
|
10041
|
+
font-weight: 500;
|
|
10042
|
+
line-height: 1.2;
|
|
10043
|
+
}
|
|
10044
|
+
|
|
10045
|
+
.opus_8DpwUV_icon {
|
|
10046
|
+
width: 52px;
|
|
10047
|
+
height: 52px;
|
|
10048
|
+
filter: drop-shadow(0 0 7px color-mix(in srgb, var(--tile-glow) 80%, transparent))
|
|
10049
|
+
drop-shadow(0 0 16px color-mix(in srgb, var(--tile-glow) 45%, transparent));
|
|
10050
|
+
flex: none;
|
|
10051
|
+
place-items: center;
|
|
10052
|
+
font-size: 2.2rem;
|
|
10053
|
+
line-height: 1;
|
|
10054
|
+
display: inline-grid;
|
|
10055
|
+
}
|
|
10056
|
+
|
|
10057
|
+
.opus_8DpwUV_statTile[data-tone="purple"] .opus_8DpwUV_icon {
|
|
10058
|
+
--tile-glow: #d946ef;
|
|
10059
|
+
}
|
|
10060
|
+
|
|
10061
|
+
.opus_8DpwUV_statTile[data-tone="blue"] .opus_8DpwUV_icon {
|
|
10062
|
+
--tile-glow: #38bdf8;
|
|
10063
|
+
}
|
|
10064
|
+
|
|
10065
|
+
.opus_8DpwUV_icon[data-tone="purple"] svg, .opus_8DpwUV_icon[data-tone="purple"] svg path {
|
|
10066
|
+
fill: url("#opus-action-tile-purple");
|
|
10067
|
+
}
|
|
10068
|
+
|
|
10069
|
+
.opus_8DpwUV_icon[data-tone="blue"] svg, .opus_8DpwUV_icon[data-tone="blue"] svg path {
|
|
10070
|
+
fill: url("#opus-action-tile-blue");
|
|
10071
|
+
}
|
|
10072
|
+
|
|
10073
|
+
.opus_8DpwUV_icon svg {
|
|
10074
|
+
width: 1em;
|
|
10075
|
+
height: 1em;
|
|
10076
|
+
display: block;
|
|
10077
|
+
overflow: visible;
|
|
10078
|
+
}
|
|
10079
|
+
|
|
10080
|
+
[data-theme="light"] .opus_8DpwUV_icon {
|
|
10081
|
+
filter: drop-shadow(0 0 5px color-mix(in srgb, var(--tile-glow) 50%, transparent))
|
|
10082
|
+
drop-shadow(0 0 10px color-mix(in srgb, var(--tile-glow) 24%, transparent));
|
|
10083
|
+
}
|
|
10084
|
+
|
|
10085
|
+
/* components/StatTiles/StatTiles.module.css */
|
|
10086
|
+
.opus_uhJd8v_row {
|
|
10087
|
+
--stat-tile-size: 12.75rem;
|
|
10088
|
+
grid-auto-flow: column;
|
|
10089
|
+
grid-auto-columns: var(--stat-tile-size);
|
|
10090
|
+
background: none;
|
|
10091
|
+
border: 0;
|
|
10092
|
+
justify-content: start;
|
|
10093
|
+
gap: 12px;
|
|
10094
|
+
width: 100%;
|
|
10095
|
+
min-width: 0;
|
|
10096
|
+
padding: 0;
|
|
10097
|
+
display: grid;
|
|
10098
|
+
position: relative;
|
|
10099
|
+
overflow-x: auto;
|
|
10100
|
+
}
|
|
10101
|
+
|
|
10102
|
+
.opus_uhJd8v_row[data-layout="fill"] {
|
|
10103
|
+
grid-auto-columns: unset;
|
|
10104
|
+
justify-content: stretch;
|
|
10105
|
+
}
|
|
10106
|
+
|
|
10107
|
+
.opus_uhJd8v_statTile {
|
|
10108
|
+
width: var(--stat-tile-size);
|
|
10109
|
+
}
|
|
10110
|
+
|
|
10111
|
+
.opus_uhJd8v_row[data-layout="fill"] .opus_uhJd8v_statTile {
|
|
10112
|
+
width: 100%;
|
|
10113
|
+
max-width: none;
|
|
10114
|
+
}
|
|
10115
|
+
|
|
10116
|
+
/* components/PipelineOverview/PipelineOverview.module.css */
|
|
10117
|
+
.opus_1ScjMZ_root {
|
|
10118
|
+
gap: 14px;
|
|
10119
|
+
min-width: 0;
|
|
10120
|
+
display: grid;
|
|
10121
|
+
}
|
|
10122
|
+
|
|
10123
|
+
.opus_1ScjMZ_body {
|
|
10124
|
+
grid-template-columns: 1.35fr 1fr;
|
|
10125
|
+
align-items: center;
|
|
10126
|
+
column-gap: 14px;
|
|
10127
|
+
min-height: 0;
|
|
10128
|
+
display: grid;
|
|
10129
|
+
}
|
|
10130
|
+
|
|
10131
|
+
.opus_1ScjMZ_funnel {
|
|
10132
|
+
grid-column: 1;
|
|
10133
|
+
justify-content: center;
|
|
10134
|
+
align-items: stretch;
|
|
10135
|
+
min-width: 0;
|
|
10136
|
+
height: 100%;
|
|
10137
|
+
min-height: 100%;
|
|
10138
|
+
display: flex;
|
|
10139
|
+
}
|
|
10140
|
+
|
|
10141
|
+
.opus_1ScjMZ_funnelSvg {
|
|
10142
|
+
width: 100%;
|
|
10143
|
+
height: 100%;
|
|
10144
|
+
min-height: 100%;
|
|
10145
|
+
display: block;
|
|
10146
|
+
overflow: visible;
|
|
10147
|
+
}
|
|
10148
|
+
|
|
10149
|
+
.opus_1ScjMZ_legend {
|
|
10150
|
+
grid-template-rows: subgrid;
|
|
10151
|
+
grid-area: 1 / 2 / -1;
|
|
10152
|
+
margin: 0;
|
|
10153
|
+
padding: 0;
|
|
10154
|
+
list-style: none;
|
|
10155
|
+
display: grid;
|
|
10156
|
+
}
|
|
10157
|
+
|
|
10158
|
+
.opus_1ScjMZ_legendItem {
|
|
10159
|
+
grid-template-columns: auto 1fr;
|
|
10160
|
+
align-items: center;
|
|
10161
|
+
gap: 8px;
|
|
10162
|
+
min-height: 0;
|
|
10163
|
+
margin: 0;
|
|
10164
|
+
display: grid;
|
|
10165
|
+
}
|
|
10166
|
+
|
|
10167
|
+
.opus_1ScjMZ_legendDot {
|
|
10168
|
+
background: var(--stage-dot);
|
|
10169
|
+
width: 7px;
|
|
10170
|
+
height: 7px;
|
|
10171
|
+
box-shadow: 0 0 6px color-mix(in srgb, var(--stage-glow) 80%, transparent),
|
|
10172
|
+
0 0 12px color-mix(in srgb, var(--stage-glow) 36%, transparent);
|
|
10173
|
+
border-radius: 999px;
|
|
10174
|
+
}
|
|
10175
|
+
|
|
10176
|
+
.opus_1ScjMZ_legendCopy {
|
|
10177
|
+
gap: 1px;
|
|
10178
|
+
min-width: 0;
|
|
10179
|
+
display: grid;
|
|
10180
|
+
}
|
|
10181
|
+
|
|
10182
|
+
.opus_1ScjMZ_legendLabel {
|
|
10183
|
+
color: var(--dashboard-section-text);
|
|
10184
|
+
font-size: .78rem;
|
|
10185
|
+
font-weight: 600;
|
|
10186
|
+
line-height: 1.2;
|
|
10187
|
+
}
|
|
10188
|
+
|
|
10189
|
+
.opus_1ScjMZ_legendValue {
|
|
10190
|
+
color: var(--dashboard-section-muted);
|
|
10191
|
+
font-size: .72rem;
|
|
10192
|
+
font-weight: 500;
|
|
10193
|
+
line-height: 1.2;
|
|
10194
|
+
}
|
|
10195
|
+
|
|
10196
|
+
.opus_1ScjMZ_footer {
|
|
10197
|
+
justify-content: space-between;
|
|
10198
|
+
align-items: flex-end;
|
|
10199
|
+
gap: 10px;
|
|
10200
|
+
display: flex;
|
|
10201
|
+
}
|
|
10202
|
+
|
|
10203
|
+
.opus_1ScjMZ_total {
|
|
10204
|
+
gap: 4px;
|
|
10205
|
+
display: grid;
|
|
10206
|
+
}
|
|
10207
|
+
|
|
10208
|
+
.opus_1ScjMZ_totalLabel {
|
|
10209
|
+
color: var(--dashboard-section-muted);
|
|
10210
|
+
font-size: .68rem;
|
|
10211
|
+
font-weight: 500;
|
|
10212
|
+
}
|
|
10213
|
+
|
|
10214
|
+
.opus_1ScjMZ_totalValue {
|
|
10215
|
+
color: var(--dashboard-section-text);
|
|
10216
|
+
letter-spacing: -.03em;
|
|
10217
|
+
font-size: 1.125rem;
|
|
10218
|
+
font-weight: 700;
|
|
10219
|
+
line-height: 1;
|
|
10220
|
+
}
|
|
10221
|
+
|
|
10222
|
+
.opus_1ScjMZ_period {
|
|
10223
|
+
flex: none;
|
|
10224
|
+
align-items: center;
|
|
10225
|
+
min-width: 7.25rem;
|
|
10226
|
+
display: inline-flex;
|
|
10227
|
+
position: relative;
|
|
10228
|
+
}
|
|
10229
|
+
|
|
10230
|
+
.opus_1ScjMZ_periodLabel {
|
|
10231
|
+
clip: rect(0, 0, 0, 0);
|
|
10232
|
+
white-space: nowrap;
|
|
10233
|
+
border: 0;
|
|
10234
|
+
width: 1px;
|
|
10235
|
+
height: 1px;
|
|
10236
|
+
margin: -1px;
|
|
10237
|
+
padding: 0;
|
|
10238
|
+
position: absolute;
|
|
10239
|
+
overflow: hidden;
|
|
10240
|
+
}
|
|
10241
|
+
|
|
10242
|
+
.opus_1ScjMZ_periodSelect {
|
|
10243
|
+
appearance: none;
|
|
10244
|
+
border: 1px solid color-mix(in srgb, var(--dashboard-section-text) 14%, transparent);
|
|
10245
|
+
background: color-mix(in srgb, var(--dashboard-section-panel) 90%, transparent);
|
|
10246
|
+
width: 100%;
|
|
10247
|
+
color: var(--dashboard-section-text);
|
|
10248
|
+
font: inherit;
|
|
10249
|
+
cursor: pointer;
|
|
10250
|
+
border-radius: 8px;
|
|
10251
|
+
padding: 7px 24px 7px 10px;
|
|
10252
|
+
font-size: .72rem;
|
|
10253
|
+
font-weight: 600;
|
|
10254
|
+
}
|
|
10255
|
+
|
|
10256
|
+
.opus_1ScjMZ_periodSelect:focus-visible {
|
|
10257
|
+
outline-offset: 2px;
|
|
10258
|
+
outline: 2px solid #38bdf86b;
|
|
10259
|
+
}
|
|
10260
|
+
|
|
10261
|
+
.opus_1ScjMZ_periodChevron {
|
|
10262
|
+
pointer-events: none;
|
|
10263
|
+
color: var(--dashboard-section-muted);
|
|
10264
|
+
font-size: .65rem;
|
|
10265
|
+
position: absolute;
|
|
10266
|
+
right: 9px;
|
|
10267
|
+
}
|
|
10268
|
+
|
|
10269
|
+
.opus_1ScjMZ_periodChevron svg {
|
|
10270
|
+
width: 1em;
|
|
10271
|
+
height: 1em;
|
|
10272
|
+
display: block;
|
|
10273
|
+
}
|
|
10274
|
+
|
|
10275
|
+
@media (width <= 720px) {
|
|
10276
|
+
.opus_1ScjMZ_body {
|
|
10277
|
+
grid-template-columns: 1fr;
|
|
10278
|
+
row-gap: 12px;
|
|
10279
|
+
}
|
|
10280
|
+
|
|
10281
|
+
.opus_1ScjMZ_funnel {
|
|
10282
|
+
grid-column: 1;
|
|
10283
|
+
min-height: 11rem;
|
|
10284
|
+
grid-row: auto !important;
|
|
10285
|
+
}
|
|
10286
|
+
|
|
10287
|
+
.opus_1ScjMZ_legend {
|
|
10288
|
+
grid-area: auto / 1;
|
|
10289
|
+
grid-template-rows: none;
|
|
10290
|
+
gap: 10px;
|
|
10291
|
+
}
|
|
10292
|
+
|
|
10293
|
+
.opus_1ScjMZ_legendItem {
|
|
10294
|
+
grid-row: auto !important;
|
|
10295
|
+
}
|
|
10296
|
+
|
|
10297
|
+
.opus_1ScjMZ_footer {
|
|
10298
|
+
flex-direction: column;
|
|
10299
|
+
align-items: stretch;
|
|
10300
|
+
}
|
|
10301
|
+
|
|
10302
|
+
.opus_1ScjMZ_period {
|
|
10303
|
+
width: 100%;
|
|
10304
|
+
}
|
|
10305
|
+
}
|
|
10306
|
+
|
|
10307
|
+
/* components/DealsOverTime/DealsOverTime.module.css */
|
|
10308
|
+
.opus_Hn1LW1_root {
|
|
10309
|
+
gap: 10px;
|
|
10310
|
+
width: 100%;
|
|
10311
|
+
min-width: 0;
|
|
10312
|
+
display: grid;
|
|
10313
|
+
}
|
|
10314
|
+
|
|
10315
|
+
.opus_Hn1LW1_header {
|
|
10316
|
+
justify-content: space-between;
|
|
10317
|
+
align-items: center;
|
|
10318
|
+
gap: 12px;
|
|
10319
|
+
min-width: 0;
|
|
10320
|
+
display: flex;
|
|
10321
|
+
}
|
|
10322
|
+
|
|
10323
|
+
.opus_Hn1LW1_title {
|
|
10324
|
+
min-width: 0;
|
|
10325
|
+
color: var(--dashboard-section-text);
|
|
10326
|
+
letter-spacing: -.01em;
|
|
10327
|
+
margin: 0;
|
|
10328
|
+
font-size: .875rem;
|
|
10329
|
+
font-weight: 700;
|
|
10330
|
+
}
|
|
10331
|
+
|
|
10332
|
+
.opus_Hn1LW1_period {
|
|
10333
|
+
flex: none;
|
|
10334
|
+
align-items: center;
|
|
10335
|
+
min-width: 8.5rem;
|
|
10336
|
+
display: inline-flex;
|
|
10337
|
+
position: relative;
|
|
10338
|
+
}
|
|
10339
|
+
|
|
10340
|
+
.opus_Hn1LW1_period:after {
|
|
10341
|
+
content: "";
|
|
10342
|
+
border-right: 1.5px solid var(--dashboard-section-muted);
|
|
10343
|
+
border-bottom: 1.5px solid var(--dashboard-section-muted);
|
|
10344
|
+
pointer-events: none;
|
|
10345
|
+
width: 7px;
|
|
10346
|
+
height: 7px;
|
|
10347
|
+
position: absolute;
|
|
10348
|
+
top: 50%;
|
|
10349
|
+
right: 12px;
|
|
10350
|
+
transform: translateY(-65%) rotate(45deg);
|
|
10351
|
+
}
|
|
10352
|
+
|
|
10353
|
+
.opus_Hn1LW1_periodLabel {
|
|
10354
|
+
clip: rect(0, 0, 0, 0);
|
|
10355
|
+
white-space: nowrap;
|
|
10356
|
+
border: 0;
|
|
10357
|
+
width: 1px;
|
|
10358
|
+
height: 1px;
|
|
10359
|
+
margin: -1px;
|
|
10360
|
+
padding: 0;
|
|
10361
|
+
position: absolute;
|
|
10362
|
+
overflow: hidden;
|
|
10363
|
+
}
|
|
10364
|
+
|
|
10365
|
+
.opus_Hn1LW1_periodSelect {
|
|
10366
|
+
-webkit-appearance: none;
|
|
10367
|
+
-moz-appearance: none;
|
|
10368
|
+
appearance: none;
|
|
10369
|
+
border: 1px solid color-mix(in srgb, var(--dashboard-section-text) 16%, transparent);
|
|
10370
|
+
background: color-mix(in srgb, var(--dashboard-section-panel) 92%, transparent);
|
|
10371
|
+
width: 100%;
|
|
10372
|
+
color: var(--dashboard-section-text);
|
|
10373
|
+
font: inherit;
|
|
10374
|
+
cursor: pointer;
|
|
10375
|
+
border-radius: 8px;
|
|
10376
|
+
padding: 7px 30px 7px 12px;
|
|
10377
|
+
font-size: .72rem;
|
|
10378
|
+
font-weight: 600;
|
|
10379
|
+
line-height: 1.2;
|
|
10380
|
+
}
|
|
10381
|
+
|
|
10382
|
+
.opus_Hn1LW1_periodSelect:focus-visible {
|
|
10383
|
+
outline-offset: 2px;
|
|
10384
|
+
outline: 2px solid #38bdf86b;
|
|
10385
|
+
}
|
|
10386
|
+
|
|
10387
|
+
.opus_Hn1LW1_periodSelect::-ms-expand {
|
|
10388
|
+
display: none;
|
|
10389
|
+
}
|
|
10390
|
+
|
|
10391
|
+
.opus_Hn1LW1_chartWrap {
|
|
10392
|
+
width: 100%;
|
|
10393
|
+
min-width: 0;
|
|
10394
|
+
position: relative;
|
|
10395
|
+
}
|
|
10396
|
+
|
|
10397
|
+
.opus_Hn1LW1_chart {
|
|
10398
|
+
max-width: 100%;
|
|
10399
|
+
height: 188px;
|
|
10400
|
+
display: block;
|
|
10401
|
+
overflow: visible;
|
|
10402
|
+
}
|
|
10403
|
+
|
|
10404
|
+
.opus_Hn1LW1_gridLine {
|
|
10405
|
+
stroke: #94a3b82e;
|
|
10406
|
+
stroke-width: 1px;
|
|
10407
|
+
}
|
|
10408
|
+
|
|
10409
|
+
.opus_Hn1LW1_axisLabel {
|
|
10410
|
+
fill: color-mix(in srgb, var(--dashboard-section-muted) 88%, #94a3b8 12%);
|
|
10411
|
+
font-size: 10.5px;
|
|
10412
|
+
font-weight: 500;
|
|
10413
|
+
}
|
|
10414
|
+
|
|
10415
|
+
.opus_Hn1LW1_lineGlowSoft {
|
|
10416
|
+
fill: none;
|
|
10417
|
+
stroke-linecap: round;
|
|
10418
|
+
stroke-linejoin: round;
|
|
10419
|
+
stroke-width: 4px;
|
|
10420
|
+
opacity: .55;
|
|
10421
|
+
}
|
|
10422
|
+
|
|
10423
|
+
.opus_Hn1LW1_lineGlowMid {
|
|
10424
|
+
fill: none;
|
|
10425
|
+
stroke-linecap: round;
|
|
10426
|
+
stroke-linejoin: round;
|
|
10427
|
+
stroke-width: 2.25px;
|
|
10428
|
+
opacity: .42;
|
|
10429
|
+
}
|
|
10430
|
+
|
|
10431
|
+
.opus_Hn1LW1_line {
|
|
10432
|
+
fill: none;
|
|
10433
|
+
stroke-linecap: round;
|
|
10434
|
+
stroke-linejoin: round;
|
|
10435
|
+
stroke-width: 1.15px;
|
|
10436
|
+
}
|
|
10437
|
+
|
|
10438
|
+
.opus_Hn1LW1_area {
|
|
10439
|
+
stroke: none;
|
|
10440
|
+
}
|
|
10441
|
+
|
|
10442
|
+
.opus_Hn1LW1_pointGlow {
|
|
10443
|
+
opacity: .95;
|
|
10444
|
+
transition: opacity .12s;
|
|
10445
|
+
}
|
|
10446
|
+
|
|
10447
|
+
.opus_Hn1LW1_pointGlow[data-active="true"] {
|
|
10448
|
+
opacity: 1;
|
|
10449
|
+
}
|
|
10450
|
+
|
|
10451
|
+
.opus_Hn1LW1_pointRing {
|
|
10452
|
+
fill: #070d18;
|
|
10453
|
+
stroke-width: 1.5px;
|
|
10454
|
+
transition: r .12s, stroke-width .12s, stroke .12s;
|
|
10455
|
+
}
|
|
10456
|
+
|
|
10457
|
+
.opus_Hn1LW1_pointRing[data-active="true"] {
|
|
10458
|
+
stroke-width: 1.75px;
|
|
10459
|
+
}
|
|
10460
|
+
|
|
10461
|
+
.opus_Hn1LW1_pointCore {
|
|
10462
|
+
transition: r .12s, fill .12s;
|
|
10463
|
+
}
|
|
10464
|
+
|
|
10465
|
+
.opus_Hn1LW1_pointSolid {
|
|
10466
|
+
transition: fill .12s;
|
|
10467
|
+
}
|
|
10468
|
+
|
|
10469
|
+
.opus_Hn1LW1_hitTarget {
|
|
10470
|
+
fill: #0000;
|
|
10471
|
+
stroke: none;
|
|
10472
|
+
cursor: pointer;
|
|
10473
|
+
}
|
|
10474
|
+
|
|
10475
|
+
.opus_Hn1LW1_tooltip {
|
|
10476
|
+
left: var(--tooltip-x);
|
|
10477
|
+
top: var(--tooltip-y);
|
|
10478
|
+
z-index: 2;
|
|
10479
|
+
border: 1px solid color-mix(in srgb, var(--tooltip-accent, #9b8cff) 22%, transparent);
|
|
10480
|
+
background: color-mix(in srgb, #111827 94%, var(--tooltip-accent, #312e81) 6%);
|
|
10481
|
+
min-width: 5.5rem;
|
|
10482
|
+
box-shadow: 0 10px 24px #0206178c,
|
|
10483
|
+
0 0 0 1px color-mix(in srgb, var(--tooltip-accent, #7c5cff) 12%, transparent);
|
|
10484
|
+
pointer-events: none;
|
|
10485
|
+
border-radius: 10px;
|
|
10486
|
+
gap: 2px;
|
|
10487
|
+
padding: 8px 10px;
|
|
10488
|
+
display: grid;
|
|
10489
|
+
position: absolute;
|
|
10490
|
+
transform: translate(-50%, calc(-100% - 14px));
|
|
10491
|
+
}
|
|
10492
|
+
|
|
10493
|
+
.opus_Hn1LW1_tooltip:after {
|
|
10494
|
+
content: "";
|
|
10495
|
+
border-right: 1px solid color-mix(in srgb, var(--tooltip-accent, #9b8cff) 22%, transparent);
|
|
10496
|
+
border-bottom: 1px solid color-mix(in srgb, var(--tooltip-accent, #9b8cff) 22%, transparent);
|
|
10497
|
+
background: inherit;
|
|
10498
|
+
width: 10px;
|
|
10499
|
+
height: 10px;
|
|
10500
|
+
position: absolute;
|
|
10501
|
+
bottom: -6px;
|
|
10502
|
+
left: 50%;
|
|
10503
|
+
transform: translateX(-50%) rotate(45deg);
|
|
10504
|
+
}
|
|
10505
|
+
|
|
10506
|
+
.opus_Hn1LW1_tooltipDate {
|
|
10507
|
+
color: color-mix(in srgb, var(--dashboard-section-muted) 90%, var(--tooltip-accent, #c4b5fd) 10%);
|
|
10508
|
+
font-size: .68rem;
|
|
10509
|
+
font-weight: 500;
|
|
10510
|
+
}
|
|
10511
|
+
|
|
10512
|
+
.opus_Hn1LW1_tooltipValue {
|
|
10513
|
+
color: var(--dashboard-section-text);
|
|
10514
|
+
letter-spacing: -.02em;
|
|
10515
|
+
font-size: .82rem;
|
|
10516
|
+
font-weight: 700;
|
|
10517
|
+
}
|
|
10518
|
+
|
|
10519
|
+
/* components/DashboardListWidget/shared.module.css */
|
|
10520
|
+
.opus_8R-PJ3_list {
|
|
10521
|
+
grid-template-rows: repeat(3, 2.125rem);
|
|
10522
|
+
gap: .625rem;
|
|
10523
|
+
height: 7.625rem;
|
|
10524
|
+
margin: 0;
|
|
10525
|
+
padding: 0;
|
|
10526
|
+
list-style: none;
|
|
10527
|
+
display: grid;
|
|
10528
|
+
overflow: hidden;
|
|
10529
|
+
}
|
|
10530
|
+
|
|
10531
|
+
.opus_8R-PJ3_itemAction {
|
|
10532
|
+
width: 100%;
|
|
10533
|
+
min-width: 0;
|
|
10534
|
+
min-height: 2.125rem;
|
|
10535
|
+
font: inherit;
|
|
10536
|
+
color: inherit;
|
|
10537
|
+
text-align: left;
|
|
10538
|
+
cursor: pointer;
|
|
10539
|
+
background: none;
|
|
10540
|
+
border: 0;
|
|
10541
|
+
border-radius: 8px;
|
|
10542
|
+
margin: 0;
|
|
10543
|
+
padding: 0;
|
|
10544
|
+
display: grid;
|
|
10545
|
+
}
|
|
10546
|
+
|
|
10547
|
+
.opus_8R-PJ3_itemAction:hover {
|
|
10548
|
+
background: color-mix(in srgb, var(--dashboard-section-text) 4%, transparent);
|
|
10549
|
+
}
|
|
10550
|
+
|
|
10551
|
+
.opus_8R-PJ3_itemAction:focus-visible {
|
|
10552
|
+
outline-offset: -2px;
|
|
10553
|
+
outline: 2px solid #60a5fa6b;
|
|
10554
|
+
}
|
|
10555
|
+
|
|
10556
|
+
.opus_8R-PJ3_footer {
|
|
10557
|
+
border-top: 1px solid color-mix(in srgb, var(--dashboard-section-text) 10%, transparent);
|
|
10558
|
+
padding-top: 10px;
|
|
10559
|
+
}
|
|
10560
|
+
|
|
10561
|
+
.opus_8R-PJ3_footerAction {
|
|
10562
|
+
color: #60a5fa;
|
|
10563
|
+
width: 100%;
|
|
10564
|
+
font: inherit;
|
|
10565
|
+
text-align: left;
|
|
10566
|
+
cursor: pointer;
|
|
10567
|
+
background: none;
|
|
10568
|
+
border: 0;
|
|
10569
|
+
justify-content: space-between;
|
|
10570
|
+
align-items: center;
|
|
10571
|
+
gap: 10px;
|
|
10572
|
+
padding: 0;
|
|
10573
|
+
font-size: .72rem;
|
|
10574
|
+
font-weight: 600;
|
|
10575
|
+
text-decoration: none;
|
|
10576
|
+
display: flex;
|
|
10577
|
+
}
|
|
10578
|
+
|
|
10579
|
+
.opus_8R-PJ3_footerAction:hover {
|
|
10580
|
+
color: #93c5fd;
|
|
10581
|
+
}
|
|
10582
|
+
|
|
10583
|
+
.opus_8R-PJ3_footerAction:focus-visible {
|
|
10584
|
+
outline-offset: 2px;
|
|
10585
|
+
border-radius: 6px;
|
|
10586
|
+
outline: 2px solid #60a5fa6b;
|
|
10587
|
+
}
|
|
10588
|
+
|
|
10589
|
+
.opus_8R-PJ3_iconWrap svg, .opus_8R-PJ3_footerIcon svg {
|
|
10590
|
+
width: 1em;
|
|
10591
|
+
height: 1em;
|
|
10592
|
+
display: block;
|
|
10593
|
+
}
|
|
10594
|
+
|
|
10595
|
+
.opus_8R-PJ3_footerIcon {
|
|
10596
|
+
flex: none;
|
|
10597
|
+
justify-content: center;
|
|
10598
|
+
align-items: center;
|
|
10599
|
+
font-size: .62rem;
|
|
10600
|
+
line-height: 1;
|
|
10601
|
+
display: inline-flex;
|
|
10602
|
+
}
|
|
10603
|
+
|
|
10604
|
+
/* components/UpcomingTasks/UpcomingTasks.module.css */
|
|
10605
|
+
.opus_mFTWWU_root {
|
|
10606
|
+
gap: 12px;
|
|
10607
|
+
min-width: 0;
|
|
10608
|
+
display: grid;
|
|
10609
|
+
}
|
|
10610
|
+
|
|
10611
|
+
.opus_mFTWWU_header {
|
|
10612
|
+
min-width: 0;
|
|
10613
|
+
}
|
|
10614
|
+
|
|
10615
|
+
.opus_mFTWWU_title {
|
|
10616
|
+
color: var(--dashboard-section-text);
|
|
10617
|
+
letter-spacing: -.01em;
|
|
10618
|
+
margin: 0;
|
|
10619
|
+
font-size: .875rem;
|
|
10620
|
+
font-weight: 700;
|
|
10621
|
+
}
|
|
10622
|
+
|
|
10623
|
+
.opus_mFTWWU_list {
|
|
10624
|
+
min-width: 0;
|
|
10625
|
+
overflow: visible;
|
|
10626
|
+
}
|
|
10627
|
+
|
|
10628
|
+
.opus_mFTWWU_item {
|
|
10629
|
+
grid-template-columns: auto minmax(0, 1fr);
|
|
10630
|
+
align-items: center;
|
|
10631
|
+
gap: 10px;
|
|
10632
|
+
min-width: 0;
|
|
10633
|
+
min-height: 2.125rem;
|
|
10634
|
+
display: grid;
|
|
10635
|
+
}
|
|
10636
|
+
|
|
10637
|
+
.opus_mFTWWU_itemAction, .opus_mFTWWU_itemBody {
|
|
10638
|
+
grid-template-columns: minmax(0, 1fr) auto;
|
|
10639
|
+
align-items: center;
|
|
10640
|
+
gap: 8px;
|
|
10641
|
+
min-width: 0;
|
|
10642
|
+
display: grid;
|
|
10643
|
+
}
|
|
10644
|
+
|
|
10645
|
+
.opus_mFTWWU_taskCheckbox {
|
|
10646
|
+
z-index: 1;
|
|
10647
|
+
align-self: center;
|
|
10648
|
+
position: relative;
|
|
10649
|
+
column-gap: 0 !important;
|
|
10650
|
+
}
|
|
10651
|
+
|
|
10652
|
+
.opus_mFTWWU_copy {
|
|
10653
|
+
gap: 2px;
|
|
10654
|
+
min-width: 0;
|
|
10655
|
+
display: grid;
|
|
10656
|
+
}
|
|
10657
|
+
|
|
10658
|
+
.opus_mFTWWU_itemTitle {
|
|
10659
|
+
color: var(--dashboard-section-text);
|
|
10660
|
+
font-size: .78rem;
|
|
10661
|
+
font-weight: 600;
|
|
10662
|
+
line-height: 1.25;
|
|
10663
|
+
}
|
|
10664
|
+
|
|
10665
|
+
.opus_mFTWWU_itemSubtitle {
|
|
10666
|
+
color: var(--dashboard-section-muted);
|
|
10667
|
+
white-space: nowrap;
|
|
10668
|
+
text-overflow: ellipsis;
|
|
10669
|
+
font-size: .68rem;
|
|
10670
|
+
font-weight: 500;
|
|
10671
|
+
line-height: 1.25;
|
|
10672
|
+
overflow: hidden;
|
|
10673
|
+
}
|
|
10674
|
+
|
|
10675
|
+
.opus_mFTWWU_time {
|
|
10676
|
+
color: var(--dashboard-section-muted);
|
|
10677
|
+
white-space: nowrap;
|
|
10678
|
+
font-size: .68rem;
|
|
10679
|
+
font-weight: 600;
|
|
10680
|
+
}
|
|
10681
|
+
|
|
10682
|
+
/* components/RecentActivity/RecentActivity.module.css */
|
|
10683
|
+
.opus_PR08Ax_root {
|
|
10684
|
+
gap: 12px;
|
|
10685
|
+
min-width: 0;
|
|
10686
|
+
display: grid;
|
|
10687
|
+
}
|
|
10688
|
+
|
|
10689
|
+
.opus_PR08Ax_header {
|
|
10690
|
+
min-width: 0;
|
|
10691
|
+
}
|
|
10692
|
+
|
|
10693
|
+
.opus_PR08Ax_title {
|
|
10694
|
+
color: var(--dashboard-section-text);
|
|
10695
|
+
letter-spacing: -.01em;
|
|
10696
|
+
margin: 0;
|
|
10697
|
+
font-size: .875rem;
|
|
10698
|
+
font-weight: 700;
|
|
10699
|
+
}
|
|
10700
|
+
|
|
10701
|
+
.opus_PR08Ax_list {
|
|
10702
|
+
min-width: 0;
|
|
10703
|
+
}
|
|
10704
|
+
|
|
10705
|
+
.opus_PR08Ax_item {
|
|
10706
|
+
grid-template-columns: auto 1fr auto;
|
|
10707
|
+
align-items: center;
|
|
10708
|
+
gap: 10px;
|
|
10709
|
+
min-width: 0;
|
|
10710
|
+
min-height: 2.125rem;
|
|
10711
|
+
display: grid;
|
|
10712
|
+
}
|
|
10713
|
+
|
|
10714
|
+
.opus_PR08Ax_item:has(.opus_PR08Ax_itemAction) {
|
|
10715
|
+
display: block;
|
|
10716
|
+
}
|
|
10717
|
+
|
|
10718
|
+
.opus_PR08Ax_itemAction {
|
|
10719
|
+
grid-template-columns: auto 1fr auto;
|
|
10720
|
+
align-items: center;
|
|
10721
|
+
gap: 10px;
|
|
10722
|
+
display: grid;
|
|
10723
|
+
}
|
|
10724
|
+
|
|
10725
|
+
.opus_PR08Ax_iconWrap {
|
|
10726
|
+
border-radius: 8px;
|
|
10727
|
+
flex: none;
|
|
10728
|
+
justify-content: center;
|
|
10729
|
+
align-items: center;
|
|
10730
|
+
width: 1.75rem;
|
|
10731
|
+
height: 1.75rem;
|
|
10732
|
+
font-size: .72rem;
|
|
10733
|
+
display: inline-flex;
|
|
10734
|
+
}
|
|
10735
|
+
|
|
10736
|
+
.opus_PR08Ax_iconWrap[data-tone="blue"] {
|
|
10737
|
+
color: #93c5fd;
|
|
10738
|
+
background: #3b82f63d;
|
|
10739
|
+
}
|
|
10740
|
+
|
|
10741
|
+
.opus_PR08Ax_iconWrap[data-tone="green"] {
|
|
10742
|
+
color: #86efac;
|
|
10743
|
+
background: #22c55e38;
|
|
10744
|
+
}
|
|
10745
|
+
|
|
10746
|
+
.opus_PR08Ax_iconWrap[data-tone="orange"] {
|
|
10747
|
+
color: #fdba74;
|
|
10748
|
+
background: #f9731638;
|
|
10749
|
+
}
|
|
10750
|
+
|
|
10751
|
+
.opus_PR08Ax_copy {
|
|
10752
|
+
gap: 2px;
|
|
10753
|
+
min-width: 0;
|
|
10754
|
+
display: grid;
|
|
10755
|
+
}
|
|
10756
|
+
|
|
10757
|
+
.opus_PR08Ax_itemTitle {
|
|
10758
|
+
color: var(--dashboard-section-text);
|
|
10759
|
+
font-size: .78rem;
|
|
10760
|
+
font-weight: 600;
|
|
10761
|
+
line-height: 1.25;
|
|
10762
|
+
}
|
|
10763
|
+
|
|
10764
|
+
.opus_PR08Ax_itemSubtitle {
|
|
10765
|
+
color: var(--dashboard-section-muted);
|
|
10766
|
+
white-space: nowrap;
|
|
10767
|
+
text-overflow: ellipsis;
|
|
10768
|
+
font-size: .68rem;
|
|
10769
|
+
font-weight: 500;
|
|
10770
|
+
line-height: 1.25;
|
|
10771
|
+
overflow: hidden;
|
|
10772
|
+
}
|
|
10773
|
+
|
|
10774
|
+
.opus_PR08Ax_time {
|
|
10775
|
+
color: var(--dashboard-section-muted);
|
|
10776
|
+
white-space: nowrap;
|
|
10777
|
+
font-size: .68rem;
|
|
10778
|
+
font-weight: 600;
|
|
10779
|
+
}
|
|
10780
|
+
|
|
10781
|
+
/* components/TopPerformingUsers/TopPerformingUsers.module.css */
|
|
10782
|
+
.opus_sYx0a6_root {
|
|
10783
|
+
gap: 12px;
|
|
10784
|
+
min-width: 0;
|
|
10785
|
+
display: grid;
|
|
10786
|
+
}
|
|
10787
|
+
|
|
10788
|
+
.opus_sYx0a6_header {
|
|
10789
|
+
min-width: 0;
|
|
10790
|
+
}
|
|
10791
|
+
|
|
10792
|
+
.opus_sYx0a6_title {
|
|
10793
|
+
color: var(--dashboard-section-text);
|
|
10794
|
+
letter-spacing: -.01em;
|
|
10795
|
+
margin: 0;
|
|
10796
|
+
font-size: .875rem;
|
|
10797
|
+
font-weight: 700;
|
|
10798
|
+
}
|
|
10799
|
+
|
|
10800
|
+
.opus_sYx0a6_list {
|
|
10801
|
+
min-width: 0;
|
|
10802
|
+
}
|
|
10803
|
+
|
|
10804
|
+
.opus_sYx0a6_item {
|
|
10805
|
+
grid-template-columns: auto 1fr;
|
|
10806
|
+
align-items: center;
|
|
10807
|
+
gap: 10px;
|
|
10808
|
+
min-width: 0;
|
|
10809
|
+
min-height: 2.125rem;
|
|
10810
|
+
display: grid;
|
|
10811
|
+
}
|
|
10812
|
+
|
|
10813
|
+
.opus_sYx0a6_item:has(.opus_sYx0a6_itemAction) {
|
|
10814
|
+
display: block;
|
|
10815
|
+
}
|
|
10816
|
+
|
|
10817
|
+
.opus_sYx0a6_itemAction {
|
|
10818
|
+
grid-template-columns: auto 1fr;
|
|
10819
|
+
align-items: center;
|
|
10820
|
+
gap: 10px;
|
|
10821
|
+
display: grid;
|
|
10822
|
+
}
|
|
10823
|
+
|
|
10824
|
+
.opus_sYx0a6_row {
|
|
10825
|
+
grid-template-columns: minmax(5.5rem, .9fr) minmax(0, 1.4fr) auto;
|
|
10826
|
+
align-items: center;
|
|
10827
|
+
gap: 10px;
|
|
10828
|
+
min-width: 0;
|
|
10829
|
+
display: grid;
|
|
10830
|
+
}
|
|
10831
|
+
|
|
10832
|
+
.opus_sYx0a6_name {
|
|
10833
|
+
color: var(--dashboard-section-text);
|
|
10834
|
+
white-space: nowrap;
|
|
10835
|
+
text-overflow: ellipsis;
|
|
10836
|
+
font-size: .76rem;
|
|
10837
|
+
font-weight: 600;
|
|
10838
|
+
line-height: 1.2;
|
|
10839
|
+
overflow: hidden;
|
|
10840
|
+
}
|
|
10841
|
+
|
|
10842
|
+
.opus_sYx0a6_barTrack {
|
|
10843
|
+
background: color-mix(in srgb, var(--dashboard-section-text) 8%, transparent);
|
|
10844
|
+
border-radius: 999px;
|
|
10845
|
+
min-width: 0;
|
|
10846
|
+
height: .42rem;
|
|
10847
|
+
overflow: hidden;
|
|
10848
|
+
}
|
|
10849
|
+
|
|
10850
|
+
.opus_sYx0a6_barFill {
|
|
10851
|
+
border-radius: inherit;
|
|
10852
|
+
background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 55%, #a855f7 100%);
|
|
10853
|
+
height: 100%;
|
|
10854
|
+
display: block;
|
|
10855
|
+
box-shadow: 0 0 10px #8b5cf673;
|
|
10856
|
+
}
|
|
10857
|
+
|
|
10858
|
+
.opus_sYx0a6_value {
|
|
10859
|
+
color: var(--dashboard-section-text);
|
|
10860
|
+
letter-spacing: -.02em;
|
|
10861
|
+
white-space: nowrap;
|
|
10862
|
+
font-size: .72rem;
|
|
10863
|
+
font-weight: 700;
|
|
10864
|
+
}
|
|
10865
|
+
|
|
10866
|
+
/* components/DashboardContentContainer/DashboardContentContainer.module.css */
|
|
10867
|
+
.opus_myuwZ6_container {
|
|
10868
|
+
--dashboard-section-bg: #070d18;
|
|
10869
|
+
--dashboard-section-border: #60a5fa33;
|
|
10870
|
+
--dashboard-section-text: #f8fafc;
|
|
10871
|
+
--dashboard-section-muted: #f8fafc8f;
|
|
10872
|
+
--dashboard-section-panel: #11192c;
|
|
10873
|
+
border: 1px solid var(--dashboard-section-border);
|
|
10874
|
+
background: radial-gradient(85% 65% at 14% 0%, #9333ea29, transparent 58%),
|
|
10875
|
+
radial-gradient(72% 58% at 100% 100%, #0284c71f, transparent 62%),
|
|
10876
|
+
linear-gradient(180deg, color-mix(in srgb, var(--dashboard-section-bg) 94%, #fff 3%), var(--dashboard-section-bg));
|
|
10877
|
+
min-width: 0;
|
|
10878
|
+
max-width: 100%;
|
|
10879
|
+
color: var(--dashboard-section-text);
|
|
10880
|
+
box-sizing: border-box;
|
|
10881
|
+
border-radius: 14px;
|
|
10882
|
+
flex: none;
|
|
10883
|
+
gap: 14px;
|
|
10884
|
+
padding: 14px 16px 12px;
|
|
10885
|
+
display: grid;
|
|
10886
|
+
overflow: hidden;
|
|
10887
|
+
box-shadow: inset 0 1px #ffffff0f, 0 12px 28px #020617ad;
|
|
10888
|
+
}
|
|
10889
|
+
|
|
10890
|
+
.opus_myuwZ6_container > * {
|
|
10891
|
+
min-width: 0;
|
|
10892
|
+
}
|
|
10893
|
+
|
|
10894
|
+
.opus_myuwZ6_container[data-width="widget"] {
|
|
10895
|
+
width: 100%;
|
|
10896
|
+
max-width: 24.5rem;
|
|
10897
|
+
}
|
|
10898
|
+
|
|
10899
|
+
.opus_myuwZ6_container[data-component="deals-over-time"][data-width="widget"] {
|
|
10900
|
+
max-width: 32rem;
|
|
10901
|
+
}
|
|
10902
|
+
|
|
10903
|
+
.opus_myuwZ6_container[data-width="full"] {
|
|
10904
|
+
flex: auto;
|
|
10905
|
+
align-self: stretch;
|
|
10906
|
+
width: 100%;
|
|
10907
|
+
max-width: none;
|
|
10908
|
+
}
|
|
10909
|
+
|
|
10910
|
+
[data-theme="light"] .opus_myuwZ6_container {
|
|
10911
|
+
--dashboard-section-bg: #f8fbff;
|
|
10912
|
+
--dashboard-section-border: #60a5fa47;
|
|
10913
|
+
--dashboard-section-text: #0f172a;
|
|
10914
|
+
--dashboard-section-muted: #0f172a94;
|
|
10915
|
+
--dashboard-section-panel: #fff;
|
|
10916
|
+
box-shadow: inset 0 1px #ffffffe6, 0 8px 20px #0284c71a;
|
|
10917
|
+
}
|
|
10918
|
+
|
|
10919
|
+
.opus_myuwZ6_title {
|
|
10920
|
+
color: var(--dashboard-section-text);
|
|
10921
|
+
letter-spacing: -.01em;
|
|
10922
|
+
margin: 0;
|
|
10923
|
+
font-size: .875rem;
|
|
10924
|
+
font-weight: 700;
|
|
10925
|
+
}
|
|
10926
|
+
|
|
10927
|
+
@media (width <= 720px) {
|
|
10928
|
+
.opus_myuwZ6_container[data-width="widget"] {
|
|
10929
|
+
width: 100%;
|
|
10930
|
+
}
|
|
10931
|
+
}
|
|
10932
|
+
|
|
10933
|
+
/* components/PropertyInspector/PropertyInspector.module.css */
|
|
10934
|
+
.opus_IrN8Z8_root {
|
|
10935
|
+
border: 1px solid var(--opus-border);
|
|
10936
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
10937
|
+
background: color-mix(in srgb, var(--opus-panel) 92%, transparent);
|
|
10938
|
+
width: 100%;
|
|
10939
|
+
overflow: hidden;
|
|
10940
|
+
}
|
|
10941
|
+
|
|
10942
|
+
.opus_IrN8Z8_searchRow {
|
|
10943
|
+
border-bottom: 1px solid var(--opus-border);
|
|
10944
|
+
padding: 10px 12px;
|
|
10945
|
+
}
|
|
10946
|
+
|
|
10947
|
+
.opus_IrN8Z8_search, .opus_IrN8Z8_input, .opus_IrN8Z8_select {
|
|
10948
|
+
border: 1px solid var(--opus-border);
|
|
10949
|
+
background: color-mix(in srgb, var(--opus-panel) 88%, transparent);
|
|
10950
|
+
width: 100%;
|
|
10951
|
+
min-width: 0;
|
|
10952
|
+
color: var(--opus-text);
|
|
10953
|
+
font: inherit;
|
|
10954
|
+
border-radius: 6px;
|
|
10955
|
+
padding: 7px 10px;
|
|
10956
|
+
font-size: .82rem;
|
|
10957
|
+
}
|
|
10958
|
+
|
|
10959
|
+
.opus_IrN8Z8_search:focus-visible, .opus_IrN8Z8_input:focus-visible, .opus_IrN8Z8_select:focus-visible {
|
|
10960
|
+
border-color: color-mix(in srgb, var(--opus-accent) 55%, var(--opus-border));
|
|
10961
|
+
box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 22%, transparent);
|
|
10962
|
+
outline: none;
|
|
10963
|
+
}
|
|
10964
|
+
|
|
10965
|
+
.opus_IrN8Z8_groupHeader {
|
|
10966
|
+
border: 0;
|
|
10967
|
+
border-bottom: 1px solid var(--opus-border);
|
|
10968
|
+
background: color-mix(in srgb, var(--opus-muted) 10%, transparent);
|
|
10969
|
+
width: 100%;
|
|
10970
|
+
color: var(--opus-muted);
|
|
10971
|
+
letter-spacing: .04em;
|
|
10972
|
+
text-transform: uppercase;
|
|
10973
|
+
cursor: pointer;
|
|
10974
|
+
text-align: left;
|
|
10975
|
+
align-items: center;
|
|
10976
|
+
gap: 8px;
|
|
10977
|
+
padding: 8px 12px;
|
|
10978
|
+
font-size: .72rem;
|
|
10979
|
+
font-weight: 700;
|
|
10980
|
+
display: flex;
|
|
10981
|
+
}
|
|
10982
|
+
|
|
10983
|
+
.opus_IrN8Z8_groupHeader:hover {
|
|
10984
|
+
color: var(--opus-text);
|
|
10985
|
+
}
|
|
10986
|
+
|
|
10987
|
+
.opus_IrN8Z8_group:last-child .opus_IrN8Z8_rows .opus_IrN8Z8_row:last-child {
|
|
10988
|
+
border-bottom: 0;
|
|
10989
|
+
}
|
|
10990
|
+
|
|
10991
|
+
.opus_IrN8Z8_row {
|
|
10992
|
+
border-bottom: 1px solid var(--opus-border);
|
|
10993
|
+
grid-template-columns: minmax(7rem, 11rem) minmax(0, 1fr);
|
|
10994
|
+
display: grid;
|
|
10995
|
+
}
|
|
10996
|
+
|
|
10997
|
+
.opus_IrN8Z8_label {
|
|
10998
|
+
color: var(--opus-muted);
|
|
10999
|
+
padding: 9px 12px;
|
|
11000
|
+
font-size: .78rem;
|
|
11001
|
+
font-weight: 650;
|
|
11002
|
+
}
|
|
11003
|
+
|
|
11004
|
+
.opus_IrN8Z8_valueCell {
|
|
11005
|
+
align-items: center;
|
|
11006
|
+
min-width: 0;
|
|
11007
|
+
padding: 6px 10px;
|
|
11008
|
+
display: flex;
|
|
11009
|
+
}
|
|
11010
|
+
|
|
11011
|
+
.opus_IrN8Z8_value {
|
|
11012
|
+
min-width: 0;
|
|
11013
|
+
color: var(--opus-text);
|
|
11014
|
+
font-family: var(--font-ibm-plex-mono), ui-monospace, monospace;
|
|
11015
|
+
text-overflow: ellipsis;
|
|
11016
|
+
white-space: nowrap;
|
|
11017
|
+
font-size: .8rem;
|
|
11018
|
+
overflow: hidden;
|
|
11019
|
+
}
|
|
11020
|
+
|
|
11021
|
+
.opus_IrN8Z8_checkbox {
|
|
11022
|
+
width: 16px;
|
|
11023
|
+
height: 16px;
|
|
11024
|
+
accent-color: var(--opus-accent);
|
|
11025
|
+
}
|
|
11026
|
+
|
|
11027
|
+
@media (width <= 560px) {
|
|
11028
|
+
.opus_IrN8Z8_row {
|
|
11029
|
+
grid-template-columns: 1fr;
|
|
11030
|
+
}
|
|
11031
|
+
|
|
11032
|
+
.opus_IrN8Z8_label {
|
|
11033
|
+
padding-bottom: 2px;
|
|
11034
|
+
}
|
|
11035
|
+
}
|
|
11036
|
+
|
|
11037
|
+
/* components/FilterBuilder/FilterBuilder.module.css */
|
|
11038
|
+
.opus_CtJDHh_root {
|
|
11039
|
+
border: 1px solid var(--opus-border);
|
|
11040
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
11041
|
+
background: color-mix(in srgb, var(--opus-panel) 92%, transparent);
|
|
11042
|
+
width: 100%;
|
|
11043
|
+
overflow: hidden;
|
|
11044
|
+
}
|
|
11045
|
+
|
|
11046
|
+
.opus_CtJDHh_header {
|
|
11047
|
+
border-bottom: 1px solid var(--opus-border);
|
|
11048
|
+
justify-content: space-between;
|
|
11049
|
+
align-items: center;
|
|
11050
|
+
gap: 12px;
|
|
11051
|
+
padding: 10px 12px;
|
|
11052
|
+
display: flex;
|
|
11053
|
+
}
|
|
11054
|
+
|
|
11055
|
+
.opus_CtJDHh_title {
|
|
11056
|
+
color: var(--opus-text);
|
|
11057
|
+
font-size: .85rem;
|
|
11058
|
+
font-weight: 700;
|
|
11059
|
+
}
|
|
11060
|
+
|
|
11061
|
+
.opus_CtJDHh_add, .opus_CtJDHh_remove {
|
|
11062
|
+
border: 1px solid var(--opus-border);
|
|
11063
|
+
color: var(--opus-muted);
|
|
11064
|
+
cursor: pointer;
|
|
11065
|
+
background: none;
|
|
11066
|
+
border-radius: 999px;
|
|
11067
|
+
font-size: .75rem;
|
|
11068
|
+
font-weight: 650;
|
|
11069
|
+
}
|
|
11070
|
+
|
|
11071
|
+
.opus_CtJDHh_add {
|
|
11072
|
+
padding: 5px 10px;
|
|
11073
|
+
}
|
|
11074
|
+
|
|
11075
|
+
.opus_CtJDHh_add:hover, .opus_CtJDHh_remove:hover {
|
|
11076
|
+
color: var(--opus-text);
|
|
11077
|
+
border-color: color-mix(in srgb, var(--opus-accent) 40%, var(--opus-border));
|
|
11078
|
+
}
|
|
11079
|
+
|
|
11080
|
+
.opus_CtJDHh_remove {
|
|
11081
|
+
flex-shrink: 0;
|
|
11082
|
+
width: 28px;
|
|
11083
|
+
height: 28px;
|
|
11084
|
+
}
|
|
11085
|
+
|
|
11086
|
+
.opus_CtJDHh_empty {
|
|
11087
|
+
color: var(--opus-muted);
|
|
11088
|
+
margin: 0;
|
|
11089
|
+
padding: 18px 12px;
|
|
11090
|
+
font-size: .82rem;
|
|
11091
|
+
}
|
|
11092
|
+
|
|
11093
|
+
.opus_CtJDHh_list {
|
|
11094
|
+
gap: 8px;
|
|
11095
|
+
margin: 0;
|
|
11096
|
+
padding: 10px;
|
|
11097
|
+
list-style: none;
|
|
11098
|
+
display: grid;
|
|
11099
|
+
}
|
|
11100
|
+
|
|
11101
|
+
.opus_CtJDHh_row {
|
|
11102
|
+
grid-template-columns: 2.5rem minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr) auto;
|
|
11103
|
+
align-items: center;
|
|
11104
|
+
gap: 8px;
|
|
11105
|
+
display: grid;
|
|
11106
|
+
}
|
|
11107
|
+
|
|
11108
|
+
.opus_CtJDHh_joiner, .opus_CtJDHh_joinerSpacer {
|
|
11109
|
+
min-height: 28px;
|
|
11110
|
+
color: var(--opus-accent);
|
|
11111
|
+
justify-content: center;
|
|
11112
|
+
align-items: center;
|
|
11113
|
+
font-size: .68rem;
|
|
11114
|
+
font-weight: 800;
|
|
11115
|
+
display: inline-flex;
|
|
11116
|
+
}
|
|
11117
|
+
|
|
11118
|
+
.opus_CtJDHh_select, .opus_CtJDHh_input {
|
|
11119
|
+
border: 1px solid var(--opus-border);
|
|
11120
|
+
background: color-mix(in srgb, var(--opus-panel) 88%, transparent);
|
|
11121
|
+
min-width: 0;
|
|
11122
|
+
color: var(--opus-text);
|
|
11123
|
+
font: inherit;
|
|
11124
|
+
border-radius: 6px;
|
|
11125
|
+
padding: 7px 8px;
|
|
11126
|
+
font-size: .8rem;
|
|
11127
|
+
}
|
|
11128
|
+
|
|
11129
|
+
.opus_CtJDHh_valuePlaceholder {
|
|
11130
|
+
color: var(--opus-muted);
|
|
11131
|
+
text-align: center;
|
|
11132
|
+
font-size: .8rem;
|
|
11133
|
+
}
|
|
11134
|
+
|
|
11135
|
+
.opus_CtJDHh_output {
|
|
11136
|
+
border-top: 1px solid var(--opus-border);
|
|
11137
|
+
background: color-mix(in srgb, var(--opus-panel) 88%, #000 6%);
|
|
11138
|
+
gap: 8px;
|
|
11139
|
+
padding: 10px 12px 12px;
|
|
11140
|
+
display: grid;
|
|
11141
|
+
}
|
|
11142
|
+
|
|
11143
|
+
.opus_CtJDHh_outputLabel {
|
|
11144
|
+
color: var(--opus-muted);
|
|
11145
|
+
letter-spacing: .06em;
|
|
11146
|
+
text-transform: uppercase;
|
|
11147
|
+
font-size: .68rem;
|
|
11148
|
+
font-weight: 800;
|
|
11149
|
+
}
|
|
11150
|
+
|
|
11151
|
+
.opus_CtJDHh_expression {
|
|
11152
|
+
color: var(--opus-text);
|
|
11153
|
+
word-break: break-word;
|
|
11154
|
+
margin: 0;
|
|
11155
|
+
font-size: .82rem;
|
|
11156
|
+
font-weight: 650;
|
|
11157
|
+
line-height: 1.45;
|
|
11158
|
+
}
|
|
11159
|
+
|
|
11160
|
+
.opus_CtJDHh_payload {
|
|
11161
|
+
border: 1px solid var(--opus-border);
|
|
11162
|
+
background: color-mix(in srgb, var(--opus-panel) 94%, #000 4%);
|
|
11163
|
+
max-height: 160px;
|
|
11164
|
+
color: var(--opus-muted);
|
|
11165
|
+
font-family: var(--font-ibm-plex-mono), ui-monospace, monospace;
|
|
11166
|
+
white-space: pre-wrap;
|
|
11167
|
+
border-radius: 6px;
|
|
11168
|
+
margin: 0;
|
|
11169
|
+
padding: 8px 10px;
|
|
11170
|
+
font-size: .72rem;
|
|
11171
|
+
line-height: 1.5;
|
|
11172
|
+
overflow: auto;
|
|
11173
|
+
}
|
|
11174
|
+
|
|
11175
|
+
@media (width <= 720px) {
|
|
11176
|
+
.opus_CtJDHh_row {
|
|
11177
|
+
grid-template-columns: 2.5rem 1fr auto;
|
|
11178
|
+
}
|
|
11179
|
+
|
|
11180
|
+
.opus_CtJDHh_select:nth-of-type(2), .opus_CtJDHh_input, .opus_CtJDHh_valuePlaceholder {
|
|
11181
|
+
grid-column: 2 / 3;
|
|
11182
|
+
}
|
|
11183
|
+
}
|
|
11184
|
+
|
|
11185
|
+
/* components/QueryBuilder/QueryBuilder.module.css */
|
|
11186
|
+
.opus_b7dZwd_root {
|
|
11187
|
+
border: 1px solid var(--opus-border);
|
|
11188
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
11189
|
+
background: color-mix(in srgb, var(--opus-panel) 92%, transparent);
|
|
11190
|
+
width: 100%;
|
|
11191
|
+
overflow: hidden;
|
|
11192
|
+
}
|
|
11193
|
+
|
|
11194
|
+
.opus_b7dZwd_toolbar {
|
|
11195
|
+
border-bottom: 1px solid var(--opus-border);
|
|
11196
|
+
justify-content: space-between;
|
|
11197
|
+
align-items: center;
|
|
11198
|
+
gap: 12px;
|
|
11199
|
+
padding: 10px 12px;
|
|
11200
|
+
display: flex;
|
|
11201
|
+
}
|
|
11202
|
+
|
|
11203
|
+
.opus_b7dZwd_combinator {
|
|
11204
|
+
color: var(--opus-muted);
|
|
11205
|
+
align-items: center;
|
|
11206
|
+
gap: 8px;
|
|
11207
|
+
font-size: .78rem;
|
|
11208
|
+
font-weight: 650;
|
|
11209
|
+
display: inline-flex;
|
|
11210
|
+
}
|
|
11211
|
+
|
|
11212
|
+
.opus_b7dZwd_add, .opus_b7dZwd_remove {
|
|
11213
|
+
border: 1px solid var(--opus-border);
|
|
11214
|
+
color: var(--opus-muted);
|
|
11215
|
+
cursor: pointer;
|
|
11216
|
+
background: none;
|
|
11217
|
+
border-radius: 999px;
|
|
11218
|
+
font-size: .75rem;
|
|
11219
|
+
font-weight: 650;
|
|
11220
|
+
}
|
|
11221
|
+
|
|
11222
|
+
.opus_b7dZwd_add {
|
|
11223
|
+
padding: 5px 10px;
|
|
11224
|
+
}
|
|
11225
|
+
|
|
11226
|
+
.opus_b7dZwd_remove {
|
|
11227
|
+
width: 28px;
|
|
11228
|
+
height: 28px;
|
|
11229
|
+
}
|
|
11230
|
+
|
|
11231
|
+
.opus_b7dZwd_add:hover, .opus_b7dZwd_remove:hover {
|
|
11232
|
+
color: var(--opus-text);
|
|
11233
|
+
border-color: color-mix(in srgb, var(--opus-accent) 40%, var(--opus-border));
|
|
11234
|
+
}
|
|
11235
|
+
|
|
11236
|
+
.opus_b7dZwd_empty {
|
|
11237
|
+
color: var(--opus-muted);
|
|
11238
|
+
margin: 0;
|
|
11239
|
+
padding: 18px 12px;
|
|
11240
|
+
font-size: .82rem;
|
|
11241
|
+
}
|
|
11242
|
+
|
|
11243
|
+
.opus_b7dZwd_list {
|
|
11244
|
+
gap: 8px;
|
|
11245
|
+
margin: 0;
|
|
11246
|
+
padding: 10px;
|
|
11247
|
+
list-style: none;
|
|
11248
|
+
display: grid;
|
|
11249
|
+
}
|
|
11250
|
+
|
|
11251
|
+
.opus_b7dZwd_row {
|
|
11252
|
+
grid-template-columns: 3.2rem minmax(0, 1fr) 5.5rem minmax(0, 1.2fr) auto;
|
|
11253
|
+
align-items: center;
|
|
11254
|
+
gap: 8px;
|
|
11255
|
+
display: grid;
|
|
11256
|
+
}
|
|
11257
|
+
|
|
11258
|
+
.opus_b7dZwd_chip, .opus_b7dZwd_chipSpacer {
|
|
11259
|
+
justify-content: center;
|
|
11260
|
+
align-items: center;
|
|
11261
|
+
min-height: 28px;
|
|
11262
|
+
font-size: .68rem;
|
|
11263
|
+
font-weight: 800;
|
|
11264
|
+
display: inline-flex;
|
|
11265
|
+
}
|
|
11266
|
+
|
|
11267
|
+
.opus_b7dZwd_chip {
|
|
11268
|
+
color: var(--opus-accent);
|
|
11269
|
+
}
|
|
11270
|
+
|
|
11271
|
+
.opus_b7dZwd_select, .opus_b7dZwd_selectNarrow, .opus_b7dZwd_input {
|
|
11272
|
+
border: 1px solid var(--opus-border);
|
|
11273
|
+
background: color-mix(in srgb, var(--opus-panel) 88%, transparent);
|
|
11274
|
+
min-width: 0;
|
|
11275
|
+
color: var(--opus-text);
|
|
11276
|
+
font: inherit;
|
|
11277
|
+
border-radius: 6px;
|
|
11278
|
+
padding: 7px 8px;
|
|
11279
|
+
font-size: .8rem;
|
|
11280
|
+
}
|
|
11281
|
+
|
|
11282
|
+
.opus_b7dZwd_output {
|
|
11283
|
+
border-top: 1px solid var(--opus-border);
|
|
11284
|
+
background: color-mix(in srgb, var(--opus-panel) 88%, #000 6%);
|
|
11285
|
+
gap: 8px;
|
|
11286
|
+
padding: 10px 12px 12px;
|
|
11287
|
+
display: grid;
|
|
11288
|
+
}
|
|
11289
|
+
|
|
11290
|
+
.opus_b7dZwd_outputLabel {
|
|
11291
|
+
color: var(--opus-muted);
|
|
11292
|
+
letter-spacing: .06em;
|
|
11293
|
+
text-transform: uppercase;
|
|
11294
|
+
font-size: .68rem;
|
|
11295
|
+
font-weight: 800;
|
|
11296
|
+
}
|
|
11297
|
+
|
|
11298
|
+
.opus_b7dZwd_expression {
|
|
11299
|
+
color: var(--opus-text);
|
|
11300
|
+
word-break: break-word;
|
|
11301
|
+
margin: 0;
|
|
11302
|
+
font-size: .82rem;
|
|
11303
|
+
font-weight: 650;
|
|
11304
|
+
line-height: 1.45;
|
|
11305
|
+
}
|
|
11306
|
+
|
|
11307
|
+
.opus_b7dZwd_payload {
|
|
11308
|
+
border: 1px solid var(--opus-border);
|
|
11309
|
+
background: color-mix(in srgb, var(--opus-panel) 94%, #000 4%);
|
|
11310
|
+
max-height: 160px;
|
|
11311
|
+
color: var(--opus-muted);
|
|
11312
|
+
font-family: var(--font-ibm-plex-mono), ui-monospace, monospace;
|
|
11313
|
+
white-space: pre-wrap;
|
|
11314
|
+
border-radius: 6px;
|
|
11315
|
+
margin: 0;
|
|
11316
|
+
padding: 8px 10px;
|
|
11317
|
+
font-size: .72rem;
|
|
11318
|
+
line-height: 1.5;
|
|
11319
|
+
overflow: auto;
|
|
11320
|
+
}
|
|
11321
|
+
|
|
11322
|
+
@media (width <= 720px) {
|
|
11323
|
+
.opus_b7dZwd_row {
|
|
11324
|
+
grid-template-columns: 3.2rem 1fr auto;
|
|
11325
|
+
}
|
|
11326
|
+
|
|
11327
|
+
.opus_b7dZwd_selectNarrow, .opus_b7dZwd_input {
|
|
11328
|
+
grid-column: 2 / 3;
|
|
11329
|
+
}
|
|
11330
|
+
}
|
|
11331
|
+
|
|
11332
|
+
/* components/RuleBuilder/RuleBuilder.module.css */
|
|
11333
|
+
.opus_O61tUk_root {
|
|
11334
|
+
border: 1px solid var(--opus-border);
|
|
11335
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
11336
|
+
background: color-mix(in srgb, var(--opus-panel) 92%, transparent);
|
|
11337
|
+
width: 100%;
|
|
11338
|
+
overflow: hidden;
|
|
11339
|
+
}
|
|
11340
|
+
|
|
11341
|
+
.opus_O61tUk_header {
|
|
11342
|
+
border-bottom: 1px solid var(--opus-border);
|
|
11343
|
+
justify-content: space-between;
|
|
11344
|
+
align-items: flex-start;
|
|
11345
|
+
gap: 12px;
|
|
11346
|
+
padding: 12px;
|
|
11347
|
+
display: flex;
|
|
11348
|
+
}
|
|
11349
|
+
|
|
11350
|
+
.opus_O61tUk_title {
|
|
11351
|
+
color: var(--opus-text);
|
|
11352
|
+
font-size: .9rem;
|
|
11353
|
+
font-weight: 700;
|
|
11354
|
+
}
|
|
11355
|
+
|
|
11356
|
+
.opus_O61tUk_subtitle {
|
|
11357
|
+
color: var(--opus-muted);
|
|
11358
|
+
margin: 4px 0 0;
|
|
11359
|
+
font-size: .75rem;
|
|
11360
|
+
}
|
|
11361
|
+
|
|
11362
|
+
.opus_O61tUk_add, .opus_O61tUk_action {
|
|
11363
|
+
border: 1px solid var(--opus-border);
|
|
11364
|
+
color: var(--opus-muted);
|
|
11365
|
+
cursor: pointer;
|
|
11366
|
+
background: none;
|
|
11367
|
+
border-radius: 999px;
|
|
11368
|
+
font-size: .75rem;
|
|
11369
|
+
font-weight: 650;
|
|
11370
|
+
}
|
|
11371
|
+
|
|
11372
|
+
.opus_O61tUk_add {
|
|
11373
|
+
padding: 5px 10px;
|
|
11374
|
+
}
|
|
11375
|
+
|
|
11376
|
+
.opus_O61tUk_add:hover, .opus_O61tUk_action:hover:not(:disabled) {
|
|
11377
|
+
color: var(--opus-text);
|
|
11378
|
+
border-color: color-mix(in srgb, var(--opus-accent) 40%, var(--opus-border));
|
|
11379
|
+
}
|
|
11380
|
+
|
|
11381
|
+
.opus_O61tUk_action:disabled {
|
|
11382
|
+
opacity: .4;
|
|
11383
|
+
cursor: not-allowed;
|
|
11384
|
+
}
|
|
11385
|
+
|
|
11386
|
+
.opus_O61tUk_empty {
|
|
11387
|
+
color: var(--opus-muted);
|
|
11388
|
+
margin: 0;
|
|
11389
|
+
padding: 18px 12px;
|
|
11390
|
+
font-size: .82rem;
|
|
11391
|
+
}
|
|
11392
|
+
|
|
11393
|
+
.opus_O61tUk_list {
|
|
11394
|
+
gap: 10px;
|
|
11395
|
+
margin: 0;
|
|
11396
|
+
padding: 10px;
|
|
11397
|
+
list-style: none;
|
|
11398
|
+
display: grid;
|
|
11399
|
+
}
|
|
11400
|
+
|
|
11401
|
+
.opus_O61tUk_card {
|
|
11402
|
+
border: 1px solid var(--opus-border);
|
|
11403
|
+
background: color-mix(in srgb, var(--opus-panel) 96%, transparent);
|
|
11404
|
+
border-radius: 8px;
|
|
11405
|
+
gap: 8px;
|
|
11406
|
+
padding: 10px;
|
|
11407
|
+
display: grid;
|
|
11408
|
+
}
|
|
11409
|
+
|
|
11410
|
+
.opus_O61tUk_cardTop {
|
|
11411
|
+
align-items: center;
|
|
11412
|
+
gap: 8px;
|
|
11413
|
+
display: flex;
|
|
11414
|
+
}
|
|
11415
|
+
|
|
11416
|
+
.opus_O61tUk_priority {
|
|
11417
|
+
color: var(--opus-accent);
|
|
11418
|
+
font-size: .72rem;
|
|
11419
|
+
font-weight: 800;
|
|
11420
|
+
}
|
|
11421
|
+
|
|
11422
|
+
.opus_O61tUk_name, .opus_O61tUk_input, .opus_O61tUk_select {
|
|
11423
|
+
border: 1px solid var(--opus-border);
|
|
11424
|
+
background: color-mix(in srgb, var(--opus-panel) 88%, transparent);
|
|
11425
|
+
min-width: 0;
|
|
11426
|
+
color: var(--opus-text);
|
|
11427
|
+
font: inherit;
|
|
11428
|
+
border-radius: 6px;
|
|
11429
|
+
padding: 7px 8px;
|
|
11430
|
+
font-size: .8rem;
|
|
11431
|
+
}
|
|
11432
|
+
|
|
11433
|
+
.opus_O61tUk_name {
|
|
11434
|
+
flex: 1;
|
|
11435
|
+
font-weight: 650;
|
|
11436
|
+
}
|
|
11437
|
+
|
|
11438
|
+
.opus_O61tUk_enabled {
|
|
11439
|
+
color: var(--opus-muted);
|
|
11440
|
+
align-items: center;
|
|
11441
|
+
gap: 6px;
|
|
11442
|
+
font-size: .75rem;
|
|
11443
|
+
font-weight: 650;
|
|
11444
|
+
display: inline-flex;
|
|
11445
|
+
}
|
|
11446
|
+
|
|
11447
|
+
.opus_O61tUk_field {
|
|
11448
|
+
color: var(--opus-muted);
|
|
11449
|
+
gap: 4px;
|
|
11450
|
+
font-size: .72rem;
|
|
11451
|
+
font-weight: 650;
|
|
11452
|
+
display: grid;
|
|
11453
|
+
}
|
|
11454
|
+
|
|
11455
|
+
.opus_O61tUk_actions {
|
|
11456
|
+
flex-wrap: wrap;
|
|
11457
|
+
gap: 6px;
|
|
11458
|
+
display: flex;
|
|
11459
|
+
}
|
|
11460
|
+
|
|
11461
|
+
.opus_O61tUk_action {
|
|
11462
|
+
padding: 4px 10px;
|
|
11463
|
+
}
|
|
11464
|
+
|
|
11465
|
+
.opus_O61tUk_output {
|
|
11466
|
+
border-top: 1px solid var(--opus-border);
|
|
11467
|
+
background: color-mix(in srgb, var(--opus-panel) 88%, #000 6%);
|
|
11468
|
+
gap: 8px;
|
|
11469
|
+
padding: 10px 12px 12px;
|
|
11470
|
+
display: grid;
|
|
11471
|
+
}
|
|
11472
|
+
|
|
11473
|
+
.opus_O61tUk_outputLabel {
|
|
11474
|
+
color: var(--opus-muted);
|
|
11475
|
+
letter-spacing: .06em;
|
|
11476
|
+
text-transform: uppercase;
|
|
11477
|
+
font-size: .68rem;
|
|
11478
|
+
font-weight: 800;
|
|
11479
|
+
}
|
|
11480
|
+
|
|
11481
|
+
.opus_O61tUk_expression {
|
|
11482
|
+
color: var(--opus-text);
|
|
11483
|
+
word-break: break-word;
|
|
11484
|
+
margin: 0;
|
|
11485
|
+
font-size: .82rem;
|
|
11486
|
+
font-weight: 650;
|
|
11487
|
+
line-height: 1.45;
|
|
11488
|
+
}
|
|
11489
|
+
|
|
11490
|
+
.opus_O61tUk_payload {
|
|
11491
|
+
border: 1px solid var(--opus-border);
|
|
11492
|
+
background: color-mix(in srgb, var(--opus-panel) 94%, #000 4%);
|
|
11493
|
+
max-height: 160px;
|
|
11494
|
+
color: var(--opus-muted);
|
|
11495
|
+
font-family: var(--font-ibm-plex-mono), ui-monospace, monospace;
|
|
11496
|
+
white-space: pre-wrap;
|
|
11497
|
+
border-radius: 6px;
|
|
11498
|
+
margin: 0;
|
|
11499
|
+
padding: 8px 10px;
|
|
11500
|
+
font-size: .72rem;
|
|
11501
|
+
line-height: 1.5;
|
|
11502
|
+
overflow: auto;
|
|
11503
|
+
}
|
|
11504
|
+
|
|
11505
|
+
/* components/PermissionsMatrix/PermissionsMatrix.module.css */
|
|
11506
|
+
.opus_x-xBrX_root {
|
|
11507
|
+
border: 1px solid var(--opus-border);
|
|
11508
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
11509
|
+
background: color-mix(in srgb, var(--opus-panel) 92%, transparent);
|
|
11510
|
+
width: 100%;
|
|
11511
|
+
overflow: hidden;
|
|
11512
|
+
}
|
|
11513
|
+
|
|
11514
|
+
.opus_x-xBrX_scroll {
|
|
11515
|
+
overflow: auto;
|
|
11516
|
+
}
|
|
11517
|
+
|
|
11518
|
+
.opus_x-xBrX_table {
|
|
11519
|
+
border-collapse: collapse;
|
|
11520
|
+
width: 100%;
|
|
11521
|
+
min-width: 520px;
|
|
11522
|
+
}
|
|
11523
|
+
|
|
11524
|
+
.opus_x-xBrX_corner, .opus_x-xBrX_head, .opus_x-xBrX_rowHead, .opus_x-xBrX_cell {
|
|
11525
|
+
border-bottom: 1px solid var(--opus-border);
|
|
11526
|
+
border-right: 1px solid var(--opus-border);
|
|
11527
|
+
text-align: left;
|
|
11528
|
+
padding: 8px;
|
|
11529
|
+
}
|
|
11530
|
+
|
|
11531
|
+
.opus_x-xBrX_corner, .opus_x-xBrX_head {
|
|
11532
|
+
z-index: 1;
|
|
11533
|
+
background: color-mix(in srgb, var(--opus-muted) 12%, var(--opus-panel));
|
|
11534
|
+
color: var(--opus-muted);
|
|
11535
|
+
text-transform: uppercase;
|
|
11536
|
+
letter-spacing: .03em;
|
|
11537
|
+
font-size: .72rem;
|
|
11538
|
+
font-weight: 700;
|
|
11539
|
+
position: sticky;
|
|
11540
|
+
top: 0;
|
|
11541
|
+
}
|
|
11542
|
+
|
|
11543
|
+
.opus_x-xBrX_corner, .opus_x-xBrX_rowHead {
|
|
11544
|
+
z-index: 2;
|
|
11545
|
+
background: color-mix(in srgb, var(--opus-muted) 10%, var(--opus-panel));
|
|
11546
|
+
color: var(--opus-text);
|
|
11547
|
+
white-space: nowrap;
|
|
11548
|
+
font-size: .8rem;
|
|
11549
|
+
font-weight: 650;
|
|
11550
|
+
position: sticky;
|
|
11551
|
+
left: 0;
|
|
11552
|
+
}
|
|
11553
|
+
|
|
11554
|
+
.opus_x-xBrX_corner {
|
|
11555
|
+
z-index: 3;
|
|
11556
|
+
}
|
|
11557
|
+
|
|
11558
|
+
.opus_x-xBrX_select {
|
|
11559
|
+
border: 1px solid var(--opus-border);
|
|
11560
|
+
background: color-mix(in srgb, var(--opus-panel) 88%, transparent);
|
|
11561
|
+
width: 100%;
|
|
11562
|
+
min-width: 5.5rem;
|
|
11563
|
+
color: var(--opus-text);
|
|
11564
|
+
font: inherit;
|
|
11565
|
+
text-transform: capitalize;
|
|
11566
|
+
border-radius: 6px;
|
|
11567
|
+
padding: 6px 8px;
|
|
11568
|
+
font-size: .78rem;
|
|
11569
|
+
}
|
|
11570
|
+
|
|
11571
|
+
.opus_x-xBrX_select[data-level="none"] {
|
|
11572
|
+
color: var(--opus-muted);
|
|
11573
|
+
}
|
|
11574
|
+
|
|
11575
|
+
.opus_x-xBrX_select[data-level="read"] {
|
|
11576
|
+
border-color: color-mix(in srgb, #3b82f6 40%, var(--opus-border));
|
|
11577
|
+
}
|
|
11578
|
+
|
|
11579
|
+
.opus_x-xBrX_select[data-level="write"] {
|
|
11580
|
+
border-color: color-mix(in srgb, #22c55e 40%, var(--opus-border));
|
|
11581
|
+
}
|
|
11582
|
+
|
|
11583
|
+
.opus_x-xBrX_select[data-level="admin"] {
|
|
11584
|
+
border-color: color-mix(in srgb, var(--opus-accent) 55%, var(--opus-border));
|
|
11585
|
+
}
|
|
11586
|
+
|
|
11587
|
+
/* components/DualListBuilder/DualListBuilder.module.css */
|
|
11588
|
+
.opus_P6crEX_root {
|
|
11589
|
+
border: 1px solid var(--opus-border);
|
|
11590
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
11591
|
+
background: color-mix(in srgb, var(--opus-panel) 92%, transparent);
|
|
11592
|
+
width: 100%;
|
|
11593
|
+
overflow: hidden;
|
|
11594
|
+
}
|
|
11595
|
+
|
|
11596
|
+
.opus_P6crEX_searchRow {
|
|
11597
|
+
border-bottom: 1px solid var(--opus-border);
|
|
11598
|
+
padding: 10px 12px;
|
|
11599
|
+
}
|
|
11600
|
+
|
|
11601
|
+
.opus_P6crEX_search {
|
|
11602
|
+
border: 1px solid var(--opus-border);
|
|
11603
|
+
background: color-mix(in srgb, var(--opus-panel) 88%, transparent);
|
|
11604
|
+
width: 100%;
|
|
11605
|
+
color: var(--opus-text);
|
|
11606
|
+
font: inherit;
|
|
11607
|
+
border-radius: 6px;
|
|
11608
|
+
padding: 7px 10px;
|
|
11609
|
+
font-size: .82rem;
|
|
11610
|
+
}
|
|
11611
|
+
|
|
11612
|
+
.opus_P6crEX_columns {
|
|
11613
|
+
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
|
|
11614
|
+
gap: 8px;
|
|
11615
|
+
padding: 10px;
|
|
11616
|
+
display: grid;
|
|
11617
|
+
}
|
|
11618
|
+
|
|
11619
|
+
.opus_P6crEX_column {
|
|
11620
|
+
border: 1px solid var(--opus-border);
|
|
11621
|
+
border-radius: 8px;
|
|
11622
|
+
grid-template-rows: auto 1fr;
|
|
11623
|
+
min-height: 220px;
|
|
11624
|
+
display: grid;
|
|
11625
|
+
overflow: hidden;
|
|
11626
|
+
}
|
|
11627
|
+
|
|
11628
|
+
.opus_P6crEX_columnTitle {
|
|
11629
|
+
border-bottom: 1px solid var(--opus-border);
|
|
11630
|
+
background: color-mix(in srgb, var(--opus-muted) 8%, transparent);
|
|
11631
|
+
color: var(--opus-muted);
|
|
11632
|
+
text-transform: uppercase;
|
|
11633
|
+
letter-spacing: .03em;
|
|
11634
|
+
justify-content: space-between;
|
|
11635
|
+
align-items: center;
|
|
11636
|
+
padding: 8px 10px;
|
|
11637
|
+
font-size: .72rem;
|
|
11638
|
+
font-weight: 700;
|
|
11639
|
+
display: flex;
|
|
11640
|
+
}
|
|
11641
|
+
|
|
11642
|
+
.opus_P6crEX_count {
|
|
11643
|
+
color: var(--opus-text);
|
|
11644
|
+
}
|
|
11645
|
+
|
|
11646
|
+
.opus_P6crEX_list {
|
|
11647
|
+
max-height: 260px;
|
|
11648
|
+
margin: 0;
|
|
11649
|
+
padding: 6px;
|
|
11650
|
+
list-style: none;
|
|
11651
|
+
overflow: auto;
|
|
11652
|
+
}
|
|
11653
|
+
|
|
11654
|
+
.opus_P6crEX_item {
|
|
11655
|
+
width: 100%;
|
|
11656
|
+
color: var(--opus-text);
|
|
11657
|
+
font: inherit;
|
|
11658
|
+
text-align: left;
|
|
11659
|
+
cursor: pointer;
|
|
11660
|
+
background: none;
|
|
11661
|
+
border: 0;
|
|
11662
|
+
border-radius: 6px;
|
|
11663
|
+
padding: 8px 10px;
|
|
11664
|
+
font-size: .82rem;
|
|
11665
|
+
}
|
|
11666
|
+
|
|
11667
|
+
.opus_P6crEX_item:hover {
|
|
11668
|
+
background: color-mix(in srgb, var(--opus-accent) 10%, transparent);
|
|
11669
|
+
}
|
|
11670
|
+
|
|
11671
|
+
.opus_P6crEX_itemActive {
|
|
11672
|
+
background: color-mix(in srgb, var(--opus-accent) 18%, transparent);
|
|
11673
|
+
color: var(--opus-text);
|
|
11674
|
+
font-weight: 650;
|
|
11675
|
+
}
|
|
11676
|
+
|
|
11677
|
+
.opus_P6crEX_controls {
|
|
11678
|
+
flex-direction: column;
|
|
11679
|
+
justify-content: center;
|
|
11680
|
+
gap: 6px;
|
|
11681
|
+
display: flex;
|
|
11682
|
+
}
|
|
11683
|
+
|
|
11684
|
+
.opus_P6crEX_control {
|
|
11685
|
+
border: 1px solid var(--opus-border);
|
|
11686
|
+
width: 34px;
|
|
11687
|
+
height: 34px;
|
|
11688
|
+
color: var(--opus-muted);
|
|
11689
|
+
cursor: pointer;
|
|
11690
|
+
background: none;
|
|
11691
|
+
border-radius: 8px;
|
|
11692
|
+
font-size: 1rem;
|
|
11693
|
+
}
|
|
11694
|
+
|
|
11695
|
+
.opus_P6crEX_control:hover {
|
|
11696
|
+
color: var(--opus-text);
|
|
11697
|
+
border-color: color-mix(in srgb, var(--opus-accent) 40%, var(--opus-border));
|
|
11698
|
+
}
|
|
11699
|
+
|
|
11700
|
+
.opus_P6crEX_output {
|
|
11701
|
+
border-top: 1px solid var(--opus-border);
|
|
11702
|
+
background: color-mix(in srgb, var(--opus-panel) 88%, #000 6%);
|
|
11703
|
+
gap: 8px;
|
|
11704
|
+
padding: 10px 12px 12px;
|
|
11705
|
+
display: grid;
|
|
11706
|
+
}
|
|
11707
|
+
|
|
11708
|
+
.opus_P6crEX_outputLabel {
|
|
11709
|
+
color: var(--opus-muted);
|
|
11710
|
+
letter-spacing: .06em;
|
|
11711
|
+
text-transform: uppercase;
|
|
11712
|
+
font-size: .68rem;
|
|
11713
|
+
font-weight: 800;
|
|
11714
|
+
}
|
|
11715
|
+
|
|
11716
|
+
.opus_P6crEX_expression {
|
|
11717
|
+
color: var(--opus-text);
|
|
11718
|
+
word-break: break-word;
|
|
11719
|
+
margin: 0;
|
|
11720
|
+
font-size: .82rem;
|
|
11721
|
+
font-weight: 650;
|
|
11722
|
+
line-height: 1.45;
|
|
11723
|
+
}
|
|
11724
|
+
|
|
11725
|
+
.opus_P6crEX_payload {
|
|
11726
|
+
border: 1px solid var(--opus-border);
|
|
11727
|
+
background: color-mix(in srgb, var(--opus-panel) 94%, #000 4%);
|
|
11728
|
+
max-height: 160px;
|
|
11729
|
+
color: var(--opus-muted);
|
|
11730
|
+
font-family: var(--font-ibm-plex-mono), ui-monospace, monospace;
|
|
11731
|
+
white-space: pre-wrap;
|
|
11732
|
+
border-radius: 6px;
|
|
11733
|
+
margin: 0;
|
|
11734
|
+
padding: 8px 10px;
|
|
11735
|
+
font-size: .72rem;
|
|
11736
|
+
line-height: 1.5;
|
|
11737
|
+
overflow: auto;
|
|
11738
|
+
}
|
|
11739
|
+
|
|
11740
|
+
@media (width <= 700px) {
|
|
11741
|
+
.opus_P6crEX_columns {
|
|
11742
|
+
grid-template-columns: 1fr;
|
|
11743
|
+
}
|
|
11744
|
+
|
|
11745
|
+
.opus_P6crEX_controls {
|
|
11746
|
+
flex-direction: row;
|
|
11747
|
+
justify-content: center;
|
|
11748
|
+
}
|
|
11749
|
+
}
|
|
11750
|
+
|
|
11751
|
+
/* components/Scheduler/Scheduler.module.css */
|
|
11752
|
+
.opus_ZqbdMc_root {
|
|
11753
|
+
border: 1px solid var(--opus-border);
|
|
11754
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
11755
|
+
background: color-mix(in srgb, var(--opus-panel) 92%, transparent);
|
|
11756
|
+
width: 100%;
|
|
11757
|
+
overflow: auto;
|
|
11758
|
+
}
|
|
11759
|
+
|
|
11760
|
+
.opus_ZqbdMc_grid {
|
|
11761
|
+
min-width: 560px;
|
|
11762
|
+
display: grid;
|
|
11763
|
+
}
|
|
11764
|
+
|
|
11765
|
+
.opus_ZqbdMc_corner, .opus_ZqbdMc_dayHead, .opus_ZqbdMc_time, .opus_ZqbdMc_cell {
|
|
11766
|
+
border-right: 1px solid color-mix(in srgb, var(--opus-border) 70%, transparent);
|
|
11767
|
+
border-bottom: 1px solid color-mix(in srgb, var(--opus-border) 70%, transparent);
|
|
11768
|
+
}
|
|
11769
|
+
|
|
11770
|
+
.opus_ZqbdMc_dayHead, .opus_ZqbdMc_time {
|
|
11771
|
+
color: var(--opus-muted);
|
|
11772
|
+
align-items: center;
|
|
11773
|
+
padding: 6px 8px;
|
|
11774
|
+
font-size: .72rem;
|
|
11775
|
+
font-weight: 700;
|
|
11776
|
+
display: flex;
|
|
11777
|
+
}
|
|
11778
|
+
|
|
11779
|
+
.opus_ZqbdMc_dayHead {
|
|
11780
|
+
background: color-mix(in srgb, var(--opus-muted) 8%, transparent);
|
|
11781
|
+
text-transform: uppercase;
|
|
11782
|
+
letter-spacing: .04em;
|
|
11783
|
+
justify-content: center;
|
|
11784
|
+
}
|
|
11785
|
+
|
|
11786
|
+
.opus_ZqbdMc_time {
|
|
11787
|
+
justify-content: flex-end;
|
|
11788
|
+
}
|
|
11789
|
+
|
|
11790
|
+
.opus_ZqbdMc_cell {
|
|
11791
|
+
min-height: 44px;
|
|
11792
|
+
padding: 4px;
|
|
11793
|
+
position: relative;
|
|
11794
|
+
}
|
|
11795
|
+
|
|
11796
|
+
.opus_ZqbdMc_event {
|
|
11797
|
+
border: 1px solid #0000;
|
|
11798
|
+
border-radius: 6px;
|
|
11799
|
+
gap: 2px;
|
|
11800
|
+
padding: 6px 8px;
|
|
11801
|
+
display: grid;
|
|
11802
|
+
overflow: hidden;
|
|
11803
|
+
}
|
|
11804
|
+
|
|
11805
|
+
.opus_ZqbdMc_event[data-tone="accent"] {
|
|
11806
|
+
background: color-mix(in srgb, var(--opus-accent) 18%, transparent);
|
|
11807
|
+
border-color: color-mix(in srgb, var(--opus-accent) 40%, transparent);
|
|
11808
|
+
}
|
|
11809
|
+
|
|
11810
|
+
.opus_ZqbdMc_event[data-tone="success"] {
|
|
11811
|
+
background: #22c55e2e;
|
|
11812
|
+
border-color: #22c55e66;
|
|
11813
|
+
}
|
|
11814
|
+
|
|
11815
|
+
.opus_ZqbdMc_event[data-tone="warning"] {
|
|
11816
|
+
background: #f59e0b2e;
|
|
11817
|
+
border-color: #f59e0b66;
|
|
11818
|
+
}
|
|
11819
|
+
|
|
11820
|
+
.opus_ZqbdMc_event[data-tone="danger"] {
|
|
11821
|
+
background: #ef44442e;
|
|
11822
|
+
border-color: #ef444466;
|
|
11823
|
+
}
|
|
11824
|
+
|
|
11825
|
+
.opus_ZqbdMc_eventTitle {
|
|
11826
|
+
color: var(--opus-text);
|
|
11827
|
+
white-space: nowrap;
|
|
11828
|
+
text-overflow: ellipsis;
|
|
11829
|
+
font-size: .75rem;
|
|
11830
|
+
font-weight: 700;
|
|
11831
|
+
overflow: hidden;
|
|
11832
|
+
}
|
|
11833
|
+
|
|
11834
|
+
.opus_ZqbdMc_eventTime {
|
|
11835
|
+
color: var(--opus-muted);
|
|
11836
|
+
font-size: .68rem;
|
|
11837
|
+
}
|
|
11838
|
+
|
|
11839
|
+
/* components/KanbanBoard/KanbanBoard.module.css */
|
|
11840
|
+
.opus_EUh8ei_root {
|
|
11841
|
+
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
|
11842
|
+
align-items: start;
|
|
11843
|
+
gap: 12px;
|
|
11844
|
+
width: 100%;
|
|
11845
|
+
display: grid;
|
|
11846
|
+
}
|
|
11847
|
+
|
|
11848
|
+
.opus_EUh8ei_column {
|
|
11849
|
+
border: 1px solid var(--opus-border);
|
|
11850
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
11851
|
+
background: color-mix(in srgb, var(--opus-panel) 92%, transparent);
|
|
11852
|
+
gap: 8px;
|
|
11853
|
+
min-height: 280px;
|
|
11854
|
+
padding: 10px;
|
|
11855
|
+
display: grid;
|
|
11856
|
+
}
|
|
11857
|
+
|
|
11858
|
+
.opus_EUh8ei_columnHeader {
|
|
11859
|
+
justify-content: space-between;
|
|
11860
|
+
align-items: center;
|
|
11861
|
+
gap: 8px;
|
|
11862
|
+
display: flex;
|
|
11863
|
+
}
|
|
11864
|
+
|
|
11865
|
+
.opus_EUh8ei_columnTitle {
|
|
11866
|
+
color: var(--opus-text);
|
|
11867
|
+
margin: 0;
|
|
11868
|
+
font-size: .82rem;
|
|
11869
|
+
font-weight: 700;
|
|
11870
|
+
}
|
|
11871
|
+
|
|
11872
|
+
.opus_EUh8ei_count {
|
|
11873
|
+
background: color-mix(in srgb, var(--opus-muted) 14%, transparent);
|
|
11874
|
+
min-width: 1.5rem;
|
|
11875
|
+
color: var(--opus-muted);
|
|
11876
|
+
text-align: center;
|
|
11877
|
+
border-radius: 999px;
|
|
11878
|
+
padding: 2px 6px;
|
|
11879
|
+
font-size: .7rem;
|
|
11880
|
+
font-weight: 700;
|
|
11881
|
+
}
|
|
11882
|
+
|
|
11883
|
+
.opus_EUh8ei_cards {
|
|
11884
|
+
gap: 8px;
|
|
11885
|
+
min-height: 120px;
|
|
11886
|
+
margin: 0;
|
|
11887
|
+
padding: 0;
|
|
11888
|
+
list-style: none;
|
|
11889
|
+
display: grid;
|
|
11890
|
+
}
|
|
11891
|
+
|
|
11892
|
+
.opus_EUh8ei_card {
|
|
11893
|
+
border: 1px solid var(--opus-border);
|
|
11894
|
+
background: color-mix(in srgb, var(--opus-panel) 98%, transparent);
|
|
11895
|
+
cursor: grab;
|
|
11896
|
+
border-radius: 8px;
|
|
11897
|
+
padding: 10px;
|
|
11898
|
+
}
|
|
11899
|
+
|
|
11900
|
+
.opus_EUh8ei_card:active {
|
|
11901
|
+
cursor: grabbing;
|
|
11902
|
+
}
|
|
11903
|
+
|
|
11904
|
+
.opus_EUh8ei_card[data-tone="accent"] {
|
|
11905
|
+
border-color: color-mix(in srgb, var(--opus-accent) 45%, var(--opus-border));
|
|
11906
|
+
}
|
|
11907
|
+
|
|
11908
|
+
.opus_EUh8ei_card[data-tone="success"] {
|
|
11909
|
+
border-color: color-mix(in srgb, #22c55e 45%, var(--opus-border));
|
|
11910
|
+
}
|
|
11911
|
+
|
|
11912
|
+
.opus_EUh8ei_card[data-tone="warning"] {
|
|
11913
|
+
border-color: color-mix(in srgb, #f59e0b 45%, var(--opus-border));
|
|
11914
|
+
}
|
|
11915
|
+
|
|
11916
|
+
.opus_EUh8ei_card[data-tone="danger"] {
|
|
11917
|
+
border-color: color-mix(in srgb, #ef4444 45%, var(--opus-border));
|
|
11918
|
+
}
|
|
11919
|
+
|
|
11920
|
+
.opus_EUh8ei_cardTitle {
|
|
11921
|
+
color: var(--opus-text);
|
|
11922
|
+
font-size: .82rem;
|
|
11923
|
+
font-weight: 650;
|
|
11924
|
+
}
|
|
11925
|
+
|
|
11926
|
+
.opus_EUh8ei_cardMeta {
|
|
11927
|
+
color: var(--opus-muted);
|
|
11928
|
+
margin-top: 4px;
|
|
11929
|
+
font-size: .72rem;
|
|
11930
|
+
}
|
|
11931
|
+
|
|
11932
|
+
/* components/Calendar/Calendar.module.css */
|
|
11933
|
+
.opus_IjCc5M_root {
|
|
11934
|
+
border: 1px solid var(--opus-border);
|
|
11935
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
11936
|
+
background: color-mix(in srgb, var(--opus-panel) 92%, transparent);
|
|
11937
|
+
width: 100%;
|
|
11938
|
+
overflow: hidden;
|
|
11939
|
+
}
|
|
11940
|
+
|
|
11941
|
+
.opus_IjCc5M_toolbar {
|
|
11942
|
+
border-bottom: 1px solid var(--opus-border);
|
|
11943
|
+
grid-template-columns: auto 1fr auto;
|
|
11944
|
+
align-items: center;
|
|
11945
|
+
gap: 8px;
|
|
11946
|
+
padding: 10px 12px;
|
|
11947
|
+
display: grid;
|
|
11948
|
+
}
|
|
11949
|
+
|
|
11950
|
+
.opus_IjCc5M_label {
|
|
11951
|
+
text-align: center;
|
|
11952
|
+
color: var(--opus-text);
|
|
11953
|
+
font-size: .9rem;
|
|
11954
|
+
font-weight: 700;
|
|
11955
|
+
}
|
|
11956
|
+
|
|
11957
|
+
.opus_IjCc5M_nav {
|
|
11958
|
+
border: 1px solid var(--opus-border);
|
|
11959
|
+
width: 32px;
|
|
11960
|
+
height: 32px;
|
|
11961
|
+
color: var(--opus-muted);
|
|
11962
|
+
cursor: pointer;
|
|
11963
|
+
background: none;
|
|
11964
|
+
border-radius: 8px;
|
|
11965
|
+
font-size: 1.1rem;
|
|
11966
|
+
}
|
|
11967
|
+
|
|
11968
|
+
.opus_IjCc5M_nav:hover {
|
|
11969
|
+
color: var(--opus-text);
|
|
11970
|
+
border-color: color-mix(in srgb, var(--opus-accent) 40%, var(--opus-border));
|
|
11971
|
+
}
|
|
11972
|
+
|
|
11973
|
+
.opus_IjCc5M_weekdays, .opus_IjCc5M_grid {
|
|
11974
|
+
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
11975
|
+
display: grid;
|
|
11976
|
+
}
|
|
11977
|
+
|
|
11978
|
+
.opus_IjCc5M_weekday {
|
|
11979
|
+
color: var(--opus-muted);
|
|
11980
|
+
text-align: center;
|
|
11981
|
+
text-transform: uppercase;
|
|
11982
|
+
letter-spacing: .04em;
|
|
11983
|
+
padding: 8px 4px;
|
|
11984
|
+
font-size: .68rem;
|
|
11985
|
+
font-weight: 700;
|
|
11986
|
+
}
|
|
11987
|
+
|
|
11988
|
+
.opus_IjCc5M_day, .opus_IjCc5M_empty {
|
|
11989
|
+
border-top: 1px solid color-mix(in srgb, var(--opus-border) 70%, transparent);
|
|
11990
|
+
border-right: 1px solid color-mix(in srgb, var(--opus-border) 70%, transparent);
|
|
11991
|
+
min-height: 64px;
|
|
11992
|
+
}
|
|
11993
|
+
|
|
11994
|
+
.opus_IjCc5M_day {
|
|
11995
|
+
color: var(--opus-text);
|
|
11996
|
+
font: inherit;
|
|
11997
|
+
text-align: left;
|
|
11998
|
+
cursor: pointer;
|
|
11999
|
+
background: none;
|
|
12000
|
+
flex-direction: column;
|
|
12001
|
+
align-items: flex-start;
|
|
12002
|
+
gap: 6px;
|
|
12003
|
+
padding: 8px;
|
|
12004
|
+
display: flex;
|
|
12005
|
+
}
|
|
12006
|
+
|
|
12007
|
+
.opus_IjCc5M_day:hover {
|
|
12008
|
+
background: color-mix(in srgb, var(--opus-accent) 8%, transparent);
|
|
12009
|
+
}
|
|
12010
|
+
|
|
12011
|
+
.opus_IjCc5M_today {
|
|
12012
|
+
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--opus-accent) 45%, transparent);
|
|
12013
|
+
}
|
|
12014
|
+
|
|
12015
|
+
.opus_IjCc5M_selected {
|
|
12016
|
+
background: color-mix(in srgb, var(--opus-accent) 14%, transparent);
|
|
12017
|
+
}
|
|
12018
|
+
|
|
12019
|
+
.opus_IjCc5M_dayNumber {
|
|
12020
|
+
font-size: .78rem;
|
|
12021
|
+
font-weight: 650;
|
|
12022
|
+
}
|
|
12023
|
+
|
|
12024
|
+
.opus_IjCc5M_dots {
|
|
12025
|
+
flex-wrap: wrap;
|
|
12026
|
+
gap: 4px;
|
|
12027
|
+
display: flex;
|
|
12028
|
+
}
|
|
12029
|
+
|
|
12030
|
+
.opus_IjCc5M_dot {
|
|
12031
|
+
background: var(--opus-accent);
|
|
12032
|
+
border-radius: 999px;
|
|
12033
|
+
width: 6px;
|
|
12034
|
+
height: 6px;
|
|
12035
|
+
}
|
|
12036
|
+
|
|
12037
|
+
.opus_IjCc5M_dot[data-tone="success"] {
|
|
12038
|
+
background: #22c55e;
|
|
12039
|
+
}
|
|
12040
|
+
|
|
12041
|
+
.opus_IjCc5M_dot[data-tone="warning"] {
|
|
12042
|
+
background: #f59e0b;
|
|
12043
|
+
}
|
|
12044
|
+
|
|
12045
|
+
.opus_IjCc5M_dot[data-tone="danger"] {
|
|
12046
|
+
background: #ef4444;
|
|
12047
|
+
}
|
|
12048
|
+
|
|
12049
|
+
/* components/ResourcePlanner/ResourcePlanner.module.css */
|
|
12050
|
+
.opus_9Mof8o_root {
|
|
12051
|
+
border: 1px solid var(--opus-border);
|
|
12052
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
12053
|
+
background: color-mix(in srgb, var(--opus-panel) 92%, transparent);
|
|
12054
|
+
width: 100%;
|
|
12055
|
+
overflow: hidden;
|
|
12056
|
+
}
|
|
12057
|
+
|
|
12058
|
+
.opus_9Mof8o_scroll {
|
|
12059
|
+
overflow: auto;
|
|
12060
|
+
}
|
|
12061
|
+
|
|
12062
|
+
.opus_9Mof8o_header, .opus_9Mof8o_row {
|
|
12063
|
+
min-width: 640px;
|
|
12064
|
+
display: grid;
|
|
12065
|
+
}
|
|
12066
|
+
|
|
12067
|
+
.opus_9Mof8o_corner, .opus_9Mof8o_hour, .opus_9Mof8o_resource {
|
|
12068
|
+
border-bottom: 1px solid var(--opus-border);
|
|
12069
|
+
border-right: 1px solid color-mix(in srgb, var(--opus-border) 70%, transparent);
|
|
12070
|
+
color: var(--opus-muted);
|
|
12071
|
+
padding: 8px;
|
|
12072
|
+
font-size: .72rem;
|
|
12073
|
+
font-weight: 700;
|
|
12074
|
+
}
|
|
12075
|
+
|
|
12076
|
+
.opus_9Mof8o_corner, .opus_9Mof8o_hour {
|
|
12077
|
+
background: color-mix(in srgb, var(--opus-muted) 8%, transparent);
|
|
12078
|
+
text-align: center;
|
|
12079
|
+
text-transform: uppercase;
|
|
12080
|
+
letter-spacing: .03em;
|
|
12081
|
+
}
|
|
12082
|
+
|
|
12083
|
+
.opus_9Mof8o_corner {
|
|
12084
|
+
text-align: left;
|
|
12085
|
+
z-index: 1;
|
|
12086
|
+
position: sticky;
|
|
12087
|
+
left: 0;
|
|
12088
|
+
}
|
|
12089
|
+
|
|
12090
|
+
.opus_9Mof8o_resource {
|
|
12091
|
+
color: var(--opus-text);
|
|
12092
|
+
z-index: 1;
|
|
12093
|
+
background: color-mix(in srgb, var(--opus-panel) 96%, transparent);
|
|
12094
|
+
align-items: center;
|
|
12095
|
+
font-size: .8rem;
|
|
12096
|
+
display: flex;
|
|
12097
|
+
position: sticky;
|
|
12098
|
+
left: 0;
|
|
12099
|
+
}
|
|
12100
|
+
|
|
12101
|
+
.opus_9Mof8o_track {
|
|
12102
|
+
border-bottom: 1px solid var(--opus-border);
|
|
12103
|
+
min-height: 56px;
|
|
12104
|
+
position: relative;
|
|
12105
|
+
}
|
|
12106
|
+
|
|
12107
|
+
.opus_9Mof8o_lanes {
|
|
12108
|
+
height: 100%;
|
|
12109
|
+
min-height: 56px;
|
|
12110
|
+
display: grid;
|
|
12111
|
+
}
|
|
12112
|
+
|
|
12113
|
+
.opus_9Mof8o_lane {
|
|
12114
|
+
border-right: 1px solid color-mix(in srgb, var(--opus-border) 55%, transparent);
|
|
12115
|
+
}
|
|
12116
|
+
|
|
12117
|
+
.opus_9Mof8o_block {
|
|
12118
|
+
color: var(--opus-text);
|
|
12119
|
+
white-space: nowrap;
|
|
12120
|
+
text-overflow: ellipsis;
|
|
12121
|
+
border: 1px solid #0000;
|
|
12122
|
+
border-radius: 6px;
|
|
12123
|
+
align-items: center;
|
|
12124
|
+
padding: 0 8px;
|
|
12125
|
+
font-size: .72rem;
|
|
12126
|
+
font-weight: 650;
|
|
12127
|
+
display: flex;
|
|
12128
|
+
position: absolute;
|
|
12129
|
+
top: 10px;
|
|
12130
|
+
bottom: 10px;
|
|
12131
|
+
overflow: hidden;
|
|
12132
|
+
}
|
|
12133
|
+
|
|
12134
|
+
.opus_9Mof8o_block[data-tone="accent"] {
|
|
12135
|
+
background: color-mix(in srgb, var(--opus-accent) 20%, transparent);
|
|
12136
|
+
border-color: color-mix(in srgb, var(--opus-accent) 40%, transparent);
|
|
12137
|
+
}
|
|
12138
|
+
|
|
12139
|
+
.opus_9Mof8o_block[data-tone="success"] {
|
|
12140
|
+
background: #22c55e33;
|
|
12141
|
+
border-color: #22c55e66;
|
|
12142
|
+
}
|
|
12143
|
+
|
|
12144
|
+
.opus_9Mof8o_block[data-tone="warning"] {
|
|
12145
|
+
background: #f59e0b33;
|
|
12146
|
+
border-color: #f59e0b66;
|
|
12147
|
+
}
|
|
12148
|
+
|
|
12149
|
+
.opus_9Mof8o_block[data-tone="danger"] {
|
|
12150
|
+
background: #ef444433;
|
|
12151
|
+
border-color: #ef444466;
|
|
12152
|
+
}
|
|
12153
|
+
|
|
12154
|
+
/* components/ContentTimeline/ContentTimeline.module.css */
|
|
12155
|
+
.opus_vApy-v_list {
|
|
12156
|
+
gap: 0;
|
|
12157
|
+
width: 100%;
|
|
12158
|
+
margin: 0;
|
|
12159
|
+
padding: 0;
|
|
12160
|
+
list-style: none;
|
|
12161
|
+
display: grid;
|
|
12162
|
+
}
|
|
12163
|
+
|
|
12164
|
+
.opus_vApy-v_item {
|
|
12165
|
+
grid-template-columns: 20px minmax(0, 1fr);
|
|
12166
|
+
align-items: stretch;
|
|
12167
|
+
gap: 14px;
|
|
12168
|
+
display: grid;
|
|
12169
|
+
}
|
|
12170
|
+
|
|
12171
|
+
.opus_vApy-v_rail {
|
|
12172
|
+
flex-direction: column;
|
|
12173
|
+
align-items: center;
|
|
12174
|
+
padding-top: 4px;
|
|
12175
|
+
display: flex;
|
|
12176
|
+
position: relative;
|
|
12177
|
+
}
|
|
12178
|
+
|
|
12179
|
+
.opus_vApy-v_dot {
|
|
12180
|
+
background: var(--opus-accent);
|
|
12181
|
+
width: 10px;
|
|
12182
|
+
height: 10px;
|
|
12183
|
+
box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 18%, transparent);
|
|
12184
|
+
border-radius: 999px;
|
|
12185
|
+
flex-shrink: 0;
|
|
12186
|
+
}
|
|
12187
|
+
|
|
12188
|
+
.opus_vApy-v_item[data-status="success"] .opus_vApy-v_dot {
|
|
12189
|
+
background: #16a34a;
|
|
12190
|
+
box-shadow: 0 0 0 3px #22c55e2e;
|
|
12191
|
+
}
|
|
12192
|
+
|
|
12193
|
+
.opus_vApy-v_item[data-status="warning"] .opus_vApy-v_dot {
|
|
12194
|
+
background: #d97706;
|
|
12195
|
+
box-shadow: 0 0 0 3px #f59e0b2e;
|
|
12196
|
+
}
|
|
12197
|
+
|
|
12198
|
+
.opus_vApy-v_item[data-status="danger"] .opus_vApy-v_dot {
|
|
12199
|
+
background: #dc2626;
|
|
12200
|
+
box-shadow: 0 0 0 3px #ef44442e;
|
|
12201
|
+
}
|
|
12202
|
+
|
|
12203
|
+
.opus_vApy-v_item[data-status="muted"] .opus_vApy-v_dot {
|
|
12204
|
+
background: var(--opus-muted);
|
|
12205
|
+
box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-muted) 16%, transparent);
|
|
12206
|
+
}
|
|
12207
|
+
|
|
12208
|
+
.opus_vApy-v_line {
|
|
12209
|
+
background: color-mix(in srgb, var(--opus-border) 90%, transparent);
|
|
12210
|
+
flex: 1;
|
|
12211
|
+
width: 2px;
|
|
12212
|
+
min-height: 18px;
|
|
12213
|
+
margin-top: 6px;
|
|
12214
|
+
}
|
|
12215
|
+
|
|
12216
|
+
.opus_vApy-v_body {
|
|
12217
|
+
min-width: 0;
|
|
12218
|
+
padding-bottom: 22px;
|
|
12219
|
+
}
|
|
12220
|
+
|
|
12221
|
+
.opus_vApy-v_item:last-child .opus_vApy-v_body {
|
|
12222
|
+
padding-bottom: 0;
|
|
12223
|
+
}
|
|
12224
|
+
|
|
12225
|
+
.opus_vApy-v_head {
|
|
12226
|
+
justify-content: space-between;
|
|
12227
|
+
align-items: baseline;
|
|
12228
|
+
gap: 12px;
|
|
12229
|
+
display: flex;
|
|
12230
|
+
}
|
|
12231
|
+
|
|
12232
|
+
.opus_vApy-v_title {
|
|
12233
|
+
color: var(--opus-text);
|
|
12234
|
+
margin: 0;
|
|
12235
|
+
font-size: .92rem;
|
|
12236
|
+
font-weight: 650;
|
|
12237
|
+
}
|
|
12238
|
+
|
|
12239
|
+
.opus_vApy-v_time {
|
|
12240
|
+
color: var(--opus-muted);
|
|
12241
|
+
white-space: nowrap;
|
|
12242
|
+
font-size: .76rem;
|
|
12243
|
+
}
|
|
12244
|
+
|
|
12245
|
+
.opus_vApy-v_description {
|
|
12246
|
+
color: var(--opus-muted);
|
|
12247
|
+
margin: 6px 0 0;
|
|
12248
|
+
font-size: .84rem;
|
|
12249
|
+
line-height: 1.45;
|
|
12250
|
+
}
|
|
12251
|
+
|
|
12252
|
+
/* components/TreeView/TreeView.module.css */
|
|
12253
|
+
.opus_NlkzXy_tree, .opus_NlkzXy_children {
|
|
12254
|
+
margin: 0;
|
|
12255
|
+
padding: 0;
|
|
12256
|
+
list-style: none;
|
|
12257
|
+
}
|
|
12258
|
+
|
|
12259
|
+
.opus_NlkzXy_tree {
|
|
12260
|
+
border: 1px solid var(--opus-border);
|
|
12261
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
12262
|
+
background: color-mix(in srgb, var(--opus-panel) 92%, transparent);
|
|
12263
|
+
width: 100%;
|
|
12264
|
+
overflow: hidden;
|
|
12265
|
+
}
|
|
12266
|
+
|
|
12267
|
+
.opus_NlkzXy_node {
|
|
12268
|
+
display: grid;
|
|
12269
|
+
}
|
|
12270
|
+
|
|
12271
|
+
.opus_NlkzXy_row {
|
|
12272
|
+
border-bottom: 1px solid color-mix(in srgb, var(--opus-border) 70%, transparent);
|
|
12273
|
+
align-items: center;
|
|
12274
|
+
gap: 6px;
|
|
12275
|
+
min-height: 36px;
|
|
12276
|
+
padding-right: 12px;
|
|
12277
|
+
display: flex;
|
|
12278
|
+
}
|
|
12279
|
+
|
|
12280
|
+
.opus_NlkzXy_node:last-child > .opus_NlkzXy_row {
|
|
12281
|
+
border-bottom: 0;
|
|
12282
|
+
}
|
|
12283
|
+
|
|
12284
|
+
.opus_NlkzXy_toggle, .opus_NlkzXy_leafMark {
|
|
12285
|
+
flex-shrink: 0;
|
|
12286
|
+
justify-content: center;
|
|
12287
|
+
align-items: center;
|
|
12288
|
+
width: 22px;
|
|
12289
|
+
height: 22px;
|
|
12290
|
+
display: inline-flex;
|
|
12291
|
+
}
|
|
12292
|
+
|
|
12293
|
+
.opus_NlkzXy_toggle {
|
|
12294
|
+
color: var(--opus-muted);
|
|
12295
|
+
cursor: pointer;
|
|
12296
|
+
background: none;
|
|
12297
|
+
border: 0;
|
|
12298
|
+
border-radius: 6px;
|
|
12299
|
+
padding: 0;
|
|
12300
|
+
}
|
|
12301
|
+
|
|
12302
|
+
.opus_NlkzXy_toggle:hover {
|
|
12303
|
+
background: color-mix(in srgb, var(--opus-accent) 12%, transparent);
|
|
12304
|
+
color: var(--opus-text);
|
|
12305
|
+
}
|
|
12306
|
+
|
|
12307
|
+
.opus_NlkzXy_toggle:focus-visible {
|
|
12308
|
+
box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 24%, transparent);
|
|
12309
|
+
outline: none;
|
|
12310
|
+
}
|
|
12311
|
+
|
|
12312
|
+
.opus_NlkzXy_leafMark {
|
|
12313
|
+
color: #0000;
|
|
12314
|
+
}
|
|
12315
|
+
|
|
12316
|
+
.opus_NlkzXy_label {
|
|
12317
|
+
color: var(--opus-text);
|
|
12318
|
+
font-size: .86rem;
|
|
12319
|
+
font-weight: 550;
|
|
12320
|
+
}
|
|
12321
|
+
|
|
12322
|
+
/* components/MasonryGrid/MasonryGrid.module.css */
|
|
12323
|
+
.opus_Fxxd7-_grid {
|
|
12324
|
+
width: 100%;
|
|
12325
|
+
}
|
|
12326
|
+
|
|
12327
|
+
.opus_Fxxd7-_card {
|
|
12328
|
+
break-inside: avoid;
|
|
12329
|
+
page-break-inside: avoid;
|
|
12330
|
+
border: 1px solid var(--opus-border);
|
|
12331
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
12332
|
+
background: linear-gradient(180deg, color-mix(in srgb, var(--opus-accent) 8%, transparent), transparent 48%),
|
|
12333
|
+
color-mix(in srgb, var(--opus-panel) 94%, transparent);
|
|
12334
|
+
gap: 8px;
|
|
12335
|
+
padding: 16px;
|
|
12336
|
+
display: grid;
|
|
12337
|
+
}
|
|
12338
|
+
|
|
12339
|
+
.opus_Fxxd7-_title {
|
|
12340
|
+
color: var(--opus-text);
|
|
12341
|
+
margin: 0;
|
|
12342
|
+
font-size: .9rem;
|
|
12343
|
+
font-weight: 650;
|
|
12344
|
+
}
|
|
12345
|
+
|
|
12346
|
+
.opus_Fxxd7-_body {
|
|
12347
|
+
color: var(--opus-muted);
|
|
12348
|
+
margin: 0;
|
|
12349
|
+
font-size: .82rem;
|
|
12350
|
+
line-height: 1.45;
|
|
12351
|
+
}
|
|
12352
|
+
|
|
12353
|
+
@media (width <= 720px) {
|
|
12354
|
+
.opus_Fxxd7-_grid {
|
|
12355
|
+
column-count: 2 !important;
|
|
12356
|
+
}
|
|
12357
|
+
}
|
|
12358
|
+
|
|
12359
|
+
@media (width <= 480px) {
|
|
12360
|
+
.opus_Fxxd7-_grid {
|
|
12361
|
+
column-count: 1 !important;
|
|
12362
|
+
}
|
|
12363
|
+
}
|
|
12364
|
+
|
|
12365
|
+
/* components/JsonViewer/JsonViewer.module.css */
|
|
12366
|
+
.opus_uLDgXq_root {
|
|
12367
|
+
border: 1px solid var(--opus-border);
|
|
12368
|
+
border-radius: var(--opus-input-radius-large, 6px);
|
|
12369
|
+
background: color-mix(in srgb, var(--opus-panel) 94%, #000 4%);
|
|
12370
|
+
width: 100%;
|
|
12371
|
+
max-height: 420px;
|
|
12372
|
+
font-family: var(--font-ibm-plex-mono), ui-monospace, monospace;
|
|
12373
|
+
padding: 12px;
|
|
12374
|
+
font-size: .78rem;
|
|
12375
|
+
line-height: 1.55;
|
|
12376
|
+
overflow: auto;
|
|
12377
|
+
}
|
|
12378
|
+
|
|
12379
|
+
.opus_uLDgXq_block, .opus_uLDgXq_children {
|
|
12380
|
+
display: grid;
|
|
12381
|
+
}
|
|
12382
|
+
|
|
12383
|
+
.opus_uLDgXq_line, .opus_uLDgXq_toggleLine {
|
|
12384
|
+
text-align: left;
|
|
12385
|
+
align-items: baseline;
|
|
12386
|
+
gap: 4px;
|
|
12387
|
+
min-height: 24px;
|
|
12388
|
+
display: flex;
|
|
12389
|
+
}
|
|
12390
|
+
|
|
12391
|
+
.opus_uLDgXq_toggleLine {
|
|
12392
|
+
width: 100%;
|
|
12393
|
+
color: inherit;
|
|
12394
|
+
cursor: pointer;
|
|
12395
|
+
font: inherit;
|
|
12396
|
+
background: none;
|
|
12397
|
+
border: 0;
|
|
12398
|
+
padding: 0;
|
|
12399
|
+
}
|
|
12400
|
+
|
|
12401
|
+
.opus_uLDgXq_toggleLine:hover {
|
|
12402
|
+
background: color-mix(in srgb, var(--opus-accent) 8%, transparent);
|
|
12403
|
+
}
|
|
12404
|
+
|
|
12405
|
+
.opus_uLDgXq_toggleLine:focus-visible {
|
|
12406
|
+
box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--opus-accent) 28%, transparent);
|
|
12407
|
+
outline: none;
|
|
12408
|
+
}
|
|
12409
|
+
|
|
12410
|
+
.opus_uLDgXq_chevron {
|
|
12411
|
+
width: 12px;
|
|
12412
|
+
color: var(--opus-muted);
|
|
12413
|
+
flex-shrink: 0;
|
|
12414
|
+
}
|
|
12415
|
+
|
|
12416
|
+
.opus_uLDgXq_key {
|
|
12417
|
+
color: color-mix(in srgb, var(--opus-accent) 80%, var(--opus-text));
|
|
12418
|
+
}
|
|
12419
|
+
|
|
12420
|
+
.opus_uLDgXq_summary {
|
|
12421
|
+
color: var(--opus-muted);
|
|
12422
|
+
}
|
|
12423
|
+
|
|
12424
|
+
.opus_uLDgXq_string {
|
|
12425
|
+
color: #16a34a;
|
|
12426
|
+
}
|
|
12427
|
+
|
|
12428
|
+
.opus_uLDgXq_number {
|
|
12429
|
+
color: #2563eb;
|
|
12430
|
+
}
|
|
12431
|
+
|
|
12432
|
+
.opus_uLDgXq_boolean {
|
|
12433
|
+
color: #d97706;
|
|
12434
|
+
}
|
|
12435
|
+
|
|
12436
|
+
.opus_uLDgXq_null {
|
|
12437
|
+
color: var(--opus-muted);
|
|
12438
|
+
}
|
|
12439
|
+
|
|
12440
|
+
[data-theme="dark"] .opus_uLDgXq_string {
|
|
12441
|
+
color: #86efac;
|
|
12442
|
+
}
|
|
12443
|
+
|
|
12444
|
+
[data-theme="dark"] .opus_uLDgXq_number {
|
|
12445
|
+
color: #93c5fd;
|
|
12446
|
+
}
|
|
12447
|
+
|
|
12448
|
+
[data-theme="dark"] .opus_uLDgXq_boolean {
|
|
12449
|
+
color: #fcd34d;
|
|
12450
|
+
}
|
|
12451
|
+
|
|
12452
|
+
/* components/Icon/Icon.module.css */
|
|
12453
|
+
.opus_7ASn4M_icon {
|
|
12454
|
+
color: var(--opus-text);
|
|
12455
|
+
place-items: center;
|
|
12456
|
+
line-height: 1;
|
|
12457
|
+
display: inline-grid;
|
|
12458
|
+
}
|
|
12459
|
+
|
|
12460
|
+
.opus_7ASn4M_icon[data-size="sm"] {
|
|
12461
|
+
width: .75rem;
|
|
12462
|
+
height: .75rem;
|
|
12463
|
+
font-size: .75rem;
|
|
12464
|
+
}
|
|
12465
|
+
|
|
12466
|
+
.opus_7ASn4M_icon[data-size="md"] {
|
|
12467
|
+
width: 1rem;
|
|
12468
|
+
height: 1rem;
|
|
12469
|
+
font-size: 1rem;
|
|
12470
|
+
}
|
|
12471
|
+
|
|
12472
|
+
.opus_7ASn4M_icon[data-size="lg"] {
|
|
12473
|
+
width: 1.35rem;
|
|
12474
|
+
height: 1.35rem;
|
|
12475
|
+
font-size: 1.35rem;
|
|
12476
|
+
}
|
|
12477
|
+
|
|
12478
|
+
.opus_7ASn4M_icon[data-tone="muted"] {
|
|
12479
|
+
color: var(--opus-muted);
|
|
12480
|
+
}
|
|
12481
|
+
|
|
12482
|
+
.opus_7ASn4M_icon[data-tone="accent"] {
|
|
12483
|
+
color: var(--opus-accent);
|
|
12484
|
+
}
|
|
12485
|
+
|
|
12486
|
+
.opus_7ASn4M_icon[data-tone="success"] {
|
|
12487
|
+
color: #22c55e;
|
|
12488
|
+
}
|
|
12489
|
+
|
|
12490
|
+
.opus_7ASn4M_icon[data-tone="warning"] {
|
|
12491
|
+
color: #f59e0b;
|
|
12492
|
+
}
|
|
12493
|
+
|
|
12494
|
+
.opus_7ASn4M_icon[data-tone="danger"] {
|
|
12495
|
+
color: #f43f5e;
|
|
12496
|
+
}
|
|
12497
|
+
|
|
12498
|
+
.opus_7ASn4M_icon svg {
|
|
12499
|
+
width: 1em !important;
|
|
12500
|
+
height: 1em !important;
|
|
12501
|
+
}
|
|
12502
|
+
|
|
12503
|
+
/* components/Spinner/Spinner.module.css */
|
|
12504
|
+
.opus_g5cd4Q_spinner {
|
|
12505
|
+
place-items: center;
|
|
12506
|
+
line-height: 0;
|
|
12507
|
+
display: inline-grid;
|
|
12508
|
+
}
|
|
12509
|
+
|
|
12510
|
+
.opus_g5cd4Q_spinner[data-size="sm"] {
|
|
12511
|
+
width: 16px;
|
|
12512
|
+
height: 16px;
|
|
12513
|
+
}
|
|
12514
|
+
|
|
12515
|
+
.opus_g5cd4Q_spinner[data-size="md"] {
|
|
12516
|
+
width: 24px;
|
|
12517
|
+
height: 24px;
|
|
12518
|
+
}
|
|
12519
|
+
|
|
12520
|
+
.opus_g5cd4Q_spinner[data-size="lg"] {
|
|
12521
|
+
width: 36px;
|
|
12522
|
+
height: 36px;
|
|
12523
|
+
}
|
|
12524
|
+
|
|
12525
|
+
.opus_g5cd4Q_ring {
|
|
12526
|
+
box-sizing: border-box;
|
|
12527
|
+
border-style: solid;
|
|
12528
|
+
border-width: 2px;
|
|
12529
|
+
border-color: color-mix(in srgb, var(--opus-accent) 28%, transparent);
|
|
12530
|
+
border-top-color: var(--opus-accent);
|
|
12531
|
+
border-radius: 50%;
|
|
12532
|
+
width: 100%;
|
|
12533
|
+
height: 100%;
|
|
12534
|
+
animation: .75s linear infinite opus_g5cd4Q_opus-spinner-rotate;
|
|
12535
|
+
}
|
|
12536
|
+
|
|
12537
|
+
.opus_g5cd4Q_spinner[data-tone="muted"] .opus_g5cd4Q_ring {
|
|
12538
|
+
border-color: color-mix(in srgb, var(--opus-muted) 28%, transparent);
|
|
12539
|
+
border-top-color: var(--opus-muted);
|
|
12540
|
+
}
|
|
12541
|
+
|
|
12542
|
+
.opus_g5cd4Q_spinner[data-tone="inverse"] .opus_g5cd4Q_ring {
|
|
12543
|
+
border-color: #fff #ffffff47 #ffffff47;
|
|
12544
|
+
}
|
|
12545
|
+
|
|
12546
|
+
@keyframes opus_g5cd4Q_opus-spinner-rotate {
|
|
12547
|
+
to {
|
|
12548
|
+
transform: rotate(360deg);
|
|
12549
|
+
}
|
|
12550
|
+
}
|
|
12551
|
+
|
|
12552
|
+
/* components/VisuallyHidden/VisuallyHidden.module.css */
|
|
12553
|
+
.opus_DIv7wy_hidden {
|
|
12554
|
+
clip: rect(0, 0, 0, 0);
|
|
12555
|
+
white-space: nowrap;
|
|
12556
|
+
border: 0;
|
|
12557
|
+
width: 1px;
|
|
12558
|
+
height: 1px;
|
|
12559
|
+
margin: -1px;
|
|
12560
|
+
padding: 0;
|
|
12561
|
+
position: absolute;
|
|
12562
|
+
overflow: hidden;
|
|
12563
|
+
}
|
|
12564
|
+
|
|
12565
|
+
/* components/FocusTrap/FocusTrap.module.css */
|
|
12566
|
+
.opus_fJckCZ_trap {
|
|
12567
|
+
display: contents;
|
|
12568
|
+
}
|
|
12569
|
+
|
|
12570
|
+
.opus_fJckCZ_trap[data-active="true"] {
|
|
12571
|
+
outline: none;
|
|
12572
|
+
}
|
|
12573
|
+
|
|
12574
|
+
/* components/KeyboardShortcut/KeyboardShortcut.module.css */
|
|
12575
|
+
.opus_pZh5vX_shortcut {
|
|
12576
|
+
color: var(--opus-muted);
|
|
12577
|
+
align-items: center;
|
|
12578
|
+
gap: 4px;
|
|
12579
|
+
font-family: inherit;
|
|
12580
|
+
font-weight: 700;
|
|
12581
|
+
display: inline-flex;
|
|
12582
|
+
}
|
|
12583
|
+
|
|
12584
|
+
.opus_pZh5vX_shortcut[data-size="sm"] .opus_pZh5vX_key {
|
|
12585
|
+
min-width: 1.35rem;
|
|
12586
|
+
min-height: 1.35rem;
|
|
12587
|
+
padding: 0 5px;
|
|
12588
|
+
font-size: .68rem;
|
|
12589
|
+
}
|
|
12590
|
+
|
|
12591
|
+
.opus_pZh5vX_shortcut[data-size="md"] .opus_pZh5vX_key {
|
|
12592
|
+
min-width: 1.55rem;
|
|
12593
|
+
min-height: 1.55rem;
|
|
12594
|
+
padding: 0 7px;
|
|
12595
|
+
font-size: .74rem;
|
|
12596
|
+
}
|
|
12597
|
+
|
|
12598
|
+
.opus_pZh5vX_key {
|
|
12599
|
+
border: 1px solid color-mix(in srgb, var(--opus-border) 85%, transparent);
|
|
12600
|
+
background: color-mix(in srgb, var(--opus-panel) 88%, transparent);
|
|
12601
|
+
box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--opus-border) 70%, transparent);
|
|
12602
|
+
color: var(--opus-text);
|
|
12603
|
+
text-transform: capitalize;
|
|
12604
|
+
border-radius: 6px;
|
|
12605
|
+
place-items: center;
|
|
12606
|
+
display: inline-grid;
|
|
12607
|
+
}
|
|
12608
|
+
|
|
12609
|
+
.opus_pZh5vX_plus {
|
|
12610
|
+
opacity: .7;
|
|
12611
|
+
margin: 0 1px;
|
|
12612
|
+
}
|
|
12613
|
+
|
|
12614
|
+
/* components/CopyButton/CopyButton.module.css */
|
|
12615
|
+
.opus_Ij6tWr_wrap {
|
|
12616
|
+
display: inline-flex;
|
|
12617
|
+
}
|
|
12618
|
+
|
|
8088
12619
|
/* components/Sidebar/Sidebar.module.css */
|
|
8089
12620
|
.opus_4Pogux_layout {
|
|
8090
12621
|
border: 1px solid var(--opus-border);
|