.hidden{display:none!important}body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}canvas{position:absolute;top:0;left:0}video{object-fit:fill}#VRButton{left:calc(50% - 105px)!important;z-index:100000!important}#ARButton{left:calc(50% + 5px)!important;z-index:100000!important}#XRButton{top:10px!important;z-index:100000!important;bottom:unset!important}.interactive-container{display:flex;justify-content:center;align-items:center;height:100px;width:100px;cursor:pointer;background-color:transparent}.interactive-button{display:inline-block;position:relative}.interactive-button.is-play{background-color:#fff;border-radius:50%;width:56px;height:56px}.interactive-button.is-play .button-outer-circle{background:#fff3;border-radius:50%;position:absolute;inset:0;height:100%;width:100%}.interactive-button.is-play .button-icon{position:absolute;top:50%;left:50%;width:28px;height:28px;transform:translate(-50%,-50%)}.interactive-button.is-play .button-icon .fadein{animation:fadeIn 3s ease}.interactive-button.is-play .button-icon .path{stroke-dasharray:90;stroke-dashoffset:0;animation:triangleStroke 3s;animation-timing-function:ease}.interactive-button svg{position:absolute}.has-scale-animation{animation:smallScale 3s infinite}.has-scale-animation-simple{transform:scale(1.2);opacity:1}.has-delay-short{animation-delay:.5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes triangleStroke{0%{stroke-dashoffset:90}to{stroke-dashoffset:0}}@keyframes smallScale{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}