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