/* ==========================================================================
   Lottie (.sentio-lottie)
   ==========================================================================
   Extracted from frontend.css during the Batch 8 mechanical extraction
   (2026-04-18). Behavior-preserving.
   Uses Lottie-web (vendor handle: lottie) per authoring-guide §4 Custom-deps.
   ========================================================================== */

.sentio-lottie {
	text-align: center;
}

.sentio-lottie__link {
	display: inline-block;
	text-decoration: none;
	color: inherit;
}

.sentio-lottie__container {
	display: inline-block;
	width: 100%;
}

.sentio-lottie__container svg,
.sentio-lottie__container canvas {
	display: block;
	width: 100%;
	height: auto;
}

/* Cursor tracking trigger — interactive cursor */
.sentio-lottie[data-sentio-lottie*='"trigger":"cursor"'] {
	cursor: ew-resize;
}

/* Editor empty state */
.sentio-lottie--empty {
	padding: 40px 20px;
	background: #f5f5f5;
	border: 2px dashed #ccc;
	border-radius: 4px;
	text-align: center;
	color: #666;
	font-size: 14px;
}