.beams-viz[data-viz="virtualization"] .scene-label.vm-name {
  color: var(--ink);
  font-size: 10px;
  line-height: 1.4;
  white-space: pre-line;
  text-align: center;
  padding: 4px 6px;
  background: #0b0d2cdd;
  border: 1px solid var(--line);
}
.beams-viz[data-viz="virtualization"] .scene-label.layer {
  font-size: 8px;
}
.beams-viz[data-viz="virtualization"] .scene-label.network {
  color: var(--signal);
}
.beams-viz[data-viz="virtualization"] .scene-label.snapshot {
  color: var(--purple);
}
.beams-viz[data-viz="virtualization"] .scene-label.snapshot.capturing {
  color: var(--ink);
  background: #382953;
  border: 1px solid var(--purple);
  padding: 4px 6px;
}
.beams-viz[data-viz="virtualization"] .scene-label.expired {
  color: var(--alert);
}
.beams-viz[data-viz="virtualization"] .scene-label.forked {
  border-color: #c4a9ff70;
  color: var(--purple);
}
.beams-viz[data-viz="virtualization"] .scene-label.fork-path {
  color: var(--purple);
  font-size: 9px;
  background: #0b0d2cdd;
  padding: 4px 6px;
}
.beams-viz[data-viz="virtualization"][data-phase="cycling"] .live-dot {
  background: var(--alert);
}
.beams-viz[data-viz="virtualization"][data-phase="evolving"] .live-dot {
  background: var(--purple);
}
@container beams-viz (max-width: 520px) {
  .beams-viz[data-viz="virtualization"] .scene-label.layer {
    display: none;
  }
  .beams-viz[data-viz="virtualization"] .scene-label.vm-name {
    font-size: 8px;
    padding: 3px 4px;
  }
}