*{box-sizing:border-box}body{background-color:#f0f8ff;min-height:100vh;margin:0;font-family:Open Sans,sans-serif}.alert{border-radius:4px;margin:10px 12px;padding:10px 20px;position:relative}.alert-danger{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.alert-warning{color:#856404;background:#fff3cd;border:1px solid #ffeeba}.alert-info{color:#0c5460;text-align:center;background:#d1ecf1;border:1px solid #bee5eb}.alert .close-btn{cursor:pointer;color:inherit;background:0 0;border:none;font-size:18px;position:absolute;top:8px;right:12px}#how-to-load p{margin:4px 0}h1{text-align:center;font-size:30px;font-weight:400;line-height:1.3}#spinner{text-align:center;width:80%;margin:40px auto;display:block}#spinner img{margin:auto;display:block}.mc-container{background-color:#fff;max-width:1850px;margin:0 auto 40px;padding-top:5px;padding-bottom:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.dataset-toolbar{background:#eef3f5;border:1px solid #d6d6d6;border-radius:4px;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 12px;padding:8px 14px;font-size:14px;display:flex}.dataset-toolbar label{color:#333;margin:0;font-weight:600}.dataset-toolbar select{box-sizing:border-box;background:#fff;border:1px solid #ccc;border-radius:4px;width:1180px;min-width:160px;max-width:100%;padding:5px 8px;font-size:14px}.toolbar-divider{color:#999;margin:0 2px;font-style:italic}.record-meta{color:#333;background:#fafbfc;border:1px solid #d6d6d6;border-radius:4px;margin:8px 12px;padding:10px 14px;font-size:13px}.record-meta-title{color:#333;margin:0 0 4px;font-size:16px;font-weight:600}.record-meta-title a{color:#303f9f;text-decoration:none}.record-meta-title a:hover{text-decoration:underline}.record-meta-doi{opacity:.75;margin-left:8px;font-size:12px;font-weight:400}.record-meta-line{opacity:.8;margin-bottom:6px;font-size:12px}.record-meta-description{max-height:120px;font-size:12px;line-height:1.5;overflow-y:auto}.record-meta-description p{margin:4px 0}.dataset-files{flex-wrap:wrap;gap:8px;margin:8px 12px;display:flex}.file-button{color:#333;text-align:left;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;flex-direction:row;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.file-button:hover{background:#f4f7fd;border-color:#303f9f}.file-button.active{background:#e8edfb;border-color:#303f9f}.file-button-name{white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:12px;overflow:hidden}.file-button-size{opacity:.7;font-size:11px}.drop-zone{color:#666;cursor:pointer;white-space:nowrap;background:#fafafa;border:2px dashed #aaa;border-radius:4px;align-items:center;gap:6px;margin:0;padding:5px 10px;font-size:12px;display:inline-flex}.drop-zone:hover,.drop-zone.dragging{background:#eef2fb;border-color:#303f9f}.progress{background:#e0e0e0;border-radius:2px;width:240px;height:4px;margin:8px auto 0;overflow:hidden}.progress-bar{background:#303f9f;border-radius:2px;width:0;height:100%;transition:width .2s}.progress.indeterminate .progress-bar{width:40%;animation:1.1s ease-in-out infinite progress-indeterminate}@keyframes progress-indeterminate{0%{margin-left:-40%}to{margin-left:100%}}main{width:100%;margin:0}#viewer-placeholder{text-align:center;color:#666;background:#fafafa;border:2px dashed #aaa;border-radius:6px;margin:40px 2em;padding:60px 20px;font-size:14px}@media screen and (width>=1200px){main{width:calc(100% - 4em);margin:2em 2em calc(2em + 60px)}}@media screen and (width>=1500px){main{width:1500px;margin:2em auto calc(2em + 60px)}}.viewer-row{flex-wrap:wrap;display:flex}.viewer-left{flex:50%;min-width:300px;padding:0}.viewer-right{flex-direction:column;flex:50%;min-width:300px;padding:0;display:flex}.viewer-left,.viewer-right{max-height:calc(100vh - 100px)}#chemiscope-map{width:100%;height:100%;min-height:500px}#chemiscope-structure{flex:auto;min-height:400px}#chemiscope-info{flex:0 auto;width:100%}#chemiscope-meta{z-index:10;font-size:16pt;top:0;left:2em}.powered-by-chemiscope{text-align:right;margin-top:10px;margin-right:2em;font-size:12px}#loaded-from-materialscloud{margin:-10px 1em 15px;font-size:smaller;font-style:italic}#loaded-from-materialscloud a{color:gray}.pop-on-top{z-index:100;width:80%;margin-left:-40%;position:absolute;left:50%}