@font-face{font-family:Inter;font-style:normal;font-weight:400;src:local("Inter"),url(/assets/fonts/Inter%5Bslnt,wght%5D.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:local("Inter"),url(/assets/fonts/Inter-Regular.woff) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:400;src:local("Inter"),url(/assets/fonts/Inter-Italic.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:100;src:local("Inter"),url(/assets/fonts/Inter-Thin-BETA.woff) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:100;src:local("Inter"),url(/assets/fonts/Inter-ThinItalic-BETA.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:200;src:local("Inter"),url(/assets/fonts/Inter-ExtraLight-BETA.woff) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:200;src:local("Inter"),url(/assets/fonts/Inter-ExtraLightItalic-BETA.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:300;src:local("Inter"),url(/assets/fonts/Inter-Light-BETA.woff) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:300;src:local("Inter"),url(/assets/fonts/Inter-LightItalic-BETA.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:local("Inter"),url(/assets/fonts/Inter-Medium.woff) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:500;src:local("Inter"),url(/assets/fonts/Inter-MediumItalic.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:600;src:local("Inter"),url(/assets/fonts/Inter-SemiBold.woff) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:600;src:local("Inter"),url(/assets/fonts/Inter-SemiBoldItalic.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:local("Inter"),url(/assets/fonts/Inter-Bold.woff) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:700;src:local("Inter"),url(/assets/fonts/Inter-BoldItalic.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:800;src:local("Inter"),url(/assets/fonts/Inter-ExtraBold.woff) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:800;src:local("Inter"),url(/assets/fonts/Inter-ExtraBoldItalic.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:900;src:local("Inter"),url(/assets/fonts/Inter-Black.woff) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:900;src:local("Inter"),url(/assets/fonts/Inter-BlackItalic.woff) format("woff")}#myContainer{width:100%;text-align:center;position:relative}#divFull{background-color:#fff;position:relative;font-size:18px;font-weight:inherit}#myP5Canvas{background-color:#000}.flexContainer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0}.flexItem{font-size:inherit;font-weight:inherit;text-align:center;margin:5px 10px}.flexContainer table{margin-bottom:0;border:none}.flexContainer table th,.flexContainer table td{padding:2px;border:none;background-color:transparent}.flexContainer input[type=file],.leftContainer input[type=file]{font-size:inherit;font-weight:inherit;height:40px;//background-color: #e7e7e7;color:#000;border:1px solid #cccccc;border-radius:2px;padding-left:10px;padding-right:10px;text-align:center;text-decoration:none;display:inline;transition-duration:.4s}.flexContainer input[type=number],.leftContainer input[type=number],.flexContainer input[type=text],.leftContainer input[type=text]{background-color:#fff;border:1px solid #cccccc;font-size:inherit;font-weight:inherit;height:34px;padding:0 5px;margin:0 5px;width:100px}.flexContainer button,.leftContainer button,.flexContainer select,.leftContainer select,.flexContainer input[type=file]::file-selector-button,.leftContainer input[type=file]::file-selector-button{font-size:inherit;font-weight:inherit;background-color:#eee;color:#000;border:1px solid #cccccc;border-radius:2px;padding:5px 10px;text-align:center;text-decoration:none;display:inline;transition-duration:.4s}.flexContainer button:hover,.leftContainer button:hover{font-size:inherit;font-weight:inherit;background-color:gray;color:#fff}.flexContainer input[type=checkbox],.leftContainer input[type=checkbox]{font-size:inherit;font-weight:inherit;width:26px;height:26px;vertical-align:middle;margin:0 6px 0 0}.flexContainer label,.leftContainer label{font-size:inherit;font-weight:inherit;position:relative;top:1px}.flexContainer input[type=radio],.leftContainer input[type=radio]{font-size:inherit;font-weight:inherit;width:26px;height:26px;vertical-align:middle;margin-right:4px}input[type=range]{font-size:inherit;font-weight:inherit;-webkit-appearance:none;background:none;width:260px;height:30px;outline:none;opacity:.7;transition:opacity .2s;margin:0}input[type=range]:hover{opacity:1}input[type=range]::-webkit-slider-runnable-track{background:#ccc;height:10px;border-radius:5px;-webkit-transition:.3s;transition:.3s}input[type=range]::-moz-range-track{background:#ccc;height:10px;border-radius:5px}input[type=range]::-ms-track{background:#ccc;height:10px;border-radius:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;background:red;cursor:pointer;border-radius:50%;border:4px solid #fff;margin-top:-10px}input[type=range]::-moz-range-thumb{width:30px;height:30px;background:red;cursor:pointer;border-radius:50%;border:4px solid #fff}input[type=range]::-ms-thumb{width:24px;height:24px;background:red;cursor:pointer;border-radius:50%;border:none;margin:0 4px;box-shadow:0 0 0 4px #fff}.greenrange input[type=range]::-webkit-slider-thumb{background:green}.greenrange input[type=range]::-moz-range-thumb{background:green}.greenrange input[type=range]::-ms-range-thumb{background:green}.bluerange input[type=range]::-webkit-slider-thumb{background:#00f}.bluerange input[type=range]::-moz-range-thumb{background:#00f}.bluerange input[type=range]::-ms-range-thumb{background:#00f}.orangerange input[type=range]::-webkit-slider-thumb{background:#ff8000}.orangerange input[type=range]::-moz-range-thumb{background:#ff8000}.orangerange input[type=range]::-ms-range-thumb{background:#ff8000}.grayrange input[type=range]::-webkit-slider-thumb{background:#888}.grayrange input[type=range]::-moz-range-thumb{background:#888}.grayrange input[type=range]::-ms-range-thumb{background:#888}.magentarange input[type=range]::-webkit-slider-thumb{background:#f0f}.magentarange input[type=range]::-moz-range-thumb{background:#f0f}.magentarange input[type=range]::-ms-range-thumb{background:#f0f}.colorrange input[type=range]::-webkit-slider-runnable-track{background:url(/assets/images/visible_light.png)}.colorrange input[type=range]::-moz-range-track{background:url(/assets/images/visible_light.png)}.colorrange input[type=range]::-ms-track{background:url(/assets/images/visible_light.png)}.colorrange input[type=range]::-webkit-slider-thumb{border:3px solid #888;background:none;box-shadow:none}.colorrange input[type=range]::-moz-range-thumb{border:3px solid #888;background:none}.colorrange2 input[type=range]::-webkit-slider-runnable-track{background:url(/assets/images/visible_light_2.png)}.colorrange2 input[type=range]::-moz-range-track{background:url(/assets/images/visible_light_2.png)}.colorrange2 input[type=range]::-ms-track{background:url(/assets/images/visible_light_2.png)}.colorrange2 input[type=range]::-webkit-slider-thumb{border:3px solid #888;background:none;box-shadow:none}.colorrange2 input[type=range]::-moz-range-thumb{border:3px solid #888;background:none}input{font-size:.7em}input[readonly]{background:#d3d3d3;color:#000}svg{overflow:hidden}div.experiment p{display:inline}.ArrayPanel,.DataTable{border:1px solid black;display:table;width:100%}.ArrayPanel thead,.ArrayPanel tbody{float:left;width:100%}.ArrayPanel tbody,.DataTable tbody{overflow:auto}.ArrayPanel tr,.DataPanel tr{width:100%;display:table}.ArrayPanel th,.DataTable th{width:1%;border:1px solid black;text-align:center}.ArrayPanel td,.DataTable td{width:1%;border:1px solid black;text-align:right}.ArrayPanel thead,.DataTable thead{background:#d3d3d3;overflow-y:scroll;position:relative}.BoxPanel{background:red}._TabbedPanel\.span{display:table;margin:auto}._TabbedPanel\.ul{list-style-type:none;margin:0;padding:0;overflow:hidden}._TabbedPanel\.li{float:left;text-align:center;margin-top:0;margin-bottom:0;border:1px solid #ccc;border-top-left-radius:5px;border-top-right-radius:5px}._TabbedPanel\.a{userselect:none;display:inline-block;color:#000;text-align:center;padding:7px 8px;text-decoration:none;transition:.3s;font-size:14px}