.frame-wrapper{position:relative;height:200px;overflow:hidden;border-radius:12px}.frame{position:absolute;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0;transition:opacity 1s linear;clip-path:inset(0 0 0 0)}.frame.active{opacity:1}.reveal-down{animation:revealTopDown 3s linear forwards}@keyframes revealTopDown{0%{clip-path:inset(0 0 100% 0);opacity:1}to{clip-path:inset(0 0 0 0);opacity:1}}.variant4-exit{animation:variant4FadeOut 1s linear forwards}@keyframes variant4FadeOut{0%{opacity:1}to{opacity:0}}.variant6-enter{transform-origin:center;animation:variant6ScaleIn 1s linear forwards}@keyframes variant6ScaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.variant6-exit{animation:variant6Exit 1s linear forwards}@keyframes variant6Exit{0%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(100% 0 0 0);opacity:0}}