#realtimeRatio{z-index:2;color:green;visibility:visible;flex:1;font-size:13px;position:absolute;top:30px;right:10px}.loading-overlay{color:#fff;z-index:999;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.spinner{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;margin-bottom:10px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-logos{z-index:3;flex-direction:row;align-items:center;height:24px;display:flex;position:absolute;top:0;right:0}#petoi-logo-container{background-color:#fff;display:flex}#petoi-logo-img{cursor:pointer;align-items:center;width:auto;height:24px;display:flex}.collaboration-separator{color:#ccc;align-items:center;margin:0 5px;font-size:14px;font-weight:700}#ape-logo{color:#007acc;background-color:#fff;align-items:center;height:24px;padding:0 5px;font-size:16px;font-weight:700;text-decoration:none;transition:color .2s;display:flex}#ape-logo a{color:inherit;text-decoration:none}#ape-logo a:hover{color:#17b;text-decoration:underline}.movement-button-container{flex-direction:column;gap:5px;max-height:240px;padding-right:2px;display:flex;position:absolute;top:60px;right:10px;overflow-y:auto}.movement-button-container::-webkit-scrollbar{width:5px}.movement-button-container::-webkit-scrollbar-track{background:rgba(255,255,255,.2)}.movement-button-container::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.1);border-radius:3px}.movement-button-container::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.4)}.movement-button{cursor:pointer;color:#fff;z-index:3;background-color:rgba(14,99,156,.2);border:2px solid rgba(14,99,156,.5);border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .2s}.movement-button:hover{background:#17b}