.viewer{z-index:var(--z-scene);background:var(--background);transition:background-color var(--motion-slow) var(--ease);position:fixed;inset:0}.viewer>div,.viewer canvas{opacity:1;width:100%;height:100%;transition:opacity .9s var(--ease);position:absolute;inset:0}.viewer:is([data-phase=boot],[data-phase=loaded]) canvas{opacity:0}@media (width<=48rem),(height<=30rem){.viewer{display:none}}:is(:root:has(.no-js),:root[data-scene=failed]) .viewer canvas{display:none}