@layer quartz-base{.egghead-scene{border:2px solid var(--secondary);background:var(--lightgray);margin:0 0 1.5rem;line-height:0;position:relative;overflow:hidden}.egghead-scene canvas{aspect-ratio:2000/667;opacity:0;width:100%;height:auto;transition:opacity .4s;display:block}.egghead-scene.is-ready canvas{opacity:1}.egghead-scene-buttons{gap:6px;display:flex;position:absolute;bottom:8px;left:8px}.egghead-scene-buttons button{border:2px solid var(--secondary);background:var(--light);width:24px;height:24px;color:var(--secondary);opacity:.75;cursor:pointer;border-radius:0;place-items:center;padding:3px;line-height:0;display:grid}.egghead-scene-buttons button:hover,.egghead-scene-buttons button:focus-visible{opacity:1}.egghead-scene-buttons svg{fill:currentColor;shape-rendering:crispedges;width:100%;height:100%}.egghead-scene-buttons .icon-play,.egghead-scene-buttons [data-state=paused] .icon-pause{display:none}.egghead-scene-buttons [data-state=paused] .icon-play{display:block}}