#flow-device.flow-multi-view{aspect-ratio:1672/941;position:relative;background:#10151b;isolation:isolate;overflow:hidden}
#flow-device .flow-view{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .6s ease;z-index:0}
#flow-device .flow-view.is-active{opacity:1;pointer-events:auto;z-index:1}
#flow-device .flow-photo{position:absolute;inset:0;width:100%;height:100%}
/* Preserve the complete laptop photograph in the common presentation frame. */
#flow-device .flow-photo-laptop{width:90.034%;left:4.983%;right:auto}
#flow-device .flow-photo .device-background{display:block;width:100%;height:100%;object-fit:contain}
#flow-device .flow-photo .device-screen{left:var(--screen-x);top:var(--screen-y);width:var(--screen-w);height:var(--screen-h);border-radius:0;box-shadow:none;background:#10151b;transform:none}
#flow-device .flow-photo .device-screen:after{display:none}
#flow-device .flow-photo .flow-enlarge{width:100%;height:100%;padding:0;margin:0;border:0;background:#10151b;display:flex;align-items:center;justify-content:center}
#flow-device .flow-photo .flow-enlarge img{width:100%;height:100%;max-width:none;object-fit:contain;filter:none;transform:none}
#flow-device .flow-photo .flow-enlarge:focus-visible{outline:2px solid #32ffd2;outline-offset:-3px}
.flow-view-caption{position:absolute;bottom:2%;left:2%;padding:7px 11px;background:#080e12d9;border:1px solid #ffffff24;border-radius:3px;color:#f0f3ef;font:10px/1.4 monospace;letter-spacing:.035em;pointer-events:none;z-index:3}
.motion-paused #flow-device .flow-view{transition:none}
@media(max-width:600px){.flow-view-caption{font-size:7px;padding:4px 6px;bottom:2%;left:2%}}
@media(prefers-reduced-motion:reduce){#flow-device .flow-view{transition:none}}