.hogi-reference-chip{display:inline-flex;overflow:visible;position:relative;justify-content:center;align-items:center;gap:3px;box-sizing:border-box;padding:2px 6px 2px 2px;border:.5px solid transparent;border-radius:6px;width:fit-content;max-width:100%;height:22px;background:var(--green-hover);vertical-align:middle;color:var(--green-contrast)}.hogi-reference-chip-media{display:flex;overflow:hidden;position:relative;justify-content:center;align-items:center;flex:0 0 18px;border-radius:5.667px;width:18px;height:18px;background:var(--neutral-content-a8)}.hogi-reference-chip-media>:is(img,video){display:block;width:100%;height:100%;object-fit:cover}.hogi-reference-chip-media>svg{width:10px;height:10px}.hogi-reference-chip-media:after{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--neutral-overlay-strong);opacity:0;pointer-events:none;content:"";transition:opacity var(--motion-fast) ease}.hogi-reference-chip-label{display:block;overflow:hidden;min-width:0;text-overflow:ellipsis;text-align:right;color:var(--green-contrast);white-space:nowrap}.hogi-reference-chip-action{display:flex;position:absolute;left:11px;top:50%;z-index:10;justify-content:center;align-items:center;border-radius:50%;width:16px;height:16px;background:transparent;opacity:0;pointer-events:none;color:var(--neutral-content);transform:translate(-50%,-50%);transition:opacity var(--motion-fast) ease}.hogi-reference-chip-actionable:not(.hogi-reference-chip-media-action):hover .hogi-reference-chip-media:after,.hogi-reference-chip-actionable:not(.hogi-reference-chip-media-action):focus-within .hogi-reference-chip-media:after{opacity:1}.hogi-reference-chip:not(.hogi-reference-chip-media-action):hover .hogi-reference-chip-action,.hogi-reference-chip:not(.hogi-reference-chip-media-action):focus-within .hogi-reference-chip-action{opacity:1;pointer-events:auto}.hogi-reference-chip-action>button{display:flex;justify-content:center;align-items:center;padding:0;border:0;border-radius:50%;width:100%;height:100%;outline:none;background:transparent;cursor:pointer;color:inherit}.hogi-reference-chip-action>button:disabled{opacity:1;cursor:default;color:inherit}.hogi-reference-chip-action>button:focus-visible{outline:2px solid var(--neutral-content-a80);outline-offset:2px}.hogi-reference-chip-action svg{width:12px;height:12px}.hogi-reference-chip-action img{display:block;width:12px;height:12px}.hogi-reference-chip-media-action .hogi-reference-chip-media:hover:after,.hogi-reference-chip-media-action .hogi-reference-chip-media:focus-within:after{opacity:1}.hogi-reference-chip-media>.hogi-reference-chip-action{left:50%}.hogi-reference-chip-media:hover>.hogi-reference-chip-action,.hogi-reference-chip-media:focus-within>.hogi-reference-chip-action{opacity:1;pointer-events:auto}
