[data-rx8-scene] { position: relative; isolation: isolate; overflow: hidden; }
[data-rx8-scene] canvas.rx8-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; pointer-events: none; opacity: 0; transition: opacity .7s ease; }
[data-rx8-scene].rx8-scene-ready canvas.rx8-canvas { opacity: 1; }
[data-rx8-scene] :is(.rx8-scene-poster,.rx-poster,.rx8-card-poster) { width: 100%; height: 100%; max-width: none; padding: 6%; box-sizing: border-box; object-fit: contain; position: absolute; inset: 0; transform: none; transition: opacity .7s ease; }
[data-rx8-scene].rx8-scene-ready :is(.rx8-scene-poster,.rx-poster,.rx8-card-poster) { opacity: 0; }
[data-rx8-scene].rx8-scene-error canvas.rx8-canvas { opacity: 0; }
[data-rx8-scene].rx8-scene-error :is(.rx8-scene-poster,.rx-poster,.rx8-card-poster) { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  [data-rx8-scene] canvas.rx8-canvas, [data-rx8-scene] :is(.rx8-scene-poster,.rx-poster,.rx8-card-poster) { transition: none; }
}