.svg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: move;
}
#result-area {
border: 1px solid #ccc;
background-color: #f1f1f1;
display: none;
}
#rendered-json {
background-color: #2a2d32;
color: #fff3cd;
}
#env {
border: 1px solid #ccc;
display: none;
}
#env-data {
display: block;
min-width: 100%;
alignment: left;
box-sizing: border-box;
height: 500px;
max-height: 700px;
}
#edit-area {
height: 200px;
border: 1px solid #ccc;
background-color: #f1f1f1;
}
#graph {
overflow: auto;
height: 500px;
}
#copyclip {
display: none;
}
.tab {
overflow: hidden;
}
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 8px 8px;
transition: 0.3s;
font-size: 14px;
}
.tab button:hover {
background-color: #ddd;
}
.tab-content {
display: none;
border: 1px none #ccc;
border-top-style: solid;
background-color: #ffffff;
overflow: auto;
margin-top: 3px;
}
.node circle {
fill: #fff;
stroke: steelblue;
stroke-width: 3px;
}
.node text {
font: 12px sans-serif;
}
.link {
fill: none;
stroke: #ccc;
stroke-width: 2px;
}