:where(.vf-chips){display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}@media (min-width:512px){:where(.vf-chips){display:flex;flex-wrap:wrap}}:where(.vf-chip){position:relative;display:flex;cursor:pointer}:where(.vf-chip input){position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none;scroll-margin-top:40px}:where(.vf-chip span){display:flex;flex:1;align-items:center;justify-content:center;min-height:44px;border:1px solid color-mix(in srgb,currentColor 40%,transparent);padding:0 12px;font-family:var(--font-sans),Jost,system-ui,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-align:center;white-space:nowrap;transition:border-color .2s ease-out,background-color .2s ease-out}@media (min-width:1024px){:where(.vf-chip span){padding:0 16px;font-size:12px}}:where(.vf-chip:hover span){border-color:currentColor}:where([data-invalid] .vf-chip span){border-style:dashed;border-color:currentColor}:where(.vf-chip input:checked+span){border-color:currentColor;background-color:#1A1713;color:#FBFAF7}:where(.vf-chip input:focus-visible+span){outline:2px solid #1A1713;outline-offset:3px}@media (prefers-reduced-motion:reduce){:where(.vf-chip span){transition:none}}