.text-image-background {
	background-color: transparent;
	color: inherit;
	display: inline-block;
	position: relative;
	white-space: nowrap;
}

.text-image-background::after,
.text-image-background--image,
.text-image-background--vector {
	aspect-ratio: var(--aspect-ratio);
	display: block;
	height: var(--width, 100%);
	left: var(--position-x, 50%);
	opacity: var(--opacity, 1);
	pointer-events: none;
	position: absolute;
	text-align: center;
	top: var(--position-y, 50%);
	transform: translate(var(--anchor-x, -50%), var(--anchor-y, -50%)) rotate(var(--rotation, 0deg));
	transform-origin: center;
	user-select: none;
	white-space: nowrap;
	width: var(--width, 100%);
	z-index: var(--position-z, -1);
}

.text-image-background::after {
	background-image: var(--image-url);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	content: '';
}

.text-image-background--is-vector[data-draw-paths=true]::after {
	content: none;
}