.akvamir-phone-auth {
	max-width: 480px;
	margin: 0 auto 32px;
	padding: 28px;
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 10px;
}

.akvamir-phone-auth h2 {
	margin: 0 0 8px;
}

.akvamir-phone-auth__intro {
	margin: 0 0 20px;
}

.akvamir-phone-auth__form,
.akvamir-phone-auth__verify {
	display: grid;
	gap: 12px;
}

.akvamir-phone-auth input {
	width: 100%;
	min-height: 44px;
}

.akvamir-phone-auth__resend {
	padding: 0;
	border: 0;
	background: transparent;
	text-align: left;
	text-decoration: underline;
	cursor: pointer;
}

.akvamir-phone-auth__resend:disabled {
	text-decoration: none;
	cursor: default;
	opacity: .6;
}

.akvamir-phone-auth__message {
	min-height: 1.5em;
	margin: 16px 0 0;
}

.akvamir-phone-auth__message.is-error {
	color: #b42318;
}

/* The phone flow replaces WooCommerce's email/password forms for storefront visitors only. */
.woocommerce-account .akvamir-phone-auth ~ .u-columns {
	display: none;
}