/* Forma Pro: a video file playing in its item (grid-video.js), over the image: once it plays it fades in and
   settles from a little larger to its size */

:where([data-forma-video], [data-forma-video] .forma__media) {
	position: relative;
}

/* Keeps the larger video inside the image, whatever the skin */
:where([data-forma-video] .forma__media) {
	overflow: hidden;
}

.forma__video {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: var(--forma-fit, cover);
	pointer-events: none;
	opacity: 0;
	transform: scale(1.12);
	transition: opacity .4s, transform .7s cubic-bezier(.215, .61, .355, 1);
}

:is(.is-playing > .forma__video, .is-playing .forma__media > .forma__video) {
	opacity: 1;
	transform: none;
}