body{background-color:#222}.banner{position:fixed;top:0;left:0;width:100%;background-color:#333;color:#fff;text-align:center;padding:15px 0;z-index:1000}.bottom-banner{position:fixed;bottom:0;left:0;width:100%;background-color:#333;color:#fff;text-align:center;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.bottom-banner button{background-color:#ff9800;color:#fff;border:none;padding:2px 5px;cursor:pointer;border-radius:5px}.bottom-banner button:hover{background-color:#e68a00}.content{padding:20px;margin-top:80px;margin-bottom:80px;background-color:#222}.content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:10px;margin:20px}.content-single{padding:20px;margin-top:80px;margin-bottom:80px}@media (min-width: 600px){.content{grid-template-columns:repeat(4,1fr)}}.post{margin:10px;padding:10px;border:1px solid #ddd;background-color:#111;opacity:0;animation:fadeIn 1ms forwards;max-width:100%;color:#bbb}.post a:link,.post a:visited,.post a:hover{color:#bbb}.post-full{margin:10px;padding:10px;border:1px solid #ddd;background-color:#f9f9f9;opacity:0;animation:fadeIn .01s forwards;max-width:100%;height:100%}@keyframes fadeIn{to{opacity:1}}.video-container{width:90%;max-width:320px;margin:0 auto}video{width:100%;height:auto;max-width:100%}#progressBar{width:100%;background-color:#f3f3f3}#progressBar div{width:0;height:20px;background-color:#4caf50}.reset-button{background-color:green;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:5px;font-size:16px;display:flex;align-items:center;justify-content:center}.reset-button:hover{background-color:#8b0000}.reset-button i{margin-right:5px}.delete-button{background-color:red;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:5px;font-size:16px;display:flex;align-items:center;justify-content:center}.delete-button:hover{background-color:#8b0000}.delete-button i{margin-right:5px}.scene,#message{position:absolute;display:flex;inset:0;z-index:2;height:100%;width:100%;align-items:center;justify-content:center}#message{font-weight:700;font-size:large;color:red;pointer-events:none}details{font-size:small}#progress{position:absolute;top:0;height:5px;background:#00f;z-index:99;transition:width .1s ease-in-out}#quality{position:absolute;bottom:10px;z-index:999;right:10px}#caminfo{position:absolute;top:10px;z-index:999;right:10px}#canvas{display:block;width:100%;margin-right:50px;margin-left:20px;touch-action:none;border:1px solid black}#canvas-full{display:block;top:0;left:0;width:100%;height:100%}#instructions{background:#0009;white-space:pre-wrap;padding:10px;border-radius:10px;font-size:x-small}body.nohf .nohf{display:none}body.nohf #progress,body.nohf .cube-face{background:#ff9d0d}.post-wrapper{display:flex;justify-content:center;align-items:center}.comments{margin-top:20px;color:#333;justify-content:center;align-items:center}.viewer{padding:20px;margin-top:80px;margin-bottom:80px}