.layer8-cap-field {
	display: grid;
	margin: 0.15rem 0 0.35rem;
}

.layer8-cap-field cap-widget {
	width: 100%;
	max-width: 100%;
	--cap-background: var(--white, #fff);
	--cap-border-color: rgba(39, 42, 81, 0.16);
	--cap-border-radius: var(--radius-sm, 6px);
	--cap-widget-width: 100%;
	--cap-widget-height: 3.35rem;
	--cap-widget-padding: 0.7rem 0.9rem;
	--cap-color: var(--navy-900, #272a51);
	--cap-checkbox-border: 1px solid rgba(39, 42, 81, 0.24);
	--cap-checkbox-border-radius: 6px;
	--cap-checkbox-background: var(--white, #fff);
	--cap-font: var(--font-body, inherit);
	--cap-spinner-color: var(--blue-700, #134395);
	--cap-spinner-background-color: rgba(39, 42, 81, 0.12);
	--cap-focus-ring: var(--cyan-500, #15b8d6);
}

.layer8-cap-field--invisible {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.layer8-cap-field--woocommerce-checkout,
.layer8-cap-field--checkout-block {
	margin: 1rem 0 1.25rem;
}

.layer8-cap-field--checkout-block {
	padding: 1.15rem;
	border: 1px solid rgba(39, 42, 81, 0.12);
	border-radius: var(--radius-md, 8px);
	background: rgba(255, 255, 255, 0.94);
}

.layer8-auth-card .layer8-cap-field,
.login .layer8-cap-field {
	margin: 0.75rem 0 1rem;
}