#app-3d-container{aspect-ratio:1.5625;margin:0 auto;max-width:1000px;position:relative;width:100%}#app-3d-container .loader-2{animation:loader-2-1 3s linear infinite;display:block;height:20vw;max-height:200px;max-width:200px;width:20vw}@keyframes loader-2-1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#app-3d-container .loader-2 span{clip:rect(25px,50px,50px,0);animation:loader-2-2 1.5s cubic-bezier(.77,0,.175,1) infinite;bottom:0;display:block;height:20vw;left:0;margin:auto;max-height:200px;max-width:200px;position:absolute;right:0;top:0;width:20vw}@media (min-width:461px){#app-3d-container .loader-2 span{clip:rect(50px,100px,100px,0)}}@media (min-width:768px){#app-3d-container .loader-2 span{clip:rect(100px,200px,200px,0)}}@keyframes loader-2-2{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#app-3d-container .loader-2 span:before{animation:loader-2-3 1.5s cubic-bezier(.77,0,.175,1) infinite;border:3px solid transparent;border-radius:50%;border-top-color:#fff;bottom:0;content:"";display:block;height:20vw;left:0;margin:auto;max-height:200px;max-width:200px;position:absolute;right:0;top:0;width:20vw}@keyframes loader-2-3{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#app-3d-container .loader-2 span:after{border:3px solid hsla(0,0%,100%,.5);border-radius:50%;bottom:0;content:"";display:block;height:20vw;left:0;margin:auto;max-height:200px;max-width:200px;position:absolute;right:0;top:0;width:20vw}#app-3d-play{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}#app-3d-play>div:first-of-type,#app-3d-play>div:first-of-type img{height:inherit;width:inherit}#app-3d-button{height:20vw;left:50%;max-height:200px;max-width:200px;position:absolute;top:50%;transform:translate(-50%,-50%);width:20vw;z-index:1}#app-3d-output{display:none}#app-3d-loader{bottom:0;display:block;height:20vw;left:0;margin:auto;max-height:200px;max-width:200px;position:absolute;right:0;top:0;width:20vw}#app-3d-canvas{max-width:100%;width:1000px}