body{margin:0;outline:none;grid-template-columns:auto;grid-template-rows:auto}#app,body{display:grid}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;grid-column:1/1;grid-row:1/1;grid-template-columns:auto;grid-template-rows:60px auto;grid-template-areas:"header" "content"}#nav{margin:20px;position:relative;top:0;left:0;right:0;z-index:100;pointer-events:none;grid-area:header}#nav a{font-weight:700;color:#767977;pointer-events:auto}#nav a.router-link-exact-active{color:#42b983}.labs{grid-area:content}a.demo{position:absolute;z-index:99;border-radius:50%;background:#fff;opacity:.55;transition:opacity .3s;width:50px;height:50px;color:#222;font-weight:700;line-height:50px;text-decoration:none;font-size:.9em}a.demo:hover{opacity:.8}a.demo.repo{right:25px;bottom:25px}a.demo.tutorial{right:100px;bottom:25px}p.disclaimer{position:fixed;bottom:0;left:0;right:0;height:25px;z-index:100;color:#222}p.disclaimer a{color:#42b983;text-decoration:none}#stats div{bottom:20px;top:unset!important;left:20px!important}.labs[data-v-4a227a0f]{display:grid;grid-template-columns:5% 45% 45% 5%;grid-template-rows:100px auto;grid-template-areas:". instructions info ." ". experiment experiment ."}.instructions[data-v-4a227a0f]{grid-area:instructions;font-weight:700}.info[data-v-4a227a0f]{grid-area:info;font-size:.9em}.experiment[data-v-4a227a0f]{grid-area:experiment;position:relative}h3[data-v-4a227a0f]{margin:40px 0 0}ul[data-v-4a227a0f]{list-style-type:none;padding:0}li[data-v-4a227a0f]{display:inline-block;margin:0 10px}a[data-v-4a227a0f]{color:#42b983}canvas.webgl[data-v-4a227a0f]{max-width:100%;width:auto;height:auto;position:absolute;top:0;left:0;width:0;height:0}img#output_image[data-v-4a227a0f]{max-width:100%;width:auto;height:auto;position:absolute;top:0;left:0;opacity:0}a.demo[data-v-4a227a0f]{background:#333;color:#ddd}