@font-face{font-weight:400;font-family:Varela Round;src:url(varela_round_regular.471d0cbc.ttf)}*{font-family:Varela Round,sans-serif}body{width:100%;height:100%;margin:0;position:absolute;overflow:hidden}#wrapper{width:100%;height:100%;color:#fff;background:#000;display:flex;position:absolute;overflow:hidden}#side{background:#000;border-right:.1em solid #666;flex-direction:column;flex:0 0 18em;display:flex;overflow:auto}#side>.instruction{text-align:center;color:#aaa;margin:1.2em 0 .8em;font-size:.9em}#side>.spacer{flex:1 0 2em}#view{background:url(noise.0d49e2ef.png) 0 0/9em,radial-gradient(#555,#000 90%) 0 0/cover;flex:1;position:relative}#view>div{width:100%;height:100%;position:absolute;overflow:hidden}#title{text-align:center;background:linear-gradient(#777,#000);margin-bottom:.3em;padding:1em}#title>span{font-variant:petite-caps;font-size:1.2em;font-style:italic}#actions{grid-gap:.6em;grid-template-columns:8em 8em;justify-content:center;display:grid}#tools>div{cursor:pointer;user-select:none;padding:.4em 1.5em;font-size:.9em}#tools>div:hover{background:#558}#tools>div.selected,#tools>div:active{background:#335}#tools>div.selected:before{background:#88f}#tools>div:before{content:"";width:.6em;height:.6em;background:#fff3;border:.1em solid #fff;border-radius:1em;margin-top:.3em;margin-right:.7em;display:inline-block}#atom_symbol,#atom_geometry{grid-gap:.6em;grid-template-columns:4em 4em 4em;justify-content:center;display:grid}#atom_symbol>div,#atom_geometry>div{cursor:pointer;user-select:none;box-sizing:border-box;height:4em;border-radius:.3em}#atom_symbol>div:not(.disabled):not(.selected):hover,#atom_geometry>div:not(.disabled):not(.selected):hover{box-shadow:0 0 .1em .1em #fff,inset 0 0 .2em #fff}#atom_symbol>div.selected,#atom_geometry>div.selected{box-shadow:0 0 0 .3em #88f,inset 0 0 .2em #fff}#atom_symbol>div.disabled,#atom_geometry>div.disabled{cursor:not-allowed;opacity:.5}#atom_symbol>div{text-align:center;color:#000;background-image:radial-gradient(#ffffff80,#0000);padding:.5em 0}#atom_symbol>div>span{display:block}#atom_symbol>div>span:nth-child(1){font-size:2em}#atom_symbol>div>span:nth-child(2){font-size:.6em}#atom_geometry>div{color:#000;background:radial-gradient(#fff,#aaa);padding:.3em .4em;position:relative}#atom_geometry>div>span{font-size:1.2em}#atom_geometry>div>div{width:1em;height:1em;background-image:url(table.19b50384.svg);background-position:0;background-size:6em;font-size:3.5em;position:absolute;bottom:0;right:0}#about{text-align:center;padding:.5em}#about>a{color:#aaa!important}button{cursor:pointer;color:#000;--bg-1:#bbf;--bg-2:#ccf;--bg-3:#ddf;--shadow-0:#0000004d;--shadow-1:#ffffffb3;background:#ddf;background:linear-gradient(var(--bg-3),var(--bg-1));box-shadow:inset -.1em -.1em .3em var(--shadow-0),inset .1em .1em .3em var(--shadow-1);border:0;border-radius:.5em;padding:.4em .6em;font-size:.75em}button[disabled]{cursor:default;opacity:.5}button:not([disabled]).attention{--bg-1:#9f9;--bg-2:#bfb;--bg-3:#dfd}button:not([disabled]):hover{background:var(--bg-2);box-shadow:inset -.05em -.05em .2em var(--shadow-1),inset .05em .05em .2em var(--shadow-0)}button:not([disabled]):active{background:linear-gradient(var(--bg-1),var(--bg-3));box-shadow:inset -.1em -.1em .3em var(--shadow-1),inset .1em .1em .3em var(--shadow-0)}.banner_wrapper{justify-content:center;align-items:center;display:flex}.banner{background:#00000080;border-radius:1em;padding:1em;font-size:1.4em}
/*# sourceMappingURL=index.ebea840f.css.map */