.eg-chr-header { margin-bottom: 12px; }
.eg-chr-numbers { display:flex; flex-wrap:wrap; gap:8px; margin:0 auto 20px; }
.eg-chr-btn {padding: 8px 12px;
    border: 1px solid #000000;
    width: 50px;
    height: 50px;
    display: flex;
    background: #000;
    color: #FFF;
    border-radius: 6px;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    flex: 0 1 calc(8.333% - 8px);
    font-size: 20px;
    font-weight: 600;
    transition: all 0.2s ease; }
.eg-chr-btn.is-active { border-color:#000; font-weight:700; }
.eg-chr-ideogram { margin:16px 0 24px; }
.eg-ideogram { width:100%; max-width:900px; display:block; }
.eg-band { fill:#e9e9e9; stroke:#999; }
.eg-band.is-active { stroke:#000; fill:#dcdcdc; }
.eg-chosen { margin-top:8px; font-size:14px; }