html,body{margin:0;padding:0}.Loading{color:#f5f5f5;background-color:#333;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:sans-serif;font-size:20px;display:flex}.Viewer{z-index:0;width:100vw;height:100vh;position:relative}.Views{z-index:10;background:#f5f5f5;position:fixed;top:20px;left:50%;transform:translate(-50%)}.Legend{z-index:10;flex-direction:row;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.Legend label{color:#fff;text-align:center;background-color:#000;padding:2px 10px;font-family:monospace;font-size:10px}.Legend div{flex-direction:row;display:flex}.Legend div span{flex:0 0 2px}