.jet-form-builder{
	--vsk-jfb__clr-theme: var(--e-global-color-text);
	
	--vsk-jfb__transition-duration: 0.4s;
	--vsk-jfb__transition: all var( --vsk-jfb__transition-duration ) var( --vsk-transition-ease );
	--vsk-jfb__gap: 12px;
	--vsk-jfb__radius: 8px;
	
	--vsk-jfb__label-top-offset: 0.75em;
    --vsk-jfb__margin-top-base: calc(-1 * var( --vsk-jfb__label-top-offset));
    --vsk-jfb__margin-top: var(--vsk-jfb__margin-top-base);
	
	--vsk-jfb__clr-border: var(--e-global-color-secondary);
	--vsk-jfb__clr-border-active: var(--e-global-color-accent);
	--vsk-jfb__clr-bg: transparent;
	--vsk-jfb__clr-bg-active: rgba(255,255,255, .25);
	
	--vsk-jfb__clr-info-bg: #e9ffd1;
	--vsk-jfb__clr-info-fg: #41b823;
	
	--vsk-jfb__clr-warning-bg: #ffddbf;
	--vsk-jfb__clr-warning-fg: #b86d23;
	
	--vsk-jfb__clr-error-bg: #ffd1d1;
	--vsk-jfb__clr-error-fg: #b82323;
}

.vsk-jfb-white .jet-form-builder{
	--vsk-jfb__clr-theme: white;
}

.no-margin-bottom .jet-form-builder-row,
.jet-form-builder-row:has(.no-margin-bottom){
	margin-bottom: var(--vsk-gap-s)!important;
}

.wp-block-columns.vsk-jfb__no-margin :where(.jet-form-builder-row){
	margin-bottom: var(--vsk-jfb__gap)!important;
}

.jet-form-builder-row:has(.vsk-jfb-no-margin):not(:last-child){
	margin-bottom: var(--vsk-jfb__gap)!important;
}

.wp-block-columns{
	margin: 0!important;
	gap: var(--vsk-jfb__gap)!important;
}

@media (max-width: 767px){
	
	.wp-block-columns{
		gap: 0px!important;
	}
}

.vsk-floating-label .jet-form-builder-row:not(.field-type-checkbox-field
		, .field-type-choices-field
		, .field-type-appointment-date
		, .field-type-submit-field
		, .captcha-token-container
		, .field-type-heading-field
		, .field-type-check-in-out
		, .field-type-number-field
		, .field-type-select-field
		, .field-type-switcher){
    position: relative;
    padding: 1.3em 1em 0.2em 1em!important;
	border: 1px solid var(--vsk-jfb__clr-border)!important;
	border-radius: var(--vsk-jfb__radius)!important;
	background-color: var(--vsk-jfb__clr-bg)!important;
    transition: all var(--vsk-transition-ease) 0.3s;
    margin-bottom: 12px!important;
}

.vsk-floating-label .jet-form-builder-row.field-type-submit-field{
    padding: 0!important;
	border: none!important;
}

.vsk-floating-label :where(input, textarea){
    border: none!important;
    background-color: transparent;
    padding: 0!important;
	outline: 0!important;
}
.vsk-floating-label :where(input, textarea):-webkit-autofill{
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: var(--vsk-jfb__clr-theme)!important;
    transition: background-color 5000s ease-in-out 0s!important;

}

.vsk-floating-label ::placeholder{
    font-size: 0!important;
}

.vsk-floating-label .jet-form-builder-row:not(.field-type-checkbox-field
		, .field-type-choices-field
		, .field-type-appointment-date
		, .field-type-calculated-field
		, .field-type-heading-field
		, .field-type-check-in-out
		, .field-type-number-field
		, .field-type-select-field
		, .field-type-switcher) 
		.jet-form-builder__label{
    position: absolute;
    top: var(--vsk-jfb__label-top-offset);
    z-index: 5;
}

.vsk-floating-label .jet-form-builder__label,
.vsk-floating-label .jet-form-builder__label-text{
    transition: all var(--vsk-transition-ease) 0.3s;
    width: 100%;
}

/* Active input */
.vsk-floating-label .jet-form-builder-row:not(.field-type-checkbox-field
		, .field-type-choices-field
		, .field-type-appointment-date
		, .field-type-calculated-field
		, .field-type-heading-field
		, .field-type-check-in-out
		, .field-type-number-field
		, .field-type-select-field
		, .field-type-switcher):has(input:focus-visible
			, textarea:focus-visible){
    border: 1px solid var(--vsk-jfb__clr-border-active)!important;
	background-color: var(--vsk-jfb__clr-bg-active)!important;
}

/* Active input label */
.vsk-floating-label .jet-form-builder-row:not(.field-type-checkbox-field
		, .field-type-choices-field
		, .field-type-appointment-date
		, .field-type-calculated-field
		, .field-type-heading-field
		, .field-type-check-in-out
		, .field-type-number-field
		, .field-type-select-field
		, .field-type-switcher):has(input:focus-visible
			, input:not(:placeholder-shown)
			, textarea:focus-visible
			, textarea:not(:placeholder-shown)) 
		.jet-form-builder__label{
    top: -.2em!important;
}

/* Active input label text*/
.vsk-floating-label .jet-form-builder-row:not(.field-type-checkbox-field
		, .field-type-choices-field
		, .field-type-appointment-date
		, .field-type-calculated-field
		, .field-type-heading-field
		, .field-type-check-in-out
		, .field-type-number-field
		, .field-type-select-field
		, .field-type-switcher):has(input:focus-visible
			, input:not(:placeholder-shown)
			, textarea:focus-visible
			, textarea:not(:placeholder-shown)) 
		.jet-form-builder__label-text{
    top: 0em!important;
    font-size: 10px!important;
    opacity: 0.8;
}

.vsk-floating-label .vsk-ps,
.vsk-floating-label .vsk-ps *{
    color: var(--vsk-jfb__clr-theme);
}

.jet-form-builder__field-wrap.checkradio-wrap span{
	align-items: flex-start!important;
}
.jet-form-builder__field-wrap.checkradio-wrap span::before{
	margin-top: 2px;
}

.captcha-token-container{
	margin: 24px 0 0 0!important;
}