.wsf-form .StripeElement.wsf-field {
	background-color: var(--wsf-field-color-background);
	border: var(--wsf-field-border);
	border-radius: var(--wsf-field-border-radius);
	color: var(--wsf-field-color);
	cursor: text;
	font-family: var(--wsf-form-font-family);
	font-size: var(--wsf-form-font-size);
	font-weight: var(--wsf-form-font-weight);
	height: var(--wsf-field-height);
	line-height: var(--wsf-field-line-height);
	padding: var(--wsf-field-padding);
	width: 100%;
}

.wsf-form .StripeElement.wsf-field:hover {
	background-color: var(--wsf-field-color-background-hover);
	border-color: var(--wsf-field-border-color-hover);
	color: var(--wsf-field-color-hover);
}

.wsf-form .StripeElement.wsf-field.StripeElement--focus {
	background-color: var(--wsf-field-color-background-focus);
	border-color: var(--wsf-field-border-color-focus);
	box-shadow: var(--wsf-form-box-shadow);
	color: var(--wsf-field-color-focus);
	outline: 0;
}

.wsf-form .StripeElement.wsf-field.StripeElement--invalid {
	background-color: var(--wsf-field-color-background-invalid);
	border-color: var(--wsf-field-border-color-invalid);
	color: var(--wsf-field-color-invalid);
}

.wsf-form .StripeElement.wsf-field.StripeElement--invalid.StripeElement--focus {
	box-shadow: var(--wsf-form-box-shadow);
}

.wsf-form .StripeElement--webkit-autofill {
	background-color: var(--wsf-field-color-background) !important;
}

.wsf-form .StripeElement.callout {
	padding: 0.5rem;
}

.wsf-form.wsf-transition .StripeElement.wsf-field {
	transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}