.dc-3d-object-wrap {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	background: transparent;
	position: relative;
	pointer-events: auto;
}

.dc-3d-object-wrap canvas {
	display: block;
	width: 100% !important;
	height: 100% !important;
	background: transparent !important;
	cursor: default;
}

.dc-3d-object-wrap--pending {
	background: transparent;
	min-height: 1px;
}

.dc-3d-object-wrap--pending::after {
	content: "";
	position: absolute;
	inset: 50% auto auto 50%;
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	border: 2px solid rgba(0, 0, 0, 0.08);
	border-top-color: rgba(0, 0, 0, 0.25);
	border-radius: 50%;
	animation: dc-3d-spin 0.8s linear infinite;
}

.dc-3d-object-wrap--error::after {
	content: none;
}

@keyframes dc-3d-spin {
	to {
		transform: rotate(360deg);
	}
}

html.dc-lenis-active {
	scroll-behavior: auto !important;
}

html.dc-lenis-active.lenis,
html.dc-lenis-active.lenis body {
	height: auto;
}

html.dc-lenis-active.lenis body {
	overflow-x: hidden;
}