.pt-grid{grid-template-rows:repeat(7,auto) .9rem repeat(2,auto);grid-template-columns:repeat(18,minmax(0,1fr));gap:3px;min-width:760px;display:grid}.cat-alkali{--swatch:#f6b9a3;background:var(--swatch)}.cat-alkaline-earth{--swatch:#f8d29b;background:var(--swatch)}.cat-transition{--swatch:#c8d8ef;background:var(--swatch)}.cat-post-transition{--swatch:#b7dfd3;background:var(--swatch)}.cat-metalloid{--swatch:#d5e6a6;background:var(--swatch)}.cat-nonmetal{--swatch:#fbe27a;background:var(--swatch)}.cat-halogen{--swatch:#e6c5ea;background:var(--swatch)}.cat-noble-gas{--swatch:#cfc5f1;background:var(--swatch)}.cat-lanthanide{--swatch:#f3c8d8;background:var(--swatch)}.cat-actinide{--swatch:#e6d3c1;background:var(--swatch)}.state-solid{--swatch:#e3dcc0;background:var(--swatch)}.state-liquid{--swatch:#8fc3ec;background:var(--swatch)}.state-gas{--swatch:#f6f1d9;background:var(--swatch);outline-offset:-3px;outline:1px dashed #b3a874}.state-unknown{--swatch:#fff;background:var(--swatch);outline-offset:-3px;outline:1px dotted #c9c1a0}.pt-grow-left{transform-origin:0}.pt-grow-right{transform-origin:100%}.pt-grow-top{transform-origin:top}.pt-grow-top.pt-grow-left{transform-origin:0 0}.pt-grow-top.pt-grow-right{transform-origin:100% 0}.pt-grow-bottom{transform-origin:bottom}@keyframes pt-shake{0%,to{translate:0}20%,60%{translate:-4px}40%,80%{translate:4px}}.pt-shake{animation:.35s pt-shake}@media (prefers-reduced-motion:reduce){.pt-shake{animation:none}}