.mech-film{isolation:isolate;position:absolute;inset:0}.mech-film-still,.mech-film-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.mech-film-still{opacity:0;transition:opacity var(--duration-slow) var(--ease-standard)}.mech-film-still[data-was]{z-index:1;opacity:1;transition:none}.mech-film-still[data-held]{z-index:2;transition:none}.mech-film-still[data-on]{z-index:3;opacity:1}.mech-film-canvas{z-index:4;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard)}.mech-film[data-playing=top] .mech-film-canvas{opacity:1;transition:none}.mech-film[data-playing=under] .mech-film-canvas{z-index:1;opacity:1;transition:none}.mech-film[data-cut] :is(.mech-film-still,.mech-film-canvas){transition:none}.mech-pair{gap:var(--space-16);margin:var(--space-24) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mech-pair-item{margin:0}.mech-pair-item img{aspect-ratio:1;width:100%;height:auto;display:block}.mech-pair-item figcaption{margin-top:var(--space-8);font-size:var(--text-14);color:var(--color-text);text-align:center;text-wrap:balance;line-height:1.4}.mech-pair-caption{font-size:var(--text-14);color:var(--color-muted);text-align:center;grid-column:1/-1;line-height:1.4}