@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}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}._flex-display_1t6ug_8{display:flex;justify-content:center;align-items:center}h1:hover ._section-hash-span_1t6ug_27,h1 ._section-hash-span_1t6ug_27:hover{opacity:1}h1 ._section-hash-span_1t6ug_27{position:absolute;color:#63b7ff;translate:-1.2ch 0;opacity:0;transition:all .2s;cursor:pointer;font-weight:900;font-size:2.5rem;text-align:center;padding-top:.2rem}h1 ._section-hash-span_1t6ug_27:hover{color:#2699ff}h1 ._section-hash-span_1t6ug_27:active{color:#006fd5}@media(max-width:800px){#_root_1t6ug_1,#_root_1t6ug_1 #_main_1t6ug_1{width:fit-content!important}#_root_1t6ug_1 #_main_1t6ug_1 #_encoding-demo_1t6ug_1{width:fit-content}}body._modal-open_1t6ug_87{overflow:hidden}#_root_1t6ug_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_1t6ug_1{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;width:100%}#_main_1t6ug_1,._link-container_1t6ug_116,._tabcontent_1t6ug_116{max-width:1200px}@media(max-width:1200px){#_main_1t6ug_1,._tabcontent_1t6ug_116{padding:0 5vw!important}}._charts_1t6ug_125{font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:flex-end;flex-direction:row;gap:2rem}._charts_1t6ug_125._paper-mode_1t6ug_133{font-family:Times New Roman,Times,serif}._charts_1t6ug_125#_demo2-charts_1t6ug_1,._charts_1t6ug_125#_demo2-charts_1t6ug_1 ._chart_1t6ug_125,._charts_1t6ug_125#_demo2-charts_1t6ug_1 ._chart_1t6ug_125 ._canvas-container_1t6ug_139,._charts_1t6ug_125#_demo2-charts_1t6ug_1 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139{width:100%}._charts_1t6ug_125#_demo2-charts_1t6ug_1 ._canvas-wrapper_1t6ug_139{grid-template-columns:min-content auto min-content min-content!important}._charts_1t6ug_125 ._chart_1t6ug_125{justify-content:center;align-items:center;display:flex;flex-direction:column;box-sizing:border-box;gap:0;align-self:flex-start}._charts_1t6ug_125 ._chart_1t6ug_125 ._chartitle_1t6ug_154{margin:.5rem;white-space:nowrap}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 p{line-height:0;margin-top:2rem}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139{text-transform:uppercase;font-size:1rem;gap:0;justify-content:center;align-items:flex-start;display:flex;flex-direction:row}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139{display:grid;grid-auto-rows:auto;gap:0}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139 h2{grid-column:3;grid-row:1;color:var(--text-color-light);margin:1rem 0 .5rem;text-transform:initial}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139 h2._paper-mode_1t6ug_133{font-weight:900}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139 ._y-axis-label_1t6ug_186{width:fit-content;height:fit-content;writing-mode:tb;rotate:180deg;grid-row:2;grid-column:1;align-self:center}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139 ._chart-x-axis-name_1t6ug_195,._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139 ._y-axis-label_1t6ug_186{font-size:.7rem;letter-spacing:.09rem}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139#_left-canvas_1t6ug_1{grid-template-columns:auto auto auto}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139#_right-canvas_1t6ug_1{grid-template-columns:auto auto auto auto}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139#_right-canvas_1t6ug_1 ._chartYTicks_1t6ug_205{grid-column:1}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139#_right-canvas_1t6ug_1 canvas,._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139#_right-canvas_1t6ug_1 h2,._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139#_right-canvas_1t6ug_1 ._chart-x-axis-name_1t6ug_195,._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139#_right-canvas_1t6ug_1 ._chartXTicks_1t6ug_208{grid-column:2}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139#_right-canvas_1t6ug_1 ._y-axis-label_1t6ug_186{grid-column:4;grid-row:2}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139 canvas{grid-column:3;grid-row:2;height:21vw;width:28.35vw;border:1px solid black}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139 canvas#_demo2-canvas_1t6ug_1{width:100%}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139 ._x-tick-mark-label_1t6ug_225,._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139 ._y-tick-mark-label_1t6ug_225{font-family:Inter,sans-serif;font-size:.7rem}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139 ._chartYTicks_1t6ug_205{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_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139 ._chartYTicks_1t6ug_205#_right-axis_1t6ug_1{grid-column:3;align-items:flex-start}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139 ._chartYTicks_1t6ug_205 ._y-tick-mark_1t6ug_225{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;width:fit-content;gap:3px}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139 ._chartYTicks_1t6ug_205 ._y-tick-mark_1t6ug_225 ._y-tick-line_1t6ug_253{margin:0;border-top:1px solid black;height:1px;width:5px}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139 ._chartXTicks_1t6ug_208{width:100%;height:fit-content;display:flex;justify-content:space-between;padding:0 .84vw;grid-column:3}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139 ._chartXTicks_1t6ug_208 ._x-tick-mark_1t6ug_225{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;height:fit-content}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139 ._chartXTicks_1t6ug_208 ._x-tick-mark_1t6ug_225 ._x-tick-line_1t6ug_275{margin:0;border-left:1px solid black;height:5px;width:1px}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139 ._chartXTicks_1t6ug_208 ._x-tick-mark_1t6ug_225 ._x-tick-mark-label_1t6ug_225{top:.3rem;position:absolute}._charts_1t6ug_125 ._chart_1t6ug_125 ._canvas-container_1t6ug_139 ._canvas-wrapper_1t6ug_139 ._chart-x-axis-name_1t6ug_195{grid-column:3}._encoder-switch_1t6ug_289 p{font-size:.9rem;font-weight:500;font-family:inherit!important;margin:0!important;text-transform:uppercase}._encoder-switch_1t6ug_289 p._small_1t6ug_296{font-size:.6rem;letter-spacing:.02rem;font-weight:700}._encoder-switch_1t6ug_289 ._MuiSwitch-root_1t6ug_301{margin:0}._encoder-switch_1t6ug_289{display:flex;justify-content:center;align-items:center;font-size:inherit;gap:.5rem;grid-column:2}._encoder-switch_1t6ug_289 ._encoding-label_1t6ug_312{transition:all .2s}._encoder-switch_1t6ug_289 ._encoding-label_1t6ug_312._checked_1t6ug_315{opacity:1}._encoder-switch_1t6ug_289 ._encoding-label_1t6ug_312._unchecked_1t6ug_318{opacity:.5}._chart-sub-control_1t6ug_322{padding:.5rem 1rem}._MuiSlider-thumb_1t6ug_332{width:17px!important;height:17px!important}._footer_1t6ug_338{bottom:0;background-color:var(--text-color);color:#fff;text-align:left;width:100%;padding:14px 50px}._landing-section_1t6ug_347{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_1t6ug_347 *{padding:0 1rem}._landing-section_1t6ug_347 img{max-width:17rem;height:auto;margin-bottom:5px;filter:brightness(0) invert(1)}._landing-section_1t6ug_347 p{color:#fff;max-width:28rem}._landing-section_1t6ug_347 p._size-warning-p_1t6ug_369{display:none}@media(max-width:700px){._landing-section_1t6ug_347 p._size-warning-p_1t6ug_369{display:initial}}._MuiFab-extended_1t6ug_378{padding:1.2rem!important;border-radius:50%!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;height:2.5rem!important;width:2.5rem!important;background-color:#006fd5}._MuiFab-extended_1t6ug_378._disabled_1t6ug_394{pointer-events:none;opacity:0}._tabcontent_1t6ug_116{background-color:#fff;margin-top:2rem;display:flex;flex-direction:column}._tabcontent_1t6ug_116#_contact_1t6ug_1{display:flex;flex-direction:column}._tabcontent_1t6ug_116#_contact_1t6ug_1._hide_1t6ug_410{display:none}._papers-container_1t6ug_414{display:flex;flex-wrap:wrap;gap:20px;padding:20px 0}._paper-block_1t6ug_421{background-color:var(--light-gray);border-radius:8px;padding:20px;flex:1 1 30rem;display:flex;flex-direction:column;align-items:center}._paper-title_1t6ug_431{margin:0 0 10px}._paper-description_1t6ug_435{margin:0 0 15px}._paper-buttons_1t6ug_439{margin-top:auto;display:flex;gap:10px}._footer_1t6ug_338{text-align:center}._footer_1t6ug_338._hide_1t6ug_410{margin-top:5rem}._footer_1t6ug_338 #_contact-info_1t6ug_1._hide_1t6ug_410{display:none}@media(max-width:700px){h1{margin:1rem .5rem 0!important;font-size:2rem}h1 ._section-hash-span_1t6ug_27{padding-top:.2rem;font-size:1.7rem}._demo-description-p_1t6ug_471{margin:0}#_root_1t6ug_1{width:100%!important;font-size:14px}#_root_1t6ug_1 #_main_1t6ug_1{width:100%!important}#_root_1t6ug_1 #_main_1t6ug_1 #_encoding-demo_1t6ug_1{width:100%}#_root_1t6ug_1 #_main_1t6ug_1 #_encoding-demo_1t6ug_1 h1{margin-top:0}#_root_1t6ug_1 #_main_1t6ug_1 ._chartitle_1t6ug_154{font-size:1.3rem!important}#_root_1t6ug_1 ._tabcontent_1t6ug_116{margin-top:1.5rem}#_root_1t6ug_1 ._tabcontent_1t6ug_116 ._papers-container_1t6ug_414{padding-bottom:0}#_root_1t6ug_1 ._tabcontent_1t6ug_116#_contact_1t6ug_1 p{margin-top:1rem;margin-bottom:0}._MuiFab-extended_1t6ug_378{bottom:6rem;right:1rem;scale:1.3}._footer_1t6ug_338{margin-top:-1rem;padding:14px 2rem 28px}}.button-text,.button,.link-button,.no-border-button,.preset-list-container #preset-button-panel #save-preset-button,.preset-list-container #preset-button-panel #load-preset-button,.gray-border-button,.blue-border-button,.preset-list-container #preset-button-panel .preset-button,.preset-list-container #preset-button-panel #add-preset-button{text-transform:uppercase;letter-spacing:.02rem;font-size:.6rem;font-weight:700}.button,.link-button,.no-border-button,.preset-list-container #preset-button-panel #save-preset-button,.preset-list-container #preset-button-panel #load-preset-button,.gray-border-button,.blue-border-button,.preset-list-container #preset-button-panel .preset-button,.preset-list-container #preset-button-panel #add-preset-button{padding:0 .5rem;height:1.8rem;background-color:#fff;border:2px solid var(--text-color-light);border-radius:6px;transition:all .2s;color:var(--text-color-light)}.button:hover,.link-button:hover,.no-border-button:hover,.preset-list-container #preset-button-panel #save-preset-button:hover,.preset-list-container #preset-button-panel #load-preset-button:hover,.gray-border-button:hover,.blue-border-button:hover,.preset-list-container #preset-button-panel .preset-button:hover,.preset-list-container #preset-button-panel #add-preset-button:hover{background-color:var(--light-gray);cursor:pointer}.button:active,.link-button:active,.no-border-button:active,.preset-list-container #preset-button-panel #save-preset-button:active,.preset-list-container #preset-button-panel #load-preset-button:active,.gray-border-button:active,.blue-border-button:active,.preset-list-container #preset-button-panel .preset-button:active,.preset-list-container #preset-button-panel #add-preset-button:active{background-color:var(--button-active)}.blue-border-button,.preset-list-container #preset-button-panel .preset-button,.preset-list-container #preset-button-panel #add-preset-button,.preset-list-container #preset-button-panel #save-preset-button,.preset-list-container #preset-button-panel #load-preset-button{border-color:#1976d280}.blue-border-button:hover,.preset-list-container #preset-button-panel .preset-button:hover,.preset-list-container #preset-button-panel #add-preset-button:hover,.preset-list-container #preset-button-panel #save-preset-button:hover,.preset-list-container #preset-button-panel #load-preset-button:hover{border-color:#1976d2}.no-border-button,.preset-list-container #preset-button-panel #save-preset-button,.preset-list-container #preset-button-panel #load-preset-button{border-width:0}.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}}.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;color:var(--text-color-light)}.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{border-width:0;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% -210%;text-transform:uppercase;font-size:.7rem;opacity:0;transition:opacity .3s;background:#fff;border-radius:5px;box-shadow:#0003 0 0 6px 1px;padding:.7rem .4rem;height:fit-content;letter-spacing:.07rem;line-height:initial!important}.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}@media(max-width:700px){.legend-container .legend{max-width:none}}.button-text,.upload-button-container p,.button,.upload-button-container button,.link-button,.no-border-button,.gray-border-button,.blue-border-button{text-transform:uppercase;letter-spacing:.02rem;font-size:.6rem;font-weight:700}.button-shadow,.upload-button-container button{box-shadow:#0000001a 0 0 2px 2px}.button,.upload-button-container button,.link-button,.no-border-button,.gray-border-button,.blue-border-button{padding:0 .5rem;height:1.8rem;background-color:#fff;border:2px solid var(--text-color-light);border-radius:6px;transition:all .2s;color:var(--text-color-light)}.button:hover,.upload-button-container button:hover,.link-button:hover,.no-border-button:hover,.gray-border-button:hover,.blue-border-button:hover{background-color:var(--light-gray);cursor:pointer}.button:active,.upload-button-container button:active,.link-button:active,.no-border-button:active,.gray-border-button:active,.blue-border-button:active{background-color:var(--button-active)}.upload-button-container{margin-top:auto;margin-bottom:auto}.upload-button-container .file-input{display:none}.upload-button-container p{text-overflow:ellipsis;overflow:hidden;border:none}#comparison-demo .upload-button-container{margin-top:1rem}.button-text,.button,.play-button,.link-button,.no-border-button,.gray-border-button,.blue-border-button{text-transform:uppercase;letter-spacing:.02rem;font-size:.6rem;font-weight:700}.button-shadow,.play-button{box-shadow:#0000001a 0 0 2px 2px}.button,.play-button,.link-button,.no-border-button,.gray-border-button,.blue-border-button{padding:0 .5rem;height:1.8rem;background-color:#fff;border:2px solid var(--text-color-light);border-radius:6px;transition:all .2s;color:var(--text-color-light)}.button:hover,.play-button:hover,.link-button:hover,.no-border-button:hover,.gray-border-button:hover,.blue-border-button:hover{background-color:var(--light-gray);cursor:pointer}.button:active,.play-button:active,.link-button:active,.no-border-button:active,.gray-border-button:active,.blue-border-button:active{background-color:var(--button-active)}.play-button{display:flex;justify-content:center;align-items:center;width:3rem}.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}.button-text,.button,.link-button,.no-border-button,.gray-border-button,.blue-border-button,.controls #process-container #reset-button{text-transform:uppercase;letter-spacing:.02rem;font-size:.6rem;font-weight:700}.button,.link-button,.no-border-button,.gray-border-button,.blue-border-button,.controls #process-container #reset-button{padding:0 .5rem;height:1.8rem;background-color:#fff;border:2px solid var(--text-color-light);border-radius:6px;transition:all .2s;color:var(--text-color-light)}.button:hover,.link-button:hover,.no-border-button:hover,.gray-border-button:hover,.blue-border-button:hover,.controls #process-container #reset-button:hover{background-color:var(--light-gray);cursor:pointer}.button:active,.link-button:active,.no-border-button:active,.gray-border-button:active,.blue-border-button:active,.controls #process-container #reset-button:active{background-color:var(--button-active)}.blue-border-button,.controls #process-container #reset-button{border-color:#1976d280}.blue-border-button:hover,.controls #process-container #reset-button:hover{border-color:#1976d2}.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;padding:0 5rem}.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}#select-columns-div .checkbox-list{font-size:.8rem;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:.2rem}.light-box{position:fixed;width:100%;height:100%;background:#0003;opacity:0;transition:all .3s;pointer-events:none;top:0;left:0;z-index:3000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.light-box.show{opacity:1;pointer-events:all}.light-box.show .dialog{scale:1}.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;scale:0;transition:all .3s}.light-box .dialog h2{line-height:.8rem}.light-box .dialog .form-buttons{display:flex;flex-direction:row;gap:.5rem;justify-content:center}.light-box .dialog .form-buttons button{margin-top:1rem;width:13ch;text-align:center}.light-box .dialog .form-buttons .ok-button{border:none;color:#fff;box-shadow:#0006 0 0 4px;transition:all .2s}.light-box .dialog .form-buttons .ok-button.enabled{background:#006fd5}.light-box .dialog .form-buttons .ok-button.enabled:hover{background:#2699ff}.light-box .dialog .form-buttons .ok-button.disabled{background:var(--button-border);cursor:default}@media(max-width:700px){.light-box .dialog{width:90%}.light-box .dialog h2{line-height:initial}.light-box .dialog .checkbox-list{line-height:initial;align-items:flex-start}.light-box .dialog .checkbox-list div{display:flex;align-items:center;column-gap:.3rem}}#encoding-demo{display:flex;flex-direction:column;gap:1rem;width:100%}#encoding-demo .charts{width:100%;gap:4vw}#encoding-demo h1{margin-bottom:.5rem}#encoding-demo #presets-container{width:auto}#encoding-demo #presets-container .preset-list-container,#encoding-demo #presets-container #preset-list{width:100%}@media(max-width:1280px){#encoding-demo .text-controls{flex-direction:column!important}}@media(max-width:1080px){#encoding-demo .chartitle{font-size:2.2vw}}@media(min-width:1081px){#encoding-demo #process-container,#encoding-demo .vert-control-wrapper{height:100%}}@media(max-width:700px){#encoding-demo .charts{flex-direction:column!important;align-items:center!important;gap:0}#encoding-demo .charts .chart{align-self:unset!important}#encoding-demo .charts .chart .canvas-container .canvas-wrapper .chartYTicks{width:100%!important}#encoding-demo .charts .chart .canvas-container .canvas-wrapper .x-tick-mark:not(:nth-child(odd)) .x-tick-mark-label{display:none!important}#encoding-demo .charts .chart .canvas-container .canvas-wrapper#left-canvas{grid-template-columns:5vw 8vw 70vw 13vw!important}#encoding-demo .charts .chart .canvas-container .canvas-wrapper#right-canvas{grid-template-columns:13vw 70vw 8vw 5vw!important}#encoding-demo .charts .chart .canvas-container .canvas-wrapper#right-canvas .chartYTicks:first-of-type{margin:0}#encoding-demo .charts .chart .canvas-container .canvas-wrapper#right-canvas .y-axis-label{height:max-content}#encoding-demo .charts .chart .canvas-container .canvas-wrapper#right-canvas .chartitle{text-align:center;margin:1rem auto .5rem;grid-column:1/5}#encoding-demo .charts .chart .canvas-container .canvas-wrapper canvas{width:70vw!important;height:52vw!important}#encoding-demo .charts .chart .canvas-container .canvas-wrapper .chartitle{font-size:1.5rem!important}#encoding-demo .charts .chart .canvas-container .canvas-wrapper .chartitle:first-of-type{margin-top:0}#encoding-demo .charts .chart .canvas-container .canvas-wrapper .chart-x-axis-name{margin-top:1.5rem}#encoding-demo .controls{flex-direction:column;gap:0}#encoding-demo .controls .vert-control-wrapper{width:100%}#encoding-demo .controls .vert-control-wrapper:nth-of-type(1),#encoding-demo .controls .vert-control-wrapper #first-control-row,#encoding-demo .controls .vert-control-wrapper .control-row{gap:0}#encoding-demo .controls .vert-control-wrapper:nth-of-type(1) .separator,#encoding-demo .controls .vert-control-wrapper:nth-of-type(1) .position-container:after,#encoding-demo .controls .vert-control-wrapper:nth-of-type(1) .file-container:after,#encoding-demo .controls .vert-control-wrapper:nth-of-type(1) #range-container:after,#encoding-demo .controls .vert-control-wrapper #first-control-row .separator,#encoding-demo .controls .vert-control-wrapper #first-control-row .position-container:after,#encoding-demo .controls .vert-control-wrapper #first-control-row .file-container:after,#encoding-demo .controls .vert-control-wrapper #first-control-row #range-container:after,#encoding-demo .controls .vert-control-wrapper .control-row .separator,#encoding-demo .controls .vert-control-wrapper .control-row .position-container:after,#encoding-demo .controls .vert-control-wrapper .control-row .file-container:after,#encoding-demo .controls .vert-control-wrapper .control-row #range-container:after{content:"";position:absolute;border-top:1px solid rgba(0,0,0,.12);bottom:0;left:1rem;width:calc(100% - 2rem)}#encoding-demo .controls .vert-control-wrapper:nth-of-type(1) .file-container,#encoding-demo .controls .vert-control-wrapper:nth-of-type(1) .position-container,#encoding-demo .controls .vert-control-wrapper:nth-of-type(1) #range-container,#encoding-demo .controls .vert-control-wrapper:nth-of-type(1) #presets-container,#encoding-demo .controls .vert-control-wrapper:nth-of-type(1) #process-container,#encoding-demo .controls .vert-control-wrapper #first-control-row .file-container,#encoding-demo .controls .vert-control-wrapper #first-control-row .position-container,#encoding-demo .controls .vert-control-wrapper #first-control-row #range-container,#encoding-demo .controls .vert-control-wrapper #first-control-row #presets-container,#encoding-demo .controls .vert-control-wrapper #first-control-row #process-container,#encoding-demo .controls .vert-control-wrapper .control-row .file-container,#encoding-demo .controls .vert-control-wrapper .control-row .position-container,#encoding-demo .controls .vert-control-wrapper .control-row #range-container,#encoding-demo .controls .vert-control-wrapper .control-row #presets-container,#encoding-demo .controls .vert-control-wrapper .control-row #process-container{box-shadow:none;border-left:1px solid rgba(0,0,0,.12);border-right:1px solid rgba(0,0,0,.12)}#encoding-demo .controls .vert-control-wrapper:nth-of-type(1) .file-container,#encoding-demo .controls .vert-control-wrapper:nth-of-type(1) #range-container,#encoding-demo .controls .vert-control-wrapper:nth-of-type(1) #presets-container,#encoding-demo .controls .vert-control-wrapper #first-control-row .file-container,#encoding-demo .controls .vert-control-wrapper #first-control-row #range-container,#encoding-demo .controls .vert-control-wrapper #first-control-row #presets-container,#encoding-demo .controls .vert-control-wrapper .control-row .file-container,#encoding-demo .controls .vert-control-wrapper .control-row #range-container,#encoding-demo .controls .vert-control-wrapper .control-row #presets-container{border-radius:0;position:relative}#encoding-demo .controls .vert-control-wrapper:nth-of-type(1) .position-container,#encoding-demo .controls .vert-control-wrapper #first-control-row .position-container,#encoding-demo .controls .vert-control-wrapper .control-row .position-container{border-top:1px solid rgba(0,0,0,.12);border-bottom-left-radius:0;border-bottom-right-radius:0;position:relative;display:grid;grid-template-columns:min-content auto;grid-column-gap:.5rem}#encoding-demo .controls .vert-control-wrapper:nth-of-type(1) .position-container h3,#encoding-demo .controls .vert-control-wrapper #first-control-row .position-container h3,#encoding-demo .controls .vert-control-wrapper .control-row .position-container h3{grid-column:1/3;grid-row:1}#encoding-demo .controls .vert-control-wrapper:nth-of-type(1) .position-container button,#encoding-demo .controls .vert-control-wrapper #first-control-row .position-container button,#encoding-demo .controls .vert-control-wrapper .control-row .position-container button{grid-column:1;grid-row:2}#encoding-demo .controls .vert-control-wrapper:nth-of-type(1) .position-container .MuiSlider-root,#encoding-demo .controls .vert-control-wrapper #first-control-row .position-container .MuiSlider-root,#encoding-demo .controls .vert-control-wrapper .control-row .position-container .MuiSlider-root{grid-column:2;grid-row:2}#encoding-demo .controls .vert-control-wrapper:nth-of-type(1) #range-container .text-controls,#encoding-demo .controls .vert-control-wrapper #first-control-row #range-container .text-controls,#encoding-demo .controls .vert-control-wrapper .control-row #range-container .text-controls{flex-direction:row!important}#encoding-demo .controls .vert-control-wrapper:nth-of-type(1) #process-container,#encoding-demo .controls .vert-control-wrapper #first-control-row #process-container,#encoding-demo .controls .vert-control-wrapper .control-row #process-container{border-top-left-radius:0;border-top-right-radius:0}#encoding-demo .controls .vert-control-wrapper #process-container{width:100%;border:1px solid rgba(0,0,0,.12);border-top-left-radius:0;border-top-right-radius:0;padding:1rem}#encoding-demo .controls .vert-control-wrapper #process-container .encoder-switch{display:grid;grid-auto-rows:min-content min-content;gap:.1rem .5rem;margin:0}#encoding-demo .controls .vert-control-wrapper #process-container .encoder-switch .encoding-label{grid-column:1}#encoding-demo .controls .vert-control-wrapper #process-container .encoder-switch .MuiSwitch-root{rotate:90deg;grid-column:2;grid-row:1/3;align-self:center}#encoding-demo .controls .vert-control-wrapper #process-container .signals-grid span.input-label{width:100%}#encoding-demo .controls .vert-control-wrapper #process-container .signals-grid label.input-label{width:fit-content}#encoding-demo .controls .vert-control-wrapper #process-container .signals-grid label.input-label input{margin-left:0;justify-self:left;width:10ch}#encoding-demo .controls .vert-control-wrapper #process-container .signals-grid .show-transforms-label span{padding-left:0}}.flex-display{display:flex;justify-content:center;align-items:center}.button-text,.button,.link-button,.no-border-button,.gray-border-button,#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid .choose-columns-button,.blue-border-button{text-transform:uppercase;letter-spacing:.02rem;font-size:.6rem;font-weight:700}.button,.link-button,.no-border-button,.gray-border-button,#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid .choose-columns-button,.blue-border-button{padding:0 .5rem;height:1.8rem;background-color:#fff;border:2px solid var(--text-color-light);border-radius:6px;transition:all .2s;color:var(--text-color-light)}.button:hover,.link-button:hover,.no-border-button:hover,.gray-border-button:hover,#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid .choose-columns-button:hover,.blue-border-button:hover{background-color:var(--light-gray);cursor:pointer}.button:active,.link-button:active,.no-border-button:active,.gray-border-button:active,#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid .choose-columns-button:active,.blue-border-button:active{background-color:var(--button-active)}.gray-border-button,#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid .choose-columns-button{border-color:var(--button-active)}.no-border-button{border-width:0}#comparison-demo{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%}#comparison-demo h1{margin-bottom:0}#comparison-demo #demo2-controls{width:100%;display:flex;flex-direction:column;align-items:center}#comparison-demo #demo2-controls .control-container{padding:1.2rem}#comparison-demo #demo2-controls .comparison-row-div{display:flex;flex-direction:row;width:100%;align-items:center;gap:1rem;flex:none;justify-content:normal}#comparison-demo #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}#comparison-demo #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%}#comparison-demo #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}#comparison-demo #demo2-controls .comparison-row-div .left-control-grid .first-buttons-column .MuiSvgIcon-root{width:2rem!important;height:2rem!important;padding:0}#comparison-demo #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}#comparison-demo #demo2-controls .comparison-row-div .left-control-grid .first-buttons-column .show-checkbox .MuiButtonBase-root{padding:0}#comparison-demo #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}#comparison-demo #demo2-controls .comparison-row-div .left-control-grid .first-buttons-column .delete-row-button .MuiIconButton-root{display:flex;margin-bottom:0}#comparison-demo #demo2-controls .comparison-row-div .left-control-grid .first-buttons-column .delete-row-button .MuiIconButton-root .MuiSvgIcon-root{width:2rem!important;height:2rem!important}#comparison-demo #demo2-controls .comparison-row-div .left-control-grid .file-container{grid-row:1;grid-column:2;align-self:center}#comparison-demo #demo2-controls .comparison-row-div .left-control-grid .file-container .upload-button-container{margin-top:0}#comparison-demo #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)}#comparison-demo #demo2-controls .comparison-row-div .left-control-grid #range-container .text-controls{flex-direction:row}#comparison-demo #demo2-controls .comparison-row-div .left-control-grid #range-container .text-controls label{display:flex;gap:.5rem;align-items:center}#comparison-demo #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}#comparison-demo #demo2-controls .comparison-row-div #process-container h3{grid-column:1/3}#comparison-demo #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}#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid .offset-label input,#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid .scale-label input{margin:.1rem}#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid .signal-cell{grid-column:1}#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid .signal-cell .signal-name{padding-right:.2rem;max-width:15ch}#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid span{align-self:center}#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid span.bits-label,#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid span.max-sfc-label,#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid span.min-sfc-label{margin-right:.5rem}#comparison-demo #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}#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid label.bits-label{grid-row:1;grid-column:6;margin-top:0;text-align:left}#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid label.bits-label *{margin-left:0;padding-left:0;margin-right:0;padding-right:0}#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid .choose-columns-button{white-space:nowrap;grid-column:1/4;width:fit-content;justify-self:center;margin-top:.5rem}#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid #sfc-header{grid-column:5/7;align-self:center;margin-top:0;padding:0}#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid .MuiDivider-root{grid-column:4;height:100%;position:absolute;margin-left:.5rem}#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid .min-sfc-label{grid-row:2}#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid .max-sfc-label{grid-row:3}#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid span.max-sfc-label,#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid span.min-sfc-label{grid-column:5/6;justify-self:flex-end;white-space:nowrap}#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid label.max-sfc-label,#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid label.min-sfc-label{grid-column:6/7;width:14ch}#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid label.max-sfc-label *,#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid label.min-sfc-label *{width:100%;margin-left:0;margin-right:0}#comparison-demo #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;height:100%;padding:5px 15px}@media(max-width:1200px){#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid #sfc-header{grid-column:5/7}#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid label.max-sfc-label,#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid label.min-sfc-label{grid-column:6}#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid span.max-sfc-label,#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid span.min-sfc-label{grid-column:5}#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid #reset-button{width:100%;margin:0 .1rem;grid-column:5/7;grid-row:5/7}}#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid .choose-columns-button span,#comparison-demo #demo2-controls .comparison-row-div #process-container .signals-grid #reset-button span{height:100%}#comparison-demo .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}#comparison-demo .global-transform-div>:last-child{margin:0}#comparison-demo .global-transform-div .encoder-switch{margin:0}#comparison-demo .global-transform-div label.input-label{width:8ch}#comparison-demo .global-transform-div label.input-label *{width:100%}@media(max-width:1080px){#process-container{width:35rem}}@media(max-width:1200px){#comparison-demo #process-container{width:fit-content!important}#comparison-demo #process-container .signals-grid{grid-template-columns:9ch repeat(2,min-content) 1rem min-content auto!important}}@media(max-width:700px){#comparison-demo .global-transform-div{width:100%}#comparison-demo #demo2-charts{flex-direction:column!important;width:fit-content}#comparison-demo #demo2-charts #demo2-chart .canvas-container{flex-direction:column;align-items:center}#comparison-demo #demo2-charts #demo2-chart .canvas-container .canvas-wrapper .chartitle{text-align:center;margin:0 auto .5rem;grid-column:1/5}#comparison-demo #demo2-charts #demo2-chart .canvas-container .canvas-wrapper#right-canvas{grid-template-columns:13vw 70vw 8vw 5vw!important}#comparison-demo #demo2-charts #demo2-chart .canvas-container .canvas-wrapper#right-canvas canvas{width:70vw!important;height:52vw!important}#comparison-demo #demo2-charts #demo2-chart .canvas-container .canvas-wrapper#right-canvas .chartYTicks:first-of-type{margin:0}#comparison-demo #demo2-charts #demo2-chart .canvas-container .canvas-wrapper#right-canvas .chartYTicks{width:100%!important}#comparison-demo #demo2-charts #demo2-chart .canvas-container .canvas-wrapper .x-tick-mark:not(:nth-child(odd)) .x-tick-mark-label{display:none!important}#comparison-demo #demo2-charts #demo2-chart .canvas-container .canvas-wrapper .y-axis-label{height:max-content}#comparison-demo #demo2-controls .comparison-row-div{flex-direction:column;padding:0;gap:0}#comparison-demo #demo2-controls .comparison-row-div .left-control-grid{width:100%;padding:1rem;border-bottom:1px solid rgba(0,0,0,.15)}#comparison-demo #demo2-controls .comparison-row-div .left-control-grid .first-buttons-column{grid-row:1;gap:0;width:fit-content}#comparison-demo #demo2-controls .comparison-row-div .left-control-grid .first-buttons-column .show-checkbox{padding:0;margin:0}#comparison-demo #demo2-controls .comparison-row-div .left-control-grid .file-container{grid-column:1/3}#comparison-demo #demo2-controls .comparison-row-div .left-control-grid #range-container{grid-column:1/3;padding-bottom:0}#comparison-demo #demo2-controls #process-container{border:none!important;padding:1rem!important;width:100%!important}#comparison-demo #demo2-controls #process-container .signals-grid{grid-template-columns:repeat(6,1fr)!important}#comparison-demo #demo2-controls #process-container .signals-grid .choose-columns-button{grid-column:2/6!important}#comparison-demo #demo2-controls #process-container .signals-grid .signal-cell{grid-column:1/3!important;padding-left:1ch}#comparison-demo #demo2-controls #process-container .signals-grid .signal-label{grid-column:1/3}#comparison-demo #demo2-controls #process-container .signals-grid .offset-label{grid-column:3/5}#comparison-demo #demo2-controls #process-container .signals-grid .scale-label{grid-column:5/7}#comparison-demo #demo2-controls #process-container .signals-grid #reset-button{margin:1rem 0 0!important;grid-column:1/7!important;grid-row:unset!important;order:5}#comparison-demo #demo2-controls #process-container .signals-grid #sfc-header{border-top:1px solid rgba(0,0,0,.15);margin-top:1rem!important;margin-bottom:0;order:2;grid-column:1/7!important;line-height:2rem;padding-top:.5rem!important}#comparison-demo #demo2-controls #process-container .signals-grid .min-sfc-label{order:3;grid-row:unset!important}#comparison-demo #demo2-controls #process-container .signals-grid .max-sfc-label{order:4;grid-row:unset!important}#comparison-demo #demo2-controls #process-container .signals-grid span.min-sfc-label,#comparison-demo #demo2-controls #process-container .signals-grid span.max-sfc-label{grid-column:1/3!important;justify-self:left!important;padding-left:1ch}#comparison-demo #demo2-controls #process-container .signals-grid label.min-sfc-label,#comparison-demo #demo2-controls #process-container .signals-grid label.max-sfc-label{grid-column:4/7!important;justify-self:left!important}#comparison-demo #demo2-controls #process-container .signals-grid .MuiDivider-vertical{display:none}}.flex-display,.topnav .link-container{display:flex;justify-content:center;align-items:center}.topnav{overflow:hidden;background-color:var(--text-color);color:#fff;width:100%;position:sticky;top:0;z-index:1;display:flex;justify-content:center;box-shadow:#0003 0 .3125rem .3125rem .0625rem}.topnav .link-container{width:100%}.topnav .link-container .navlink-div:hover{background-color:var(--text-color-light)}.topnav .link-container .navlink-div{float:left;text-align:center;padding:.875rem 1rem;text-decoration:none;font-size:1.06rem;color:#fff;transition:background-color .3s;cursor:pointer;font-weight:500;display:flex;gap:.4rem}.topnav .link-container .navlink-div.hide{display:none}.topnav .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}@media(min-width:701px){#hamburger-menu-a,#nav-submenu-div{display:none}}@media(max-width:700px){.topnav{display:flex;justify-content:space-evenly;position:fixed;bottom:0;top:unset;transition:bottom .3s;z-index:2500;box-shadow:#0003 0 -.08rem .2rem .15rem;background-color:var(--text-color)}.topnav.hide{bottom:-100%}.topnav.top-pos{box-shadow:#0003 0 -.08rem .2rem .05rem}.topnav .link-container{display:flex;justify-content:center;z-index:100;max-width:26rem;box-shadow:none}.topnav .link-container #contact-link{display:none}.topnav .link-container a{display:flex;justify-content:center;width:20%;transition:all .3s}.topnav .link-container a .navlink-div{width:100%;transition:all .3s}.topnav .link-container a .navlink-div:hover{background-color:initial}.topnav .link-container #hamburger-menu-a{display:flex;justify-content:center;align-items:center}.topnav .link-container #hamburger-menu-a .navlink-div{transition:all .3s}.topnav .link-container #hamburger-menu-a .navlink-div.active{background-color:var(--text-color-light)}.topnav .link-container a,#nav-submenu-div a{height:100%}.topnav .link-container a .navlink-div,#nav-submenu-div a .navlink-div{display:flex;flex-direction:column;align-items:center;font-size:.6rem;padding:.6rem .5rem;gap:.2rem;color:#fff;height:100%}.topnav .link-container a .navlink-div svg,#nav-submenu-div a .navlink-div svg{margin:0}#nav-submenu-div{background-color:var(--text-color);position:fixed;right:0;padding-bottom:4.5rem;bottom:0;z-index:2200;box-shadow:#0003 -.08rem -.08rem .2rem .15rem;color:#fff;flex-direction:row;display:flex;border-radius:6px 0 0;transition:all .3s}#nav-submenu-div.hide{right:-100%}#nav-submenu-div .navlink-div{width:4.3rem}}:export{primaryColor:#006fd5;primaryColorLight:#b9e0ff;primaryColorMedium:#2699ff}.flex-display,.dialog,.dialog #feedback-dialog-div,.dialog #feedback-dialog-div form,.dialog #feedback-dialog-div form #name-email-div,.dialog #thanks-dialog-div{display:flex;justify-content:center;align-items:center}*{box-sizing:border-box}h1{margin-top:3.5rem;font-weight:900;font-size:3rem;font-family:Inter,sans-serif;width:fit-content;align-self:center;position:relative}h1:hover .section-hash-span,h1 .section-hash-span:hover{opacity:1}h1 .section-hash-span{position:absolute;color:#63b7ff;translate:-1.2ch 0;opacity:0;transition:all .2s;cursor:pointer;font-weight:900;font-size:2.5rem;text-align:center;padding-top:.2rem}h1 .section-hash-span:hover{color:#2699ff}h1 .section-hash-span:active{color:#006fd5}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{width:fit-content}}body.modal-open{overflow:hidden}body{width:100%}#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;width:100%}#main,.link-container,.tabcontent{max-width:1200px}@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 p{line-height:0;margin-top:2rem}.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 .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 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{display:flex;justify-content:center;align-items:center;font-size:inherit;gap:.5rem;grid-column:2}.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}input[type=number]{border-radius:5px;border:1px solid var(--input-border);padding:.1rem .2rem}.MuiSlider-thumb{width:17px!important;height:17px!important}.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 *{padding:0 1rem}.landing-section img{max-width:17rem;height:auto;margin-bottom:5px;filter:brightness(0) invert(1)}.landing-section p{color:#fff;max-width:28rem}.landing-section p.size-warning-p{display:none}@media(max-width:700px){.landing-section p.size-warning-p{display:initial}}.MuiFab-extended{padding:1.2rem!important;border-radius:50%!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;height:2.5rem!important;width:2.5rem!important;background-color:#006fd5}.MuiFab-extended.disabled{pointer-events:none;opacity:0}.tabcontent{background-color:#fff;margin-top:2rem;display:flex;flex-direction:column}.tabcontent#contact{display:flex;flex-direction:column}.tabcontent#contact.hide{display:none}.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;display:flex;flex-direction:column;align-items:center}.paper-title{margin:0 0 10px}.paper-description{margin:0 0 15px}.paper-buttons{margin-top:auto;display:flex;gap:10px}h1+p{margin-top:0}.footer{text-align:center}.footer.hide{margin-top:5rem}.footer #contact-info.hide{display:none}@media(max-width:700px){h1{margin:1rem .5rem 0!important;font-size:2rem}h1 .section-hash-span{padding-top:.2rem;font-size:1.7rem}.demo-description-p{margin:0}#root{width:100%!important;font-size:14px}#root #main{width:100%!important}#root #main #encoding-demo{width:100%}#root #main #encoding-demo h1{margin-top:0}#root #main .chartitle{font-size:1.3rem!important}#root .tabcontent{margin-top:1.5rem}#root .tabcontent .papers-container{padding-bottom:0}#root .tabcontent#contact p{margin-top:1rem;margin-bottom:0}.MuiFab-extended{bottom:6rem;right:1rem;scale:1.3}.footer{margin-top:-1rem;padding:14px 2rem 28px}}.button-text,.dialog #feedback-dialog-div form #name-email-div .MuiFormControl-root label,.dialog #feedback-dialog-div form #feedback-type-radio-buttons .MuiRadioGroup-root .radio-button span:nth-of-type(2),.button,.link-button,.no-border-button,#open-feedback-win-btn,.gray-border-button,.blue-border-button{text-transform:uppercase;letter-spacing:.02rem;font-size:.6rem;font-weight:700}.button-shadow{box-shadow:#0000001a 0 0 2px 2px}.button,.link-button,.no-border-button,#open-feedback-win-btn,.gray-border-button,.blue-border-button{padding:0 .5rem;height:1.8rem;background-color:#fff;border:2px solid var(--text-color-light);border-radius:6px;transition:all .2s;color:var(--text-color-light)}.button:hover,.link-button:hover,.no-border-button:hover,#open-feedback-win-btn:hover,.gray-border-button:hover,.blue-border-button:hover{background-color:var(--light-gray);cursor:pointer}.button:active,.link-button:active,.no-border-button:active,#open-feedback-win-btn:active,.gray-border-button:active,.blue-border-button:active{background-color:var(--button-active)}.blue-border-button{border-color:#1976d280}.blue-border-button:hover{border-color:#1976d2}.gray-border-button{border-color:var(--button-active)}.no-border-button,#open-feedback-win-btn{border-width:0}.link-button{background-color:transparent}.link-button a{font-weight:700;color:var(--text-color-light)}.link-button:hover:not(:active) a{color:#004c93}.link-button:active{background-color:initial}.link-button:active a{color:#2699ff}#open-feedback-win-btn{background:#4385dc;position:fixed;right:0;bottom:10rem;color:#fff;writing-mode:sideways-lr;height:fit-content;padding:.5rem .4rem;width:fit-content;min-width:unset;border-radius:6px 0 0 6px;z-index:1;translate:20% 0;box-shadow:#0003 0 0 1px 1px}#open-feedback-win-btn:hover{background:#2699ff;translate:0}.dialog{padding:2rem!important;flex-direction:column;gap:.2rem;position:relative}.dialog h2{margin:.5rem}.dialog #feedback-dialog-div{flex-direction:column;gap:.5rem;opacity:0;transition:opacity 1s}.dialog #feedback-dialog-div.show{opacity:1}.dialog #feedback-dialog-div form{flex-direction:column;width:100%;gap:.2rem}.dialog #feedback-dialog-div form #name-email-div{gap:1rem;width:100%}.dialog #feedback-dialog-div form #name-email-div .MuiFormControl-root{flex:1}.dialog #feedback-dialog-div form #name-email-div .MuiFormControl-root label{font-size:.8rem;background-color:#fff;margin-top:-.05rem;padding:0 .6rem;margin-bottom:0;height:min-content;line-height:.8rem}.dialog #feedback-dialog-div form #name-email-div .MuiFormControl-root .MuiInputBase-input{padding:.2rem .7rem!important;width:100%;height:max-content;font-size:13px}.dialog #feedback-dialog-div form #name-email-div .MuiFormControl-root legend{display:none!important}.dialog #feedback-dialog-div form #name-email-div .MuiFormControl-root input:-webkit-autofill,.dialog #feedback-dialog-div form #name-email-div .MuiFormControl-root input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px white inset}.dialog #feedback-dialog-div form #feedback-type-radio-buttons{margin-top:-.3rem}.dialog #feedback-dialog-div form #feedback-type-radio-buttons .MuiRadioGroup-root{gap:2rem}.dialog #feedback-dialog-div form #feedback-type-radio-buttons .MuiRadioGroup-root .radio-button span:nth-of-type(2){line-height:0;font-size:.7rem;color:var(--text-color-light);transition:all .2s}.dialog #feedback-dialog-div form #feedback-type-radio-buttons .MuiRadioGroup-root .radio-button.selected span:nth-of-type(2){color:#000}.dialog #feedback-dialog-div form .MuiTextField-root{width:100%;font-size:13px;color:var(--text-color-light)}.dialog #feedback-dialog-div form .MuiTextField-root fieldset{left:0}.dialog #feedback-dialog-div form .form-buttons button{margin-top:.5rem}.dialog #thanks-dialog-div{flex-direction:column;opacity:0;transition:opacity 1s;z-index:1;position:absolute;display:none;justify-content:center;height:calc(100% - 4rem)}.dialog #thanks-dialog-div.show{opacity:1;display:flex}.dialog #thanks-dialog-div h2{margin-top:8rem}.dialog #thanks-dialog-div button{margin-top:auto;width:40%}@media(max-width:700px){#open-feedback-win-btn{display:none}#feedback-dialog-div #name-email-div{flex-direction:column;width:100%}#feedback-dialog-div #name-email-div .MuiFormControl-root{width:100%}#thanks-dialog-div button{width:100%!important}}