:root{--c-Tag-color-text:var(--c-Token-color-red-400);--c-Tag-color-text-active:var(--c-Token-color-red-600);--c-Tag-color-background:var(--c-Token-color-red-100);--c-Tag-color-focusRing:var(--c-Token-color-1000)}.c-Tag{background-color:var(--c-Tag-color-background);border:none;border-radius:4px;color:var(--c-Tag-color-text);cursor:default;display:block;font-size:var(--c-Token-fontSize-50);font-weight:600;inline-size:fit-content;line-height:var(--c-Token-lineHeight-50);max-inline-size:100%;overflow:hidden;padding-block:var(--c-Token-space-25);padding-inline:var(--c-Token-space-50);position:relative;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.c-Tag:focus,.c-Tag:focus-visible{outline:none}.c-Tag--clickable{cursor:pointer}:is(.c-Tag--clickable:hover,.c-Tag--clickable:active):before{border:2px solid;border-radius:inherit;content:"";inset:0;position:absolute}.c-Tag--clickable:active{color:var(--c-Tag-color-text-active)}.c-Tag--clickable:focus-visible:after{border:2px solid var(--c-Tag-color-focusRing);border-radius:8px;content:"";inset:-6px;position:absolute;z-index:100}