:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#4d4d4d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}h1{font-size:medium}.mode-option.active{background-color:#c8c8c8;color:#000}.mode-option.active g{fill:#000}.mode-option.active path{stroke:#000}#heading-section{padding:1vh}#top-section{display:flex;justify-content:space-between;align-items:flex-start;padding:1vh}.top-title{display:flex;justify-content:flex-start;align-items:flex-start}#heading-section{height:20px}#heading{display:block;color:#fff;margin:0}.buttons{width:100vw;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:wrap}.button-label{margin-left:.5vh}.buttons button{width:12rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:small}@media (max-width: 850px){.buttons button{width:10rem}}.mode-option,.palettes-container button,.control-buttons button,.lesion-boxes div{margin:.5vh}.buttons button svg{flex:1}.buttons button span{flex:5}.color-square{display:inline-block;width:8px;height:1rem;border:1px solid #000}.slider-item{display:flex;flex-direction:row;justify-content:center;align-items:center}.slider-item input{flex:1}input[type=range]{appearance:none;background-color:#585858;width:120px;border-radius:8px;box-shadow:0 0 5px #ffffff4d;margin-left:.5rem}#opacitySlider{width:60px}@media (max-width: 850px){input[type=range]{width:100px}#opacitySlider{width:35px}}input[type=range]::-webkit-slider-thumb{appearance:none;background-color:#585858;width:1rem;height:1rem;border-radius:50%}.object-item{font-size:small;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;width:10rem;height:.95rem;display:flex;align-items:center;justify-content:center;margin:.5vh;white-space:nowrap}@media (max-width: 850px){.object-item{width:8rem}}.object-item:hover{border-color:#fafafa}.object-item:focus,.object-item:focus-visible{outline:4px auto -webkit-focus-ring-color}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}.container{display:flex}#graph-container{flex:1}#svg-container{z-index:2;width:50vw}svg{display:block;max-width:100%;max-height:100%;width:50vw}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#three-container{z-index:2;flex:1;width:50vw}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:#fafafa}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}