@layer components{.chip{--chip-amber:var(--amber)}[data-world=daylight] .chip{--chip-amber:var(--amber-text)}.chip[data-kind=name]{border-color:color-mix(in srgb, var(--accent-line) 60%, transparent);height:28px;color:var(--chip-amber);letter-spacing:.04em;padding:0 .85rem;font-weight:500}.chip[data-kind=example]{border-style:dashed;border-color:color-mix(in srgb, var(--text) 30%, transparent);color:var(--text-muted)}a.chip[data-kind=partof]{color:var(--text);transition:border-color var(--dur-fast), color var(--dur-fast)}a.chip[data-kind=partof] .icon{width:12px;height:12px;transition:transform var(--dur-base) var(--ease-out)}a.chip[data-kind=partof]:hover,a.chip[data-kind=partof]:focus-visible{border-color:var(--accent-line);color:var(--chip-amber)}a.chip[data-kind=partof]:hover .icon{transform:translate(2px)}}@media (prefers-color-scheme:dark){[data-auto-scheme] [data-world=daylight] .chip{--chip-amber:var(--amber)}}