body{font-family:helvetica,arial,sans-serif;margin:2em;color:#3d3d3d;--mdc-theme-primary: #6796d8;--mdc-theme-on-primary: #ffffff;background-color:#d3d3d3}h1{font-style:italic;color:#ff6f00;color:#007f8b}h2{clear:both}em{font-weight:700}video{clear:both;display:block;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}section{opacity:1;transition:opacity .5s ease-in-out}header,footer{clear:both}.removed{display:none}.invisible{opacity:.2}.note{font-style:italic;font-size:130%}.videoView,.detectOnClick,.blend-shapes{position:relative;float:left;width:48%;margin:2% 1%;cursor:pointer}.videoView p,.detectOnClick p{position:absolute;padding:5px;background-color:#007f8b;color:#fff;border:1px dashed rgba(255,255,255,.7);z-index:2;font-size:12px;margin:0}.highlighter{background:#00ff0040;border:1px dashed #fff;z-index:1;position:absolute}.canvas{z-index:1;position:absolute;pointer-events:none}.output_canvas{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}.detectOnClick{z-index:0}.detectOnClick img{width:100%}.column{flex:1}.blend-shapes-item{display:flex;align-items:center;height:20px}.blend-shapes-label{display:flex;width:120px;justify-content:flex-end;align-items:center;margin-right:4px}.blend-shapes-value{display:flex;height:16px;align-items:center;background-color:#6796d8}