.vr-wrapper{background-color:#000;width:100%;height:calc(100dvh - 60px);position:relative;overflow:hidden}.vr-wrapper .vr{width:inherit;height:inherit;background-color:#e6f0f0}.vr-wrapper .exterior-controls{gap:16px;display:flex}.vr-wrapper .controls-button{cursor:pointer;z-index:1000;background-color:#fff;border:1.5px solid #901852;border-radius:3vh;justify-content:center;align-items:center;gap:1vh;padding:1.5vh;transition:all .2s ease-in-out;display:flex;box-shadow:0 1px 2px #00000026}.vr-wrapper .controls-button svg{color:#333;width:2vh;height:2vh}.vr-wrapper .controls-button:hover{background-color:#f8f9fa;box-shadow:0 2px 4px #0003}.vr-wrapper .controls-button:active{box-shadow:0 1px 2px #00000026}.vr-wrapper .controls-button.active{color:#f90;background-color:#f903;border-color:#f90}.vr-wrapper .mobile-vr-controls{display:none}.exterior-controls{z-index:1100;gap:2vh;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.exterior-btn{min-width:120px;font-size:1.1rem;font-weight:500}.exterior-btn.active{pointer-events:none;color:#333!important;background:#e0e0e0!important;border-color:#bdbdbd!important}
@media screen and (max-width:600px){.vr-wrapper .exterior-controls{display:none}.vr-wrapper .mobile-vr-controls{z-index:1200;border-radius:32px;align-items:center;gap:16px;padding:8px 20px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.vr-wrapper .mobile-vr-controls .mobile-vr-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:background .2s;display:flex;box-shadow:0 1px 4px #0000001a}.vr-wrapper .mobile-vr-controls .mobile-vr-btn.active{background:#e0e0e0}.vr-wrapper .mobile-vr-controls .mobile-vr-btn img{width:28px;height:28px}}