.element-tile.svelte-12lpz5g{border:1px solid color-mix(in srgb, var(--tile-color) 18%, transparent);background:var(--tile-bg);width:100%;min-width:0;height:100%;color:var(--tile-color);transition:opacity var(--motion-fast), border-color var(--motion-fast), background var(--motion-fast);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;padding:14px 3px 2px;display:flex;position:relative}.element-tile.svelte-12lpz5g:hover:not(.unavailable){border-color:var(--tile-color);background:color-mix(in srgb, var(--tile-color) 16%, var(--tile-bg));z-index:2}.element-tile.selected.svelte-12lpz5g{border-color:var(--tile-color);box-shadow:inset 0 0 0 1px var(--tile-color)}.element-tile.unknown.svelte-12lpz5g,.element-tile.unavailable.svelte-12lpz5g{opacity:.4}.element-tile.unavailable.svelte-12lpz5g{cursor:not-allowed}.element-tile.dimmed.svelte-12lpz5g{opacity:.18}.element-tile.svelte-12lpz5g:focus-visible,.element-tile.dimmed.svelte-12lpz5g:hover,.element-tile.unknown.svelte-12lpz5g:hover{opacity:1}.element-tile.svelte-12lpz5g:focus-visible{z-index:2;outline-offset:1px}.number.svelte-12lpz5g{font-variant-numeric:tabular-nums;font-size:10px;line-height:1;position:absolute;top:4px;left:6px}.symbol.svelte-12lpz5g{font-family:var(--font-display);letter-spacing:-.04em;flex-shrink:0;font-size:clamp(21px,2vw,29px);font-weight:500;line-height:1.05}.name.svelte-12lpz5g,.value.svelte-12lpz5g{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:100%;line-height:1.4;overflow:hidden}.name.svelte-12lpz5g{margin-top:3px;font-size:clamp(8px,.72vw,10px)}.value.svelte-12lpz5g{font-variant-numeric:tabular-nums;font-size:clamp(8px,.67vw,10px)}.without-value.svelte-12lpz5g{padding-bottom:4px}.without-value.svelte-12lpz5g .name:where(.svelte-12lpz5g){margin-top:2px;font-size:9px}.selection-mark.svelte-12lpz5g{background:var(--tile-color);width:15px;height:15px;color:var(--tile-bg);border-radius:50%;place-items:center;display:grid;position:absolute;top:3px;right:3px}@media (width<=1000px){.without-value.svelte-12lpz5g .name:where(.svelte-12lpz5g){font-size:10px}}@media (width<=760px){.symbol.svelte-12lpz5g{font-size:28px}.name.svelte-12lpz5g,.without-value.svelte-12lpz5g .name:where(.svelte-12lpz5g),.number.svelte-12lpz5g{font-size:11px}.value.svelte-12lpz5g{font-size:10px}}.periodic-table.svelte-wlbyy7{--cell:clamp(73px, calc(6.1vw - 3px), 83px);--table-gap:5px;--label-height:23px;--detached-gap:13px;--tile-width:calc((100% - 14px - 18 * var(--table-gap)) / 18);position:relative}.picker.svelte-wlbyy7{--cell:clamp(60px, 5vw, 70px);--table-gap:4px;--label-height:20px;--detached-gap:10px;--table-min-width:900px}.table-content.svelte-wlbyy7{z-index:1;left:calc(14px + 3 * var(--table-gap) + 2 * var(--tile-width));top:calc(var(--label-height) + var(--table-gap));width:calc(10 * var(--tile-width) + 9 * var(--table-gap));height:calc(3 * var(--cell) + 2 * var(--table-gap));padding:1px 12px 6px;position:absolute}.picker.svelte-wlbyy7 .table-content:where(.svelte-wlbyy7){align-content:center;padding:16px 24px}.table-content.bounded.svelte-wlbyy7{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0}.table-scroll.svelte-wlbyy7{border-radius:5px;margin:-5px;padding:5px;overflow-x:auto}.periodic-grid.svelte-wlbyy7{--table-layout:table;grid-template-columns:14px repeat(18,minmax(0,1fr));grid-template-rows:var(--label-height) repeat(7, var(--cell)) var(--detached-gap) repeat(2, var(--cell));gap:var(--table-gap);min-width:var(--table-min-width,0px);display:grid}.group-label.svelte-wlbyy7,.period-label.svelte-wlbyy7{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:10px;display:flex}.period-label.svelte-wlbyy7{grid-column:1}.tile-position.svelte-wlbyy7{grid-column:var(--element-column);grid-row:var(--element-row);min-width:0;min-height:0}.f-block-placeholder.svelte-wlbyy7{border:1px dashed var(--border);background:0 0;border-radius:5px;flex-direction:column;grid-column:4;justify-content:center;align-items:center;gap:7px;min-width:0;font-size:10px;display:flex}button.f-block-placeholder.svelte-wlbyy7:hover{border-color:currentColor}.f-block-label.svelte-wlbyy7{color:var(--muted);grid-column:2/4;place-self:center end;padding-right:10px;font-size:10px}@media (width>=1001px){.picker.svelte-wlbyy7 .table-content:where(.svelte-wlbyy7){display:grid}}@media (width<=1000px){.periodic-table.svelte-wlbyy7{--cell:83px;--table-gap:5px}.table-content.svelte-wlbyy7{display:none}.table-content.mobile-visible.svelte-wlbyy7{width:auto;height:var(--preview-height,auto);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;padding:0;display:block;position:static}.periodic-grid.svelte-wlbyy7{--table-layout:grid;grid-template-rows:none;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:91px;gap:7px;min-width:0}.tile-position.svelte-wlbyy7{grid-area:auto}.tile-position.filtered.svelte-wlbyy7,.group-label.svelte-wlbyy7,.period-label.svelte-wlbyy7,.f-block-placeholder.svelte-wlbyy7,.f-block-label.svelte-wlbyy7{display:none}.mobile-table.svelte-wlbyy7{scrollbar-color:var(--border) var(--surface);padding-bottom:12px}.mobile-table.svelte-wlbyy7 .periodic-grid:where(.svelte-wlbyy7){--table-layout:table;grid-template-columns:14px repeat(18,minmax(0,1fr));grid-template-rows:var(--label-height) repeat(7, var(--cell)) var(--detached-gap) repeat(2, var(--cell));gap:var(--table-gap);width:1120px}.mobile-table.svelte-wlbyy7 .tile-position:where(.svelte-wlbyy7){grid-column:var(--element-column);grid-row:var(--element-row)}.mobile-table.svelte-wlbyy7 .group-label:where(.svelte-wlbyy7),.mobile-table.svelte-wlbyy7 .period-label:where(.svelte-wlbyy7),.mobile-table.svelte-wlbyy7 .f-block-placeholder:where(.svelte-wlbyy7){display:flex}.mobile-table.svelte-wlbyy7 .tile-position.filtered:where(.svelte-wlbyy7),.mobile-table.svelte-wlbyy7 .f-block-label:where(.svelte-wlbyy7){display:block}}@media (width<=600px){.periodic-grid.svelte-wlbyy7{grid-template-columns:repeat(4,minmax(0,1fr))}}.layout-switch.svelte-z2ry2m{border:1px solid var(--border);border-radius:7px;flex-shrink:0;padding:2px;display:flex}button.svelte-z2ry2m{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:4px;place-items:center;display:grid}button.active.svelte-z2ry2m{background:var(--accent-soft);color:var(--accent)}