:root{--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop:979px}.badge{display:inline-flex;align-items:center;gap:.4em;padding:.25em .7em;border:1px solid var(--chrome-edge);background:var(--surface-sunken);box-shadow:inset 0 2px 3px -2px var(--carve-dark),inset 0 -1px 0 0 var(--carve-lip);font-family:var(--font-mono),ui-monospace,monospace;font-size:12px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--text-secondary)}.badge,.badge__dot{border-radius:999px}.badge__dot{width:.5em;height:.5em;flex:0 0 auto;background:currentcolor}.badge--bare{padding:0;border:0;border-radius:0;background:none;box-shadow:none}.badge--live .badge__dot{background:var(--brand-splash);box-shadow:0 0 0 1px var(--border-subtle-colour)}.badge--pending .badge__dot{background:var(--text-subtle);box-shadow:none}.badge--neutral .badge__dot{background:currentcolor;box-shadow:none}