body,html{background-color:#181a1b;color:hsla(0,0%,100%,.87);overflow:hidden;width:100%;height:100%;margin:0;transition:background-color .5s}*,body,html{font-family:Roboto,sans-serif}a{color:rgba(150,150,255,.87)}a:visited{color:rgba(150,150,255,.77)}#elements,#formula,#mass{position:absolute;text-align:center;text-shadow:0 0 10px #000;color:hsla(0,0%,100%,.8);overflow:auto}#mass{overflow:visible;bottom:2px;left:25%;width:50%;color:hsla(0,0%,100%,.8);font-size:48px}#popup{display:none;position:absolute;top:25%;left:10px;z-index:99;transform:translateY(-50%);width:300px;text-align:center;font-size:24px;padding:5px;overflow:auto;border-radius:2px;border:3px solid rgba(80,82,84,.75);background-color:rgba(61,65,68,.5);box-shadow:0 0 5px rgba(0,0,0,.5)}#popup.show{display:block}#popup-title{font-weight:700}#mass-popup{display:none}#mass-popup.show{display:block}img[src=""]{display:none}#mass:active #mass-popup,#mass:hover #mass-popup{display:block}#mass-popup{max-height:15vh;overflow-y:auto;max-width:400px;width:80%;padding:5px;font-size:24px;border-radius:2px;border:3px solid rgba(80,82,84,.75);background-color:rgba(61,65,68,.5);box-shadow:0 0 5px rgba(0,0,0,.5);margin:auto auto 5px;z-index:10}.row{display:block;clear:both;float:none;height:30px}.row-left{float:left}.row-right{float:right;font-weight:700}details>span{overflow-x:auto;white-space:nowrap}#model-image{top:27.5%;opacity:.9;filter:invert(93%);pointer-events:none}#model-image,#model-label{position:absolute;left:50%;transform:translate(-50%,-50%);z-index:0}#model-label{top:8%;opacity:.7}#elements{top:57.5%;left:12.5%;width:75%;height:80px;font-size:24px;white-space:nowrap;overflow-x:auto;overflow-y:visible}#elements-body>span{cursor:pointer}#formula{top:42.5%;left:12.5%;height:15%;width:75%;color:hsla(0,0%,100%,.99);font-size:56px;background-color:initial;border:none;border-radius:5px}#formula:focus{outline:none}#snackbar-install,#snackbar-update{display:none}#snackbar-install.show,#snackbar-update.show{display:inline}#snackbar{position:absolute;top:-50px;height:35px;width:50%;left:25%;background-color:#3c4042;border-radius:2px;border:3px solid #5d5d5d;box-shadow:0 0 5px rgba(0,0,0,.5);transition:all 1s;z-index:100}#snackbar :not(div){margin-top:6px}#snackbar button{float:right;margin-right:10px}#snackbar p{display:inline-block;margin-left:10px}#snackbar.show{top:8px}#options{position:absolute;left:0;width:100%;top:-176px;transition:all 1s;z-index:2;pointer-events:none}#options-panel{margin:auto;width:500px;height:150px;background-color:rgba(61,65,68,.5);border-radius:2px;border:3px solid rgba(80,82,84,.75);padding:10px;text-align:center;pointer-events:all;box-shadow:0 0 5px rgba(0,0,0,.5);z-index:9}#options.show{top:10px}#options-drawer{cursor:pointer;margin:auto;width:20.5px;height:20px;padding-left:6px;padding-bottom:6px;font-size:18px;line-height:25px;background-color:hsla(210,2%,40%,.6);border:3px solid hsla(210,2%,40%,.75);border-top:none;border-radius:0 0 2px 2px;color:hsla(0,0%,100%,.8);box-shadow:0 0 5px rgba(0,0,0,.5);pointer-events:all;opacity:.3}#options-drawer:hover{opacity:.5}#info{margin-bottom:20px}#info>:not(:first-child){display:block}#other-switches{margin-top:5px;margin-bottom:20px}.switches-dual-column{margin-top:5px;width:100%}.switches-dual-column>*{width:45%;display:inline-block}#compounds,#equations{position:absolute;top:50%;transform:translateY(-50%);transition:all 1s;z-index:1;pointer-events:none}#compounds-drawer,#equations-drawer{cursor:pointer;top:50%;transform:translateY(-50%);position:absolute;width:20px;height:20.5px;padding-left:4px;padding-bottom:6px;font-size:32px;line-height:25px;background-color:hsla(210,2%,40%,.6);border:3px solid hsla(210,2%,40%,.75);color:hsla(0,0%,100%,.8);box-shadow:0 0 5px rgba(0,0,0,.5);pointer-events:all;opacity:.3}#compounds-drawer:hover,#equations-drawer:hover{opacity:.5}#compound-search,#equation-search{width:calc(100% - 60px);color:hsla(0,0%,100%,.99);background-color:hsla(210,2%,40%,.2);height:5%;border:none;margin:0;padding:5px;text-align:center;display:inline-block}#compound-sort,#equation-sort{width:50px;padding:2.5px;font-size:13px;height:calc(7% + 2px);border:none;float:right;background-color:hsla(210,2%,40%,.4);color:hsla(0,0%,100%,.99)}option{background-color:#3c3c3c;color:#fff}#compound-list,#equation-list{overflow-y:scroll;overflow-x:hidden;height:92.5%}#compound-list>button,#equation-list>button{overflow:hidden;width:100%;height:30px;border-radius:0;padding:5px}.list-results{cursor:default;background-color:#3c4042}#equations{left:-206px}#equations.show{left:10px}#equations-drawer{right:-27px;border-left:none;border-radius:0 2px 2px 0}#compounds{position:absolute;top:50%;right:-206px;transform:translateY(-50%);transition:all 1s;z-index:1;pointer-events:none}.panel{height:400px;width:200px;background-color:rgba(61,65,68,.5);border-radius:2px;border:3px solid rgba(80,82,84,.75);pointer-events:all;box-shadow:0 0 5px rgba(0,0,0,.5);z-index:9}#compounds.show{right:10px}#compounds-drawer{left:-27px;border-radius:2px 0 0 2px;border-right:none}#highlight{position:absolute;height:calc(15% - 25px);opacity:.5;background-color:#ff0;display:none}.mass-overlay{position:absolute;font-size:32px;opacity:.8;text-align:center}#testing{position:absolute;top:0;left:0;width:100%;background-color:rgba(0,0,0,.8);backdrop-filter:saturate(180%) blur(5px);z-index:999;height:0;opacity:0;transition:all 1s}summary:focus{outline:none!important}summary{cursor:pointer}summary::-webkit-details-marker{margin-bottom:2.5px}#testing-content h2{margin-top:0;margin-bottom:0;display:inline-block;width:calc(100% - 20px)}#testing-content h2>h4{float:right;font-weight:400;font-size:16px;margin-top:5px;margin-right:40px;display:block;color:hsla(0,0%,100%,.87)}#testing-content h4{font-weight:400;margin-top:0;margin-bottom:5px;margin-left:40px}#testing-content>details{margin-bottom:15px}details[open] summary~*{animation:sweep .5s ease-in-out}@keyframes sweep{0%{opacity:0;margin-left:-40px}to{opacity:1;margin-left:0}}#testing.show{height:100%;opacity:1}#testing-header{float:left;margin-top:15px;margin-left:15px;margin-bottom:15px}#testing-right{float:right;text-align:right;margin-top:15px;margin-right:15px;margin-bottom:0}#testing-content{margin-left:40px;width:calc(100% - 40px);height:calc(100% - 90px);overflow:auto}#testing-loading.show{opacity:.8;top:50%;left:50%;transform:translate(-50%,-50%)}#testing-loading{opacity:0;width:75%;transition:opacity .5s;position:absolute;top:-999px;left:50%;transform:translateX(-50%)}#testing-loading-label{text-align:center;width:100%;display:block;font-size:36px}#testing-loading-bar{width:100%;height:20px;border-radius:1px}#testing-loading-bar::-webkit-progress-bar{background-color:rgba(50,50,50,.8)}#testing-loading-bar::-webkit-progress-value{background-color:hsla(0,0%,58.8%,.8)}:not(h2).test-fail:before,:not(h2).test-pass:before{content:attr(before-text);margin-right:5px}.test-pass:before{color:#87ca00}.test-fail:before{color:red}h2.test-pass{color:#cfff70}h2.test-fail{color:#ff7070}:not(h2).test-fail,h1.test-fail{color:#d90000}h1.test-pass{color:#689c00}#quiz{top:0;left:0;height:100%;display:none}#quiz,#quiz-title{position:absolute;width:100%}#quiz-title{top:20%;text-align:center;font-size:42px}#quiz-options,#quiz-title{transform:translateY(-50%)}#quiz-options{margin-top:55vh}.quiz-option{font-size:38px;width:50%;min-width:250px;height:60px;margin:auto auto 50px}body[quiz=true] *{display:none}body[quiz=true]>#quiz,body[quiz=true]>#quiz *{display:block!important}button{background-color:#505456;color:hsla(0,0%,100%,.87);border:none;border-radius:2px;height:24px;cursor:pointer;transition:all .5s}button:hover{background-color:#6f6f6f;color:#fff}.switch{position:relative;display:inline-block;width:30px;height:17px;top:2px;margin-right:3px;margin-bottom:5px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(120,122,120,.7)}.slider,.slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.slider:before{content:"";height:13px;width:13px;left:2px;bottom:2px;background-color:rgba(40,42,44,.8)}#changelog{top:-60%;position:absolute;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;padding:10px;background-color:rgba(61,65,68,.5);border:3px solid rgba(80,82,84,.75);border-radius:2px;box-shadow:0 0 5px rgba(0,0,0,.5);z-index:999;overflow:auto;transition:all 1s}#changelog.show{top:50%}#changelogBackground{position:absolute;top:-100%;left:0;width:100%;height:100%;opacity:0;z-index:998;background-color:#000;transition:opacity 3s}#changelog.show+#changelogBackground{top:0;opacity:.5}#changelog h1{margin-top:0}#changelog h2{border-bottom:1px solid #ccc;font-size:32px}#changelog h3{font-size:24px;margin-bottom:0}#changelog h4{font-size:18px;margin-bottom:0}#changelog h4,#changelog ul{margin-left:10px}input:checked+.slider{background-color:rgba(180,182,184,.9)}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(13px);-ms-transform:translateX(13px);transform:translateX(13px)}::-webkit-scrollbar{background-color:#1c1e1f;color:#c5c1b9}::-webkit-scrollbar-thumb{background-color:#2a2c2e}::-webkit-scrollbar-thumb:hover{background-color:#323537}::-webkit-scrollbar-thumb:active{background-color:#3d4043}::-webkit-scrollbar-corner{background-color:#181a1b}*{scrollbar-color:#2a2c2e #1c1e1f}@media (max-width:900px){#snackbar{width:75%;left:12.5%}#mass-popup{width:95%}}@media (max-width:600px){#snackbar{width:95%;left:2.5%}#options{top:-221px}#options-panel{width:80%;height:195px}.switches-dual-column>*{width:100%}#mass-popup{margin-left:-15%;width:125%}}
/*# sourceMappingURL=/styles.dc2dd6df.css.map */