<model-viewer src="Trafo-from-Max.glb" ar ar-modes="scene-viewer webxr quick-look" camera-controls poster="poster.webp" shadow-intensity="1.47" environment-image="music_hall_01_1k.hdr" exposure="1.55" tone-mapping="neutral">
    <button class="Hotspot" slot="hotspot-1" data-position="6.5789834375522265m 3.350472927093506m -23.23039533745692m" data-normal="0m 1m 0m" data-visibility-attribute="visible">
        <div class="HotspotAnnotation">Hydro Fuel Cell</div>
    </button><button class="Hotspot" slot="hotspot-2" data-position="-0.656085570266776m 3.298348903656006m -26.644403594936406m" data-normal="0m 1m 0m" data-visibility-attribute="visible">
        <div class="HotspotAnnotation">AEM Flex</div>
    </button><button class="Hotspot" slot="hotspot-3" data-position="-7.368870025580797m 1.9051887273708707m -28.485899773784613m" data-normal="-0.2402535523337964m 0.6026344581702414m 0.7609927334849208m" data-visibility-attribute="visible">
        <div class="HotspotAnnotation">Hydrogentank</div>
    </button>
    <div class="progress-bar hide" slot="progress-bar">
        <div class="update-bar"></div>
    </div>
    <button slot="ar-button" id="ar-button">
        View in your space
    </button>
    <div id="ar-prompt">
        <img src="https://modelviewer.dev/shared-assets/icons/hand.png">
    </div>
</model-viewer>