.ki-label-wrap {
	position: relative;
	display: inline-block;
	max-width: 100%;
	vertical-align: top;
}

.ki-generiert-label {
	position: absolute;
	z-index: 9999;
	background: var( --kibk-bg, rgba( 0, 0, 0, 0.72 ) );
	color: var( --kibk-color, #fff );
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	font-size: var( --kibk-font-size, 11px );
	line-height: 1.4;
	font-weight: 500;
	letter-spacing: 0.02em;
	padding: 2px 7px;
	border-radius: 3px;
	white-space: nowrap;
	pointer-events: none;
}

.ki-generiert-label--bottom-right {
	right: var( --kibk-edge-bottom-right, 6px );
	bottom: var( --kibk-edge-bottom-right, 6px );
}

.ki-generiert-label--bottom-left {
	left: var( --kibk-edge-bottom-left, 6px );
	bottom: var( --kibk-edge-bottom-left, 6px );
}

.ki-generiert-label--top-right {
	right: var( --kibk-edge-top-right, 6px );
	top: var( --kibk-edge-top-right, 6px );
}

.ki-generiert-label--top-left {
	left: var( --kibk-edge-top-left, 6px );
	top: var( --kibk-edge-top-left, 6px );
}

.ki-generiert-label--center {
	left: 50%;
	top: 50%;
	transform: translate( -50%, -50% );
}

.ki-generiert-label--custom {
	left: var( --kibk-x, 50% );
	top: var( --kibk-y, 50% );
	transform: translate( -50%, -50% );
}