.cx-vars{--color-cx-paper:#f3ecdc;--color-cx-ink:#24273a;--color-cx-or:#ed5828;--color-cx-cream:#fbf7ee}.cx-pill{background:var(--color-cx-ink);height:30px;color:var(--color-cx-cream);font:inherit;cursor:pointer;vertical-align:middle;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 12px 0 3px;font-size:13px;font-weight:700;line-height:1;transition:background-color .15s;display:inline-flex}html[data-theme=dark] .cx-pill{background:var(--color-cx-ink);color:var(--color-cx-cream);border:0}.cx-pill.cx-noface{padding-left:12px}.cx-pill:hover,html[data-theme=dark] .cx-pill:hover{background:var(--color-cx-or)}.cx-pill:focus-visible{outline:2px solid var(--color-cx-or);outline-offset:2px}.cx-pill i{border:1.5px solid var(--color-cx-cream);background-color:var(--color-cx-paper);border-radius:50%;flex:none;width:24px;height:24px}html[data-theme=dark] .cx-pill i{border:1.5px solid var(--color-cx-cream);background-color:var(--color-cx-paper)}.cx-pill svg{width:9px;height:10px;fill:var(--color-cx-or);flex:none;transition:fill .15s}html[data-theme=dark] .cx-pill svg{fill:var(--color-cx-or)}.cx-pill:hover svg,html[data-theme=dark] .cx-pill:hover svg{fill:var(--color-cx-cream)}