.room-viewer-wrapper[data-v-e93d87ce]{height:100vh;overflow:hidden;position:relative;width:100%}#container[data-v-e93d87ce]{background-color:#000;height:100%;width:100%}#loading-overlay[data-v-e93d87ce]{align-items:center;background-color:#b39556!important;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;transition:opacity .5s ease;z-index:10}.spinner[data-v-e93d87ce]{animation:spin-e93d87ce 1s linear infinite;border:5px solid #ccc;border-radius:50%;border-top:5px solid var(--secondary-color);height:60px;width:60px}@keyframes spin-e93d87ce{to{transform:rotate(1turn)}}.controls[data-v-e93d87ce]{bottom:20px;display:flex;gap:10px;left:50%;position:absolute;transform:translate(-50%);z-index:20}.room-btn[data-v-e93d87ce]{background-color:var(--secondary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.room-btn.active[data-v-e93d87ce]{background-color:var(--primary-color)}.thumbnail-bar[data-v-e93d87ce]{align-items:center;background-color:transparent;bottom:0;display:flex;height:200px;justify-content:center;overflow-x:auto;overflow-y:visible;padding:4px 2px;position:absolute;white-space:nowrap;width:100%;z-index:20}.thumbnail-item[data-v-e93d87ce]{border:2px solid transparent;cursor:pointer;display:inline-block;flex-shrink:0;height:80px;margin:0 4px;overflow:visible;position:relative;transition:transform .2s ease;width:80px}.thumbnail-item.active[data-v-e93d87ce]{border-color:#fff}.thumbnail-item[data-v-e93d87ce]:hover{transform:scale(1.05)}.thumbnail-item img[data-v-e93d87ce]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.custom-tooltip[data-v-e93d87ce]{background-color:#000;border-radius:4px;bottom:120%;color:#fff;font-size:10px;left:50%;margin-left:1px;margin-right:6px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%);transition:opacity .3s ease;white-space:nowrap;width:225%;z-index:500}.thumbnail-item:hover .custom-tooltip[data-v-e93d87ce]{opacity:1}.tooltip-arrow[data-v-e93d87ce]{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000;height:0;left:50%;margin-left:-5px;position:absolute;top:100%;width:0}.back-button[data-v-e93d87ce]{align-items:center;background-color:#0009;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;left:20px;padding:8px 12px;position:absolute;top:20px;transition:background-color .2s ease;z-index:30}.back-button[data-v-e93d87ce]:hover{background-color:#000c}