.ReactModal__Overlay{opacity:0;background-color:#00000040;justify-content:center;align-items:center;transition:opacity .3s ease-in-out;display:flex;position:fixed;inset:0}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.ReactModal__Content{opacity:0;-webkit-backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:4px;outline:none;min-width:800px;margin:auto;padding:1rem;transition:opacity .3s ease-in-out;position:relative;inset:auto;box-shadow:0 4px 14px #333}.ReactModal__Content:focus{outline:none}.ReactModal__Content--after-open{opacity:1;outline:none}.ReactModal__Content--before-close{opacity:0;outline:none}
.periodic-table-grid{grid-template-columns:repeat(auto-fill,minmax(64px,4fr));gap:5px;display:grid}.element{cursor:pointer;border:1px solid #ffffff4d;border-radius:4px;justify-content:center;align-items:center;min-width:100px;padding:1.5rem;transition:all .25s;display:flex}.element.groupHighlight{border-radius:4px}.element.security{background:#cceafb}.element.featured{background:#fff;font-size:25px}.element.featured:hover{filter:none;box-shadow:none;scale:none}.element.performance{background:#e0cad5}.element:hover{filter:drop-shadow(0 4px 3px #0000004d)brightness(1.07)saturate(1.03);transform:scale(1.04)}.element.highlight{filter:drop-shadow(0 4px 3px #0000004d)brightness(1.07)saturate(1.03);transition:all .25s;transform:scale(1.05)}
/*# sourceMappingURL=ca5ea6d30f3cf1aa.css.map*/