.alkali-metal.svelte-3tsojm.svelte-3tsojm.svelte-3tsojm{--category-color:#992121}.alkaline-metal.svelte-3tsojm.svelte-3tsojm.svelte-3tsojm{--category-color:#b45a11}.transition-metal.svelte-3tsojm.svelte-3tsojm.svelte-3tsojm{--category-color:#a78800}.metalloid.svelte-3tsojm.svelte-3tsojm.svelte-3tsojm{--category-color:#009fa5}.post-transition-metal.svelte-3tsojm.svelte-3tsojm.svelte-3tsojm{--category-color:#148a28}.nonmetal.svelte-3tsojm.svelte-3tsojm.svelte-3tsojm{--category-color:#2e78bd}.noble-gas.svelte-3tsojm.svelte-3tsojm.svelte-3tsojm{--category-color:#8c52ce}.lanthanide.svelte-3tsojm.svelte-3tsojm.svelte-3tsojm{--category-color:#8060d6}.actinide.svelte-3tsojm.svelte-3tsojm.svelte-3tsojm{--category-color:#c0447e}.synthetic.svelte-3tsojm.svelte-3tsojm.svelte-3tsojm{--category-color:#555555}.grid-stack.svelte-3tsojm.svelte-3tsojm.svelte-3tsojm{background-color:black;display:grid;height:100%;grid-template-areas:"stack";grid-template-columns:1fr;grid-template-rows:1fr}.grid-stack.svelte-3tsojm>.svelte-3tsojm.svelte-3tsojm{grid-area:stack;height:100%;width:100%;position:relative}.footer.svelte-3tsojm.svelte-3tsojm.svelte-3tsojm,.title.svelte-3tsojm.svelte-3tsojm.svelte-3tsojm{display:flex;align-items:center;flex-direction:column;width:100%;text-align:center;font-size:min(11pt, 1.2vw);line-height:1.2}.footer.svelte-3tsojm div.svelte-3tsojm.svelte-3tsojm,.title.svelte-3tsojm div.svelte-3tsojm.svelte-3tsojm{white-space:nowrap}.title.svelte-3tsojm.svelte-3tsojm.svelte-3tsojm{height:5lh;padding-top:15px}.footer.svelte-3tsojm.svelte-3tsojm.svelte-3tsojm{padding-bottom:15px}.wrapper.svelte-3tsojm.svelte-3tsojm.svelte-3tsojm{width:100%;display:flex;justify-content:center;align-items:center}.ptable.svelte-3tsojm.svelte-3tsojm.svelte-3tsojm{box-sizing:border-box;padding:15px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:grid;grid-template-columns:repeat(18, 1fr);grid-template-rows:repeat(9, 1fr);width:max-content;grid-gap:4px}@media screen and (max-width: 900px){.ptable.svelte-3tsojm.svelte-3tsojm.svelte-3tsojm{grid-gap:2px}}.ptable.svelte-3tsojm .element.svelte-3tsojm.svelte-3tsojm{opacity:0.9;display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:1/1;box-sizing:border-box;padding:3px;max-width:min(100%, 3.7vw);border-radius:6px;background-color:color-mix(in srgb, var(--category-color), black 40%)}.ptable.svelte-3tsojm .element.svelte-3tsojm>div.svelte-3tsojm{--font-unit-size:calc( min(1.8vh, 0.9vw) );line-height:1.1;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.ptable.svelte-3tsojm .element.svelte-3tsojm>div.number.svelte-3tsojm{flex-grow:1;align-items:flex-start;font-size:calc(var(--font-unit-size) * 0.6)}.ptable.svelte-3tsojm .element.svelte-3tsojm>div.symbol.svelte-3tsojm{font-size:calc(var(--font-unit-size) * 1.2);flex-grow:3}.ptable.svelte-3tsojm .element.svelte-3tsojm>div.name.svelte-3tsojm{flex-grow:1;font-size:calc(var(--font-unit-size) * 0.45)}.ptable.svelte-3tsojm .element>div.name div.svelte-3tsojm.svelte-3tsojm{display:block}@media screen and (max-width: 1200px){.ptable.svelte-3tsojm .element.svelte-3tsojm>div.name.svelte-3tsojm,.ptable.svelte-3tsojm .element.svelte-3tsojm>div.number.svelte-3tsojm{display:none}.ptable.svelte-3tsojm .element.svelte-3tsojm>div.symbol.svelte-3tsojm{font-size:calc(var(--font-unit-size) * 1.5)}}.ptable.svelte-3tsojm .element.playable.svelte-3tsojm.svelte-3tsojm{background-color:var(--category-color);cursor:pointer}.ptable.svelte-3tsojm .element.playable.svelte-3tsojm.svelte-3tsojm:hover{background-color:color-mix(in srgb, var(--category-color), white 18%)}.ptable.svelte-3tsojm .element.playable.svelte-3tsojm.svelte-3tsojm:active{background-color:color-mix(in srgb, var(--category-color), black 12%)}@media screen and (max-width: 900px){.ptable.svelte-3tsojm .element.svelte-3tsojm.svelte-3tsojm{padding:1px;border-radius:2px}}