ASCII text
1
@import "/static/efficient-ui/MASTER.css";
2
:root {
4
--gap-navbar: 1rem;
5
--width-navbar-button: 0;
6
--text-soft: #000000C0;
7
--text-softer: #0000009A;
8
--text-faint: #00000066;
9
}
10
p {
12
color: var(--text-soft);
13
}
14
iconify-icon {
16
display: inline-block;
17
width: 1em;
18
height: 1em;
19
}
20
:is(#shape-selector, #shape-options) > button > iconify-icon {
22
font-size: 2rem;
23
}
24
#annotation-zone {
26
position: relative;
27
}
28
#annotation-zone > svg {
30
z-index: 1;
31
position: absolute;
32
top: 0;
33
left: 0;
34
width: 100%;
35
height: 100%;
36
}
37
.annotation-ruler {
39
z-index: 2;
40
position: absolute;
41
top: 0;
42
left: 0;
43
background: var(--color-accent);
44
display: none;
45
}
46
#annotation-ruler-horizontal, #annotation-ruler-horizontal-secondary {
48
height: 1px;
49
width: 100%;
50
}
51
#annotation-ruler-vertical, #annotation-ruler-vertical-secondary {
53
width: 1px;
54
height: 100%;
55
}
56
.shape {
58
stroke: var(--color-accent);
59
fill: var(--color-accent);
60
fill-opacity: 0.1;
61
stroke-width: 2px;
62
vector-effect: non-scaling-stroke;
63
pointer-events: auto;
64
}
65
.shape-polyline {
67
fill: none;
68
}
69
.shape.selected {
71
fill-opacity: 0.2;
72
stroke-width: 4px;
73
}
74
.shape-container {
76
pointer-events: none;
77
}
78
#annotation-helper-message {
80
min-height: 2lh;
81
}
82