.app-pill{display:inline-block;padding:.125rem .5rem;border-radius:var(--app-border-radius-pill);font-size:var(--app-font-size-sm);background:var(--p-content-hover-background);color:var(--p-text-color);white-space:nowrap;line-height:1.4}.app-pill--neutral{background:var(--p-content-hover-background);color:var(--p-text-muted-color)}.app-pill--sky{background:var(--p-sky-100);color:var(--p-sky-700)}.app-pill--blue{background:var(--p-blue-100);color:var(--p-blue-700)}.app-pill--indigo{background:var(--p-indigo-100);color:var(--p-indigo-700)}.app-pill--violet{background:var(--p-violet-100);color:var(--p-violet-700)}.app-pill--emerald{background:var(--p-emerald-100);color:var(--p-emerald-700)}.app-pill--amber{background:var(--p-amber-100);color:var(--p-amber-800)}.app-pill--orange{background:var(--p-orange-100);color:var(--p-orange-700)}.app-pill--red{background:var(--p-red-100);color:var(--p-red-700)}.app-dark .app-pill--sky{background:color-mix(in srgb,var(--p-sky-500) 22%,transparent);color:var(--p-sky-300)}.app-dark .app-pill--blue{background:color-mix(in srgb,var(--p-blue-500) 22%,transparent);color:var(--p-blue-300)}.app-dark .app-pill--indigo{background:color-mix(in srgb,var(--p-indigo-500) 22%,transparent);color:var(--p-indigo-300)}.app-dark .app-pill--violet{background:color-mix(in srgb,var(--p-violet-500) 22%,transparent);color:var(--p-violet-300)}.app-dark .app-pill--emerald{background:color-mix(in srgb,var(--p-emerald-500) 22%,transparent);color:var(--p-emerald-300)}.app-dark .app-pill--amber{background:color-mix(in srgb,var(--p-amber-500) 22%,transparent);color:var(--p-amber-300)}.app-dark .app-pill--orange{background:color-mix(in srgb,var(--p-orange-500) 22%,transparent);color:var(--p-orange-300)}.app-dark .app-pill--red{background:color-mix(in srgb,var(--p-red-500) 22%,transparent);color:var(--p-red-300)}