@layer components{.kind-chip[data-kind=novel]{--k:var(--color-kind-novel)}.kind-chip[data-kind=comic]{--k:var(--color-kind-comic)}.kind-chip[data-kind=all]{--k:var(--color-kind-all)}.kind-chip[data-look=tint]{background-color:initial}.kind-chip[data-look=cover],.kind-chip[data-look=tint]{color:var(--color-ink);border-color:var(--k);box-shadow:none}.kind-chip[data-look=cover]{background-color:var(--scrim-70)}.kind-chip[data-look=jewel]{background-color:var(--k);border-color:var(--k);box-shadow:none}.kind-chip[data-look=jewel][data-kind=novel]{color:var(--kind-novel-on,black)}.kind-chip[data-look=jewel][data-kind=comic]{color:var(--kind-comic-on,black)}.kind-chip[data-look=jewel][data-kind=all]{color:var(--kind-all-on,black)}@supports (color:color-mix(in oklch,red,red)){.kind-chip[data-kind=novel]{--k-ink:var(--kind-novel-ink,color-mix(in oklch,var(--k) 45%,var(--color-ink)))}.kind-chip[data-kind=comic]{--k-ink:var(--kind-comic-ink,color-mix(in oklch,var(--k) 45%,var(--color-ink)))}.kind-chip[data-kind=all]{--k-ink:var(--kind-all-ink,color-mix(in oklch,var(--k) 45%,var(--color-ink)))}.kind-chip[data-look=tint]{background-color:color-mix(in oklch,var(--k) calc(16% * var(--sc-chip, 1)),transparent)}.kind-chip[data-look=cover],.kind-chip[data-look=tint]{color:var(--k-ink);border-color:color-mix(in oklch,var(--k) 40%,transparent)}.kind-chip[data-look=cover]{background-color:var(--scrim-80);background-image:linear-gradient(color-mix(in oklch,var(--k) calc(16% * var(--sc-chip, 1)),transparent),color-mix(in oklch,var(--k) calc(16% * var(--sc-chip, 1)),transparent))}.kind-chip[data-look=jewel]{border-color:color-mix(in oklch,var(--k) 70%,var(--color-ink))}}@media (prefers-reduced-transparency:reduce){.kind-chip[data-look=cover]{background-color:black;background-image:none}}:where(html[data-transparency=reduce]) .kind-chip[data-look=cover]{background-color:black;background-image:none}}