Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
A
argus-board
Project
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
五更
argus-board
Commits
dd560d14
Commit
dd560d14
authored
Jul 06, 2026
by
五更
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
release: v1.0.1
parent
c8699222
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
3 additions
and
2 deletions
+3
-2
argus-board.bundled.css
dist/argus-board.bundled.css
+1
-1
argus-board.css
dist/argus-board.css
+1
-1
index.d.ts
dist/types/index.d.ts
+1
-0
No files found.
dist/argus-board.bundled.css
View file @
dd560d14
.override-rule
[
data-v-2396374b
]
{
border
:
1px
solid
var
(
--ant-color-border
);
border-radius
:
6px
;
padding
:
8px
;
display
:
flex
;
flex-direction
:
column
;
gap
:
6px
}
.override-rule-header
[
data-v-2396374b
]
{
display
:
flex
;
align-items
:
center
;
gap
:
6px
}
.override-props
[
data-v-2396374b
]
{
padding-left
:
8px
;
display
:
flex
;
flex-direction
:
column
;
gap
:
4px
}
.override-prop-row
[
data-v-2396374b
]
{
display
:
flex
;
align-items
:
center
;
gap
:
6px
}
.legend-search-container
[
data-v-85a1707f
]
{
flex-shrink
:
0
;
width
:
100%
;
padding-right
:
8px
}
.legend-search-input
[
data-v-85a1707f
]
{
width
:
100%
;
font-size
:
12px
;
padding
:
6px
12px
;
border
:
1px
solid
var
(
--l2-border
,
#d9d9d9
);
border-radius
:
4px
;
background
:
var
(
--l1-background
,
#ffffff
);
color
:
var
(
--l2-foreground
,
#1f1f1f
);
box-sizing
:
border-box
}
.legend-container
[
data-v-85a1707f
]
{
display
:
flex
;
flex-direction
:
column
;
align-items
:
center
;
gap
:
12px
;
height
:
100%
;
width
:
100%
}
.legend-container-bottom
[
data-v-85a1707f
]
{
height
:
auto
}
.legend-container
:has
(
.legend-item-focused
)
.legend-item
[
data-v-85a1707f
]
{
opacity
:
.3
}
.legend-container
:has
(
.legend-item-focused
)
.legend-item.legend-item-focused
[
data-v-85a1707f
]
{
opacity
:
1
}
.legend-empty-state
[
data-v-85a1707f
]
{
font-size
:
12px
;
color
:
var
(
--l2-foreground
);
text-align
:
center
;
padding
:
2rem
0
}
.legend-virtuoso-container
[
data-v-85a1707f
]
{
height
:
100%
;
width
:
100%
}
.legend-virtuoso-container-bottom
[
data-v-85a1707f
]
{
height
:
auto
}
.virtuoso-grid-list
[
data-v-85a1707f
]
{
min-width
:
0
;
display
:
grid
;
grid-auto-flow
:
row
;
grid-template-columns
:
repeat
(
auto-fill
,
minmax
(
var
(
--legend-average-width
,
240px
),
1
fr
));
row-gap
:
4px
;
column-gap
:
12px
}
.virtuoso-grid-item
[
data-v-85a1707f
]
{
min-width
:
0
}
.legend-virtuoso-container-right
.virtuoso-grid-list
[
data-v-85a1707f
]
{
grid-template-columns
:
1
fr
}
.legend-virtuoso-container-single-row
.virtuoso-grid-list
[
data-v-85a1707f
]
{
grid-template-columns
:
repeat
(
auto-fit
,
minmax
(
var
(
--legend-average-width
,
240px
),
max-content
));
justify-content
:
center
}
.legend-virtuoso-container
[
data-v-85a1707f
]
::-webkit-scrollbar
{
width
:
.3rem
}
.legend-virtuoso-container
[
data-v-85a1707f
]
::-webkit-scrollbar-track
{
background
:
transparent
}
.legend-virtuoso-container
[
data-v-85a1707f
]
::-webkit-scrollbar-thumb
{
background
:
var
(
--l3-background
,
#f1f5f9
);
border-radius
:
.5rem
}
.legend-item
[
data-v-85a1707f
]
{
display
:
flex
;
align-items
:
center
;
gap
:
6px
;
padding
:
4px
8px
;
max-width
:
100%
;
overflow
:
hidden
;
border-radius
:
4px
;
cursor
:
pointer
}
.legend-item-right
[
data-v-85a1707f
]
{
width
:
100%
}
.legend-item-off
[
data-v-85a1707f
]
{
opacity
:
.3
;
text-decoration
:
line-through
;
text-decoration-thickness
:
1px
}
.legend-item-focused
[
data-v-85a1707f
]
{
opacity
:
1
}
.legend-item-label-trigger
[
data-v-85a1707f
]
{
display
:
flex
;
align-items
:
center
;
gap
:
6px
;
flex
:
1
;
min-width
:
0
;
cursor
:
pointer
}
.legend-marker
[
data-v-85a1707f
]
{
border-width
:
2px
;
border-style
:
solid
;
border-radius
:
50%
;
min-width
:
11px
;
min-height
:
11px
;
width
:
11px
;
height
:
11px
;
flex-shrink
:
0
;
cursor
:
pointer
;
transition
:
transform
.2s
ease
;
position
:
relative
}
.legend-marker
[
data-v-85a1707f
]
:hover
{
transform
:
scale
(
1.2
);
box-shadow
:
0
0
0
2px
#ffffff4
d
}
.legend-marker
[
data-v-85a1707f
]
:active
{
transform
:
scale
(
.9
)}
.legend-label
[
data-v-85a1707f
]
{
flex
:
1
;
font-size
:
12px
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
min-width
:
0
;
user-select
:
none
}
.legend-copy-button
[
data-v-85a1707f
]
{
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
flex-shrink
:
0
;
padding
:
2px
;
margin
:
0
;
border
:
none
;
color
:
var
(
--l2-foreground
);
cursor
:
pointer
;
border-radius
:
4px
;
visibility
:
hidden
;
opacity
:
0
;
transition
:
opacity
.15s
ease
,
color
.15s
ease
;
background
:
transparent
}
.legend-copy-button
[
data-v-85a1707f
]
:hover
{
color
:
var
(
--l1-foreground
)}
.legend-item
[
data-v-85a1707f
]
:hover
{
background
:
color-mix
(
in
srgb
,
var
(
--l1-foreground
)
5%
,
transparent
)}
.legend-item
:hover
.legend-copy-button
[
data-v-85a1707f
]
{
visibility
:
visible
;
opacity
:
1
}
.legend-item-values
[
data-v-85a1707f
]
{
display
:
inline-flex
;
flex-wrap
:
wrap
;
gap
:
6px
;
margin-left
:
4px
;
flex-shrink
:
0
}
.legend-item-value-badge
[
data-v-85a1707f
]
{
display
:
inline-flex
;
align-items
:
center
;
gap
:
2px
;
font-size
:
11px
;
white-space
:
nowrap
}
.legend-item-value-key
[
data-v-85a1707f
]
{
color
:
var
(
--l3-foreground
,
#888
)}
.legend-item-value-num
[
data-v-85a1707f
]
{
color
:
var
(
--l2-foreground
);
font-variant-numeric
:
tabular-nums
}
.legend-table-mode
[
data-v-85a1707f
]
{
overflow
:
auto
}
.legend-table-wrap
[
data-v-85a1707f
]
{
width
:
100%
;
overflow
:
auto
}
.legend-table
[
data-v-85a1707f
]
{
width
:
100%
;
border-collapse
:
collapse
;
font-size
:
12px
;
table-layout
:
auto
}
.legend-table-th
[
data-v-85a1707f
]
{
padding
:
3px
8px
;
text-align
:
left
;
font-weight
:
500
;
font-size
:
11px
;
color
:
var
(
--l3-foreground
,
#888
);
border-bottom
:
1px
solid
var
(
--l2-border
,
rgba
(
255
,
255
,
255
,
.08
));
white-space
:
nowrap
}
.legend-table-th.legend-table-val-col
[
data-v-85a1707f
]
{
text-align
:
right
}
.legend-table-row
[
data-v-85a1707f
]
{
cursor
:
pointer
}
.legend-table-row
[
data-v-85a1707f
]
:hover
{
background
:
color-mix
(
in
srgb
,
var
(
--l1-foreground
,
#d9d9d9
)
5%
,
transparent
)}
.legend-table-row.legend-item-off
[
data-v-85a1707f
]
{
opacity
:
.3
;
text-decoration
:
line-through
;
text-decoration-thickness
:
1px
}
.legend-table-row.legend-item-focused
[
data-v-85a1707f
]
{
opacity
:
1
}
.legend-table-td
[
data-v-85a1707f
]
{
padding
:
3px
8px
;
font-variant-numeric
:
tabular-nums
}
.legend-table-td.legend-table-name-col
.legend-item-label-trigger
[
data-v-85a1707f
]
{
display
:
flex
;
align-items
:
center
;
gap
:
6px
;
min-width
:
0
}
.legend-table-td.legend-table-name-col
.legend-label
[
data-v-85a1707f
]
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
min-width
:
0
}
.legend-table-td.legend-table-val-col
[
data-v-85a1707f
]
{
text-align
:
right
;
color
:
var
(
--l2-foreground
);
white-space
:
nowrap
}
.legend-table-name-col
[
data-v-85a1707f
]
{
max-width
:
240px
}
.dark
.legend-search-input
[
data-v-85a1707f
]
{
background
:
var
(
--l1-background
,
#141414
);
color
:
var
(
--l2-foreground
,
#ffffff
);
border-color
:
var
(
--l2-border
,
#434343
)}
.dark
.legend-marker
[
data-v-85a1707f
]
:hover
{
box-shadow
:
0
0
0
2px
#0000004
d
}
.footer
[
data-v-75c52e2f
]
{
display
:
flex
;
align-items
:
center
;
justify-content
:
space-between
;
gap
:
10px
;
padding
:
7px
12px
;
border-top
:
1px
dashed
var
(
--l2-border
,
#d9d9d9
);
background
:
var
(
--l1-background
,
#ffffff
);
border-radius
:
0
0
6px
6px
}
.dark
.footer
[
data-v-75c52e2f
]
{
background
:
var
(
--l1-background
,
#141414
);
border-top-color
:
var
(
--l2-border
,
#434343
)}
.hint-list
[
data-v-75c52e2f
]
{
display
:
flex
;
flex-direction
:
column
;
gap
:
4px
;
padding
:
2px
8px
;
margin
:
0
}
.hint
[
data-v-75c52e2f
]
{
display
:
flex
;
align-items
:
center
;
gap
:
5px
;
font-size
:
11px
;
color
:
var
(
--l2-foreground
,
#1f1f1f
);
position
:
relative
}
.dark
.hint
[
data-v-75c52e2f
]
{
color
:
var
(
--l2-foreground
,
#ffffff
)}
.hint
[
data-active
=
false
][
data-v-75c52e2f
]
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
-12px
;
transform
:
translateY
(
-50%
);
width
:
4px
;
height
:
4px
;
border-radius
:
50%
;
background
:
var
(
--l2-foreground
,
#1f1f1f
);
opacity
:
.5
}
.dark
.hint
[
data-active
=
false
][
data-v-75c52e2f
]
:before
{
background
:
var
(
--l2-foreground
,
#ffffff
)}
.kbd
[
data-v-75c52e2f
]
{
display
:
inline-flex
;
align-items
:
center
;
justify-content
:
center
;
min-width
:
20px
;
height
:
20px
;
padding
:
0
6px
;
background
:
var
(
--l3-background
,
#f0f0f0
);
color
:
var
(
--l2-foreground
,
#1f1f1f
);
border-radius
:
4px
;
font-family
:
monospace
;
font-size
:
11px
;
font-weight
:
600
;
border
:
1px
solid
var
(
--l2-border
,
#d9d9d9
);
box-shadow
:
0
1px
0
var
(
--l2-border
,
#d9d9d9
)}
.kbd.active
[
data-v-75c52e2f
]
{
background
:
var
(
--ring
,
#1890ff
);
border-color
:
var
(
--ring
,
#1890ff
);
color
:
#fff
;
box-shadow
:
none
}
.dark
.kbd
[
data-v-75c52e2f
]
{
background
:
var
(
--l3-background
,
#2a2a2a
);
color
:
var
(
--l2-foreground
,
#ffffff
);
border-color
:
var
(
--l2-border
,
#434343
);
box-shadow
:
0
1px
0
var
(
--l2-border
,
#434343
)}
.dark
.kbd.active
[
data-v-75c52e2f
]
{
background
:
var
(
--ring
,
#1890ff
);
border-color
:
var
(
--ring
,
#1890ff
);
color
:
#fff
;
box-shadow
:
none
}
.unpin-btn
[
data-v-75c52e2f
]
{
display
:
inline-flex
;
align-items
:
center
;
gap
:
4px
;
padding
:
4px
8px
;
font-size
:
10px
;
font-weight
:
500
;
color
:
var
(
--l2-foreground
,
#1f1f1f
);
background
:
transparent
;
border
:
1px
solid
var
(
--l2-border
,
#d9d9d9
);
border-radius
:
4px
;
cursor
:
pointer
;
transition
:
all
.2s
}
.unpin-btn
[
data-v-75c52e2f
]
:hover
{
background
:
var
(
--l2-muted
,
#f5f5f5
);
border-color
:
var
(
--ring
,
#1890ff
)}
.dark
.unpin-btn
[
data-v-75c52e2f
]
{
color
:
var
(
--l2-foreground
,
#ffffff
);
border-color
:
var
(
--l2-border
,
#434343
)}
.dark
.unpin-btn
[
data-v-75c52e2f
]
:hover
{
background
:
var
(
--l2-muted
,
#2a2a2a
);
border-color
:
var
(
--ring
,
#1890ff
)}
.tooltip-item
[
data-v-3b1d92d5
]
{
display
:
flex
;
align-items
:
center
;
gap
:
8px
;
padding
:
6px
;
opacity
:
.7
;
font-weight
:
400
}
.tooltip-item
[
data-is-active
=
true
][
data-v-3b1d92d5
]
{
opacity
:
1
;
font-weight
:
700
}
.tooltip-item-marker
[
data-v-3b1d92d5
]
{
border-radius
:
50%
;
border-style
:
solid
;
border-width
:
2px
;
width
:
12px
;
height
:
12px
;
box-sizing
:
border-box
;
flex-shrink
:
0
}
.tooltip-item-content
[
data-v-3b1d92d5
]
{
width
:
100%
;
display
:
flex
;
align-items
:
center
;
gap
:
8px
;
justify-content
:
space-between
}
.tooltip-item-label
[
data-v-3b1d92d5
]
{
white-space
:
normal
;
overflow-wrap
:
anywhere
}
.tooltip-item-separator
[
data-v-3b1d92d5
]
{
flex
:
1
;
border-width
:
.5px
;
border-style
:
dashed
;
min-width
:
24px
;
opacity
:
.5
}
.header-container
[
data-v-efb4cf97
]
{
display
:
flex
;
flex-direction
:
column
}
.header-row
[
data-v-efb4cf97
]
{
padding
:
8px
8px
0
;
font-size
:
12px
;
font-weight
:
500
;
display
:
flex
;
align-items
:
center
;
justify-content
:
space-between
;
gap
:
8px
}
.header-status
[
data-v-efb4cf97
]
{
display
:
flex
;
align-items
:
center
;
gap
:
4px
;
font-size
:
10px
;
font-weight
:
600
;
text-transform
:
uppercase
;
letter-spacing
:
.05em
;
color
:
var
(
--callout-primary-title
,
#1890ff
);
flex-shrink
:
0
}
.header-pinned-item
[
data-v-efb4cf97
]
{
padding
:
4px
}
.tooltip-list
[
data-v-fa17493a
]
{
width
:
100%
;
padding
:
4px
2px
4px
4px
;
box-sizing
:
border-box
}
.tooltip-list
[
data-v-fa17493a
]
::-webkit-scrollbar
{
width
:
.3rem
}
.tooltip-list
[
data-v-fa17493a
]
::-webkit-scrollbar-track
{
background
:
transparent
}
.tooltip-list
[
data-v-fa17493a
]
::-webkit-scrollbar-thumb
{
background
:
var
(
--bg-slate-100
,
#f1f5f9
);
border-radius
:
.5rem
}
.tooltip-container
[
data-v-4b92f289
]
{
font-family
:
Inter
,
system-ui
,
sans-serif
;
font-size
:
12px
;
background
:
var
(
--l2-background
,
#ffffff
);
color
:
var
(
--l2-foreground
,
#1f1f1f
);
border-radius
:
6px
;
border
:
1px
solid
var
(
--l2-border
,
#d9d9d9
);
display
:
flex
;
flex-direction
:
column
;
-webkit-font-smoothing
:
antialiased
;
width
:
max-content
;
min-width
:
220px
;
max-width
:
320px
}
.tooltip-container.pinned
[
data-v-4b92f289
]
{
border-color
:
var
(
--ring
,
#1890ff
)}
.tooltip-divider
[
data-v-4b92f289
]
{
display
:
block
;
width
:
100%
;
height
:
1px
;
background-color
:
var
(
--l2-border
,
#d9d9d9
)}
.dark
.tooltip-container
[
data-v-4b92f289
]
{
background
:
var
(
--l2-background
,
#1f1f1f
);
color
:
var
(
--l2-foreground
,
#ffffff
);
border-color
:
var
(
--l2-border
,
#434343
)}
.dark
.tooltip-container.pinned
[
data-v-4b92f289
]
{
border-color
:
var
(
--ring
,
#1890ff
)}
.dark
.tooltip-divider
[
data-v-4b92f289
]
{
background-color
:
var
(
--l2-border
,
#434343
)}
:root
{
--separator-border
:
rgba
(
128
,
128
,
128
,
.35
);
--sash-hover-transition-duration
:
.1s
}
._splitView_pzp7c_6
{
height
:
100%
;
overflow
:
hidden
;
position
:
relative
;
width
:
100%
}
._splitView_pzp7c_6
>
._sashContainer_pzp7c_13
{
height
:
100%
;
pointer-events
:
none
;
position
:
absolute
;
width
:
100%
}
._splitView_pzp7c_6
>
._sashContainer_pzp7c_13
>
._sash_pzp7c_13
{
pointer-events
:
auto
}
._splitView_pzp7c_6
>
._splitViewContainer_pzp7c_24
{
height
:
100%
;
position
:
relative
;
white-space
:
nowrap
;
width
:
100%
}
._splitView_pzp7c_6
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
{
overflow
:
hidden
;
position
:
absolute
;
white-space
:
initial
}
._splitView_pzp7c_6._vertical_pzp7c_37
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
{
width
:
100%
}
._splitView_pzp7c_6._horizontal_pzp7c_41
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
{
height
:
100%
}
._splitView_pzp7c_6._separatorBorder_pzp7c_45
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
:not
(
:first-child
)
:before
{
background-color
:
var
(
--separator-border
);
content
:
" "
;
left
:
0
;
pointer-events
:
none
;
position
:
absolute
;
top
:
0
;
z-index
:
5
}
._splitView_pzp7c_6._separatorBorder_pzp7c_45._vertical_pzp7c_37
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
:not
(
:first-child
)
:before
{
height
:
1px
;
width
:
100%
}
._splitView_pzp7c_6._separatorBorder_pzp7c_45._horizontal_pzp7c_41
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
:not
(
:first-child
)
:before
{
height
:
100%
;
width
:
1px
}
:root
{
--focus-border
:
#007fd4
;
--sash-size
:
8px
;
--sash-hover-size
:
4px
}
._sash_j5cmb_7
{
position
:
absolute
;
z-index
:
35
;
touch-action
:
none
;
pointer-events
:
auto
;
text-align
:
initial
}
._sash_j5cmb_7._disabled_j5cmb_15
{
pointer-events
:
none
}
._sash_j5cmb_7._mac_j5cmb_19._vertical_j5cmb_19
{
cursor
:
col-resize
}
._sash_j5cmb_7._vertical_j5cmb_19._minimum_j5cmb_23
{
cursor
:
e-resize
}
._sash_j5cmb_7._vertical_j5cmb_19._maximum_j5cmb_27
{
cursor
:
w-resize
}
._sash_j5cmb_7._mac_j5cmb_19._horizontal_j5cmb_31
{
cursor
:
row-resize
}
._sash_j5cmb_7._horizontal_j5cmb_31._minimum_j5cmb_23
{
cursor
:
s-resize
}
._sash_j5cmb_7._horizontal_j5cmb_31._maximum_j5cmb_27
{
cursor
:
n-resize
}
._sash_j5cmb_7._disabled_j5cmb_15
{
cursor
:
default
!important
;
pointer-events
:
none
!important
}
._sash_j5cmb_7._vertical_j5cmb_19
{
cursor
:
ew-resize
;
top
:
0
;
width
:
var
(
--sash-size
);
height
:
100%
}
._sash_j5cmb_7._horizontal_j5cmb_31
{
cursor
:
ns-resize
;
left
:
0
;
width
:
100%
;
height
:
var
(
--sash-size
)}
._sash_j5cmb_7
:not
(
._disabled_j5cmb_15
)>
._orthogonal-drag-handle_j5cmb_62
{
content
:
" "
;
height
:
calc
(
var
(
--sash-size
)
*
2
);
width
:
calc
(
var
(
--sash-size
)
*
2
);
z-index
:
100
;
display
:
block
;
cursor
:
all-scroll
;
position
:
absolute
}
._sash_j5cmb_7._horizontal_j5cmb_31._orthogonal-edge-north_j5cmb_72
:not
(
._disabled_j5cmb_15
)>
._orthogonal-drag-handle_j5cmb_62._start_j5cmb_73
,
._sash_j5cmb_7._horizontal_j5cmb_31._orthogonal-edge-south_j5cmb_74
:not
(
._disabled_j5cmb_15
)>
._orthogonal-drag-handle_j5cmb_62._end_j5cmb_75
{
cursor
:
nwse-resize
}
._sash_j5cmb_7._horizontal_j5cmb_31._orthogonal-edge-north_j5cmb_72
:not
(
._disabled_j5cmb_15
)>
._orthogonal-drag-handle_j5cmb_62._end_j5cmb_75
,
._sash_j5cmb_7._horizontal_j5cmb_31._orthogonal-edge-south_j5cmb_74
:not
(
._disabled_j5cmb_15
)>
._orthogonal-drag-handle_j5cmb_62._start_j5cmb_73
{
cursor
:
nesw-resize
}
._sash_j5cmb_7._vertical_j5cmb_19
>
._orthogonal-drag-handle_j5cmb_62._start_j5cmb_73
{
left
:
calc
(
var
(
--sash-size
)
*
-.5
);
top
:
calc
(
var
(
--sash-size
)
*
-1
)}
._sash_j5cmb_7._vertical_j5cmb_19
>
._orthogonal-drag-handle_j5cmb_62._end_j5cmb_75
{
left
:
calc
(
var
(
--sash-size
)
*
-.5
);
bottom
:
calc
(
var
(
--sash-size
)
*
-1
)}
._sash_j5cmb_7._horizontal_j5cmb_31
>
._orthogonal-drag-handle_j5cmb_62._start_j5cmb_73
{
top
:
calc
(
var
(
--sash-size
)
*
-.5
);
left
:
calc
(
var
(
--sash-size
)
*
-1
)}
._sash_j5cmb_7._horizontal_j5cmb_31
>
._orthogonal-drag-handle_j5cmb_62._end_j5cmb_75
{
top
:
calc
(
var
(
--sash-size
)
*
-.5
);
right
:
calc
(
var
(
--sash-size
)
*
-1
)}
._sash_j5cmb_7
:before
{
content
:
""
;
pointer-events
:
none
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
transition
:
background-color
var
(
--sash-hover-transition-duration
)
ease-out
;
background
:
transparent
}
._sash_j5cmb_7._vertical_j5cmb_19
:before
{
width
:
var
(
--sash-hover-size
);
left
:
calc
(
50%
-
(
var
(
--sash-hover-size
)
/
2
))}
._sash_j5cmb_7._horizontal_j5cmb_31
:before
{
height
:
var
(
--sash-hover-size
);
top
:
calc
(
50%
-
(
var
(
--sash-hover-size
)
/
2
))}
._sash_j5cmb_7._hover_j5cmb_126
:before
,
._sash_j5cmb_7._active_j5cmb_127
:before
{
background
:
var
(
--focus-border
)}
.panel-container
[
data-v-2c616ca4
]
{
transition
:
box-shadow
.2s
}
.panel-container
[
data-v-2c616ca4
]
:hover
{
box-shadow
:
0
2px
8px
#0000001
a
}
.log-viewer
[
data-v-22a0d40d
]
{
display
:
flex
;
flex-direction
:
column
;
background
:
var
(
--ant-color-bg-container
);
border
:
1px
solid
var
(
--ant-color-border
);
border-radius
:
6px
;
overflow
:
hidden
;
font-family
:
monospace
}
.log-toolbar
[
data-v-22a0d40d
]
{
display
:
flex
;
gap
:
8px
;
padding
:
8px
;
border-bottom
:
1px
solid
var
(
--ant-color-border
);
flex-shrink
:
0
}
.log-scroller
[
data-v-22a0d40d
]
{
flex
:
1
;
overflow-y
:
auto
}
.log-entry
[
data-v-22a0d40d
]
{
display
:
flex
;
gap
:
8px
;
padding
:
2px
8px
;
font-size
:
12px
;
line-height
:
18px
;
white-space
:
nowrap
}
.log-entry
[
data-v-22a0d40d
]
:hover
{
background
:
var
(
--ant-color-fill-quaternary
)}
.log-time
[
data-v-22a0d40d
]
{
color
:
var
(
--ant-color-text-secondary
);
flex-shrink
:
0
;
width
:
80px
}
.log-level
[
data-v-22a0d40d
]
{
flex-shrink
:
0
;
width
:
48px
;
font-weight
:
600
;
font-size
:
11px
}
.log-message
[
data-v-22a0d40d
]
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
color
:
var
(
--ant-color-text
)}
.log-empty
[
data-v-22a0d40d
]
{
padding
:
16px
;
text-align
:
center
;
color
:
var
(
--ant-color-text-secondary
);
font-size
:
12px
}
.service-topology
[
data-v-da85d863
]
{
position
:
relative
;
overflow
:
hidden
}
.topology-empty
[
data-v-da85d863
]
{
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
height
:
100%
;
color
:
var
(
--ant-color-text-secondary
);
font-size
:
12px
}
.topology-node
[
data-v-da85d863
]
{
cursor
:
pointer
}
.trace-waterfall
[
data-v-0212681c
]
{
width
:
100%
;
font-size
:
12px
;
overflow
:
auto
}
.trace-empty
[
data-v-0212681c
]
{
padding
:
16px
;
text-align
:
center
;
color
:
var
(
--ant-color-text-secondary
)}
.trace-header
[
data-v-0212681c
],
.trace-row
[
data-v-0212681c
]
{
display
:
flex
;
align-items
:
center
;
gap
:
8px
;
padding
:
3px
8px
;
border-bottom
:
1px
solid
var
(
--ant-color-border-secondary
)}
.trace-header
[
data-v-0212681c
]
{
font-weight
:
500
;
color
:
var
(
--ant-color-text-secondary
);
background
:
var
(
--ant-color-fill-quaternary
)}
.trace-name-col
[
data-v-0212681c
]
{
width
:
240px
;
flex-shrink
:
0
;
display
:
flex
;
flex-direction
:
column
;
overflow
:
hidden
}
.trace-service
[
data-v-0212681c
]
{
font-size
:
10px
;
color
:
var
(
--ant-color-text-secondary
);
white-space
:
nowrap
;
overflow
:
hidden
;
text-overflow
:
ellipsis
}
.trace-op
[
data-v-0212681c
]
{
white-space
:
nowrap
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
color
:
var
(
--ant-color-text
)}
.trace-bar-col
[
data-v-0212681c
]
{
flex
:
1
;
position
:
relative
;
height
:
16px
}
.trace-bar
[
data-v-0212681c
]
{
position
:
absolute
;
top
:
2px
;
height
:
12px
;
border-radius
:
2px
;
min-width
:
2px
;
opacity
:
.85
}
.trace-dur-col
[
data-v-0212681c
]
{
width
:
80px
;
flex-shrink
:
0
;
text-align
:
right
;
color
:
var
(
--ant-color-text-secondary
);
font-variant-numeric
:
tabular-nums
}
.kbd-key
[
data-v-94fb4749
]
{
display
:
inline-flex
;
align-items
:
center
;
justify-content
:
center
;
min-width
:
20px
;
height
:
20px
;
padding
:
0
6px
;
background
:
var
(
--ant-color-fill
);
color
:
var
(
--ant-color-text
);
border
:
1px
solid
var
(
--ant-color-border
);
border-radius
:
4px
;
font-family
:
monospace
;
font-size
:
11px
;
font-weight
:
600
;
box-shadow
:
0
1px
0
var
(
--ant-color-border
);
line-height
:
1
}
.panel-links-icon
[
data-v-6925a5a2
]
{
display
:
inline-flex
;
align-items
:
center
;
color
:
var
(
--ant-color-text-secondary
);
text-decoration
:
none
;
opacity
:
.7
;
transition
:
opacity
.15s
}
.panel-links-icon
[
data-v-6925a5a2
]
:hover
{
opacity
:
1
;
color
:
var
(
--ant-color-primary
)}
.viz-picker
[
data-v-1d0d144f
]
{
padding
:
12px
}
.viz-picker-title
[
data-v-1d0d144f
]
{
font-size
:
12px
;
font-weight
:
500
;
color
:
var
(
--ant-color-text-secondary
);
margin-bottom
:
8px
;
text-transform
:
uppercase
;
letter-spacing
:
.05em
}
.viz-picker-grid
[
data-v-1d0d144f
]
{
display
:
grid
;
grid-template-columns
:
repeat
(
auto-fill
,
minmax
(
72px
,
1
fr
));
gap
:
6px
}
.viz-picker-item
[
data-v-1d0d144f
]
{
display
:
flex
;
flex-direction
:
column
;
align-items
:
center
;
gap
:
4px
;
padding
:
8px
4px
;
border
:
1px
solid
var
(
--ant-color-border
);
border-radius
:
6px
;
background
:
transparent
;
cursor
:
pointer
;
transition
:
all
.15s
;
color
:
var
(
--ant-color-text
)}
.viz-picker-item
[
data-v-1d0d144f
]
:hover
,
.viz-picker-item--active
[
data-v-1d0d144f
]
{
border-color
:
var
(
--ant-color-primary
);
background
:
var
(
--ant-color-primary-bg
);
color
:
var
(
--ant-color-primary
)}
.viz-picker-icon
[
data-v-1d0d144f
]
{
font-size
:
20px
}
.viz-picker-label
[
data-v-1d0d144f
]
{
font-size
:
11px
;
white-space
:
nowrap
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
max-width
:
100%
}
*,
:before
,
:after
{
--un-rotate
:
0
;
--un-rotate-x
:
0
;
--un-rotate-y
:
0
;
--un-rotate-z
:
0
;
--un-scale-x
:
1
;
--un-scale-y
:
1
;
--un-scale-z
:
1
;
--un-skew-x
:
0
;
--un-skew-y
:
0
;
--un-translate-x
:
0
;
--un-translate-y
:
0
;
--un-translate-z
:
0
;
--un-pan-x
:
;
--un-pan-y
:
;
--un-pinch-zoom
:
;
--un-scroll-snap-strictness
:
proximity
;
--un-ordinal
:
;
--un-slashed-zero
:
;
--un-numeric-figure
:
;
--un-numeric-spacing
:
;
--un-numeric-fraction
:
;
--un-border-spacing-x
:
0
;
--un-border-spacing-y
:
0
;
--un-ring-offset-shadow
:
0
0
rgb
(
0
0
0
/
0
);
--un-ring-shadow
:
0
0
rgb
(
0
0
0
/
0
);
--un-shadow-inset
:
;
--un-shadow
:
0
0
rgb
(
0
0
0
/
0
);
--un-ring-inset
:
;
--un-ring-offset-width
:
0px
;
--un-ring-offset-color
:
#fff
;
--un-ring-width
:
0px
;
--un-ring-color
:
rgb
(
147
197
253
/
.5
);
--un-blur
:
;
--un-brightness
:
;
--un-contrast
:
;
--un-drop-shadow
:
;
--un-grayscale
:
;
--un-hue-rotate
:
;
--un-invert
:
;
--un-saturate
:
;
--un-sepia
:
;
--un-backdrop-blur
:
;
--un-backdrop-brightness
:
;
--un-backdrop-contrast
:
;
--un-backdrop-grayscale
:
;
--un-backdrop-hue-rotate
:
;
--un-backdrop-invert
:
;
--un-backdrop-opacity
:
;
--un-backdrop-saturate
:
;
--un-backdrop-sepia
:
}
::backdrop
{
--un-rotate
:
0
;
--un-rotate-x
:
0
;
--un-rotate-y
:
0
;
--un-rotate-z
:
0
;
--un-scale-x
:
1
;
--un-scale-y
:
1
;
--un-scale-z
:
1
;
--un-skew-x
:
0
;
--un-skew-y
:
0
;
--un-translate-x
:
0
;
--un-translate-y
:
0
;
--un-translate-z
:
0
;
--un-pan-x
:
;
--un-pan-y
:
;
--un-pinch-zoom
:
;
--un-scroll-snap-strictness
:
proximity
;
--un-ordinal
:
;
--un-slashed-zero
:
;
--un-numeric-figure
:
;
--un-numeric-spacing
:
;
--un-numeric-fraction
:
;
--un-border-spacing-x
:
0
;
--un-border-spacing-y
:
0
;
--un-ring-offset-shadow
:
0
0
rgb
(
0
0
0
/
0
);
--un-ring-shadow
:
0
0
rgb
(
0
0
0
/
0
);
--un-shadow-inset
:
;
--un-shadow
:
0
0
rgb
(
0
0
0
/
0
);
--un-ring-inset
:
;
--un-ring-offset-width
:
0px
;
--un-ring-offset-color
:
#fff
;
--un-ring-width
:
0px
;
--un-ring-color
:
rgb
(
147
197
253
/
.5
);
--un-blur
:
;
--un-brightness
:
;
--un-contrast
:
;
--un-drop-shadow
:
;
--un-grayscale
:
;
--un-hue-rotate
:
;
--un-invert
:
;
--un-saturate
:
;
--un-sepia
:
;
--un-backdrop-blur
:
;
--un-backdrop-brightness
:
;
--un-backdrop-contrast
:
;
--un-backdrop-grayscale
:
;
--un-backdrop-hue-rotate
:
;
--un-backdrop-invert
:
;
--un-backdrop-opacity
:
;
--un-backdrop-saturate
:
;
--un-backdrop-sepia
:
}
[
data-theme
=
dark
]
{
color-scheme
:
dark
}
[
data-theme
=
light
]
{
color-scheme
:
light
}
.container
,[
container
=
""
]
{
width
:
100%
}
.flex-center
{
display
:
flex
;
align-items
:
center
;
justify-content
:
center
}
.dark
.text-primary
{
--un-text-opacity
:
1
;
color
:
rgb
(
217
217
217
/
var
(
--un-text-opacity
))}
.text-primary
{
--un-text-opacity
:
1
;
color
:
rgb
(
20
20
20
/
var
(
--un-text-opacity
))}
.dark
.text-secondary
{
--un-text-opacity
:
1
;
color
:
rgb
(
153
153
153
/
var
(
--un-text-opacity
))}
.text-secondary
{
--un-text-opacity
:
1
;
color
:
rgb
(
102
102
102
/
var
(
--un-text-opacity
))}
@media
(
min-width
:
640px
){
.container
,[
container
=
""
]
{
max-width
:
640px
}}
@media
(
min-width
:
768px
){
.container
,[
container
=
""
]
{
max-width
:
768px
}}
@media
(
min-width
:
1024px
){
.container
,[
container
=
""
]
{
max-width
:
1024px
}}
@media
(
min-width
:
1280px
){
.container
,[
container
=
""
]
{
max-width
:
1280px
}}
@media
(
min-width
:
1536px
){
.container
,[
container
=
""
]
{
max-width
:
1536px
}}
.pointer-events-none
{
pointer-events
:
none
}
.visible
,[
visible
=
""
]
{
visibility
:
visible
}
.absolute
,[
absolute
=
""
]
{
position
:
absolute
}
.fixed
,[
fixed
=
""
]
{
position
:
fixed
}
.relative
{
position
:
relative
}
.sticky
{
position
:
sticky
}
.inset-0
{
inset
:
0
}
.top-0
{
top
:
0
}
[
bottom
~=
"0.35"
]
{
bottom
:
.0875rem
}
.z-10
{
z-index
:
10
}
.z-50
{
z-index
:
50
}
.grid
,[
grid
=
""
]
{
display
:
grid
}
.grid-cols-2
{
grid-template-columns
:
repeat
(
2
,
minmax
(
0
,
1
fr
))}
[
rows
~=
"4"
]
{
grid-template-rows
:
repeat
(
4
,
minmax
(
0
,
1
fr
))}
.my-1
{
margin-top
:
.25rem
;
margin-bottom
:
.25rem
}
.my-4
{
margin-top
:
1rem
;
margin-bottom
:
1rem
}
.mb-0
{
margin-bottom
:
0
}
.mb-1
{
margin-bottom
:
.25rem
}
.mb-2
{
margin-bottom
:
.5rem
}
.mb-3
{
margin-bottom
:
.75rem
}
.mb-4
{
margin-bottom
:
1rem
}
.ml-1
{
margin-left
:
.25rem
}
.ml-2
{
margin-left
:
.5rem
}
.ml-auto
{
margin-left
:
auto
}
.mr-0
\
.5
{
margin-right
:
.125rem
}
.mr-1
{
margin-right
:
.25rem
}
.mr-2
{
margin-right
:
.5rem
}
.mr-3
{
margin-right
:
.75rem
}
.ms
{
margin-inline-start
:
1rem
}
.mt-1
{
margin-top
:
.25rem
}
.mt-2
{
margin-top
:
.5rem
}
.mt-3
{
margin-top
:
.75rem
}
.mt-4
{
margin-top
:
1rem
}
.inline
,[
inline
=
""
]
{
display
:
inline
}
.block
,[
block
=
""
]
{
display
:
block
}
.inline-block
{
display
:
inline-block
}
.hidden
,[
hidden
=
""
]
{
display
:
none
}
.h-2
{
height
:
.5rem
}
.h-32px
{
height
:
32px
}
.h-64
{
height
:
16rem
}
.h-7
{
height
:
1.75rem
}
.h-full
,[
h-full
=
""
]
{
height
:
100%
}
.h1
{
height
:
.25rem
}
.min-h-0
{
min-height
:
0
}
.min-h-screen
{
min-height
:
100vh
}
.min-w-0
{
min-width
:
0
}
.w-2
{
width
:
.5rem
}
.w-45
{
width
:
11.25rem
}
.w-7
{
width
:
1.75rem
}
.w-full
,[
w-full
=
""
]
{
width
:
100%
}
.flex
{
display
:
flex
}
.inline-flex
{
display
:
inline-flex
}
.flex-1
{
flex
:
1
1
0%
}
.flex-shrink
{
flex-shrink
:
1
}
.flex-shrink-0
{
flex-shrink
:
0
}
.flex-row
{
flex-direction
:
row
}
.flex-col
{
flex-direction
:
column
}
.flex-wrap
{
flex-wrap
:
wrap
}
.table
,[
table
=
""
]
{
display
:
table
}
.border-collapse
{
border-collapse
:
collapse
}
.transform
{
transform
:
translate
(
var
(
--un-translate-x
))
translateY
(
var
(
--un-translate-y
))
translateZ
(
var
(
--un-translate-z
))
rotate
(
var
(
--un-rotate
))
rotateX
(
var
(
--un-rotate-x
))
rotateY
(
var
(
--un-rotate-y
))
rotate
(
var
(
--un-rotate-z
))
skew
(
var
(
--un-skew-x
))
skewY
(
var
(
--un-skew-y
))
scaleX
(
var
(
--un-scale-x
))
scaleY
(
var
(
--un-scale-y
))
scaleZ
(
var
(
--un-scale-z
))}
.cursor-pointer
{
cursor
:
pointer
}
.cursor-grab
{
cursor
:
grab
}
.select-none
{
-webkit-user-select
:
none
;
user-select
:
none
}
.resize
{
resize
:
both
}
.items-center
{
align-items
:
center
}
.justify-end
{
justify-content
:
flex-end
}
.justify-center
{
justify-content
:
center
}
.justify-between
{
justify-content
:
space-between
}
.gap-0
{
gap
:
0
}
.gap-0
\
.5
{
gap
:
.125rem
}
.gap-1
{
gap
:
.25rem
}
.gap-1
\
.5
{
gap
:
.375rem
}
.gap-10px
{
gap
:
10px
}
.gap-2
{
gap
:
.5rem
}
.gap-3
{
gap
:
.75rem
}
.gapPx
,[
gapPx
=
""
]
{
gap
:
undefinedPx
}
.gap-x-4
{
column-gap
:
1rem
}
.overflow-auto
{
overflow
:
auto
}
.overflow-hidden
{
overflow
:
hidden
}
.overflow-y-auto
{
overflow-y
:
auto
}
.truncate
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
.text-ellipsis
{
text-overflow
:
ellipsis
}
.whitespace-nowrap
{
white-space
:
nowrap
}
.b
,
.border
,[
b
=
""
]
{
border-width
:
1px
}
.border-b
{
border-bottom-width
:
1px
}
.border-l-3
{
border-left-width
:
3px
}
.border-t
{
border-top-width
:
1px
}
.border-
\
[
\
#e8e8e8
\
]
{
--un-border-opacity
:
1
;
border-color
:
rgb
(
232
232
232
/
var
(
--un-border-opacity
))}
.border-gray-300
{
--un-border-opacity
:
1
;
border-color
:
rgb
(
209
213
219
/
var
(
--un-border-opacity
))}
.border-primary
{
--un-border-opacity
:
1
;
border-color
:
rgb
(
22
119
255
/
var
(
--un-border-opacity
))}
.border-transparent
{
border-color
:
transparent
}
.dark
.dark
\
:border-
\
[
\
#303030
\
]
{
--un-border-opacity
:
1
;
border-color
:
rgb
(
48
48
48
/
var
(
--un-border-opacity
))}
.rounded
,[
rd
=
""
]
{
border-radius
:
.25rem
}
.rounded-lg
{
border-radius
:
.5rem
}
.rounded-sm
{
border-radius
:
.125rem
}
.bg-blue-50
{
--un-bg-opacity
:
1
;
background-color
:
rgb
(
239
246
255
/
var
(
--un-bg-opacity
))}
.bg-primary
\
/
10
{
background-color
:
#1677ff1
a
}
.bg-white
{
--un-bg-opacity
:
1
;
background-color
:
rgb
(
255
255
255
/
var
(
--un-bg-opacity
))}
.dark
.dark
\
:bg-
\
[
\
#1f1f1f
\
]
{
--un-bg-opacity
:
1
;
background-color
:
rgb
(
31
31
31
/
var
(
--un-bg-opacity
))}
.dark
.dark
\
:bg-blue-900
\
/
30
{
background-color
:
#1e3a8a4
d
}
[
color-scheme
~=
colorScheme
]
{
color-scheme
:
colorScheme
}
[
fill-opacity
~=
"0.15"
]
{
--un-fill-opacity
:
.0015
}
[
fill-opacity
~=
"80"
]
{
--un-fill-opacity
:
.8
}
[
stroke-width
~=
"1.5"
]
{
stroke-width
:
1.5px
}
[
stroke-width
~=
"2"
]
{
stroke-width
:
2px
}
.p-
\
[
2px_4px
\
]
{
padding
:
2px
4px
}
.p-0
\
!
{
padding
:
0
!important
}
.p-1
,
.p1
,[
p1
=
""
]
{
padding
:
.25rem
}
.p-2
{
padding
:
.5rem
}
.p0
,[
p0
=
""
]
{
padding
:
0
}
.p50
{
padding
:
12.5rem
}
.p75
{
padding
:
18.75rem
}
.p90
{
padding
:
22.5rem
}
.p95
{
padding
:
23.75rem
}
.p99
{
padding
:
24.75rem
}
.px
,
.px-4
,[
px
=
""
]
{
padding-left
:
1rem
;
padding-right
:
1rem
}
.px-1
,[
px
~=
"1"
]
{
padding-left
:
.25rem
;
padding-right
:
.25rem
}
.px-1
\
.5
{
padding-left
:
.375rem
;
padding-right
:
.375rem
}
.px-2
{
padding-left
:
.5rem
;
padding-right
:
.5rem
}
.px-2
\
.5
{
padding-left
:
.625rem
;
padding-right
:
.625rem
}
.px-3
{
padding-left
:
.75rem
;
padding-right
:
.75rem
}
.px-5
{
padding-left
:
1.25rem
;
padding-right
:
1.25rem
}
.py-0
\
.5
{
padding-top
:
.125rem
;
padding-bottom
:
.125rem
}
.py-1
{
padding-top
:
.25rem
;
padding-bottom
:
.25rem
}
.py-1
\
.5
{
padding-top
:
.375rem
;
padding-bottom
:
.375rem
}
.py-2
{
padding-top
:
.5rem
;
padding-bottom
:
.5rem
}
.py-3
{
padding-top
:
.75rem
;
padding-bottom
:
.75rem
}
.py-4
{
padding-top
:
1rem
;
padding-bottom
:
1rem
}
.py-8
{
padding-top
:
2rem
;
padding-bottom
:
2rem
}
[
px
~=
"0.35"
]
{
padding-left
:
.0875rem
;
padding-right
:
.0875rem
}
[
px
~=
"1px"
]
{
padding-left
:
1px
;
padding-right
:
1px
}
.pb
{
padding-bottom
:
1rem
}
.pb-0
{
padding-bottom
:
0
}
.pt-1
\
.5
{
padding-top
:
.375rem
}
.pt-2
{
padding-top
:
.5rem
}
.pie
,[
pie
=
""
]
{
padding-inline-end
:
1rem
}
.text-center
{
text-align
:
center
}
.text-12px
{
font-size
:
12px
}
.text-16px
{
font-size
:
16px
}
.text-2xl
{
font-size
:
1.5rem
;
line-height
:
2rem
}
.text-4xl
{
font-size
:
2.25rem
;
line-height
:
2.5rem
}
.text-7
{
font-size
:
1.75rem
}
.text-base
{
font-size
:
1rem
;
line-height
:
1.5rem
}
.text-sm
{
font-size
:
.875rem
;
line-height
:
1.25rem
}
.text-xs
{
font-size
:
.75rem
;
line-height
:
1rem
}
[
font-size
~=
"10"
]
{
font-size
:
2.5rem
}
[
font-size
~=
"11"
]
{
font-size
:
2.75rem
}
[
font-size
~=
"9"
]
{
font-size
:
2.25rem
}
.dark
.dark
\
:text-
\
[
\
#666
\
],
.text-
\
[
\
#666
\
]
{
--un-text-opacity
:
1
;
color
:
rgb
(
102
102
102
/
var
(
--un-text-opacity
))}
.dark
.dark
\
:text-
\
[
\
#d9d9d9
\
]
{
--un-text-opacity
:
1
;
color
:
rgb
(
217
217
217
/
var
(
--un-text-opacity
))}
.text-
\
[
\
#141414
\
]
{
--un-text-opacity
:
1
;
color
:
rgb
(
20
20
20
/
var
(
--un-text-opacity
))}
.text-
\
[
\
#444
\
]
{
--un-text-opacity
:
1
;
color
:
rgb
(
68
68
68
/
var
(
--un-text-opacity
))}
.text-blue
,[
color
~=
blue
]
{
--un-text-opacity
:
1
;
color
:
rgb
(
96
165
250
/
var
(
--un-text-opacity
))}
.text-gray-400
{
--un-text-opacity
:
1
;
color
:
rgb
(
156
163
175
/
var
(
--un-text-opacity
))}
.text-green
{
--un-text-opacity
:
1
;
color
:
rgb
(
74
222
128
/
var
(
--un-text-opacity
))}
.text-red-500
{
--un-text-opacity
:
1
;
color
:
rgb
(
239
68
68
/
var
(
--un-text-opacity
))}
.text-yellow
{
--un-text-opacity
:
1
;
color
:
rgb
(
250
204
21
/
var
(
--un-text-opacity
))}
[
color
~=
cyan
]
{
--un-text-opacity
:
1
;
color
:
rgb
(
34
211
238
/
var
(
--un-text-opacity
))}
[
color
~=
purple
]
{
--un-text-opacity
:
1
;
color
:
rgb
(
192
132
252
/
var
(
--un-text-opacity
))}
[
color
~=
red
]
{
--un-text-opacity
:
1
;
color
:
rgb
(
248
113
113
/
var
(
--un-text-opacity
))}
.font-medium
{
font-weight
:
500
}
.font-semibold
{
font-weight
:
600
}
.lh-1
{
line-height
:
.25rem
}
.font-mono
{
font-family
:
ui-monospace
,
SFMono-Regular
,
Menlo
,
Monaco
,
Consolas
,
Liberation
Mono
,
Courier
New
,
monospace
}
.uppercase
{
text-transform
:
uppercase
}
.tabular-nums
{
--un-numeric-spacing
:
tabular-nums
;
font-variant-numeric
:
var
(
--un-ordinal
)
var
(
--un-slashed-zero
)
var
(
--un-numeric-figure
)
var
(
--un-numeric-spacing
)
var
(
--un-numeric-fraction
)}
.line-through
{
text-decoration-line
:
line-through
}
.underline
{
text-decoration-line
:
underline
}
.antialiased
{
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
.tab
{
-moz-tab-size
:
4
;
-o-tab-size
:
4
;
tab-size
:
4
}
.text-shadow
{
--un-text-shadow
:
0
0
1px
var
(
--un-text-shadow-color
,
rgb
(
0
0
0
/
.2
)),
0
0
1px
var
(
--un-text-shadow-color
,
rgb
(
1
0
5
/
.1
));
text-shadow
:
var
(
--un-text-shadow
)}
.opacity-50
{
opacity
:
.5
}
[
opacity
~=
"0.6"
]
{
opacity
:
.006
}
[
opacity
~=
"1"
]
{
opacity
:
.01
}
.hover
\
:op-90:hover
{
opacity
:
.9
}
.active
\
:op-80:active
{
opacity
:
.8
}
.shadow-lg
{
--un-shadow
:
var
(
--un-shadow-inset
)
0
10px
15px
-3px
var
(
--un-shadow-color
,
rgb
(
0
0
0
/
.1
)),
var
(
--un-shadow-inset
)
0
4px
6px
-4px
var
(
--un-shadow-color
,
rgb
(
0
0
0
/
.1
));
box-shadow
:
var
(
--un-ring-offset-shadow
),
var
(
--un-ring-shadow
),
var
(
--un-shadow
)}
.filter
,[
filter
=
""
]
{
filter
:
var
(
--un-blur
)
var
(
--un-brightness
)
var
(
--un-contrast
)
var
(
--un-drop-shadow
)
var
(
--un-grayscale
)
var
(
--un-hue-rotate
)
var
(
--un-invert
)
var
(
--un-saturate
)
var
(
--un-sepia
)}
.backdrop-filter
{
-webkit-backdrop-filter
:
var
(
--un-backdrop-blur
)
var
(
--un-backdrop-brightness
)
var
(
--un-backdrop-contrast
)
var
(
--un-backdrop-grayscale
)
var
(
--un-backdrop-hue-rotate
)
var
(
--un-backdrop-invert
)
var
(
--un-backdrop-opacity
)
var
(
--un-backdrop-saturate
)
var
(
--un-backdrop-sepia
);
backdrop-filter
:
var
(
--un-backdrop-blur
)
var
(
--un-backdrop-brightness
)
var
(
--un-backdrop-contrast
)
var
(
--un-backdrop-grayscale
)
var
(
--un-backdrop-hue-rotate
)
var
(
--un-backdrop-invert
)
var
(
--un-backdrop-opacity
)
var
(
--un-backdrop-saturate
)
var
(
--un-backdrop-sepia
)}
.transition
{
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.15s
}
.transition-all
{
transition-property
:
all
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.15s
}
.transition-colors
{
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.15s
}
.ease
{
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
)}
.override-rule
[
data-v-2396374b
]
{
border
:
1px
solid
var
(
--ant-color-border
);
border-radius
:
6px
;
padding
:
8px
;
display
:
flex
;
flex-direction
:
column
;
gap
:
6px
}
.override-rule-header
[
data-v-2396374b
]
{
display
:
flex
;
align-items
:
center
;
gap
:
6px
}
.override-props
[
data-v-2396374b
]
{
padding-left
:
8px
;
display
:
flex
;
flex-direction
:
column
;
gap
:
4px
}
.override-prop-row
[
data-v-2396374b
]
{
display
:
flex
;
align-items
:
center
;
gap
:
6px
}
.legend-search-container
[
data-v-85a1707f
]
{
flex-shrink
:
0
;
width
:
100%
;
padding-right
:
8px
}
.legend-search-input
[
data-v-85a1707f
]
{
width
:
100%
;
font-size
:
12px
;
padding
:
6px
12px
;
border
:
1px
solid
var
(
--l2-border
,
#d9d9d9
);
border-radius
:
4px
;
background
:
var
(
--l1-background
,
#ffffff
);
color
:
var
(
--l2-foreground
,
#1f1f1f
);
box-sizing
:
border-box
}
.legend-container
[
data-v-85a1707f
]
{
display
:
flex
;
flex-direction
:
column
;
align-items
:
center
;
gap
:
12px
;
height
:
100%
;
width
:
100%
}
.legend-container-bottom
[
data-v-85a1707f
]
{
height
:
auto
}
.legend-container
:has
(
.legend-item-focused
)
.legend-item
[
data-v-85a1707f
]
{
opacity
:
.3
}
.legend-container
:has
(
.legend-item-focused
)
.legend-item.legend-item-focused
[
data-v-85a1707f
]
{
opacity
:
1
}
.legend-empty-state
[
data-v-85a1707f
]
{
font-size
:
12px
;
color
:
var
(
--l2-foreground
);
text-align
:
center
;
padding
:
2rem
0
}
.legend-virtuoso-container
[
data-v-85a1707f
]
{
height
:
100%
;
width
:
100%
}
.legend-virtuoso-container-bottom
[
data-v-85a1707f
]
{
height
:
auto
}
.virtuoso-grid-list
[
data-v-85a1707f
]
{
min-width
:
0
;
display
:
grid
;
grid-auto-flow
:
row
;
grid-template-columns
:
repeat
(
auto-fill
,
minmax
(
var
(
--legend-average-width
,
240px
),
1
fr
));
row-gap
:
4px
;
column-gap
:
12px
}
.virtuoso-grid-item
[
data-v-85a1707f
]
{
min-width
:
0
}
.legend-virtuoso-container-right
.virtuoso-grid-list
[
data-v-85a1707f
]
{
grid-template-columns
:
1
fr
}
.legend-virtuoso-container-single-row
.virtuoso-grid-list
[
data-v-85a1707f
]
{
grid-template-columns
:
repeat
(
auto-fit
,
minmax
(
var
(
--legend-average-width
,
240px
),
max-content
));
justify-content
:
center
}
.legend-virtuoso-container
[
data-v-85a1707f
]
::-webkit-scrollbar
{
width
:
.3rem
}
.legend-virtuoso-container
[
data-v-85a1707f
]
::-webkit-scrollbar-track
{
background
:
transparent
}
.legend-virtuoso-container
[
data-v-85a1707f
]
::-webkit-scrollbar-thumb
{
background
:
var
(
--l3-background
,
#f1f5f9
);
border-radius
:
.5rem
}
.legend-item
[
data-v-85a1707f
]
{
display
:
flex
;
align-items
:
center
;
gap
:
6px
;
padding
:
4px
8px
;
max-width
:
100%
;
overflow
:
hidden
;
border-radius
:
4px
;
cursor
:
pointer
}
.legend-item-right
[
data-v-85a1707f
]
{
width
:
100%
}
.legend-item-off
[
data-v-85a1707f
]
{
opacity
:
.3
;
text-decoration
:
line-through
;
text-decoration-thickness
:
1px
}
.legend-item-focused
[
data-v-85a1707f
]
{
opacity
:
1
}
.legend-item-label-trigger
[
data-v-85a1707f
]
{
display
:
flex
;
align-items
:
center
;
gap
:
6px
;
flex
:
1
;
min-width
:
0
;
cursor
:
pointer
}
.legend-marker
[
data-v-85a1707f
]
{
border-width
:
2px
;
border-style
:
solid
;
border-radius
:
50%
;
min-width
:
11px
;
min-height
:
11px
;
width
:
11px
;
height
:
11px
;
flex-shrink
:
0
;
cursor
:
pointer
;
transition
:
transform
.2s
ease
;
position
:
relative
}
.legend-marker
[
data-v-85a1707f
]
:hover
{
transform
:
scale
(
1.2
);
box-shadow
:
0
0
0
2px
#ffffff4
d
}
.legend-marker
[
data-v-85a1707f
]
:active
{
transform
:
scale
(
.9
)}
.legend-label
[
data-v-85a1707f
]
{
flex
:
1
;
font-size
:
12px
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
min-width
:
0
;
user-select
:
none
}
.legend-copy-button
[
data-v-85a1707f
]
{
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
flex-shrink
:
0
;
padding
:
2px
;
margin
:
0
;
border
:
none
;
color
:
var
(
--l2-foreground
);
cursor
:
pointer
;
border-radius
:
4px
;
visibility
:
hidden
;
opacity
:
0
;
transition
:
opacity
.15s
ease
,
color
.15s
ease
;
background
:
transparent
}
.legend-copy-button
[
data-v-85a1707f
]
:hover
{
color
:
var
(
--l1-foreground
)}
.legend-item
[
data-v-85a1707f
]
:hover
{
background
:
color-mix
(
in
srgb
,
var
(
--l1-foreground
)
5%
,
transparent
)}
.legend-item
:hover
.legend-copy-button
[
data-v-85a1707f
]
{
visibility
:
visible
;
opacity
:
1
}
.legend-item-values
[
data-v-85a1707f
]
{
display
:
inline-flex
;
flex-wrap
:
wrap
;
gap
:
6px
;
margin-left
:
4px
;
flex-shrink
:
0
}
.legend-item-value-badge
[
data-v-85a1707f
]
{
display
:
inline-flex
;
align-items
:
center
;
gap
:
2px
;
font-size
:
11px
;
white-space
:
nowrap
}
.legend-item-value-key
[
data-v-85a1707f
]
{
color
:
var
(
--l3-foreground
,
#888
)}
.legend-item-value-num
[
data-v-85a1707f
]
{
color
:
var
(
--l2-foreground
);
font-variant-numeric
:
tabular-nums
}
.legend-table-mode
[
data-v-85a1707f
]
{
overflow
:
auto
}
.legend-table-wrap
[
data-v-85a1707f
]
{
width
:
100%
;
overflow
:
auto
}
.legend-table
[
data-v-85a1707f
]
{
width
:
100%
;
border-collapse
:
collapse
;
font-size
:
12px
;
table-layout
:
auto
}
.legend-table-th
[
data-v-85a1707f
]
{
padding
:
3px
8px
;
text-align
:
left
;
font-weight
:
500
;
font-size
:
11px
;
color
:
var
(
--l3-foreground
,
#888
);
border-bottom
:
1px
solid
var
(
--l2-border
,
rgba
(
255
,
255
,
255
,
.08
));
white-space
:
nowrap
}
.legend-table-th.legend-table-val-col
[
data-v-85a1707f
]
{
text-align
:
right
}
.legend-table-row
[
data-v-85a1707f
]
{
cursor
:
pointer
}
.legend-table-row
[
data-v-85a1707f
]
:hover
{
background
:
color-mix
(
in
srgb
,
var
(
--l1-foreground
,
#d9d9d9
)
5%
,
transparent
)}
.legend-table-row.legend-item-off
[
data-v-85a1707f
]
{
opacity
:
.3
;
text-decoration
:
line-through
;
text-decoration-thickness
:
1px
}
.legend-table-row.legend-item-focused
[
data-v-85a1707f
]
{
opacity
:
1
}
.legend-table-td
[
data-v-85a1707f
]
{
padding
:
3px
8px
;
font-variant-numeric
:
tabular-nums
}
.legend-table-td.legend-table-name-col
.legend-item-label-trigger
[
data-v-85a1707f
]
{
display
:
flex
;
align-items
:
center
;
gap
:
6px
;
min-width
:
0
}
.legend-table-td.legend-table-name-col
.legend-label
[
data-v-85a1707f
]
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
min-width
:
0
}
.legend-table-td.legend-table-val-col
[
data-v-85a1707f
]
{
text-align
:
right
;
color
:
var
(
--l2-foreground
);
white-space
:
nowrap
}
.legend-table-name-col
[
data-v-85a1707f
]
{
max-width
:
240px
}
.dark
.legend-search-input
[
data-v-85a1707f
]
{
background
:
var
(
--l1-background
,
#141414
);
color
:
var
(
--l2-foreground
,
#ffffff
);
border-color
:
var
(
--l2-border
,
#434343
)}
.dark
.legend-marker
[
data-v-85a1707f
]
:hover
{
box-shadow
:
0
0
0
2px
#0000004
d
}
.footer
[
data-v-75c52e2f
]
{
display
:
flex
;
align-items
:
center
;
justify-content
:
space-between
;
gap
:
10px
;
padding
:
7px
12px
;
border-top
:
1px
dashed
var
(
--l2-border
,
#d9d9d9
);
background
:
var
(
--l1-background
,
#ffffff
);
border-radius
:
0
0
6px
6px
}
.dark
.footer
[
data-v-75c52e2f
]
{
background
:
var
(
--l1-background
,
#141414
);
border-top-color
:
var
(
--l2-border
,
#434343
)}
.hint-list
[
data-v-75c52e2f
]
{
display
:
flex
;
flex-direction
:
column
;
gap
:
4px
;
padding
:
2px
8px
;
margin
:
0
}
.hint
[
data-v-75c52e2f
]
{
display
:
flex
;
align-items
:
center
;
gap
:
5px
;
font-size
:
11px
;
color
:
var
(
--l2-foreground
,
#1f1f1f
);
position
:
relative
}
.dark
.hint
[
data-v-75c52e2f
]
{
color
:
var
(
--l2-foreground
,
#ffffff
)}
.hint
[
data-active
=
false
][
data-v-75c52e2f
]
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
-12px
;
transform
:
translateY
(
-50%
);
width
:
4px
;
height
:
4px
;
border-radius
:
50%
;
background
:
var
(
--l2-foreground
,
#1f1f1f
);
opacity
:
.5
}
.dark
.hint
[
data-active
=
false
][
data-v-75c52e2f
]
:before
{
background
:
var
(
--l2-foreground
,
#ffffff
)}
.kbd
[
data-v-75c52e2f
]
{
display
:
inline-flex
;
align-items
:
center
;
justify-content
:
center
;
min-width
:
20px
;
height
:
20px
;
padding
:
0
6px
;
background
:
var
(
--l3-background
,
#f0f0f0
);
color
:
var
(
--l2-foreground
,
#1f1f1f
);
border-radius
:
4px
;
font-family
:
monospace
;
font-size
:
11px
;
font-weight
:
600
;
border
:
1px
solid
var
(
--l2-border
,
#d9d9d9
);
box-shadow
:
0
1px
0
var
(
--l2-border
,
#d9d9d9
)}
.kbd.active
[
data-v-75c52e2f
]
{
background
:
var
(
--ring
,
#1890ff
);
border-color
:
var
(
--ring
,
#1890ff
);
color
:
#fff
;
box-shadow
:
none
}
.dark
.kbd
[
data-v-75c52e2f
]
{
background
:
var
(
--l3-background
,
#2a2a2a
);
color
:
var
(
--l2-foreground
,
#ffffff
);
border-color
:
var
(
--l2-border
,
#434343
);
box-shadow
:
0
1px
0
var
(
--l2-border
,
#434343
)}
.dark
.kbd.active
[
data-v-75c52e2f
]
{
background
:
var
(
--ring
,
#1890ff
);
border-color
:
var
(
--ring
,
#1890ff
);
color
:
#fff
;
box-shadow
:
none
}
.unpin-btn
[
data-v-75c52e2f
]
{
display
:
inline-flex
;
align-items
:
center
;
gap
:
4px
;
padding
:
4px
8px
;
font-size
:
10px
;
font-weight
:
500
;
color
:
var
(
--l2-foreground
,
#1f1f1f
);
background
:
transparent
;
border
:
1px
solid
var
(
--l2-border
,
#d9d9d9
);
border-radius
:
4px
;
cursor
:
pointer
;
transition
:
all
.2s
}
.unpin-btn
[
data-v-75c52e2f
]
:hover
{
background
:
var
(
--l2-muted
,
#f5f5f5
);
border-color
:
var
(
--ring
,
#1890ff
)}
.dark
.unpin-btn
[
data-v-75c52e2f
]
{
color
:
var
(
--l2-foreground
,
#ffffff
);
border-color
:
var
(
--l2-border
,
#434343
)}
.dark
.unpin-btn
[
data-v-75c52e2f
]
:hover
{
background
:
var
(
--l2-muted
,
#2a2a2a
);
border-color
:
var
(
--ring
,
#1890ff
)}
.tooltip-item
[
data-v-3b1d92d5
]
{
display
:
flex
;
align-items
:
center
;
gap
:
8px
;
padding
:
6px
;
opacity
:
.7
;
font-weight
:
400
}
.tooltip-item
[
data-is-active
=
true
][
data-v-3b1d92d5
]
{
opacity
:
1
;
font-weight
:
700
}
.tooltip-item-marker
[
data-v-3b1d92d5
]
{
border-radius
:
50%
;
border-style
:
solid
;
border-width
:
2px
;
width
:
12px
;
height
:
12px
;
box-sizing
:
border-box
;
flex-shrink
:
0
}
.tooltip-item-content
[
data-v-3b1d92d5
]
{
width
:
100%
;
display
:
flex
;
align-items
:
center
;
gap
:
8px
;
justify-content
:
space-between
}
.tooltip-item-label
[
data-v-3b1d92d5
]
{
white-space
:
normal
;
overflow-wrap
:
anywhere
}
.tooltip-item-separator
[
data-v-3b1d92d5
]
{
flex
:
1
;
border-width
:
.5px
;
border-style
:
dashed
;
min-width
:
24px
;
opacity
:
.5
}
.header-container
[
data-v-efb4cf97
]
{
display
:
flex
;
flex-direction
:
column
}
.header-row
[
data-v-efb4cf97
]
{
padding
:
8px
8px
0
;
font-size
:
12px
;
font-weight
:
500
;
display
:
flex
;
align-items
:
center
;
justify-content
:
space-between
;
gap
:
8px
}
.header-status
[
data-v-efb4cf97
]
{
display
:
flex
;
align-items
:
center
;
gap
:
4px
;
font-size
:
10px
;
font-weight
:
600
;
text-transform
:
uppercase
;
letter-spacing
:
.05em
;
color
:
var
(
--callout-primary-title
,
#1890ff
);
flex-shrink
:
0
}
.header-pinned-item
[
data-v-efb4cf97
]
{
padding
:
4px
}
.tooltip-list
[
data-v-fa17493a
]
{
width
:
100%
;
padding
:
4px
2px
4px
4px
;
box-sizing
:
border-box
}
.tooltip-list
[
data-v-fa17493a
]
::-webkit-scrollbar
{
width
:
.3rem
}
.tooltip-list
[
data-v-fa17493a
]
::-webkit-scrollbar-track
{
background
:
transparent
}
.tooltip-list
[
data-v-fa17493a
]
::-webkit-scrollbar-thumb
{
background
:
var
(
--bg-slate-100
,
#f1f5f9
);
border-radius
:
.5rem
}
.tooltip-container
[
data-v-4b92f289
]
{
font-family
:
Inter
,
system-ui
,
sans-serif
;
font-size
:
12px
;
background
:
var
(
--l2-background
,
#ffffff
);
color
:
var
(
--l2-foreground
,
#1f1f1f
);
border-radius
:
6px
;
border
:
1px
solid
var
(
--l2-border
,
#d9d9d9
);
display
:
flex
;
flex-direction
:
column
;
-webkit-font-smoothing
:
antialiased
;
width
:
max-content
;
min-width
:
220px
;
max-width
:
320px
}
.tooltip-container.pinned
[
data-v-4b92f289
]
{
border-color
:
var
(
--ring
,
#1890ff
)}
.tooltip-divider
[
data-v-4b92f289
]
{
display
:
block
;
width
:
100%
;
height
:
1px
;
background-color
:
var
(
--l2-border
,
#d9d9d9
)}
.dark
.tooltip-container
[
data-v-4b92f289
]
{
background
:
var
(
--l2-background
,
#1f1f1f
);
color
:
var
(
--l2-foreground
,
#ffffff
);
border-color
:
var
(
--l2-border
,
#434343
)}
.dark
.tooltip-container.pinned
[
data-v-4b92f289
]
{
border-color
:
var
(
--ring
,
#1890ff
)}
.dark
.tooltip-divider
[
data-v-4b92f289
]
{
background-color
:
var
(
--l2-border
,
#434343
)}
:root
{
--separator-border
:
rgba
(
128
,
128
,
128
,
.35
);
--sash-hover-transition-duration
:
.1s
}
._splitView_pzp7c_6
{
height
:
100%
;
overflow
:
hidden
;
position
:
relative
;
width
:
100%
}
._splitView_pzp7c_6
>
._sashContainer_pzp7c_13
{
height
:
100%
;
pointer-events
:
none
;
position
:
absolute
;
width
:
100%
}
._splitView_pzp7c_6
>
._sashContainer_pzp7c_13
>
._sash_pzp7c_13
{
pointer-events
:
auto
}
._splitView_pzp7c_6
>
._splitViewContainer_pzp7c_24
{
height
:
100%
;
position
:
relative
;
white-space
:
nowrap
;
width
:
100%
}
._splitView_pzp7c_6
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
{
overflow
:
hidden
;
position
:
absolute
;
white-space
:
initial
}
._splitView_pzp7c_6._vertical_pzp7c_37
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
{
width
:
100%
}
._splitView_pzp7c_6._horizontal_pzp7c_41
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
{
height
:
100%
}
._splitView_pzp7c_6._separatorBorder_pzp7c_45
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
:not
(
:first-child
)
:before
{
background-color
:
var
(
--separator-border
);
content
:
" "
;
left
:
0
;
pointer-events
:
none
;
position
:
absolute
;
top
:
0
;
z-index
:
5
}
._splitView_pzp7c_6._separatorBorder_pzp7c_45._vertical_pzp7c_37
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
:not
(
:first-child
)
:before
{
height
:
1px
;
width
:
100%
}
._splitView_pzp7c_6._separatorBorder_pzp7c_45._horizontal_pzp7c_41
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
:not
(
:first-child
)
:before
{
height
:
100%
;
width
:
1px
}
:root
{
--focus-border
:
#007fd4
;
--sash-size
:
8px
;
--sash-hover-size
:
4px
}
._sash_j5cmb_7
{
position
:
absolute
;
z-index
:
35
;
touch-action
:
none
;
pointer-events
:
auto
;
text-align
:
initial
}
._sash_j5cmb_7._disabled_j5cmb_15
{
pointer-events
:
none
}
._sash_j5cmb_7._mac_j5cmb_19._vertical_j5cmb_19
{
cursor
:
col-resize
}
._sash_j5cmb_7._vertical_j5cmb_19._minimum_j5cmb_23
{
cursor
:
e-resize
}
._sash_j5cmb_7._vertical_j5cmb_19._maximum_j5cmb_27
{
cursor
:
w-resize
}
._sash_j5cmb_7._mac_j5cmb_19._horizontal_j5cmb_31
{
cursor
:
row-resize
}
._sash_j5cmb_7._horizontal_j5cmb_31._minimum_j5cmb_23
{
cursor
:
s-resize
}
._sash_j5cmb_7._horizontal_j5cmb_31._maximum_j5cmb_27
{
cursor
:
n-resize
}
._sash_j5cmb_7._disabled_j5cmb_15
{
cursor
:
default
!important
;
pointer-events
:
none
!important
}
._sash_j5cmb_7._vertical_j5cmb_19
{
cursor
:
ew-resize
;
top
:
0
;
width
:
var
(
--sash-size
);
height
:
100%
}
._sash_j5cmb_7._horizontal_j5cmb_31
{
cursor
:
ns-resize
;
left
:
0
;
width
:
100%
;
height
:
var
(
--sash-size
)}
._sash_j5cmb_7
:not
(
._disabled_j5cmb_15
)>
._orthogonal-drag-handle_j5cmb_62
{
content
:
" "
;
height
:
calc
(
var
(
--sash-size
)
*
2
);
width
:
calc
(
var
(
--sash-size
)
*
2
);
z-index
:
100
;
display
:
block
;
cursor
:
all-scroll
;
position
:
absolute
}
._sash_j5cmb_7._horizontal_j5cmb_31._orthogonal-edge-north_j5cmb_72
:not
(
._disabled_j5cmb_15
)>
._orthogonal-drag-handle_j5cmb_62._start_j5cmb_73
,
._sash_j5cmb_7._horizontal_j5cmb_31._orthogonal-edge-south_j5cmb_74
:not
(
._disabled_j5cmb_15
)>
._orthogonal-drag-handle_j5cmb_62._end_j5cmb_75
{
cursor
:
nwse-resize
}
._sash_j5cmb_7._horizontal_j5cmb_31._orthogonal-edge-north_j5cmb_72
:not
(
._disabled_j5cmb_15
)>
._orthogonal-drag-handle_j5cmb_62._end_j5cmb_75
,
._sash_j5cmb_7._horizontal_j5cmb_31._orthogonal-edge-south_j5cmb_74
:not
(
._disabled_j5cmb_15
)>
._orthogonal-drag-handle_j5cmb_62._start_j5cmb_73
{
cursor
:
nesw-resize
}
._sash_j5cmb_7._vertical_j5cmb_19
>
._orthogonal-drag-handle_j5cmb_62._start_j5cmb_73
{
left
:
calc
(
var
(
--sash-size
)
*
-.5
);
top
:
calc
(
var
(
--sash-size
)
*
-1
)}
._sash_j5cmb_7._vertical_j5cmb_19
>
._orthogonal-drag-handle_j5cmb_62._end_j5cmb_75
{
left
:
calc
(
var
(
--sash-size
)
*
-.5
);
bottom
:
calc
(
var
(
--sash-size
)
*
-1
)}
._sash_j5cmb_7._horizontal_j5cmb_31
>
._orthogonal-drag-handle_j5cmb_62._start_j5cmb_73
{
top
:
calc
(
var
(
--sash-size
)
*
-.5
);
left
:
calc
(
var
(
--sash-size
)
*
-1
)}
._sash_j5cmb_7._horizontal_j5cmb_31
>
._orthogonal-drag-handle_j5cmb_62._end_j5cmb_75
{
top
:
calc
(
var
(
--sash-size
)
*
-.5
);
right
:
calc
(
var
(
--sash-size
)
*
-1
)}
._sash_j5cmb_7
:before
{
content
:
""
;
pointer-events
:
none
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
transition
:
background-color
var
(
--sash-hover-transition-duration
)
ease-out
;
background
:
transparent
}
._sash_j5cmb_7._vertical_j5cmb_19
:before
{
width
:
var
(
--sash-hover-size
);
left
:
calc
(
50%
-
(
var
(
--sash-hover-size
)
/
2
))}
._sash_j5cmb_7._horizontal_j5cmb_31
:before
{
height
:
var
(
--sash-hover-size
);
top
:
calc
(
50%
-
(
var
(
--sash-hover-size
)
/
2
))}
._sash_j5cmb_7._hover_j5cmb_126
:before
,
._sash_j5cmb_7._active_j5cmb_127
:before
{
background
:
var
(
--focus-border
)}
.panel-container
[
data-v-2c616ca4
]
{
transition
:
box-shadow
.2s
}
.panel-container
[
data-v-2c616ca4
]
:hover
{
box-shadow
:
0
2px
8px
#0000001
a
}
.log-viewer
[
data-v-22a0d40d
]
{
display
:
flex
;
flex-direction
:
column
;
background
:
var
(
--ant-color-bg-container
);
border
:
1px
solid
var
(
--ant-color-border
);
border-radius
:
6px
;
overflow
:
hidden
;
font-family
:
monospace
}
.log-toolbar
[
data-v-22a0d40d
]
{
display
:
flex
;
gap
:
8px
;
padding
:
8px
;
border-bottom
:
1px
solid
var
(
--ant-color-border
);
flex-shrink
:
0
}
.log-scroller
[
data-v-22a0d40d
]
{
flex
:
1
;
overflow-y
:
auto
}
.log-entry
[
data-v-22a0d40d
]
{
display
:
flex
;
gap
:
8px
;
padding
:
2px
8px
;
font-size
:
12px
;
line-height
:
18px
;
white-space
:
nowrap
}
.log-entry
[
data-v-22a0d40d
]
:hover
{
background
:
var
(
--ant-color-fill-quaternary
)}
.log-time
[
data-v-22a0d40d
]
{
color
:
var
(
--ant-color-text-secondary
);
flex-shrink
:
0
;
width
:
80px
}
.log-level
[
data-v-22a0d40d
]
{
flex-shrink
:
0
;
width
:
48px
;
font-weight
:
600
;
font-size
:
11px
}
.log-message
[
data-v-22a0d40d
]
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
color
:
var
(
--ant-color-text
)}
.log-empty
[
data-v-22a0d40d
]
{
padding
:
16px
;
text-align
:
center
;
color
:
var
(
--ant-color-text-secondary
);
font-size
:
12px
}
.service-topology
[
data-v-da85d863
]
{
position
:
relative
;
overflow
:
hidden
}
.topology-empty
[
data-v-da85d863
]
{
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
height
:
100%
;
color
:
var
(
--ant-color-text-secondary
);
font-size
:
12px
}
.topology-node
[
data-v-da85d863
]
{
cursor
:
pointer
}
.trace-waterfall
[
data-v-0212681c
]
{
width
:
100%
;
font-size
:
12px
;
overflow
:
auto
}
.trace-empty
[
data-v-0212681c
]
{
padding
:
16px
;
text-align
:
center
;
color
:
var
(
--ant-color-text-secondary
)}
.trace-header
[
data-v-0212681c
],
.trace-row
[
data-v-0212681c
]
{
display
:
flex
;
align-items
:
center
;
gap
:
8px
;
padding
:
3px
8px
;
border-bottom
:
1px
solid
var
(
--ant-color-border-secondary
)}
.trace-header
[
data-v-0212681c
]
{
font-weight
:
500
;
color
:
var
(
--ant-color-text-secondary
);
background
:
var
(
--ant-color-fill-quaternary
)}
.trace-name-col
[
data-v-0212681c
]
{
width
:
240px
;
flex-shrink
:
0
;
display
:
flex
;
flex-direction
:
column
;
overflow
:
hidden
}
.trace-service
[
data-v-0212681c
]
{
font-size
:
10px
;
color
:
var
(
--ant-color-text-secondary
);
white-space
:
nowrap
;
overflow
:
hidden
;
text-overflow
:
ellipsis
}
.trace-op
[
data-v-0212681c
]
{
white-space
:
nowrap
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
color
:
var
(
--ant-color-text
)}
.trace-bar-col
[
data-v-0212681c
]
{
flex
:
1
;
position
:
relative
;
height
:
16px
}
.trace-bar
[
data-v-0212681c
]
{
position
:
absolute
;
top
:
2px
;
height
:
12px
;
border-radius
:
2px
;
min-width
:
2px
;
opacity
:
.85
}
.trace-dur-col
[
data-v-0212681c
]
{
width
:
80px
;
flex-shrink
:
0
;
text-align
:
right
;
color
:
var
(
--ant-color-text-secondary
);
font-variant-numeric
:
tabular-nums
}
.kbd-key
[
data-v-94fb4749
]
{
display
:
inline-flex
;
align-items
:
center
;
justify-content
:
center
;
min-width
:
20px
;
height
:
20px
;
padding
:
0
6px
;
background
:
var
(
--ant-color-fill
);
color
:
var
(
--ant-color-text
);
border
:
1px
solid
var
(
--ant-color-border
);
border-radius
:
4px
;
font-family
:
monospace
;
font-size
:
11px
;
font-weight
:
600
;
box-shadow
:
0
1px
0
var
(
--ant-color-border
);
line-height
:
1
}
.panel-links-icon
[
data-v-6925a5a2
]
{
display
:
inline-flex
;
align-items
:
center
;
color
:
var
(
--ant-color-text-secondary
);
text-decoration
:
none
;
opacity
:
.7
;
transition
:
opacity
.15s
}
.panel-links-icon
[
data-v-6925a5a2
]
:hover
{
opacity
:
1
;
color
:
var
(
--ant-color-primary
)}
.viz-picker
[
data-v-1d0d144f
]
{
padding
:
12px
}
.viz-picker-title
[
data-v-1d0d144f
]
{
font-size
:
12px
;
font-weight
:
500
;
color
:
var
(
--ant-color-text-secondary
);
margin-bottom
:
8px
;
text-transform
:
uppercase
;
letter-spacing
:
.05em
}
.viz-picker-grid
[
data-v-1d0d144f
]
{
display
:
grid
;
grid-template-columns
:
repeat
(
auto-fill
,
minmax
(
72px
,
1
fr
));
gap
:
6px
}
.viz-picker-item
[
data-v-1d0d144f
]
{
display
:
flex
;
flex-direction
:
column
;
align-items
:
center
;
gap
:
4px
;
padding
:
8px
4px
;
border
:
1px
solid
var
(
--ant-color-border
);
border-radius
:
6px
;
background
:
transparent
;
cursor
:
pointer
;
transition
:
all
.15s
;
color
:
var
(
--ant-color-text
)}
.viz-picker-item
[
data-v-1d0d144f
]
:hover
,
.viz-picker-item--active
[
data-v-1d0d144f
]
{
border-color
:
var
(
--ant-color-primary
);
background
:
var
(
--ant-color-primary-bg
);
color
:
var
(
--ant-color-primary
)}
.viz-picker-icon
[
data-v-1d0d144f
]
{
font-size
:
20px
}
.viz-picker-label
[
data-v-1d0d144f
]
{
font-size
:
11px
;
white-space
:
nowrap
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
max-width
:
100%
}
dist/argus-board.css
View file @
dd560d14
.override-rule
[
data-v-2396374b
]
{
border
:
1px
solid
var
(
--ant-color-border
);
border-radius
:
6px
;
padding
:
8px
;
display
:
flex
;
flex-direction
:
column
;
gap
:
6px
}
.override-rule-header
[
data-v-2396374b
]
{
display
:
flex
;
align-items
:
center
;
gap
:
6px
}
.override-props
[
data-v-2396374b
]
{
padding-left
:
8px
;
display
:
flex
;
flex-direction
:
column
;
gap
:
4px
}
.override-prop-row
[
data-v-2396374b
]
{
display
:
flex
;
align-items
:
center
;
gap
:
6px
}
.legend-search-container
[
data-v-85a1707f
]
{
flex-shrink
:
0
;
width
:
100%
;
padding-right
:
8px
}
.legend-search-input
[
data-v-85a1707f
]
{
width
:
100%
;
font-size
:
12px
;
padding
:
6px
12px
;
border
:
1px
solid
var
(
--l2-border
,
#d9d9d9
);
border-radius
:
4px
;
background
:
var
(
--l1-background
,
#ffffff
);
color
:
var
(
--l2-foreground
,
#1f1f1f
);
box-sizing
:
border-box
}
.legend-container
[
data-v-85a1707f
]
{
display
:
flex
;
flex-direction
:
column
;
align-items
:
center
;
gap
:
12px
;
height
:
100%
;
width
:
100%
}
.legend-container-bottom
[
data-v-85a1707f
]
{
height
:
auto
}
.legend-container
:has
(
.legend-item-focused
)
.legend-item
[
data-v-85a1707f
]
{
opacity
:
.3
}
.legend-container
:has
(
.legend-item-focused
)
.legend-item.legend-item-focused
[
data-v-85a1707f
]
{
opacity
:
1
}
.legend-empty-state
[
data-v-85a1707f
]
{
font-size
:
12px
;
color
:
var
(
--l2-foreground
);
text-align
:
center
;
padding
:
2rem
0
}
.legend-virtuoso-container
[
data-v-85a1707f
]
{
height
:
100%
;
width
:
100%
}
.legend-virtuoso-container-bottom
[
data-v-85a1707f
]
{
height
:
auto
}
.virtuoso-grid-list
[
data-v-85a1707f
]
{
min-width
:
0
;
display
:
grid
;
grid-auto-flow
:
row
;
grid-template-columns
:
repeat
(
auto-fill
,
minmax
(
var
(
--legend-average-width
,
240px
),
1
fr
));
row-gap
:
4px
;
column-gap
:
12px
}
.virtuoso-grid-item
[
data-v-85a1707f
]
{
min-width
:
0
}
.legend-virtuoso-container-right
.virtuoso-grid-list
[
data-v-85a1707f
]
{
grid-template-columns
:
1
fr
}
.legend-virtuoso-container-single-row
.virtuoso-grid-list
[
data-v-85a1707f
]
{
grid-template-columns
:
repeat
(
auto-fit
,
minmax
(
var
(
--legend-average-width
,
240px
),
max-content
));
justify-content
:
center
}
.legend-virtuoso-container
[
data-v-85a1707f
]
::-webkit-scrollbar
{
width
:
.3rem
}
.legend-virtuoso-container
[
data-v-85a1707f
]
::-webkit-scrollbar-track
{
background
:
transparent
}
.legend-virtuoso-container
[
data-v-85a1707f
]
::-webkit-scrollbar-thumb
{
background
:
var
(
--l3-background
,
#f1f5f9
);
border-radius
:
.5rem
}
.legend-item
[
data-v-85a1707f
]
{
display
:
flex
;
align-items
:
center
;
gap
:
6px
;
padding
:
4px
8px
;
max-width
:
100%
;
overflow
:
hidden
;
border-radius
:
4px
;
cursor
:
pointer
}
.legend-item-right
[
data-v-85a1707f
]
{
width
:
100%
}
.legend-item-off
[
data-v-85a1707f
]
{
opacity
:
.3
;
text-decoration
:
line-through
;
text-decoration-thickness
:
1px
}
.legend-item-focused
[
data-v-85a1707f
]
{
opacity
:
1
}
.legend-item-label-trigger
[
data-v-85a1707f
]
{
display
:
flex
;
align-items
:
center
;
gap
:
6px
;
flex
:
1
;
min-width
:
0
;
cursor
:
pointer
}
.legend-marker
[
data-v-85a1707f
]
{
border-width
:
2px
;
border-style
:
solid
;
border-radius
:
50%
;
min-width
:
11px
;
min-height
:
11px
;
width
:
11px
;
height
:
11px
;
flex-shrink
:
0
;
cursor
:
pointer
;
transition
:
transform
.2s
ease
;
position
:
relative
}
.legend-marker
[
data-v-85a1707f
]
:hover
{
transform
:
scale
(
1.2
);
box-shadow
:
0
0
0
2px
#ffffff4
d
}
.legend-marker
[
data-v-85a1707f
]
:active
{
transform
:
scale
(
.9
)}
.legend-label
[
data-v-85a1707f
]
{
flex
:
1
;
font-size
:
12px
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
min-width
:
0
;
user-select
:
none
}
.legend-copy-button
[
data-v-85a1707f
]
{
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
flex-shrink
:
0
;
padding
:
2px
;
margin
:
0
;
border
:
none
;
color
:
var
(
--l2-foreground
);
cursor
:
pointer
;
border-radius
:
4px
;
visibility
:
hidden
;
opacity
:
0
;
transition
:
opacity
.15s
ease
,
color
.15s
ease
;
background
:
transparent
}
.legend-copy-button
[
data-v-85a1707f
]
:hover
{
color
:
var
(
--l1-foreground
)}
.legend-item
[
data-v-85a1707f
]
:hover
{
background
:
color-mix
(
in
srgb
,
var
(
--l1-foreground
)
5%
,
transparent
)}
.legend-item
:hover
.legend-copy-button
[
data-v-85a1707f
]
{
visibility
:
visible
;
opacity
:
1
}
.legend-item-values
[
data-v-85a1707f
]
{
display
:
inline-flex
;
flex-wrap
:
wrap
;
gap
:
6px
;
margin-left
:
4px
;
flex-shrink
:
0
}
.legend-item-value-badge
[
data-v-85a1707f
]
{
display
:
inline-flex
;
align-items
:
center
;
gap
:
2px
;
font-size
:
11px
;
white-space
:
nowrap
}
.legend-item-value-key
[
data-v-85a1707f
]
{
color
:
var
(
--l3-foreground
,
#888
)}
.legend-item-value-num
[
data-v-85a1707f
]
{
color
:
var
(
--l2-foreground
);
font-variant-numeric
:
tabular-nums
}
.legend-table-mode
[
data-v-85a1707f
]
{
overflow
:
auto
}
.legend-table-wrap
[
data-v-85a1707f
]
{
width
:
100%
;
overflow
:
auto
}
.legend-table
[
data-v-85a1707f
]
{
width
:
100%
;
border-collapse
:
collapse
;
font-size
:
12px
;
table-layout
:
auto
}
.legend-table-th
[
data-v-85a1707f
]
{
padding
:
3px
8px
;
text-align
:
left
;
font-weight
:
500
;
font-size
:
11px
;
color
:
var
(
--l3-foreground
,
#888
);
border-bottom
:
1px
solid
var
(
--l2-border
,
rgba
(
255
,
255
,
255
,
.08
));
white-space
:
nowrap
}
.legend-table-th.legend-table-val-col
[
data-v-85a1707f
]
{
text-align
:
right
}
.legend-table-row
[
data-v-85a1707f
]
{
cursor
:
pointer
}
.legend-table-row
[
data-v-85a1707f
]
:hover
{
background
:
color-mix
(
in
srgb
,
var
(
--l1-foreground
,
#d9d9d9
)
5%
,
transparent
)}
.legend-table-row.legend-item-off
[
data-v-85a1707f
]
{
opacity
:
.3
;
text-decoration
:
line-through
;
text-decoration-thickness
:
1px
}
.legend-table-row.legend-item-focused
[
data-v-85a1707f
]
{
opacity
:
1
}
.legend-table-td
[
data-v-85a1707f
]
{
padding
:
3px
8px
;
font-variant-numeric
:
tabular-nums
}
.legend-table-td.legend-table-name-col
.legend-item-label-trigger
[
data-v-85a1707f
]
{
display
:
flex
;
align-items
:
center
;
gap
:
6px
;
min-width
:
0
}
.legend-table-td.legend-table-name-col
.legend-label
[
data-v-85a1707f
]
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
min-width
:
0
}
.legend-table-td.legend-table-val-col
[
data-v-85a1707f
]
{
text-align
:
right
;
color
:
var
(
--l2-foreground
);
white-space
:
nowrap
}
.legend-table-name-col
[
data-v-85a1707f
]
{
max-width
:
240px
}
.dark
.legend-search-input
[
data-v-85a1707f
]
{
background
:
var
(
--l1-background
,
#141414
);
color
:
var
(
--l2-foreground
,
#ffffff
);
border-color
:
var
(
--l2-border
,
#434343
)}
.dark
.legend-marker
[
data-v-85a1707f
]
:hover
{
box-shadow
:
0
0
0
2px
#0000004
d
}
.footer
[
data-v-75c52e2f
]
{
display
:
flex
;
align-items
:
center
;
justify-content
:
space-between
;
gap
:
10px
;
padding
:
7px
12px
;
border-top
:
1px
dashed
var
(
--l2-border
,
#d9d9d9
);
background
:
var
(
--l1-background
,
#ffffff
);
border-radius
:
0
0
6px
6px
}
.dark
.footer
[
data-v-75c52e2f
]
{
background
:
var
(
--l1-background
,
#141414
);
border-top-color
:
var
(
--l2-border
,
#434343
)}
.hint-list
[
data-v-75c52e2f
]
{
display
:
flex
;
flex-direction
:
column
;
gap
:
4px
;
padding
:
2px
8px
;
margin
:
0
}
.hint
[
data-v-75c52e2f
]
{
display
:
flex
;
align-items
:
center
;
gap
:
5px
;
font-size
:
11px
;
color
:
var
(
--l2-foreground
,
#1f1f1f
);
position
:
relative
}
.dark
.hint
[
data-v-75c52e2f
]
{
color
:
var
(
--l2-foreground
,
#ffffff
)}
.hint
[
data-active
=
false
][
data-v-75c52e2f
]
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
-12px
;
transform
:
translateY
(
-50%
);
width
:
4px
;
height
:
4px
;
border-radius
:
50%
;
background
:
var
(
--l2-foreground
,
#1f1f1f
);
opacity
:
.5
}
.dark
.hint
[
data-active
=
false
][
data-v-75c52e2f
]
:before
{
background
:
var
(
--l2-foreground
,
#ffffff
)}
.kbd
[
data-v-75c52e2f
]
{
display
:
inline-flex
;
align-items
:
center
;
justify-content
:
center
;
min-width
:
20px
;
height
:
20px
;
padding
:
0
6px
;
background
:
var
(
--l3-background
,
#f0f0f0
);
color
:
var
(
--l2-foreground
,
#1f1f1f
);
border-radius
:
4px
;
font-family
:
monospace
;
font-size
:
11px
;
font-weight
:
600
;
border
:
1px
solid
var
(
--l2-border
,
#d9d9d9
);
box-shadow
:
0
1px
0
var
(
--l2-border
,
#d9d9d9
)}
.kbd.active
[
data-v-75c52e2f
]
{
background
:
var
(
--ring
,
#1890ff
);
border-color
:
var
(
--ring
,
#1890ff
);
color
:
#fff
;
box-shadow
:
none
}
.dark
.kbd
[
data-v-75c52e2f
]
{
background
:
var
(
--l3-background
,
#2a2a2a
);
color
:
var
(
--l2-foreground
,
#ffffff
);
border-color
:
var
(
--l2-border
,
#434343
);
box-shadow
:
0
1px
0
var
(
--l2-border
,
#434343
)}
.dark
.kbd.active
[
data-v-75c52e2f
]
{
background
:
var
(
--ring
,
#1890ff
);
border-color
:
var
(
--ring
,
#1890ff
);
color
:
#fff
;
box-shadow
:
none
}
.unpin-btn
[
data-v-75c52e2f
]
{
display
:
inline-flex
;
align-items
:
center
;
gap
:
4px
;
padding
:
4px
8px
;
font-size
:
10px
;
font-weight
:
500
;
color
:
var
(
--l2-foreground
,
#1f1f1f
);
background
:
transparent
;
border
:
1px
solid
var
(
--l2-border
,
#d9d9d9
);
border-radius
:
4px
;
cursor
:
pointer
;
transition
:
all
.2s
}
.unpin-btn
[
data-v-75c52e2f
]
:hover
{
background
:
var
(
--l2-muted
,
#f5f5f5
);
border-color
:
var
(
--ring
,
#1890ff
)}
.dark
.unpin-btn
[
data-v-75c52e2f
]
{
color
:
var
(
--l2-foreground
,
#ffffff
);
border-color
:
var
(
--l2-border
,
#434343
)}
.dark
.unpin-btn
[
data-v-75c52e2f
]
:hover
{
background
:
var
(
--l2-muted
,
#2a2a2a
);
border-color
:
var
(
--ring
,
#1890ff
)}
.tooltip-item
[
data-v-3b1d92d5
]
{
display
:
flex
;
align-items
:
center
;
gap
:
8px
;
padding
:
6px
;
opacity
:
.7
;
font-weight
:
400
}
.tooltip-item
[
data-is-active
=
true
][
data-v-3b1d92d5
]
{
opacity
:
1
;
font-weight
:
700
}
.tooltip-item-marker
[
data-v-3b1d92d5
]
{
border-radius
:
50%
;
border-style
:
solid
;
border-width
:
2px
;
width
:
12px
;
height
:
12px
;
box-sizing
:
border-box
;
flex-shrink
:
0
}
.tooltip-item-content
[
data-v-3b1d92d5
]
{
width
:
100%
;
display
:
flex
;
align-items
:
center
;
gap
:
8px
;
justify-content
:
space-between
}
.tooltip-item-label
[
data-v-3b1d92d5
]
{
white-space
:
normal
;
overflow-wrap
:
anywhere
}
.tooltip-item-separator
[
data-v-3b1d92d5
]
{
flex
:
1
;
border-width
:
.5px
;
border-style
:
dashed
;
min-width
:
24px
;
opacity
:
.5
}
.header-container
[
data-v-efb4cf97
]
{
display
:
flex
;
flex-direction
:
column
}
.header-row
[
data-v-efb4cf97
]
{
padding
:
8px
8px
0
;
font-size
:
12px
;
font-weight
:
500
;
display
:
flex
;
align-items
:
center
;
justify-content
:
space-between
;
gap
:
8px
}
.header-status
[
data-v-efb4cf97
]
{
display
:
flex
;
align-items
:
center
;
gap
:
4px
;
font-size
:
10px
;
font-weight
:
600
;
text-transform
:
uppercase
;
letter-spacing
:
.05em
;
color
:
var
(
--callout-primary-title
,
#1890ff
);
flex-shrink
:
0
}
.header-pinned-item
[
data-v-efb4cf97
]
{
padding
:
4px
}
.tooltip-list
[
data-v-fa17493a
]
{
width
:
100%
;
padding
:
4px
2px
4px
4px
;
box-sizing
:
border-box
}
.tooltip-list
[
data-v-fa17493a
]
::-webkit-scrollbar
{
width
:
.3rem
}
.tooltip-list
[
data-v-fa17493a
]
::-webkit-scrollbar-track
{
background
:
transparent
}
.tooltip-list
[
data-v-fa17493a
]
::-webkit-scrollbar-thumb
{
background
:
var
(
--bg-slate-100
,
#f1f5f9
);
border-radius
:
.5rem
}
.tooltip-container
[
data-v-4b92f289
]
{
font-family
:
Inter
,
system-ui
,
sans-serif
;
font-size
:
12px
;
background
:
var
(
--l2-background
,
#ffffff
);
color
:
var
(
--l2-foreground
,
#1f1f1f
);
border-radius
:
6px
;
border
:
1px
solid
var
(
--l2-border
,
#d9d9d9
);
display
:
flex
;
flex-direction
:
column
;
-webkit-font-smoothing
:
antialiased
;
width
:
max-content
;
min-width
:
220px
;
max-width
:
320px
}
.tooltip-container.pinned
[
data-v-4b92f289
]
{
border-color
:
var
(
--ring
,
#1890ff
)}
.tooltip-divider
[
data-v-4b92f289
]
{
display
:
block
;
width
:
100%
;
height
:
1px
;
background-color
:
var
(
--l2-border
,
#d9d9d9
)}
.dark
.tooltip-container
[
data-v-4b92f289
]
{
background
:
var
(
--l2-background
,
#1f1f1f
);
color
:
var
(
--l2-foreground
,
#ffffff
);
border-color
:
var
(
--l2-border
,
#434343
)}
.dark
.tooltip-container.pinned
[
data-v-4b92f289
]
{
border-color
:
var
(
--ring
,
#1890ff
)}
.dark
.tooltip-divider
[
data-v-4b92f289
]
{
background-color
:
var
(
--l2-border
,
#434343
)}
:root
{
--separator-border
:
rgba
(
128
,
128
,
128
,
.35
);
--sash-hover-transition-duration
:
.1s
}
._splitView_pzp7c_6
{
height
:
100%
;
overflow
:
hidden
;
position
:
relative
;
width
:
100%
}
._splitView_pzp7c_6
>
._sashContainer_pzp7c_13
{
height
:
100%
;
pointer-events
:
none
;
position
:
absolute
;
width
:
100%
}
._splitView_pzp7c_6
>
._sashContainer_pzp7c_13
>
._sash_pzp7c_13
{
pointer-events
:
auto
}
._splitView_pzp7c_6
>
._splitViewContainer_pzp7c_24
{
height
:
100%
;
position
:
relative
;
white-space
:
nowrap
;
width
:
100%
}
._splitView_pzp7c_6
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
{
overflow
:
hidden
;
position
:
absolute
;
white-space
:
initial
}
._splitView_pzp7c_6._vertical_pzp7c_37
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
{
width
:
100%
}
._splitView_pzp7c_6._horizontal_pzp7c_41
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
{
height
:
100%
}
._splitView_pzp7c_6._separatorBorder_pzp7c_45
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
:not
(
:first-child
)
:before
{
background-color
:
var
(
--separator-border
);
content
:
" "
;
left
:
0
;
pointer-events
:
none
;
position
:
absolute
;
top
:
0
;
z-index
:
5
}
._splitView_pzp7c_6._separatorBorder_pzp7c_45._vertical_pzp7c_37
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
:not
(
:first-child
)
:before
{
height
:
1px
;
width
:
100%
}
._splitView_pzp7c_6._separatorBorder_pzp7c_45._horizontal_pzp7c_41
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
:not
(
:first-child
)
:before
{
height
:
100%
;
width
:
1px
}
:root
{
--focus-border
:
#007fd4
;
--sash-size
:
8px
;
--sash-hover-size
:
4px
}
._sash_j5cmb_7
{
position
:
absolute
;
z-index
:
35
;
touch-action
:
none
;
pointer-events
:
auto
;
text-align
:
initial
}
._sash_j5cmb_7._disabled_j5cmb_15
{
pointer-events
:
none
}
._sash_j5cmb_7._mac_j5cmb_19._vertical_j5cmb_19
{
cursor
:
col-resize
}
._sash_j5cmb_7._vertical_j5cmb_19._minimum_j5cmb_23
{
cursor
:
e-resize
}
._sash_j5cmb_7._vertical_j5cmb_19._maximum_j5cmb_27
{
cursor
:
w-resize
}
._sash_j5cmb_7._mac_j5cmb_19._horizontal_j5cmb_31
{
cursor
:
row-resize
}
._sash_j5cmb_7._horizontal_j5cmb_31._minimum_j5cmb_23
{
cursor
:
s-resize
}
._sash_j5cmb_7._horizontal_j5cmb_31._maximum_j5cmb_27
{
cursor
:
n-resize
}
._sash_j5cmb_7._disabled_j5cmb_15
{
cursor
:
default
!important
;
pointer-events
:
none
!important
}
._sash_j5cmb_7._vertical_j5cmb_19
{
cursor
:
ew-resize
;
top
:
0
;
width
:
var
(
--sash-size
);
height
:
100%
}
._sash_j5cmb_7._horizontal_j5cmb_31
{
cursor
:
ns-resize
;
left
:
0
;
width
:
100%
;
height
:
var
(
--sash-size
)}
._sash_j5cmb_7
:not
(
._disabled_j5cmb_15
)>
._orthogonal-drag-handle_j5cmb_62
{
content
:
" "
;
height
:
calc
(
var
(
--sash-size
)
*
2
);
width
:
calc
(
var
(
--sash-size
)
*
2
);
z-index
:
100
;
display
:
block
;
cursor
:
all-scroll
;
position
:
absolute
}
._sash_j5cmb_7._horizontal_j5cmb_31._orthogonal-edge-north_j5cmb_72
:not
(
._disabled_j5cmb_15
)>
._orthogonal-drag-handle_j5cmb_62._start_j5cmb_73
,
._sash_j5cmb_7._horizontal_j5cmb_31._orthogonal-edge-south_j5cmb_74
:not
(
._disabled_j5cmb_15
)>
._orthogonal-drag-handle_j5cmb_62._end_j5cmb_75
{
cursor
:
nwse-resize
}
._sash_j5cmb_7._horizontal_j5cmb_31._orthogonal-edge-north_j5cmb_72
:not
(
._disabled_j5cmb_15
)>
._orthogonal-drag-handle_j5cmb_62._end_j5cmb_75
,
._sash_j5cmb_7._horizontal_j5cmb_31._orthogonal-edge-south_j5cmb_74
:not
(
._disabled_j5cmb_15
)>
._orthogonal-drag-handle_j5cmb_62._start_j5cmb_73
{
cursor
:
nesw-resize
}
._sash_j5cmb_7._vertical_j5cmb_19
>
._orthogonal-drag-handle_j5cmb_62._start_j5cmb_73
{
left
:
calc
(
var
(
--sash-size
)
*
-.5
);
top
:
calc
(
var
(
--sash-size
)
*
-1
)}
._sash_j5cmb_7._vertical_j5cmb_19
>
._orthogonal-drag-handle_j5cmb_62._end_j5cmb_75
{
left
:
calc
(
var
(
--sash-size
)
*
-.5
);
bottom
:
calc
(
var
(
--sash-size
)
*
-1
)}
._sash_j5cmb_7._horizontal_j5cmb_31
>
._orthogonal-drag-handle_j5cmb_62._start_j5cmb_73
{
top
:
calc
(
var
(
--sash-size
)
*
-.5
);
left
:
calc
(
var
(
--sash-size
)
*
-1
)}
._sash_j5cmb_7._horizontal_j5cmb_31
>
._orthogonal-drag-handle_j5cmb_62._end_j5cmb_75
{
top
:
calc
(
var
(
--sash-size
)
*
-.5
);
right
:
calc
(
var
(
--sash-size
)
*
-1
)}
._sash_j5cmb_7
:before
{
content
:
""
;
pointer-events
:
none
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
transition
:
background-color
var
(
--sash-hover-transition-duration
)
ease-out
;
background
:
transparent
}
._sash_j5cmb_7._vertical_j5cmb_19
:before
{
width
:
var
(
--sash-hover-size
);
left
:
calc
(
50%
-
(
var
(
--sash-hover-size
)
/
2
))}
._sash_j5cmb_7._horizontal_j5cmb_31
:before
{
height
:
var
(
--sash-hover-size
);
top
:
calc
(
50%
-
(
var
(
--sash-hover-size
)
/
2
))}
._sash_j5cmb_7._hover_j5cmb_126
:before
,
._sash_j5cmb_7._active_j5cmb_127
:before
{
background
:
var
(
--focus-border
)}
.panel-container
[
data-v-2c616ca4
]
{
transition
:
box-shadow
.2s
}
.panel-container
[
data-v-2c616ca4
]
:hover
{
box-shadow
:
0
2px
8px
#0000001
a
}
.log-viewer
[
data-v-22a0d40d
]
{
display
:
flex
;
flex-direction
:
column
;
background
:
var
(
--ant-color-bg-container
);
border
:
1px
solid
var
(
--ant-color-border
);
border-radius
:
6px
;
overflow
:
hidden
;
font-family
:
monospace
}
.log-toolbar
[
data-v-22a0d40d
]
{
display
:
flex
;
gap
:
8px
;
padding
:
8px
;
border-bottom
:
1px
solid
var
(
--ant-color-border
);
flex-shrink
:
0
}
.log-scroller
[
data-v-22a0d40d
]
{
flex
:
1
;
overflow-y
:
auto
}
.log-entry
[
data-v-22a0d40d
]
{
display
:
flex
;
gap
:
8px
;
padding
:
2px
8px
;
font-size
:
12px
;
line-height
:
18px
;
white-space
:
nowrap
}
.log-entry
[
data-v-22a0d40d
]
:hover
{
background
:
var
(
--ant-color-fill-quaternary
)}
.log-time
[
data-v-22a0d40d
]
{
color
:
var
(
--ant-color-text-secondary
);
flex-shrink
:
0
;
width
:
80px
}
.log-level
[
data-v-22a0d40d
]
{
flex-shrink
:
0
;
width
:
48px
;
font-weight
:
600
;
font-size
:
11px
}
.log-message
[
data-v-22a0d40d
]
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
color
:
var
(
--ant-color-text
)}
.log-empty
[
data-v-22a0d40d
]
{
padding
:
16px
;
text-align
:
center
;
color
:
var
(
--ant-color-text-secondary
);
font-size
:
12px
}
.service-topology
[
data-v-da85d863
]
{
position
:
relative
;
overflow
:
hidden
}
.topology-empty
[
data-v-da85d863
]
{
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
height
:
100%
;
color
:
var
(
--ant-color-text-secondary
);
font-size
:
12px
}
.topology-node
[
data-v-da85d863
]
{
cursor
:
pointer
}
.trace-waterfall
[
data-v-0212681c
]
{
width
:
100%
;
font-size
:
12px
;
overflow
:
auto
}
.trace-empty
[
data-v-0212681c
]
{
padding
:
16px
;
text-align
:
center
;
color
:
var
(
--ant-color-text-secondary
)}
.trace-header
[
data-v-0212681c
],
.trace-row
[
data-v-0212681c
]
{
display
:
flex
;
align-items
:
center
;
gap
:
8px
;
padding
:
3px
8px
;
border-bottom
:
1px
solid
var
(
--ant-color-border-secondary
)}
.trace-header
[
data-v-0212681c
]
{
font-weight
:
500
;
color
:
var
(
--ant-color-text-secondary
);
background
:
var
(
--ant-color-fill-quaternary
)}
.trace-name-col
[
data-v-0212681c
]
{
width
:
240px
;
flex-shrink
:
0
;
display
:
flex
;
flex-direction
:
column
;
overflow
:
hidden
}
.trace-service
[
data-v-0212681c
]
{
font-size
:
10px
;
color
:
var
(
--ant-color-text-secondary
);
white-space
:
nowrap
;
overflow
:
hidden
;
text-overflow
:
ellipsis
}
.trace-op
[
data-v-0212681c
]
{
white-space
:
nowrap
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
color
:
var
(
--ant-color-text
)}
.trace-bar-col
[
data-v-0212681c
]
{
flex
:
1
;
position
:
relative
;
height
:
16px
}
.trace-bar
[
data-v-0212681c
]
{
position
:
absolute
;
top
:
2px
;
height
:
12px
;
border-radius
:
2px
;
min-width
:
2px
;
opacity
:
.85
}
.trace-dur-col
[
data-v-0212681c
]
{
width
:
80px
;
flex-shrink
:
0
;
text-align
:
right
;
color
:
var
(
--ant-color-text-secondary
);
font-variant-numeric
:
tabular-nums
}
.kbd-key
[
data-v-94fb4749
]
{
display
:
inline-flex
;
align-items
:
center
;
justify-content
:
center
;
min-width
:
20px
;
height
:
20px
;
padding
:
0
6px
;
background
:
var
(
--ant-color-fill
);
color
:
var
(
--ant-color-text
);
border
:
1px
solid
var
(
--ant-color-border
);
border-radius
:
4px
;
font-family
:
monospace
;
font-size
:
11px
;
font-weight
:
600
;
box-shadow
:
0
1px
0
var
(
--ant-color-border
);
line-height
:
1
}
.panel-links-icon
[
data-v-6925a5a2
]
{
display
:
inline-flex
;
align-items
:
center
;
color
:
var
(
--ant-color-text-secondary
);
text-decoration
:
none
;
opacity
:
.7
;
transition
:
opacity
.15s
}
.panel-links-icon
[
data-v-6925a5a2
]
:hover
{
opacity
:
1
;
color
:
var
(
--ant-color-primary
)}
.viz-picker
[
data-v-1d0d144f
]
{
padding
:
12px
}
.viz-picker-title
[
data-v-1d0d144f
]
{
font-size
:
12px
;
font-weight
:
500
;
color
:
var
(
--ant-color-text-secondary
);
margin-bottom
:
8px
;
text-transform
:
uppercase
;
letter-spacing
:
.05em
}
.viz-picker-grid
[
data-v-1d0d144f
]
{
display
:
grid
;
grid-template-columns
:
repeat
(
auto-fill
,
minmax
(
72px
,
1
fr
));
gap
:
6px
}
.viz-picker-item
[
data-v-1d0d144f
]
{
display
:
flex
;
flex-direction
:
column
;
align-items
:
center
;
gap
:
4px
;
padding
:
8px
4px
;
border
:
1px
solid
var
(
--ant-color-border
);
border-radius
:
6px
;
background
:
transparent
;
cursor
:
pointer
;
transition
:
all
.15s
;
color
:
var
(
--ant-color-text
)}
.viz-picker-item
[
data-v-1d0d144f
]
:hover
,
.viz-picker-item--active
[
data-v-1d0d144f
]
{
border-color
:
var
(
--ant-color-primary
);
background
:
var
(
--ant-color-primary-bg
);
color
:
var
(
--ant-color-primary
)}
.viz-picker-icon
[
data-v-1d0d144f
]
{
font-size
:
20px
}
.viz-picker-label
[
data-v-1d0d144f
]
{
font-size
:
11px
;
white-space
:
nowrap
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
max-width
:
100%
}
*,
:before
,
:after
{
--un-rotate
:
0
;
--un-rotate-x
:
0
;
--un-rotate-y
:
0
;
--un-rotate-z
:
0
;
--un-scale-x
:
1
;
--un-scale-y
:
1
;
--un-scale-z
:
1
;
--un-skew-x
:
0
;
--un-skew-y
:
0
;
--un-translate-x
:
0
;
--un-translate-y
:
0
;
--un-translate-z
:
0
;
--un-pan-x
:
;
--un-pan-y
:
;
--un-pinch-zoom
:
;
--un-scroll-snap-strictness
:
proximity
;
--un-ordinal
:
;
--un-slashed-zero
:
;
--un-numeric-figure
:
;
--un-numeric-spacing
:
;
--un-numeric-fraction
:
;
--un-border-spacing-x
:
0
;
--un-border-spacing-y
:
0
;
--un-ring-offset-shadow
:
0
0
rgb
(
0
0
0
/
0
);
--un-ring-shadow
:
0
0
rgb
(
0
0
0
/
0
);
--un-shadow-inset
:
;
--un-shadow
:
0
0
rgb
(
0
0
0
/
0
);
--un-ring-inset
:
;
--un-ring-offset-width
:
0px
;
--un-ring-offset-color
:
#fff
;
--un-ring-width
:
0px
;
--un-ring-color
:
rgb
(
147
197
253
/
.5
);
--un-blur
:
;
--un-brightness
:
;
--un-contrast
:
;
--un-drop-shadow
:
;
--un-grayscale
:
;
--un-hue-rotate
:
;
--un-invert
:
;
--un-saturate
:
;
--un-sepia
:
;
--un-backdrop-blur
:
;
--un-backdrop-brightness
:
;
--un-backdrop-contrast
:
;
--un-backdrop-grayscale
:
;
--un-backdrop-hue-rotate
:
;
--un-backdrop-invert
:
;
--un-backdrop-opacity
:
;
--un-backdrop-saturate
:
;
--un-backdrop-sepia
:
}
::backdrop
{
--un-rotate
:
0
;
--un-rotate-x
:
0
;
--un-rotate-y
:
0
;
--un-rotate-z
:
0
;
--un-scale-x
:
1
;
--un-scale-y
:
1
;
--un-scale-z
:
1
;
--un-skew-x
:
0
;
--un-skew-y
:
0
;
--un-translate-x
:
0
;
--un-translate-y
:
0
;
--un-translate-z
:
0
;
--un-pan-x
:
;
--un-pan-y
:
;
--un-pinch-zoom
:
;
--un-scroll-snap-strictness
:
proximity
;
--un-ordinal
:
;
--un-slashed-zero
:
;
--un-numeric-figure
:
;
--un-numeric-spacing
:
;
--un-numeric-fraction
:
;
--un-border-spacing-x
:
0
;
--un-border-spacing-y
:
0
;
--un-ring-offset-shadow
:
0
0
rgb
(
0
0
0
/
0
);
--un-ring-shadow
:
0
0
rgb
(
0
0
0
/
0
);
--un-shadow-inset
:
;
--un-shadow
:
0
0
rgb
(
0
0
0
/
0
);
--un-ring-inset
:
;
--un-ring-offset-width
:
0px
;
--un-ring-offset-color
:
#fff
;
--un-ring-width
:
0px
;
--un-ring-color
:
rgb
(
147
197
253
/
.5
);
--un-blur
:
;
--un-brightness
:
;
--un-contrast
:
;
--un-drop-shadow
:
;
--un-grayscale
:
;
--un-hue-rotate
:
;
--un-invert
:
;
--un-saturate
:
;
--un-sepia
:
;
--un-backdrop-blur
:
;
--un-backdrop-brightness
:
;
--un-backdrop-contrast
:
;
--un-backdrop-grayscale
:
;
--un-backdrop-hue-rotate
:
;
--un-backdrop-invert
:
;
--un-backdrop-opacity
:
;
--un-backdrop-saturate
:
;
--un-backdrop-sepia
:
}
[
data-theme
=
dark
]
{
color-scheme
:
dark
}
[
data-theme
=
light
]
{
color-scheme
:
light
}
.container
,[
container
=
""
]
{
width
:
100%
}
.flex-center
{
display
:
flex
;
align-items
:
center
;
justify-content
:
center
}
.dark
.text-primary
{
--un-text-opacity
:
1
;
color
:
rgb
(
217
217
217
/
var
(
--un-text-opacity
))}
.text-primary
{
--un-text-opacity
:
1
;
color
:
rgb
(
20
20
20
/
var
(
--un-text-opacity
))}
.dark
.text-secondary
{
--un-text-opacity
:
1
;
color
:
rgb
(
153
153
153
/
var
(
--un-text-opacity
))}
.text-secondary
{
--un-text-opacity
:
1
;
color
:
rgb
(
102
102
102
/
var
(
--un-text-opacity
))}
@media
(
min-width
:
640px
){
.container
,[
container
=
""
]
{
max-width
:
640px
}}
@media
(
min-width
:
768px
){
.container
,[
container
=
""
]
{
max-width
:
768px
}}
@media
(
min-width
:
1024px
){
.container
,[
container
=
""
]
{
max-width
:
1024px
}}
@media
(
min-width
:
1280px
){
.container
,[
container
=
""
]
{
max-width
:
1280px
}}
@media
(
min-width
:
1536px
){
.container
,[
container
=
""
]
{
max-width
:
1536px
}}
.pointer-events-none
{
pointer-events
:
none
}
.visible
,[
visible
=
""
]
{
visibility
:
visible
}
.absolute
,[
absolute
=
""
]
{
position
:
absolute
}
.fixed
,[
fixed
=
""
]
{
position
:
fixed
}
.relative
{
position
:
relative
}
.sticky
{
position
:
sticky
}
.inset-0
{
inset
:
0
}
.top-0
{
top
:
0
}
[
bottom
~=
"0.35"
]
{
bottom
:
.0875rem
}
.z-10
{
z-index
:
10
}
.z-50
{
z-index
:
50
}
.grid
,[
grid
=
""
]
{
display
:
grid
}
.grid-cols-2
{
grid-template-columns
:
repeat
(
2
,
minmax
(
0
,
1
fr
))}
[
rows
~=
"4"
]
{
grid-template-rows
:
repeat
(
4
,
minmax
(
0
,
1
fr
))}
.my-1
{
margin-top
:
.25rem
;
margin-bottom
:
.25rem
}
.my-4
{
margin-top
:
1rem
;
margin-bottom
:
1rem
}
.mb-0
{
margin-bottom
:
0
}
.mb-1
{
margin-bottom
:
.25rem
}
.mb-2
{
margin-bottom
:
.5rem
}
.mb-3
{
margin-bottom
:
.75rem
}
.mb-4
{
margin-bottom
:
1rem
}
.ml-1
{
margin-left
:
.25rem
}
.ml-2
{
margin-left
:
.5rem
}
.ml-auto
{
margin-left
:
auto
}
.mr-0
\
.5
{
margin-right
:
.125rem
}
.mr-1
{
margin-right
:
.25rem
}
.mr-2
{
margin-right
:
.5rem
}
.mr-3
{
margin-right
:
.75rem
}
.ms
{
margin-inline-start
:
1rem
}
.mt-1
{
margin-top
:
.25rem
}
.mt-2
{
margin-top
:
.5rem
}
.mt-3
{
margin-top
:
.75rem
}
.mt-4
{
margin-top
:
1rem
}
.inline
,[
inline
=
""
]
{
display
:
inline
}
.block
,[
block
=
""
]
{
display
:
block
}
.inline-block
{
display
:
inline-block
}
.hidden
,[
hidden
=
""
]
{
display
:
none
}
.h-2
{
height
:
.5rem
}
.h-32px
{
height
:
32px
}
.h-64
{
height
:
16rem
}
.h-7
{
height
:
1.75rem
}
.h-full
,[
h-full
=
""
]
{
height
:
100%
}
.h1
{
height
:
.25rem
}
.min-h-0
{
min-height
:
0
}
.min-h-screen
{
min-height
:
100vh
}
.min-w-0
{
min-width
:
0
}
.w-2
{
width
:
.5rem
}
.w-45
{
width
:
11.25rem
}
.w-7
{
width
:
1.75rem
}
.w-full
,[
w-full
=
""
]
{
width
:
100%
}
.flex
{
display
:
flex
}
.inline-flex
{
display
:
inline-flex
}
.flex-1
{
flex
:
1
1
0%
}
.flex-shrink
{
flex-shrink
:
1
}
.flex-shrink-0
{
flex-shrink
:
0
}
.flex-row
{
flex-direction
:
row
}
.flex-col
{
flex-direction
:
column
}
.flex-wrap
{
flex-wrap
:
wrap
}
.table
,[
table
=
""
]
{
display
:
table
}
.border-collapse
{
border-collapse
:
collapse
}
.transform
{
transform
:
translate
(
var
(
--un-translate-x
))
translateY
(
var
(
--un-translate-y
))
translateZ
(
var
(
--un-translate-z
))
rotate
(
var
(
--un-rotate
))
rotateX
(
var
(
--un-rotate-x
))
rotateY
(
var
(
--un-rotate-y
))
rotate
(
var
(
--un-rotate-z
))
skew
(
var
(
--un-skew-x
))
skewY
(
var
(
--un-skew-y
))
scaleX
(
var
(
--un-scale-x
))
scaleY
(
var
(
--un-scale-y
))
scaleZ
(
var
(
--un-scale-z
))}
.cursor-pointer
{
cursor
:
pointer
}
.cursor-grab
{
cursor
:
grab
}
.select-none
{
-webkit-user-select
:
none
;
user-select
:
none
}
.resize
{
resize
:
both
}
.items-center
{
align-items
:
center
}
.justify-end
{
justify-content
:
flex-end
}
.justify-center
{
justify-content
:
center
}
.justify-between
{
justify-content
:
space-between
}
.gap-0
{
gap
:
0
}
.gap-0
\
.5
{
gap
:
.125rem
}
.gap-1
{
gap
:
.25rem
}
.gap-1
\
.5
{
gap
:
.375rem
}
.gap-10px
{
gap
:
10px
}
.gap-2
{
gap
:
.5rem
}
.gap-3
{
gap
:
.75rem
}
.gapPx
,[
gapPx
=
""
]
{
gap
:
undefinedPx
}
.gap-x-4
{
column-gap
:
1rem
}
.overflow-auto
{
overflow
:
auto
}
.overflow-hidden
{
overflow
:
hidden
}
.overflow-y-auto
{
overflow-y
:
auto
}
.truncate
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
.text-ellipsis
{
text-overflow
:
ellipsis
}
.whitespace-nowrap
{
white-space
:
nowrap
}
.b
,
.border
,[
b
=
""
]
{
border-width
:
1px
}
.border-b
{
border-bottom-width
:
1px
}
.border-l-3
{
border-left-width
:
3px
}
.border-t
{
border-top-width
:
1px
}
.border-
\
[
\
#e8e8e8
\
]
{
--un-border-opacity
:
1
;
border-color
:
rgb
(
232
232
232
/
var
(
--un-border-opacity
))}
.border-gray-300
{
--un-border-opacity
:
1
;
border-color
:
rgb
(
209
213
219
/
var
(
--un-border-opacity
))}
.border-primary
{
--un-border-opacity
:
1
;
border-color
:
rgb
(
22
119
255
/
var
(
--un-border-opacity
))}
.border-transparent
{
border-color
:
transparent
}
.dark
.dark
\
:border-
\
[
\
#303030
\
]
{
--un-border-opacity
:
1
;
border-color
:
rgb
(
48
48
48
/
var
(
--un-border-opacity
))}
.rounded
,[
rd
=
""
]
{
border-radius
:
.25rem
}
.rounded-lg
{
border-radius
:
.5rem
}
.rounded-sm
{
border-radius
:
.125rem
}
.bg-blue-50
{
--un-bg-opacity
:
1
;
background-color
:
rgb
(
239
246
255
/
var
(
--un-bg-opacity
))}
.bg-primary
\
/
10
{
background-color
:
#1677ff1
a
}
.bg-white
{
--un-bg-opacity
:
1
;
background-color
:
rgb
(
255
255
255
/
var
(
--un-bg-opacity
))}
.dark
.dark
\
:bg-
\
[
\
#1f1f1f
\
]
{
--un-bg-opacity
:
1
;
background-color
:
rgb
(
31
31
31
/
var
(
--un-bg-opacity
))}
.dark
.dark
\
:bg-blue-900
\
/
30
{
background-color
:
#1e3a8a4
d
}
[
color-scheme
~=
colorScheme
]
{
color-scheme
:
colorScheme
}
[
fill-opacity
~=
"0.15"
]
{
--un-fill-opacity
:
.0015
}
[
fill-opacity
~=
"80"
]
{
--un-fill-opacity
:
.8
}
[
stroke-width
~=
"1.5"
]
{
stroke-width
:
1.5px
}
[
stroke-width
~=
"2"
]
{
stroke-width
:
2px
}
.p-
\
[
2px_4px
\
]
{
padding
:
2px
4px
}
.p-0
\
!
{
padding
:
0
!important
}
.p-1
,
.p1
,[
p1
=
""
]
{
padding
:
.25rem
}
.p-2
{
padding
:
.5rem
}
.p0
,[
p0
=
""
]
{
padding
:
0
}
.p50
{
padding
:
12.5rem
}
.p75
{
padding
:
18.75rem
}
.p90
{
padding
:
22.5rem
}
.p95
{
padding
:
23.75rem
}
.p99
{
padding
:
24.75rem
}
.px
,
.px-4
,[
px
=
""
]
{
padding-left
:
1rem
;
padding-right
:
1rem
}
.px-1
,[
px
~=
"1"
]
{
padding-left
:
.25rem
;
padding-right
:
.25rem
}
.px-1
\
.5
{
padding-left
:
.375rem
;
padding-right
:
.375rem
}
.px-2
{
padding-left
:
.5rem
;
padding-right
:
.5rem
}
.px-2
\
.5
{
padding-left
:
.625rem
;
padding-right
:
.625rem
}
.px-3
{
padding-left
:
.75rem
;
padding-right
:
.75rem
}
.px-5
{
padding-left
:
1.25rem
;
padding-right
:
1.25rem
}
.py-0
\
.5
{
padding-top
:
.125rem
;
padding-bottom
:
.125rem
}
.py-1
{
padding-top
:
.25rem
;
padding-bottom
:
.25rem
}
.py-1
\
.5
{
padding-top
:
.375rem
;
padding-bottom
:
.375rem
}
.py-2
{
padding-top
:
.5rem
;
padding-bottom
:
.5rem
}
.py-3
{
padding-top
:
.75rem
;
padding-bottom
:
.75rem
}
.py-4
{
padding-top
:
1rem
;
padding-bottom
:
1rem
}
.py-8
{
padding-top
:
2rem
;
padding-bottom
:
2rem
}
[
px
~=
"0.35"
]
{
padding-left
:
.0875rem
;
padding-right
:
.0875rem
}
[
px
~=
"1px"
]
{
padding-left
:
1px
;
padding-right
:
1px
}
.pb
{
padding-bottom
:
1rem
}
.pb-0
{
padding-bottom
:
0
}
.pt-1
\
.5
{
padding-top
:
.375rem
}
.pt-2
{
padding-top
:
.5rem
}
.pie
,[
pie
=
""
]
{
padding-inline-end
:
1rem
}
.text-center
{
text-align
:
center
}
.text-12px
{
font-size
:
12px
}
.text-16px
{
font-size
:
16px
}
.text-2xl
{
font-size
:
1.5rem
;
line-height
:
2rem
}
.text-4xl
{
font-size
:
2.25rem
;
line-height
:
2.5rem
}
.text-7
{
font-size
:
1.75rem
}
.text-base
{
font-size
:
1rem
;
line-height
:
1.5rem
}
.text-sm
{
font-size
:
.875rem
;
line-height
:
1.25rem
}
.text-xs
{
font-size
:
.75rem
;
line-height
:
1rem
}
[
font-size
~=
"10"
]
{
font-size
:
2.5rem
}
[
font-size
~=
"11"
]
{
font-size
:
2.75rem
}
[
font-size
~=
"9"
]
{
font-size
:
2.25rem
}
.dark
.dark
\
:text-
\
[
\
#666
\
],
.text-
\
[
\
#666
\
]
{
--un-text-opacity
:
1
;
color
:
rgb
(
102
102
102
/
var
(
--un-text-opacity
))}
.dark
.dark
\
:text-
\
[
\
#d9d9d9
\
]
{
--un-text-opacity
:
1
;
color
:
rgb
(
217
217
217
/
var
(
--un-text-opacity
))}
.text-
\
[
\
#141414
\
]
{
--un-text-opacity
:
1
;
color
:
rgb
(
20
20
20
/
var
(
--un-text-opacity
))}
.text-
\
[
\
#444
\
]
{
--un-text-opacity
:
1
;
color
:
rgb
(
68
68
68
/
var
(
--un-text-opacity
))}
.text-blue
,[
color
~=
blue
]
{
--un-text-opacity
:
1
;
color
:
rgb
(
96
165
250
/
var
(
--un-text-opacity
))}
.text-gray-400
{
--un-text-opacity
:
1
;
color
:
rgb
(
156
163
175
/
var
(
--un-text-opacity
))}
.text-green
{
--un-text-opacity
:
1
;
color
:
rgb
(
74
222
128
/
var
(
--un-text-opacity
))}
.text-red-500
{
--un-text-opacity
:
1
;
color
:
rgb
(
239
68
68
/
var
(
--un-text-opacity
))}
.text-yellow
{
--un-text-opacity
:
1
;
color
:
rgb
(
250
204
21
/
var
(
--un-text-opacity
))}
[
color
~=
cyan
]
{
--un-text-opacity
:
1
;
color
:
rgb
(
34
211
238
/
var
(
--un-text-opacity
))}
[
color
~=
purple
]
{
--un-text-opacity
:
1
;
color
:
rgb
(
192
132
252
/
var
(
--un-text-opacity
))}
[
color
~=
red
]
{
--un-text-opacity
:
1
;
color
:
rgb
(
248
113
113
/
var
(
--un-text-opacity
))}
.font-medium
{
font-weight
:
500
}
.font-semibold
{
font-weight
:
600
}
.lh-1
{
line-height
:
.25rem
}
.font-mono
{
font-family
:
ui-monospace
,
SFMono-Regular
,
Menlo
,
Monaco
,
Consolas
,
Liberation
Mono
,
Courier
New
,
monospace
}
.uppercase
{
text-transform
:
uppercase
}
.tabular-nums
{
--un-numeric-spacing
:
tabular-nums
;
font-variant-numeric
:
var
(
--un-ordinal
)
var
(
--un-slashed-zero
)
var
(
--un-numeric-figure
)
var
(
--un-numeric-spacing
)
var
(
--un-numeric-fraction
)}
.line-through
{
text-decoration-line
:
line-through
}
.underline
{
text-decoration-line
:
underline
}
.antialiased
{
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
.tab
{
-moz-tab-size
:
4
;
-o-tab-size
:
4
;
tab-size
:
4
}
.text-shadow
{
--un-text-shadow
:
0
0
1px
var
(
--un-text-shadow-color
,
rgb
(
0
0
0
/
.2
)),
0
0
1px
var
(
--un-text-shadow-color
,
rgb
(
1
0
5
/
.1
));
text-shadow
:
var
(
--un-text-shadow
)}
.opacity-50
{
opacity
:
.5
}
[
opacity
~=
"0.6"
]
{
opacity
:
.006
}
[
opacity
~=
"1"
]
{
opacity
:
.01
}
.hover
\
:op-90:hover
{
opacity
:
.9
}
.active
\
:op-80:active
{
opacity
:
.8
}
.shadow-lg
{
--un-shadow
:
var
(
--un-shadow-inset
)
0
10px
15px
-3px
var
(
--un-shadow-color
,
rgb
(
0
0
0
/
.1
)),
var
(
--un-shadow-inset
)
0
4px
6px
-4px
var
(
--un-shadow-color
,
rgb
(
0
0
0
/
.1
));
box-shadow
:
var
(
--un-ring-offset-shadow
),
var
(
--un-ring-shadow
),
var
(
--un-shadow
)}
.filter
,[
filter
=
""
]
{
filter
:
var
(
--un-blur
)
var
(
--un-brightness
)
var
(
--un-contrast
)
var
(
--un-drop-shadow
)
var
(
--un-grayscale
)
var
(
--un-hue-rotate
)
var
(
--un-invert
)
var
(
--un-saturate
)
var
(
--un-sepia
)}
.backdrop-filter
{
-webkit-backdrop-filter
:
var
(
--un-backdrop-blur
)
var
(
--un-backdrop-brightness
)
var
(
--un-backdrop-contrast
)
var
(
--un-backdrop-grayscale
)
var
(
--un-backdrop-hue-rotate
)
var
(
--un-backdrop-invert
)
var
(
--un-backdrop-opacity
)
var
(
--un-backdrop-saturate
)
var
(
--un-backdrop-sepia
);
backdrop-filter
:
var
(
--un-backdrop-blur
)
var
(
--un-backdrop-brightness
)
var
(
--un-backdrop-contrast
)
var
(
--un-backdrop-grayscale
)
var
(
--un-backdrop-hue-rotate
)
var
(
--un-backdrop-invert
)
var
(
--un-backdrop-opacity
)
var
(
--un-backdrop-saturate
)
var
(
--un-backdrop-sepia
)}
.transition
{
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.15s
}
.transition-all
{
transition-property
:
all
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.15s
}
.transition-colors
{
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.15s
}
.ease
{
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
)}
.override-rule
[
data-v-2396374b
]
{
border
:
1px
solid
var
(
--ant-color-border
);
border-radius
:
6px
;
padding
:
8px
;
display
:
flex
;
flex-direction
:
column
;
gap
:
6px
}
.override-rule-header
[
data-v-2396374b
]
{
display
:
flex
;
align-items
:
center
;
gap
:
6px
}
.override-props
[
data-v-2396374b
]
{
padding-left
:
8px
;
display
:
flex
;
flex-direction
:
column
;
gap
:
4px
}
.override-prop-row
[
data-v-2396374b
]
{
display
:
flex
;
align-items
:
center
;
gap
:
6px
}
.legend-search-container
[
data-v-85a1707f
]
{
flex-shrink
:
0
;
width
:
100%
;
padding-right
:
8px
}
.legend-search-input
[
data-v-85a1707f
]
{
width
:
100%
;
font-size
:
12px
;
padding
:
6px
12px
;
border
:
1px
solid
var
(
--l2-border
,
#d9d9d9
);
border-radius
:
4px
;
background
:
var
(
--l1-background
,
#ffffff
);
color
:
var
(
--l2-foreground
,
#1f1f1f
);
box-sizing
:
border-box
}
.legend-container
[
data-v-85a1707f
]
{
display
:
flex
;
flex-direction
:
column
;
align-items
:
center
;
gap
:
12px
;
height
:
100%
;
width
:
100%
}
.legend-container-bottom
[
data-v-85a1707f
]
{
height
:
auto
}
.legend-container
:has
(
.legend-item-focused
)
.legend-item
[
data-v-85a1707f
]
{
opacity
:
.3
}
.legend-container
:has
(
.legend-item-focused
)
.legend-item.legend-item-focused
[
data-v-85a1707f
]
{
opacity
:
1
}
.legend-empty-state
[
data-v-85a1707f
]
{
font-size
:
12px
;
color
:
var
(
--l2-foreground
);
text-align
:
center
;
padding
:
2rem
0
}
.legend-virtuoso-container
[
data-v-85a1707f
]
{
height
:
100%
;
width
:
100%
}
.legend-virtuoso-container-bottom
[
data-v-85a1707f
]
{
height
:
auto
}
.virtuoso-grid-list
[
data-v-85a1707f
]
{
min-width
:
0
;
display
:
grid
;
grid-auto-flow
:
row
;
grid-template-columns
:
repeat
(
auto-fill
,
minmax
(
var
(
--legend-average-width
,
240px
),
1
fr
));
row-gap
:
4px
;
column-gap
:
12px
}
.virtuoso-grid-item
[
data-v-85a1707f
]
{
min-width
:
0
}
.legend-virtuoso-container-right
.virtuoso-grid-list
[
data-v-85a1707f
]
{
grid-template-columns
:
1
fr
}
.legend-virtuoso-container-single-row
.virtuoso-grid-list
[
data-v-85a1707f
]
{
grid-template-columns
:
repeat
(
auto-fit
,
minmax
(
var
(
--legend-average-width
,
240px
),
max-content
));
justify-content
:
center
}
.legend-virtuoso-container
[
data-v-85a1707f
]
::-webkit-scrollbar
{
width
:
.3rem
}
.legend-virtuoso-container
[
data-v-85a1707f
]
::-webkit-scrollbar-track
{
background
:
transparent
}
.legend-virtuoso-container
[
data-v-85a1707f
]
::-webkit-scrollbar-thumb
{
background
:
var
(
--l3-background
,
#f1f5f9
);
border-radius
:
.5rem
}
.legend-item
[
data-v-85a1707f
]
{
display
:
flex
;
align-items
:
center
;
gap
:
6px
;
padding
:
4px
8px
;
max-width
:
100%
;
overflow
:
hidden
;
border-radius
:
4px
;
cursor
:
pointer
}
.legend-item-right
[
data-v-85a1707f
]
{
width
:
100%
}
.legend-item-off
[
data-v-85a1707f
]
{
opacity
:
.3
;
text-decoration
:
line-through
;
text-decoration-thickness
:
1px
}
.legend-item-focused
[
data-v-85a1707f
]
{
opacity
:
1
}
.legend-item-label-trigger
[
data-v-85a1707f
]
{
display
:
flex
;
align-items
:
center
;
gap
:
6px
;
flex
:
1
;
min-width
:
0
;
cursor
:
pointer
}
.legend-marker
[
data-v-85a1707f
]
{
border-width
:
2px
;
border-style
:
solid
;
border-radius
:
50%
;
min-width
:
11px
;
min-height
:
11px
;
width
:
11px
;
height
:
11px
;
flex-shrink
:
0
;
cursor
:
pointer
;
transition
:
transform
.2s
ease
;
position
:
relative
}
.legend-marker
[
data-v-85a1707f
]
:hover
{
transform
:
scale
(
1.2
);
box-shadow
:
0
0
0
2px
#ffffff4
d
}
.legend-marker
[
data-v-85a1707f
]
:active
{
transform
:
scale
(
.9
)}
.legend-label
[
data-v-85a1707f
]
{
flex
:
1
;
font-size
:
12px
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
min-width
:
0
;
user-select
:
none
}
.legend-copy-button
[
data-v-85a1707f
]
{
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
flex-shrink
:
0
;
padding
:
2px
;
margin
:
0
;
border
:
none
;
color
:
var
(
--l2-foreground
);
cursor
:
pointer
;
border-radius
:
4px
;
visibility
:
hidden
;
opacity
:
0
;
transition
:
opacity
.15s
ease
,
color
.15s
ease
;
background
:
transparent
}
.legend-copy-button
[
data-v-85a1707f
]
:hover
{
color
:
var
(
--l1-foreground
)}
.legend-item
[
data-v-85a1707f
]
:hover
{
background
:
color-mix
(
in
srgb
,
var
(
--l1-foreground
)
5%
,
transparent
)}
.legend-item
:hover
.legend-copy-button
[
data-v-85a1707f
]
{
visibility
:
visible
;
opacity
:
1
}
.legend-item-values
[
data-v-85a1707f
]
{
display
:
inline-flex
;
flex-wrap
:
wrap
;
gap
:
6px
;
margin-left
:
4px
;
flex-shrink
:
0
}
.legend-item-value-badge
[
data-v-85a1707f
]
{
display
:
inline-flex
;
align-items
:
center
;
gap
:
2px
;
font-size
:
11px
;
white-space
:
nowrap
}
.legend-item-value-key
[
data-v-85a1707f
]
{
color
:
var
(
--l3-foreground
,
#888
)}
.legend-item-value-num
[
data-v-85a1707f
]
{
color
:
var
(
--l2-foreground
);
font-variant-numeric
:
tabular-nums
}
.legend-table-mode
[
data-v-85a1707f
]
{
overflow
:
auto
}
.legend-table-wrap
[
data-v-85a1707f
]
{
width
:
100%
;
overflow
:
auto
}
.legend-table
[
data-v-85a1707f
]
{
width
:
100%
;
border-collapse
:
collapse
;
font-size
:
12px
;
table-layout
:
auto
}
.legend-table-th
[
data-v-85a1707f
]
{
padding
:
3px
8px
;
text-align
:
left
;
font-weight
:
500
;
font-size
:
11px
;
color
:
var
(
--l3-foreground
,
#888
);
border-bottom
:
1px
solid
var
(
--l2-border
,
rgba
(
255
,
255
,
255
,
.08
));
white-space
:
nowrap
}
.legend-table-th.legend-table-val-col
[
data-v-85a1707f
]
{
text-align
:
right
}
.legend-table-row
[
data-v-85a1707f
]
{
cursor
:
pointer
}
.legend-table-row
[
data-v-85a1707f
]
:hover
{
background
:
color-mix
(
in
srgb
,
var
(
--l1-foreground
,
#d9d9d9
)
5%
,
transparent
)}
.legend-table-row.legend-item-off
[
data-v-85a1707f
]
{
opacity
:
.3
;
text-decoration
:
line-through
;
text-decoration-thickness
:
1px
}
.legend-table-row.legend-item-focused
[
data-v-85a1707f
]
{
opacity
:
1
}
.legend-table-td
[
data-v-85a1707f
]
{
padding
:
3px
8px
;
font-variant-numeric
:
tabular-nums
}
.legend-table-td.legend-table-name-col
.legend-item-label-trigger
[
data-v-85a1707f
]
{
display
:
flex
;
align-items
:
center
;
gap
:
6px
;
min-width
:
0
}
.legend-table-td.legend-table-name-col
.legend-label
[
data-v-85a1707f
]
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
min-width
:
0
}
.legend-table-td.legend-table-val-col
[
data-v-85a1707f
]
{
text-align
:
right
;
color
:
var
(
--l2-foreground
);
white-space
:
nowrap
}
.legend-table-name-col
[
data-v-85a1707f
]
{
max-width
:
240px
}
.dark
.legend-search-input
[
data-v-85a1707f
]
{
background
:
var
(
--l1-background
,
#141414
);
color
:
var
(
--l2-foreground
,
#ffffff
);
border-color
:
var
(
--l2-border
,
#434343
)}
.dark
.legend-marker
[
data-v-85a1707f
]
:hover
{
box-shadow
:
0
0
0
2px
#0000004
d
}
.footer
[
data-v-75c52e2f
]
{
display
:
flex
;
align-items
:
center
;
justify-content
:
space-between
;
gap
:
10px
;
padding
:
7px
12px
;
border-top
:
1px
dashed
var
(
--l2-border
,
#d9d9d9
);
background
:
var
(
--l1-background
,
#ffffff
);
border-radius
:
0
0
6px
6px
}
.dark
.footer
[
data-v-75c52e2f
]
{
background
:
var
(
--l1-background
,
#141414
);
border-top-color
:
var
(
--l2-border
,
#434343
)}
.hint-list
[
data-v-75c52e2f
]
{
display
:
flex
;
flex-direction
:
column
;
gap
:
4px
;
padding
:
2px
8px
;
margin
:
0
}
.hint
[
data-v-75c52e2f
]
{
display
:
flex
;
align-items
:
center
;
gap
:
5px
;
font-size
:
11px
;
color
:
var
(
--l2-foreground
,
#1f1f1f
);
position
:
relative
}
.dark
.hint
[
data-v-75c52e2f
]
{
color
:
var
(
--l2-foreground
,
#ffffff
)}
.hint
[
data-active
=
false
][
data-v-75c52e2f
]
:before
{
content
:
""
;
position
:
absolute
;
top
:
50%
;
left
:
-12px
;
transform
:
translateY
(
-50%
);
width
:
4px
;
height
:
4px
;
border-radius
:
50%
;
background
:
var
(
--l2-foreground
,
#1f1f1f
);
opacity
:
.5
}
.dark
.hint
[
data-active
=
false
][
data-v-75c52e2f
]
:before
{
background
:
var
(
--l2-foreground
,
#ffffff
)}
.kbd
[
data-v-75c52e2f
]
{
display
:
inline-flex
;
align-items
:
center
;
justify-content
:
center
;
min-width
:
20px
;
height
:
20px
;
padding
:
0
6px
;
background
:
var
(
--l3-background
,
#f0f0f0
);
color
:
var
(
--l2-foreground
,
#1f1f1f
);
border-radius
:
4px
;
font-family
:
monospace
;
font-size
:
11px
;
font-weight
:
600
;
border
:
1px
solid
var
(
--l2-border
,
#d9d9d9
);
box-shadow
:
0
1px
0
var
(
--l2-border
,
#d9d9d9
)}
.kbd.active
[
data-v-75c52e2f
]
{
background
:
var
(
--ring
,
#1890ff
);
border-color
:
var
(
--ring
,
#1890ff
);
color
:
#fff
;
box-shadow
:
none
}
.dark
.kbd
[
data-v-75c52e2f
]
{
background
:
var
(
--l3-background
,
#2a2a2a
);
color
:
var
(
--l2-foreground
,
#ffffff
);
border-color
:
var
(
--l2-border
,
#434343
);
box-shadow
:
0
1px
0
var
(
--l2-border
,
#434343
)}
.dark
.kbd.active
[
data-v-75c52e2f
]
{
background
:
var
(
--ring
,
#1890ff
);
border-color
:
var
(
--ring
,
#1890ff
);
color
:
#fff
;
box-shadow
:
none
}
.unpin-btn
[
data-v-75c52e2f
]
{
display
:
inline-flex
;
align-items
:
center
;
gap
:
4px
;
padding
:
4px
8px
;
font-size
:
10px
;
font-weight
:
500
;
color
:
var
(
--l2-foreground
,
#1f1f1f
);
background
:
transparent
;
border
:
1px
solid
var
(
--l2-border
,
#d9d9d9
);
border-radius
:
4px
;
cursor
:
pointer
;
transition
:
all
.2s
}
.unpin-btn
[
data-v-75c52e2f
]
:hover
{
background
:
var
(
--l2-muted
,
#f5f5f5
);
border-color
:
var
(
--ring
,
#1890ff
)}
.dark
.unpin-btn
[
data-v-75c52e2f
]
{
color
:
var
(
--l2-foreground
,
#ffffff
);
border-color
:
var
(
--l2-border
,
#434343
)}
.dark
.unpin-btn
[
data-v-75c52e2f
]
:hover
{
background
:
var
(
--l2-muted
,
#2a2a2a
);
border-color
:
var
(
--ring
,
#1890ff
)}
.tooltip-item
[
data-v-3b1d92d5
]
{
display
:
flex
;
align-items
:
center
;
gap
:
8px
;
padding
:
6px
;
opacity
:
.7
;
font-weight
:
400
}
.tooltip-item
[
data-is-active
=
true
][
data-v-3b1d92d5
]
{
opacity
:
1
;
font-weight
:
700
}
.tooltip-item-marker
[
data-v-3b1d92d5
]
{
border-radius
:
50%
;
border-style
:
solid
;
border-width
:
2px
;
width
:
12px
;
height
:
12px
;
box-sizing
:
border-box
;
flex-shrink
:
0
}
.tooltip-item-content
[
data-v-3b1d92d5
]
{
width
:
100%
;
display
:
flex
;
align-items
:
center
;
gap
:
8px
;
justify-content
:
space-between
}
.tooltip-item-label
[
data-v-3b1d92d5
]
{
white-space
:
normal
;
overflow-wrap
:
anywhere
}
.tooltip-item-separator
[
data-v-3b1d92d5
]
{
flex
:
1
;
border-width
:
.5px
;
border-style
:
dashed
;
min-width
:
24px
;
opacity
:
.5
}
.header-container
[
data-v-efb4cf97
]
{
display
:
flex
;
flex-direction
:
column
}
.header-row
[
data-v-efb4cf97
]
{
padding
:
8px
8px
0
;
font-size
:
12px
;
font-weight
:
500
;
display
:
flex
;
align-items
:
center
;
justify-content
:
space-between
;
gap
:
8px
}
.header-status
[
data-v-efb4cf97
]
{
display
:
flex
;
align-items
:
center
;
gap
:
4px
;
font-size
:
10px
;
font-weight
:
600
;
text-transform
:
uppercase
;
letter-spacing
:
.05em
;
color
:
var
(
--callout-primary-title
,
#1890ff
);
flex-shrink
:
0
}
.header-pinned-item
[
data-v-efb4cf97
]
{
padding
:
4px
}
.tooltip-list
[
data-v-fa17493a
]
{
width
:
100%
;
padding
:
4px
2px
4px
4px
;
box-sizing
:
border-box
}
.tooltip-list
[
data-v-fa17493a
]
::-webkit-scrollbar
{
width
:
.3rem
}
.tooltip-list
[
data-v-fa17493a
]
::-webkit-scrollbar-track
{
background
:
transparent
}
.tooltip-list
[
data-v-fa17493a
]
::-webkit-scrollbar-thumb
{
background
:
var
(
--bg-slate-100
,
#f1f5f9
);
border-radius
:
.5rem
}
.tooltip-container
[
data-v-4b92f289
]
{
font-family
:
Inter
,
system-ui
,
sans-serif
;
font-size
:
12px
;
background
:
var
(
--l2-background
,
#ffffff
);
color
:
var
(
--l2-foreground
,
#1f1f1f
);
border-radius
:
6px
;
border
:
1px
solid
var
(
--l2-border
,
#d9d9d9
);
display
:
flex
;
flex-direction
:
column
;
-webkit-font-smoothing
:
antialiased
;
width
:
max-content
;
min-width
:
220px
;
max-width
:
320px
}
.tooltip-container.pinned
[
data-v-4b92f289
]
{
border-color
:
var
(
--ring
,
#1890ff
)}
.tooltip-divider
[
data-v-4b92f289
]
{
display
:
block
;
width
:
100%
;
height
:
1px
;
background-color
:
var
(
--l2-border
,
#d9d9d9
)}
.dark
.tooltip-container
[
data-v-4b92f289
]
{
background
:
var
(
--l2-background
,
#1f1f1f
);
color
:
var
(
--l2-foreground
,
#ffffff
);
border-color
:
var
(
--l2-border
,
#434343
)}
.dark
.tooltip-container.pinned
[
data-v-4b92f289
]
{
border-color
:
var
(
--ring
,
#1890ff
)}
.dark
.tooltip-divider
[
data-v-4b92f289
]
{
background-color
:
var
(
--l2-border
,
#434343
)}
:root
{
--separator-border
:
rgba
(
128
,
128
,
128
,
.35
);
--sash-hover-transition-duration
:
.1s
}
._splitView_pzp7c_6
{
height
:
100%
;
overflow
:
hidden
;
position
:
relative
;
width
:
100%
}
._splitView_pzp7c_6
>
._sashContainer_pzp7c_13
{
height
:
100%
;
pointer-events
:
none
;
position
:
absolute
;
width
:
100%
}
._splitView_pzp7c_6
>
._sashContainer_pzp7c_13
>
._sash_pzp7c_13
{
pointer-events
:
auto
}
._splitView_pzp7c_6
>
._splitViewContainer_pzp7c_24
{
height
:
100%
;
position
:
relative
;
white-space
:
nowrap
;
width
:
100%
}
._splitView_pzp7c_6
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
{
overflow
:
hidden
;
position
:
absolute
;
white-space
:
initial
}
._splitView_pzp7c_6._vertical_pzp7c_37
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
{
width
:
100%
}
._splitView_pzp7c_6._horizontal_pzp7c_41
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
{
height
:
100%
}
._splitView_pzp7c_6._separatorBorder_pzp7c_45
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
:not
(
:first-child
)
:before
{
background-color
:
var
(
--separator-border
);
content
:
" "
;
left
:
0
;
pointer-events
:
none
;
position
:
absolute
;
top
:
0
;
z-index
:
5
}
._splitView_pzp7c_6._separatorBorder_pzp7c_45._vertical_pzp7c_37
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
:not
(
:first-child
)
:before
{
height
:
1px
;
width
:
100%
}
._splitView_pzp7c_6._separatorBorder_pzp7c_45._horizontal_pzp7c_41
>
._splitViewContainer_pzp7c_24
>
._splitViewView_pzp7c_31
:not
(
:first-child
)
:before
{
height
:
100%
;
width
:
1px
}
:root
{
--focus-border
:
#007fd4
;
--sash-size
:
8px
;
--sash-hover-size
:
4px
}
._sash_j5cmb_7
{
position
:
absolute
;
z-index
:
35
;
touch-action
:
none
;
pointer-events
:
auto
;
text-align
:
initial
}
._sash_j5cmb_7._disabled_j5cmb_15
{
pointer-events
:
none
}
._sash_j5cmb_7._mac_j5cmb_19._vertical_j5cmb_19
{
cursor
:
col-resize
}
._sash_j5cmb_7._vertical_j5cmb_19._minimum_j5cmb_23
{
cursor
:
e-resize
}
._sash_j5cmb_7._vertical_j5cmb_19._maximum_j5cmb_27
{
cursor
:
w-resize
}
._sash_j5cmb_7._mac_j5cmb_19._horizontal_j5cmb_31
{
cursor
:
row-resize
}
._sash_j5cmb_7._horizontal_j5cmb_31._minimum_j5cmb_23
{
cursor
:
s-resize
}
._sash_j5cmb_7._horizontal_j5cmb_31._maximum_j5cmb_27
{
cursor
:
n-resize
}
._sash_j5cmb_7._disabled_j5cmb_15
{
cursor
:
default
!important
;
pointer-events
:
none
!important
}
._sash_j5cmb_7._vertical_j5cmb_19
{
cursor
:
ew-resize
;
top
:
0
;
width
:
var
(
--sash-size
);
height
:
100%
}
._sash_j5cmb_7._horizontal_j5cmb_31
{
cursor
:
ns-resize
;
left
:
0
;
width
:
100%
;
height
:
var
(
--sash-size
)}
._sash_j5cmb_7
:not
(
._disabled_j5cmb_15
)>
._orthogonal-drag-handle_j5cmb_62
{
content
:
" "
;
height
:
calc
(
var
(
--sash-size
)
*
2
);
width
:
calc
(
var
(
--sash-size
)
*
2
);
z-index
:
100
;
display
:
block
;
cursor
:
all-scroll
;
position
:
absolute
}
._sash_j5cmb_7._horizontal_j5cmb_31._orthogonal-edge-north_j5cmb_72
:not
(
._disabled_j5cmb_15
)>
._orthogonal-drag-handle_j5cmb_62._start_j5cmb_73
,
._sash_j5cmb_7._horizontal_j5cmb_31._orthogonal-edge-south_j5cmb_74
:not
(
._disabled_j5cmb_15
)>
._orthogonal-drag-handle_j5cmb_62._end_j5cmb_75
{
cursor
:
nwse-resize
}
._sash_j5cmb_7._horizontal_j5cmb_31._orthogonal-edge-north_j5cmb_72
:not
(
._disabled_j5cmb_15
)>
._orthogonal-drag-handle_j5cmb_62._end_j5cmb_75
,
._sash_j5cmb_7._horizontal_j5cmb_31._orthogonal-edge-south_j5cmb_74
:not
(
._disabled_j5cmb_15
)>
._orthogonal-drag-handle_j5cmb_62._start_j5cmb_73
{
cursor
:
nesw-resize
}
._sash_j5cmb_7._vertical_j5cmb_19
>
._orthogonal-drag-handle_j5cmb_62._start_j5cmb_73
{
left
:
calc
(
var
(
--sash-size
)
*
-.5
);
top
:
calc
(
var
(
--sash-size
)
*
-1
)}
._sash_j5cmb_7._vertical_j5cmb_19
>
._orthogonal-drag-handle_j5cmb_62._end_j5cmb_75
{
left
:
calc
(
var
(
--sash-size
)
*
-.5
);
bottom
:
calc
(
var
(
--sash-size
)
*
-1
)}
._sash_j5cmb_7._horizontal_j5cmb_31
>
._orthogonal-drag-handle_j5cmb_62._start_j5cmb_73
{
top
:
calc
(
var
(
--sash-size
)
*
-.5
);
left
:
calc
(
var
(
--sash-size
)
*
-1
)}
._sash_j5cmb_7._horizontal_j5cmb_31
>
._orthogonal-drag-handle_j5cmb_62._end_j5cmb_75
{
top
:
calc
(
var
(
--sash-size
)
*
-.5
);
right
:
calc
(
var
(
--sash-size
)
*
-1
)}
._sash_j5cmb_7
:before
{
content
:
""
;
pointer-events
:
none
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
transition
:
background-color
var
(
--sash-hover-transition-duration
)
ease-out
;
background
:
transparent
}
._sash_j5cmb_7._vertical_j5cmb_19
:before
{
width
:
var
(
--sash-hover-size
);
left
:
calc
(
50%
-
(
var
(
--sash-hover-size
)
/
2
))}
._sash_j5cmb_7._horizontal_j5cmb_31
:before
{
height
:
var
(
--sash-hover-size
);
top
:
calc
(
50%
-
(
var
(
--sash-hover-size
)
/
2
))}
._sash_j5cmb_7._hover_j5cmb_126
:before
,
._sash_j5cmb_7._active_j5cmb_127
:before
{
background
:
var
(
--focus-border
)}
.panel-container
[
data-v-2c616ca4
]
{
transition
:
box-shadow
.2s
}
.panel-container
[
data-v-2c616ca4
]
:hover
{
box-shadow
:
0
2px
8px
#0000001
a
}
.log-viewer
[
data-v-22a0d40d
]
{
display
:
flex
;
flex-direction
:
column
;
background
:
var
(
--ant-color-bg-container
);
border
:
1px
solid
var
(
--ant-color-border
);
border-radius
:
6px
;
overflow
:
hidden
;
font-family
:
monospace
}
.log-toolbar
[
data-v-22a0d40d
]
{
display
:
flex
;
gap
:
8px
;
padding
:
8px
;
border-bottom
:
1px
solid
var
(
--ant-color-border
);
flex-shrink
:
0
}
.log-scroller
[
data-v-22a0d40d
]
{
flex
:
1
;
overflow-y
:
auto
}
.log-entry
[
data-v-22a0d40d
]
{
display
:
flex
;
gap
:
8px
;
padding
:
2px
8px
;
font-size
:
12px
;
line-height
:
18px
;
white-space
:
nowrap
}
.log-entry
[
data-v-22a0d40d
]
:hover
{
background
:
var
(
--ant-color-fill-quaternary
)}
.log-time
[
data-v-22a0d40d
]
{
color
:
var
(
--ant-color-text-secondary
);
flex-shrink
:
0
;
width
:
80px
}
.log-level
[
data-v-22a0d40d
]
{
flex-shrink
:
0
;
width
:
48px
;
font-weight
:
600
;
font-size
:
11px
}
.log-message
[
data-v-22a0d40d
]
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
color
:
var
(
--ant-color-text
)}
.log-empty
[
data-v-22a0d40d
]
{
padding
:
16px
;
text-align
:
center
;
color
:
var
(
--ant-color-text-secondary
);
font-size
:
12px
}
.service-topology
[
data-v-da85d863
]
{
position
:
relative
;
overflow
:
hidden
}
.topology-empty
[
data-v-da85d863
]
{
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
height
:
100%
;
color
:
var
(
--ant-color-text-secondary
);
font-size
:
12px
}
.topology-node
[
data-v-da85d863
]
{
cursor
:
pointer
}
.trace-waterfall
[
data-v-0212681c
]
{
width
:
100%
;
font-size
:
12px
;
overflow
:
auto
}
.trace-empty
[
data-v-0212681c
]
{
padding
:
16px
;
text-align
:
center
;
color
:
var
(
--ant-color-text-secondary
)}
.trace-header
[
data-v-0212681c
],
.trace-row
[
data-v-0212681c
]
{
display
:
flex
;
align-items
:
center
;
gap
:
8px
;
padding
:
3px
8px
;
border-bottom
:
1px
solid
var
(
--ant-color-border-secondary
)}
.trace-header
[
data-v-0212681c
]
{
font-weight
:
500
;
color
:
var
(
--ant-color-text-secondary
);
background
:
var
(
--ant-color-fill-quaternary
)}
.trace-name-col
[
data-v-0212681c
]
{
width
:
240px
;
flex-shrink
:
0
;
display
:
flex
;
flex-direction
:
column
;
overflow
:
hidden
}
.trace-service
[
data-v-0212681c
]
{
font-size
:
10px
;
color
:
var
(
--ant-color-text-secondary
);
white-space
:
nowrap
;
overflow
:
hidden
;
text-overflow
:
ellipsis
}
.trace-op
[
data-v-0212681c
]
{
white-space
:
nowrap
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
color
:
var
(
--ant-color-text
)}
.trace-bar-col
[
data-v-0212681c
]
{
flex
:
1
;
position
:
relative
;
height
:
16px
}
.trace-bar
[
data-v-0212681c
]
{
position
:
absolute
;
top
:
2px
;
height
:
12px
;
border-radius
:
2px
;
min-width
:
2px
;
opacity
:
.85
}
.trace-dur-col
[
data-v-0212681c
]
{
width
:
80px
;
flex-shrink
:
0
;
text-align
:
right
;
color
:
var
(
--ant-color-text-secondary
);
font-variant-numeric
:
tabular-nums
}
.kbd-key
[
data-v-94fb4749
]
{
display
:
inline-flex
;
align-items
:
center
;
justify-content
:
center
;
min-width
:
20px
;
height
:
20px
;
padding
:
0
6px
;
background
:
var
(
--ant-color-fill
);
color
:
var
(
--ant-color-text
);
border
:
1px
solid
var
(
--ant-color-border
);
border-radius
:
4px
;
font-family
:
monospace
;
font-size
:
11px
;
font-weight
:
600
;
box-shadow
:
0
1px
0
var
(
--ant-color-border
);
line-height
:
1
}
.panel-links-icon
[
data-v-6925a5a2
]
{
display
:
inline-flex
;
align-items
:
center
;
color
:
var
(
--ant-color-text-secondary
);
text-decoration
:
none
;
opacity
:
.7
;
transition
:
opacity
.15s
}
.panel-links-icon
[
data-v-6925a5a2
]
:hover
{
opacity
:
1
;
color
:
var
(
--ant-color-primary
)}
.viz-picker
[
data-v-1d0d144f
]
{
padding
:
12px
}
.viz-picker-title
[
data-v-1d0d144f
]
{
font-size
:
12px
;
font-weight
:
500
;
color
:
var
(
--ant-color-text-secondary
);
margin-bottom
:
8px
;
text-transform
:
uppercase
;
letter-spacing
:
.05em
}
.viz-picker-grid
[
data-v-1d0d144f
]
{
display
:
grid
;
grid-template-columns
:
repeat
(
auto-fill
,
minmax
(
72px
,
1
fr
));
gap
:
6px
}
.viz-picker-item
[
data-v-1d0d144f
]
{
display
:
flex
;
flex-direction
:
column
;
align-items
:
center
;
gap
:
4px
;
padding
:
8px
4px
;
border
:
1px
solid
var
(
--ant-color-border
);
border-radius
:
6px
;
background
:
transparent
;
cursor
:
pointer
;
transition
:
all
.15s
;
color
:
var
(
--ant-color-text
)}
.viz-picker-item
[
data-v-1d0d144f
]
:hover
,
.viz-picker-item--active
[
data-v-1d0d144f
]
{
border-color
:
var
(
--ant-color-primary
);
background
:
var
(
--ant-color-primary-bg
);
color
:
var
(
--ant-color-primary
)}
.viz-picker-icon
[
data-v-1d0d144f
]
{
font-size
:
20px
}
.viz-picker-label
[
data-v-1d0d144f
]
{
font-size
:
11px
;
white-space
:
nowrap
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
max-width
:
100%
}
dist/types/index.d.ts
View file @
dd560d14
import
'virtual:uno.css'
;
export
{
default
as
ArgusBoard
}
from
'./ArgusBoard.vue'
;
export
{
default
as
ArgusBoard
}
from
'./ArgusBoard.vue'
;
export
{
default
as
LogViewer
}
from
'./auxiliary/LogViewer.vue'
;
export
{
default
as
LogViewer
}
from
'./auxiliary/LogViewer.vue'
;
export
{
default
as
ServiceTopology
}
from
'./auxiliary/ServiceTopology.vue'
;
export
{
default
as
ServiceTopology
}
from
'./auxiliary/ServiceTopology.vue'
;
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
