.gx-hex-keys{min-width:0}.gx-hex-keys__label{display:block;margin:0 0 10px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.gx-hex-keys__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.gx-hex-keys__grid button{display:grid;grid-gap:6px;gap:6px;justify-items:center;padding:16px 6px 14px;border-radius:8px;cursor:pointer}.gx-hex-keys__grid button:disabled{cursor:default;opacity:.45}.gx-hex-keys__grid .n{font:500 22px/1 Philosopher,serif;letter-spacing:.02em}.gx-hex-keys__grid .yao-mini{width:28px;height:4px;border-radius:2px}.gx-hex-keys__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font-size:12px}.gx-hex-keys__meta:not(:has(span)){justify-content:flex-start}.gx-hex-keys__undo{margin:0;padding:0;border:0;background:none;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.gx-hex-keys__undo:disabled{opacity:.35;cursor:default;text-decoration:none}.gx-hex-keys__hint{margin:8px 0 0;font-size:12px;line-height:1.4}.gx-hex-keys--paper .gx-hex-keys__label{color:rgba(13,28,20,.62)}.gx-hex-keys--paper .gx-hex-keys__grid button{border:1px solid rgba(13,28,20,.14);background:rgba(13,28,20,.03);color:#0d1c14}.gx-hex-keys--paper .gx-hex-keys__grid button:hover:not(:disabled){background:rgba(25,56,40,.06);border-color:rgba(196,163,90,.5)}.gx-hex-keys--paper .gx-hex-keys__grid button.is-confirm{border-color:rgba(196,163,90,.55);background:rgba(196,163,90,.1)}.gx-hex-keys--paper .yao-mini{background:rgba(13,28,20,.72)}.gx-hex-keys--paper .yao-mini.is-yin{background:linear-gradient(90deg,rgba(13,28,20,.72) 0 11px,transparent 11px 17px,rgba(13,28,20,.72) 17px 28px)}.gx-hex-keys--paper .yao-mini.is-moving{background:#c4a35a}.gx-hex-keys--paper .yao-mini.is-yin.is-moving{background:linear-gradient(90deg,#c4a35a 0 11px,transparent 11px 17px,#c4a35a 17px 28px)}.gx-hex-keys--paper .gx-hex-keys__hint,.gx-hex-keys--paper .gx-hex-keys__meta{color:rgba(13,28,20,.62)}.gx-hex-keys--paper .gx-hex-keys__undo{color:rgba(13,28,20,.78)}.gx-hex-keys--night .gx-hex-keys__label{color:rgba(248,245,236,.42)}.gx-hex-keys--night .gx-hex-keys__grid button{border:1px solid rgba(248,245,236,.16);background:rgba(248,245,236,.05);color:#f8f5ec}.gx-hex-keys--night .gx-hex-keys__grid button:hover:not(:disabled){background:rgba(248,245,236,.06);border-color:rgba(196,163,90,.55)}.gx-hex-keys--night .gx-hex-keys__grid button.is-confirm{border-color:rgba(196,163,90,.55);background:rgba(196,163,90,.12)}.gx-hex-keys--night .yao-mini{background:rgba(248,245,236,.82)}.gx-hex-keys--night .yao-mini.is-yin{background:linear-gradient(90deg,rgba(248,245,236,.82) 0 11px,transparent 11px 17px,rgba(248,245,236,.82) 17px 28px)}.gx-hex-keys--night .yao-mini.is-moving{background:#c4a35a}.gx-hex-keys--night .yao-mini.is-yin.is-moving{background:linear-gradient(90deg,#c4a35a 0 11px,transparent 11px 17px,#c4a35a 17px 28px)}.gx-hex-keys--night .gx-hex-keys__hint,.gx-hex-keys--night .gx-hex-keys__meta{color:rgba(248,245,236,.55)}.gx-hex-keys--night .gx-hex-keys__undo{color:rgba(248,245,236,.78)}