/* BB Render Label — overlay-styling. */

.bbrl-wrap {
	position: relative;
	display: inline-block;
	max-width: 100%;
}

.bbrl-badge {
	position: absolute;
	width: var( --bbrl-size, 20% );
	height: auto;
	max-width: 60%;
	margin: 0 !important;
	opacity: var( --bbrl-opacity, 1 );
	pointer-events: none;
	z-index: 2;
}

.bbrl-pos-br .bbrl-badge {
	right: var( --bbrl-margin, 16px );
	bottom: var( --bbrl-margin, 16px );
}

.bbrl-pos-bl .bbrl-badge {
	left: var( --bbrl-margin, 16px );
	bottom: var( --bbrl-margin, 16px );
}

.bbrl-pos-tr .bbrl-badge {
	right: var( --bbrl-margin, 16px );
	top: var( --bbrl-margin, 16px );
}

.bbrl-pos-tl .bbrl-badge {
	left: var( --bbrl-margin, 16px );
	top: var( --bbrl-margin, 16px );
}

.bbrl-pos-center .bbrl-badge {
	left: 50%;
	top: 50%;
	transform: translate( -50%, -50% );
}