.chip:has(>input){cursor:pointer;position:relative}.chip>input{opacity:0;cursor:pointer;appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.chip:has(>input:checked){background-color:var(--color-ink);color:var(--color-paper)}.chip:has(>input:focus-visible){outline:2px solid var(--color-ink);outline-offset:2px}@media (hover:hover) and (pointer:fine){.chip:has(>input:checked):hover{background-color:var(--color-ink)}}