.details-card-wrapper{background-color:var(--sapBaseColor);box-shadow:0 0 10px var(--sapList_SelectionBackgroundColor);display:flex;flex-direction:column;height:95%;max-width:500px;position:absolute;right:10px;top:10px;width:25%}.details-card-header{border-bottom:1px solid var(--sapList_SelectionBackgroundColor);display:flex;flex-direction:column}.details-card-header .resource-name{color:var(--sapTextColor);font-size:18px;max-height:70%;padding:10px 0 0 20px}.details-card-header .resource-kind{color:var(--sapContent_LabelColor);max-height:30%;padding:10px 0 10px 20px}.details-content{height:75%;margin:5px 0;overflow-y:auto;padding:0 15px}.title{color:var(--sapNeutralColor);margin-bottom:5px}.title span{color:var(--sapTextColor)}.buttons-wrapper{border-top:1px solid var(--sapList_SelectionBackgroundColor);display:flex;height:10%;justify-content:flex-end;padding-top:10px}.buttons-wrapper button{margin:0 10px}#graph-area,.loader{height:500px}#graph-area{background:var(--sapNeutralBackground);display:flex;justify-content:center;position:relative}#graph-area>:first-child{height:100%;width:100%}#graph-area text{fill:var(--sapTextColor);font-family:inherit}#graph-area .edge>path,#graph-area .edge>polygon{stroke:var(--sapTextColor)}#graph-area .edge>polygon{fill:var(--sapTextColor)}#graph-area .cluster>polygon,#graph-area .node>polygon{fill:var(--sapGroup_ContentBackground);stroke:var(--sapTextColor);stroke-width:2px}#graph-area .cluster>text,#graph-area .node>text{color:lime;font-weight:700}#graph-area .cluster>text+text,#graph-area .node>text+text{font-size:12;font-weight:400}#graph-area #graph0>polygon{fill:var(--sapNeutralBackground)}#graph-area .cluster:not(.root-node) *,#graph-area .cluster>polygon,#graph-area .node:not(.root-node),#graph-area .node:not(.root-node)>polygon{cursor:pointer}#graph-area .controls{bottom:10px;left:10px;position:absolute}