body{margin:0;width:100vw;height:100vh;display:flex;overflow:hidden;background-color:#222;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.flex{display:flex}.flex.row{flex-direction:row}.flex.column{flex-direction:column}.flex.space-around{justify-content:space-around}canvas{width:100vw;height:100%;outline:none}.qrcode{position:fixed;top:20px;left:20px;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;color:#000;font-weight:700;text-align:center;padding:10px}.qrcode img{width:200px}.logo-polytech{position:fixed;top:40px;right:50px;width:200px}sidebar{z-index:1;display:none;flex-direction:column;width:250px;height:100%;flex-shrink:0;padding:20px;box-sizing:border-box;box-shadow:0 0 10px #000;overflow:hidden}sidebar h2{margin-top:50px;font-weight:400;font-size:14px}sidebar h2:first-child{margin-top:0}sidebar .indicator{padding:5px 5px 5px 28px;box-sizing:border-box;border-bottom:2px solid #fff;font-size:20px;line-height:100%;background-position:5px 8px;background-size:15px;background-repeat:no-repeat}sidebar .indicator.clock{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%20stroke-width='1.5'%20stroke='%23fff'%20class='size-6'%3e%3cpath%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M12%206v6h4.5m4.5%200a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z'%20/%3e%3c/svg%3e")}sidebar .devices{display:flex;flex-direction:column;height:100%;overflow-y:auto}sidebar .devices .device{display:flex;justify-content:space-between;align-items:center;font-size:.8em;margin-bottom:5px}sidebar .devices .device:hover{background-color:#ffffff0d}sidebar .devices .device:hover .device-commands{display:flex}sidebar .devices .device .device-name{padding:6px}sidebar .devices .device .device-commands{display:none}sidebar .devices .device .device-commands .device-command{margin:0 2.5px;border:1px solid #eee;padding:5px;box-sizing:border-box;cursor:pointer}sidebar .devices .device .device-commands .device-command:hover{background-color:#4691ff}