.mbdgp-security-panel {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 7px 18px;
	margin: 8px 0 2px;
	padding: 15px 17px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 12px;
	background: rgba(255, 255, 255, .035);
	color: #fff;
}

.mbdgp-security-panel > strong {
	font-size: 12px;
	letter-spacing: .03em;
}

.mbdgp-security-status {
	grid-column: 1;
	color: rgba(255, 255, 255, .62);
	font-size: 11px;
	line-height: 1.45;
}

.mbdgp-security-status.is-ready {
	color: #dfff63;
}

.mbdgp-security-status.is-error {
	color: #ffaaa4;
}

.mbdgp-turnstile {
	grid-column: 2;
	grid-row: 1 / span 2;
	min-width: 120px;
}

.mbdgp-turnstile:empty {
	min-height: 32px;
}

@media (max-width: 580px) {
	.mbdgp-security-panel {
		grid-template-columns: 1fr;
	}

	.mbdgp-turnstile {
		grid-column: 1;
		grid-row: auto;
		width: 100%;
	}
}