:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{width:100vw;height:100vh;margin:0;font-family:sans-serif;overflow:hidden}.deckcontainer{background-color:#000;border-right:1px solid #ccc;width:100%;height:100%;margin-bottom:10px;position:relative;overflow:hidden}.container{grid-template:"navigation-bar navigation-bar""left-container right-container"1fr/3fr 1fr;height:100vh;display:grid}.navigation-bar{text-align:center;color:#242424;background-color:#f0f0f0;border-bottom:1px solid #ccc;grid-area:navigation-bar;padding:10px;font-weight:700}.left-container{color:#ffffffde;background-color:#fff;border-right:1px solid #ccc;grid-area:left-container;height:100%;margin-bottom:10px;position:relative;overflow:hidden}.right-container{background-color:#fff;border-left:1px solid #ccc;grid-area:right-container;height:100%;padding:10px;position:relative;overflow:hidden}.bar-chart{width:100%;height:40%}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.point1-br{margin-bottom:.1vh;display:block}.point5-br{margin-bottom:.5vh;display:block}.one-br{margin-bottom:1vh;display:block}.five-br{margin-bottom:5vh;display:block}.ten-br{margin-bottom:10vh;display:block}.tk-aktiv-grotesk{font-family:aktiv-grotesk,sans-serif}h1{color:#fff;font-family:aktiv-grotesk,sans-serif;font-size:3.2em;font-style:normal;font-weight:400;line-height:1.1}h2{color:#fff;font-family:aktiv-grotesk,sans-serif;font-size:2em;font-style:normal;font-weight:400;line-height:1.1}h3{color:#fff;margin-left:1em;margin-right:5px;font-family:aktiv-grotesk,sans-serif;font-size:1em;font-style:normal;font-weight:700;line-height:1}h4{color:#fff;margin-left:.5em;margin-right:5px;font-family:aktiv-grotesk,sans-serif;font-size:.75em;font-style:normal;font-weight:400;line-height:1}h5{color:#fff;font-family:aktiv-grotesk,sans-serif;font-size:1.2em;font-style:normal;font-weight:400;line-height:.2}#root{text-align:center;max-width:1280px;margin:0 auto;padding:.5em}.logo{will-change:filter;height:6em;padding:.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:.5em}.read-the-docs{color:#888}.slider{justify-content:center;align-items:center;gap:1em;margin:2em 0;display:flex}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#888;border:3px solid #f0f0f0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#555}body{scrollbar-color:#888 #f0f0f0;scrollbar-width:thin}.controlpanel{color:#fff;z-index:999;scrollbar-width:thin;scrollbar-color:#000 #f0f0f0;background-color:#0f0f10b3;flex-direction:column;width:35vw;height:100vh;padding-right:1vw;transition:transform .3s,opacity .3s;display:flex;position:relative;top:1vh;left:1vw;overflow-y:auto}.controlpanel-label-title{color:#fff;margin-left:.5em;margin-right:.5em;font-family:aktiv-grotesk,sans-serif;font-size:15px;font-weight:700;line-height:1}.controlpanel.collapsed{opacity:.8;transform:translate(-35vw)}.toggle-button{color:#fff;cursor:pointer;z-index:1000;background-color:#000000b3;border:none;border-radius:0%;justify-items:center;width:25px;height:25px;padding:0;position:absolute;top:10px;right:-25px}.colorscale{justify-content:space-between;align-items:center;width:100%;padding-left:.5em;padding-right:.5em;display:flex}.color-scale-labels{color:#fff;justify-content:space-between;margin-top:.1em;padding-left:.5em;padding-right:.1em;font-size:12px;display:flex}.control-sliders-container{align-items:left;justify-content:space-between;gap:5px;display:flex}.control-slider{color:#fff;justify-content:top;width:100%;margin-top:1px;margin-left:.5em;font-size:16px}.control-slider input[type=range]{appearance:none;background:#ddd;border-radius:0;align-content:center;align-items:center;width:90%;height:6px;margin-top:5px}.control-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;text-align:left;color:#fff;background:#fc0;border-radius:0%;width:16px;height:16px;font-family:Arial,monospace}.control-slider input[type=range]::-moz-range-thumb{cursor:pointer;text-align:left;background:#fc0;border-radius:50%;width:16px;height:16px;font-family:Arial,monospace}.control-slider label{color:#fff;margin-bottom:1px;margin-left:.5em;font-family:aktiv-grotesk,sans-serif;font-size:14px;font-style:normal;font-weight:400;display:block}.control-dropdown-container{align-items:flex-start;gap:1px;display:flex}.control-dropdown{width:100%;margin-top:1px;margin-bottom:1px;margin-left:.5em;display:flex}.control-dropdown label{color:#fff;margin-bottom:1px;margin-left:.5em;font-family:aktiv-grotesk,sans-serif;font-size:12px;font-style:normal;font-weight:400;display:block}.control-dropdown select{color:#000;cursor:pointer;align-items:left;background-color:#fff;border:1px solid #ccc;border-radius:0;width:100%;padding:.1em;font-family:aktiv-grotesk,sans-serif;font-size:12px;font-style:normal;font-weight:400}.control-checkbox-container{justify-content:space-between;align-items:flex-start;display:flex}input[type=checkbox]:checked{accent-color:#fc0}input[type=checkbox]:checked+span{color:#fc0}.legend-container{grid-template-columns:repeat(3,1fr);gap:5px;margin-left:.5em;font-family:Arial,sans-serif;display:grid}.legend-item{gap:2px;display:flex}.legend-label{font-family:aktiv-grotesk,sans-serif;font-weight:regular;color:#fff;gap:2px;font-size:10px;line-height:1;display:flex}
