.jet-form-builder{
	--vsk-jfb__clr-theme: var(--e-global-color-text);
	
	--vsk-jfb__transition-duration: 0.4s;
	--vsk-jfb__transition-ease: cubic-bezier(0.5, 1, 0.89, 1);
	--vsk-jfb__transition: all var( --vsk-jfb__transition-duration ) var( --vsk-jfb__transition-ease );
	--vsk-jfb__gap: 12px;
	--vsk-jfb__radius: 12px;
	@supports(corner-shape: squircle){
		--vsk-jfb__radius: 32px!important;
	}
	--vsk-jfb__label-top-offset: .6em;
    --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-base: var(--e-global-color-accent);
	--vsk-jfb__clr-border: hsla(from var(--e-global-color-text) h s l / .5);
	--vsk-jfb__clr-border-active: hsla(from var(--vsk-jfb__clr-base) h s l / 1);
	--vsk-jfb__clr-bg: transparent;
	--vsk-jfb__clr-bg-active: hsla(from var(--vsk-jfb__clr-base) h s l / .2);
	
	--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;
}

.wp-block-spacer{
	margin:0!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-radio-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
		, .field-type-advanced-media-field
		, .vsk-ps){
    position: relative;
    padding: 1.3em 1em 0.2em 1em!important;
	border-style: solid!important;
	border-width: 1px!important;
	border-color: var(--vsk-jfb__clr-border)!important;
	border-radius: var(--vsk-jfb__radius)!important;
	@supports(corner-shape: squircle){
		corner-shape: squircle!important;
	}
	background-color: var(--vsk-jfb__clr-bg)!important;
    transition: border-color var( --vsk-jfb__transition-duration ) var( --vsk-jfb__transition-ease )
		, background-color var( --vsk-jfb__transition-duration ) var( --vsk-jfb__transition-ease )!important;
    margin-bottom: 12px!important;
}

/* Select2 autcomoplete */
.jet-form-builder-row.field-type-select-field:has(.select2-selection) label{
	margin-bottom: .5em!important;
}
.vsk-floating-label .select2-selection{
	position: relative;
    padding: .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: border var( --vsk-jfb__transition-duration ) var( --vsk-jfb__transition-ease )
		, background-color var( --vsk-jfb__transition-duration ) var( --vsk-jfb__transition-ease )!important;
    margin-bottom: 12px!important;
}
.vsk-floating-label .select2-selection .select2-selection__choice{
	border-radius: 100vw!important;
	background: var(--vsk-jfb__clr-bg-active)!important;
	padding: 0 .5em!important;
}
.vsk-floating-label .select2-dropdown{
	border: 1px solid var(--vsk-jfb__clr-border)!important;
	border-radius: var(--vsk-jfb__radius)!important;
	background-color: var(--e-global-color-a213cc5)!important;
}
.vsk-floating-label .select2-results__option--highlighted,
.vsk-floating-label .select2-results__option[aria-selected="true"]{
	background-color: var(--vsk-jfb__clr-bg-active)!important;
}

.vsk-floating-label .select2-container .select2-selection--single{
	height: auto!important;
	padding: 0.5em 1.3em .5em 1em !important;
}
.vsk-floating-label .select2-container--default .select2-selection--single .select2-selection__rendered{
	color: var(--e-global-color-text)!important;
	padding: 0!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-radio-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
		, .field-type-advanced-media-field) 
		.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-jfb__transition-duration ) var( --vsk-jfb__transition-ease );
    width: 100%;
}

/* Active input */
.vsk-floating-label .jet-form-builder-row:not(.field-type-checkbox-field, .field-type-radio-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-advanced-media-field
		, .field-type-switcher):has(input:focus-visible
			, textarea:focus-visible),
.vsk-floating-label .jet-form-builder-advanced-media__dropzone:is(:hover, :focus-visible){
    border-color: 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-radio-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-radio-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-advanced-media-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;
}



/* ---------------------- Advanced Media Drag&Drop */
.vsk-floating-label .jet-form-builder-advanced-media__dropzone{
	position: relative;
    padding: 1.3em 1em 0.2em 1em!important;
	border: 1px dashed var(--vsk-jfb__clr-border)!important;
	border-radius: var(--vsk-jfb__radius)!important;
	@supports(corner-shape: squircle){
		corner-shape: squircle!important;
	}
	background-color: var(--vsk-jfb__clr-bg)!important;
    transition: border var( --vsk-jfb__transition-duration ) var( --vsk-jfb__transition-ease )
		, background-color var( --vsk-jfb__transition-duration ) var( --vsk-jfb__transition-ease )!important;
}

/* Main label */
.vsk-floating-label .jet-form-builder-advanced-media__placeholder{
	font-family: var(--e-global-typography-0128227-font-family), Sans-serif;
    font-size: var(--e-global-typography-0128227-font-size);
    font-weight: var(--e-global-typography-0128227-font-weight);
    font-style: var(--e-global-typography-0128227-font-style);
    text-transform: var(--e-global-typography-0128227-text-transform);
    text-decoration: var(--e-global-typography-0128227-text-decoration);
    line-height: var(--e-global-typography-0128227-line-height);
    letter-spacing: var(--e-global-typography-0128227-letter-spacing);
    word-spacing: var(--e-global-typography-0128227-word-spacing);
}

/* Limit & allowed types message */
.vsk-floating-label .jet-form-builder-advanced-media__limit,
.vsk-floating-label .jet-form-builder-advanced-media__message,
.vsk-floating-label .jet-form-builder-advanced-media__filename-display{
	font-family: var(--e-global-typography-c839977-font-family), Sans-serif;
    font-size: var(--e-global-typography-c839977-font-size)!important;
    font-weight: var(--e-global-typography-c839977-font-weight);
    font-style: var(--e-global-typography-c839977-font-style);
    text-transform: var(--e-global-typography-c839977-text-transform);
    text-decoration: var(--e-global-typography-c839977-text-decoration);
    line-height: var(--e-global-typography-c839977-line-height);
    letter-spacing: var(--e-global-typography-c839977-letter-spacing);
    word-spacing: var(--e-global-typography-c839977-word-spacing);
}

.vsk-floating-label .jet-form-builder-advanced-media__message{
	margin-top: 16px!important;
}

/* Error message */
.vsk-floating-label .jet-form-builder-advanced-media-error {
	border: 1px solid var(--vsk-jfb__clr-error-fg)!important;
	border-radius: var(--vsk-jfb__radius)!important;
	@supports(corner-shape: squircle){
		corner-shape: squircle!important;
	}
	background-color: var(--vsk-jfb__clr-error-bg)!important;
	color: var(--vsk-jfb__clr-error-fg)!important;
}

/* File tile item */
.vsk-floating-label .jet-form-builder-advanced-media-file-upload__file{
	border: 1px solid var(--vsk-jfb__clr-border-active)!important;
	border-radius: var(--vsk-jfb__radius)!important;
	@supports(corner-shape: squircle){
		corner-shape: squircle!important;
	}
}
.vsk-floating-label .file-type-document.file-type-pdf,
.vsk-floating-label .jet-form-builder-advanced-media__filename-display{
	background-color: var(--vsk-jfb__clr-bg-active)!important;
}

.vsk-floating-label .jet-form-builder-advanced-media__filename-display{
	border-top: 1px solid var(--vsk-jfb__clr-border-active)!important;
}