.graph-label.operation-group { color: var(--ink-3); font: var(--type-label); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; width: 80px; margin-left: -40px; padding-inline: 0; justify-content: center; }
.graph-label.hub.metric .graph-handle { border-color: var(--ink-2); border-radius: 1px; transform: rotate(45deg) scale(.8); }
.graph-label.hub.metric .graph-handle::after { display: none; }
.graph-label.hub.metric.solo .t { visibility: visible; top: 6px; font-size: 11px; color: var(--ink-2); }
.graph-label.hub.metric:is(:hover, .hover, .preview, :focus-visible) .graph-handle { transform: rotate(45deg); border-color: var(--good); }
.graph-label.hub.metric:is(:hover, .hover, .preview, :focus-visible) .id { color: var(--good); }
.graph-label.hub.metric:is(:hover, .hover, .preview, .selected, :focus-visible) .t { top: 12px; }
.graph-label.hub.metric.selected .graph-handle { transform: rotate(45deg); border-color: var(--hot); }
.graph-label.hub.metric.selected .id { color: var(--hot); }
.graph-label.hub.metric[data-status="unavailable"] .graph-handle { border-color: var(--ink-4); }
#labels.compact .graph-label.hub.metric .graph-handle { transform: rotate(45deg); inset: 11px; }
#labels.compact .graph-label.hub.metric.solo:not(:hover, .hover, .preview, .selected, :focus-visible) .t { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
  .graph-label.hub.metric .graph-handle { transition: none; }
}