.tag.svelte-1famv1g{--c:var(--tr-on-surface-variant);--ct:var(--c);--cc:var(--tr-surface-container-high);--on:var(--tr-on-surface);height:var(--tr-control-h-sm);border-radius:var(--tr-radius-sm);background:var(--cc);color:var(--on);font:600 var(--tr-text-sm) var(--tr-font-display);letter-spacing:var(--tr-display-tracking);text-transform:var(--tr-display-transform);white-space:nowrap;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.tag[data-size=sm].svelte-1famv1g{height:20px;font-size:var(--tr-text-xs);padding:0 6px}.tag[data-intent=primary].svelte-1famv1g{--c:var(--tr-primary);--ct:var(--tr-primary-text,var(--tr-primary));--cc:var(--tr-primary-container);--on:var(--tr-on-primary-container)}.tag[data-intent=secondary].svelte-1famv1g{--c:var(--tr-secondary);--ct:var(--tr-secondary-text,var(--tr-secondary));--cc:var(--tr-secondary-container);--on:var(--tr-on-secondary-container)}.tag[data-intent=success].svelte-1famv1g{--c:var(--tr-success);--ct:var(--tr-success);--cc:var(--tr-success-container);--on:var(--tr-on-success-container)}.tag[data-intent=warning].svelte-1famv1g{--c:var(--tr-warning);--ct:var(--tr-warning);--cc:var(--tr-warning-container);--on:var(--tr-on-warning-container)}.tag[data-intent=danger].svelte-1famv1g{--c:var(--tr-danger);--ct:var(--tr-danger);--cc:var(--tr-danger-container);--on:var(--tr-on-danger-container)}.tag[data-variant=outlined].svelte-1famv1g{box-shadow:inset 0 0 0 1px var(--c);color:var(--ct);background:0 0}.main.svelte-1famv1g{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.tag.svelte-1famv1g:has(.main:where(.svelte-1famv1g):hover){background:color-mix(in srgb, var(--on) 10%, var(--cc))}.main.svelte-1famv1g:focus-visible,.x.svelte-1famv1g:focus-visible{box-shadow:var(--tr-focus-ring);border-radius:var(--tr-radius-sm);outline:none}.x.svelte-1famv1g{width:16px;height:16px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-right:-4px;padding:0;display:grid}.x.svelte-1famv1g svg{width:12px;height:12px}.x.svelte-1famv1g:hover{background:color-mix(in srgb, currentColor 18%, transparent)}