/* Scoped to the progressively enhanced Why LFAM printing film. */
.process-motion .process-motion-frame{position:relative;aspect-ratio:400/711;background:#151515;overflow:hidden}
.process-motion .process-motion-frame>.process-motion-poster,.process-motion .process-motion-frame>.process-motion-video{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;aspect-ratio:400/711;object-fit:contain}
.process-motion .process-motion-poster{z-index:1}
.process-motion [hidden]{display:none!important}
.process-motion .process-motion-toggle{position:absolute;right:12px;bottom:12px;z-index:2;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:12px;margin:0;border:1px solid #ffffff80;border-radius:50%;background:#171717cc;color:#fff;cursor:pointer}
.process-motion .process-motion-toggle:hover{background:#171717}
.process-motion .process-motion-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
.process-motion .process-motion-toggle:disabled{cursor:default;opacity:.7}
.process-motion .process-motion-toggle svg{display:block;width:18px;height:18px;fill:currentColor}
.process-motion .process-motion-pause,.process-motion .process-motion-unavailable{display:none}
.process-motion[data-motion-state=playing] .process-motion-play,.process-motion[data-motion-state=loading] .process-motion-play,.process-motion[data-motion-state=unavailable] .process-motion-play{display:none}
.process-motion[data-motion-state=playing] .process-motion-pause,.process-motion[data-motion-state=loading] .process-motion-pause,.process-motion[data-motion-state=unavailable] .process-motion-unavailable{display:block}
.process-motion .process-motion-status{display:block;font-size:11px;line-height:1.6;color:#666;margin-top:8px}
.process-motion .process-motion-status:empty{display:none}
@media(forced-colors:active){.process-motion .process-motion-toggle{background:ButtonFace;border-color:ButtonText;color:ButtonText}.process-motion .process-motion-toggle:focus-visible{outline-color:Highlight}}
