.periodic-table-container.svelte-1wthevn{container-type:inline-size}div.periodic-table.svelte-1wthevn{display:grid;grid-template-columns:repeat(18,1fr);position:relative;container-type:inline-size;gap:var(--ptable-gap, .3cqw)}div.periodic-table.svelte-1wthevn .auto-colorbar-inset{place-items:center;padding:clamp(.3em,1.5cqw,1em) clamp(.4em,3cqw,2em);--cbar-font-size: clamp(7pt, 1.8cqw, 9pt);--cbar-thickness: clamp(8px, 2.5cqw, 14px)}div.periodic-table.svelte-1wthevn .auto-colorbar-inset .colorbar{width:90%}div.spacer.svelte-1wthevn{grid-row:8;aspect-ratio:var(--ptable-spacer-ratio, 2)}.tooltip.svelte-1wthevn{position:absolute;transform:translate(-50%,-10%);background:var( --tooltip-bg, light-dark(rgba(255, 255, 255, .95), rgba(0, 0, 0, .85)) );color:var(--tooltip-color, light-dark(#222, #eee));padding:var(--tooltip-padding, 4px 6px);border-radius:var(--tooltip-border-radius, var(--border-radius, 3pt));font-size:var(--tooltip-font-size, 14px);text-align:var(--tooltip-text-align, center);line-height:var(--tooltip-line-height, 1.2);z-index:var(--tooltip-z-index, 2);pointer-events:none;box-shadow:var( --tooltip-shadow, light-dark(0 2px 8px rgba(0, 0, 0, .15), 0 2px 8px rgba(0, 0, 0, .4)) )}.tooltip.svelte-1wthevn:before{content:"";position:absolute;top:-15%;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--tooltip-bg, light-dark(rgba(255, 255, 255, .95), rgba(0, 0, 0, .85)));box-sizing:border-box;margin:0 auto}.controls-grid.svelte-18mwnip{display:grid;grid-template-columns:var(--ptable-ctrl-columns, repeat(auto-fit, minmax(320px, 1fr)));gap:var(--ptable-ctrl-gap, 1.5em);margin:var(--ptable-ctrl-margin, 2em auto);padding:0 1em;max-width:1200px}section.svelte-18mwnip{background:var(--surface-bg);border-radius:6px;padding:6pt 2ex}section.svelte-18mwnip h3:where(.svelte-18mwnip){display:flex;justify-content:space-between;align-items:center;margin:0 0 .8em;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.3em;max-height:max-content}button.section-reset.svelte-18mwnip{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}section.svelte-18mwnip>label:where(.svelte-18mwnip){display:flex;align-items:center;gap:.5em;margin:.6em 0;font-size:.9em;flex-wrap:wrap}section.svelte-18mwnip>label:where(.svelte-18mwnip)>span:where(.svelte-18mwnip){min-width:100px;font-weight:500;font-size:.85em}section.svelte-18mwnip>label:where(.svelte-18mwnip) input[type=range]:where(.svelte-18mwnip){flex:1;margin:0 .3em}section.svelte-18mwnip>label:where(.svelte-18mwnip) input[type=number]:where(.svelte-18mwnip){width:60px;padding:2px 4px;border-radius:3px}section.svelte-18mwnip>label:where(.svelte-18mwnip) input[type=text]:where(.svelte-18mwnip){flex:1;padding:4px 6px;border-radius:3px}section.svelte-18mwnip>label:where(.svelte-18mwnip) input[type=color]:where(.svelte-18mwnip){width:50px;height:20px;border-radius:3px;border:1px solid var(--border-color)}section.svelte-18mwnip>label:where(.svelte-18mwnip) select:where(.svelte-18mwnip){flex:1;padding:4px 6px;border-radius:3px;cursor:pointer}section.svelte-18mwnip>label:where(.svelte-18mwnip) button:where(.svelte-18mwnip){background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:3px 6px;font-size:.8em;opacity:.7;transition:opacity .2s}section.svelte-18mwnip>label:where(.svelte-18mwnip) button:where(.svelte-18mwnip):hover{opacity:1}.category-colors.svelte-18mwnip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.category-colors.svelte-18mwnip label:where(.svelte-18mwnip){margin:0;display:flex;align-items:center;gap:6pt;flex-wrap:nowrap;text-transform:capitalize;transition:background-color .2s}.category-colors.svelte-18mwnip label:where(.svelte-18mwnip) span:where(.svelte-18mwnip){flex:1;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.category-colors.svelte-18mwnip input[type=color]:where(.svelte-18mwnip){width:25px;height:25px;min-width:25px;min-height:25px;border-radius:50%;overflow:hidden;cursor:pointer}.table-inset.svelte-1l4kuwj{display:grid;box-sizing:border-box;grid-row:var(--ptable-inset-row, 1 / span 3);grid-column:var(--ptable-inset-col, 3 / span 10);container-type:inline-size;container-name:table-inset;overflow:visible;padding:var(--ptable-inset-padding, 0 0 5px 15px)}