.tag-chip{font-size:.875rem;font-weight:500;font-family:var(--font-ui);border:1px solid #0000;border-radius:9999px;align-items:center;max-width:100%;padding:.2rem .7rem;transition:background-color .12s ease-out,border-color .12s ease-out,transform 80ms ease-out;display:inline-flex}button.tag-chip{cursor:pointer}button.tag-chip:active{transform:translateY(.5px)}button.tag-chip:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.tag-chip--grammar{background:color-mix(in oklch, var(--tag-grammar) 24%, var(--background));color:var(--tag-grammar);border-color:color-mix(in oklch, var(--tag-grammar) 50%, transparent)}button.tag-chip--grammar:hover{background:color-mix(in oklch, var(--tag-grammar) 34%, var(--background))}.tag-chip--topic{background:color-mix(in oklch, var(--tag-topic) 24%, var(--background));color:var(--tag-topic);border-color:color-mix(in oklch, var(--tag-topic) 50%, transparent)}button.tag-chip--topic:hover{background:color-mix(in oklch, var(--tag-topic) 34%, var(--background))}.tag-chip--syntax{background:color-mix(in oklch, var(--tag-syntax) 24%, var(--background));color:var(--tag-syntax);border-color:color-mix(in oklch, var(--tag-syntax) 50%, transparent)}button.tag-chip--syntax:hover{background:color-mix(in oklch, var(--tag-syntax) 34%, var(--background))}.tag-chip--vocabulary{background:color-mix(in oklch, var(--tag-vocabulary) 24%, var(--background));color:var(--tag-vocabulary);border-color:color-mix(in oklch, var(--tag-vocabulary) 50%, transparent)}button.tag-chip--vocabulary:hover{background:color-mix(in oklch, var(--tag-vocabulary) 34%, var(--background))}.tag-chip--idiom{background:color-mix(in oklch, var(--tag-idiom) 24%, var(--background));color:var(--tag-idiom);border-color:color-mix(in oklch, var(--tag-idiom) 50%, transparent)}button.tag-chip--idiom:hover{background:color-mix(in oklch, var(--tag-idiom) 34%, var(--background))}.tag-chip--onomatopoeia{background:color-mix(in oklch, var(--tag-onomatopoeia) 24%, var(--background));color:var(--tag-onomatopoeia);border-color:color-mix(in oklch, var(--tag-onomatopoeia) 50%, transparent)}button.tag-chip--onomatopoeia:hover{background:color-mix(in oklch, var(--tag-onomatopoeia) 34%, var(--background))}.tag-chip--cultural{background:color-mix(in oklch, var(--tag-cultural) 24%, var(--background));color:var(--tag-cultural);border-color:color-mix(in oklch, var(--tag-cultural) 50%, transparent)}button.tag-chip--cultural:hover{background:color-mix(in oklch, var(--tag-cultural) 34%, var(--background))}.tag-chip--other{background:color-mix(in oklch, var(--tag-other) 24%, var(--background));color:var(--tag-other);border-color:color-mix(in oklch, var(--tag-other) 50%, transparent)}button.tag-chip--other:hover{background:color-mix(in oklch, var(--tag-other) 34%, var(--background))}.chip__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}