.topology-graph-container
  display: flex
  height: 100%

.grid-canvas
  position: absolute
  height: 100%
  width: 100%
  z-index: 0
  pointer-events: none

.cytoscape-container
  position: absolute
  height: 100%
  width: 100%
  z-index: 1

.topology-header
  display: flex
  justify-content: space-between
  align-items: center
  padding: 1em

.topology-title
  text-align: left

.dialog-actions
  display: flex
  flex-direction: row
  align-items: center
  gap: 8px

.sb-lab-dialog
  width: 60%
  height: 70%
  display: flex
  flex-direction: column
  min-width: 675px

  .sb-dialog-content
    padding: 0
    overflow: hidden !important
    position: relative

.sb-lab-dialog-title-name
  opacity: 0.4

.sb-lab-dialog-panel
  position: absolute
  background-color: var(--overlay-color)
  border: 1px solid var(--primary-color-border)
  z-index: 10
  border-radius: 4px
  display: flex
  flex-direction: column
  padding: 12px
  gap: 6px

  .p-divider
    margin: 8px 0

  .p-button
    padding: 8px

  .sb-lab-dialog-panel-title
    font-size: 16pt
    font-weight: 700

.detail-overlay-anchor
  position: fixed
