@layer base{:where([data-scene-labels]) .scene-label{pointer-events:none;white-space:nowrap;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-space-muted);text-shadow:0 0 2px var(--color-space), 0 0 6px color-mix(in srgb, var(--color-space) 90%, transparent), 0 1px 8px color-mix(in srgb, var(--color-space) 90%, transparent);will-change:transform;font-size:10px;position:absolute;top:0;left:0}:where([data-scene-labels]) .scene-label[data-weight=strong]{color:var(--color-space-fg)}:where([data-scene-tone=bright]) .scene-label{color:var(--color-space-fg);background:color-mix(in srgb, var(--color-space) 82%, transparent);border:1px solid color-mix(in srgb, var(--color-space-fg) 16%, transparent);letter-spacing:.08em;text-shadow:none;border-radius:4px;padding:3px 6px}:where([data-scene-labels]) .scene-label[data-kind=distance]{background:color-mix(in srgb, var(--color-space) 72%, transparent);color:var(--color-solar);letter-spacing:.1em;text-transform:none;text-shadow:none;min-width:calc(var(--chars,0) * (1ch + .1em) + 14px);text-align:center;border-radius:999px;padding:2px 7px}}