.publication-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding-top:100px}.publication-title{margin-top:0;margin-bottom:10px;font-size:80px;text-align:center}.publication-description{margin-top:0;font-size:30px;text-align:center}.header-homepage{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#f8f9fa;box-shadow:0 2px 4px #0000001a;height:60px;width:100%;box-sizing:border-box;position:fixed;top:0;left:0;z-index:1000}.header-left{display:flex;align-items:center}.header-left .home-title{font-family:Raleway,sans-serif;font-weight:300;font-size:35px}.header-left a{display:flex;align-items:center;text-decoration:none}.app-logo{height:55px;cursor:pointer;margin-left:30px;margin-right:10px}.header-right{display:flex;align-items:center;gap:20px;margin-right:20px}.sign-in-box{display:flex;align-items:center;padding:8px 12px;background-color:#011f5b;border-radius:24px;text-decoration:none;color:#fff;cursor:pointer}.sign-in-box:hover{background-color:#ccc}.header-link{text-decoration:none;color:inherit}*{margin:0;padding:0;box-sizing:border-box}.footer-homepage{background-color:#ccc;height:200px;width:100%;text-align:center;margin:0;padding:0;position:absolute;bottom:0;left:0;right:0}.footer-container{width:100%;height:100%;display:flex;align-items:center;margin:0 auto;padding:30px}.footer-logo{height:150px;margin:0 20px 0 0}.footer-text{margin:0;line-height:1.5;text-align:left}html,body{height:100%;margin:0;padding:0}#root{min-height:100%}.container{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px;margin:100px auto 0;max-width:1200px;width:90%}.image-section{flex:0 0 30%}.image-section img{width:100%;height:auto;max-width:300px;display:block;margin:0 auto}.text-section{flex:0 0 60%;display:flex;flex-direction:column;justify-content:flex-start}@media screen and (max-width: 768px){.container{flex-direction:column;align-items:center}.image-section,.text-section{flex:0 0 100%}.image-section img{max-width:200px}}.title{font-size:24px;font-weight:700;margin-bottom:10px}.subtitle{font-size:18px;font-weight:500;margin-bottom:15px}.content{font-size:16px;line-height:1.5}.visualization-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 30px);position:relative;width:100vw}.image-and-plot-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.proton-image-hupc{width:60vw;height:auto;position:absolute;z-index:0}.plot-container{width:50vw;height:auto;position:absolute;z-index:1;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%)}.dataset-slider-container{position:absolute;top:20px;left:50%;transform:translate(-50%);width:50%}.slice-contrast-container{position:absolute;bottom:20px;left:53%;transform:translate(-50%);width:40%}.control-slider{width:100%;margin-bottom:0}.top-panel{display:flex;justify-content:left;align-items:center;background-color:#aeaeb2;color:#fff;padding:10px 0 0;width:calc(100% - 60px);z-index:5;position:fixed;top:0;left:60px}.button-panel{position:fixed;left:0;top:0;width:60px;height:100vh;background-color:#1e1e1e;display:flex;flex-direction:column;align-items:center;padding-top:10px;z-index:10}.plot-container-hupc{position:relative;max-width:80vw;max-height:80vh}.control-panel{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;width:80vw}.epsi-slider{position:absolute;top:-50px;left:50%;transform:translate(-50%);width:60%}.App{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:#000}.slider-container{position:fixed;left:0;top:0;width:100px;max-width:250px;height:100vh;padding:10px;background-color:#aeaeb2;color:#fff;z-index:9;overflow-y:auto;display:flex;flex-direction:column;align-items:center;margin-top:90px}.slider-container h2{font-size:15px;margin-bottom:10px;color:#6c6c70;align-items:center}.slider-container input[type=range]{width:100%}.proton-image-mr-solutions,.plot-container-mr-solutions{position:absolute;top:50%;left:50%;transform:translate(-45%,-40%);z-index:1}.proton-image-mr-solutions{width:40vw;height:auto}.plot-container-mr-solutions{width:53.5vw;height:40.125vw;z-index:2;transform:translate(-94.75%,-90%)}.button-container,.reset-button-container,.icon-button-container,.get-voxels-button{display:inline-block;text-align:center}.button-container{flex-direction:column;align-items:center;z-index:11;margin-left:7.5px}.top-button-group{margin-bottom:2.5px}.bottom-button-group{display:flex;width:100%}.reset-button-container{margin-left:10px}.icon-button-container{margin:5px 5px 5px 20px}.get-voxels-button{border:2px solid #6c6c70;border-radius:10px;box-shadow:0 4px 8px #0003;background-color:inherit;cursor:pointer;outline:none;transition:box-shadow .3s ease;margin-right:2.5px}.button,.icon-button,.reset-button{display:inline-block;border:2px solid #6c6c70;border-radius:10px;padding:0;box-shadow:0 4px 8px #0003;background-color:inherit;cursor:pointer;outline:none;transition:box-shadow .3s ease}.button{border-radius:5px;width:22px;margin-top:0}.button:hover,.icon-button:hover,.reset-button:hover,.get-voxels-button:hover{box-shadow:0 4px 8px #0000004d}footer{position:fixed;bottom:0;width:100%;padding:10px 0;text-align:center;color:gray;z-index:12;font-size:12px}footer a{color:#f8f8f8;text-decoration:none}footer a:hover{text-decoration:underline}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hp-mri-radio-buttons{display:flex;flex-direction:column;align-items:flex-start;margin-left:7.5px;margin-right:7.5px}.slider-threshold{justify-content:center;align-items:center;color:#fff;z-index:9;position:fixed;top:25px;padding:0;background-color:inherit;cursor:pointer;outline:none;transition:box-shadow .3s ease;display:inline-block;margin:5px 5px 5px 645px;text-align:center}.vertical-slider-container{transform-origin:top left;left:50%;top:100%}.image-slice-slider,.vertical-slider{outline:none}.image-slice-slider{width:100%;height:8px;background:#e6e6e6;border-radius:5px}.vertical-slider{width:8px;height:100px;background:transparent;opacity:.7;-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:.2s;transition:background-color .2s ease}.image-slice-slider::-webkit-slider-thumb,.vertical-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer}.image-slice-slider::-webkit-slider-thumb{width:20px;height:20px;background:#ccc;border:1px solid #999;border-radius:50%;margin-top:-6px;box-shadow:0 4px 4px #0003}.vertical-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:102%;width:4px;background:#999;margin-top:-2px}.image-slice-slider:focus::-webkit-slider-thumb{background:#00c7be}.image-slice-slider:focus::-moz-range-thumb{background:#00c7be}.image-slice-slider:focus::-ms-thumb{background:#00c7be}.vertical-slider:focus::-webkit-slider-thumb{background:#00c7be}.vertical-slider:focus::-moz-range-thumb{background:#00c7be}.vertical-slider:focus::-ms-thumb{background:#00c7be}.hp-mri-button-text,.button-text,.button-text-shift,.button-text-reset,.slider-threshold-text{color:#6c6c70;font-size:15px;margin-top:7.5px;display:block}.hp-mri-button-text{margin-left:7.5px}.button-text-shift{margin-top:2px}.button-text-reset{margin-top:16px}.slider-threshold-text{margin-top:20px}.button-reset{width:30px;height:auto}.slider-under-top-panel{display:flex;justify-content:center;align-items:center;background-color:#aeaeb2;color:#fff;padding-top:26px;padding-bottom:5px;z-index:9;position:fixed;top:90px;left:120px;right:7px}.image-slice-slider::-moz-range-thumb{width:20px;height:20px;background:#ccc;border:1px solid #999;border-radius:50%;cursor:pointer;box-shadow:0 4px 4px #0003}.image-slice-slider::-ms-thumb{width:20px;height:20px;background:#ccc;border:1px solid #999;border-radius:50%;cursor:pointer;box-shadow:0 4px 4px #0003}.app-content{border:7.5px solid #aeaeb2;position:relative;top:0;height:calc(100vh + 0px);padding-top:1px;box-sizing:border-box;z-index:8}.vertical-slider::-webkit-slider-runnable-track{background:#ccc;height:100%;width:8px;position:relative}.vertical-slider:active::-webkit-slider-runnable-track:before{content:"";position:absolute;background:#00c7be;width:8px;height:100%;left:0;bottom:0;z-index:-1}.vertical-slider::-moz-range-track{background:#ccc;height:100%;width:8px}.vertical-slider::-moz-range-progress{background:#999;height:100%;width:8px}.vertical-slider:active::-moz-range-progress{background:#00c7be}.button-icon{width:40px;height:auto}.radio-button-label{margin-bottom:5px;display:block}.button img{width:100%;height:auto}.voxel-display{position:fixed;right:1vw;top:120px;padding:10px;width:210px;z-index:5}.voxel-display h3{color:#aeaeb2;font-size:1vw}.voxel-display div{font-size:.75vw;color:#aeaeb2;margin-top:5px}.get-voxels-button{margin-bottom:5px}.magnet-select-container{display:flex;flex-direction:column-reverse;margin-left:200px;margin-top:15px}.magnet-select-container label{margin-top:15px;color:#6c6c70}.mode-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background:#222;color:#fff;padding:30px;border-radius:8px;text-align:center}.mode-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#1e1e1ed9;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#2b2b2b;color:#fff;padding:2rem 3rem;border-radius:12px;box-shadow:0 0 15px #00000080;text-align:center}.modal-content h2{margin-bottom:1.5rem}.modal-content button{margin:.5rem;padding:.75rem 1.5rem;background-color:#00c7be;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer}.modal-content button:hover{background-color:#00b0aa}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#ffffffde;background-color:#f9f9f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}