html,body{margin:0;padding:0;background-color:#333}.vf-layout[data-v-61146064]{display:flex;justify-content:space-between;padding:20px 10px;max-height:calc(100vh - 10px);overflow:hidden;font-family:Courier New,Courier,monospace}.vf-layout .sensor-grid[data-v-61146064]{flex-shrink:0;margin-left:12px;width:170px}.vf-layout .camera-grid[data-v-61146064]{flex-grow:1}.camera-container[data-v-61146064]{width:400px;max-width:50vw;margin:0 auto}.vf-layout .focal-grid[data-v-61146064]{flex-shrink:0;margin-left:12px;width:170px}.small-button[data-v-61146064]{font-size:12px;color:#fff;line-height:1;background-color:#406e9b;padding:4px 8px;border-radius:4px;cursor:pointer;display:inline-block}.camera-cavnas[data-v-61146064]{width:100%;height:0;padding-bottom:100%;background-image:url(/assets/distortion_example-roIEeYYv.png);background-position:center;background-size:cover;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.75)}.common-list[data-v-61146064]{width:100%;height:100%;overflow-x:hidden;overflow-y:scroll}.common-header[data-v-61146064]{line-height:40px;font-size:16px;color:#fff;text-align:center}.common-list .common-item[data-v-61146064]{line-height:40px;font-size:14px;border:2px solid transparent;background-color:#212c37;color:#fff;text-align:center;margin-bottom:8px;border-radius:4px;opacity:.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}.common-list .common-item.selected[data-v-61146064]{border-color:#ffffffbf;font-weight:800;opacity:1}.camera-cavnas[data-v-61146064]{position:relative}.camera-cavnas .camera-entity[data-v-61146064]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease}.camera-cavnas .camera-entity video[data-v-61146064]{width:100%}