.tag-pill{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:1px var(--space-base) 0 var(--space-base);border-radius:var(--tag-pill-border-radius, var(--tag-label-border-radius, 24px));background-color:var(--button-secondary-bg, var(--bg-secondary));color:var(--button-secondary-color, var(--glyph-secondary));box-shadow:var(--tag-pill-shadow, var(--button-secondary-shadow, var(--shadow-secondary)));border:1px solid var(--button-secondary-border-color, var(--outline-default));cursor:pointer;font-family:var(--font-family-body);font-size:var(--font-size-body);text-decoration:none;line-height:1em;white-space:nowrap;transition:background-color .2s,border-color .2s,box-shadow .2s;gap:8px;opacity:0;animation:tagPillFadeIn .3s ease-out forwards}.tag-pill:hover{background-color:var(--button-secondary-bg-hover, var(--bg-raised-hover, #f0f0f0));border-color:var(--button-secondary-border-color-hover, var(--outline-hover, #bbbbbb));box-shadow:var(--button-secondary-shadow-hover, var(--shadow-secondary, 0 2px 4px rgba(0, 0, 0, .1)));color:var(--button-secondary-color-hover, var(--glyph-primary))}.tag-pill:focus{outline:none;box-shadow:0 0 0 2px var(--outline-hover, #bbbbbb)}.tag-pill-icon{width:20px;height:20px;color:var(--tag-pill-icon-color, var(--glyph-secondary));opacity:.9;transition:transform .2s ease-out}.tag-pill:hover .tag-pill-icon{transform:var(--tag-pill-icon-hover-transform, scale(1.1));color:var(--tag-pill-icon-hover-color, var(--glyph-primary))}@keyframes tagPillFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}