/**
 * Checkout: Chargebee.js card component (classic + Blocks).
 * Border tokens follow the active theme / WooCommerce checkout fields.
 */
.payment_method_chargebee #chargebee-card-element.cbi-card-element,
.cbi-card-element {
	box-sizing: border-box;
	width: 100%;
	color: inherit;
	background-color: var(--wp--preset--color--base, transparent);
	border: 1px solid var(--wp--preset--color--contrast, currentColor);
	border-radius: 4px;
	padding: 0.75em 1em;
}

.wc-block-checkout .cbi-card-element {
	border-color: color-mix(in srgb, currentColor 80%, transparent);
}

.payment_method_chargebee #chargebee-card-element.cbi-card-element:focus-within,
.wc-block-checkout .cbi-card-element:focus-within {
	outline: 2px solid currentColor;
	outline-offset: 1px;
}

.payment_method_chargebee #chargebee-card-element.cbi-card-element iframe,
.cbi-card-element iframe {
	display: block;
	width: 100%;
	max-width: 100%;
}

.payment_method_chargebee #chargebee-errors.cbi-errors,
.cbi-errors {
	margin-top: 0.5em;
}