.chip:has(>input){cursor:pointer;position:relative}.chip>input{opacity:0;cursor:pointer;appearance:none;width:calc(100% + 2px);height:calc(100% + 2px);margin:0;position:absolute;inset:-1px}.chip:has(>input:checked){border-color:var(--color-ink);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)}}