.tag{isolation:isolate;color:var(--ink-secondary);background:var(--surface-raised);white-space:nowrap;border-radius:999px;align-self:flex-start;align-items:center;font-weight:500;line-height:1.4;display:inline-flex;position:relative;overflow:hidden}.tag--sm{padding:3px 9px;font-size:.6875rem}.tag--md{padding:4px 11px;font-size:.75rem}.tag--bordered{border:1px solid var(--border)}.tag--mono{font-family:var(--font-mono);letter-spacing:.01em}.tag:not(.tag--mono){font-family:var(--font-body)}.tag--blue{background:var(--blue-bg);color:var(--blue-ink)}.tag--green{background:var(--green-bg);color:var(--green-ink)}.tag--amber{background:var(--amber-bg);color:var(--amber-ink)}.tag--rose{background:var(--rose-bg);color:var(--rose-ink)}.tag--purple{background:var(--purple-bg);color:var(--purple-ink)}.tag--cyan{background:var(--cyan-bg);color:var(--cyan-ink)}.tag:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(115deg, transparent 30%, color-mix(in srgb, var(--ink) 13%, transparent) 47%, color-mix(in srgb, var(--ink) 13%, transparent) 53%, transparent 70%);transition:transform .55s;position:absolute;inset:0;transform:translate(-130%)}.tag:hover:before{transform:translate(130%)}@media (prefers-reduced-motion:reduce){.tag:before{display:none}}