@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;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;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media (max-width: 800px){#_root_8d12w_1,#_root_8d12w_1 #_main_8d12w_1{width:fit-content!important}#_root_8d12w_1 #_main_8d12w_1 #_encoding-demo-div_8d12w_1{width:fit-content}}body._modal-open_8d12w_60{overflow:hidden}#_root_8d12w_1{display:flex;flex-direction:column;margin:0 auto;text-align:center;justify-content:space-between;align-items:center;width:100%;color:var(--text-color);font-family:Inter,sans-serif}#_main_8d12w_1{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;padding:0 10rem;width:100%}@media (max-width: 1200px){#_main_8d12w_1,._tabcontent_8d12w_88{padding:0 5vw!important}}._charts_8d12w_92{font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:flex-end;flex-direction:row;gap:2rem}._charts_8d12w_92._paper-mode_8d12w_100{font-family:Times New Roman,Times,serif}._charts_8d12w_92#_demo2-charts_8d12w_1,._charts_8d12w_92#_demo2-charts_8d12w_1 ._chart_8d12w_92,._charts_8d12w_92#_demo2-charts_8d12w_1 ._chart_8d12w_92 ._canvas-container_8d12w_106,._charts_8d12w_92#_demo2-charts_8d12w_1 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106{width:100%}._charts_8d12w_92#_demo2-charts_8d12w_1 ._canvas-wrapper_8d12w_106{grid-template-columns:min-content auto min-content min-content!important}._charts_8d12w_92 ._chart_8d12w_92{justify-content:center;align-items:center;display:flex;flex-direction:column;box-sizing:border-box;gap:0;align-self:flex-start}._charts_8d12w_92 ._chart_8d12w_92 ._chartitle_8d12w_121{margin:.5rem;white-space:nowrap}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106{text-transform:uppercase;font-size:1rem;gap:0;justify-content:center;align-items:flex-start;display:flex;flex-direction:row}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 p{line-height:0;margin-top:2rem}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106{display:grid;grid-auto-rows:auto;gap:0}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106 h2{grid-column:3;grid-row:1;color:var(--text-color-light);margin:1rem 0 .5rem;text-transform:initial}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106 h2._paper-mode_8d12w_100{font-weight:900}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106 ._y-axis-label_8d12w_153{width:fit-content;height:fit-content;writing-mode:tb;rotate:180deg;grid-row:2;grid-column:1;align-self:center}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106 ._chart-x-axis-name_8d12w_162,._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106 ._y-axis-label_8d12w_153{font-size:.7rem;letter-spacing:.09rem}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106#_left-canvas_8d12w_1{grid-template-columns:auto auto auto}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106#_right-canvas_8d12w_1{grid-template-columns:auto auto auto auto}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106#_right-canvas_8d12w_1 ._chartYTicks_8d12w_172{grid-column:1}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106#_right-canvas_8d12w_1 canvas,._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106#_right-canvas_8d12w_1 h2,._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106#_right-canvas_8d12w_1 ._chart-x-axis-name_8d12w_162,._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106#_right-canvas_8d12w_1 ._chartXTicks_8d12w_175{grid-column:2}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106#_right-canvas_8d12w_1 ._y-axis-label_8d12w_153{grid-column:4;grid-row:2}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106 canvas{grid-column:3;grid-row:2;height:21vw;width:28.35vw;border:1px solid black}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106 canvas#_demo2-canvas_8d12w_1{width:100%}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106 ._x-tick-mark-label_8d12w_192,._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106 ._y-tick-mark-label_8d12w_192{font-family:Inter,sans-serif;font-size:.7rem}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106 ._chartYTicks_8d12w_172{width:fit-content;height:100%;justify-content:space-between;align-items:flex-end;display:flex;flex-direction:column-reverse;grid-column:2;padding:calc(.84vw - .4rem) 0;grid-row:2}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106 ._chartYTicks_8d12w_172#_right-axis_8d12w_1{grid-column:3;align-items:flex-start}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106 ._chartYTicks_8d12w_172 ._y-tick-mark_8d12w_192{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;width:fit-content;gap:3px}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106 ._chartYTicks_8d12w_172 ._y-tick-mark_8d12w_192 ._y-tick-line_8d12w_220{margin:0;border-top:1px solid black;height:1px;width:5px}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106 ._chartXTicks_8d12w_175{width:100%;height:fit-content;display:flex;justify-content:space-between;padding:0 .84vw;grid-column:3}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106 ._chartXTicks_8d12w_175 ._x-tick-mark_8d12w_192{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;height:fit-content}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106 ._chartXTicks_8d12w_175 ._x-tick-mark_8d12w_192 ._x-tick-line_8d12w_242{margin:0;border-left:1px solid black;height:5px;width:1px}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106 ._chartXTicks_8d12w_175 ._x-tick-mark_8d12w_192 ._x-tick-mark-label_8d12w_192{top:.3rem;position:absolute}._charts_8d12w_92 ._chart_8d12w_92 ._canvas-container_8d12w_106 ._canvas-wrapper_8d12w_106 ._chart-x-axis-name_8d12w_162{grid-column:3}._encoder-switch_8d12w_256{display:flex;justify-content:center;align-items:center;font-size:inherit;gap:.5rem;grid-column:2}._encoder-switch_8d12w_256 p{font-size:.9rem;font-weight:500;font-family:inherit!important;margin:0!important;text-transform:uppercase}._encoder-switch_8d12w_256 p._small_8d12w_271{font-size:.6rem;letter-spacing:.02rem;font-weight:700}._encoder-switch_8d12w_256 ._MuiSwitch-root_8d12w_276{margin:0}._encoder-switch_8d12w_256 ._encoding-label_8d12w_279{transition:all .2s}._encoder-switch_8d12w_256 ._encoding-label_8d12w_279._checked_8d12w_282{opacity:1}._encoder-switch_8d12w_256 ._encoding-label_8d12w_279._unchecked_8d12w_285{opacity:.5}._chart-sub-control_8d12w_289{padding:.5rem 1rem}._button_8d12w_293{padding:0 .5rem;height:1.8rem;text-transform:uppercase;letter-spacing:.02rem;background-color:#fff;border:2px solid var(--text-color-light);border-radius:6px;transition:all .2s;font-size:.6rem;font-weight:700;color:var(--text-color-light)}._button_8d12w_293:hover{background-color:var(--light-gray);cursor:pointer}._button_8d12w_293:active{background-color:var(--button-active)}._controls_8d12w_320{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;--gap: 20px;gap:var(--gap)}._controls_8d12w_320 #_sfcrangecontrol_8d12w_1{flex:1 1 7rem}._controls_8d12w_320 #_sfcrangecontrol_8d12w_1 ._text-controls_8d12w_332{justify-content:center;align-items:center;flex-direction:row}._controls_8d12w_320 #_sfcrangecontrol_8d12w_1 label{display:flex;flex-direction:column;gap:.3rem}._controls_8d12w_320 #_sfcrangecontrol_8d12w_1 label input{width:15ch}._controls_8d12w_320 #_process-container_8d12w_1{height:fit-content;flex:none}._controls_8d12w_320 #_process-container_8d12w_1 h3{margin-bottom:initial}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352{width:100%;display:grid;grid-template-columns:auto repeat(2,min-content);gap:.2rem;grid-auto-rows:auto}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 ._MuiDivider-root_8d12w_359{grid-column:1/4;height:1rem}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 ._MuiDivider-root_8d12w_359 #_sfc-header_8d12w_1{margin:0;line-height:initial;padding:.1rem 0 0}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 ._signal-cell_8d12w_368{display:flex;align-items:center;width:100%;height:fit-content}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 ._signal-cell_8d12w_368 ._color-line_8d12w_374{display:flex;width:32px;max-width:32px;height:4px;padding:0;margin-right:3px}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 ._signal-cell_8d12w_368 ._signal-name_8d12w_382{font-size:.9rem;padding-right:2rem;max-width:22ch;text-overflow:ellipsis;overflow:hidden}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 ._signal-label_8d12w_389{grid-column:1}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 ._offset-label_8d12w_392{grid-column:2}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 ._scale-label_8d12w_395{grid-column:3}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 ._encoder-label_8d12w_398{margin-top:.7rem!important;align-items:flex-start;padding-top:.2rem}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 ._encoder-switch_8d12w_256{margin-left:.5rem;margin-right:.5rem}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 ._bits-label_8d12w_407{text-align:center}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 span._bits-label_8d12w_407,._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 span._show-transforms-label_8d12w_410,._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 span._encoder-label_8d12w_398{grid-column:1;text-align:left;padding-top:.2rem}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 label._bits-label_8d12w_407,._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 div._show-transforms-label_8d12w_410,._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 ._encoder-switch_8d12w_256{grid-column:2;text-align:left}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 ._bits-label_8d12w_407,._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 ._show-transforms-label_8d12w_410,._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 ._encoder-label_8d12w_398{min-height:1.3rem}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 div._show-transforms-label_8d12w_410{display:flex;justify-content:left;width:100%;pointer-events:none;margin-left:-.2rem}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 div._show-transforms-label_8d12w_410 ._MuiButtonBase-root_8d12w_429{aspect-ratio:1;height:fit-content;width:fit-content;pointer-events:auto}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 ._variant-full_8d12w_435._min-sfc-label_8d12w_435{margin-top:.7rem}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 span._bits-label_8d12w_407{padding-top:.2rem}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 span._min-sfc-label_8d12w_435,._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 span._max-sfc-label_8d12w_441{grid-column:1;text-align:left;display:flex;align-items:center}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 label._min-sfc-label_8d12w_435,._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 label._max-sfc-label_8d12w_441{grid-column:2/4;display:flex}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 label._min-sfc-label_8d12w_435 input,._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 label._max-sfc-label_8d12w_441 input{width:15ch}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 #_sfc-header_8d12w_1{margin-top:1.7rem;grid-column:1/4}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 input{width:9ch;margin:0 .5rem}._controls_8d12w_320 #_process-container_8d12w_1 ._signals-grid_8d12w_352 ._empty-row_8d12w_462{content:" ";grid-column:1/4}._controls_8d12w_320 #_process-container_8d12w_1 #_reset-button_8d12w_1{margin-top:1rem;grid-column:1/4;width:fit-content;justify-self:center;border-width:2px;border-radius:6px;color:var(--text-color-light);font-weight:700;font-size:.6rem;letter-spacing:.02rem;transition:all .2s}._controls_8d12w_320 #_process-container_8d12w_1 #_reset-button_8d12w_1._Mui-disabled_8d12w_479{color:var(--button-active)}._controls_8d12w_320 ._vert-control-wrapper_8d12w_482{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;flex-wrap:wrap;gap:var(--gap)}._controls_8d12w_320 ._vert-control-wrapper_8d12w_482:nth-of-type(2){height:100%;justify-content:flex-start;width:fit-content}._controls_8d12w_320 ._vert-control-wrapper_8d12w_482 ._control-row_8d12w_496{display:flex;gap:var(--gap);width:100%;justify-content:flex-end}._controls_8d12w_320 ._vert-control-wrapper_8d12w_482 ._control-row_8d12w_496 #_range-container_8d12w_1{height:fit-content;flex:1 1 50rem;max-width:none}._controls_8d12w_320 ._vert-control-wrapper_8d12w_482 ._control-row_8d12w_496 #_range-container_8d12w_1 ._input-label_8d12w_507{display:flex;flex-direction:row;align-items:center;gap:.5rem}@media (max-width: 1080px){._controls_8d12w_320 ._vert-control-wrapper_8d12w_482 ._file-container_8d12w_514,._controls_8d12w_320 ._vert-control-wrapper_8d12w_482 ._position-container_8d12w_514{width:100%!important;border-radius:10px;border:0 solid black;box-shadow:#00000026 0 0 1px 1px;padding:1.2rem 1.8rem}._controls_8d12w_320 ._vert-control-wrapper_8d12w_482 ._file-container_8d12w_514{order:2}._controls_8d12w_320 ._vert-control-wrapper_8d12w_482 ._control-row_8d12w_496{flex-direction:column;max-width:100%;width:100%}._controls_8d12w_320 ._vert-control-wrapper_8d12w_482 ._control-container_8d12w_529{max-height:fit-content}._controls_8d12w_320 ._vert-control-wrapper_8d12w_482 #_range-container_8d12w_1,._controls_8d12w_320 ._vert-control-wrapper_8d12w_482 #_presets-container_8d12w_1{max-width:100%;width:100%}._controls_8d12w_320 ._vert-control-wrapper_8d12w_482 #_presets-container_8d12w_1{width:fit-content}._controls_8d12w_320 ._vert-control-wrapper_8d12w_482 #_first-control-row_8d12w_1{flex-direction:column!important;border:none;padding:0;box-shadow:none}}._controls_8d12w_320 ._vert-control-wrapper_8d12w_482 #_first-control-row_8d12w_1{display:flex;flex-direction:row;justify-content:center;align-items:center;flex:initial;gap:var(--gap)}._controls_8d12w_320 ._vert-control-wrapper_8d12w_482 #_first-control-row_8d12w_1 ._file-container_8d12w_514{width:10rem}._controls_8d12w_320 ._vert-control-wrapper_8d12w_482 #_first-control-row_8d12w_1 ._position-container_8d12w_514{flex:1 1 auto;width:auto;align-items:center;display:flex;flex-direction:column}._control-container_8d12w_529{width:100%;display:flex;align-items:center;flex-direction:column;border-radius:10px;border:0 solid black;box-shadow:#00000026 0 0 1px 1px;padding:1.2rem 1.8rem;flex:1 1 27rem;justify-content:center}._control-container_8d12w_529 ._input-label_8d12w_507{text-transform:uppercase;font-size:.6rem;letter-spacing:.02rem;font-weight:700}._control-container_8d12w_529 h3{margin-top:0;padding-bottom:1rem;margin-bottom:auto}._control-container_8d12w_529>:last-child{margin-bottom:auto}@media (max-width: 1280px){._control-container_8d12w_529 ._text-controls_8d12w_332{align-items:flex-end}}._control-container_8d12w_529 ._text-controls_8d12w_332{display:flex;column-gap:1rem;row-gap:.5rem;flex-direction:row;flex-wrap:wrap;justify-content:flex-end}._control-container_8d12w_529 ._text-controls_8d12w_332 input{width:8ch}._MuiSlider-thumb_8d12w_608{width:17px!important;height:17px!important}._topnav_8d12w_614{overflow:hidden;background-color:var(--text-color);color:#fff;padding:0 50px;width:100%;position:sticky;top:0;z-index:1;box-shadow:#0003 0 5px 5px 1px}._topnav_8d12w_614 div{float:left;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px;color:#fff;transition:background-color .3s;cursor:pointer;font-weight:500}._topnav_8d12w_614 div:hover{background-color:var(--text-color-light)}._footer_8d12w_642{bottom:0;background-color:var(--text-color);color:#fff;text-align:left;width:100%;padding:14px 50px}._landing-section_8d12w_651{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:95vh;background-image:linear-gradient(rgba(0,0,0,.6),var(--text-color))}._landing-section_8d12w_651 img{max-width:17rem;height:auto;margin-bottom:5px;filter:brightness(0) invert(1)}._landing-section_8d12w_651 p{color:#fff;max-width:28rem}._MuiFab-extended_8d12w_671{padding:1.2rem!important;border-radius:20px!important;position:fixed!important;bottom:2rem;right:2rem;font-size:.8rem!important;letter-spacing:.02rem!important;font-weight:700!important;transition:all .5s!important;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f!important;opacity:.85}._MuiFab-extended_8d12w_671._disabled_8d12w_684{pointer-events:none;opacity:0}._tabcontent_8d12w_88{background-color:#fff;margin-top:2rem;padding:0 10rem}._papers-container_8d12w_696{display:flex;flex-wrap:wrap;gap:20px;padding:20px 0}._paper-block_8d12w_703{background-color:var(--light-gray);border-radius:8px;padding:20px;flex:1 1 30rem}._paper-title_8d12w_710{margin:0 0 10px}._paper-description_8d12w_714{margin:0 0 15px}._paper-buttons_8d12w_718{display:flex;gap:10px}.MuiListItemButton-root{border:1px solid var(--button-active)!important;border-radius:6px!important;padding:0 .5rem!important;margin:0!important;background-color:#fff!important;display:flex!important;justify-content:space-between!important;width:max-content!important;transition:all .2s!important}.MuiListItemButton-root.Mui-selected{background-color:var(--primary-color-light)!important}.MuiListItemButton-root:hover:not(.MuiListItemButton-root.Mui-selected){background-color:var(--light-gray)!important;cursor:pointer}.MuiListItemButton-root .MuiSvgIcon-root{width:1rem!important;height:1rem!important;padding:0}.MuiListItem-root{padding:.1rem 0!important;max-width:18rem}.MuiList-root{padding-top:0!important}.MuiListItemText-root{margin:0!important}.MuiTextField-root{height:100%!important;padding:.3rem 0!important}.MuiTextField-root fieldset{height:100%!important;padding:.4rem;left:-3px}.MuiTextField-root *{height:fit-content!important;font-size:.8333rem!important}.MuiInputBase-input{padding:0!important}#presets-container{width:fit-content;flex:none}.preset-list-container{width:fit-content;display:flex;flex-direction:column;align-items:center}@media (max-width: 750px){.preset-list-container #preset-list{grid-template-columns:repeat(1,1fr)!important;max-width:15rem}}.preset-list-container #preset-list{display:grid;width:13rem;grid-template-columns:repeat(1,1fr);column-gap:.5rem}.preset-list-container #preset-list .MuiIconButton-root{padding:.3rem}.preset-list-container #preset-list #preset-labels{margin:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;gap:.5rem;padding:0 .5rem!important}.preset-list-container #preset-list #preset-labels *{flex:unset}.preset-list-container #preset-list #start-label,.preset-list-container #preset-list #end-label{line-height:1rem!important;text-transform:uppercase;letter-spacing:.02rem;position:relative;font-size:.6rem;font-weight:700;margin:0;width:3rem;display:block;text-align:center}.preset-list-container #preset-list span{margin:0;line-height:0!important}.preset-list-container #preset-list .preset-item-text{display:flex;align-items:flex-start;gap:.5rem}.preset-list-container #preset-list .preset-item-text p{display:flex;flex-direction:column;align-items:center;line-height:1.4rem;margin:.1rem 0;font-size:.8333rem;text-align:center}.preset-list-container #preset-button-panel{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.preset-list-container #preset-button-panel .preset-button,.preset-list-container #preset-button-panel #save-preset-button,.preset-list-container #preset-button-panel #load-preset-button,.preset-list-container #preset-button-panel #add-preset-button{margin-top:.5rem;border-radius:6px;color:var(--text-color-light);font-weight:700;font-size:.6rem;letter-spacing:.02rem;transition:all .2s}.preset-list-container #preset-button-panel .preset-button.Mui-disabled,.preset-list-container #preset-button-panel .Mui-disabled#save-preset-button,.preset-list-container #preset-button-panel .Mui-disabled#load-preset-button,.preset-list-container #preset-button-panel .Mui-disabled#add-preset-button{color:var(--button-active)}.preset-list-container #preset-button-panel #add-preset-button{border-width:2px;grid-column:1/3;grid-row:1;width:100%}.preset-list-container #preset-button-panel #save-preset-button,.preset-list-container #preset-button-panel #load-preset-button{grid-row:2}.preset-list-container #preset-button-panel .file-input{display:none}.chart-sub-control,.legend-container .legend{padding:.5rem 1rem}.legend-container{position:relative;grid-column:3;grid-row:5;align-self:center;width:100%;display:flex;justify-content:center;margin-top:.5rem;font-family:sans-serif}.legend-container .legend-msg{position:absolute;top:0;left:50%;translate:-50% -250%;text-transform:uppercase;font-size:.7rem;opacity:0;transition:opacity .3s;background:#fff;border-radius:5px;box-shadow:#0003 0 0 6px 1px;padding:.8rem;height:fit-content;letter-spacing:.07rem}.legend-container .legend-msg.show{opacity:1}.legend-container .legend{border-radius:5px;display:flex;flex-direction:row;gap:.5rem;cursor:pointer;transition:all .2s;flex-wrap:wrap;justify-content:center;row-gap:1rem;max-width:28.35vw;align-items:center;height:fit-content;width:fit-content!important;text-transform:initial;flex:none}.legend-container .legend:hover{box-shadow:#0003 0 0 6px 1px}.legend-container .legend p{margin:0!important;line-height:.5rem;font-size:.9rem;display:flex;flex-direction:row;gap:.2rem;align-items:center;justify-self:center}.upload-button-container{margin-top:auto;margin-bottom:auto}.upload-button-container button{box-shadow:#0000001a 0 0 2px 2px}.upload-button-container .file-input{display:none}.upload-button-container p{text-overflow:ellipsis;overflow:hidden;line-height:.6rem;text-transform:uppercase;letter-spacing:.02rem;font-size:.6rem;font-weight:700;color:var(--text-color-light)}#comp-demo-div .upload-button-container{margin-top:1rem}.button,.play-button{padding:0 .5rem;height:1.8rem;text-transform:uppercase;letter-spacing:.02rem;background-color:#fff;border:2px solid var(--text-color-light);border-radius:6px;transition:all .2s;font-size:.6rem;font-weight:700;color:var(--text-color-light)}.button:hover,.play-button:hover{background-color:var(--light-gray);cursor:pointer}.button:active,.play-button:active{background-color:var(--button-active)}.play-button{display:flex;justify-content:center;align-items:center;width:3rem;box-shadow:#0000001a 0 0 2px 2px}.play-button span{margin:0;font-size:1.4rem;color:var(--text-color-light)}.play-button .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 22}.MuiSlider-root *{transition:box-shadow .15s cubic-bezier(.4,0,.2,1) 0ms,left 0s,bottom .15s cubic-bezier(.4,0,.2,1) 0ms!important}:export{primaryColor:#006fd5;primaryColorLight:#b9e0ff;primaryColorMedium:#2699ff}*{box-sizing:border-box}h1{margin-top:3.5rem;font-weight:900;font-size:3rem;font-family:Inter,sans-serif}h2{letter-spacing:-.07rem;color:var(--text-color-light);text-transform:initial}h3{line-height:0;text-transform:uppercase;letter-spacing:.02rem;font-size:.6rem;font-weight:700}html{--text-color: #3d3d3d;--text-color-light: #575757;--legend-border: #a8a8a8;--button-border: #7a7a7a;--light-gray: #e8e8e8;--button-active: #d3d3d3;--input-border: #c3c3c3;--primary-color: $primary-color;--primary-color-medium: #2699ff;--primary-color-light: $primary-color-light}@media (max-width: 800px){#root,#root #main{width:fit-content!important}#root #main #encoding-demo-div{width:fit-content}}body{width:100%}body.modal-open{overflow:hidden}#root{display:flex;flex-direction:column;margin:0 auto;text-align:center;justify-content:space-between;align-items:center;width:100%;color:var(--text-color);font-family:Inter,sans-serif}#main{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;padding:0 10rem;width:100%}@media (max-width: 1200px){#main,.tabcontent{padding:0 5vw!important}}.charts{font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:flex-end;flex-direction:row;gap:2rem}.charts.paper-mode{font-family:Times New Roman,Times,serif}.charts#demo2-charts,.charts#demo2-charts .chart,.charts#demo2-charts .chart .canvas-container,.charts#demo2-charts .chart .canvas-container .canvas-wrapper{width:100%}.charts#demo2-charts .canvas-wrapper{grid-template-columns:min-content auto min-content min-content!important}.charts .chart{justify-content:center;align-items:center;display:flex;flex-direction:column;box-sizing:border-box;gap:0;align-self:flex-start}.charts .chart .chartitle{margin:.5rem;white-space:nowrap}.charts .chart .canvas-container{text-transform:uppercase;font-size:1rem;gap:0;justify-content:center;align-items:flex-start;display:flex;flex-direction:row}.charts .chart .canvas-container p{line-height:0;margin-top:2rem}.charts .chart .canvas-container .canvas-wrapper{display:grid;grid-auto-rows:auto;gap:0}.charts .chart .canvas-container .canvas-wrapper h2{grid-column:3;grid-row:1;color:var(--text-color-light);margin:1rem 0 .5rem;text-transform:initial}.charts .chart .canvas-container .canvas-wrapper h2.paper-mode{font-weight:900}.charts .chart .canvas-container .canvas-wrapper .y-axis-label{width:fit-content;height:fit-content;writing-mode:tb;rotate:180deg;grid-row:2;grid-column:1;align-self:center}.charts .chart .canvas-container .canvas-wrapper .chart-x-axis-name,.charts .chart .canvas-container .canvas-wrapper .y-axis-label{font-size:.7rem;letter-spacing:.09rem}.charts .chart .canvas-container .canvas-wrapper#left-canvas{grid-template-columns:auto auto auto}.charts .chart .canvas-container .canvas-wrapper#right-canvas{grid-template-columns:auto auto auto auto}.charts .chart .canvas-container .canvas-wrapper#right-canvas .chartYTicks{grid-column:1}.charts .chart .canvas-container .canvas-wrapper#right-canvas canvas,.charts .chart .canvas-container .canvas-wrapper#right-canvas h2,.charts .chart .canvas-container .canvas-wrapper#right-canvas .chart-x-axis-name,.charts .chart .canvas-container .canvas-wrapper#right-canvas .chartXTicks{grid-column:2}.charts .chart .canvas-container .canvas-wrapper#right-canvas .y-axis-label{grid-column:4;grid-row:2}.charts .chart .canvas-container .canvas-wrapper canvas{grid-column:3;grid-row:2;height:21vw;width:28.35vw;border:1px solid black}.charts .chart .canvas-container .canvas-wrapper canvas#demo2-canvas{width:100%}.charts .chart .canvas-container .canvas-wrapper .x-tick-mark-label,.charts .chart .canvas-container .canvas-wrapper .y-tick-mark-label{font-family:Inter,sans-serif;font-size:.7rem}.charts .chart .canvas-container .canvas-wrapper .chartYTicks{width:fit-content;height:100%;justify-content:space-between;align-items:flex-end;display:flex;flex-direction:column-reverse;grid-column:2;padding:calc(.84vw - .4rem) 0;grid-row:2}.charts .chart .canvas-container .canvas-wrapper .chartYTicks#right-axis{grid-column:3;align-items:flex-start}.charts .chart .canvas-container .canvas-wrapper .chartYTicks .y-tick-mark{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;width:fit-content;gap:3px}.charts .chart .canvas-container .canvas-wrapper .chartYTicks .y-tick-mark .y-tick-line{margin:0;border-top:1px solid black;height:1px;width:5px}.charts .chart .canvas-container .canvas-wrapper .chartXTicks{width:100%;height:fit-content;display:flex;justify-content:space-between;padding:0 .84vw;grid-column:3}.charts .chart .canvas-container .canvas-wrapper .chartXTicks .x-tick-mark{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;height:fit-content}.charts .chart .canvas-container .canvas-wrapper .chartXTicks .x-tick-mark .x-tick-line{margin:0;border-left:1px solid black;height:5px;width:1px}.charts .chart .canvas-container .canvas-wrapper .chartXTicks .x-tick-mark .x-tick-mark-label{top:.3rem;position:absolute}.charts .chart .canvas-container .canvas-wrapper .chart-x-axis-name{grid-column:3}.encoder-switch{display:flex;justify-content:center;align-items:center;font-size:inherit;gap:.5rem;grid-column:2}.encoder-switch p{font-size:.9rem;font-weight:500;font-family:inherit!important;margin:0!important;text-transform:uppercase}.encoder-switch p.small{font-size:.6rem;letter-spacing:.02rem;font-weight:700}.encoder-switch .MuiSwitch-root{margin:0}.encoder-switch .encoding-label{transition:all .2s}.encoder-switch .encoding-label.checked{opacity:1}.encoder-switch .encoding-label.unchecked{opacity:.5}.chart-sub-control{padding:.5rem 1rem}.button{padding:0 .5rem;height:1.8rem;text-transform:uppercase;letter-spacing:.02rem;background-color:#fff;border:2px solid var(--text-color-light);border-radius:6px;transition:all .2s;font-size:.6rem;font-weight:700;color:var(--text-color-light)}.button:hover{background-color:var(--light-gray);cursor:pointer}.button:active{background-color:var(--button-active)}input[type=number]{border-radius:5px;border:1px solid var(--input-border);padding:.1rem .2rem}.controls{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;--gap: 20px;gap:var(--gap)}.controls #sfcrangecontrol{flex:1 1 7rem}.controls #sfcrangecontrol .text-controls{justify-content:center;align-items:center;flex-direction:row}.controls #sfcrangecontrol label{display:flex;flex-direction:column;gap:.3rem}.controls #sfcrangecontrol label input{width:15ch}.controls #process-container{height:fit-content;flex:none}.controls #process-container h3{margin-bottom:initial}.controls #process-container .signals-grid{width:100%;display:grid;grid-template-columns:auto repeat(2,min-content);gap:.2rem;grid-auto-rows:auto}.controls #process-container .signals-grid .MuiDivider-root{grid-column:1/4;height:1rem}.controls #process-container .signals-grid .MuiDivider-root #sfc-header{margin:0;line-height:initial;padding:.1rem 0 0}.controls #process-container .signals-grid .signal-cell{display:flex;align-items:center;width:100%;height:fit-content}.controls #process-container .signals-grid .signal-cell .color-line{display:flex;width:32px;max-width:32px;height:4px;padding:0;margin-right:3px}.controls #process-container .signals-grid .signal-cell .signal-name{font-size:.9rem;padding-right:2rem;max-width:22ch;text-overflow:ellipsis;overflow:hidden}.controls #process-container .signals-grid .signal-label{grid-column:1}.controls #process-container .signals-grid .offset-label{grid-column:2}.controls #process-container .signals-grid .scale-label{grid-column:3}.controls #process-container .signals-grid .encoder-label{margin-top:.7rem!important;align-items:flex-start;padding-top:.2rem}.controls #process-container .signals-grid .encoder-switch{margin-left:.5rem;margin-right:.5rem}.controls #process-container .signals-grid .bits-label{text-align:center}.controls #process-container .signals-grid span.bits-label,.controls #process-container .signals-grid span.show-transforms-label,.controls #process-container .signals-grid span.encoder-label{grid-column:1;text-align:left;padding-top:.2rem}.controls #process-container .signals-grid label.bits-label,.controls #process-container .signals-grid div.show-transforms-label,.controls #process-container .signals-grid .encoder-switch{grid-column:2;text-align:left}.controls #process-container .signals-grid .bits-label,.controls #process-container .signals-grid .show-transforms-label,.controls #process-container .signals-grid .encoder-label{min-height:1.3rem}.controls #process-container .signals-grid div.show-transforms-label{display:flex;justify-content:left;width:100%;pointer-events:none;margin-left:-.2rem}.controls #process-container .signals-grid div.show-transforms-label .MuiButtonBase-root{aspect-ratio:1;height:fit-content;width:fit-content;pointer-events:auto}.controls #process-container .signals-grid .variant-full.min-sfc-label{margin-top:.7rem}.controls #process-container .signals-grid span.bits-label{padding-top:.2rem}.controls #process-container .signals-grid span.min-sfc-label,.controls #process-container .signals-grid span.max-sfc-label{grid-column:1;text-align:left;display:flex;align-items:center}.controls #process-container .signals-grid label.min-sfc-label,.controls #process-container .signals-grid label.max-sfc-label{grid-column:2/4;display:flex}.controls #process-container .signals-grid label.min-sfc-label input,.controls #process-container .signals-grid label.max-sfc-label input{width:15ch}.controls #process-container .signals-grid #sfc-header{margin-top:1.7rem;grid-column:1/4}.controls #process-container .signals-grid input{width:9ch;margin:0 .5rem}.controls #process-container .signals-grid .empty-row{content:" ";grid-column:1/4}.controls #process-container #reset-button{margin-top:1rem;grid-column:1/4;width:fit-content;justify-self:center;border-width:2px;border-radius:6px;color:var(--text-color-light);font-weight:700;font-size:.6rem;letter-spacing:.02rem;transition:all .2s}.controls #process-container #reset-button.Mui-disabled{color:var(--button-active)}.controls .vert-control-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;flex-wrap:wrap;gap:var(--gap)}.controls .vert-control-wrapper:nth-of-type(2){height:100%;justify-content:flex-start;width:fit-content}.controls .vert-control-wrapper .control-row{display:flex;gap:var(--gap);width:100%;justify-content:flex-end}.controls .vert-control-wrapper .control-row #range-container{height:fit-content;flex:1 1 50rem;max-width:none}.controls .vert-control-wrapper .control-row #range-container .input-label{display:flex;flex-direction:row;align-items:center;gap:.5rem}@media (max-width: 1080px){.controls .vert-control-wrapper .file-container,.controls .vert-control-wrapper .position-container{width:100%!important;border-radius:10px;border:0 solid black;box-shadow:#00000026 0 0 1px 1px;padding:1.2rem 1.8rem}.controls .vert-control-wrapper .file-container{order:2}.controls .vert-control-wrapper .control-row{flex-direction:column;max-width:100%;width:100%}.controls .vert-control-wrapper .control-container{max-height:fit-content}.controls .vert-control-wrapper #range-container,.controls .vert-control-wrapper #presets-container{max-width:100%;width:100%}.controls .vert-control-wrapper #presets-container{width:fit-content}.controls .vert-control-wrapper #first-control-row{flex-direction:column!important;border:none;padding:0;box-shadow:none}}.controls .vert-control-wrapper #first-control-row{display:flex;flex-direction:row;justify-content:center;align-items:center;flex:initial;gap:var(--gap)}.controls .vert-control-wrapper #first-control-row .file-container{width:10rem}.controls .vert-control-wrapper #first-control-row .position-container{flex:1 1 auto;width:auto;align-items:center;display:flex;flex-direction:column}.control-container{width:100%;display:flex;align-items:center;flex-direction:column;border-radius:10px;border:0 solid black;box-shadow:#00000026 0 0 1px 1px;padding:1.2rem 1.8rem;flex:1 1 27rem;justify-content:center}.control-container .input-label{text-transform:uppercase;font-size:.6rem;letter-spacing:.02rem;font-weight:700}.control-container h3{margin-top:0;padding-bottom:1rem;margin-bottom:auto}.control-container>:last-child{margin-bottom:auto}@media (max-width: 1280px){.control-container .text-controls{align-items:flex-end}}.control-container .text-controls{display:flex;column-gap:1rem;row-gap:.5rem;flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.control-container .text-controls input{width:8ch}.MuiSlider-thumb{width:17px!important;height:17px!important}.topnav{overflow:hidden;background-color:var(--text-color);color:#fff;padding:0 50px;width:100%;position:sticky;top:0;z-index:1;box-shadow:#0003 0 5px 5px 1px}.topnav div{float:left;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px;color:#fff;transition:background-color .3s;cursor:pointer;font-weight:500}.topnav div:hover{background-color:var(--text-color-light)}.footer{bottom:0;background-color:var(--text-color);color:#fff;text-align:left;width:100%;padding:14px 50px}.landing-section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:95vh;background-image:linear-gradient(rgba(0,0,0,.6),var(--text-color))}.landing-section img{max-width:17rem;height:auto;margin-bottom:5px;filter:brightness(0) invert(1)}.landing-section p{color:#fff;max-width:28rem}.MuiFab-extended{padding:1.2rem!important;border-radius:20px!important;position:fixed!important;bottom:2rem;right:2rem;font-size:.8rem!important;letter-spacing:.02rem!important;font-weight:700!important;transition:all .5s!important;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f!important;opacity:.85}.MuiFab-extended.disabled{pointer-events:none;opacity:0}.tabcontent{background-color:#fff;margin-top:2rem;padding:0 10rem}.papers-container{display:flex;flex-wrap:wrap;gap:20px;padding:20px 0}.paper-block{background-color:var(--light-gray);border-radius:8px;padding:20px;flex:1 1 30rem}.paper-title{margin:0 0 10px}.paper-description{margin:0 0 15px}.paper-buttons{display:flex;gap:10px}h1+p{margin-top:0}.light-box{position:fixed;width:100%;height:100%;background:#0003;opacity:0;transition:opacity .3s;pointer-events:none;top:0;left:0}.light-box.show{opacity:1;pointer-events:all}.light-box .dialog{position:fixed;top:50%;left:50%;translate:-50% -50%;border-radius:10px;border:0 solid black;box-shadow:#0003 0 0 16px 4px;margin:0;padding:1rem 3rem;pointer-events:all}.light-box .dialog h2{line-height:.8rem}.light-box .dialog .checkbox-list{font-size:.8rem;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:.2rem}.light-box .dialog .buttons{display:flex;flex-direction:row;gap:.5rem;justify-content:center}.light-box .dialog .buttons button{margin-top:1rem;width:13ch;text-align:center}.light-box .dialog .buttons .ok-button{border:none;color:#fff;box-shadow:#0006 0 0 4px;transition:all .2s}.light-box .dialog .buttons .ok-button.enabled{background:#006fd5}.light-box .dialog .buttons .ok-button.enabled:hover{background:#2699ff}.light-box .dialog .buttons .ok-button.disabled{background:var(--button-border);cursor:default}#encoding-demo-div{display:flex;flex-direction:column;gap:1rem;width:100%}#encoding-demo-div .charts{width:100%;gap:4vw}#encoding-demo-div h1{margin-bottom:.5rem}#encoding-demo-div #presets-container{width:auto}#encoding-demo-div #presets-container .preset-list-container,#encoding-demo-div #presets-container #preset-list{width:100%}@media (max-width: 1280px){#encoding-demo-div .text-controls{flex-direction:column!important}}@media (max-width: 1080px){#encoding-demo-div .chartitle{font-size:2.2vw}}@media (min-width: 1081px){#encoding-demo-div #process-container,#encoding-demo-div .vert-control-wrapper{height:100%}}#comp-demo-div{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%}#comp-demo-div h1{margin-bottom:0}#comp-demo-div #demo2-controls{width:100%;display:flex;flex-direction:column;align-items:center}#comp-demo-div #demo2-controls .control-container{padding:1.2rem}#comp-demo-div #demo2-controls .comparison-row-div{display:flex;flex-direction:row;width:100%;align-items:center;gap:1rem;flex:none;justify-content:normal}#comp-demo-div #demo2-controls .comparison-row-div .MuiTypography-root{text-transform:uppercase;line-height:.6rem!important;letter-spacing:.02rem!important;font-size:.6rem!important;font-weight:700!important}#comp-demo-div #demo2-controls .comparison-row-div .left-control-grid{width:max-content;display:grid;grid-template-columns:max-content;flex:1 1 fit-content;height:100%}#comp-demo-div #demo2-controls .comparison-row-div .left-control-grid .first-buttons-column{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;gap:2rem}#comp-demo-div #demo2-controls .comparison-row-div .left-control-grid .first-buttons-column .MuiSvgIcon-root{width:2rem!important;height:2rem!important;padding:0}#comp-demo-div #demo2-controls .comparison-row-div .left-control-grid .first-buttons-column .show-checkbox{flex-direction:column;align-self:center;padding:0 0 0 1rem;margin-top:-.25rem}#comp-demo-div #demo2-controls .comparison-row-div .left-control-grid .first-buttons-column .show-checkbox .MuiButtonBase-root{padding:0}#comp-demo-div #demo2-controls .comparison-row-div .left-control-grid .first-buttons-column .delete-row-button{display:flex;flex-direction:column;justify-content:center;align-items:center}#comp-demo-div #demo2-controls .comparison-row-div .left-control-grid .first-buttons-column .delete-row-button .MuiIconButton-root{display:flex;margin-bottom:0}#comp-demo-div #demo2-controls .comparison-row-div .left-control-grid .first-buttons-column .delete-row-button .MuiIconButton-root .MuiSvgIcon-root{width:2rem!important;height:2rem!important}#comp-demo-div #demo2-controls .comparison-row-div .left-control-grid .file-container{grid-row:1;grid-column:2;align-self:center}#comp-demo-div #demo2-controls .comparison-row-div .left-control-grid .file-container .upload-button-container{margin-top:0}#comp-demo-div #demo2-controls .comparison-row-div .left-control-grid #range-container{grid-row:2;grid-column:2;box-shadow:none;border-radius:0;border-top:1px solid rgba(0,0,0,.15)}#comp-demo-div #demo2-controls .comparison-row-div .left-control-grid #range-container .text-controls{flex-direction:row}#comp-demo-div #demo2-controls .comparison-row-div .left-control-grid #range-container .text-controls label{display:flex;gap:.5rem;align-items:center}#comp-demo-div #demo2-controls .comparison-row-div #process-container{display:flex;justify-content:center;margin-right:0;margin-left:0;gap:.5rem;width:39rem;border-radius:0;border-left:1px solid rgba(0,0,0,.15);box-shadow:none;height:100%;padding:0 0 0 1.2rem}#comp-demo-div #demo2-controls .comparison-row-div #process-container h3{grid-column:1/3}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid{grid-template-columns:9ch repeat(2,min-content) 1rem min-content min-content auto;position:relative}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid .offset-label input,#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid .scale-label input{margin:.1rem}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid .signal-cell{grid-column:1}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid .signal-cell .signal-name{padding-right:.2rem;max-width:15ch}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid span{align-self:center}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid span.bits-label,#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid span.max-sfc-label,#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid span.min-sfc-label{margin-right:.5rem}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid span.bits-label{grid-row:1;grid-column:5;padding-top:0;margin-top:0;text-align:right}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid label.bits-label{grid-row:1;grid-column:6;margin-top:0;text-align:left}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid label.bits-label *{margin-left:0;padding-left:0;margin-right:0;padding-right:0}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid .choose-columns-button{border-radius:6px;color:var(--text-color-light);font-weight:700;font-size:.6rem;letter-spacing:.02rem;transition:all .2s;white-space:nowrap;grid-column:1/4;border-width:2px;width:fit-content;justify-self:center;border-color:var(--button-active);margin-top:.5rem}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid #sfc-header{grid-column:5/7;align-self:center;margin-top:0;padding:0}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid .MuiDivider-root{grid-column:4;height:100%;position:absolute;margin-left:.5rem}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid .min-sfc-label{grid-row:2}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid .max-sfc-label{grid-row:3}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid span.max-sfc-label,#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid span.min-sfc-label{grid-column:5/6;justify-self:flex-end;white-space:nowrap}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid label.max-sfc-label,#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid label.min-sfc-label{grid-column:6/7;width:14ch}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid label.max-sfc-label *,#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid label.min-sfc-label *{width:100%;margin-left:0;margin-right:0}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid #reset-button{width:min-content;margin:auto .1rem;grid-column:7;grid-row:2/4;justify-self:flex-end}@media (max-width: 1200px){#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid #sfc-header{grid-column:5/7}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid label.max-sfc-label,#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid label.min-sfc-label{grid-column:6}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid span.max-sfc-label,#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid span.min-sfc-label{grid-column:5}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid #reset-button{width:100%;margin:0 .1rem;grid-column:5/7;grid-row:5/7}}#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid .choose-columns-button span,#comp-demo-div #demo2-controls .comparison-row-div #process-container .signals-grid #reset-button span{height:100%}#comp-demo-div .global-transform-div{width:fit-content;flex:none;margin-top:-.5rem;display:flex;flex-direction:row;align-items:center;gap:1rem;margin-bottom:0;padding:.6rem .9rem}#comp-demo-div .global-transform-div>:last-child{margin:0}#comp-demo-div .global-transform-div .encoder-switch{margin:0}#comp-demo-div .global-transform-div label.input-label{width:8ch}#comp-demo-div .global-transform-div label.input-label *{width:100%}@media (max-width: 1080px){#process-container{width:35rem}}@media (max-width: 1200px){#comp-demo-div #process-container{width:fit-content!important}#comp-demo-div #process-container .signals-grid{grid-template-columns:9ch repeat(2,min-content) 1rem min-content auto!important}}