.algra-paddle-checkout {
	margin: 0 auto;
	max-width: 640px;
}

.algra-paddle-checkout--overlay {
	text-align: center;
}

.algra-paddle-checkout__instructions {
	margin-bottom: 1em;
}

.algra-paddle-checkout__status {
	margin-bottom: 1em;
	opacity: 0.75;
	font-size: 0.9em;
}

.algra-paddle-checkout__status.is-error {
	color: #b32d2e;
	opacity: 1;
}

.algra-paddle-checkout__status.is-success {
	color: #1e7ef2;
	opacity: 1;
}

.algra-paddle-checkout-frame {
	min-height: 0;
}

.algra-paddle-checkout--inline .algra-paddle-checkout-frame {
	min-height: 450px;
}

.algra-paddle-checkout--inline .algra-paddle-checkout__open {
	display: none;
}

.algra-paddle-checkout .paddle-frame {
	transition: opacity 0.2s ease-in-out;
}

/* Card fields embedded in the block checkout. */
.algra-paddle-blocks-description {
	margin-bottom: 0.75em;
}

.algra-paddle-blocks-status {
	margin: 0.5em 0;
	font-size: 0.9em;
	opacity: 0.75;
}

.algra-paddle-blocks-status.is-error {
	color: #b32d2e;
	opacity: 1;
}

.algra-paddle-blocks-status.is-finishing {
	color: #1e7ef2;
	opacity: 1;
}

.algra-paddle-blocks-frame:not(:empty) {
	margin-top: 0.5em;
	min-height: 450px;
}

/* Paddle renders its own pay button inside the frame, so WooCommerce's would
   be a second, non-functional one. */
body.algra-paddle-hide-place-order .wc-block-components-checkout-place-order-button {
	display: none !important;
}