.xxySXa_wrap{width:100%;container-type:inline-size}.xxySXa_chain{--term:1.9rem;--bond:.375rem;--bead:clamp(2.3rem, calc((100cqw - 2 * var(--term) - 6 * var(--bond)) / 5), 4.25rem);--label:1.4rem;--gap:1.6rem;--r:1.15rem;--line:color-mix(in oklab, var(--color-navy-900) 30%, var(--color-silver));--c1:calc(var(--bead) / 2);--yg:calc(var(--bead) + var(--label) + var(--gap) / 2);--c2:calc(var(--bead) * 1.5 + var(--label) + var(--gap));grid-template-columns:var(--term) repeat(5, var(--bead)) var(--term);column-gap:var(--bond);row-gap:var(--gap);display:inline-grid;position:relative}.xxySXa_cell{grid-column:var(--col);grid-row:var(--row);z-index:1;flex-direction:column;align-items:center;display:flex}.xxySXa_term{grid-row:var(--row);grid-column:var(--col);height:var(--bead);color:var(--color-slate);z-index:1;align-items:center;font-size:.82rem;font-weight:600;font-stretch:100%;display:flex}.xxySXa_termStart{justify-content:flex-end;padding-right:.3rem}.xxySXa_termEnd{justify-content:flex-start;padding-left:.3rem}.xxySXa_bead{width:var(--bead);height:var(--bead);color:var(--color-navy-900);font-size:calc(var(--bead) * .42);cursor:pointer;animation:xxySXa_bead-in .52s var(--ease-bond) both;animation-delay:calc(.12s + var(--i) * 70ms);background:radial-gradient(circle at 34% 24%,#fff 0 16%,#0000 46%),linear-gradient(150deg,#fbfcfe 0%,#dfe5ee 48%,#f4f6fa 62%,#c3ccd9 100%);border:1px solid #0a1b4d29;border-radius:999px;place-items:center;font-weight:560;font-stretch:125%;line-height:1;transition:border-color .16s,background .16s,color .16s,box-shadow .2s;display:grid;position:relative;box-shadow:inset 0 -.35rem .8rem #0a1b4d1a,0 .7rem 1.3rem -.9rem #040b2299}.xxySXa_bead:hover{border-color:var(--color-cobalt)}.xxySXa_bead[aria-pressed=true]{border-color:var(--color-navy-900);color:var(--color-platinum);background:radial-gradient(circle at 34% 24%,#ffffff59 0 12%,#0000 44%),linear-gradient(150deg,#1c3b97 0%,#0b2266 50%,#050d2b 100%);box-shadow:0 0 0 .25rem #a9b4c773,0 .8rem 1.6rem -.8rem #040b22e6}.xxySXa_unknown{border-style:dashed;border-color:var(--color-slate);background:var(--color-lyo);color:var(--color-slate)}.xxySXa_abbr{height:var(--label);letter-spacing:.02em;color:var(--color-slate);animation:.4s both xxySXa_fade-in;animation-delay:calc(.26s + var(--i) * 70ms);align-items:flex-end;font-size:.74rem;font-weight:500;display:flex}.xxySXa_line,.xxySXa_curveRight,.xxySXa_curveLeft{pointer-events:none;animation:xxySXa_draw .7s var(--ease-bond) both;position:absolute}.xxySXa_line{background:var(--line);height:2px}.xxySXa_curveRight,.xxySXa_curveLeft{width:var(--r);border:2px solid var(--line)}.xxySXa_curveRight{border-radius:0 var(--r) var(--r) 0;right:calc(var(--term) / 2);top:calc(var(--c1) - 1px);height:calc(var(--yg) - var(--c1) + 2px);border-left:0;animation-delay:.52s}.xxySXa_curveLeft{border-radius:var(--r) 0 0 var(--r);left:calc(var(--term) / 2);top:calc(var(--yg) - 1px);height:calc(var(--c2) - var(--yg) + 2px);border-right:0;animation-delay:.7s}.xxySXa_row1{top:calc(var(--c1) - 1px);left:calc(var(--term) - .2rem);right:calc(var(--term) / 2 + var(--r));animation-delay:.16s}.xxySXa_middle{top:calc(var(--yg) - 1px);left:calc(var(--term) / 2 + var(--r));right:calc(var(--term) / 2 + var(--r));animation-delay:.6s}.xxySXa_row2{top:calc(var(--c2) - 1px);left:calc(var(--term) / 2 + var(--r));right:calc(var(--term) - .2rem);animation-delay:.78s}@keyframes xxySXa_bead-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes xxySXa_fade-in{0%{opacity:0}to{opacity:1}}@keyframes xxySXa_draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}