@layer components{.pk-badge{padding:calc(var(--pk-control-y) * .5) var(--pk-control-x);background:color-mix(in srgb, var(--tone) 16%, transparent);color:var(--pk-ink);border:1px solid color-mix(in srgb, var(--tone) 45%, transparent);border-radius:var(--pk-radius-pill);font-size:var(--pk-text-xs);white-space:nowrap;align-items:center;gap:.4rem;line-height:1.35;display:inline-flex}.pk-badge--warn{background:color-mix(in srgb, var(--tone) 22%, transparent)}.pk-badge--neutral{background:color-mix(in srgb, var(--tone) 18%, transparent)}.pk-badge--dot:before{content:"";background:var(--tone);border-radius:50%;flex:none;width:.375rem;height:.375rem}}