@keyframes den-vg-engine-rotate {
	100% {
		transform: rotate(360deg);
	}
}

/**
 * Dreams Video Gallery Frontend
 */

.dreams-video-gallery-engine-container {
	scroll-behavior: smooth;
	scroll-padding: 2rem;
	font-size: 62.5%;
}

.dreams-video-gallery-engine-container > div {
	font-family: system-ui;
	line-height: 1.6;
	font-size: 1.4rem;
	accent-color: #0082ae;
}

.dreams-video-gallery-engine-container img,
.dreams-video-gallery-engine-container video,
.dreams-video-gallery-engine-container svg,
.dreams-video-gallery-engine-container iframe {
	height: auto;
	max-width: 100%;
}

.dreams-video-gallery-engine-container iframe,
.dreams-video-gallery-engine-container video {
	aspect-ratio: 16/9;
}

.dreams-video-gallery-engine-container h1,
.dreams-video-gallery-engine-container h2,
.dreams-video-gallery-engine-container h3,
.dreams-video-gallery-engine-container h4,
.dreams-video-gallery-engine-container h5,
.dreams-video-gallery-engine-container h6 {
	text-wrap: balance;
}

.dreams-video-gallery-engine-container p {
	text-wrap: pretty;
}

@media (prefers-reduced-motion: reduce) {
	.dreams-video-gallery-engine-container,
	.dreams-video-gallery-engine-container::before,
	.dreams-video-gallery-engine-container::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
		transition: none !important;
	}
}

.den-vg-engine-container {
	max-width: var(--den-vg-mw-container, 1124px);
	margin: var(--den-vg-m-container, 0 auto);
	padding: var(--den-vg-p-container, 20px);
}

.den-vg-engine-logo {
	text-align: var(--den-vg-ta-logo, center);
}

.den-vg-engine-logo img {
	width: var(--den-vg-w-logo-img, 100%) !important;
	max-width: var(--den-vg-mw-logo-img, 200px) !important;
}

.den-vg-engine-content .den-vg-engine-content__title {
	font-family: var(--den-vg-content-ff-h1, Georgia, Times News Roman, serif);
	font-size: var(--den-vg-content-fz-h1, 28px);
	font-weight: var(--den-vg-content-fz-h1, 700);
	margin-bottom: var(--den-vg-content-mb-h1, 30px);
}

.den-vg-engine-content .den-vg-engine-content__iframe iframe {
	width: var(--den-vg-w-content-iframe, 100%) !important;
}

.den-vg-engine-content .den-vg-engine-content__description {
	font-family: var(--den-vg-content-ff-h1, Georgia, Times News Roman, serif);
	font-size: var(--den-vg-content-fz-h1, 18px);
	font-weight: var(--den-vg-content-fz-h1, 400);
	margin-top: var(--den-vg-content-mt-h1, 30px);
	margin-bottom: var(--den-vg-content-mb-h1, 30px);
}

.den-vg-engine-content .den-vg-engine-content__morevideos {
	display: var(--den-vg-d-morevideos, grid);
	grid-template-columns: var(--den-vg-gtc-morevideos, repeat(2,minmax(0,1fr)));
	gap: var(--den-vg-gap-morevideos, 30px);
}

.den-vg-engine-content .den-vg-engine-content__videoitem {
	cursor: pointer;
}

.den-vg-engine-content .den-vg-engine-content__videoitem-image img {
	aspect-ratio: 16/9;
	object-fit: cover;
	width: 100%;
}

.den-vg-engine-content .den-vg-engine-content__videoitem-title {
	font-family: var(--den-vg-morevideos-ff-h2, Georgia, Times News Roman, serif);
	font-size: var(--den-vg-morevideos-fz-h2, 20px);
	font-weight: var(--den-vg-morevideos-fz-h2, 600);
	margin-top: var(--den-vg-morevideos-mt-h2, 15px);
}

.den-vg-engine-top {
	margin-bottom: var(--den-vg-top-mb, 30px);
}

.den-vg-engine-bottom {
	margin-top: var(--den-vg-bottom-mt, 30px);
}

.den-vg-engine-content .den-vg-engine-content__morevideos-btn {
	margin-top: var(--den-vg-morevideos-mt-btn, 15px);
	text-align: var(--den-vg-morevideos-ta-btn, center);
}

.den-vg-engine-content .den-vg-engine-content__morevideos-btn > button {
	font-family: var(--den-vg-morevideos-ff-btn, Georgia, Times News Roman, serif);
	font-size: var(--den-vg-morevideos-fz-btn, 14px);
	font-weight: var(--den-vg-morevideos-fz-btn, 400);
	padding: var(--den-vg-morevideos-p-btn, 10px);
}

.den-vg-engine-content .den-vg-engine-content__morevideos-btn > button.loading {
	width: 30px;
	height: 30px;
	animation: den-vg-engine-rotate 1.5s linear infinite;
	animation-delay: 0.2s;
	background-color: transparent !important;
	border-width: 0.3rem;
	border-style: solid;
	border-radius: 1.5em;
	box-sizing: border-box;
	color: transparent !important;
	padding: 0;
	pointer-events: none;
	outline: none !important;
	box-shadow: none !important;
	border-color: var(--den-vg-gtc-morevideos-bc-btn, #000000);
	border-top-color: transparent;
}

@media screen and (max-width: 767px) {
	.den-vg-engine-content .den-vg-engine-content__title {
		font-size: var(--den-vg-content-fz-h1, 22px);
	}
	.den-vg-engine-content .den-vg-engine-content__morevideos {
		grid-template-columns: var(--den-vg-gtc-morevideos, repeat(1,minmax(0,1fr)));
	}
}