.tool[data-tool=periodic-table] .sr-only{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.tool[data-tool=periodic-table] .pt-scroll{max-inline-size:100%;margin-block:var(--space-3);padding-block-end:var(--space-2);overflow-x:auto}.tool[data-tool=periodic-table] .pt-grid{grid-template-rows:repeat(7,2.75rem) 1rem repeat(2,2.75rem);grid-template-columns:repeat(18,2.75rem);gap:2px;inline-size:max-content;display:grid}.tool[data-tool=periodic-table] .pt-cell{border:1px solid var(--c-border-strong);border-radius:var(--r-sm);color:var(--c-text);font:inherit;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:0;line-height:1.1;display:flex}.tool[data-tool=periodic-table] .pt-cell.dim{opacity:.25}.tool[data-tool=periodic-table] .pt-cell.on,.tool[data-tool=periodic-table] .pt-row.on{outline:3px solid var(--c-focus);outline-offset:1px}.tool[data-tool=periodic-table] .pt-n{color:var(--c-text-2);font-size:.625rem}.tool[data-tool=periodic-table] .pt-sym{font-size:var(--fs-md);font-weight:700}.tool[data-tool=periodic-table] .c-alkali{background:#e24d364d}.tool[data-tool=periodic-table] .c-alkaline{background:#ee932b4d}.tool[data-tool=periodic-table] .c-transition{background:#4280d747}.tool[data-tool=periodic-table] .c-post_transition{background:#3fa6954d}.tool[data-tool=periodic-table] .c-metalloid{background:#73a63f4d}.tool[data-tool=periodic-table] .c-nonmetal{background:#34b25e4d}.tool[data-tool=periodic-table] .c-halogen{background:#e6c41a59}.tool[data-tool=periodic-table] .c-noble{background:#a266cc4d}.tool[data-tool=periodic-table] .c-lanthanide{background:#d161ac4d}.tool[data-tool=periodic-table] .c-actinide{background:#d1476a4d}.tool[data-tool=periodic-table] .c-unknown{background:#83899533}.tool[data-tool=periodic-table] .pt-legend{gap:var(--space-2) var(--space-4);margin:0 0 var(--space-4);font-size:var(--fs-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.tool[data-tool=periodic-table] .pt-swatch{block-size:.9rem;inline-size:.9rem;border:1px solid var(--c-border-strong);vertical-align:-.1em;border-radius:3px;margin-inline-end:var(--space-2);display:inline-block}.tool[data-tool=periodic-table] .pt-list{margin:var(--space-3) 0;padding:0;list-style:none;display:grid}.tool[data-tool=periodic-table] .pt-row{gap:var(--space-2);inline-size:100%;min-block-size:var(--tap);padding:0 var(--space-3);border:0;border-block-end:1px solid var(--c-border);color:var(--c-text);font:inherit;text-align:start;cursor:pointer;background:0 0;grid-template-columns:2.5rem 2.5rem 1fr auto;align-items:center;display:grid}.tool[data-tool=periodic-table] .pt-rn,.tool[data-tool=periodic-table] .pt-rw{color:var(--c-text-2);font-variant-numeric:tabular-nums}