.canvasRenderer_wrapper{border:1px solid black}.canvasRenderer_wrapper canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.popoverContent{padding:8px;border:1px solid #000000;border-radius:10px;background:#ffffff;box-shadow:0 2px 6px #1b283038;display:flex;flex-direction:column;gap:6px}.toggle{display:flex;align-items:center;cursor:pointer}.toggle input{display:none}.toggle .toggle_button{height:14px;width:24px;border:1px solid black;border-radius:100px;position:relative;margin-right:6px}.toggle .toggle_button .toggle_dot{position:absolute;height:8px;width:8px;border-radius:100px;transition:background-color .2s ease-out}.toggle .toggle_button:hover{background-color:var(--col-hover)}.toggle[data-active=true] .toggle_dot{right:2px;top:2px;background-color:#000}.toggle[data-active=true] .toggle_label{color:#000}.toggle[data-active=false] .toggle_dot{left:2px;top:2px;background-color:#989898}.toggle[data-active=false] .toggle_label{color:#3a3a3a}.toggle_label{font-size:11px;user-select:none}.select{display:flex;align-items:baseline;gap:8px}.select_label{font-size:11px;user-select:none;color:#545454}.select_trigger{display:flex;align-items:center;justify-content:space-between;border:1px solid #000;padding:2px;border-radius:6px;background:#fff;cursor:pointer;flex:1 1 0;font-size:inherit}.select_trigger span{font-size:11px;user-select:none}.select_trigger:hover{background:var(--col-hover)}.select_content{border:1px solid black;background:#fff;color:#000;border-radius:6px}.select_item{padding:4px;cursor:pointer}.select_item span{font-size:11px}.select_item:hover{background:var(--col-hover)}.select_item[data-state=inactive]{color:#838383}.select_item[data-state=inactive]:hover{color:#4f4f4f}._numberInput_1bkr0_1{display:flex;align-items:center;cursor:pointer;gap:8px}._numberInput_1bkr0_1 input{border:1px solid black;padding:2px 5px;width:6ch;border-radius:6px}._numberInput_1bkr0_1 input:hover{background-color:var(--col-hover)}._numberInput_1bkr0_1 ._label_1bkr0_16{font-size:11px;user-select:none;color:#545454}.graph{width:100%}.graph_title{display:flex;justify-content:space-between}.graph_labels{display:flex;gap:10px;margin-bottom:4px}.graph_label{position:relative;padding-left:14px;user-select:none;color:#5a5a5a}.graph_label:before{content:"";position:absolute;left:0;top:2px;width:10px;height:10px;border-radius:100px;background-color:#000;background-color:var(--col)}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:local(""),url(/fonts/inter-v11-latin-regular.woff2) format("woff2"),url(/fonts/inter-v11-latin-regular.woff) format("woff")}*{box-sizing:border-box;font-family:Inter;font-size:12px}:root{--col-hover: #f5f5f5;--col-secondary: #3a3a3a}html,body,p{margin:0;padding:0}table{border-collapse:collapse;border:1px solid black}table th{text-align:left;padding:6px}table td{padding:6px}body{background:#e5e5e5;--scrollbarBG: transparent;--thumbBG: #8e8e8e;scrollbar-width:thin;scrollbar-color:var(--thumbBG) var(--scrollbarBG)}body::-webkit-scrollbar{width:4px}body::-webkit-scrollbar-track{background:var(--scrollbarBG)}body::-webkit-scrollbar-thumb{background-color:var(--thumbBG);border-radius:6px;border:3px solid var(--scrollbarBG)}.sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;grid-column:1/-1;transition:opacity .3s ease;opacity:1;max-width:100%;z-index:-11000;padding:16px 0}[data-sidebar-open=false] .sidebar{opacity:0;pointer-events:none}.sidebar .value{padding:8px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center}.sidebar .value .label{color:#5a5a5a}.wrapper{display:grid;grid-template-columns:repeat(auto-fill,156px);justify-content:center;gap:12px;flex-wrap:wrap;grid-template-rows:0px auto;padding:0 6px 6px}.wrapper[data-sidebar-open=true]{grid-template-rows:min-content auto}@media (max-width: 340px){.wrapper{grid-template-columns:1fr;justify-items:center}}.host{display:grid;grid-template-columns:repeat(2,1fr);width:min-content;gap:8px 12px;border:1px solid black;padding:12px;background:#dbdbdb;cursor:pointer}.host p{user-select:none;text-align:center;margin:0;padding:0}.container{border:1px solid black;height:200px;width:60px;display:flex;flex-direction:column-reverse;justify-content:flex-start}.document{display:flex;align-items:center;justify-content:center;height:var(--height);background:hsl(var(--color),100%,85%);color:hsl(var(--color),100%,15%);user-select:none;cursor:pointer}.document{font-size:8px;overflow:hidden}.buttons{position:sticky;top:0;background:rgba(229,229,229,.5607843137);backdrop-filter:blur(7px) saturate(160%);display:flex;align-items:center;width:100%;justify-content:center;gap:6px;padding:10px 0}.button{background:none;border:1px solid black;border-radius:1000px;background:#fff;padding:2px;line-height:0;cursor:pointer}.button:hover{background:var(--col-hover)}.button svg{margin:0;padding:0}.center{display:flex;flex-direction:column;align-items:center;gap:24px;padding:6px}.center>*{max-width:800px}input[type=range]{-webkit-appearance:none;background:none;width:100%;max-width:200px;--thumb-size: 14px}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:1px;cursor:pointer;box-shadow:0 0 #000;background:#000000;border-radius:8px;border:0px solid #000000}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 #000;border:1px solid #000000;height:var(--thumb-size);width:var(--thumb-size);border-radius:16px;background:#ffffff;cursor:pointer;-webkit-appearance:none;margin-top:calc(-1 * var(--thumb-size) / 2)}input[type=range]:focus::-webkit-slider-runnable-track{background:#000000}input[type=range]::-moz-range-track{width:100%;height:1px;cursor:pointer;box-shadow:0 0 #000;background:#000000;border-radius:8px;border:0px solid #000000}input[type=range]::-moz-range-thumb{box-shadow:0 0 #000;border:1px solid #000000;height:var(--thumb-size);width:var(--thumb-size);border-radius:var(--thumb-size);background:#ffffff;cursor:pointer}