.pro-restrict {
	position: relative;
}
.pro-restrict:not(.pro-append,.pro-prepend)::after {
	content: 'Pro version only';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-shadow: 0px 0px 2px #000, 0px 0px 5px #222;
}
.pro-restrict.pro-prepend::before {
	content: 'Pro';
	position: static;
	padding: 4px 6px;
	background: #fc0;
	color: #111;
	border-radius: 33%;
}
.pro-restrict.pro-append:not(:has(> :is(h2,h3)))::after {
	content: 'Pro';
	position: static;
	padding: 4px 6px;
	background: #fc0;
	color: #111;
	border-radius: 33%;
}
.pro-restrict.pro-append:has(> :is(h2,h3)) > :is(h2,h3)::after {
	content: 'Pro';
	position: static;
	padding: 4px 6px;
	font-size: 14px;
	background: #fc0;
	margin-left: 10px;
	color: #111;
	border-radius: 33%;
}

.pro-restrict > * {
	opacity: 0.5 !important;
}

.pro-restrict.pro-deny > * {
	pointer-events: none;
}

#control-pane .pane-contents .pro-restrict button,
#control-pane .pane-contents .pro-restrict input,
#control-pane .pane-contents .pro-restrict .btn {
	cursor: not-allowed;
}