.td-react-badge{width:fit-content;max-width:100%}.td-react-badge--danger{color:var(--td-error-text);background:color-mix(in srgb, var(--td-error) 14%, var(--td-surface))}.td-lamp.td-react-badge-dot{--td-lamp-glow:color-mix(in srgb, var(--td-ink-3) 60%, var(--td-surface));background:var(--td-surface);width:14px;height:14px;box-shadow:inset 1px 1px 2px color-mix(in srgb, var(--td-shadow-dark) 62%, transparent), inset -1px -1px 2px color-mix(in srgb, var(--td-shadow-light) 58%, transparent), 0 0 0 1px var(--td-edge);border-radius:50%;flex:none;place-items:center;display:grid}.td-lamp.td-react-badge-dot:after{content:"";background:var(--td-lamp-glow);width:6px;height:6px;box-shadow:0 0 0 1px color-mix(in srgb, var(--td-lamp-glow) 45%, transparent), 0 0 4px color-mix(in srgb, var(--td-lamp-glow) 55%, transparent);border-radius:50%}.td-react-badge.td-badge--brand .td-react-badge-dot{--td-lamp-glow:var(--td-brand)}.td-react-badge.td-badge--green .td-react-badge-dot{--td-lamp-glow:var(--td-green)}.td-react-badge.td-badge--accent .td-react-badge-dot{--td-lamp-glow:var(--td-accent)}.td-react-badge.td-react-badge--danger .td-react-badge-dot{--td-lamp-glow:var(--td-error)}