1.dmn-drd-container {
2  --dmn-definitions-background-color: var(--color-grey-225-10-97);
3  --dmn-definitions-border-color: var(--color-grey-225-10-75);
4  --dmn-definitions-focus-border-color: var(--color-grey-225-10-75);
5  --dmn-definitions-error-color: var(--color-red-360-100-45);
6  --dmn-definitions-error-border-color: var(--color-red-360-100-45);
7  --dmn-definitions-error-background-color: var(--color-red-360-100-97);
8  --drill-down-overlay-background-color: var(--color-blue-205-100-50);
9  --drill-down-overlay-color: var(--color-white);
10  --drd-font-family-monospace: monospace;
11
12  width: 100%;
13  height: 100%;
14  position: relative;
15}
16
17.dmn-drd-container * {
18  box-sizing: border-box;
19}
20
21.djs-overlay .drill-down-overlay {
22  font-size: 16px;
23  background: var(--drill-down-overlay-background-color);
24  color: var(--drill-down-overlay-color);
25  text-align: left;
26  border-radius: 1px;
27  padding: 0 2px;
28}
29
30.dmn-definitions {
31  position: absolute;
32  top: 20px;
33  left: 20px;
34  background-color: var(--dmn-definitions-background-color);
35  border: solid 1px var(--dmn-definitions-border-color);
36  border-radius: 2px;
37  padding: 4px;
38}
39
40.dmn-definitions .dmn-definitions-name {
41  font-size: 24px;
42  padding: 3px;
43}
44
45.dmn-definitions .dmn-definitions-name:focus {
46  outline: none;
47}
48
49.dmn-definitions .dmn-definitions-id {
50  font-family: var(--drd-font-family-monospace);
51  margin-top: 2px;
52  padding: 3px;
53}
54
55.dmn-definitions .dmn-definitions-id:focus {
56  outline: none;
57}
58
59.dmn-definitions > [contenteditable]:hover,
60.dmn-definitions > [contenteditable]:focus {
61  padding: 2px;
62  background-color: var(--color-white);
63  border-radius: 2px;
64  border: 1px solid var(--dmn-definitions-focus-border-color);
65}
66
67.dmn-definitions .dmn-definitions-error-message {
68  color: var(--dmn-definitions-error-color);
69  display: block;
70  font-size: 12px;
71  margin-top: 6px;
72}
73
74.dmn-definitions .dmn-definitions-id.dmn-definitions-error {
75  border-color: var(--dmn-definitions-error-border-color);
76  background-color: var(--dmn-definitions-error-background-color);
77}
78
79.djs-container.with-palette .dmn-definitions {
80  left: 80px;
81}
82
83.djs-container.with-palette-two-column .dmn-definitions {
84  left: 130px;
85}
86