.testing-film{aspect-ratio:16/10;isolation:isolate;background:var(--forest-pressed);width:100%;display:block;position:relative;overflow:hidden}.testing-film__poster,.testing-film__video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.testing-film__video{opacity:0}.testing-film[data-video-visible=true] .testing-film__video{opacity:1}.method-explorer__photo.testing-film .testing-film__poster{filter:none;mix-blend-mode:normal}.testing-film__control{z-index:2;top:var(--space-2);right:var(--space-2);border:var(--hairline-width) solid var(--forest-hairline);border-radius:var(--radius-pill);background:var(--photo-scrim);width:44px;height:44px;color:var(--on-forest);cursor:pointer;place-items:center;padding:0;display:grid;position:absolute}.testing-film__control:hover{background:var(--forest-pressed)}.testing-film__control:focus-visible{outline:var(--focus-width) solid var(--on-forest);outline-offset:2px}.testing-film__caption{padding:var(--space-2) var(--space-3);background:var(--photo-scrim);color:var(--on-forest);font:400 12px/20px var(--font-plex-mono);position:absolute;bottom:0;left:0;right:0}.testing-film__explanation{font:400 13px/18px var(--font-sans);display:block}.testing-film__notice{margin-top:var(--space-1);color:var(--on-forest-quiet);font:400 11px/16px var(--font-plex-mono);display:block}.testing-film--inspection{width:min(100%,420px);margin-bottom:var(--space-6);border:var(--hairline-width) solid var(--forest-hairline);border-radius:var(--radius-plate)}
