sp-display{aspect-ratio:2;color:#fff;contain:layout;display:block;position:relative}sp-display .screen-poster,sp-display .screen-frames{width:100%;height:100%;image-rendering:pixelated;clip-path:var(--screen-clip,none);background:#000;display:block;position:absolute;inset:0}sp-display .screen-frames{visibility:hidden;overflow:hidden}sp-display[data-ready=true] .screen-frames{visibility:visible}sp-display[data-ready=true] .screen-poster{visibility:hidden}sp-display button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:0;width:100%;height:100%;min-height:44px;padding:0;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}sp-display button:hover,sp-display button:active{color:#fff;background:0 0}sp-display button:focus-visible{outline-offset:-3px;outline:2px solid #fff}sp-display button[hidden]{display:none}sp-display .playback-symbol{right:var(--screen-icon-inset,3px);background:#000;width:12px;height:12px;position:absolute;bottom:2px}sp-display .symbol-play,sp-display[data-state=paused] .symbol-pause{display:none}sp-display[data-state=paused] .symbol-play{display:block}sp-display .playback-symbol path{fill:none;stroke:#fff;stroke-width:1.5px}sp-display .screen-frames image{image-rendering:pixelated}