.nisi-focal{--nisi-dot:28px;margin:0;padding:var(--space-4);background:var(--surface-dark);border-radius:var(--radius-lg);color:var(--ink-inverse)}.nisi-focal__table{width:100%;border-collapse:collapse;table-layout:fixed}.nisi-focal__table--h{display:none}.nisi-focal__table th,.nisi-focal__table td{padding:0;text-align:center;vertical-align:middle}.nisi-focal__corner{width:72px}.nisi-focal__mm{color:var(--nisi-yellow-soft);font-family:var(--font-mono);font-size:var(--fs-code);line-height:var(--lh-code);font-weight:var(--fw-stat);text-align:left}.nisi-focal__mm small{font-size:var(--fs-micro);font-weight:var(--fw-micro)}.nisi-focal__name{padding-bottom:var(--space-3);font-size:var(--fs-small);line-height:var(--lh-small);font-weight:var(--fw-button)}.nisi-focal__name a{color:var(--ink-inverse)}.nisi-focal__name a:hover{color:var(--nisi-yellow-soft)}.nisi-focal__table--v tbody td{height:calc(var(--nisi-dot) + var(--space-3));background:linear-gradient(var(--border-dark),var(--border-dark)) center / 1px 100% no-repeat}.nisi-focal__dot{position:relative;display:inline-block;vertical-align:middle;color:var(--ink-inverse);text-decoration:none}.nisi-focal__ring{display:grid;place-items:center;width:var(--nisi-dot);height:var(--nisi-dot)}.nisi-focal__ring::before{content:"";width:calc(var(--nisi-dot) * var(--nisi-open,1));height:calc(var(--nisi-dot) * var(--nisi-open,1));background:color-mix(in srgb,var(--nisi-yellow-soft) 22%,var(--surface-dark));border:2px solid var(--nisi-yellow-soft);border-radius:var(--radius-pill);box-sizing:border-box;transition:background-color 0.15s ease}.nisi-focal__t{position:absolute;top:50%;left:100%;margin-left:var(--space-2);transform:translateY(-50%);white-space:nowrap;font-family:var(--font-mono);font-size:var(--fs-sku);line-height:var(--lh-sku)}.nisi-focal__dot:hover .nisi-focal__ring::before,.nisi-focal__dot:focus-visible .nisi-focal__ring::before{background:var(--nisi-yellow-soft)}.nisi-focal__dot:hover .nisi-focal__t,.nisi-focal__dot:focus-visible .nisi-focal__t{color:var(--nisi-yellow-soft)}.nisi-focal :focus-visible{outline-color:var(--nisi-yellow-soft)}.nisi-focal__caption{margin-top:var(--space-3);font-size:var(--fs-caption);line-height:var(--lh-caption)}@media (prefers-reduced-motion:reduce){.nisi-focal__ring::before{transition:none}}@media (width>=992px){.nisi-focal{--nisi-dot:40px;padding:var(--space-6) var(--space-8)}.nisi-focal__table--v{display:none}.nisi-focal__table--h{display:table}.nisi-focal__corner{width:160px}.nisi-focal__mm{padding-bottom:var(--space-3);font-size:var(--fs-body-s);line-height:var(--lh-body-s);text-align:center}.nisi-focal__table--h .nisi-focal__name{padding-bottom:0;font-size:var(--fs-title-card);line-height:var(--lh-title-card);text-align:left}.nisi-focal__table--h tbody td{height:calc(var(--nisi-dot) + var(--space-12));background:linear-gradient(var(--border-dark),var(--border-dark)) center / 100% 1px no-repeat}.nisi-focal__table--h tbody tr+tr>*{border-top:1px solid var(--border-dark)}.nisi-focal__t{top:100%;left:50%;margin:calc(var(--space-1) / 2) 0 0;transform:translateX(-50%);font-size:var(--fs-code);line-height:var(--lh-code)}.nisi-focal__caption{margin-top:var(--space-4);font-size:var(--fs-small);line-height:var(--lh-small)}}