.oui-pill{--oui-pill-bg:var(--t3-bg);--oui-pill-fg:var(--fg);--oui-pill-accent:color-mix(in srgb, var(--oui-pill-bg), var(--oui-pill-fg) 28%);--oui-pill-prefix:var(--oui-pill-accent);height:1.375rem;line-height:1;font-size:var(--font-sm,.875rem);background:var(--selected-badge-bg,var(--oui-pill-bg));color:var(--selected-badge-fg,var(--oui-pill-fg));border:1px solid var(--selected-badge-edge,var(--oui-pill-accent));white-space:nowrap;vertical-align:middle;font-weight:var(--font-weight-medium,500);border-radius:.1875rem;flex-direction:row;justify-content:center;align-items:center;gap:.25rem;padding:0 .5rem;display:inline-flex;overflow:hidden}:where(.oui-pill>*){flex-grow:0;flex-shrink:0}.oui-pill>*{flex:none;align-items:center;display:inline-flex}.oui-pill._removable,.oui-pill._hasActions{padding-right:.1875rem}.oui-pill._clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .12s,box-shadow .12s}.oui-pill._clickable:hover{background-color:color-mix(in srgb, var(--oui-pill-bg), var(--oui-pill-fg) 18%);border-color:color-mix(in srgb, var(--oui-pill-accent), var(--oui-pill-fg) 25%)}.oui-pill._clickable:active{transform:translateY(1px)}.oui-pill._split,.oui-pill._image{padding-left:0}.oui-pill._imageOnly{padding-right:0}.oui-pill._imageOnly .oui-pill-image{margin-right:0}.oui-pill._imageOnly._removable{padding-right:.1875rem}.oui-pill._imageOnly._removable .oui-pill-image{margin-right:.25rem}.oui-pill._imageOnly._clickable:hover .oui-pill-image{opacity:.8}.oui-pill-image{aspect-ratio:1;object-fit:cover;align-self:stretch;height:100%;margin:0 .375rem 0 0;padding:0;display:block}.oui-pill-body,.oui-pill-prefix{align-self:stretch;align-items:center;display:inline-flex}.oui-pill-prefix{background:var(--selected-badge-edge,var(--oui-pill-prefix));opacity:.85;padding:0 .375rem}.oui-pill-body-inner,.oui-pill-prefix-inner{align-items:center;display:inline-flex;transform:translateY(-.03125rem)}.oui-pill-remove,.oui-pill-actions>button{width:1rem;height:1rem;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:.125rem;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.oui-pill-remove svg,.oui-pill-actions>button svg{stroke-width:2.5px;width:.75rem;height:.75rem}.oui-pill:hover .oui-pill-remove:hover,.oui-pill:hover .oui-pill-actions>button:hover{opacity:1;background:color-mix(in srgb, var(--oui-pill-fg) 16%, transparent)}.oui-pill-actions{align-items:center;gap:.125rem;display:inline-flex}.oui-pill-chevron{opacity:.7;border:.3em solid #0000;border-top-color:currentColor;border-bottom:0;width:0;height:0}