table{margin:24px auto;table-layout:fixed;width:clamp(50vw,95vw,80em);& td{text-align:center}& .atom-cell{font-size:clamp(.5vw,1vw,1rem);width:calc(100% - 1vw)!important;height:unset}}tfoot tr{cursor:pointer}#legende{background:var(--secondary);color:var(--background);padding:.8em;border-radius:.2em;& .block{display:flex;align-items:center;cursor:pointer;border:2px solid transparent;padding:.2em;border-radius:.2em;&:hover{border-color:var(--accent)}>div{width:1em;height:1em;margin-right:.2em}}}.atom-cell{border:.1em solid var(--text);padding:.5em;width:clamp(5em,6vw,6em);height:clamp(5em,6vw,6em);aspect-ratio:1;margin:0;background:white;display:inline-block;text-align:center;transition:all .2s;overflow:hidden;text-decoration:none!important;&>.Z{font-size:1em}&>.symbol{font-size:1.4em;font-weight:700}}.atom-cell.hover,td .atom-cell:hover{transform:scale(1.8);font-size:min(.6vw,1.5vh)}.atom-cell.selected{box-shadow:var(--accent) 0 0 1em .3em}#search{margin:.5em}.atom-search-result{display:flex;margin:24px auto;border:2px solid var(--text);padding:12px;&>.atom-cell{font-size:1em;transform:unset!important}}#search-results,.atome-properties{display:flex;flex-direction:column}.atome-properties{text-align:left;padding:0 1em}#atome-name{font-weight:700;display:inline-flex;justify-content:space-between;align-items:center;margin:1em;&>span{font-size:2em;margin:0 1em}& .atom-cell{font-weight:400}}