.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._container_13zl3_1{display:grid;margin-top:30vh;margin-left:1vw}._legendLabel_13zl3_7{margin:5px}._svgContainer_13zl3_11{display:inline-flex}._graphics_13zl3_15{width:50%;height:auto}._controls_13zl3_20{align-content:center;display:grid;width:50%}._range_13zl3_26{writing-mode:vertical-lr;vertical-align:baseline;rotate:180deg;-webkit-writing-mode:vertical-lr;-ms-writing-mode:vertical-lr}._textValue_13zl3_34{text-anchor:middle;fill:#000;font:700 24px sans-serif}._textRefValue_13zl3_40{text-anchor:middle;fill:#000;font:24px sans-serif}._mainContainer_1qyig_1{display:flex;flex-direction:row;flex-wrap:wrap}._matrixContainer_1qyig_7{width:80%;order:1;height:90vh;overflow-y:scroll}._aside_1qyig_14{display:grid;width:20%;order:2;height:fit-content;top:0}._metricMatrixHeader_1qyig_23{position:sticky;top:0;left:0;font:12px sans-serif}._headerBackgroundRect_1qyig_30{fill:#fff;fill-opacity:.9;height:100%}._datasetName_1qyig_36{font-size:large;font-weight:700;text-anchor:start}._metricCallout_1qyig_42{stroke:#000;stroke-width:5;fill:transparent;pointer-events:none}._metricRefVal_1qyig_49,._metricDeltaVal_1qyig_50{pointer-events:none}@media only screen and (max-width: 600px){._mainContainer_1qyig_1{flex-direction:column;height:90vh}._aside_1qyig_14{order:1;width:100%;flex:0 1 0%}._matrixContainer_1qyig_7{order:2;width:100%;flex:1 1 50%}}div#postprocess-part{display:flex;flex-direction:row}div.paramsPanel{margin-left:1em;margin-right:1em;*{font:15px monospace}}div.paramsPanel>div{width:max-content}div#postprocmatrix-container{height:fit-content;width:100vw}svg#postprocmatrix{width:auto}div#key-postproc{display:flex;flex-direction:row;>*{position:relative;width:20%}}@media only screen and (max-width: 600px){div#postprocess-part{flex-direction:column}div#postprocmatrix-container{width:100vw;overflow-x:scroll;order:2}div#postprocmatrix-container>svg#postprocmatrix{height:20vh;order:1}}._descriptionContainer_jx51x_1{margin-left:5vw;margin-bottom:5vh}._tutorialContainer_jx51x_6{display:grid;grid-template-columns:1fr 1fr}._explanationsContainer_jx51x_11{width:100%;grid-column:1}._miniVisual_jx51x_17{grid-column:2;width:min(80%,30vw);margin:auto;display:block;align-self:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}