.asset-3d-container{width:100%;height:100%;position:relative}.asset-3d-container__loader{position:relative;background-color:#f6f6f6;height:100%}.asset-3d-container__loader--icon{left:50%;opacity:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.asset-3d-container__loader--icon>svg{height:1.75rem}.asset-3d-container .asset-3d{overflow:hidden;position:absolute;width:100%;height:100%;cursor:-webkit-grab;cursor:grab;opacity:100%;transition:opacity .5s ease-in-out;background-color:#f6f6f6}.asset-3d-container .asset-3d--loading{opacity:50%}.asset-3d-container .asset-3d.asset-3d--grabbing{cursor:-webkit-grabbing;cursor:grabbing}.asset-3d-container .asset-3d__badge{-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;display:flex;justify-content:center;align-items:center;position:absolute;top:1.25rem;left:.75rem;opacity:0;transition:opacity .25s ease-in-out}.asset-3d-container .asset-3d__badge--visible{opacity:100%}.asset-3d-container .asset-3d__badge-button-icon{margin-left:.25rem;margin-bottom:.0625rem}.asset-3d-container .asset-3d__badge span{font-size:.8125rem;line-height:1.25rem;margin-top:.25rem;margin-left:.25rem}@media screen and (max-width:49.9375rem){.asset-3d-container .asset-3d__badge span{font-size:.8125rem;line-height:1.25rem}}@keyframes fade-in-move-up{0%{opacity:0;transform:translateY(.5rem)}to{opacity:100%;transform:translateY(0)}}.asset-3d-container .asset-3d canvas{width:unset;height:100%;position:absolute;left:50%;transform:translateX(-50%)}.asset-3d-container .asset-3d canvas:focus{outline:none}