@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);*{outline:0;vertical-align:baseline;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:grayscale;font-kerning:normal}body,html{margin:0;padding:0}body{display:block;text-align:center}#toolbox{height:calc(100vh - 2rem);overflow-y:scroll;background:#eee;justify-content:center;border-radius:7px;padding:1.5rem;z-index:1}#experiment{display:block;visibility:hidden;opacity:0;font-family:'Roboto Mono','Courier New',Courier,monospace;font-size:.8rem;color:#555;border:1px solid #ccc;border-radius:7px;transition:opacity .6s;overflow-wrap:break-word}#toolbox *,.toolbox-data{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;user-select:none}#toolbox img{margin:0 auto 1rem;pointer-events:none}h1{font-size:1.75rem}#toolbox h1{margin:0 auto .25rem;width:100%}#toolbox h2{font-size:1.25rem;color:#666}#links a{color:#333;font-size:.8rem}.flex-wrapper{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.flex-wrapper button{cursor:pointer;user-select:none;font-size:.8rem;line-height:130%;margin:3px;padding:10px 15px;background:#fff;border:1px solid #aaa;border-radius:5px}code{font-size:.75rem;font-family:'Roboto Mono','Courier New',Courier,monospace!important}#experiment code,.flex-wrapper button code{color:#111d5ecc}.flex-wrapper button code{display:block}.getters{margin-bottom:1rem}.disabled{cursor:default!important;background-color:#eee!important;color:#999!important}button:hover{background:#f9f9f9}button:active{background:#e3e3e3}#experiment h1{margin:0 auto 2rem;white-space:pre-wrap;white-space:break-spaces}#experiment p{text-align:left;margin:10px;padding:0;line-height:170%}.toolbox-data{background:#eee;margin-right:7px;padding:5px 7px;font-size:.75rem;border-radius:3px}.flex-wrapper .complete{border:1px solid #29bb89}.flex-wrapper .distance,.flex-wrapper .gaze{border:1px solid #ff9a00}.flex-wrapper .error{border:1px solid #ac0d0d}#lang-picker{padding:.25rem}@media (min-width:721px){body{overflow:hidden}#toolbox{width:320px;position:absolute;top:0;left:50%;margin:1rem 0;transform:translate(-50%,0)}.initialized{left:1rem!important;transform:translate(0,0)!important}#experiment{position:absolute;top:0;right:0;width:calc(100% - 320px - 3rem);height:calc(100vh - 2rem);overflow-y:scroll;margin:1rem}}@media (max-width:720px){#toolbox{width:80%;margin:1rem auto}#experiment{display:none;width:80%!important;margin:1rem auto}.flex-wrapper{flex-direction:column}.flex-wrapper button{flex:100%!important}}.demo-button{position:relative}.show-code-button{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;font-size:.65rem;font-weight:500;position:absolute;display:block;background-color:#ccc;color:#fff;padding:.25rem .5rem;text-align:center!important;line-height:100%;border-radius:1rem;top:50%;right:.4rem;transform:translate(0,-50%);cursor:pointer}.show-code-button:hover{background-color:#aaa}.code-title{font-weight:900!important;margin-bottom:.25rem!important}.prettyprint{font-family:'Roboto Mono','Courier New',Courier,monospace!important;text-align:left;overflow-x:scroll;border:none!important;padding:.5rem!important;margin:0 .5rem .5rem .5rem!important;border-radius:.5rem}.prettyprint *{font-size:.72rem!important}