.periodicTable-module__bewwFq__modalOverlay{background-color:var(--pt-modal-overlay-bg);z-index:1000;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.periodicTable-module__bewwFq__periodicTable{will-change:transform;grid-template-columns:repeat(18,minmax(60px,1fr));gap:4px;max-width:100%;display:grid;overflow-x:auto}.periodicTable-module__bewwFq__alkaliMetal{background-color:var(--pt-alkali-metal-bg);color:#000}.periodicTable-module__bewwFq__alkalineEarthMetal{background-color:var(--pt-alkaline-earth-bg);color:#000}.periodicTable-module__bewwFq__semiMetal,.periodicTable-module__bewwFq__metalloid{background-color:var(--pt-metalloid-bg);color:#000}.periodicTable-module__bewwFq__metal,.periodicTable-module__bewwFq__postTransitionMetal{background-color:var(--pt-post-transition-bg);color:#000}.periodicTable-module__bewwFq__transitionMetal,.periodicTable-module__bewwFq__nobleMetal{background-color:var(--pt-transition-metal-bg);color:#000}.periodicTable-module__bewwFq__nonMetal{background-color:var(--pt-nonmetal-bg);color:#000}.periodicTable-module__bewwFq__halogen{background-color:var(--pt-halogen-bg);color:#000}.periodicTable-module__bewwFq__nobleGas{background-color:var(--pt-noble-gas-bg);color:#000}.periodicTable-module__bewwFq__lanthanide{background-color:var(--pt-lanthanide-bg);color:#000}.periodicTable-module__bewwFq__actinide{background-color:var(--pt-actinide-bg);color:#000}.periodicTable-module__bewwFq__unknown,.periodicTable-module__bewwFq__unknownProperties{background-color:var(--pt-unknown-bg);color:#000}:is(.dark .periodicTable-module__bewwFq__alkaliMetal,.dark .periodicTable-module__bewwFq__alkalineEarthMetal,.dark .periodicTable-module__bewwFq__semiMetal,.dark .periodicTable-module__bewwFq__metalloid,.dark .periodicTable-module__bewwFq__metal,.dark .periodicTable-module__bewwFq__postTransitionMetal,.dark .periodicTable-module__bewwFq__transitionMetal,.dark .periodicTable-module__bewwFq__nobleMetal,.dark .periodicTable-module__bewwFq__nonMetal,.dark .periodicTable-module__bewwFq__halogen,.dark .periodicTable-module__bewwFq__nobleGas,.dark .periodicTable-module__bewwFq__lanthanide,.dark .periodicTable-module__bewwFq__actinide,.dark .periodicTable-module__bewwFq__unknown,.dark .periodicTable-module__bewwFq__unknownProperties){color:#fff}.periodicTable-module__bewwFq__elementSolid{border:2px solid #0000004d}.periodicTable-module__bewwFq__elementLiquid{border:2px dashed #0000004d}.periodicTable-module__bewwFq__elementGas{border:2px dotted #0000004d}:is(.dark .periodicTable-module__bewwFq__elementSolid,.dark .periodicTable-module__bewwFq__elementLiquid,.dark .periodicTable-module__bewwFq__elementGas){border-color:#ffffff4d}.periodicTable-module__bewwFq__elementCell:focus{outline:3px solid var(--pt-outline-color);outline-offset:2px;transform:scale(1.05)}.periodicTable-module__bewwFq__emptyCell{min-height:80px}.periodicTable-module__bewwFq__bodyOverflowHidden{overflow:hidden}@media (max-width:768px){.periodicTable-module__bewwFq__periodicTable{transform-origin:0 0;grid-template-columns:repeat(18,minmax(45px,1fr));gap:2px;transform:scale(.95)}.periodicTable-module__bewwFq__elementCell{font-size:.9rem}.periodicTable-module__bewwFq__emptyCell{min-height:60px}.periodicTable-module__bewwFq__elementCell:focus{outline-width:2px}}@media (max-width:480px){.periodicTable-module__bewwFq__periodicTable{grid-template-columns:repeat(18,minmax(30px,1fr));gap:1px;transform:scale(.9)}.periodicTable-module__bewwFq__elementCell{padding:1px;font-size:.75rem}.periodicTable-module__bewwFq__emptyCell{min-height:45px}.periodicTable-module__bewwFq__elementCell{min-width:30px;min-height:45px}}@media (max-width:360px){.periodicTable-module__bewwFq__periodicTable{transform:scale(.85)}}