.tag-pill{position:relative;display:inline-flex;align-items:center;gap:4px;font-family:NewSpirit-SemiBold,sans-serif;font-size:12px;color:hsla(0,0%,100%,.9);text-transform:capitalize;background:hsla(0,0%,100%,.15);padding:6px 12px;border-radius:20px;border:1px solid hsla(0,0%,100%,.1);flex-shrink:0;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .15s ease;cursor:pointer;-webkit-tap-highlight-color:transparent}@media (hover:hover) and (pointer:fine){.tag-pill:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.2);transform:translateY(-1px)}.tag-pill.tag-fandom:hover{background:rgba(138,43,226,.4);border-color:rgba(138,43,226,.5)}}.tag-pill:active{transform:none}.tag-pill.tag-fandom{background:rgba(138,43,226,.3);border-color:rgba(138,43,226,.4);box-shadow:0 0 20px rgba(138,43,226,.2)}.tag-pill.tag-pill-selected{border-width:2px;border-color:hsla(0,0%,100%,.85);background:hsla(0,0%,100%,.22)}.tag-pill.compact{padding:4px 10px}.tag-pill-text{font-family:NewSpirit-SemiBold;font-size:12px;font-weight:600;color:hsla(0,0%,100%,.9);text-transform:capitalize}.tag-pill-marker{font-size:10px;margin-right:4px;opacity:.7}.tag-pill-remove{flex-shrink:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;margin:0;padding:0 0 0 6px;background:transparent;color:hsla(0,0%,100%,.55);cursor:pointer;line-height:1;font-size:11px;display:inline-flex;align-items:center;justify-content:center;align-self:center;-webkit-tap-highlight-color:transparent}@media (hover:hover) and (pointer:fine){.tag-pill-remove:hover{color:hsla(0,0%,100%,.95)}}.tag-pill-remove:focus{outline:none}.tag-pill-remove:focus-visible{outline:2px solid hsla(0,0%,100%,.35);outline-offset:2px;border-radius:2px}@media (max-width:768px){.tag-pill-text{font-size:12px}}@media (min-width:769px){.tag-pill,.tag-pill-text{font-size:.8rem}}