.periodic-grid.svelte-1tpc7b{display:grid;grid-template-columns:repeat(18,minmax(28px,1fr));gap:2px;min-width:540px}.periodic-grid.compact.svelte-1tpc7b{grid-template-columns:repeat(18,minmax(18px,1fr));gap:1px;min-width:360px}.element-cell.svelte-1tpc7b{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border-radius:4px;cursor:pointer;background:color-mix(in srgb,var(--cat-color) 15%,var(--rc-bg-card));border:1px solid color-mix(in srgb,var(--cat-color) 30%,transparent);transition:transform .1s,box-shadow .1s,opacity .2s;padding:1px;min-width:0}.element-cell.svelte-1tpc7b:hover{transform:scale(1.2);z-index:10;box-shadow:0 2px 12px color-mix(in srgb,var(--cat-color) 40%,transparent);border-color:var(--cat-color)}.element-cell.dimmed.svelte-1tpc7b{opacity:.12;pointer-events:none}.element-cell.svelte-1tpc7b .number:where(.svelte-1tpc7b){font-size:7px;line-height:1;color:var(--rc-text-subtle)}.element-cell.svelte-1tpc7b .symbol:where(.svelte-1tpc7b){font-size:12px;font-weight:700;line-height:1.1;color:var(--rc-text)}.compact.svelte-1tpc7b .element-cell:where(.svelte-1tpc7b) .number:where(.svelte-1tpc7b){font-size:5px}.compact.svelte-1tpc7b .element-cell:where(.svelte-1tpc7b) .symbol:where(.svelte-1tpc7b){font-size:9px}.element-placeholder.svelte-1tpc7b{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:4px;background:color-mix(in srgb,var(--cat-color) 10%,var(--rc-bg-card));border:1px dashed color-mix(in srgb,var(--cat-color) 40%,transparent);color:var(--rc-text-muted)}.element-label.svelte-1tpc7b{display:flex;align-items:center;justify-content:flex-end;padding-right:4px}@media(min-width:640px){.element-cell.svelte-1tpc7b .number:where(.svelte-1tpc7b){font-size:8px}.element-cell.svelte-1tpc7b .symbol:where(.svelte-1tpc7b){font-size:14px}.compact.svelte-1tpc7b .element-cell:where(.svelte-1tpc7b) .number:where(.svelte-1tpc7b){font-size:6px}.compact.svelte-1tpc7b .element-cell:where(.svelte-1tpc7b) .symbol:where(.svelte-1tpc7b){font-size:10px}}