.hf{border:0;min-width:0;margin:16px 0 0;padding:0}.hf legend{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);padding:0;font-size:13px;font-weight:600}.hf div{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));grid-auto-rows:44px;gap:8px;margin-top:8px;display:grid}.hf label{cursor:pointer;margin:0;display:block;position:relative}.hf input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.hf span{text-align:center;letter-spacing:0;text-transform:none;height:100%;color:var(--ink);background:var(--paper);border:1.5px solid var(--driftwood);border-radius:var(--radius-s);justify-content:center;align-items:center;padding:0 8px;font-size:13.5px;font-weight:400;line-height:1.15;display:flex}.hf input:checked+span{border-color:var(--lagoon);background:var(--lagoon-mist);font-weight:600}.hf input:focus-visible+span{outline:2px solid var(--lagoon);outline-offset:2px}@media (width<=560px){.hf legend{min-height:2.8em;display:block}}