body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body,html{height:100vh;overflow:hidden}body{min-height:100vh;padding:0}body>#root>div{height:100vh;overflow:hidden;--defaultsecondary:#24262a;--defaulthover:#7d8595;--defaulttext:#e0e6f0;--secondarytext:#9faab9;--defaultIcon:#673ab7;--defaultprimary:#222428;--defaulttertiary:#1d1f22;--defaultborder:#24272d;--defaultshadow:#151414;color:var(--defaulttext)}#login-page{flex-direction:column;background:var(--defaulttertiary);color:var(--defaulttext)}#login-form,#login-page{display:flex;align-items:center;justify-content:center}#login-form{height:330px;width:400px;padding:25px;border-radius:5px}#submit-create-button,#submit-login-button{width:300px;color:var(--defaulttext);margin-top:10px;padding:5px 0}#login-tabs>nav{margin-top:10px}#login-tabs{width:400px;height:460px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:6px}#login-tabs,#login-tabs nav button{background:var(--defaultprimary);color:var(--defaulttext)}#login-tabs nav button{border:none;width:200px;padding:10px;border-bottom:2px solid var(--defaultprimary)}#login-tabs nav button:hover{border-bottom:2px solid var(--defaulthover)}#login-tabs nav button:focus{border-bottom:2px solid var(--defaultborder)}fieldset p{margin-bottom:1px;margin-top:5px}fieldset input{border:none;box-shadow:0 1px 2px 0 rgba(0,0,0,.2),0 1px 2px 0 rgba(0,0,0,.19);background:var(--defaultprimary);height:30px;padding-left:10px;width:300px;margin-bottom:10px}fieldset input:focus{box-shadow:0 5px 10px 0 rgba(0,0,0,.2),0 5px 10px 0 rgba(0,0,0,.19);border:none;outline:none}.p-4{border-top:1px solid var(--defaultborder);height:350px}.p-4 form{margin-left:26px}#main-title{text-align:center;font-family:monospace;margin-bottom:0}#login-tabs input{background:var(--defaultprimary);border-radius:5px;color:var(--defaulttext)}input:-webkit-autofill{-webkit-background-clip:text;-webkit-box-shadow:0 0 0 30px #fff inset!important}select{background:transparent;outline:none}input[type=text],select{border-radius:5px;border:1px solid var(--defaultborder);color:var(--defaulttext)}input[type=text]{background:var(--defaultprimary)}input[type=text]:focus{outline:2px solid var(--defaultborder)}label{color:var(--defaulttext);font-size:12px;margin-bottom:1px}.App{display:grid;grid-template-areas:"header" "main";grid-gap:0;padding:0;grid-template-columns:100vw;grid-template-rows:45px calc(100vh - 45px)}#main-header,.app-header{background:var(--defaultprimary)}.app-header{display:flex;grid-area:header;z-index:100;box-shadow:1px 0 4px 1px var(--defaultshadow);justify-content:space-between}.app-header .content-left{order:1;display:flex;justify-content:flex-start;align-items:center;padding-left:10px}.app-header .content-left p{margin-bottom:0}.app-header .content-right{order:2;display:flex;justify-content:flex-end;align-items:center;padding-right:10px}.app-header .content-right>*{margin-left:20px}.app-header .header-button{background:transparent;border:none;height:100%;font-size:11px;padding:3px;color:var(--defaulttext)}.app-header .header-button:hover{color:var(--defaulthover)}.show>.dropdown-menu{display:block;position:absolute}#TopMenuBar .dropdown-content>button{border:none;width:160px;text-align:left;padding:3px 3px 3px 18px}.dropbtn{background-color:var(--defaultprimary);color:var(--defaulttext);font-size:16px;border:none;padding:8px 20px 7px}.dropdown{position:relative;display:inline-block;float:left;height:39px}.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:160px;box-shadow:0 2px 2px 0 rgba(0,0,0,.2);color:var(--defaulttext);z-index:1}.dropdown-content a{color:var(--defaulttext);padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:var(--defaultborder)}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:var(--defaultborder)}#Settings-button{background:red}#footer-settings-button{height:40px;background:transparent;float:left;color:#4b4b4b;border:none}#footer-settings-button:hover{color:var(--defaulthover)}.settings-modal{display:none;position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.settings-modal-content{background-color:#fefefe;padding:20px;border:1px solid #888;width:700px;height:500px;top:20%;position:relative;left:30%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}#footer-bar{grid-area:footer}#side-bar-logo{margin-top:10px;margin-bottom:120px;height:90px;padding:5px}.create-modal{display:block;position:fixed;z-index:10;left:0;top:-200%;width:100%;height:100%;overflow:auto;background:inherit;transition:all .5s ease-in-out}.create-modal.open{left:0;top:0}.create-modal-content{background-color:var(--defaultprimary);padding:20px;border:1px solid var(--defaultborder);border-radius:8px;width:700px;height:500px;top:20%;position:relative;left:30%;color:var(--defaulttext);box-shadow:0 0 6px 3px var(--defaultshadow)}.create-crystal-panel{padding:10px}.create-crystal-panel input[type=file]::file-selector-button{border:1px solid var(--defaultborder);color:var(--defaulttext);background:var(--defaultprimary);border-radius:5px}.create-crystal-panel input[type=file]::file-selector-button:hover{background:var(--defaulthover);cursor:pointer}.create-crystal-panel>h6{font-size:12px;font-style:italic;color:var(--defaulttext)}.create-crystal-options{display:grid;grid-template-areas:"meta geometry";grid-template-columns:30% 70%}.form__group{position:relative;padding:15px 0 0;margin-top:10px;width:100%}.form__field{font-family:inherit;width:100%;border:0;border-bottom:1px solid var(--defaultborder);outline:0;font-size:.7rem;color:var(--defaulttext);padding:7px 0;background:transparent;transition:border-color .2s}.form__field::-webkit-input-placeholder{color:transparent}.form__field:-ms-input-placeholder{color:transparent}.form__field::placeholder{color:transparent}.form__field:-ms-input-placeholder~.form__label{font-size:1rem;cursor:text;top:20px}.form__field:placeholder-shown~.form__label{font-size:1rem;cursor:text;top:20px}.form__label{position:absolute;top:0;display:block;transition:.2s;font-size:.5rem;color:var(--defaulttext)}.form__field:focus{padding-bottom:6px;font-weight:500;border-width:3px;border-image:linear-gradient(90deg,var(--defaulthover),var(--defaultborder));border-image-slice:1}.form__field:focus~.form__label{position:absolute;top:0;display:block;transition:.2s;font-size:.5rem;color:var(--defaulttext);font-weight:500}.form__field:invalid,.form__field:required{box-shadow:none}.create-crystal-options-meta{grid-area:meta}.create-crystal-options-geometry{grid-area:geometry}.sidenav{height:100%;width:0;background-color:var(--defaultprimary);overflow-x:hidden;transition:.5s}.sidenav.open{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:20px;border-right:1px solid var(--defaultborder)}@-webkit-keyframes displaceContent{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(3em);transform:translateY(3em)}}@keyframes displaceContent{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(3em);transform:translateY(3em)}}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .4s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .4s}.close-button-container{width:100%;height:20px}.close-button-container>button{float:right;color:var(--defaulttext);background:transparent;border:none}#search-panel-settings p{font-size:12px;margin-bottom:2px}#view-panel{display:none;position:fixed;z-index:2;width:700px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:var(--defaulttext);background:var(--defaultprimary);border-radius:10px;border:1px solid var(--defaultborder);padding:5px;right:10px;bottom:10px}.view-title{font-size:12px;font-style:italic;float:left;margin-bottom:5px;margin-left:10px}#view-panel-canvas{margin:15px;width:95%;height:300px;border-bottom:1px solid var(--defaultborder)}input[type=range]{-webkit-appearance:none;appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]::-moz-range-thumb{border:none}.range-style{height:25px;padding:10px;background:var(--defaultprimary);border-radius:10px;box-shadow:-2px -2px 8px var(--defaultshadow),2px 2px 8px rgba(var(--defaultshadow),.5);margin:2px}.range-style::-webkit-slider-runnable-track{display:flex;align-items:center;height:5px;border-radius:10px;box-shadow:inset -2px -2px 8px var(--defaulttext),inset 2px 2px 8px rgba(0,0,0,.5)}.range-style::-webkit-slider-thumb{position:relative;top:-50%;width:12px;height:12px;background-color:#8e95a6;background-image:linear-gradient(-45deg,rgba(var(--defaulttext),.3),transparent);border-radius:50%;box-shadow:-1px -1px 2px var(--defaultshadow),1px 1px 2px rgba(var(--defaultshadow),.3)}.range-style::-moz-range-track{display:flex;align-items:center;height:5px;border-radius:10px;box-shadow:inset -2px -2px 8px var(--defaulttext),inset 2px 2px 8px rgba(0,0,0,.5)}.range-style::-moz-range-thumb{position:relative;top:-50%;width:12px;height:12px;background-color:#8e95a6;background-image:linear-gradient(-45deg,rgba(var(--defaulttext),.3),transparent);border-radius:50%;box-shadow:-1px -1px 2px var(--defaultshadow),1px 1px 2px rgba(var(--defaultshadow),.3)}.dashboard{height:100%;overflow:hidden;grid-area:main;display:flex}.left-panel{height:100%;width:23%;border-left:#696969;float:left;background:var(--defaultsecondary);padding:30px}.application-bay{width:100%;height:100%;background:var(--defaulttertiary)}#left-side-bar{width:65px;min-width:65px;background:var(--defaultprimary);border-right:1px solid var(--defaultborder);float:left;z-index:1;overflow-x:hidden;display:grid;align-content:space-between;padding-top:60px;padding-bottom:20px}.left-side-bar-button{width:100%;height:55px;padding:5px;text-align:center;margin:5px 0;background:inherit;color:var(--defaulttext);border:none;border-left:3px solid transparent}.left-side-bar-button.selected{border-left:3px solid var(--defaulttext)}.left-side-bar-button:hover{border-left:3px solid var(--defaulthover);color:var(--defaulthover)}.left-side-bar-button:hover span{color:var(--defaultIcon)}#left-side-bar>button span{display:inline-block;text-align:center;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);font-size:10px;color:var(--defaulttext);overflow:visible;position:relative;width:10px}.options-panel{height:100%;width:0;background:var(--defaultsecondary);border:1px solid var(--defaultborder);border-top:none;grid-area:panel}#left-task-bar{height:100%;display:grid;grid-template-areas:"panel app1 app2";grid-gap:0;padding:0;grid-template-rows:calc(100vh - 137px);grid-area:task-bar}#view-app-container{width:100%;height:100%;display:flex}#molecule-plot-container{order:1;flex-grow:1.5;border-right:1px solid var(--defaultborder)}#cif-editor-container{order:2;flex-grow:1;min-width:30%}#compare-app-container{height:100%;display:flex;max-width:calc(100vw - 325px)}#database-app-container{width:100%;height:100%;display:flex}#plot-tab-set{height:100%}#app-root-loading,#plot-app-placeholder{display:grid;align-content:center;justify-content:center;height:100%}#plot-app-placeholder-message{padding:50px;border-radius:10px;font-family:"Lato",serif;color:var(--defaultborder);border:2px solid var(--defaultborder)}#plot-app-placeholder-message>ul{font-size:2.5rem;list-style:disc}#plot-app-placeholder-message h1{font-family:"Lato","roboto",sans-serif}#x-axis{height:40px;border-top:1px solid var(--defaulttext);bottom:30px;width:90vw;left:50px}#x-axis,#y-axis{background:transparent;z-index:1;position:relative}#y-axis{height:90vh;border-right:1px solid var(--defaulttext);width:40px;left:10px;bottom:92%}#xy-axis-outer{position:absolute;bottom:20px;z-index:2;width:14vw;height:15vh;display:grid;grid-template:"tick10 axis axis" "ylabel axis axis" "tick00 xlabel tick01";grid-template-columns:40px auto auto;grid-template-rows:auto auto 40px;left:50px;padding:4px}#xy-axis-outer:hover{background:var(--defaultprimary);border-radius:4px;border:1px solid var(--defaultborder)}#xy-axis-inner{width:10vw;height:10vh;border-bottom:1px solid var(--defaulttext);border-left:1px solid var(--defaulttext);grid-area:axis}#x-label{grid-area:xlabel;justify-self:center}#x-label,#y-label{font-size:10px;margin-bottom:0}#y-label{grid-area:ylabel}#tick-upper-left{grid-area:tick10}#tick-lower-left{grid-area:tick00}#tick-lower-right{grid-area:tick01;float:right}#tick-lower-right>p{float:right}.tick>p{font-size:11px}.no-atom-geometry-content{display:grid;justify-content:center;align-content:center}#compare-options-panel{height:100%;width:100%}#compare-search-button{width:15%;border-radius:4px;background:var(--defaultsecondary);color:var(--defaulttext);border:1px solid var(--defaultborder);margin:5px;outline:none}#compare-search-button:hover{border-radius:4px;background:var(--defaulthover)}.panel-card{padding:10px;width:100%}#graph-id,#graph-id-graph-wrapper{height:100%}#svg-container-graph-id,svg[name=svg-container-graph-id]{height:100%!important}#plot-tabs{width:100%;background:#e8e8e8}.plot-tab{min-width:20%}#plot-set-tab-container{order:1;flex-grow:1.5;height:100%}#crystal-list-container{order:2;flex-grow:0;width:320px;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}#plot-app-menu{background:var(--defaultsecondary);position:relative;width:50px;float:right;z-index:2;border:2px solid var(--defaultborder);border-radius:8px;margin-top:10px;margin-right:10px;color:var(--defaulttext)}.plot-app-menu-button{border:none;width:46px;height:50px;background:transparent;color:var(--defaulttext)}.plot-app-menu-button:hover{background:var(--defaultborder)}.plot-app-menu-button:focus{color:var(--defaulthover)}.dropdown-content-start{display:none;position:absolute;background-color:#f1f1f1;min-width:160px;box-shadow:none;z-index:1}#plot-app-menu .dropbtn{width:47px;height:50px;padding:5px;background:transparent}#plot-app-menu .dropbtn:hover{background:var(--defaultborder)}#plot-app-menu .dropdown-content{right:52px;top:2px;border-radius:8px;border:2px solid var(--defaultborder);min-width:120px;background:transparent;overflow:hidden;padding:10px}#plot-app-menu button{color:var(--defaulttext);background:transparent}#plot-app-menu button:hover{color:var(--defaulttext);background:var(--defaulthover)}#plot-app-menu #graph-choices button{border:none;padding:3px 3px 3px 9px;background:var(--defaultsecondary);text-align:left;overflow:hidden;color:var(--defaulttext)}#plot-app-menu #graph-choices button:active,button:hover{color:var(--defaulttext)}#plot-app-menu .dropdown-content button:hover{background:var(--defaulthover);overflow:hidden}#plot-app-menu .dropdown-content button:focus{color:#39b7f3}#plot-app-menu .dropdown{height:auto}#plot-app-menu p{font-size:11px;margin-bottom:4px}#plot-app-menu .dropdown-content:hover,.dropdown-content:focus{display:block;background:var(--defaultsecondary)}#plot-app-menu .dropbtn:hover+.dropdown-content{background:var(--defaultsecondary)}#plot-app-menu .dropdown:active .dropdown-content,#plot-app-menu .dropdown:focus .dropdown-content{display:block}.graph-control-button{width:60px;display:inline-block;padding:5px;border:2px solid var(--defaultborder);border-radius:5px;margin-left:5px}#search-facet{width:97%;margin-top:3px;background:var(--defaultsecondary);border:1px solid var(--defaultborder);color:var(--defaulttext);margin-bottom:10px}#search-panel-settings{padding:10px}#search-k,#search-result-size{width:98%}#plot-app>div>div>svg{position:absolute}div.react-sigma-v2{background:transparent!important}#current-crystal-list{overflow:auto;overflow-x:hidden}.open-plot-app-menu{width:20px;display:grid;height:100vh;z-index:1;float:right;position:relative;background:var(--defaultsecondary);box-shadow:0 0 6px 1px var(--defaultshadow);align-content:center;justify-content:center}.open-plot-app-menu.clicked{background:transparent;border:none}.open-plot-app-menu.clicked:hover{background:transparent;cursor:auto}.open-plot-app-menu:hover{cursor:pointer;background:var(--defaulthover)}.app-menu{position:fixed;z-index:10;height:98vh;color:var(--defaulttext);background:var(--defaultsecondary);border-radius:10px;box-shadow:0 0 6px 2px var(--defaultshadow);padding:10px;right:-100%;transition:all .3s ease-in-out;top:10px;width:25%}.app-menu.open{right:1%}.app-menu-container{overflow-y:auto;scrollbar-width:thin;height:95%;width:100%;padding:15px}.app-menu-container input[type=range]{width:95%}.app-menu-container::-webkit-scrollbar{width:2px;background:var(--defaultsecondary)}.app-menu-container>h6{font-style:italic;font-size:12px;border-bottom:1px solid var(--defaultborder);padding:3px;margin-top:10px}.app-menu-container>p{font-size:11px;margin-bottom:3px}.plot-app-menu-graph-selection-button{background:var(--defaultprimary);border-radius:10px;color:var(--defaulttext);display:grid;align-content:center;justify-content:center;font-size:.7rem;margin:5px;box-shadow:0 0 3px 1px var(--defaultshadow);padding:25px 2px}.plot-app-menu-graph-selection-button:hover{box-shadow:0 0 6px 2px var(--defaultshadow)}.plot-app-menu-graph-selection-button.selected{background:var(--defaultborder)}.plot-app-menu-graph-selection{display:grid;background:transparent;grid-template-rows:33% 33% 33%;grid-template-columns:50% 50%;min-height:20%}.compare-app{display:grid;grid-template-areas:"top-bar" "main";height:100%;grid-template-rows:50px calc(100% - 50px);scrollbar-color:var(--defaulttext) var(--defaultborder)}.compare-app.hidden{display:none}.compare-app button{color:var(--defaulttext)}.compare-app button:hover{color:var(--defaulthover)}.compare-app button.active{border:1px solid var(--defaultborder)}.compare-app .compare-app-top-bar{height:50px;padding:5px 10px;display:flex;justify-content:space-between;grid-area:top-bar;border-bottom:1px solid var(--defaultborder);align-items:center;z-index:1;background:var(--defaultprimary)}.compare-app .compare-app-top-bar button{background:transparent;border:none}.compare-app .compare-app-top-bar button.active{background:var(--defaulttertiary);border-radius:5px}.compare-app .compare-app-top-bar .search-bar{display:flex}.compare-app .compare-app-top-bar .search-facet{background:transparent;border:1px solid var(--defaultborder);border-radius:5px;color:var(--defaulttext)}.compare-app .compare-app-top-bar .search-facet option{background:var(--defaultprimary);color:var(--defaulttext)}.compare-app .compare-app-top-bar .left-content{display:flex;align-content:flex-start;align-items:center}.compare-app .compare-app-top-bar .left-content>p{margin:0 10px}.compare-app .compare-app-top-bar .right-content{display:flex;align-content:flex-end;align-items:center}.compare-app .compare-app-top-bar .right-content>*{margin:0 5px}.compare-app .compare-app-top-bar .compare-search-query{color:var(--defaulttext);background:var(--defaultprimary);border:1px solid var(--defaultborder);border-radius:5px}.compare-app .compare-app-top-bar .compare-search-query:focus{outline:2px solid var(--defaultborder)}.compare-app .compare-app-main{grid-area:main;display:flex}.compare-app .compare-app-main .top-filter{width:100%;background:var(--defaultprimary);color:var(--defaulttext);border:1px solid var(--defaultborder);padding:0 5px;border-radius:5px}.compare-app .compare-app-main .top-filter:focus{outline:var(--defaulttext)}.compare-app .compare-app-main .search-panel{order:0;height:100%;width:0;color:var(--defaulttext);background:var(--defaultprimary);padding:0;transition:width .2s linear;-webkit-transform:translateZ(0) scale(1);overflow:auto;z-index:2;border-right:1px solid var(--defaultborder);scrollbar-width:none}.compare-app .compare-app-main .search-panel.open{width:20%}.compare-app .compare-app-main .search-panel .search-results-container{background:var(--defaultprimary);color:var(--defaulttext);scrollbar-width:thin;width:100%;overflow:auto;border-bottom:1px solid var(--defaultborder)}.compare-app .compare-app-main .compare-app-plot{background:var(--defaulttertiary);order:1;height:100%;max-width:100%;flex-grow:3;overflow:hidden}.compare-app .compare-app-main .compare-app-plot>div{height:100%;width:100%}.compare-app .compare-app-main .compare-app-plot>div>.force-graph-container{height:100%}.compare-app .compare-app-main .compare-app-plot .preview-panel{display:none;position:fixed;z-index:2;width:16%;height:22%;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;color:var(--defaulttext);background:var(--defaultprimary);border-radius:10px;padding:5px;box-shadow:0 0 5px 2px var(--defaultshadow)}.compare-app .compare-app-main .compare-app-plot .preview-panel .preview-title{margin-bottom:0}.compare-app .compare-app-main .compare-app-plot .preview-panel .top-container{display:flex;justify-content:space-between;font-size:10px;border-bottom:1px solid var(--defaultborder)}.compare-app .compare-app-main .compare-app-plot .preview-panel .top-container button{background:transparent;color:var(--bs-blue);border:none}.compare-app .compare-app-main .compare-app-plot .preview-panel .top-container .left-content{display:flex;align-content:flex-start;align-items:center}.compare-app .compare-app-main .compare-app-plot .preview-panel .top-container .right-content{display:flex;align-content:flex-end;align-items:center}.compare-app .compare-app-main .compare-app-plot .preview-title{font-size:11px;font-style:italic;float:left;margin-bottom:5px;margin-left:10px;color:var(--defaulttext)}.compare-app .compare-app-main .compare-app-plot .preview-panel-canvas{width:100%!important;height:90%!important}.compare-app .compare-app-main .preview-list{order:2;width:0;z-index:1;transition:width .2s linear;-webkit-transform:translateZ(0) scale(1);overflow:hidden}.compare-app .compare-app-main .preview-list.open{width:15%;border-left:1px solid var(--defaultborder);overflow:auto;scrollbar-width:thin;padding:10px}.compare-app .compare-app-main .preview-list .preview-list-item{border-radius:10px;border:1px solid var(--defaultborder);margin:5px 0}.compare-app .compare-app-main .preview-list .preview-list-item button{background:transparent;color:var(--bs-blue);border:none}.compare-app .compare-app-main .preview-list .preview-list-item .top-container{display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--defaultborder);padding:4px}.compare-app .compare-app-main .preview-list .preview-list-item .top-container p{margin-bottom:0}.compare-app .compare-app-main .preview-list .preview-list-item .top-container .left-content{display:flex;align-content:flex-start;align-items:center}.compare-app .compare-app-main .preview-list .preview-list-item .top-container .right-content{display:flex;align-content:flex-end;align-items:center}.compare-app .compare-app-main .crystal-list{order:3;width:0;z-index:1;transition:width .2s linear;-webkit-transform:translateZ(0) scale(1);background:var(--defaultprimary)}.compare-app .compare-app-main .crystal-list.open{width:12%;border-left:1px solid var(--defaultborder);overflow:auto;scrollbar-width:thin;padding:10px}.compare-app .compare-app-main .compare-app-menu{order:4;width:0;z-index:1;transition:width .2s linear;-webkit-transform:translateZ(0) scale(1);background:var(--defaultprimary)}.compare-app .compare-app-main .compare-app-menu select{width:100%}.compare-app .compare-app-main .compare-app-menu.open{width:18%;border-left:1px solid var(--defaultborder);overflow:auto;scrollbar-width:thin;padding:10px}.query-result{width:100%;display:grid;background:var(--defaultprimary);color:var(--defaulttext);border-top:1px solid var(--defaultborder);grid-template-areas:"chev name name add" "chev id1 id2 add";align-content:center;padding:8px 15px;justify-content:space-between}.query-result-dropdown{width:100%;display:grid;background:var(--defaulttertiary);transition:all .5s ease;grid-template-areas:"field value" "add add";grid-template-rows:100px 50px;grid-template-columns:50% 50%;padding:10px 15px}.query-result-dropdown .query-result-dropdown-button-row{display:flex;align-content:space-between}.query-result-dropdown .query-result-dropdown-button-row button{width:50%;border:1px solid var(--defaultborder)}.query-result-dropdown .query-result-dropdown-button-row button:hover{color:var(--defaulthover)}.query-result-dropdown .query-result-dropdown-button-row button.disabled{color:var(--defaulthover);cursor:default}.query-result-dropdown .query-result-dropdown-data{display:flex;justify-content:space-between;width:100%}.query-result-dropdown .query-result-dropdown-data p{padding:2px;word-break:break-word}.query-result-dropdown .query-result-dropdown-data .query-result-dropdown-data-label{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;color:var(--secondarytext)}.query-result-dropdown .query-result-dropdown-data query-result-dropdown-data-value,.query-result-dropdown .query-result-dropdown-data query-result-dropdown-data-value p{max-width:50%;word-break:break-word}.query-result-accordion{transition:all .5s ease}.query-result-name{font-size:1rem;margin:0}.query-result-name,.query-result-name-with-sim{grid-area:name;color:var(--defaulttext)}.query-result-name-with-sim>h4{font-size:.9rem;margin-bottom:0}.query-result-name-with-sim>p{font-size:.7rem;margin-bottom:0}.query-result-open-button{grid-area:chev}.query-result-open-button,.query-result-quick-add-button{color:var(--defaulttext);border:none;background:var(--defaultprimary)}.query-result-quick-add-button{grid-area:add}.query-result-add-button:hover{color:#39b7f3;background:var(--defaultborder);border-radius:4px;border:2px solid #a9a9a9}.query-result-id{grid-area:id1;font-size:.7rem;margin:0}.query-result-source{grid-area:id2;font-style:italic;font-size:.7rem;margin:0}.query-result-added{display:inline-grid;height:45px;width:180px;grid-template-areas:"remove name";grid-template-columns:50px 250px;background:var(--defaultprimary);color:var(--defaulttext);border:1px solid var(--defaultborder);padding:5px;margin:5px;border-radius:10px}.query-result-remove-button{grid-area:remove;height:25px;width:30px;border-radius:4px;background:transparent;border:1px solid var(--defaultborder);color:var(--bs-blue)}.query-result-remove-button:hover{background:var(--defaultborder)}.query-result-dropdown-button{height:25px;color:var(--defaulttext);border:2px solid var(--defaultborder);border-radius:5px;display:inline;grid-area:add;overflow:hidden;font-size:11px;margin-left:3px;background:var(--defaultprimary)}.query-result-dropdown-button:hover{color:var(--defaulthover)}.query-result-dropdown p{font-size:12px;margin-bottom:1px;text-align:center}.search-query{color:var(--defaulttext);background:var(--defaultprimary);border:1px solid var(--defaultborder);border-radius:5px}.search-query:focus{outline:2px solid var(--defaultborder)}:root{--ruby:#e22653;--grey:#999;--dark-grey:#666;--light-grey:#ccc;--cream:#f9f7ed;--transparent-white:hsla(0,0%,100%,0.8);--transition:all ease-out 300ms;--shadow:0 1px 5px var(--dark-grey);--hover-opacity:0.7;--stage-padding:8px;--panels-width:350px;--border-radius:3px}body{font-family:"Public Sans",sans-serif;background:#fff;font-size:.9em;overflow:hidden}h1,h2{font-family:Lora,serif}h2{font-size:1.3em;margin:0}h2>*{vertical-align:text-top}a:hover{opacity:.7;opacity:var(--hover-opacity)}#app-root,.sigma-container{width:100%;height:100%}.controls{position:absolute;bottom:8px;bottom:var(--stage-padding);left:8px;left:var(--stage-padding)}.panels{position:absolute;bottom:0;right:0;width:290px;max-height:calc(100vh - 16px);max-height:calc(100vh - var(--stage-padding)*2);overflow-y:auto;padding:8px;padding:var(--stage-padding);scrollbar-width:thin}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#999;background-color:var(--grey);border:transparent}div.ico>button{display:block;position:relative;font-size:1.8em;width:2em;height:2em;border-radius:3px;border-radius:var(--border-radius);box-shadow:0 1px 5px #666;box-shadow:var(--shadow);color:#000;background:#fff;border:none;outline:none;margin-top:.2em;cursor:pointer}div.ico>button:hover{color:#666;color:var(--dark-grey)}div.ico>button>*{position:absolute;inset:0;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}button.btn{color:var(--defaulttext);font-family:Lato,sans-serif;cursor:pointer}button.btn:hover{opacity:.7;opacity:var(--hover-opacity)}button.btn>*{vertical-align:baseline}ul{list-style:none;padding:0}ul>li{margin-top:.2em}.text-muted{color:#666;color:var(--dark-grey)}.text-small{font-size:.7em;vertical-align:baseline}.mouse-pointer{cursor:pointer}.panel{background:var(--defaultprimary);color:var(--defaulttext);padding:1em;border-radius:3px;border-radius:var(--border-radius);border:none;box-shadow:0 0 2px 1px var(--defaultshadow);display:none}.panel.open{display:block;max-height:40vh;overflow-y:auto;scrollbar-width:thin}.panel.open:hover{box-shadow:0 0 5px 2px var(--defaultshadow)}.panel:not(:last-child){margin-bottom:.5em}.panel h2 button{float:right;background:var(--defaultprimary);border:1px solid var(--defaultborder);border-radius:3px;border-radius:var(--border-radius);font-size:1.2em;height:1em;width:1em;text-align:center;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.panel h2 button:hover{opacity:.7;opacity:var(--hover-opacity)}.panel>h2{font-size:16px}.caption-row input[type=checkbox]{display:none}.caption-row input[type=checkbox]:not(:checked)+label{color:#666;color:var(--dark-grey)}.caption-row input[type=checkbox]:not(:checked)+label .circle{background-color:#fff!important}.caption-row label{display:flex;flex-direction:row;cursor:pointer}.caption-row label:hover{opacity:.7;opacity:var(--hover-opacity)}.caption-row label .circle{flex-shrink:0;display:inline-block;width:1.2em;height:1.2em;border-radius:1.2em;vertical-align:middle;box-sizing:border-box;background-color:#666;background-color:var(--dark-grey);background-position:50%;background-size:cover;background-repeat:no-repeat;margin-right:.2em;transition:all .3s ease-out;transition:var(--transition);border:3px solid #666;border:3px solid var(--dark-grey)}.caption-row label .node-label{flex-grow:1}.caption-row label .bar{position:relative;background:#ccc;background:var(--light-grey);height:3px;margin-bottom:.2em}.caption-row label .bar .inside-bar{position:absolute;top:0;left:0;height:100%;background:#666;background:var(--dark-grey);transition:all .3s ease-out;transition:var(--transition)}.search-wrapper{position:relative;display:none}.search-wrapper.open{display:block}.search-wrapper>input[type=search]{width:100%;height:3em;outline:none;border-radius:3px;border-radius:var(--border-radius);margin-bottom:.5em;padding:1em 1em 1em 3em;font-family:Lato,sans-serif;font-size:1em;background:var(--defaultprimary);border:none;color:var(--defaulttext);box-shadow:0 0 2px 1px var(--defaultshadow)}.search-wrapper>input[type=search]:focus{box-shadow:0 0 5px 1px var(--defaultshadow)}.search-wrapper>.icon{position:absolute;width:1em;height:1em;top:1em;left:1em}.view-app{display:grid;grid-template-areas:"top-bar" "main";height:100%;grid-template-rows:50px calc(100% - 50px);scrollbar-color:var(--defaulttext) var(--defaultborder)}.view-app.hidden{display:none}.view-app button{color:var(--defaulttext);background:transparent;border:none}.view-app button:hover{color:var(--defaulthover)}.view-app button.active{border:1px solid var(--defaultborder)}.view-app .view-app-top-bar{height:50px;padding:5px 10px;display:flex;justify-content:space-between;grid-area:top-bar;border-bottom:1px solid var(--defaultborder);align-items:center;z-index:1}.view-app .view-app-top-bar .search-bar{display:flex}.view-app .view-app-top-bar .search-facet{background:transparent;border:1px solid var(--defaultborder);border-radius:5px;color:var(--defaulttext)}.view-app .view-app-top-bar .search-facet option{background:var(--defaultprimary);color:var(--defaulttext)}.view-app .view-app-top-bar .left-content{display:flex;align-content:flex-start;align-items:center}.view-app .view-app-top-bar .left-content>p{margin:0 10px}.view-app .view-app-top-bar .right-content{display:flex;align-content:flex-end;align-items:center}.view-app .view-app-top-bar .right-content>*{margin:0 5px}.view-app .view-app-top-bar .view-search-query{color:var(--defaulttext);background:var(--defaultprimary);border:1px solid var(--defaultborder);border-radius:5px}.view-app .view-app-top-bar .view-search-query:focus{outline:2px solid var(--defaultborder)}.view-app .view-app-main{grid-area:main;display:flex}.view-app .view-app-main .top-filter{width:100%;background:var(--defaultprimary);color:var(--defaulttext);border:1px solid var(--defaultborder);padding:0 5px;border-radius:5px}.view-app .view-app-main .top-filter:focus{outline:var(--defaulttext)}.view-app .view-app-main .search-panel{order:0;height:100%;width:0;color:var(--defaulttext);background:var(--defaultprimary);padding:0;transition:width .2s linear;-webkit-transform:translateZ(0) scale(1);overflow:auto;z-index:2;border-right:1px solid var(--defaultborder);-ms-overflow-style:none;scrollbar-width:none}.view-app .view-app-main .search-panel.open{width:20%}.view-app .view-app-main .search-panel .search-results-container{background:var(--defaultprimary);color:var(--defaulttext);width:100%;overflow:auto;border-bottom:1px solid var(--defaultborder)}.view-app .view-app-main .view-app-main-canvas{background:var(--defaultprimary);order:1;height:100%;max-width:100%;flex-grow:3;overflow:hidden}.view-app .view-app-main .view-app-main-canvas .view-app-canvas{width:100%;height:100%;overflow:hidden}.view-app .view-app-main .view-app-menu{width:0;z-index:1;transition:width .2s linear;-webkit-transform:translateZ(0) scale(1);background:var(--defaultprimary);position:fixed;right:0}.view-app .view-app-main .view-app-menu .view-app-menu-container{height:100%;padding:5px;overflow-y:auto;scrollbar-width:thin;width:100%}.view-app .view-app-main .view-app-menu .view-app-menu-container>h6{font-size:.8rem;border-bottom:1px solid var(--defaultborder);padding:3px;font-style:italic}.view-app .view-app-main .view-app-menu.open{width:-webkit-min-content;width:min-content;border-left:1px solid var(--defaultborder);overflow:auto;scrollbar-width:thin;padding:5px;height:calc(100% - 95px);box-shadow:-1px 1px 4px 1px var(--defaultshadow);z-index:0}.view-app .view-app-main .view-app-menu .periodic-table{display:grid;grid-template:repeat(7,auto)/repeat(18,auto);grid-gap:1px;--reactive-nonmetal:#f0ff8f;--alkali-metal:#f66;--alkaline-earth-metal:#ffdead;--noble-gas:#c0ffff;--transition-metal:#ffc0c0;--post-transition-metal:#ccc;--metaloid:#cc9;--unknown:#e8e8e8;--lanthanide:#ffbfff;--actinide:#f9c}.view-app .view-app-main .view-app-menu .periodic-table__element{padding:2px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--base-text-color);background:var(--background-color);color:var(--base-text-color)}.view-app .view-app-main .view-app-menu .periodic-table__element:hover{background:var(--defaultborder);cursor:pointer}.view-app .view-app-main .view-app-menu .periodic-table__element .atomic-number{order:1;align-self:flex-start;font-size:.4rem}.view-app .view-app-main .view-app-menu .periodic-table__element .atomic-number.atomic-number--green{color:green}.view-app .view-app-main .view-app-menu .periodic-table__element .atomic-number.atomic-number--red{color:red}.view-app .view-app-main .view-app-menu .periodic-table__element .symbol{font-size:.5rem;font-weight:700;order:2}.view-app .view-app-main .view-app-menu .periodic-table__element .name{font-size:.4rem;order:3}.view-app .view-app-main .view-app-menu .periodic-table__element .atomic-weight{font-size:.3rem;order:4}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--reactive-nonmetal .symbol{color:var(--reactive-nonmetal)}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--reactive-nonmetal.c{grid-area:2/14}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--reactive-nonmetal.n{grid-area:2/15}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--reactive-nonmetal.o{grid-area:2/16}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--reactive-nonmetal.f{grid-area:2/17}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--reactive-nonmetal.p{grid-area:3/15}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--reactive-nonmetal.s{grid-area:3/16}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--reactive-nonmetal.cl{grid-area:3/17}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--reactive-nonmetal.se{grid-area:4/16}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--reactive-nonmetal.br{grid-area:4/17}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--reactive-nonmetal.i{grid-area:5/17}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--alkali-metal{grid-column:1}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--alkali-metal .symbol{color:var(--alkali-metal)}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--alkali-metal.li{grid-row:2}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--alkali-metal.na{grid-row:3}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--alkali-metal.k{grid-row:4}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--alkali-metal.rb{grid-row:5}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--alkali-metal.cs{grid-row:6}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--alkali-metal.fr{grid-row:7}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--alkaline-earth-metal{grid-column:2}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--alkaline-earth-metal .symbol{color:var(--alkaline-earth-metal)}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--alkaline-earth-metal.be{grid-row:2}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--alkaline-earth-metal.mg{grid-row:3}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--alkaline-earth-metal.ca{grid-row:4}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--alkaline-earth-metal.sr{grid-row:5}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--alkaline-earth-metal.ba{grid-row:6}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--alkaline-earth-metal.ra{grid-row:7}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--noble-gas{grid-column:18}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--noble-gas .symbol{color:var(--noble-gas)}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal .symbol{color:var(--transition-metal)}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.sc{grid-area:4/3}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.y{grid-area:5/3}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.ti{grid-area:4/4}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.zr{grid-area:5/4}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.hf{grid-area:6/4}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.rf{grid-area:7/4}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.v{grid-area:4/5}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.nb{grid-area:5/5}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.ta{grid-area:6/5}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.db{grid-area:7/5}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.cr{grid-area:4/6}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.mo{grid-area:5/6}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.w{grid-area:6/6}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.sg{grid-area:7/6}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.mn{grid-area:4/7}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.tc{grid-area:5/7}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.re{grid-area:6/7}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.bh{grid-area:7/7}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.fe{grid-area:4/8}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.ru{grid-area:5/8}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.os{grid-area:6/8}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.hs{grid-area:7/8}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.co{grid-area:4/9}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.rh{grid-area:5/9}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.ir{grid-area:6/9}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.ni{grid-area:4/10}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.pd{grid-area:5/10}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.pt{grid-area:6/10}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.cu{grid-area:4/11}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.ag{grid-area:5/11}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--transition-metal.au{grid-area:6/11}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--post-transition-metal .symbol{color:var(--post-transition-metal)}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--post-transition-metal.zn{grid-area:4/12}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--post-transition-metal.cd{grid-area:5/12}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--post-transition-metal.hg{grid-area:6/12}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--post-transition-metal.cn{grid-area:7/12}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--post-transition-metal.al{grid-area:3/13}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--post-transition-metal.ga{grid-area:4/13}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--post-transition-metal.in{grid-area:5/13}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--post-transition-metal.tl{grid-area:6/13}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--post-transition-metal.sn{grid-area:5/14}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--post-transition-metal.pb{grid-area:6/14}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--post-transition-metal.bi{grid-area:6/15}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--post-transition-metal.po{grid-area:6/16}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--metaloid .symbol{color:var(--metaloid)}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--metaloid.b{grid-area:2/13}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--metaloid.si{grid-area:3/14}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--metaloid.ge{grid-area:4/14}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--metaloid.as{grid-area:4/15}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--metaloid.sb{grid-area:5/15}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--metaloid.te{grid-area:5/16}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--metaloid.at{grid-area:6/17}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--unknown .symbol{color:var(--unknown)}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--unknown.og{grid-area:7/18}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--lanthanide .symbol{color:var(--lanthanide)}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--lanthanide.la{grid-column:3;grid-row:6}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--actinide .symbol{color:var(--actinide)}.view-app .view-app-main .view-app-menu .periodic-table__element.periodic-table__element--actinide.ac{grid-column:3;grid-row:7}.view-app .view-app-main .view-app-menu .periodic-subtable{display:grid;grid-template:repeat(2,auto)/repeat(14,auto);margin-top:10px;grid-gap:2px}.view-app .view-app-main .view-app-menu .periodic-subtable__element{padding:3px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--base-text-color)}.view-app .view-app-main .view-app-menu .periodic-subtable__element .atomic-number{order:1;align-self:flex-start;font-size:.4rem}.view-app .view-app-main .view-app-menu .periodic-subtable__element .atomic-number.atomic-number--green{color:green}.view-app .view-app-main .view-app-menu .periodic-subtable__element .atomic-number.atomic-number--red{color:red}.view-app .view-app-main .view-app-menu .periodic-subtable__element .symbol{font-size:.7rem;font-weight:700;order:2}.view-app .view-app-main .view-app-menu .periodic-subtable__element .name{font-size:.6rem;order:3}.view-app .view-app-main .view-app-menu .periodic-subtable__element .atomic-weight{font-size:.5rem;order:4}.view-app .view-app-main .view-app-menu .periodic-subtable__element.periodic-subtable__element--lanthanide{grid-row:1}.view-app .view-app-main .view-app-menu .periodic-subtable__element.periodic-subtable__element--lanthanide .symbol{color:var(--lanthanide)}.view-app .view-app-main .view-app-menu .periodic-subtable__element.periodic-subtable__element--actinide{grid-row:2}.view-app .view-app-main .view-app-menu .periodic-subtable__element.periodic-subtable__element--actinide .symbol{color:var(--actinide)}#view-app-placeholder{display:grid;height:100%;width:100%}.create-app{display:grid;grid-template-areas:"top-bar" "main";height:100%;grid-template-rows:50px calc(100% - 50px);scrollbar-color:var(--defaulttext) var(--defaultborder)}.create-app.hidden{display:none}.create-app button{color:var(--defaulttext);background:transparent;border:none}.create-app button:hover{color:var(--defaulthover)}.create-app button.active{border:1px solid var(--defaultborder)}.create-app .create-app-top-bar{height:50px;padding:0 10px;display:flex;justify-content:space-between;grid-area:top-bar;border-bottom:1px solid var(--defaultborder);align-items:center;z-index:1}.create-app .create-app-top-bar .left-content{display:flex;align-content:flex-start;align-items:center;height:100%}.create-app .create-app-top-bar .left-content>p{margin:0 10px}.create-app .create-app-top-bar .left-content .create-app-tabs{height:100%;border-bottom:1px solid var(--defaultborder)}.create-app .create-app-top-bar .left-content .create-app-tab-button{width:110px;outline:none;color:var(--defaulttext);background:transparent;border:none;border-bottom:2px solid transparent;font-size:14px;height:100%}.create-app .create-app-top-bar .left-content .create-app-tab-button.selected{border:none;width:110px;outline:none;color:var(--defaulttext);background:transparent;border-bottom:2px solid var(--defaulttext);font-size:14px}.create-app .create-app-top-bar .left-content .create-app-tab-button:hover{border-bottom:2px solid var(--defaulthover)}.create-app .create-app-top-bar .left-content .create-app-tab-button:focus{border-bottom:2px solid var(--defaulttext)}.create-app .create-app-top-bar .right-content{display:flex;align-content:flex-end;align-items:center}.create-app .create-app-top-bar .right-content>*{margin:0 5px}.create-app .create-app-main{grid-area:main;display:flex;background:var(--defaulttertiary)}.create-app .create-app-main .input-item{margin-bottom:5px;margin-top:3px}.create-app .create-app-main .button-switch{display:flex;margin:10px 5px 5px}.create-app .create-app-main .button-switch .switch-button{margin:3px;color:var(--defaulttext);border:2px solid var(--defaulttext);border-radius:5px;background:var(--defaultprimary)}.create-app .create-app-main .button-switch .switch-button.active,.create-app .create-app-main .button-switch .switch-button:hover{color:var(--defaultborder);border:2px solid var(--defaultborder)}.create-app .create-app-main .checked-input{display:flex}.create-app .create-app-main .creation-progress{display:grid;justify-content:center;align-content:center;width:100%;justify-items:center;margin-top:10px}.create-app .create-app-main .top-filter{width:100%;background:var(--defaultprimary);color:var(--defaulttext);border:1px solid var(--defaultborder);padding:0 5px;border-radius:5px}.create-app .create-app-main .top-filter:focus{outline:var(--defaulttext)}.create-app .create-app-main .create-tab-content{display:none;width:100%;height:100%;padding:20px}.create-app .create-app-main .create-tab-content .create-panel-text-area{width:100%;height:50%;border-radius:5px;background:transparent;color:var(--defaulttext);border:1px solid var(--defaultborder);margin-top:10px;margin-bottom:10px}.create-app .create-app-main .create-tab-content .create-subset-panel{width:30%;border-radius:5px;box-shadow:0 0 5px 2px var(--defaultshadow);padding:30px;border:1px solid var(--defaultborder)}.create-app .create-app-main .create-tab-content .create-subset-panel input{width:100%}.create-app .create-app-main .create-tab-content .create-subset-panel button{width:100%;border:2px solid var(--defaultborder);color:var(--defaulttext)}.create-app .create-app-main .create-tab-content .create-subset-panel button.disabled{color:var(--defaultborder);cursor:default}.create-app .create-app-main .create-tab-content .create-tab-crystal-meta-panel{width:25%;border-radius:5px;box-shadow:0 0 5px 2px var(--defaultshadow);padding:20px;border:1px solid var(--defaultborder);background:var(--defaultprimary)}.create-app .create-app-main .create-tab-content .create-tab-crystal-meta-panel input{width:100%}.create-app .create-app-main .create-tab-content .create-tab-crystal-meta-panel button{width:100%;border:2px solid var(--defaultborder);color:var(--defaulttext)}.create-app .create-app-main .create-tab-content .create-tab-crystal-meta-panel button.disabled{color:var(--defaultborder);cursor:default}.create-app .create-app-main .create-tab-content .create-tab-crystal-meta-panel .create-crystal-options-button{width:100%;border:2px solid var(--defaultborder);color:var(--defaulttext)}.create-app .create-app-main .create-tab-content .create-tab-crystal-meta-panel .create-crystal-options-button.disabled{color:var(--defaultborder);cursor:default}.create-app .create-app-main .create-tab-content .create-tab-crystal-cif-results-panel{padding:0 20px 20px;border-radius:5px;box-shadow:0 0 5px 2px var(--defaultshadow);width:73%;overflow:auto;scrollbar-width:thin;border:1px solid var(--defaultborder);background:var(--defaultprimary)}.create-app .create-app-main .create-tab-content .create-tab-crystal-cif-results-panel table,.create-app .create-app-main .create-tab-content .create-tab-crystal-cif-results-panel td{border:1px solid var(--defaultborder)}.create-app .create-app-main .create-tab-content .create-tab-crystal-cif-results-panel table{table-layout:fixed;width:100%}.create-app .create-app-main .create-tab-content .create-tab-crystal-cif-results-panel tfoot,.create-app .create-app-main .create-tab-content .create-tab-crystal-cif-results-panel thead{background-color:var(--defaultprimary);color:var(--defaulttext)}.create-app .create-app-main .create-tab-content .create-tab-crystal-cif-results-panel h3{font-size:1em;border-bottom:1px solid var(--defaultborder);margin-top:25px;font-style:italic}.create-app .create-app-main .create-tab-content .create-tab-crystal-cif-results-panel .data-item{display:flex;justify-content:space-between;font-size:12px}.create-app .create-app-main .create-tab-content .create-tab-crystal-cif-results-panel .data-item p{word-break:break-word;margin-bottom:1px}.create-app .create-app-main .create-tab-content.open{display:flex;justify-content:space-between}.create-app .create-app-main .create-app-table h2{font-size:26px;margin:20px 0;text-align:center}.create-app .create-app-main .create-app-table h2 small{font-size:.5em}.create-app .create-app-main .create-app-table .responsive-table li{border-radius:3px;padding:25px 30px;display:flex;justify-content:space-between;margin-bottom:25px}.create-app .create-app-main .create-app-table .responsive-table .table-header{background-color:var(--defaultborder);font-size:14px;text-transform:uppercase;letter-spacing:.03em}.create-app .create-app-main .create-app-table .responsive-table .table-row{background-color:var(--defaultprimary);box-shadow:0 0 9px 0 rgba(0,0,0,.1)}.create-app .create-app-main .create-app-table .responsive-table .col-1{flex-basis:10%}.create-app .create-app-main .create-app-table .responsive-table .col-2{flex-basis:40%}.create-app .create-app-main .create-app-table .responsive-table .col-3,.create-app .create-app-main .create-app-table .responsive-table .col-4{flex-basis:25%}@media (max-width:767px){.create-app .create-app-main .create-app-table .responsive-table .table-header{display:none}.create-app .create-app-main .create-app-table .responsive-table li{display:block}.create-app .create-app-main .create-app-table .responsive-table .col{flex-basis:100%;display:flex;padding:10px 0}.create-app .create-app-main .create-app-table .responsive-table .col:before{color:#6c7a89;padding-right:10px;content:attr(data-label);flex-basis:50%;text-align:right}}.home-app{background:var(--defaulttertiary);min-height:100%;display:flex}.home-app .home-app-create-accordion{box-shadow:0 0 3px 1px #1c1b26}.home-app .home-app-create-accordion .create-accordion-header{height:0;overflow:hidden;transition:height .1s ease-in-out}.home-app .home-app-create-accordion .create-accordion-header button{font-size:13px}.home-app .home-app-create-accordion .create-accordion-header p{font-size:13px;margin-bottom:3px}.home-app .home-app-create-accordion .create-accordion-header.open{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;height:100px;background:var(--defaultprimary);margin:10px 10px 0;border-bottom:1px solid var(--defaultborder)}.home-app .home-app-create-accordion .create-accordion-body{height:0;overflow:hidden;transition:height .1s ease-in-out}.home-app .home-app-create-accordion .create-accordion-body .tables{display:flex}.home-app .home-app-create-accordion .create-accordion-body table{font-size:12px;margin:5px 10px;height:300px;display:block;overflow:auto;scrollbar-width:thin;width:100%}.home-app .home-app-create-accordion .create-accordion-body table td,.home-app .home-app-create-accordion .create-accordion-body table th{padding:0 15px}.home-app .home-app-create-accordion .create-accordion-body .data-item{font-size:12px;display:flex;justify-content:space-between}.home-app .home-app-create-accordion .create-accordion-body.open{justify-content:space-between;align-items:center;padding:10px 30px;height:400px;background:var(--defaultprimary);margin:0 10px;border-bottom:1px solid var(--defaultborder)}.home-app .home-app-create-accordion .create-accordion-body .top-bar{font-size:11px;height:auto;margin-bottom:10px;padding-left:0;justify-content:start}.home-app .home-app-create-accordion .create-accordion-body .top-bar button{outline:none;color:var(--defaulttext);border:none;border-bottom:2px solid transparent;background:transparent;padding:10px 30px}.home-app .home-app-create-accordion .create-accordion-body .top-bar button:hover{border-bottom:2px solid var(--defaultborder)}.home-app .home-app-create-accordion .create-accordion-body .top-bar button.active{border-bottom:2px solid var(--bs-blue)}.home-app .home-app-main{order:0;background:var(--defaulttertiary);overflow:auto;min-height:100%;flex-grow:1}.home-app .home-app-main .subset-accordion-list{overflow:auto;-ms-overflow-style:none;scrollbar-width:none;height:75vh}.home-app .home-app-main .subset-accordion-list.hidden{display:none}.home-app .home-app-main .crystal-table{font-size:13px;border:1px solid var(--defaultborder);width:100%}.home-app .home-app-main .crystal-table td,.home-app .home-app-main .crystal-table th{padding:5px}.home-app .home-app-main .crystal-accordion-list{height:70vh;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.home-app .home-app-main .crystal-accordion-list.hidden{display:none}.home-app .home-app-main .crystal-accordion-list::-webkit-scrollbar{display:none}.home-app .home-app-main .search-accordion{background:var(--defaulttertiary);margin:5px;transition:.4s;padding:10px;border:1px solid var(--defaultborder);border-radius:5px}.home-app .home-app-main .search-accordion p{font-size:12px;color:var(--defaulttext);margin-bottom:5px}.home-app .home-app-main .search-accordion #advanced-search-button{background:transparent;color:var(--defaulttext);outline:none;font-size:13px;border:none}.home-app .home-app-main .search-accordion #advanced-search-button:focus,.home-app .home-app-main .search-accordion #advanced-search-button:hover{color:var(--bs-blue)}.home-app .home-app-main .search-accordion .search-accordion-header{display:flex;justify-content:space-between;align-items:baseline;padding-right:30px;font-size:13px}.home-app .home-app-main .search-accordion .search-accordion-header .search-accordion-button{font-size:13px;background:var(--bs-blue);color:var(--defaulttext);outline:none;border:none;border-radius:3px;padding:1px 10px}.home-app .home-app-main .search-accordion .search-accordion-header .search-accordion-button:hover{color:var(--secondarytext)}.home-app .home-app-main .search-accordion .search-accordion-header .group{display:flex;align-items:first baseline}.home-app .home-app-main .search-accordion .search-accordion-header .group>*{margin-right:10px}.home-app .home-app-main .search-accordion .search-accordion-body{height:0;overflow:hidden;transition:height .2s ease-out}.home-app .home-app-main .search-accordion .search-accordion-body.open{display:flex;height:65px;padding:5px 10px}.home-app .home-app-main .accordion{margin:10px;box-shadow:0 0 3px 1px #1c1b26;padding:10px}.home-app .home-app-main .accordion .accordion-body{height:0;overflow:hidden;transition:height .1s ease-in-out;padding:0}.home-app .home-app-main .accordion .accordion-body.open{height:300px;padding:15px}.home-app .home-app-main .accordion .accordion-header{display:flex;align-items:center;justify-content:space-between;padding-left:15px;padding-right:20px}.home-app .home-app-main .accordion .accordion-header .group-1{display:flex;align-items:first baseline;min-width:20%}.home-app .home-app-main .accordion .accordion-header .group-1>*{margin-right:20px}.home-app .home-app-main .accordion .accordion-header p{margin-bottom:3px;font-size:14px}.home-app .home-app-main .accordion .accordion-header .mb-3{margin-bottom:0!important}.home-app .home-app-main .crystal-accordion{background:var(--defaultprimary);margin:10px;box-shadow:0 0 3px 1px #1c1b26;transition:.4s}.home-app .home-app-main .crystal-accordion-header{display:flex;justify-content:space-between;align-items:baseline;padding-right:30px;font-size:13px}.home-app .home-app-main .crystal-accordion-header .group-1{display:flex;align-items:first baseline;min-width:20%}.home-app .home-app-main .crystal-accordion-header .group-1>*{margin-right:20px}.home-app .home-app-main .crystal-accordion-header p{margin:1em .5em}.home-app .home-app-main .crystal-accordion-header .button-set{display:flex}.home-app .home-app-main .crystal-accordion-header .button-set>*{margin-left:10px}.home-app .home-app-main .crystal-accordion-header:hover{color:var(--secondarytext)}.home-app .home-app-main .crystal-accordion-header>*{margin-left:30px}.home-app .home-app-main .crystal-accordion-header.open{color:var(--secondarytext);border-bottom:1px solid var(--defaultborder)}.home-app .home-app-main .crystal-accordion-body{height:0;overflow:hidden;transition:height .2s ease-out}.home-app .home-app-main .crystal-accordion-body .data-item{font-size:12px;display:flex;justify-content:space-between}.home-app .home-app-main .crystal-accordion-body .top-bar{font-size:11px;height:auto;margin-bottom:10px;padding-left:0;justify-content:start}.home-app .home-app-main .crystal-accordion-body .top-bar button{padding:15px 20px 5px}.home-app .home-app-main .crystal-accordion-body .part-1{min-width:60%;padding-left:30px}.home-app .home-app-main .crystal-accordion-body .part-1 .top-bar button{outline:none;color:var(--defaulttext);border:none;border-bottom:2px solid transparent;background:transparent;padding:10px 30px}.home-app .home-app-main .crystal-accordion-body .part-1 .top-bar button:hover{border-bottom:2px solid var(--defaultborder)}.home-app .home-app-main .crystal-accordion-body .part-1 .top-bar button.active{border-bottom:2px solid var(--bs-blue)}.home-app .home-app-main .crystal-accordion-body .part-1 .data-item>p{margin-bottom:0}.home-app .home-app-main .crystal-accordion-body .part-1 .unitcell-info{width:65%;overflow:auto;scrollbar-width:thin}.home-app .home-app-main .crystal-accordion-body .part-1 .unitcell-info p{margin-bottom:5px;font-size:13px}.home-app .home-app-main .crystal-accordion-body .part-1 .amd-info{width:45%;overflow:auto;scrollbar-width:thin}.home-app .home-app-main .crystal-accordion-body .part-1 .amd-info p{margin-bottom:5px;font-size:13px}.home-app .home-app-main .crystal-accordion-body .part-1 .pdd-info{width:70%;overflow:auto;scrollbar-width:thin}.home-app .home-app-main .crystal-accordion-body .part-1 .pdd-info p{margin-bottom:5px;font-size:13px}.home-app .home-app-main .crystal-accordion-body .part-1 .symmetry-info{width:30%;overflow:auto;scrollbar-width:thin}.home-app .home-app-main .crystal-accordion-body .part-1 .symmetry-info p{margin-bottom:5px;font-size:13px}.home-app .home-app-main .crystal-accordion-body .part-1 .tables{display:flex;height:85%;justify-content:space-between}.home-app .home-app-main .crystal-accordion-body .part-1 .tables tbody>tr:hover{color:var(--secondarytext)}.home-app .home-app-main .crystal-accordion-body .part-1 .tables>*{margin-right:20px}.home-app .home-app-main .crystal-accordion-body .part-1 .tables tr{border-width:1px}.home-app .home-app-main .crystal-accordion-body .part-1 .tables .atom-info{width:55%;overflow:auto;scrollbar-width:thin}.home-app .home-app-main .crystal-accordion-body .part-1 .tables .atom-info p{margin-bottom:5px;font-size:13px}.home-app .home-app-main .crystal-accordion-body .part-1 .tables .bond-info{width:35%;overflow:auto;scrollbar-width:thin}.home-app .home-app-main .crystal-accordion-body .part-1 .tables .bond-info p{margin-bottom:5px;font-size:13px}.home-app .home-app-main .crystal-accordion-body .part-1 .amd-table,.home-app .home-app-main .crystal-accordion-body .part-1 .pdd-table,.home-app .home-app-main .crystal-accordion-body .part-1 .symmetry-table,.home-app .home-app-main .crystal-accordion-body .part-1 .unitcell-table{font-size:12px;border:1px solid var(--defaultborder);width:100%}.home-app .home-app-main .crystal-accordion-body .part-1 .atom-table,.home-app .home-app-main .crystal-accordion-body .part-1 .bond-table{width:100%;font-size:12px;border:1px solid var(--defaultborder);overflow:auto;max-height:70%;scrollbar-width:thin}.home-app .home-app-main .crystal-accordion-body .part-2{width:33%;margin:10px}.home-app .home-app-main .crystal-accordion-body.open{display:flex;height:400px}.home-app .home-app-main .search-bar{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--defaultborder)}.home-app .home-app-main .search-bar .left-group,.home-app .home-app-main .search-bar .right-group{display:flex}.home-app .home-app-main .accordion{background:var(--defaultprimary)}.home-app .home-app-main .molecule-card-row{width:100%;min-height:300px;padding:30px 50px;display:flex;justify-content:center}.home-app .home-app-main .molecule-card{min-height:100%;border-radius:10px;background:var(--defaultprimary);box-shadow:0 0 3px 2px var(--defaultshadow);min-width:20%;margin-left:20px;margin-right:20px;margin-bottom:10px}.home-app .home-app-main .molecule-card:hover{box-shadow:0 0 3px 3px var(--defaultshadow)}.home-app .home-app-main .top-bar{width:100%;display:flex;padding:0 10px;justify-content:space-between;margin-bottom:10px}.home-app .home-app-main .top-bar .left-group{display:flex;font-size:14px}.home-app .home-app-main .top-bar .left-group button{outline:none;color:var(--defaulttext);border:none;border-bottom:2px solid transparent;background:transparent;padding:10px 30px}.home-app .home-app-main .top-bar .left-group button:hover{border-bottom:2px solid var(--defaultborder)}.home-app .home-app-main .top-bar .left-group button.active{border-bottom:2px solid var(--bs-blue)}.home-app .home-app-main .top-bar .right-group{display:flex;padding:5px 10px}.home-app .home-app-main .top-bar .right-group button{padding:5px 15px;background:var(--bs-blue)}.home-app.hidden{display:none}
/*# sourceMappingURL=main.9c45d286.chunk.css.map */