.kdl-hub-badge{display:inline-flex;align-items:center;width:fit-content;border:1px solid transparent;border-radius:9999px;font-family:var(--kdl-hub-font-sans);font-weight:var(--kdl-hub-font-weight-medium);line-height:1;white-space:nowrap}.kdl-hub-badge[data-size=sm]{min-height:20px;padding:0 7px;font-size:var(--kdl-hub-font-size-caption)}.kdl-hub-badge[data-size=md]{min-height:24px;padding:0 9px;font-size:var(--kdl-hub-font-size-label)}.kdl-hub-badge[data-tone=neutral]{background:rgb(var(--kdl-hub-color-surface-canvas));color:rgb(var(--kdl-hub-color-text-secondary))}.kdl-hub-badge[data-tone=info]{background:rgb(var(--kdl-hub-color-action-primary)/10%);color:rgb(var(--kdl-hub-color-action-primary-hover))}.kdl-hub-badge[data-tone=success]{background:rgb(var(--kdl-hub-color-feedback-success)/10%);color:rgb(var(--kdl-hub-color-feedback-success))}.kdl-hub-badge[data-tone=warning]{background:rgb(var(--kdl-hub-color-feedback-warning)/10%);color:rgb(var(--kdl-hub-color-feedback-warning))}.kdl-hub-badge[data-tone=danger]{background:rgb(var(--kdl-hub-color-feedback-error)/10%);color:rgb(var(--kdl-hub-color-feedback-error))}.kdl-hub-badge [data-slot=dot]{width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor}