.vid-bg-tls {
	.bg {

		video {
			object-fit: cover;
			opacity: var(--vid-bg-o, 1);
			height: 100%;
			visibility: visible;
		}
		
		ul, .ctrls {
			position: absolute;
			bottom: 2em;
			left: 0;
			width: 100%;
			z-index: 1;
			
			a, button {
				font-size: 1.75rem;
				padding: .4rem;
				transition: color var(--g-trn-sp) var(--g-trn-tf) 0s;
			}

			&.cms-disabled {
				display: none;
			}
		}

		
		video[src=""], 
		picture:has(img[src=""]),
		video[src*="/"] + picture,
		&:has(> video[src=""]) .ctrls,
		&:not(:has(video)) .ctrls {
			display: none;
		}
	}
}

.cms-content .vid-bg-tls {
	.bg {
		position: relative;

		video {
			display: none;
		}
	}

	[popover]:not(:popover-open) {
		transform: none;
		opacity: 1;
		position: relative !important;
		visibility: visible;
		display: block;
	}
}