.video{align-self:center;animation:appearY 1s ease-out backwards paused;clip-path:inset(10% 10% round var(--br-items-sm));display:flex;flex-flow:column;height:54.70085472vw;justify-content:center;margin:2rem -50%;max-height:75vh;position:relative;transition:transform var(--transition),clip-path var(--transition);width:96vw;will-change:clip-path;z-index:10}@media (max-width:767px){.video{clip-path:inset(10% 10% round var(--br-items-lg))}}.video.active{clip-path:inset(0 0 round var(--br-items-lg))}.video.active .video-frame{opacity:1}.video.active .video-frame+.video-play{opacity:0;transform:translate(-.5rem) rotate(120deg)}.video .video-close,.video .video-frame,.video .video-image,.video .video-play{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;transition:transform var(--transition),opacity var(--transition);width:100%}.video .video-image{border-radius:var(--br-items-sm);height:80%;top:10%;right:10%;bottom:10%;left:10%;width:80%;z-index:20}@media (max-width:767px){.video .video-image{border-radius:var(--br-items-lg)}}.video .video-frame{-o-object-fit:cover;object-fit:cover;opacity:0;z-index:30}.video .video-close,.video .video-play{color:var(--background);height:4em;margin:auto;width:4em;z-index:50}.video .video-close:active,.video .video-close:focus,.video .video-close:hover,.video .video-play:active,.video .video-play:focus,.video .video-play:hover{color:var(--purple)}.video .video-play-icon{height:100%;width:100%}.video .video-close{font-size:2em;height:1em;inset:1em 1em auto auto;width:1em}.video:active .video-image,.video:focus .video-image,.video:hover .video-image{transform:scale(1.05)}.video:active .video-play,.video:focus .video-play,.video:hover .video-play{transform:scale(1.15)}.video:active .video-image{transform:scale(1.025)}.video:active .video-play{transform:scale(1.05)}