.tag{align-items:center;border-radius:var(--base-radius-full);display:inline-flex;gap:8px;justify-content:center;position:relative;padding:4px 8px;color:var(--color);background-color:color-mix(in srgb,var(--color) 15%,#fff);height:22px}.tag.clickable:active{background-color:color-mix(in srgb,var(--color) 50%,#fff)}.tag.clickable:focus{outline:1px solid var(--color)}.tag .text{position:relative;width:-moz-fit-content;width:fit-content}.filter{align-items:center;border-radius:var(--base-radius-full);display:inline-flex;gap:8px;justify-content:center;padding:4px 8px;position:relative}.filter .text{margin-top:-1px;position:relative;width:-moz-fit-content;width:fit-content}.filter.clickable:hover:not(.selected){background-color:color-mix(in srgb,var(--surface-secondary),#fff 80%)}.filter.clickable:focus{outline:1px solid var(--surface-secondary)}.filter.selected{background-color:color-mix(in srgb,var(--surface-secondary),#fff 30%)}.filter.selected .text{color:var(--text-inverted)}.filter.unselected{border:1px solid;border-color:var(--icon-passive)}.filter.unselected .text{color:var(--icon-passive)}