.nn-visibility-badge{--nn-vis-ink:var(--mv2-accent-ink);--nn-vis-fill:var(--mv2-accent);border:1px solid color-mix(in oklab, var(--nn-vis-fill) 40%, transparent);border-radius:var(--mv2-r-pill);background:color-mix(in oklab, var(--nn-vis-fill) 14%, transparent);min-block-size:24px;color:var(--nn-vis-ink);cursor:default;align-items:center;gap:6px;padding:0 8px;font-weight:500;display:inline-flex}.nn-visibility-badge-sm{gap:4px;min-block-size:20px;padding:0 6px}.nn-visibility-badge[data-tone=bad]{--nn-vis-ink:var(--mv2-bad-ink);--nn-vis-fill:var(--mv2-bad)}.nn-visibility-badge[data-tone=warn]{--nn-vis-ink:var(--mv2-warn-ink);--nn-vis-fill:var(--mv2-warn)}.nn-visibility-badge[data-tone=good]{--nn-vis-ink:var(--mv2-good-ink);--nn-vis-fill:var(--mv2-good)}.nn-visibility-badge-button{cursor:pointer}.nn-visibility-badge-button:hover{background:color-mix(in oklab, var(--nn-vis-fill) 24%, transparent)}.nn-visibility-badge-button:focus-visible{outline:2px solid var(--mv2-focus);outline-offset:2px}