.main{display:flex}.sideNav{background:#dedede;flex:1;align-items:center;margin:4px}.innerSideNav{color:#555;padding:10px}.sideNav h3{color:#bababa}.sideNav ul{padding:4px;list-style:none}.sideNav li{cursor:help;border-radius:5px;align-content:center;align-items:center;padding:4px;font-size:.8em;display:flex;position:relative}.sideNav li:hover{background:#a1b3b3}.sideNav li:hover:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;z-index:999;background:purple;border-radius:5px;margin-top:4px;padding:5px;font-size:1em;position:absolute;top:100%;left:0}.sideNav input{cursor:pointer;font-size:inherit;background:#f0f8ff;align-items:center;margin:4px;padding:4px;transition:background-color .5s;display:flex}.sideNav input::placeholder{color:inherit}.sideNav input:hover{color:#000;background:#f0f0ff;border-color:#aa3bff}.sideNav input:focus{background:#7fffd4}.sideNav p{background-color:#9370db;border-radius:15px;margin:4px;padding:4px;font-size:calc(100% + .4em)}.scanner{flex:4}.initial{width:100%;height:100%}.video-back{z-index:1;padding:2rem;position:absolute}video{width:100%;height:100%}