.periodic-table-thumbnail{aspect-ratio:376/163;background:linear-gradient(145deg,#f6f2e8,#e7eee7);place-items:center;width:100%;min-width:0;min-height:0;padding:.35rem;display:grid;overflow:hidden}.periodic-table-thumbnail.tool-thumbnail{aspect-ratio:auto;height:7.75rem;min-height:0;padding:.35rem .6rem}.periodic-table-thumbnail svg{width:100%;min-width:0;height:100%;min-height:0;display:block}.periodic-thumb-cell rect{fill:var(--element-color)}.periodic-thumb-cell text{fill:#27332e;font-variant-numeric:tabular-nums}.periodic-thumb-number{opacity:.62;font-size:3.4px}.periodic-thumb-symbol{letter-spacing:-.02em;text-anchor:middle;font-size:7px;font-weight:600}.periodic-thumb-cell.is-placeholder rect{fill:color-mix(in srgb, var(--element-color) 55%, transparent);stroke:color-mix(in srgb, var(--element-color), #27332e 30%);stroke-width:.4px;stroke-dasharray:1.2 1}.periodic-thumb-range{text-anchor:middle;font-size:3.6px;font-weight:600}.periodic-thumb-series{fill:#4b5c52;text-anchor:end;font-size:4.2px;font-weight:600}.periodic-thumb-cell.is-signature rect{fill:#b76e44;filter:drop-shadow(0 1.5px 1.5px #65452a40)}.periodic-thumb-cell.is-signature text{fill:#fff8e9}.periodic-thumb-cell.is-signature .periodic-thumb-number{opacity:.8}.dark .periodic-table-thumbnail{background:linear-gradient(145deg,#1e2922,#18221d)}.dark .periodic-thumb-cell rect{fill:color-mix(in srgb, var(--element-color) 37%, #14241c)}.dark .periodic-thumb-cell text{fill:#f0f1ea}.dark .periodic-thumb-cell.is-placeholder rect{fill:color-mix(in srgb, var(--element-color) 20%, #14241c);stroke:color-mix(in srgb, var(--element-color) 60%, #14241c)}.dark .periodic-thumb-series{fill:#b9c8bd}.dark .periodic-thumb-cell.is-signature rect{fill:#c27a4e;filter:drop-shadow(0 1.5px 2px #0006)}.dark .periodic-thumb-cell.is-signature text{fill:#fff8e9}
