@media (prefers-color-scheme:light){:root{--io-blue:#0b6ec5;--io-light-blue:#a9dffe;--io-green:#13862e;--io-light-green:#a9ecb8;--io-orange:#b83a05;--io-light-orange:#ffc59b;--io-red:#d92038;--io-light-red:#fbbfc7;--io-purple:#5e49af;--io-light-purple:#d4c9fe;--io-text-primary:#787878;--io-text-secondary:#222;--io-bg-primary:#fff;--io-bg-secondary:#e1e1e1;--io-radius-big:0;--io-text-green:#13862e;--io-text-blue:#0b6ec5;--io-text-orange:#b83a05;--io-text-purple:#5e49af;--io-text-red:#d92038}.io-text-gray{color:#616161}.io-bg-gray:hover{background-color:#ebebeb!important}.io-bg-gray{background-color:#e1e1e1!important}.io-text-green{color:#13862e}.io-bg-green:hover{background-color:#d7fbdf!important}.io-bg-green{background-color:#a9ecb8!important}.io-text-blue{color:#0b6ec5}.io-bg-blue:hover{background-color:#ddf2ff!important}.io-bg-blue{background-color:#a9dffe!important}.io-text-orange{color:#b83a05}.io-bg-orange:hover{background-color:#ffe8d8!important}.io-bg-orange{background-color:#ffc59b!important}.io-text-purple{color:#5e49af}.io-bg-purple:hover{background-color:#eeeaff!important}.io-bg-purple{background-color:#d4c9fe!important}}@media (prefers-color-scheme:dark){:root{--io-blue:#48f;--io-light-blue:#9cf;--io-green:#13862e;--io-light-green:#a9ecb8;--io-orange:#b83a05;--io-light-orange:#ffc59b;--io-red:#d92038;--io-light-red:#fbbfc7;--io-purple:#5e49af;--io-light-purple:#d4c9fe;--io-text-primary:#787878;--io-text-secondary:#222;--io-bg-primary:#fff;--io-bg-secondary:#e1e1e1;--io-radius-big:0;--io-text-green:#40d763;--io-text-blue:#47b7f8;--io-text-orange:#fd812d;--io-text-purple:#a18bf5;--io-text-red:#d92038}.io-text-gray{color:#a1a1a1}.io-bg-gray{background-color:#2b2b2b!important}.io-bg-gray:hover{background-color:#1a1a1a!important}.io-text-green{color:#40d763}.io-bg-green:hover{background-color:#0a2b13!important}.io-bg-green{background-color:#10481d!important}.io-text-blue{color:#47b7f8}.io-bg-blue:hover{background-color:#08204e!important}.io-bg-blue{background-color:#0e3682!important}.io-text-orange{color:#fd812d}.io-bg-orange:hover{background-color:#3c1403!important}.io-bg-orange{background-color:#672002!important}.io-text-purple{color:#a18bf5}.io-bg-purple:hover{background-color:#27124a!important}.io-bg-purple{background-color:#3e1f75!important}}body{font-optical-sizing:auto;margin:0;padding:0;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-style:normal}.ioA,.ioA:visited{color:var(--text-primary)}.ioA:hover{color:#000}.clickToRemove{margin-bottom:4px}svg{text-align:center;margin:auto;display:block}.menu{box-sizing:border-box;text-align:center;background-color:var(--bg-primary);text-align:center;width:100%;margin-bottom:10px;margin-left:0;margin-right:0;padding-top:20px;padding-bottom:20px;display:inline-block}@media (width<=800px){.menu{margin:0 0 10px;padding:5px 5px 10px}}.menuPercent{text-align:center;background-color:var(--bg-primary);border-radius:var(--radius-big);border:2px solid var(--text-primary);text-align:center;display:inline-block}@media (width<=800px){.menuPercent{margin:0;padding:0 0 10px}}.menuBar{padding-top:5px;padding-bottom:2px}.ioElementBar{margin:0!important}.color{color:var(--text-primary);font-size:12px;position:absolute;bottom:10px;right:10px}.colorInner{border:2px solid var(--text-primary);cursor:pointer;border-radius:50px;padding:5px 6px 3px}.subMenu{margin-left:15px;margin-right:15px;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;display:inline-block}@media (width<=800px){.subMenu{margin-left:7px;margin-right:7px}}.subMenuPercent{box-sizing:border-box;width:100%;margin:0!important}.clickToRemove{margin-top:10px}.subMenuTitle{text-align:center;color:var(--text-primary);margin-top:0;margin-left:auto;margin-right:auto;padding-bottom:0;font-size:12px;font-style:italic;font-weight:200;display:block;margin-bottom:7px!important}@media (width<=800px){.subMenuTitle{margin-top:7px;font-size:10px;margin-bottom:4px!important}}input[type=text]{box-sizing:border-box;border-color:var(--text-secondary);border-radius:var(--radius-big);text-align:center;border:0 solid #fff;outline:none;width:58px;margin:0 auto;padding:9px 7px;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px}@media (width<=800px){input[type=text]{width:40px;margin:0;padding:8px 0;font-size:12px}}.mainTitle{color:var(--text-primary);font-size:12px;position:absolute;top:10px;left:10px}.node text{font-optical-sizing:auto;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:<weight>;font-size:12px;font-style:normal;font-weight:700}.pm{width:40px;margin-left:0;padding:10px 5px!important}@media (width<=800px){.pm{width:30px;margin:0;padding:8px 5px 10px!important}}.ioButton{cursor:pointer;text-align:center;border:0 solid #fff;border-color:var(--text-secondary);border-radius:var(--radius-big);outline:none;padding:8px 14px 10px;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;font-weight:600;text-decoration:none;display:inline-block;margin-top:0!important}@media (width<=800px){.ioButton{margin-left:10px;margin-right:10px;padding:8px 10px 9px;font-size:12px;margin-top:2px!important}}.ioButtonPercent{box-sizing:border-box;cursor:pointer;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--text-primary);border-color:var(--text-secondary);border-radius:var(--radius-big);outline:none;flex:auto;margin:5px 5px 10px;padding:8px 14px 9px;font-size:14px;font-weight:600;text-decoration:none}@media (width<=800px){.ioButtonPercent{margin-left:2px;margin-right:2px;padding:8px 10px 9px;font-size:12px;margin-top:4px!important}}.ioButtonPercentSelected{background-color:var(--text-primary);color:var(--bg-secondary)}.ioButtonPercent:active{background-color:var(--bg-secondary);color:var(--bg-primary);transform:translateY(2px)}.ioButton:active{transform:translateY(2px)}.splitPercentButton{opacity:.5;margin-left:2px!important;margin-right:2px!important}.splitPercentButtonSelected{opacity:1!important}.ioElement{border:0 solid #fff;margin-top:7px;margin-bottom:13px;padding:10px}@media (width<=800px){.ioElement{margin:0;padding:8px 10px 9px}}@keyframes animateModalIn{0%{opacity:0;z-index:1000;display:inline-block;transform:scale(.75)}to{opacity:1;z-index:1000;display:inline-block;transform:scale(1)}}@keyframes animateModalOut{0%{opacity:1;z-index:1000;transform:scale(1)}to{opacity:0;z-index:1000;display:none;transform:scale(.75)}}@keyframes animateOpacityIn{0%{opacity:0;z-index:500;display:inline-block}to{opacity:1;z-index:500;display:inline-block}}@keyframes animateOpacityOut{0%{opacity:1;z-index:500}to{opacity:0;z-index:500;display:none}}.nodeKeyCell,.nodeValCell{-webkit-user-select:none;user-select:none}.outerContainer{border-radius:var(--radius-big);border:2px solid var(--text-primary);margin:0;padding:0}.interactivityContainer{margin-bottom:24px}.link{fill:none;stroke:var(--text-primary);stroke-width:2px}.ioSVG{background-color:#fff0;display:inline-block}.backgroundBlur{opacity:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:-500;background-color:#fff6;width:100vw;height:100vh;display:inline-block;position:fixed;top:0;left:0}.timeIOResult{width:80px!important}@media (width<=800px){.timeIOResult{width:70px!important}}.interactivityContainer{margin-bottom:24px;padding:0!important}.green{color:#27b648!important;stroke:#27b648!important;border-color:#27b648!important}.green:not(.subMenuTitle,.sliderLabel){background-color:#effff3!important}.blue{color:#1e9de7!important;stroke:#1e9de7!important;border-color:#1e9de7!important}.blue:not(.subMenuTitle,.sliderLabel){background-color:#ddf2ff!important}.red{color:#d92038!important;stroke:#d92038!important;border-color:#d92038!important}.red:not(.subMenuTitle,.sliderLabel){background-color:#ffe5e9!important}.orange{color:#f35815!important;stroke:#f35815!important;border-color:#f35815!important}.orange:not(.subMenuTitle,.sliderLabel){background-color:#ffe8d8!important}.purple{color:#8467f3!important;stroke:#8467f3!important;border-color:#8467f3!important}.purple:not(.subMenuTitle,.sliderLabel){background-color:#eeeaff!important}.yellow{color:#a78103!important;stroke:#a78103!important;border-color:#a78103!important}.yellow:not(.subMenuTitle,.sliderLabel){background-color:#fff5bf!important}.green,.blue,.red,.yellow,.orange,.purple,.greenOff,.blueOff,.redOff,.yellowOff,.orangeOff,.purpleOff{transition:all .5s linear}.noHover{pointer-events:none}.sliderLabel{margin-top:10px;margin-left:35px;padding:0}.depthXAxis,.depthYaxis{font-weight:semi-bold}.slidecontainer{width:100%}.slider{-webkit-appearance:none;box-sizing:border-box;-webkit-transition:all .2s;background:#d3d3d3;border-radius:99px;outline:none;width:80%;height:10px;margin-top:10px;margin-bottom:10px;transition:opacity .2s}.slider:hover{opacity:1}input[type=range]{background-color:#e5e7eb}.dark input[type=range]{background-color:#374151}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:ew-resize;background-color:#e5e7eb;border:1px solid #9ca3afb3;width:.7rem;height:2rem}input[type=range]::-moz-range-thumb{appearance:none;cursor:ew-resize;border:1px solid #9ca3afb3;width:.7rem;height:2rem}input[type=range]::-ms-thumb{appearance:none;cursor:ew-resize;border:1px solid #9ca3afb3;width:.7rem;height:2rem}