.hshape-strip{flex-wrap:wrap;gap:8px;display:flex}.hshape{border:1px solid var(--ds-line);border-radius:var(--ds-radius-xs);background:radial-gradient(120% 90% at 50% 100%, var(--ds-water-soft) 0%, var(--ds-canvas) 75%);cursor:pointer;justify-content:center;align-items:center;width:52px;height:40px;padding:0;display:flex;position:relative;overflow:hidden}.hshape:hover{border-color:var(--ds-line-strong)}.hshape.on{border-color:var(--ds-moss);box-shadow:inset 0 0 0 1px var(--ds-moss)}.hshape:focus-visible{outline:2px solid var(--ds-moss);outline-offset:2px}.hshape img{object-fit:contain;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%;display:block}.hshape-n{color:var(--ds-ink-secondary);font-size:13px;font-weight:600}.hshape-k{color:var(--ds-ink-tertiary);font-size:11px;font-weight:600;line-height:1;position:absolute;bottom:2px;right:4px}.hshape-strip.lg .hshape{width:72px;height:54px}.hshape-row{padding:2px 8px 8px 64px}.hshape-label{color:var(--ds-ink-secondary);margin:6px 0 4px;font-size:12px}