/*
 * Glowence Lottie.
 *
 * The player box takes the widget width; its height comes from the animation,
 * the Aspect Ratio control or the Height control, in that order of preference.
 */

/* Full width by default, so the player never collapses inside a centred column. */
.elementor-widget-glowence-lottie {
	width: 100%;
}

.glowence-lottie-wrap {
	display: flex;
	height: 100%;
	justify-content: center;
}

.glowence-lottie {
	--glw-lottie-bg: transparent;

	position: relative;
	width: 100%;
	max-width: 100%;
	background-color: var(--glw-lottie-bg);
}

.glowence-lottie svg {
	display: block;
}

.glowence-lottie-empty {
	padding: 2rem 1rem;
	border: 1px dashed var(--e-global-color-glw_light_gray, #e2dfde);
	border-radius: 0.5rem;
	color: var(--e-global-color-text, #6f6c6a);
	font-size: 0.875rem;
	text-align: center;
}