.wachapp-windows-passkey-page {
	min-height: calc(100svh - 10rem);
	display: flex;
	align-items: center;
}

.wachapp-windows-passkey-page > .row {
	width: 100%;
}

.wachapp-windows-passkey-card {
	background:
		radial-gradient(circle at 100% 0, rgba(var(--bs-primary-rgb), .12), transparent 34%),
		var(--bs-body-bg);
}

.wachapp-windows-passkey-icon,
.wachapp-windows-passkey-user-icon,
.wachapp-windows-passkey-status-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}

.wachapp-windows-passkey-icon {
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 1rem;
	font-size: 1.5rem;
	color: var(--bs-primary-text-emphasis);
	background: var(--bs-primary-bg-subtle);
	box-shadow: inset 0 0 0 1px rgba(var(--bs-primary-rgb), .12);
}

.wachapp-windows-passkey-user-icon {
	width: 2.75rem;
	height: 2.75rem;
	border-radius: .85rem;
	font-size: 1.15rem;
	color: var(--bs-success-text-emphasis);
	background: var(--bs-success-bg-subtle);
}

.wachapp-windows-passkey-status-icon {
	width: 4.5rem;
	height: 4.5rem;
	margin-inline: auto;
	border-radius: 50%;
	font-size: 2.25rem;
	color: var(--bs-primary-text-emphasis);
	background: var(--bs-primary-bg-subtle);
}

.wachapp-windows-passkey-status-icon.is-success {
	color: var(--bs-success-text-emphasis);
	background: var(--bs-success-bg-subtle);
}

.wachapp-windows-passkey-page .btn-lg {
	min-height: 3.25rem;
}

.wachapp-windows-passkey-page .min-w-0 {
	min-width: 0;
}

@media (max-width: 575.98px) {
	.wachapp-windows-passkey-page {
		align-items: flex-start;
	}

	.wachapp-windows-passkey-card .card-body {
		padding: 1.25rem;
	}

	.wachapp-windows-passkey-icon {
		width: 3rem;
		height: 3rem;
		font-size: 1.25rem;
	}
}