vueform.css

@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap");
form *, form ::before, form ::after{
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: currentColor;
}
form ::before, form ::after{
  --tw-content: ;
}
form hr{
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
form abbr:where([title]){
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
form h1, form h2, form h3, form h4, form h5, form h6{
  font-size: inherit;
  font-weight: inherit;
}
form a{
  color: inherit;
  text-decoration: inherit;
}
form b, form strong{
  font-weight: bolder;
}
form code, form kbd, form samp, form pre{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
form small{
  font-size: 80%;
}
form sub, form sup{
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
form sub{
  bottom: -0.25em;
}
form sup{
  top: -0.5em;
}
form table{
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
form button, form input, form optgroup, form select, form textarea{
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
form button, form select{
  text-transform: none;
}
form button, form input:where([type='button']), form input:where([type='reset']), form input:where([type='submit']){
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
form :-moz-focusring{
  outline: auto;
}
form :-moz-ui-invalid{
  box-shadow: none;
}
form progress{
  vertical-align: baseline;
}
form ::-webkit-inner-spin-button, form ::-webkit-outer-spin-button{
  height: auto;
}
form [type='search']{
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
form ::-webkit-search-decoration{
  -webkit-appearance: none;
}
form ::-webkit-file-upload-button{
  -webkit-appearance: button;
  font: inherit;
}
form summary{
  display: list-item;
}
form blockquote, form dl, form dd, form h1, form h2, form h3, form h4, form h5, form h6, form hr, form figure, form p, form pre{
  margin: 0;
}
form fieldset{
  margin: 0;
  padding: 0;
}
form legend{
  padding: 0;
}
form ol, form ul, form menu{
  list-style: none;
  margin: 0;
  padding: 0;
}
form dialog{
  padding: 0;
}
form textarea{
  resize: vertical;
}
form input::-moz-placeholder, form textarea::-moz-placeholder{
  opacity: 1;
  color: var(--vf-color-placeholder);
}
form input::placeholder, form textarea::placeholder{
  opacity: 1;
  color: var(--vf-color-placeholder);
}
form button, form [role="button"]{
  cursor: pointer;
}
form :disabled{
  cursor: default;
}
form img, form svg, form video, form canvas, form audio, form iframe, form embed, form object{
  display: block;
  vertical-align: middle;
}
form img, form video{
  max-width: 100%;
  height: auto;
}
form [hidden]{
  display: none;
}
[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[type='checkbox'],[type='radio'],[multiple],textarea,select{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: var(--vf-font-size);
  line-height: var(--vf-line-height);
  letter-spacing: var(--vf-letter-spacing);
}
[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [type='checkbox']:focus, [type='radio']:focus, [multiple]:focus, textarea:focus, select:focus{
  outline: none;
}
[type='text']::-webkit-search-decoration, [type='email']::-webkit-search-decoration, [type='url']::-webkit-search-decoration, [type='password']::-webkit-search-decoration, [type='number']::-webkit-search-decoration, [type='date']::-webkit-search-decoration, [type='datetime-local']::-webkit-search-decoration, [type='month']::-webkit-search-decoration, [type='search']::-webkit-search-decoration, [type='tel']::-webkit-search-decoration, [type='time']::-webkit-search-decoration, [type='week']::-webkit-search-decoration, [type='checkbox']::-webkit-search-decoration, [type='radio']::-webkit-search-decoration, [multiple]::-webkit-search-decoration, textarea::-webkit-search-decoration, select::-webkit-search-decoration{
  -webkit-appearance: none;
}
[type='text']::-webkit-search-cancel-button, [type='email']::-webkit-search-cancel-button, [type='url']::-webkit-search-cancel-button, [type='password']::-webkit-search-cancel-button, [type='number']::-webkit-search-cancel-button, [type='date']::-webkit-search-cancel-button, [type='datetime-local']::-webkit-search-cancel-button, [type='month']::-webkit-search-cancel-button, [type='search']::-webkit-search-cancel-button, [type='tel']::-webkit-search-cancel-button, [type='time']::-webkit-search-cancel-button, [type='week']::-webkit-search-cancel-button, [type='checkbox']::-webkit-search-cancel-button, [type='radio']::-webkit-search-cancel-button, [multiple]::-webkit-search-cancel-button, textarea::-webkit-search-cancel-button, select::-webkit-search-cancel-button{
  -webkit-appearance: none;
}
[type='text']::-webkit-search-results-button, [type='email']::-webkit-search-results-button, [type='url']::-webkit-search-results-button, [type='password']::-webkit-search-results-button, [type='number']::-webkit-search-results-button, [type='date']::-webkit-search-results-button, [type='datetime-local']::-webkit-search-results-button, [type='month']::-webkit-search-results-button, [type='search']::-webkit-search-results-button, [type='tel']::-webkit-search-results-button, [type='time']::-webkit-search-results-button, [type='week']::-webkit-search-results-button, [type='checkbox']::-webkit-search-results-button, [type='radio']::-webkit-search-results-button, [multiple]::-webkit-search-results-button, textarea::-webkit-search-results-button, select::-webkit-search-results-button{
  -webkit-appearance: none;
}
[type='text']::-webkit-search-results-decoration, [type='email']::-webkit-search-results-decoration, [type='url']::-webkit-search-results-decoration, [type='password']::-webkit-search-results-decoration, [type='number']::-webkit-search-results-decoration, [type='date']::-webkit-search-results-decoration, [type='datetime-local']::-webkit-search-results-decoration, [type='month']::-webkit-search-results-decoration, [type='search']::-webkit-search-results-decoration, [type='tel']::-webkit-search-results-decoration, [type='time']::-webkit-search-results-decoration, [type='week']::-webkit-search-results-decoration, [type='checkbox']::-webkit-search-results-decoration, [type='radio']::-webkit-search-results-decoration, [multiple]::-webkit-search-results-decoration, textarea::-webkit-search-results-decoration, select::-webkit-search-results-decoration{
  -webkit-appearance: none;
}
input::-moz-placeholder, textarea::-moz-placeholder{
  color: var(--vf-color-placeholder);
}
input::placeholder,textarea::placeholder{
  color: var(--vf-color-placeholder);
}
[multiple]{
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}
:root,:before,:after,*{
  --vf-primary: #07bf9b;
  --vf-primary-darker: #06ac8b;
  --vf-danger: #ef4444;
  --vf-danger-lighter: #fee2e2;
  --vf-success: #22c55e;
  --vf-success-lighter: #dcfce7;
  --vf-ring-color: #07bf9b66;
  --vf-ring-width: 2px;
  --vf-link-color: var(--vf-primary);
  --vf-link-decoration: none;
  --vf-gray-50: #fafbfc;
  --vf-gray-100: #f1f5f9;
  --vf-gray-200: #e2e8f0;
  --vf-gray-300: #cbd5e1;
  --vf-gray-400: #94a3b8;
  --vf-gray-500: #64748b;
  --vf-gray-600: #475569;
  --vf-gray-700: #334155;
  --vf-gray-800: #1e293b;
  --vf-gray-900: #0f172a;
  --vf-dark-50: #efefef;
  --vf-dark-100: #dcdcdc;
  --vf-dark-200: #bdbdbd;
  --vf-dark-300: #a0a0a0;
  --vf-dark-400: #848484;
  --vf-dark-500: #737373;
  --vf-dark-600: #393939;
  --vf-dark-700: #323232;
  --vf-dark-800: #262626;
  --vf-dark-900: #191919;
  --vf-font-size: 1rem;
  --vf-font-size-sm: 0.875rem;
  --vf-font-size-lg: 1rem;
  --vf-font-size-small: 0.875rem;
  --vf-font-size-small-sm: 0.8125rem;
  --vf-font-size-small-lg: 0.875rem;
  --vf-font-size-h1: 2.125rem;
  --vf-font-size-h1-sm: 2.125rem;
  --vf-font-size-h1-lg: 2.125rem;
  --vf-font-size-h2: 1.875rem;
  --vf-font-size-h2-sm: 1.875rem;
  --vf-font-size-h2-lg: 1.875rem;
  --vf-font-size-h3: 1.5rem;
  --vf-font-size-h3-sm: 1.5rem;
  --vf-font-size-h3-lg: 1.5rem;
  --vf-font-size-h4: 1.25rem;
  --vf-font-size-h4-sm: 1.25rem;
  --vf-font-size-h4-lg: 1.25rem;
  --vf-font-size-h1-mobile: 1.5rem;
  --vf-font-size-h1-mobile-sm: 1.5rem;
  --vf-font-size-h1-mobile-lg: 1.5rem;
  --vf-font-size-h2-mobile: 1.25rem;
  --vf-font-size-h2-mobile-sm: 1.25rem;
  --vf-font-size-h2-mobile-lg: 1.25rem;
  --vf-font-size-h3-mobile: 1.125rem;
  --vf-font-size-h3-mobile-sm: 1.125rem;
  --vf-font-size-h3-mobile-lg: 1.125rem;
  --vf-font-size-h4-mobile: 1rem;
  --vf-font-size-h4-mobile-sm: 1rem;
  --vf-font-size-h4-mobile-lg: 1rem;
  --vf-line-height: 1.5rem;
  --vf-line-height-sm: 1.25rem;
  --vf-line-height-lg: 1.5rem;
  --vf-line-height-small: 1.25rem;
  --vf-line-height-small-lg: 1.25rem;
  --vf-line-height-headings: 1.2;
  --vf-line-height-headings-sm: 1.2;
  --vf-line-height-headings-lg: 1.2;
  --vf-line-height-blockquote: 1.5rem;
  --vf-line-height-blockquote-sm: 1.25rem;
  --vf-line-height-blockquote-lg: 1.5rem;
  --vf-letter-spacing: 0;
  --vf-letter-spacing-sm: 0;
  --vf-letter-spacing-lg: 0;
  --vf-letter-spacing-small: 0;
  --vf-letter-spacing-small-sm: 0;
  --vf-letter-spacing-small-lg: 0;
  --vf-letter-spacing-headings: 0;
  --vf-letter-spacing-headings-sm: 0;
  --vf-letter-spacing-headings-lg: 0;
  --vf-letter-spacing-blockquote: 0;
  --vf-letter-spacing-blockquote-sm: 0;
  --vf-letter-spacing-blockquote-lg: 0;
  --vf-gutter: 1rem;
  --vf-gutter-sm: 0.5rem;
  --vf-gutter-lg: 1rem;
  --vf-min-height-input: 2.375rem;
  --vf-min-height-input-sm: 2.125rem;
  --vf-min-height-input-lg: 2.875rem;
  --vf-py-input: 0.375rem;
  --vf-py-input-sm: 0.375rem;
  --vf-py-input-lg: 0.625rem;
  --vf-px-input: 0.75rem;
  --vf-px-input-sm: 0.5rem;
  --vf-px-input-lg: 0.875rem;
  --vf-py-btn: 0.375rem;
  --vf-py-btn-sm: 0.375rem;
  --vf-py-btn-lg: 0.625rem;
  --vf-px-btn: 0.875rem;
  --vf-px-btn-sm: 0.75rem;
  --vf-px-btn-lg: 1.25rem;
  --vf-py-btn-small: 0.25rem;
  --vf-py-btn-small-sm: 0.25rem;
  --vf-py-btn-small-lg: 0.375rem;
  --vf-px-btn-small: 0.625rem;
  --vf-px-btn-small-sm: 0.625rem;
  --vf-px-btn-small-lg: 0.75rem;
  --vf-py-group-tabs: var(--vf-py-input);
  --vf-py-group-tabs-sm: var(--vf-py-input-sm);
  --vf-py-group-tabs-lg: var(--vf-py-input-lg);
  --vf-px-group-tabs: var(--vf-px-input);
  --vf-px-group-tabs-sm: var(--vf-px-input-sm);
  --vf-px-group-tabs-lg: var(--vf-px-input-lg);
  --vf-py-group-blocks: 0.75rem;
  --vf-py-group-blocks-sm: 0.625rem;
  --vf-py-group-blocks-lg: 0.875rem;
  --vf-px-group-blocks: 1rem;
  --vf-px-group-blocks-sm: 1rem;
  --vf-px-group-blocks-lg: 1rem;
  --vf-py-tag: 0px;
  --vf-py-tag-sm: var(--vf-py-tag);
  --vf-py-tag-lg: var(--vf-py-tag);
  --vf-px-tag: 0.4375rem;
  --vf-px-tag-sm: var(--vf-px-tag);
  --vf-px-tag-lg: var(--vf-px-tag);
  --vf-py-slider-tooltip: 0.125rem;
  --vf-py-slider-tooltip-sm: 0.0625rem;
  --vf-py-slider-tooltip-lg: 0.1875rem;
  --vf-px-slider-tooltip: 0.375rem;
  --vf-px-slider-tooltip-sm: 0.3125rem;
  --vf-px-slider-tooltip-lg: 0.5rem;
  --vf-py-blockquote: 0.25rem;
  --vf-py-blockquote-sm: 0.25rem;
  --vf-py-blockquote-lg: 0.25rem;
  --vf-px-blockquote: 0.75rem;
  --vf-px-blockquote-sm: 0.75rem;
  --vf-px-blockquote-lg: 0.75rem;
  --vf-py-hr: 0.25rem;
  --vf-space-addon: 0px;
  --vf-space-addon-sm: var(--vf-space-addon);
  --vf-space-addon-lg: var(--vf-space-addon);
  --vf-space-checkbox: 0.375rem;
  --vf-space-checkbox-sm: var(--vf-space-checkbox);
  --vf-space-checkbox-lg: var(--vf-space-checkbox);
  --vf-space-tags: 0.1875rem;
  --vf-space-tags-sm: var(--vf-space-tags);
  --vf-space-tags-lg: var(--vf-space-tags);
  --vf-space-static-tag-1: 1rem;
  --vf-space-static-tag-2: 2rem;
  --vf-space-static-tag-3: 3rem;
  --vf-floating-top: 0px;
  --vf-floating-top-sm: 0px;
  --vf-floating-top-lg: 0.6875rem;
  --vf-bg-input: #ffffff;
  --vf-bg-input-hover: var(--vf-bg-input);
  --vf-bg-input-focus: var(--vf-bg-input);
  --vf-bg-input-danger: var(--vf-bg-input);
  --vf-bg-input-success: var(--vf-bg-input);
  --vf-bg-checkbox: var(--vf-bg-input);
  --vf-bg-checkbox-hover: var(--vf-bg-checkbox);
  --vf-bg-checkbox-focus: var(--vf-bg-checkbox);
  --vf-bg-checkbox-danger: var(--vf-bg-checkbox);
  --vf-bg-checkbox-success: var(--vf-bg-checkbox);
  --vf-bg-disabled: var(--vf-gray-200);
  --vf-bg-selected: var(--vf-gray-100);
  --vf-bg-passive: var(--vf-gray-300);
  --vf-bg-icon: var(--vf-gray-500);
  --vf-bg-danger: var(--vf-danger-lighter);
  --vf-bg-success: var(--vf-success-lighter);
  --vf-bg-tag: var(--vf-primary);
  --vf-bg-slider-handle: var(--vf-primary);
  --vf-bg-toggle-handle: #ffffff;
  --vf-bg-date-head: var(--vf-gray-100);
  --vf-bg-addon: transparent;
  --vf-bg-btn: var(--vf-primary);
  --vf-bg-btn-danger: var(--vf-danger);
  --vf-bg-btn-secondary: var(--vf-gray-200);
  --vf-bg-table-header: var(--vf-gray-100);
  --vf-color-input: var(--vf-gray-800);
  --vf-color-input-hover: var(--vf-color-input);
  --vf-color-input-focus: var(--vf-color-input);
  --vf-color-input-danger: var(--vf-color-input);
  --vf-color-input-success: var(--vf-color-input);
  --vf-color-disabled: var(--vf-gray-400);
  --vf-color-placeholder: var(--vf-gray-300);
  --vf-color-passive: var(--vf-gray-700);
  --vf-color-muted: var(--vf-gray-500);
  --vf-color-floating: var(--vf-color-muted);
  --vf-color-floating-focus: var(--vf-color-floating);
  --vf-color-floating-success: var(--vf-color-floating);
  --vf-color-floating-danger: var(--vf-color-floating);
  --vf-color-on-primary: #ffffff;
  --vf-color-danger: var(--vf-danger);
  --vf-color-success: var(--vf-success);
  --vf-color-tag: var(--vf-color-on-primary);
  --vf-color-addon: inherit;
  --vf-color-date-head: var(--vf-gray-700);
  --vf-color-btn: var(--vf-color-on-primary);
  --vf-color-btn-danger: #ffffff;
  --vf-color-btn-secondary: var(--vf-gray-700);
  --vf-color-table-header: inherit;
  --vf-border-color-input: var(--vf-gray-300);
  --vf-border-color-input-hover: var(--vf-border-color-input);
  --vf-border-color-input-focus: var(--vf-primary);
  --vf-border-color-input-danger: var(--vf-border-color-input);
  --vf-border-color-input-success: var(--vf-border-color-input);
  --vf-border-color-checkbox: var(--vf-border-color-input);
  --vf-border-color-checkbox-hover: var(--vf-border-color-checkbox);
  --vf-border-color-checkbox-focus: var(--vf-primary);
  --vf-border-color-checkbox-danger: var(--vf-border-color-checkbox);
  --vf-border-color-checkbox-success: var(--vf-border-color-checkbox);
  --vf-border-color-checked: var(--vf-primary);
  --vf-border-color-passive: var(--vf-gray-300);
  --vf-border-color-slider-tooltip: var(--vf-primary);
  --vf-border-color-tag: var(--vf-primary);
  --vf-border-color-btn: var(--vf-primary);
  --vf-border-color-btn-danger: var(--vf-danger);
  --vf-border-color-btn-secondary: var(--vf-gray-200);
  --vf-border-color-blockquote: var(--vf-gray-300);
  --vf-border-color-hr: var(--vf-gray-300);
  --vf-border-color-signature-hr: var(--vf-gray-300);
  --vf-border-color-table: var(--vf-gray-300);
  --vf-border-width-input-t: 1px;
  --vf-border-width-input-r: 1px;
  --vf-border-width-input-b: 1px;
  --vf-border-width-input-l: 1px;
  --vf-border-width-radio-t: var(--vf-border-width-input-t);
  --vf-border-width-radio-r: var(--vf-border-width-input-r);
  --vf-border-width-radio-b: var(--vf-border-width-input-b);
  --vf-border-width-radio-l: var(--vf-border-width-input-l);
  --vf-border-width-checkbox-t: var(--vf-border-width-input-t);
  --vf-border-width-checkbox-r: var(--vf-border-width-input-r);
  --vf-border-width-checkbox-b: var(--vf-border-width-input-b);
  --vf-border-width-checkbox-l: var(--vf-border-width-input-l);
  --vf-border-width-dropdown: var(--vf-border-width-input-t) var(--vf-border-width-input-r) var(--vf-border-width-input-b) var(--vf-border-width-input-l);
  --vf-border-width-btn: var(--vf-border-width-input-t) var(--vf-border-width-input-r) var(--vf-border-width-input-b) var(--vf-border-width-input-l);
  --vf-border-width-toggle: 0.125rem;
  --vf-border-width-tag: 1px;
  --vf-border-width-blockquote: 3px;
  --vf-border-width-table: 1px;
  --vf-shadow-input: 0px 0px 0px 0px rgba(0,0,0,0);
  --vf-shadow-input-hover: var(--vf-shadow-input);
  --vf-shadow-input-focus: var(--vf-shadow-input);
  --vf-shadow-handles: 0px 0px 0px 0px rgba(0,0,0,0);
  --vf-shadow-handles-hover: var(--vf-shadow-input-hover);
  --vf-shadow-handles-focus: var(--vf-shadow-input-focus);
  --vf-shadow-btn: var(--vf-shadow-input);
  --vf-shadow-dropdown: var(--vf-shadow-input);
  --vf-radius-input: 0.25rem;
  --vf-radius-input-sm: var(--vf-radius-input);
  --vf-radius-input-lg: var(--vf-radius-input);
  --vf-radius-btn: var(--vf-radius-input);
  --vf-radius-btn-sm: var(--vf-radius-input-sm);
  --vf-radius-btn-lg: var(--vf-radius-input);
  --vf-radius-small: var(--vf-radius-input);
  --vf-radius-small-sm: var(--vf-radius-input-sm);
  --vf-radius-small-lg: var(--vf-radius-input);
  --vf-radius-large: var(--vf-radius-input);
  --vf-radius-large-sm: var(--vf-radius-input-sm);
  --vf-radius-large-lg: var(--vf-radius-input);
  --vf-radius-tag: var(--vf-radius-input);
  --vf-radius-tag-sm: var(--vf-radius-input-sm);
  --vf-radius-tag-lg: var(--vf-radius-input);
  --vf-radius-checkbox: var(--vf-radius-input);
  --vf-radius-checkbox-sm: var(--vf-radius-input-sm);
  --vf-radius-checkbox-lg: var(--vf-radius-input);
  --vf-radius-slider: var(--vf-radius-input);
  --vf-radius-slider-sm: var(--vf-radius-input-sm);
  --vf-radius-slider-lg: var(--vf-radius-input);
  --vf-radius-image: var(--vf-radius-input);
  --vf-radius-image-sm: var(--vf-radius-input-sm);
  --vf-radius-image-lg: var(--vf-radius-input);
  --vf-radius-gallery: var(--vf-radius-input);
  --vf-radius-gallery-sm: var(--vf-radius-input-sm);
  --vf-radius-gallery-lg: var(--vf-radius-input);
  --vf-checkbox-size: 1rem;
  --vf-checkbox-size-sm: 0.875rem;
  --vf-checkbox-size-lg: 1rem;
  --vf-gallery-size: 6rem;
  --vf-gallery-size-sm: 5rem;
  --vf-gallery-size-lg: 7rem;
  --vf-toggle-width: 3rem;
  --vf-toggle-width-sm: 2.75rem;
  --vf-toggle-width-lg: 3rem;
  --vf-toggle-height: 1.25rem;
  --vf-toggle-height-sm: 1rem;
  --vf-toggle-height-lg: 1.25rem;
  --vf-slider-height: 0.375rem;
  --vf-slider-height-sm: 0.3125rem;
  --vf-slider-height-lg: 0.5rem;
  --vf-slider-height-vertical: 20rem;
  --vf-slider-height-vertical-sm: var(--vf-slider-height-vertical);
  --vf-slider-height-vertical-lg: var(--vf-slider-height-vertical);
  --vf-slider-handle-size: 1rem;
  --vf-slider-handle-size-sm: 0.875rem;
  --vf-slider-handle-size-lg: 1.25rem;
  --vf-slider-tooltip-distance: 0.5rem;
  --vf-slider-tooltip-distance-sm: 0.375rem;
  --vf-slider-tooltip-distance-lg: 0.5rem;
  --vf-slider-tooltip-arrow-size: 0.3125rem;
  --vf-slider-tooltip-arrow-size-sm: var(--vf-slider-tooltip-arrow-size);
  --vf-slider-tooltip-arrow-size-lg: var(--vf-slider-tooltip-arrow-size);
}
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
@keyframes form-spin{
  from{
    transform: rotate(0deg);
  }
  to{
    transform: rotate(360deg);
  }
}
@keyframes step-loading{
  0%{
    transform: scale(0.5);
  }
  20%{
    transform: scale(1.2);
  }
  100%{
    transform: scale(0.5);
  }
}
.vfb-builder {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}
.vfb-builder:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-builder *, .vfb-builder ::before, .vfb-builder ::after {
  box-sizing: border-box;
}

.vfb-builder textarea {
  resize: none;
}

.vfb-code-toolbar{
  position: relative;
}
.vfb-code-toolbar .vfb-toolbar{
  position: absolute;
  top: 1rem;
  right: 1.5rem;
  opacity: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.vfb-code-toolbar .vfb-toolbar:hover{
  opacity: 1;
}
.vfb-code-toolbar .vfb-toolbar button{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0.7;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.vfb-code-toolbar .vfb-toolbar button:hover{
  opacity: 1;
}
.vfb-code-toolbar pre[data-nocopy] + .toolbar{
  display: none;
}
.vfb-code-toolbar pre:hover + .vfb-toolbar{
  opacity: 1;
}

.vfb-code{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.vfb-code:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(18 18 18 / var(--tw-bg-opacity));
}

.vfb-code {
  /* Code blocks */
  /* Inline code */
}
.vfb-code code, .vfb-code pre {
  color: #f8f8f2;
  background: none;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  hyphens: none;
  font-size: 13px;
  line-height: 1.625;
  border-radius: 8px;
}
.vfb-code pre {
  overflow: auto;
  padding: 1.5rem;
}
.vfb-code pre.collapsed {
  max-height: 600px;
  overflow-y: hidden;
  position: relative;
  pointer-events: none;
}
.vfb-code pre.collapsed:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f078";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  transition: 0.3s background-color;
  color: #fff;
  text-align: center;
  padding: 0.5rem 0;
  cursor: pointer;
  pointer-events: all;
}
.vfb-code pre.collapsed:before:hover {
  background: rgba(0, 0, 0, 0.4);
}
.vfb-code pre.collapsed.collapsed-long {
  max-height: 1156px;
}
.vfb-code :not(pre) > code {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
.vfb-code .token.comment,
.vfb-code .token.prolog,
.vfb-code .token.doctype,
.vfb-code .token.cdata {
  color: #6272a4;
}
.vfb-code .token.punctuation {
  color: #f8f8f2;
}
.vfb-code .token.punctuation + .component-select {
  color: #50fa7b;
}
.vfb-code .namespace {
  opacity: 0.7;
}
.vfb-code .token.property,
.vfb-code .token.tag,
.vfb-code .token.constant,
.vfb-code .token.symbol,
.vfb-code .token.deleted {
  color: #21d8ff;
}
.vfb-code .token.boolean,
.vfb-code .token.number {
  color: #bd93f9;
}
.vfb-code .token.selector,
.vfb-code .token.attr-name,
.vfb-code .token.string,
.vfb-code .token.char,
.vfb-code .token.builtin {
  color: #46ffe2;
}
.vfb-code .token.operator,
.vfb-code .token.entity,
.vfb-code .token.url,
.vfb-code .language-css .token.string,
.vfb-code .style .token.string,
.vfb-code .token.variable {
  color: #f8f8f2;
}
.vfb-code .token.atrule,
.vfb-code .token.attr-value,
.vfb-code .token.function,
.vfb-code .token.class-name {
  color: #f1fa8c;
}
.vfb-code .keyword-highlight {
  padding: 0 2px;
  position: relative;
}
.vfb-code .keyword-highlight:after {
  content: "";
  background: currentColor;
  position: absolute;
  opacity: 0.25;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.vfb-code .token.keyword {
  color: #21d8ff;
}
.vfb-code .token.regex,
.vfb-code .token.important {
  color: #ffb86c;
}
.vfb-code .token.important,
.vfb-code .token.bold {
  font-weight: bold;
}
.vfb-code .token.italic {
  font-style: italic;
}
.vfb-code .token.entity {
  cursor: help;
}
.vfb-code .token.inserted {
  color: rgba(149, 227, 191, 0.7490196078);
  margin-left: -0.2rem;
  margin-right: 0.2rem;
}
.vfb-code .token.inserted:not(.prefix) {
  background-color: rgba(4, 120, 79, 0.5019607843);
  color: inherit;
  display: block;
  padding-left: 3.8rem;
  margin-left: -3.8rem;
  padding-right: 1.5rem;
  margin-right: -1.5rem;
}
.vfb-code .token.inserted.prefix {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.vfb-code .token.deleted {
  color: #af9c9c;
  margin-left: -0.2rem;
  margin-right: 0.2rem;
}
.vfb-code .token.deleted:not(.prefix) {
  background-color: rgba(239, 107, 127, 0.2509803922);
  color: inherit;
  display: block;
  padding-left: 3.8rem;
  margin-left: -3.8rem;
  padding-right: 1.5rem;
  margin-right: -1.5rem;
}
.vfb-code .token.deleted.prefix {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.vfb-code pre.diff-highlight .inserted-sign .inserted-sign {
  margin-top: -1.5rem;
}
.vfb-code pre.diff-highlight .deleted-sign .deleted-sign {
  margin-top: -1.5rem;
}
.vfb-code mark {
  color: inherit;
  padding: 2px 4px;
  border-radius: 3px;
  position: relative;
  background: none;
}
.vfb-code mark:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: currentColor;
  opacity: 0.2;
  border-radius: 3px;
  pointer-events: none;
  cursor: text;
}
.vfb-code pre.line-numbers {
  position: relative;
  padding-left: 3.8rem;
  counter-reset: linenumber;
}
.vfb-code pre.line-numbers > code {
  position: relative;
  white-space: inherit;
}
.vfb-code .line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: -1rem;
  padding-top: 0.75rem;
  font-size: 13px;
  line-height: 1.625;
  left: -3.8rem;
  width: 3rem; /* works for line-numbers below 1000 lines */
  letter-spacing: -1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.vfb-code .line-numbers-rows > span {
  display: block;
  counter-increment: linenumber;
}
.vfb-code .line-numbers-rows > span:before {
  content: counter(linenumber);
  color: #45576f;
  display: block;
  padding-right: 0.8em;
  text-align: right;
}
.vfb-code pre[data-line] {
  position: relative;
}
.vfb-code .line-highlight {
  position: absolute;
  left: 0;
  right: 0;
  padding: inherit 0;
  margin-top: 1.5rem;
  background: rgba(255, 255, 255, 0.0784313725);
  pointer-events: none;
  line-height: inherit;
  white-space: pre;
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
}
.vfb-code .line-numbers .line-highlight {
  margin-top: 0.5rem;
}
.vfb-code pre[id].linkable-line-numbers span.line-numbers-rows {
  pointer-events: all;
}
.vfb-code pre[id].linkable-line-numbers span.line-numbers-rows > span:before {
  cursor: pointer;
}
.vfb-code pre[id].linkable-line-numbers span.line-numbers-rows > span:hover:before {
  background-color: rgba(128, 128, 128, 0.2);
}

:not(pre) > code.vfb-inline-code {
  font-size: 0.8em;
  font-weight: normal;
  position: relative;
  top: -1px;
  letter-spacing: -0.2px;
  color: #bd93f9;
  white-space: nowrap;
}
:not(pre) > code.vfb-inline-code:not(.no-quote):before, :not(pre) > code.vfb-inline-code:not(.no-quote):after {
  content: "";
  display: inline-block;
  width: 0.375em;
}
:not(pre) > code.vfb-inline-code.no-quote {
  padding-left: 0.2em;
  padding-right: 0.2em;
}

.vfb-builder {
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.vfb-builder * {
  -webkit-font-smoothing: antialiased;
}

.vfb-bottom-left-tools-container{
  position: absolute;
  bottom: 1rem;
  right: -1rem;
  display: flex;
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
}

.vfb-bottom-right-tools-container{
  position: absolute;
  bottom: 1rem;
  left: -1rem;
  display: flex;
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
}

.vfb-top-left-tools-container{
  position: absolute;
  top: 1rem;
  right: -1rem;
  display: flex;
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
}

.vfb-top-right-tools-container{
  position: absolute;
  top: 1rem;
  left: -1rem;
  display: flex;
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
}

.vfb-tool{
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vfb-tool:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(50 50 50 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(50 50 50 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-tool {
  border-style: solid;
}

.vfb-tool-device{
  margin-bottom: 0.5rem;
}

.vfb-tool-save{
  margin-top: 0.5rem;
}

.vfb-tool-undos{
  margin-bottom: 0.5rem;
}

.vfb-tool-import{
  margin-bottom: 0.5rem;
}

.vfb-tool-language-selector{
  margin-bottom: 0.5rem;
}

.vfb-tool-language-selector .vfb-tool-item{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.vfb-tool-view{
  margin-bottom: 0.5rem;
}

.vfb-tool-clear{
  margin-top: 0.5rem;
}

.vfb-tool-dark-mode{
  margin-bottom: 0.5rem;
}

.vfb-tool-ai-new-tag{
  position: absolute;
  bottom: -1.3875rem;
  left: 50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  white-space: nowrap;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
  padding-left: 0.1875rem;
  padding-right: 0.1875rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-icon.vfb-tool-ai-new-tag-caret{
  position: absolute;
  left: 50%;
  top: -0.5625rem;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity));
}

.vfb-tool-item{
  position: relative;
  display: flex;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  line-height: 1rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-tool-item-single{
  border-radius: 0.25rem;
}

.vfb-tool-item-first{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.vfb-tool-item-last{
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.vfb-tool-item-active{
  --tw-bg-opacity: 1;
  background-color: rgb(236 240 244 / var(--tw-bg-opacity));
}

.vfb-tool-item-active:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(85 85 85 / var(--tw-bg-opacity));
}

.vfb-tool-item-active-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-tool-item-disabled{
  cursor: not-allowed;
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.vfb-tool-item-disabled:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

.vfb-tool-item-passive {
  cursor: default !important;
}

.vfb-tool-item-hoverable:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.vfb-tool-item-hoverable:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
}

.vfb-tool-dropdown {
  animation-duration: 0.3s;
  animation-delay: 0;
  animation-fill-mode: both;
  animation-name: vfb-fade-in-down;
  position: absolute;
  top: 2rem;
  left: 0px;
  right: 0px;
  margin-top: 0.25rem;
  display: flex;
  flex-direction: column;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vfb-tool-dropdown:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(50 50 50 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(50 50 50 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-tool-dropdown-item{
  position: relative;
  display: flex;
  height: 2rem;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.vfb-tool-dropdown-item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.vfb-tool-dropdown-item:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
}

.vfb-tool-dropdown-item-active{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.vfb-tool-dropdown-item-active:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.vfb-tool-dropdown-item-active:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
}

.vfb-tool-dropdown-item-active:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
}

.vfb-tool-tooltip{
  position: absolute;
  top: 50%;
  display: none;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  white-space: nowrap;
  border-radius: 0.25rem;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-tool-item:hover .vfb-tool-tooltip{
  display: inline-block;
}

.vfb-tool-dropdown-item:hover .vfb-tool-tooltip{
  display: inline-block;
}

.vfb-tool-tooltip-right{
  right: -0.375rem;
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.vfb-tool-tooltip-left{
  left: -0.375rem;
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.vfb-aligns-container{
  position: relative;
  display: flex;
  height: 28px;
  width: 38px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.vfb-aligns-container-disabled{
  pointer-events: none;
  opacity: 0.4;
}

.vfb-aligns-caret-wrapper{
  margin-left: 5px;
  font-size: 0.75rem;
  line-height: 1rem;
}

.vfb-aligns-caret{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.vfb-aligns-dropdown{
  position: absolute;
  top: 1.75rem;
  left: 0px;
  z-index: 1;
  display: flex;
  gap: 0.125rem;
  border-radius: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-shadow: 0px 0px 6px 0 rgba(0,0,0,0.10);
  --tw-shadow-colored: 0px 0px 6px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vfb-aligns-item{
  position: relative;
  display: flex;
  height: 28px;
  width: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.vfb-aligns-class-default-container{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-aligns-class-default-container:hover{
  background-color: #1118270d;
}

.vfb-aligns-class-default-container:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-aligns-class-default-container:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
}

.vfb-aligns-class-default-container-open{
  background-color: #1118270d;
}

.vfb-aligns-class-default-container-open:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
}

.vfb-aligns-class-default-dropdown{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.vfb-aligns-class-default-dropdown:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(50 50 50 / var(--tw-bg-opacity));
}

.vfb-aligns-class-default-item-unselected:hover{
  background-color: #1118270d;
}

.vfb-aligns-class-default-item-unselected:hover:is(.dark *){
  background-color: rgb(115 115 115 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.3;
}

.vfb-aligns-class-default-item-selected{
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.4;
  --tw-text-opacity: 1;
  color: rgb(14 136 119 / var(--tw-text-opacity));
}

.vfb-aligns-class-default-item-selected:is(.dark *){
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.8;
}

.vfb-fade-in-enter-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 500ms;
}

.vfb-fade-in-enter-from,
.vfb-fade-in-leave-to {
  opacity: 0;
}

.vfb-clr-picker {
  display: none;
  flex-wrap: wrap;
  position: absolute;
  width: 200px;
  z-index: 999;
  border-radius: 10px;
  background-color: #fff;
  justify-content: space-between;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05), 0 5px 20px rgba(0, 0, 0, 0.1);
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.vfb-clr-picker.vfb-clr-open {
  display: flex;
}

.vfb-clr-gradient {
  position: relative;
  width: 100%;
  height: 100px;
  margin-bottom: 15px;
  border-radius: 3px 3px 0 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0), #000), linear-gradient(90deg, #fff, currentColor);
  cursor: pointer;
}

.vfb-clr-marker {
  position: absolute;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: currentColor;
  cursor: pointer;
}

.vfb-clr-picker input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
}

.vfb-clr-picker input[type=range]::-webkit-slider-thumb {
  width: 8px;
  height: 8px;
  -webkit-appearance: none;
}

.vfb-clr-picker input[type=range]::-moz-range-track {
  width: 100%;
  height: 8px;
  border: 0;
}

.vfb-clr-picker input[type=range]::-moz-range-thumb {
  width: 8px;
  height: 8px;
  border: 0;
}

.vfb-clr-hue {
  background-image: linear-gradient(to right, #f00 0%, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, #f00 100%);
}

.vfb-clr-hue,
.vfb-clr-alpha {
  position: relative;
  width: calc(100% - 40px);
  height: 8px;
  margin: 5px 20px;
  border-radius: 4px;
}

.vfb-clr-alpha span {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), currentColor);
}

.vfb-clr-hue input,
.vfb-clr-alpha input {
  position: absolute;
  width: calc(100% + 16px);
  height: 16px;
  left: -8px;
  top: -4px;
  margin: 0;
  background-color: transparent;
  opacity: 0;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.vfb-clr-hue div,
.vfb-clr-alpha div {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 50%;
  margin-left: -8px;
  transform: translateY(-50%);
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: currentColor;
  box-shadow: 0 0 1px #888;
  pointer-events: none;
}

.vfb-clr-alpha div:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  background-color: currentColor;
}

.vfb-clr-format {
  display: none;
  order: 1;
  width: calc(100% - 40px);
  margin: 0 20px 20px;
}

.vfb-clr-segmented {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid #ddd;
  border-radius: 15px;
  box-sizing: border-box;
  color: #999;
  font-size: 12px;
}

.vfb-clr-segmented input,
.vfb-clr-segmented legend {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
}

.vfb-clr-segmented label {
  flex-grow: 1;
  padding: 4px 0;
  text-align: center;
  cursor: pointer;
}

.vfb-clr-segmented label:first-of-type {
  border-radius: 10px 0 0 10px;
}

.vfb-clr-segmented label:last-of-type {
  border-radius: 0 10px 10px 0;
}

.vfb-clr-segmented input:checked + label {
  color: #fff;
  background-color: #666;
}

.vfb-clr-swatches {
  order: 2;
  width: calc(100% - 32px);
  margin: 0 16px;
}

.vfb-clr-swatches div {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 12px;
  justify-content: center;
}

.vfb-clr-swatches button {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 4px 6px 4px;
  border: 0;
  border-radius: 50%;
  color: inherit;
  text-indent: -1000px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}

.vfb-clr-swatches button:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
  background-color: currentColor;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}

input.vfb-clr-color {
  order: 1;
  width: calc(100% - 80px);
  height: 32px;
  margin: 15px 20px 20px 0;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-radius: 16px;
  color: #444;
  background-color: #fff;
  font-family: sans-serif;
  font-size: 14px;
  text-align: center;
  box-shadow: none;
}

input.vfb-clr-color:focus {
  outline: none;
  border: 1px solid #1e90ff;
}

.vfb-clr-clear {
  display: none;
  order: 2;
  height: 24px;
  margin: 0 20px 20px auto;
  padding: 0 20px;
  border: 0;
  border-radius: 12px;
  color: #fff;
  background-color: #666;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
}

.vfb-clr-preview {
  position: relative;
  width: 32px;
  height: 32px;
  margin: 15px 0 20px 20px;
  border: 0;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}

.vfb-clr-preview:before,
.vfb-clr-preview:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border: 1px solid #fff;
  border-radius: 50%;
}

.vfb-clr-preview:after {
  border: 0;
  background-color: currentColor;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.vfb-clr-marker,
.vfb-clr-hue div,
.vfb-clr-alpha div,
.vfb-clr-color {
  box-sizing: border-box;
}

.vfb-clr-field {
  display: inline-block;
  position: relative;
  color: transparent;
}

.vfb-clr-field button {
  position: absolute;
  width: 30px;
  height: 100%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  color: inherit;
  text-indent: -1000px;
  white-space: nowrap;
  overflow: hidden;
  pointer-events: none;
  display: none;
}

.vfb-clr-field button:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
  background-color: currentColor;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
}

.vfb-clr-alpha,
.vfb-clr-alpha div,
.vfb-clr-swatches button,
.vfb-clr-preview:before,
.vfb-clr-field button {
  background-image: repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa);
  background-position: 0 0, 4px 4px;
  background-size: 8px 8px;
}

.vfb-clr-marker:focus {
  outline: none;
}

.vfb-clr-keyboard-nav .vfb-clr-marker:focus,
.vfb-clr-keyboard-nav .vfb-clr-hue input:focus + div,
.vfb-clr-keyboard-nav .vfb-clr-alpha input:focus + div,
.vfb-clr-keyboard-nav .vfb-clr-segmented input:focus + label {
  outline: none;
  box-shadow: 0 0 0 2px #1e90ff, 0 0 2px 2px #fff;
}

.vfb-clr-picker[data-alpha=false] .vfb-clr-alpha {
  display: none;
}

.vfb-clr-picker[data-minimal=true] {
  padding-top: 16px;
}

.vfb-clr-picker[data-minimal=true] .vfb-clr-gradient,
.vfb-clr-picker[data-minimal=true] .vfb-clr-hue,
.vfb-clr-picker[data-minimal=true] .vfb-clr-alpha,
.vfb-clr-picker[data-minimal=true] .vfb-clr-color,
.vfb-clr-picker[data-minimal=true] .vfb-clr-preview {
  display: none;
}

/** Dark theme **/
.vfb-clr-dark {
  background-color: #444;
}

.vfb-clr-dark .vfb-clr-segmented {
  border-color: #777;
}

.vfb-clr-dark .vfb-clr-swatches button:after {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}

.vfb-clr-dark input.vfb-clr-color {
  color: #fff;
  border-color: #777;
  background-color: #555;
}

.vfb-clr-dark input.vfb-clr-color:focus {
  border-color: #1e90ff;
}

.vfb-clr-dark .vfb-clr-preview:after {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.vfb-clr-dark .vfb-clr-alpha,
.vfb-clr-dark .vfb-clr-alpha div,
.vfb-clr-dark .vfb-clr-swatches button,
.vfb-clr-dark .vfb-clr-preview:before {
  background-image: repeating-linear-gradient(45deg, #666 25%, transparent 25%, transparent 75%, #888 75%, #888), repeating-linear-gradient(45deg, #888 25%, #444 25%, #444 75%, #888 75%, #888);
}

/** Polaroid theme **/
.vfb-clr-picker.vfb-clr-polaroid {
  border-radius: 6px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 5px 30px rgba(0, 0, 0, 0.2);
}

.vfb-clr-picker.vfb-clr-polaroid:before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 10px;
  left: 20px;
  top: -10px;
  border: solid transparent;
  border-width: 0 8px 10px 8px;
  border-bottom-color: currentColor;
  box-sizing: border-box;
  color: #fff;
  filter: drop-shadow(0 -4px 3px rgba(0, 0, 0, 0.1));
  pointer-events: none;
}

.vfb-clr-picker.vfb-clr-polaroid.vfb-clr-dark:before {
  color: #444;
}

.vfb-clr-picker.vfb-clr-polaroid.vfb-clr-left:before {
  left: auto;
  right: 20px;
}

.vfb-clr-picker.vfb-clr-polaroid.vfb-clr-top:before {
  top: auto;
  bottom: -10px;
  transform: rotateZ(180deg);
}

.vfb-clr-polaroid .vfb-clr-gradient {
  width: calc(100% - 20px);
  height: 120px;
  margin: 10px;
  border-radius: 3px;
}

.vfb-clr-polaroid .vfb-clr-hue,
.vfb-clr-polaroid .vfb-clr-alpha {
  width: calc(100% - 30px);
  height: 10px;
  margin: 6px 15px;
  border-radius: 5px;
}

.vfb-clr-polaroid .vfb-clr-hue div,
.vfb-clr-polaroid .vfb-clr-alpha div {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.vfb-clr-polaroid .vfb-clr-format {
  width: calc(100% - 20px);
  margin: 0 10px 15px;
}

.vfb-clr-polaroid .vfb-clr-swatches {
  width: calc(100% - 12px);
  margin: 0 6px;
}

.vfb-clr-polaroid .vfb-clr-swatches div {
  padding-bottom: 10px;
}

.vfb-clr-polaroid .vfb-clr-swatches button {
  width: 22px;
  height: 22px;
}

.vfb-clr-polaroid input.vfb-clr-color {
  width: calc(100% - 60px);
  margin: 10px 10px 15px 0;
}

.vfb-clr-polaroid .vfb-clr-clear {
  margin: 0 10px 15px auto;
}

.vfb-clr-polaroid .vfb-clr-preview {
  margin: 10px 0 15px 10px;
}

/** Large theme **/
.vfb-clr-picker.vfb-clr-large {
  width: 275px;
}

.vfb-clr-large .vfb-clr-gradient {
  height: 150px;
}

.vfb-clr-large .vfb-clr-swatches button {
  width: 22px;
  height: 22px;
}

.vfb-btn-primary, .vfb-btn-primary:before, .vfb-btn-primary:after, .vfb-btn-primary:root {
  --vf-bg-btn: #17c495;
  --vf-border-color-btn: #17c495;
}

.vfb-relative{
  position: relative;
}

.vfb-break-words {
  word-break: break-word;
}

a.vfb-learn-more,
.form-contains-link a.vfb-learn-more{
  position: relative;
  top: -0.125rem;
  white-space: nowrap;
  border-bottom-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
  font-size: 0.6875rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

a.vfb-learn-more:is(.dark *),
.form-contains-link a.vfb-learn-more:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(132 132 132 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-dotted-link{
  border-bottom-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(23 196 149 / var(--tw-text-opacity));
}

.vfb-field-note{
  margin-top: -0.25rem;
  text-align: right;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.vfb-field-note:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-info-container{
  position: relative;
}
.vfb-info-container:hover .vfb-info-tooltip{
  display: block;
}

.vfb-info-icon{
  margin-left: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.vfb-info-tooltip{
  position: absolute;
  top: 1.5rem;
  right: 50%;
  display: none;
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  white-space: nowrap;
  border-radius: 0.25rem;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.9;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
}

.vfb-icon{
  display: inline-block;
  overflow: visible;
  font-size: inherit;
  color: inherit;
  vertical-align: -0.125em;
}

.vfb-icon-md{
  height: 1em;
}

.vfb-icon-lg{
  height: 1.2em;
}

.vfb-hidden{
  display: none;
}

.vfb-util-grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.vfb-util-col-span-12{
  grid-column: span 12 / span 12;
}

.vfb-preview-container-default .vfb-util-col-span-12,
.vfb-preview-container-tablet .vfb-util-col-span-12 {
  grid-column: span 12/span 12;
}

.vfb-util-col-span-6{
  grid-column: span 6 / span 6;
}

.vfb-preview-container-default .vfb-util-col-span-6,
.vfb-preview-container-tablet .vfb-util-col-span-6 {
  grid-column: span 6/span 6;
}

.vfb-util-col-span-4{
  grid-column: span 4 / span 4;
}

.vfb-preview-container-default .vfb-util-col-span-4,
.vfb-preview-container-tablet .vfb-util-col-span-4 {
  grid-column: span 4/span 4;
}

.vfb-util-col-span-3{
  grid-column: span 3 / span 3;
}

.vfb-preview-container-default .vfb-util-col-span-3,
.vfb-preview-container-tablet .vfb-util-col-span-3 {
  grid-column: span 3/span 3;
}

.vfb-util-col-span-2{
  grid-column: span 2 / span 2;
}

.vfb-preview-container-default .vfb-util-col-span-2,
.vfb-preview-container-tablet .vfb-util-col-span-2 {
  grid-column: span 2/span 2;
}

.vfb-util-col-span-1{
  grid-column: span 1 / span 1;
}

.vfb-preview-container-default .vfb-util-col-span-1,
.vfb-preview-container-tablet .vfb-util-col-span-1 {
  grid-column: span 1/span 1;
}

.vfb-util-tabs-tiny,
.form-text-sm.vfb-util-tabs-tiny,
.vf-checkbox-tabs.vf-checkbox-tabs-sm.vfb-util-tabs-tiny,
.vf-radio-tabs.vf-radio-tabs-sm.vfb-util-tabs-tiny{
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.25;
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.vfb-util-tabs-tiny-text{
  overflow: hidden;
  white-space: nowrap;
}

.vfb-util-tabs-tiny-label{
  line-height: 1;
}

.vfb-util-tabs-small,
.form-text-sm.vfb-util-tabs-small,
.vf-checkbox-tabs.vf-checkbox-tabs-sm.vfb-util-tabs-small,
.vf-radio-tabs.vf-radio-tabs-sm.vfb-util-tabs-small{
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.25;
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.vfb-util-tabs-outline-gray-selected,
.vf-checkbox-tabs-sm.vfb-util-tabs-outline-gray-selected,
.vf-radio-tabs-sm.vfb-util-tabs-outline-gray-selected{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.vfb-util-tabs-outline-gray-selected:is(.dark *),
.vf-checkbox-tabs-sm.vfb-util-tabs-outline-gray-selected:is(.dark *),
.vf-radio-tabs-sm.vfb-util-tabs-outline-gray-selected:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(57 57 57 / var(--tw-border-opacity));
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-util-tabs-outline-gray-unselected,
.vf-checkbox-tabs-sm.vfb-util-tabs-outline-gray-unselected,
.vf-radio-tabs-sm.vfb-util-tabs-outline-gray-unselected{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.vfb-util-tabs-outline-gray-unselected:is(.dark *),
.vf-checkbox-tabs-sm.vfb-util-tabs-outline-gray-unselected:is(.dark *),
.vf-radio-tabs-sm.vfb-util-tabs-outline-gray-unselected:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(57 57 57 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-util-tabs-outline-selected,
.vf-checkbox-tabs.vf-checkbox-tabs-sm.vfb-util-tabs-outline-selected,
.vf-radio-tabs.vf-radio-tabs-sm.vfb-util-tabs-outline-selected{
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(19 175 125 / var(--tw-text-opacity));
}

.vfb-util-tabs-outline-selected:is(.dark *),
.vf-checkbox-tabs.vf-checkbox-tabs-sm.vfb-util-tabs-outline-selected:is(.dark *),
.vf-radio-tabs.vf-radio-tabs-sm.vfb-util-tabs-outline-selected:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(57 57 57 / var(--tw-border-opacity));
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-util-tabs-outline-unselected,
.vf-checkbox-tabs.vf-checkbox-tabs-sm.vfb-util-tabs-outline-unselected,
.vf-radio-tabs.vf-radio-tabs-sm.vfb-util-tabs-outline-unselected{
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(23 196 149 / var(--tw-text-opacity));
}

.vfb-util-tabs-outline-unselected:is(.dark *),
.vf-checkbox-tabs.vf-checkbox-tabs-sm.vfb-util-tabs-outline-unselected:is(.dark *),
.vf-radio-tabs.vf-radio-tabs-sm.vfb-util-tabs-outline-unselected:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(57 57 57 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-util-number-input{
  padding-right: 0px;
  padding-top: var(--vf-py-input-sm);
  padding-bottom: var(--vf-py-input-sm);
  padding-left: var(--vf-px-input-sm);
}

.vfb-util-number-addon{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-util-number-addon:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-util-colorpicker-input{
  position: relative;
}

.vfb-util-colorpicker-addon{
  position: absolute;
  top: 0.375rem;
  right: -0.125rem;
}

.vfb-util-props-group-container{
  grid-column: span 12 / span 12;
}

.vfb-preview-container-default .vfb-util-props-group-container,
.vfb-preview-container-tablet .vfb-util-props-group-container {
  grid-column: span 12/span 12;
}
.vfb-util-props-group-container input[type=text], .vfb-util-props-group-container input[type=search]{
  width: inherit;
}
.vfb-util-props-group-container label.text-type\:form-pt-input-border-sm{
  display: block;
  overflow-wrap: break-word;
  padding-right: 0.5rem;
}
.vfb-util-props-group-container label.text-type\:form-pt-input-border-sm:not(.vfb-prop-multiline){
  display: flex;
  align-items: center;
  word-break: break-all;
  padding: 0px;
  padding-right: 0.5rem;
  line-height: 1;
}

.vfb-util-props-group{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.vfb-util-props-list-el-input,
.vfb-util-props-list-el-input-default,
.vfb-util-props-list-el-input-success,
.vfb-util-props-list-el-select,
.vfb-util-props-list-el-select-default,
.vfb-util-props-list-el-select-success,
.vfb-util-props-list-el-select-container,
.vfb-util-props-list-el-select-container-default,
.vfb-util-props-list-el-select-container-success {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  outline: none !important;
}

.vfb-util-props-list-el-input{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-input:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(57 57 57 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-input-default.form-focus{
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-input-default:focus{
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-input-default:is(.dark *).form-focus{
  --tw-border-opacity: 1;
  border-color: rgb(132 132 132 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-input-default:is(.dark *):focus{
  --tw-border-opacity: 1;
  border-color: rgb(132 132 132 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-input-success.form-focus{
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-input-success:focus{
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-input-success:is(.dark *).form-focus{
  --tw-border-opacity: 1;
  border-color: rgb(132 132 132 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-input-success:is(.dark *):focus{
  --tw-border-opacity: 1;
  border-color: rgb(132 132 132 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-select{
  position: relative;
  bottom: -1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-select:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(57 57 57 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-select-default.form-focus{
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-select-default:focus{
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-select-default:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-util-props-list-el-select-default:is(.dark *).form-focus{
  --tw-border-opacity: 1;
  border-color: rgb(132 132 132 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-select-default:is(.dark *):focus{
  --tw-border-opacity: 1;
  border-color: rgb(132 132 132 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-select-success.form-focus{
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-select-success:focus{
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-select-success:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-util-props-list-el-select-success:is(.dark *).form-focus{
  --tw-border-opacity: 1;
  border-color: rgb(132 132 132 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-select-success:is(.dark *):focus{
  --tw-border-opacity: 1;
  border-color: rgb(132 132 132 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-select-container{
  position: relative;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-select-container:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(57 57 57 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-select-container-default.form-focus{
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-select-container-default:focus{
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-select-container-default:is(.dark *).form-focus{
  --tw-border-opacity: 1;
  border-color: rgb(132 132 132 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-select-container-default:is(.dark *):focus{
  --tw-border-opacity: 1;
  border-color: rgb(132 132 132 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-select-container-success.form-focus{
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-select-container-success:focus{
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-select-container-success:is(.dark *).form-focus{
  --tw-border-opacity: 1;
  border-color: rgb(132 132 132 / var(--tw-border-opacity));
}

.vfb-util-props-list-el-select-container-success:is(.dark *):focus{
  --tw-border-opacity: 1;
  border-color: rgb(132 132 132 / var(--tw-border-opacity));
}

.vfb-util-props-list-label,
.vf-label.vfb-util-props-list-label{
  margin-bottom: 1rem;
  margin-top: 0.875rem;
  padding-bottom: 0px;
}

.vfb-preview-container-default label.vfb-util-props-list-label,
.vfb-preview-container-tablet label.vfb-util-props-list-label,.vfb-preview-container-default label
.vf-label.vfb-util-props-list-label,
.vfb-preview-container-tablet label
.vf-label.vfb-util-props-list-label {
  padding-bottom: 0;
}

.vfb-util-props-list-add{
  position: absolute;
  top: 0px;
  right: 0px;
}

.vfb-util-props-list-item,
.vf-row.vfb-util-props-list-item {
  gap: 0;
}

.vfb-util-props-list-in-object-add,
.vf-btn-list-add.vf-btn-list-add-sm.vfb-util-props-list-in-object-add{
  margin-top: -0.3125rem;
}

.vfb-util-props-separator-top .vfb-util-props-list-add{
  position: absolute;
  top: 0.75rem;
  right: 0px;
}

div > div:first-of-type[style*="none;"] + .vfb-util-props-separator-top {
  border: 0;
  padding-top: 0;
  margin-top: 0;
}

.vfb-util-props-list-layout{
  position: relative;
}

.vfb-util-props-list-subtitle{
  margin-bottom: 0.5rem;
  margin-left: 0.625rem;
  margin-top: 0.25rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-util-props-list-subtitle:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-util-props-subtitle-no-m{
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-util-props-subtitle-no-m:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-util-props-subtitle{
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-util-props-subtitle:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-util-props-separator-top{
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  margin-top: 0.5rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(236 240 244 / var(--tw-border-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
}

.vfb-util-props-separator-top:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(57 57 57 / var(--tw-border-opacity));
}

.vfb-util-props-separator{
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  margin-bottom: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(236 240 244 / var(--tw-border-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1rem;
}

.vfb-util-props-separator:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(57 57 57 / var(--tw-border-opacity));
}

.vfb-util-props-multiline-label{
  align-items: flex-start;
  padding-top: calc(var(--vf-py-input) + var(--vf-border-width-input-t));
}

.vfb-util-props-toggle-wrapper,
.vf-toggle-wrapper.vfb-util-props-toggle-wrapper{
  align-items: center;
  justify-content: flex-end;
  height: var(--vf-min-height-input-sm);
}

.vfb-util-props-toggle-label,
.vf-label.vfb-util-props-toggle-label{
  display: flex;
  align-items: center;
}

.vfb-util-props-horizontal-label{
  align-items: center;
  line-height: 1.125;
}

.vfb-util-props-tags,
.vfb-util-props-tags .vf-multiselect-tag-wrapper{
  white-space: normal;
  word-break: break-all;
}

.vfb-util-props-group-container label.vfb-util-props-horizontal-label-sm{
  display: block;
  overflow-wrap: break-word;
  padding-right: 0.5rem;
}

.vfb-util-props-group-container label.vfb-util-props-horizontal-label-sm:not(.vfb-prop-multiline){
  display: flex;
  align-items: center;
  word-break: break-all;
  padding: 0px;
  padding-right: 0.5rem;
  line-height: 1;
}

.vfb-preview-container-default .form-text-type label.vfb-util-props-horizontal-label-sm,
.vfb-preview-container-tablet .form-text-type label.vfb-util-props-horizontal-label-sm {
  padding-top: calc(var(--vf-py-input-sm) + var(--vf-border-width-input-t));
}

.form-text-type .vfb-util-props-horizontal-label-sm{
  padding-top: calc(var(--vf-py-input-sm) + var(--vf-border-width-input-t));
}

.vfb-preview-container-default .form-text-type label.vfb-util-props-horizontal-label-md,
.vfb-preview-container-tablet .form-text-type label.vfb-util-props-horizontal-label-md {
  padding-top: calc(var(--vf-py-input) + var(--vf-border-width-input-t));
}

.form-text-type .vfb-util-props-horizontal-label-md{
  padding-top: calc(var(--vf-py-input) + var(--vf-border-width-input-t));
}

.vfb-preview-container-default .form-text-type label.vfb-util-props-horizontal-label-lg,
.vfb-preview-container-tablet .form-text-type label.vfb-util-props-horizontal-label-lg {
  padding-top: calc(var(--vf-py-input-lg) + var(--vf-border-width-input-t));
}

.form-text-type .vfb-util-props-horizontal-label-lg{
  padding-top: calc(var(--vf-py-input-lg) + var(--vf-border-width-input-t));
}

.vfb-util-props-not-horizontal-label-sm{
  padding-bottom: calc(var(--vf-gutter-sm) / 3);
}

.vfb-preview-container-default label.vfb-util-props-not-horizontal-label-sm,
.vfb-preview-container-tablet label.vfb-util-props-not-horizontal-label-sm {
  padding-bottom: calc(var(--vf-gutter-sm) / 3);
}

.vfb-util-props-not-horizontal-label-md{
  padding-bottom: calc(var(--vf-gutter) / 3);
}

.vfb-preview-container-default label.vfb-util-props-not-horizontal-label-md,
.vfb-preview-container-tablet label.vfb-util-props-not-horizontal-label-md {
  padding-bottom: calc(var(--vf-gutter) / 3);
}

.vfb-util-props-not-horizontal-label-lg{
  padding-bottom: calc(var(--vf-gutter-lg) / 3);
}

.vfb-preview-container-default label.vfb-util-props-not-horizontal-label-lg,
.vfb-preview-container-tablet label.vfb-util-props-not-horizontal-label-lg {
  padding-bottom: calc(var(--vf-gutter-lg) / 3);
}

.vfb-util-columns-number{
  margin-bottom: 0.5rem;
  font-weight: 400;
}

.vfb-util-columns-total{
  margin-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.vfb-util-props-link{
  border-bottom-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(23 196 149 / var(--tw-text-opacity));
}

.vfb-util-props-description{
  display: flex;
  align-items: center;
  padding-bottom: 1px;
  text-align: right;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
  height: var(--vf-min-height-input-sm);
}

.vfb-code .token.vfb-util-props-description {
  font-style: italic;
}

.vfb-util-props-description:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-util-props-accepted-formats-container{
  margin-top: -0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.vfb-util-props-accepted-return-formats-container{
  margin-top: -0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.vfb-util-props-error{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.vfb-util-color-preview{
  pointer-events: none;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 0.25rem;
}

.vfb-util-prop-element-with-link{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.vfb-util-prop-language-container{
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.vfb-util-prop-language-value{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.vfb-util-assistive-text{
  position: absolute;
  margin: -1px;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.vfb-util-element-type + div{
  margin-top: -0.5rem;
}

.vfb-tooltip-group:hover .vfb-tooltip{
  display: inline-block;
}

.vfb-tooltip{
  position: absolute;
  z-index: 999;
  display: none;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  border-radius: 0.25rem;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.125;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.vfb-tooltip.vfb-tooltip-smaller{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.8125rem;
}

.vfb-tooltip-top{
  top: -0.125rem;
  left: 50%;
  --tw-translate-y: -100%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.vfb-tooltip-top.vfb-tooltip-closer{
  top: 0.25rem;
}
.vfb-tooltip-top.vfb-tooltip-further{
  bottom: -0.25rem;
}

.vfb-tooltip-bottom{
  bottom: -0.125rem;
  left: 50%;
  --tw-translate-y: 100%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.vfb-tooltip-bottom.vfb-tooltip-further{
  bottom: -0.25rem;
}

.vfb-tooltip-left{
  top: 50%;
  left: -0.125rem;
  --tw-translate-y: -50%;
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.vfb-tooltip-left.vfb-tooltip-closer{
  left: 0.25rem;
}
.vfb-tooltip-left.vfb-tooltip-further{
  left: -0.375rem;
}

.vfb-tooltip-right{
  top: 50%;
  right: -0.125rem;
  --tw-translate-y: -50%;
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.vfb-tooltip-right.vfb-tooltip-closer{
  right: 0.25rem;
}

.vfb-tooltip-top-left{
  top: -0.125rem;
  left: 0px;
  --tw-translate-y: -100%;
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.vfb-tooltip-top-right{
  top: -0.125rem;
  right: 0px;
  left: auto;
  --tw-translate-y: -100%;
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.vfb-tooltip-bottom-left{
  bottom: -0.125rem;
  left: 0px;
  --tw-translate-y: 100%;
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.vfb-tooltip-bottom-left.vfb-tooltip-closer{
  bottom: 0.25rem;
}
.vfb-tooltip-bottom-left.vfb-tooltip-further{
  bottom: -0.375rem;
}

.vfb-tooltip-bottom-right{
  bottom: -0.125rem;
  right: 0px;
  left: auto;
  --tw-translate-y: 100%;
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.vfb-tooltip-bottom-right.vfb-tooltip-closer{
  bottom: 0.25rem;
}
.vfb-tooltip-bottom-right.vfb-tooltip-further{
  bottom: -0.375rem;
}

.vfb-notification-container{
  position: absolute;
  left: 4rem;
  right: 4rem;
  bottom: 1rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.vfb-notification{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.vfb-text-button{
  display: block;
  border-radius: 0px;
  border-color: transparent;
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.vfb-text-button:hover{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.vfb-btn-primary,
.vfb-btn-secondary,
.vfb-btn-transparent{
  display: inline-block;
  cursor: pointer;
  font-size: var(--vf-font-size);
  line-height: var(--vf-line-height);
  letter-spacing: var(--vf-letter-spacing);
  border-radius: var(--vf-radius-btn);
  padding: var(--vf-py-btn) var(--vf-px-btn);
  border-width: var(--vf-border-width-btn);
  border-style: solid;
  box-shadow: var(--vf-shadow-btn);
}

.vfb-btn-primary.vfb-modal-ai-submit,
.vfb-btn-secondary.vfb-modal-ai-submit,
.vfb-btn-transparent.vfb-modal-ai-submit{
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #17c495 var(--tw-gradient-to-position);
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-weight: 600;
}

.vfb-btn-primary:focus,
.vfb-btn-secondary:focus,
.vfb-btn-transparent:focus{
  outline: var(--vf-ring-width) solid var(--vf-ring-color);
}

.vfb-btn-primary{
  color: var(--vf-color-btn);
  background-color: var(--vf-bg-btn);
  border-color: var(--vf-border-color-btn);
}

.vfb-btn-secondary{
  color: var(--vf-color-btn-secondary);
  background-color: var(--vf-bg-btn-secondary);
  border-color: var(--vf-border-color-btn-secondary);
}

.vfb-btn-transparent{
  border-color: transparent;
  color: var(--vf-color-btn-secondary);
}

.vfb-btn-transparent:hover{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.vfb-btn-transparent:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(189 189 189 / var(--tw-text-opacity));
}

.vfb-btn-sm{
  font-size: var(--vf-font-size-sm);
  line-height: var(--vf-line-height-sm);
  letter-spacing: var(--vf-letter-spacing-sm);
  border-radius: var(--vf-radius-btn-sm);
  padding: var(--vf-py-btn-sm) var(--vf-px-btn-sm);
}

.vfb-btn-sm.vfb-util-tabs-tiny{
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.25;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.vfb-btn-sm.vfb-util-tabs-small{
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.25;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.vfb-btn-xs{
  display: inline-block;
  border-radius: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.8125rem;
}

.vfb-no-px {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.vfb-px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.vfb-matrix-condition-button {
  position: relative;
}
.vfb-matrix-condition-button:hover .vfb-matrix-condition-button-tooltip {
  opacity: 1;
}

.vfb-matrix-condition-button-tooltip{
  position: absolute;
  left: 50%;
  bottom: -0.25rem;
  --tw-translate-x: -50%;
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  white-space: nowrap;
  border-radius: 0.25rem;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-matrix-condition-button-count{
  position: absolute;
  right: -0.5rem;
  top: -0.5rem;
  display: flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  font-size: 10px;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.vfb-config-list-remove:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity));
}

.vfb-toggle-next-closer{
  margin-bottom: -0.5rem;
}

.vfb-mx-px{
  margin-left: 1px;
  margin-right: 1px;
}

.vfb-mb-1{
  margin-bottom: 0.25rem;
}

.vfb-mb-2{
  margin-bottom: 0.5rem;
}

.vfb-mt-1\.5{
  margin-top: 0.375rem;
}

.vfb-mt-2{
  margin-top: 0.5rem;
}

.vfb-items-endpoint-input{
  margin-top: -0.5rem;
}

.vfb-opacity-60 {
  opacity: 0.6;
}

.vfb-pointer-events-none {
  pointer-events: none;
}

.vfb-border-t-0 {
  border-top: 0 !important;
}

.vfb-columns-current{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.vfb-columns-viewport{
  font-size: 0.75rem;
  line-height: 1rem;
}

.vfb-color-muted{
  color: var(--vf-color-muted);
}

.vfb-full {
  width: 100%;
}

.vfb-text-center {
  text-align: center;
}

.vfb-cursor-pointer {
  cursor: pointer;
}

.vfb-theme-option{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.vfb-theme-option-delete{
  font-size: 0.625rem;
  opacity: 0.4;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-theme-option-delete:hover{
  opacity: 1;
}

.vfb-validation-rule-helper{
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--vf-color-muted);
  padding-left: var(--vf-px-input);
  padding-right: var(--vf-px-input);
}

.vfb-form-width-checkbox-container{
  display: flex;
  height: 36px;
  align-items: center;
}

.vfb-col-span-12 {
  grid-column: span 12/span 12 !important;
}

.vfb-multiline-addon,
.vf-addon.vf-addon-before.vfb-multiline-addon,
.vf-addon.vf-addon-before.vf-addon-sm.vfb-multiline-addon{
  margin-top: 1px;
  align-items: flex-start;
  padding-top: 0.5rem;
}

.vfb-border-0 {
  border: 0;
}

.vfb-radius-0 {
  border-radius: 0;
}

.vfb-outline-none {
  outline: none !important;
}

.vfb-h-auto {
  height: auto;
}

.vfb-matrix-list-add,
.vf-btn-list-add.vfb-matrix-list-add{
  margin-top: 0px;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  text-align: center;
  border-radius: var(--vf-radius-input);
  padding: var(--vf-py-btn) var(--vf-px-btn);
}

.vfb-matrix-list-add.vfb-modal-ai-submit,
.vf-btn-list-add.vfb-matrix-list-add.vfb-modal-ai-submit{
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #17c495 var(--tw-gradient-to-position);
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-weight: 600;
}

.vfb-matrix-list-add-empty,
.vf-btn-list-add.vfb-matrix-list-add.vfb-matrix-list-add-empty{
  position: relative;
  top: -0.125rem;
  margin-top: -1rem;
}

.vfb-matrix-list-list{
  margin-bottom: calc(var(--vf-gutter-sm) * 1);
}

.vfb-matrix-list-item{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
  border-radius: var(--vf-radius-input);
  border-width: var(--vf-border-width-input-t) var(--vf-border-width-input-r) var(--vf-border-width-input-b) var(--vf-border-width-input-l);
  border-color: var(--vf-border-color-input);
}

.sortable-ghost.vfb-matrix-list-item{
  opacity: 0;
}

.vfb-matrix-list-item:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(57 57 57 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}

.vfb-matrix-list-handle,
.vf-list-handle.vfb-matrix-list-handle{
  left: 0.375rem;
  top: 1rem;
}

.vfb-matrix-item-list-label{
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.vfb-matrix-item-list-handle{
  left: 1px;
}

.sortable-ghost.vfb-matrix-item-list-item{
  opacity: 0;
}

.vfb-props-form-elements {
  gap: 0 !important;
}

.vfb-props-form-element-label{
  line-height: 1.375;
}

.vfb-h-full {
  height: 100%;
}

.vfb-simple-items-label{
  order: 2;
  margin-top: 0.375rem;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-simple-items-label:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-util-flash {
  transition: 0.1s;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: flash;
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes vfb-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes vfb-fade-in-up {
  0% {
    opacity: 0;
    transform: translate3d(0, 15%, 0);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes vfb-fade-in-down {
  0% {
    opacity: 0;
    transform: translate3d(0, -15%, 0);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
.vfb-toaster-container{
  position: sticky;
  top: 100%;
  z-index: 999;
  margin-left: 4rem;
  margin-right: 4rem;
  display: flex;
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  padding-bottom: 1rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.vfb-toaster-container.vfb-toaster-container-visible{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.vfb-toaster{
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 0.25rem;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 1;
}
.vfb-toaster .vfb-toaster-error{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  box-shadow: 2px 2px 1px 0px rgba(126, 58, 58, 0.5);
}
.vfb-toaster .vfb-toaster-info{
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
  box-shadow: 2px 2px 1px 0px rgba(96, 165, 250, 0.5);
}
.vfb-toaster .vfb-toaster-success{
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  box-shadow: 2px 2px 1px 0px rgba(31, 150, 118, 0.5);
}

.vfb-toaster-wrapper{
  display: flex;
  align-items: center;
}

.vfb-toaster-icon{
  margin-right: 0.75rem;
}

.vfb-toaster-close-wrapper{
  margin-left: 1rem;
}

.vfb-toaster-close{
  cursor: pointer;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0.7;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-toaster-close:hover{
  opacity: 0.9;
}

.vfb-overlay {
  animation-duration: 0.15s;
  animation-delay: 0;
  animation-fill-mode: both;
  animation-name: vfb-fade-in;
  position: absolute;
  inset: 0px;
  z-index: 999;
  overflow-y: auto;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.9;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.vfb-overlay:is(.dark *){
  background-color: rgb(25 25 25 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.9;
}

.vfb-modal {
  animation-duration: 0.3s;
  animation-delay: 0;
  animation-fill-mode: both;
  animation-name: vfb-fade-in-up;
  margin-left: auto;
  margin-right: auto;
  max-width: 51rem;
  --tw-translate-y: -25%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0px 0px 10px 0 rgba(0,0,0,0.10);
  --tw-shadow-colored: 0px 0px 10px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-modal:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(50 50 50 / var(--tw-bg-opacity));
}

.vfb-modal-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.vfb-modal-header:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
}

.vfb-modal-title{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 1;
}

.vfb-modal-title:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(220 220 220 / var(--tw-text-opacity));
}

.vfb-modal-subtitle{
  font-size: 0.9375rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-modal-subtitle:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-modal-close-button{
  cursor: pointer;
  border-width: 0px;
  background-color: transparent;
  border: 0;
}

.vfb-modal-close{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-modal-close:hover{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.vfb-modal-close:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-modal-close:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(220 220 220 / var(--tw-text-opacity));
}

.vfb-modal-content{
  margin-top: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.vfb-modal-content:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(220 220 220 / var(--tw-text-opacity));
}
.vfb-modal-content form{
  margin-top: -1rem;
}

.vfb-modal-buttons{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.75rem;
  padding-right: 0.75rem;
}

.vfb-modal-buttons:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity));
}

.vfb-modal-buttons-left > div, .vfb-modal-buttons-left > button{
  margin-right: 0.5rem;
}

.vfb-modal-ai{
  max-width: 38.75rem;
  border-radius: 16px;
}

.vfb-modal-ai-head{
  position: relative;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.75rem;
}

.vfb-modal-ai-head-title-container{
  display: flex;
  align-items: center;
  line-height: 1.25;
}

.vfb-modal-ai-head-title-icon{
  font-size: 21px;
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity));
}

.vfb-modal-ai-head-title{
  margin-left: 0.5rem;
  display: inline-block;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #17c495 var(--tw-gradient-to-position);
  -webkit-background-clip: text;
          background-clip: text;
  font-size: 24px;
  font-weight: 600;
  color: transparent;
}

.vfb-modal-ai-head-title-beta{
  margin-left: 0.5rem;
  margin-top: 0.125rem;
  border-radius: 0.25rem;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #17c495 var(--tw-gradient-to-position);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-modal-ai-head-description{
  font-size: 16px;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-modal-ai-head-description:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-modal-ai-head-close-button{
  position: absolute;
  top: 1.75rem;
  right: 2rem;
}

.vfb-modal-ai-speed-selector *, .vfb-modal-ai-speed-selector:before, .vfb-modal-ai-speed-selector:after {
  --vf-primary: var(--vf-gray-100);
}

.dark .vfb-modal-ai-speed-selector *, .dark .vfb-modal-ai-speed-selector:before, .dark .vfb-modal-ai-speed-selector:after {
  --vf-primary: var(--vf-dark-500);
}

.vfb-modal-ai-speed-selector-text span{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.vfb-modal-ai-speed-selector-text span:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-modal-ai-loader-container{
  margin-top: 3px;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.vf-btn.vfb-modal-ai-submit,
.form-p-btn.vfb-modal-ai-submit{
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #17c495 var(--tw-gradient-to-position);
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-weight: 600;
}

.vfb-modal-ai-submit-icon{
  margin-right: 0.5rem;
}

.vfb-modal-ai-loader {
  transform: rotateZ(45deg);
  perspective: 1000px;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  --tw-text-opacity: 1;
  color: rgb(23 196 149 / var(--tw-text-opacity));
}
.vfb-modal-ai-loader:before, .vfb-modal-ai-loader:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  transform: rotateX(70deg);
  animation: 1s vfb-ai-loader-spin linear infinite;
}
.vfb-modal-ai-loader:after {
  transform: rotateY(70deg);
  animation-delay: 0.4s;
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity));
}

.vfb-modal-ai-text-loader{
  position: relative;
  z-index: 1;
  margin-top: -9px;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  text-align: center;
  font-size: 18px;
  line-height: 3;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

.vfb-modal-ai-text-loader:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(160 160 160 / var(--tw-text-opacity));
}

.vfb-modal-ai-loader-messages{
  margin-top: 0.5rem;
  height: 36px;
  overflow: hidden;
}

.vfb-modal-ai-loader-cancel{
  margin-top: 1rem;
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
  text-decoration-line: underline;
}

.vfb-modal-ai-loader-cancel:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-modal-import{
  margin-bottom: 3rem;
}

.vfb-modal-import-wrapper{
  margin-left: -2rem;
  margin-top: -2.5rem;
  margin-bottom: -1.5rem;
  display: flex;
  width: calc(100% + 4rem);
  flex-direction: column;
}

.vfb-modal-import-textarea{
  margin: 0px;
  box-sizing: border-box;
  min-height: 400px;
  width: 100%;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 13px;
  line-height: 1.5;
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vfb-modal-import-textarea:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-modal-import-error{
  box-sizing: border-box;
  width: 100%;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.vfb-modal-import-btn-disabled{
  pointer-events: none;
  opacity: 0.6;
}

.vfb-modal-custom-element-note{
  margin-top: 0.5rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.vfb-modal-custom-element-note:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@keyframes vfb-ai-loader-rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}
@keyframes vfb-ai-loader-rotateccw {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@keyframes vfb-ai-loader-spin {
  0%, 100% {
    box-shadow: 0.3em 0px 0 0px currentcolor;
  }
  12% {
    box-shadow: 0.3em 0.3em 0 0 currentcolor;
  }
  25% {
    box-shadow: 0 0.3em 0 0px currentcolor;
  }
  37% {
    box-shadow: -0.3em 0.3em 0 0 currentcolor;
  }
  50% {
    box-shadow: -0.3em 0 0 0 currentcolor;
  }
  62% {
    box-shadow: -0.3em -0.3em 0 0 currentcolor;
  }
  75% {
    box-shadow: 0px -0.3em 0 0 currentcolor;
  }
  87% {
    box-shadow: 0.3em -0.3em 0 0 currentcolor;
  }
}
.vfb-conditions-head-title{
  font-weight: 600;
  text-transform: uppercase;
}

.vfb-conditions-head-subtitle{
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
}

.vfb-conditions-head-label{
  margin-right: 0.25rem;
}

.vfb-conditions-head-secondary{
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-code .token.vfb-conditions-head-secondary {
  font-style: italic;
}

.vfb-conditions-empty-wrapper{
  margin-bottom: 1rem;
  text-align: center;
}

.vfb-conditions-empty-icon{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  height: 4rem;
  width: 4rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  font-size: 1.875rem;
  line-height: 2.25rem;
  --tw-text-opacity: 1;
  color: rgb(23 196 149 / var(--tw-text-opacity));
}

.vfb-conditions-empty-title{
  margin-top: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}

.vfb-conditions-empty-subtitle{
  margin-bottom: 1rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-conditions-empty-subtitle:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-condition-list{
  position: relative;
  padding-left: 2.5rem;
}
.vfb-condition-list:before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 2.875rem;
  left: 1rem;
  margin-left: 0.125rem;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}
.vfb-condition-list:is(.dark *):before{
  --tw-bg-opacity: 1;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity));
}

.vfb-condition-list-item-and{
  position: relative;
}
.vfb-condition-list-item-and:before {
  content: "";
  position: absolute;
  top: 0.75rem;
  left: -2.5rem;
  height: 1rem;
  width: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.vfb-condition-list-item-and:is(.dark *):before{
  --tw-bg-opacity: 1;
  background-color: rgb(50 50 50 / var(--tw-bg-opacity));
}
.vfb-condition-list-item-and:after {
  content: "and";
  position: absolute;
  top: 0.875rem;
  left: -2.5rem;
  width: 2.5rem;
  text-align: center;
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}
.vfb-condition-list-item-and:is(.dark *):after{
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-condition-list-add{
  position: relative;
  margin-left: -3rem;
}

.vfb-condition-list-remove:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity));
}

.vfb-condition-sublist{
  position: relative;
}
.vfb-condition-sublist:before {
  content: "";
  position: absolute;
  top: 3.5rem;
  bottom: 0px;
  left: 1rem;
  margin-left: 0.125rem;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}
.vfb-condition-sublist:is(.dark *):before{
  --tw-bg-opacity: 1;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity));
}

.vfb-condition-sublist-item-or{
  position: relative;
  padding-left: 2.5rem;
}
.vfb-condition-sublist-item-or:before {
  content: "";
  position: absolute;
  top: 0.75rem;
  left: 0px;
  height: 1rem;
  width: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.vfb-condition-sublist-item-or:is(.dark *):before{
  --tw-bg-opacity: 1;
  background-color: rgb(50 50 50 / var(--tw-bg-opacity));
}
.vfb-condition-sublist-item-or:after {
  content: "or";
  position: absolute;
  top: 0.875rem;
  left: 0px;
  width: 2.5rem;
  text-align: center;
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}
.vfb-condition-sublist-item-or:is(.dark *):after{
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-conditions-render{
  position: relative;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(250 251 252 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
}

.vfb-conditions-render:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(50 50 50 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(50 50 50 / var(--tw-bg-opacity));
}

.vfb-conditions-render-title{
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vfb-conditions-render-title-text{
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-conditions-render-title-text:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}

.vfb-conditions-render-title-btn,.vfb-conditions-render-title-btn:before,.vfb-conditions-render-title-btn:after,.vfb-conditions-render-title-btn:root {
  --vf-bg-btn: #17c495;
  --vf-border-color-btn: #17c495;
}

.vfb-conditions-render-title-btn{
  display: inline-block;
  cursor: pointer;
  font-size: var(--vf-font-size);
  line-height: var(--vf-line-height);
  letter-spacing: var(--vf-letter-spacing);
  border-radius: var(--vf-radius-btn);
  padding: var(--vf-py-btn) var(--vf-px-btn);
  border-width: var(--vf-border-width-btn);
  border-style: solid;
  box-shadow: var(--vf-shadow-btn);
}

.vfb-conditions-render-title-btn.vfb-modal-ai-submit{
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #17c495 var(--tw-gradient-to-position);
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-weight: 600;
}

.vfb-conditions-render-title-btn:focus{
  outline: var(--vf-ring-width) solid var(--vf-ring-color);
}

.vfb-conditions-render-title-btn{
  color: var(--vf-color-btn);
  background-color: var(--vf-bg-btn);
  border-color: var(--vf-border-color-btn);
  display: inline-block;
  border-radius: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.8125rem;
}

.vfb-conditions-render-title-btn:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
}

.vfb-conditions-render-or-group{
  margin-left: 0.5rem;
}
.vfb-conditions-render-or-group:nth-of-type(1){
  margin-left: 0px;
}

.vfb-conditions-render-one{
  display: flex;
}

.vfb-conditions-render-field{
  font-weight: 700;
}
.vfb-conditions-render-field:after {
  content: " ";
}

.vfb-conditions-render-operator:after {
  content: " ";
}

.vfb-conditions-render-expected{
  font-weight: 600;
}

.vfb-conditions-render-or{
  margin-top: 0.1875rem;
  margin-left: 0.5rem;
  margin-right: 0.25rem;
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  font-size: 0.75rem;
  line-height: 1rem;
}

.vfb-conditions-render-and{
  margin-top: 0.125rem;
  margin-right: 0.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  line-height: 1rem;
}

.vfb-conditions-render-or,
.vfb-conditions-render-and{
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-conditions-render-or:is(.dark *),
.vfb-conditions-render-and:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}

.vfb-condition-icon{
  position: relative;
  margin-left: 1px;
  --tw-text-opacity: 1;
  color: rgb(23 196 149 / var(--tw-text-opacity));
}

.vfb-condition-icon:hover .vfb-tooltip{
  display: inline-block;
}

.vfb-condition-icon {
  color: var(--vf-gray-500);
  background: var(--vf-gray-300);
  border-radius: 3px;
  font-size: 12px;
  width: 18px;
  display: inline-flex;
  height: 18px;
  align-items: center;
  justify-content: center;
}

.vfb-conditions-render-empty-wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vfb-conditions-render-empty-btn,.vfb-conditions-render-empty-btn:before,.vfb-conditions-render-empty-btn:after,.vfb-conditions-render-empty-btn:root {
  --vf-bg-btn: #17c495;
  --vf-border-color-btn: #17c495;
}

.vfb-conditions-render-empty-btn{
  display: inline-block;
  cursor: pointer;
  font-size: var(--vf-font-size);
  line-height: var(--vf-line-height);
  letter-spacing: var(--vf-letter-spacing);
  border-radius: var(--vf-radius-btn);
  padding: var(--vf-py-btn) var(--vf-px-btn);
  border-width: var(--vf-border-width-btn);
  border-style: solid;
  box-shadow: var(--vf-shadow-btn);
}

.vfb-conditions-render-empty-btn.vfb-modal-ai-submit{
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #17c495 var(--tw-gradient-to-position);
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-weight: 600;
}

.vfb-conditions-render-empty-btn:focus{
  outline: var(--vf-ring-width) solid var(--vf-ring-color);
}

.vfb-conditions-render-empty-btn{
  color: var(--vf-color-btn);
  background-color: var(--vf-bg-btn);
  border-color: var(--vf-border-color-btn);
  display: inline-block;
  border-radius: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.8125rem;
}

.vfb-conditions-render-empty-btn:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
}

.vfb-fields-container{
  max-height: 400px;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  max-width: 576px;
  word-break: break-word;
}

.vfb-field-container-no-nesting{
  padding-left: 0.125rem;
}

.vfb-field-input{
  z-index: 1;
}

.vfb-field-label{
  position: absolute;
  left: 0px;
  top: 1px;
  bottom: 0px;
  right: 1rem;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding-top: var(--vf-py-input);
  padding-bottom: var(--vf-py-input);
}

.vfb-field-wrapper{
  display: flex;
  width: 100%;
  align-items: center;
  padding-left: 0.625rem;
  line-height: 1;
}

.vfb-field-wrapper-root{
  padding-top: 0.375rem;
  padding-bottom: 0.125rem;
  font-weight: 600;
  text-transform: uppercase;
}

.vfb-field-wrapper-disabled{
  opacity: 0.5;
}

.vfb-field-spacing{
  white-space: nowrap;
}

.vfb-field-selected.vfb-field-pointed .vfb-field-icon, .vfb-field-selected.vfb-field-pointed .vfb-field-chevron, .vfb-field-selected.vfb-field-pointed .vfb-field-text, .vfb-field-selected.vfb-field-pointed .vfb-field-text-secondary,
.vfb-field-selected .vfb-field-icon,
.vfb-field-selected .vfb-field-chevron,
.vfb-field-selected .vfb-field-text,
.vfb-field-selected .vfb-field-text-secondary{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-field-selected.vfb-field-pointed .vfb-field-icon:is(.dark *), .vfb-field-selected.vfb-field-pointed .vfb-field-chevron:is(.dark *), .vfb-field-selected.vfb-field-pointed .vfb-field-text:is(.dark *), .vfb-field-selected.vfb-field-pointed .vfb-field-text-secondary:is(.dark *),
.vfb-field-selected .vfb-field-icon:is(.dark *),
.vfb-field-selected .vfb-field-chevron:is(.dark *),
.vfb-field-selected .vfb-field-text:is(.dark *),
.vfb-field-selected .vfb-field-text-secondary:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-field-icon-container{
  position: relative;
  margin-right: 0.375rem;
  display: flex;
  height: 1.125rem;
  width: 1.125rem;
  flex-shrink: 0;
  flex-grow: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  background-color: transparent;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-field-icon{
  max-height: 1.25rem;
  max-width: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(23 196 149 / var(--tw-text-opacity));
}

.vfb-field-chevron-container{
  position: relative;
  margin-right: 1px;
  margin-left: -1.1875rem;
  display: flex;
  height: 1.125rem;
  width: 1.125rem;
  flex-shrink: 0;
  flex-grow: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  background-color: transparent;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.vfb-field-chevron-container-sub{
  position: relative;
}

.vfb-field-chevron{
  font-size: 0.625rem;
}

.vfb-field-text{
  justify-content: center;
  overflow-x: hidden;
  overflow-y: visible;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.vfb-field-text-primary{
  height: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.125;
}

.vfb-field-text-primary:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(220 220 220 / var(--tw-text-opacity));
}

.vfb-field-text-secondary{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 1px;
  padding-right: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-style: italic;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-code .token.vfb-field-text-secondary {
  font-style: italic;
}

.vfb-field-text-secondary:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}

.vfb-grid-modal-overlay{
  padding-bottom: 2.5rem;
}

.vfb-grid-modal{
  position: relative;
  display: flex;
  width: 566px;
  flex-direction: column;
  border-radius: 0px;
}

.vfb-grid-modal-nav{
  position: absolute;
  left: 50%;
  bottom: -2.5rem;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 0.5rem;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-grid-modal-close{
  position: absolute;
  right: -0.625rem;
  top: -0.625rem;
  z-index: 1;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-grid-modal-close:hover{
  --tw-bg-opacity: 0.9;
}

.vfb-grid-modal-toolbar{
  position: relative;
  display: flex;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.vfb-grid-modal-toolbar:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}

.vfb-grid-modal-input-wrapper{
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-grow: 0;
  align-items: center;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-grid-modal-input-wrapper:hover .vfb-tooltip{
  display: inline-block;
}

.vfb-grid-modal-input-wrapper:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(85 85 85 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-grid-modal-input-button{
  display: flex;
  height: 18px;
  width: 18px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
}

.vfb-grid-modal-input-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.vfb-grid-modal-input-button:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
}

.vfb-grid-modal-input{
  box-sizing: border-box;
  height: 26px;
  width: 24px;
  border-width: 0px;
  background-color: transparent;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  border: 0;
}

.vfb-grid-modal-input:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(220 220 220 / var(--tw-text-opacity));
}

.vfb-grid-modal-input-times{
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.vfb-grid-modal-input-times:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-grid-modal-separator{
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  height: 24px;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.vfb-grid-modal-separator:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(85 85 85 / var(--tw-bg-opacity));
}
.vfb-grid-modal-separator.between-rows-merge{
  margin-left: 0.75rem;
}
.vfb-grid-modal-separator.between-redo-save{
  margin-right: 0.75rem;
}

.vfb-grid-modal-action-button{
  position: relative;
  display: flex;
  height: 28px;
  width: 28px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-grid-modal-action-button:hover .vfb-tooltip{
  display: inline-block;
}

.vfb-grid-modal-action-button:hover{
  background-color: #1118270d;
}

.vfb-grid-modal-action-button:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-grid-modal-action-button:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
}

.vfb-grid-modal-action-button-disabled{
  pointer-events: none;
  opacity: 0.4;
}

.vfb-grid-modal-action-button-active{
  background-color: #1118270d;
}

.vfb-grid-modal-action-button-active:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
}

.vfb-grid-modal-merge{
  font-size: 1rem;
  line-height: 1.5rem;
}

.vfb-grid-modal-split{
  margin-left: 0.125rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.vfb-grid-modal-clear{
  margin-left: 0.125rem;
}

.vfb-grid-modal-redo{
  margin-left: 0.125rem;
}

.vfb-grid-modal-reset{
  margin-left: -0.375rem;
  margin-right: 0.375rem;
}

.vfb-grid-modal-save{
  position: relative;
  display: flex;
  height: 28px;
  width: 28px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(23 196 149 / var(--tw-text-opacity));
}

.vfb-grid-modal-save:hover .vfb-tooltip{
  display: inline-block;
}

.vfb-grid-modal-save:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-grid-modal-canvas{
  position: relative;
  display: flex;
  height: 566px;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  padding: 2.5rem;
}

.vfb-grid-modal-canvas:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(18 18 18 / var(--tw-bg-opacity));
}
.vfb-grid-modal-canvas.is-h-centered{
  justify-content: center;
}
.vfb-grid-modal-canvas.is-v-centered{
  align-items: center;
}

.vfb-grid-modal-grid-overlay-container{
  position: absolute;
  inset: 2.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.vfb-grid-modal-grid-overlay-container.is-h-centered{
  justify-content: center;
}
.vfb-grid-modal-grid-overlay-container.is-v-centered{
  align-items: center;
}

.vfb-grid-modal-grid-overlay{
  position: relative;
  box-sizing: border-box;
  display: grid;
  height: 100%;
  width: 100%;
  gap: 1px;
  padding: 1px;
}

.vfb-grid-modal-remove-line{
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.vfb-grid-modal-add-line{
  position: absolute;
  z-index: 1;
  display: flex;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
}

.vfb-grid-modal-add-line-stroke{
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
}
.vfb-grid-modal-add-line-stroke.is-vertical{
  height: 100%;
  width: 1px;
}
.vfb-grid-modal-add-line-stroke.is-horizontal{
  height: 1px;
  width: 100%;
}

.vfb-grid-modal-grid-overlay-cell{
  position: relative;
  box-sizing: border-box;
  display: flex;
  min-height: 2rem;
  min-width: 2rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-grid-modal-add-line-button{
  position: absolute;
  bottom: -11px;
  z-index: 1;
  display: flex;
  height: 21px;
  width: 21px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0;
}

.vfb-grid-modal-add-line-button:hover .vfb-tooltip{
  display: inline-block;
}

.vfb-grid-modal-add-line-button:hover{
  opacity: 1;
}
.vfb-grid-modal-add-line-button.is-row{
  bottom: -11px;
}
.vfb-grid-modal-add-line-button.is-col{
  right: -11px;
}
.vfb-grid-modal-add-line-button.is-first-row{
  top: -11px;
  bottom: auto;
}
.vfb-grid-modal-add-line-button.is-first-col{
  left: -11px;
  right: auto;
}
.vfb-grid-modal-add-line-button.is-on-left{
  left: -21px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.vfb-grid-modal-add-line-button.is-on-right{
  right: -21px;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.vfb-grid-modal-add-line-button.is-on-top{
  top: -21px;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.vfb-grid-modal-add-line-button.is-on-bottom{
  bottom: -21px;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.vfb-grid-modal-remove-line-button{
  position: absolute;
  z-index: 1;
  display: flex;
  height: 21px;
  width: 21px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0;
}

.vfb-grid-modal-remove-line-button:hover .vfb-tooltip{
  display: inline-block;
}

.vfb-grid-modal-remove-line-button:hover{
  opacity: 1;
}
.vfb-grid-modal-remove-line-button.is-row{
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.vfb-grid-modal-remove-line-button.is-col{
  left: 50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.vfb-grid-modal-remove-line-button.is-on-left{
  left: -21px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.vfb-grid-modal-remove-line-button.is-on-right{
  right: -21px;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.vfb-grid-modal-remove-line-button.is-on-top{
  top: -21px;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.vfb-grid-modal-remove-line-button.is-on-bottom{
  bottom: -21px;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.vfb-grid-modal-grid{
  position: relative;
  box-sizing: border-box;
  display: grid;
  height: 100%;
  width: 100%;
  cursor: crosshair;
  gap: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
  padding: 1px;
  --tw-shadow: 0px 0px 6px 0 rgba(0,0,0,0.10);
  --tw-shadow-colored: 0px 0px 6px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.vfb-grid-modal-grid.is-dark:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(85 85 85 / var(--tw-bg-opacity));
}

.vfb-grid-modal-grid-selector-box{
  position: absolute;
  z-index: 1;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
}

.vfb-grid-modal-grid-cell{
  position: relative;
  box-sizing: border-box;
  display: flex;
  min-height: 2rem;
  min-width: 2rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.vfb-grid-modal-grid-cell:hover .vfb-tooltip{
  display: inline-block;
}
.vfb-grid-modal-grid-cell.is-dark:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(220 220 220 / var(--tw-text-opacity));
}
.vfb-grid-modal-grid-cell.is-selected{
  background-color: rgb(254 202 202 / 1);
}
.vfb-grid-modal-grid-cell.is-selected.is-dark:is(.dark *){
  background-color: rgb(254 202 202 / 1);
}
.vfb-grid-modal-grid-cell.is-left, .vfb-grid-modal-grid-cell.is-justify{
  justify-content: flex-start;
}
.vfb-grid-modal-grid-cell.is-center{
  justify-content: center;
}
.vfb-grid-modal-grid-cell.is-right{
  justify-content: flex-end;
}
.vfb-grid-modal-grid-cell.is-top, .vfb-grid-modal-grid-cell.is-baseline{
  align-items: flex-start;
}
.vfb-grid-modal-grid-cell.is-middle{
  align-items: center;
}
.vfb-grid-modal-grid-cell.is-bottom{
  align-items: flex-end;
}

.vfb-grid-modal-grid-cell-icon{
  pointer-events: none;
}

.vfb-grid-modal-grid-cell-label{
  max-height: 66%;
  max-width: 66%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vfb-grid-modal-grid-cell-tooltip{
  max-width: 400px;
}

.vfb-grid-modal-grid-cell-tooltip div{
  overflow: hidden;
  text-overflow: ellipsis;
}

.vf-grid-table .vf-grid-field-wrapper > .vfb-preview-element-container > .vfb-preview-element-outer-wrapper > .vfb-preview-element-inner-container > .vfb-preview-element-inner-wrapper-before, .vf-grid-table .vf-grid-field-wrapper > .vfb-preview-element-container > .vfb-preview-element-outer-wrapper > .vfb-preview-element-inner-container > .vfb-preview-element-inner-wrapper-after {
  display: none;
}

.vf-matrix-table .vf-matrix-cell-wrapper > .vfb-preview-element-container > .vfb-preview-element-outer-wrapper > .vfb-preview-element-inner-container > .vfb-preview-element-inner-wrapper-before, .vf-matrix-table .vf-matrix-cell-wrapper > .vfb-preview-element-container > .vfb-preview-element-outer-wrapper > .vfb-preview-element-inner-container > .vfb-preview-element-inner-wrapper-after,
.vf-grid-table .vf-matrix-cell-wrapper > .vfb-preview-element-container > .vfb-preview-element-outer-wrapper > .vfb-preview-element-inner-container > .vfb-preview-element-inner-wrapper-before,
.vf-grid-table .vf-matrix-cell-wrapper > .vfb-preview-element-container > .vfb-preview-element-outer-wrapper > .vfb-preview-element-inner-container > .vfb-preview-element-inner-wrapper-after {
  display: none;
}

.vfb-config-panel-container{
  position: absolute;
  inset: 0px;
  z-index: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  overflow-y: auto;
  overflow-x: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.5rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-config-panel-container:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}

.vfb-config-panel-container-hidden{
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.vfb-config-panel-container-hidden.vfb-config-panel-container-left{
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.vfb-config-panel-header-container{
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.vfb-config-panel-header-container:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(50 50 50 / var(--tw-bg-opacity));
}

.vfb-config-panel-header{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.vfb-config-panel-header-wrapper-left{
  display: flex;
  align-items: center;
}

.vfb-config-panel-header-wrapper-right{
  display: flex;
  align-items: center;
}

.vfb-config-panel-header-close{
  margin-top: 0.25rem;
  margin-right: 0.5rem;
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-config-panel-header-close:hover{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.vfb-config-panel-header-close:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-config-panel-header-close:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(160 160 160 / var(--tw-text-opacity));
}

.vfb-config-panel-header-label-wrapper{
  display: flex;
  min-height: 2rem;
  flex-direction: column;
  justify-content: center;
}

.vfb-config-panel-header-label{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.vfb-config-panel-header-description{
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-config-panel-header-label-wrapper.has-subtitle .vfb-config-panel-header-label{
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1;
}

.vfb-config-panel-header-warning{
  position: relative;
  margin-left: 0.375rem;
  margin-top: 0.25rem;
  cursor: pointer;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.vfb-config-panel-header-save,
.vfb-config-panel-header-clone,
.vfb-config-panel-header-remove,
.vfb-config-panel-header-collapse{
  position: relative;
  display: flex;
  height: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-config-panel-header-save:hover .vfb-tooltip,
.vfb-config-panel-header-clone:hover .vfb-tooltip,
.vfb-config-panel-header-remove:hover .vfb-tooltip,
.vfb-config-panel-header-collapse:hover .vfb-tooltip{
  display: inline-block;
}

.vfb-config-panel-header-save:hover,
.vfb-config-panel-header-clone:hover,
.vfb-config-panel-header-remove:hover,
.vfb-config-panel-header-collapse:hover{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.vfb-config-panel-header-save:is(.dark *),
.vfb-config-panel-header-clone:is(.dark *),
.vfb-config-panel-header-remove:is(.dark *),
.vfb-config-panel-header-collapse:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-config-panel-header-save:is(.dark *):hover,
.vfb-config-panel-header-clone:is(.dark *):hover,
.vfb-config-panel-header-remove:is(.dark *):hover,
.vfb-config-panel-header-collapse:is(.dark *):hover{
  --tw-text-opacity: 1;
  color: rgb(160 160 160 / var(--tw-text-opacity));
}

.vfb-config-panel-header-save,
.vfb-config-panel-header-clone,
.vfb-config-panel-header-remove{
  margin-right: 0.75rem;
}

.vfb-config-panel-header-clone{
  font-size: 0.9375rem;
}

*, :before, :after, :root {
  --vf-dark-50: #EFEFEF;
  --vf-dark-100: #DCDCDC;
  --vf-dark-200: #BDBDBD;
  --vf-dark-300: #A0A0A0;
  --vf-dark-400: #848484;
  --vf-dark-500: #737373;
  --vf-dark-550: #555555;
  --vf-dark-600: #393939;
  --vf-dark-700: #323232;
  --vf-dark-750: #292929;
  --vf-dark-800: #262626;
  --vf-dark-900: #191919;
  --vf-dark-1000: #121212;
}

.vfb-config-form *, .vfb-config-form :before, .vfb-config-form :after {
  --vf-gutter-sm: 0.5rem;
  --vf-min-height-input-sm: 2.125rem;
  --vf-py-input-sm: 0.375rem;
  --vf-px-input-sm: 0.675rem;
  --vf-radius-input: 6px;
  --vf-radius-checkbox-sm: 4px;
  --vf-bg-input: var(--vf-gray-100);
  --vf-bg-passive: var(--vf-gray-200);
  --vf-bg-selected: var(--vf-gray-200);
  --vf-border-color-passive: var(--vf-gray-200);
  --vf-border-color-input: var(--vf-gray-200);
  --vf-color-input: var(--vf-gray-900);
  --vf-color-placeholder: var(--vf-gray-400);
}

.dark .vfb-config-form *, .dark .vfb-config-form :before, .dark .vfb-config-form :after {
  --vf-bg-input: var(--vf-dark-700);
  --vf-bg-passive: var(--vf-dark-700);
  --vf-bg-selected: var(--vf-dark-600);
  --vf-color-input: var(--vf-dark-100);
  --vf-color-placeholder: var(--vf-dark-500);
  --vf-border-color-passive: var(--vf-dark-700);
  --vf-border-color-input: var(--vf-dark-800);
  --vf-border-color-checkbox: var(--vf-dark-800);
}

.vfb-config-toggle + .vfb-config-toggle:not(.vfb-util-props-separator-top){
  margin-top: -0.5rem;
}

.vfb-config-form-header{
  grid-column: span 12 / span 12;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  margin-top: -1px;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(236 240 244 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(250 251 252 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.9375rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.vfb-preview-container-default .vfb-config-form-header,
.vfb-preview-container-tablet .vfb-config-form-header {
  grid-column: span 12/span 12;
}

.vfb-config-form-header:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(57 57 57 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(50 50 50 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-config-form-header-first{
  border-top: 0;
}

.vfb-config-form-header-non-collapsible{
  cursor: auto;
}

.vfb-config-form-header-collapse-container{
  order: 2;
  margin-right: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.vfb-config-form-header-collapse-container:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}

.vfb-config-form-header-collapse-loading{
  animation: spin 1s linear infinite;
}

.vfb-config-panel-input-language{
  order: 1;
  display: flex;
  cursor: text;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: flex-start;
  padding-top: 0.5625rem;
  padding-right: 0.375rem;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.vfb-config-panel-input-language:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}
.vfb-config-panel-input-language + input, .vfb-config-panel-input-language + textarea{
  width: inherit;
  padding-right: 0.25rem;
}

.vfb-config-panel-input-language-editor{
  position: absolute;
  bottom: 0.375rem;
  right: 0.5rem;
  cursor: text;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  padding: 0.125rem;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.vfb-config-panel-input-language-editor:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(50 50 50 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-config-panel-warning{
  margin-top: 1rem;
  margin-bottom: 1rem;
  overflow-x: auto;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.vfb-config-panel-warning-text{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.vfb-config-panel-warning-ul{
  list-style-type: disc;
  padding-left: 1.25rem;
  line-height: 1.25;
}

.vfb-config-panel-warning-li{
  margin-left: -0.25rem;
  cursor: pointer;
  padding-right: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-decoration-line: underline;
}

.vfb-elements-container{
  position: absolute;
  inset: 0px;
}
.vfb-elements-container-no-categories .vfb-elements-wrapper{
  top: 3.625rem;
}
.vfb-elements-container-no-categories .vfb-elements-wrapper .vfb-element-container:first-of-type{
  margin-top: 0px;
}

.vfb-elements-container-no-search .vfb-elements-category-container{
  margin-top: 0.25rem;
}
.vfb-elements-container-no-search .vfb-elements-wrapper{
  top: 4rem;
}
.vfb-elements-container-no-search .vfb-elements-wrapper .vfb-element-container:first-of-type{
  margin-top: 0px;
}
.vfb-elements-container-no-search.vfb-elements-container-no-categories .vfb-elements-wrapper{
  top: 0px;
  padding-top: 0.25rem;
}
.vfb-elements-container-no-search.vfb-elements-container-no-categories .vfb-elements-wrapper .vfb-element-container:first-of-type{
  margin-top: 0.5rem;
}

.vfb-elements-top{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}

.vfb-elements-search-container{
  position: relative;
}

.vfb-elements-search-input{
  width: 100%;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  padding-left: 2rem;
  padding-right: 0.75rem;
}

.vfb-elements-search-input::-moz-placeholder{
  color: rgb(148 163 184 / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 1;
}

.vfb-elements-search-input::placeholder{
  color: rgb(148 163 184 / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 1;
}

.vfb-elements-search-input:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(50 50 50 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-elements-search-input:is(.dark *)::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(115 115 115 / var(--tw-placeholder-opacity));
}

.vfb-elements-search-input:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(115 115 115 / var(--tw-placeholder-opacity));
}

.vfb-elements-search-icon{
  position: absolute;
  left: 0.5rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.vfb-elements-search-icon:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-elements-search-remove-icon-container{
  position: absolute;
  right: 0.75rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.vfb-elements-search-remove-icon-container:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-elements-category-container{
  margin-top: 1rem;
}

.vfb-elements-wrapper{
  position: absolute;
  top: 6.5625rem;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow-y: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.vfb-element-container{
  position: relative;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
  --tw-border-opacity: 0;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.vfb-element-container:hover .vfb-element-actions, .vfb-element-container:focus .vfb-element-actions, .vfb-element-container:focus-within .vfb-element-actions{
  opacity: 1;
}
.vfb-element-container:hover .vfb-element-action, .vfb-element-container:focus .vfb-element-action, .vfb-element-container:focus-within .vfb-element-action{
  display: block;
}

.vfb-element-actions{
  position: absolute;
  right: 0.5rem;
  top: 50%;
  display: flex;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  gap: 1rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.vfb-element-actions:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}

.vfb-element-action{
  display: none;
}

.vfb-element-action-icon{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-element-action-icon:hover{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-element-action-icon:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}

.vfb-element-action-icon:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(189 189 189 / var(--tw-text-opacity));
}

.vfb-element-container-enabled{
  cursor: pointer;
}

.vfb-element-container-enabled:hover{
  --tw-shadow: 0px 0px 10px 0 rgba(0,0,0,0.10);
  --tw-shadow-colored: 0px 0px 10px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vfb-element-container-enabled:hover:is(.dark *){
  --tw-shadow: 0px 0px 10px 0 rgba(0,0,0,0.25);
  --tw-shadow-colored: 0px 0px 10px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vfb-element-container-disabled{
  cursor: not-allowed;
  opacity: 0.5;
}

.vfb-element-icon-container{
  margin-right: 0.75rem;
  display: flex;
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  flex-grow: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  font-size: 0.8125rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-element-icon-container:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(160 160 160 / var(--tw-text-opacity));
}

.vfb-element-icon{
  max-height: 1.25rem;
  max-width: 1.25rem;
}

.vfb-element-icon:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(160 160 160 / var(--tw-text-opacity));
}

.vfb-element-text-label{
  font-weight: 600;
  line-height: 1.125;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.vfb-element-text-label:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-element-text-description{
  font-size: 0.8125rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-element-text-description:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}

.vfb-panels-container-tabs .vfb-elements-top{
  padding-top: 0.875rem;
}
.vfb-panels-container-tabs .vfb-elements-wrapper{
  top: 6.1875rem;
}
.vfb-panels-container-tabs .vfb-elements-category-container{
  margin-top: 0.8125rem;
}
.vfb-panels-container-tabs .vfb-element-container:first-of-type{
  margin-top: 0.25rem;
}
.vfb-panels-container-tabs .vfb-elements-container-no-categories .vfb-elements-wrapper{
  top: 3.5rem;
}
.vfb-panels-container-tabs .vfb-elements-container-no-search .vfb-elements-category-container{
  margin-top: 0px;
}
.vfb-panels-container-tabs .vfb-elements-container-no-search .vfb-elements-wrapper{
  top: 3.5rem;
}
.vfb-panels-container-tabs .vfb-elements-container-no-search.vfb-elements-container-no-categories .vfb-elements-wrapper{
  top: 2.5rem;
  padding-top: 0px;
}
.vfb-panels-container-tabs .vfb-elements-container-no-search.vfb-elements-container-no-categories .vfb-elements-wrapper .vfb-element-container:first-of-type{
  margin-top: 0.5rem;
}

.vfb-tree-container{
  position: absolute;
  inset: 0px;
}

.vfb-tree-top{
  display: flex;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}

.vfb-panels-container-tabs .vfb-tree-top{
  padding-top: 0.875rem;
}
.vfb-panels-container-tabs .vfb-tree-wrapper{
  top: 3.5rem;
}

.vfb-tree-search-container{
  position: relative;
  flex: 1 1 0%;
}

.vfb-tree-search-input{
  width: 100%;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  padding-left: 2rem;
  padding-right: 0.75rem;
}

.vfb-tree-search-input::-moz-placeholder{
  color: rgb(148 163 184 / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 1;
}

.vfb-tree-search-input::placeholder{
  color: rgb(148 163 184 / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 1;
}

.vfb-tree-search-input:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(50 50 50 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-tree-search-input:is(.dark *)::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(115 115 115 / var(--tw-placeholder-opacity));
}

.vfb-tree-search-input:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(115 115 115 / var(--tw-placeholder-opacity));
}

.vfb-tree-search-icon{
  position: absolute;
  left: 0.5rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.vfb-tree-search-icon:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-tree-search-remove-icon-container{
  position: absolute;
  right: 0.75rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.vfb-tree-search-remove-icon-container:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-tree-toggle-all-container{
  position: relative;
  margin-left: 0.5rem;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-size: 0.9375rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-tree-toggle-all-container:hover .vfb-tooltip{
  display: inline-block;
}

.vfb-tree-toggle-all-container:hover{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-tree-toggle-all-container:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}

.vfb-tree-toggle-all-container:is(.dark *):hover{
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-tree-wrapper{
  position: absolute;
  top: 3.5rem;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow-y: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.25rem;
}

.vfb-tree-item-container{
  padding-top: 1px;
  padding-bottom: 1px;
}

.vfb-tree-item-container-child{
  position: relative;
}
.vfb-tree-item-container-child:before {
  content: "";
  position: absolute;
  left: -0.5rem;
  top: 0.9375rem;
  height: 1px;
  width: 0.625rem;
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}
.vfb-tree-item-container-child:is(.dark *):before{
  --tw-bg-opacity: 1;
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
}

.vfb-tree-item-wrapper{
  position: relative;
  z-index: 1;
  margin-left: -0.125rem;
  margin-right: -0.125rem;
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
  --tw-border-opacity: 0;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vfb-tree-item-wrapper:is(.dark *){
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-tree-item-wrapper-enabled{
  cursor: pointer;
}

.vfb-tree-item-wrapper-enabled:hover{
  --tw-bg-opacity: 1;
  --tw-shadow: 0px 0px 6px 0 rgba(0,0,0,0.10);
  --tw-shadow-colored: 0px 0px 6px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vfb-tree-item-wrapper-enabled:hover:is(.dark *){
  --tw-shadow: 0px 0px 6px 0 rgba(0,0,0,0.25);
  --tw-shadow-colored: 0px 0px 6px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vfb-tree-item-wrapper-disabled{
  cursor: default;
}

.vfb-tree-item-wrapper-selected{
  --tw-text-opacity: 1;
  color: rgb(23 196 149 / var(--tw-text-opacity));
}

.vfb-tree-item-wrapper-selected:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(23 196 149 / var(--tw-text-opacity));
}

.vfb-tree-item-area-top{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  height: 1rem;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0;
}
.vfb-tree-item-area-top.vfb-tree-item-area-top-first-child{
  top: -0.9375rem;
  height: 2rem;
}
.vfb-tree-item-area-top.vfb-tree-item-area-top-first-child .vfb-tree-item-drag-line-top{
  top: 0.8125rem;
}
.vfb-tree-item-area-top.vfb-tree-item-area-top-dragging-page{
  bottom: 50%;
  height: auto;
}
.vfb-tree-item-area-top.vfb-tree-item-area-top-adding-page{
  top: 0px;
  bottom: 0px;
  height: auto;
}
.vfb-tree-item-area-top.vfb-tree-item-area-top-adding-page .vfb-tree-item-drag-line-top{
  top: 2rem;
  left: 1.25rem;
  right: 1.25rem;
  margin-top: 0.125rem;
}

.vfb-tree-item-drag-line-top{
  pointer-events: none;
  position: absolute;
  top: -0.125rem;
  left: 0px;
  right: 0px;
  display: none;
  height: 0.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
}

.vfb-tree-item-area-bottom{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  height: 1rem;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0;
}
.vfb-tree-item-area-bottom.vfb-tree-item-area-bottom-with-children{
  z-index: 1;
  height: 0.5rem;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0;
}
.vfb-tree-item-area-bottom.vfb-tree-item-area-bottom-dragging-page{
  top: 50%;
  height: auto;
}

.vfb-tree-item-drag-line-bottom{
  pointer-events: none;
  position: absolute;
  bottom: -0.125rem;
  left: 0px;
  right: 0px;
  display: none;
  height: 0.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
}

.vfb-tree-item-area-inside{
  position: absolute;
  bottom: 0.375rem;
  left: 1rem;
  right: 0px;
  z-index: 1;
  height: 0.625rem;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0;
}
.vfb-tree-item-area-inside.vfb-tree-item-area-inside-empty{
  z-index: 2;
}

.vfb-tree-item-drag-line-inside{
  pointer-events: none;
  position: absolute;
  bottom: -0.5rem;
  left: 0px;
  right: 0px;
  display: none;
  height: 0.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
}

.vfb-tree-item-drag-line-visible{
  display: block;
}

.vfb-tree-item-icon-container{
  position: relative;
  margin-right: 0.5rem;
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  flex-shrink: 0;
  flex-grow: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-tree-item-icon-container:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(160 160 160 / var(--tw-text-opacity));
}
.vfb-tree-item-icon-container:before {
  content: "";
  position: absolute;
  z-index: -1;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.vfb-tree-item-icon-container:is(.dark *):before{
  --tw-bg-opacity: 1;
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
}

.vfb-tree-item-icon-container-list,
.vfb-tree-item-icon-container-repeat{
  background-color: rgb(0 208 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: .12;
  --tw-text-opacity: 1;
  color: rgb(0 208 255 / var(--tw-text-opacity));
}

.vfb-tree-item-icon-container-list:is(.dark *),
.vfb-tree-item-icon-container-repeat:is(.dark *){
  background-color: rgb(0 208 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.3;
  --tw-text-opacity: 1;
  color: rgb(0 208 255 / var(--tw-text-opacity));
}

.vfb-tree-item-wrapper-selected .vfb-tree-item-icon-container,
.vfb-tree-item-wrapper-selected .vfb-tree-item-icon-container-repeat{
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(23 196 149 / var(--tw-text-opacity));
}
.vfb-tree-item-wrapper-selected .vfb-tree-item-text-secondary{
  color: rgb(23 196 149 / var(--tw-text-opacity));
  --tw-text-opacity: 0.7;
}

.vfb-tree-item-wrapper-being-moved{
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
  opacity: 0.6;
}

.vfb-tree-item-icon{
  max-height: 1.25rem;
  max-width: 1.25rem;
}

.vfb-tree-item-icon-repeat{
  position: absolute;
  right: -0.1875rem;
  bottom: -0.1875rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.125rem;
  font-size: 0.8125rem;
  --tw-shadow: 0px 0px 2px 0px rgba(0,0,0,0.30);
  --tw-shadow-colored: 0px 0px 2px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vfb-tree-item-icon-repeat:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
}

.vfb-tree-item-text{
  pointer-events: none;
  display: inline-flex;
  height: 1.625rem;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: .75rem;
}

.vfb-tree-item-text-secondary{
  font-size: 0.75rem;
  line-height: 1rem;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-code .token.vfb-tree-item-text-secondary {
  font-style: italic;
}

.vfb-tree-item-text-secondary:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}

.vfb-tree-item-actions{
  position: absolute;
  right: 0.375rem;
  top: 50%;
  display: none;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  font-size: 0.8125rem;
  line-height: 1;
}

.vfb-tree-item-actions:is(.dark *){
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
.vfb-tree-item-actions .vfb-tooltip{
  bottom: -0.25rem;
}

.vfb-tree-item-wrapper:hover .vfb-tree-item-actions{
  display: flex;
}

.vfb-tree-item-action{
  margin-left: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-tree-item-action:hover .vfb-tooltip{
  display: inline-block;
}

.vfb-tree-item-action:hover{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-tree-item-action:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}

.vfb-tree-item-action:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}
.vfb-tree-item-action .vfb-tooltip{
  bottom: -0.25rem;
}
.vfb-tree-item-action:first-of-type{
  margin-left: 0px;
}

.vfb-tree-item-children-toggle-wrapper{
  position: absolute;
  left: -1rem;
  top: 0.375rem;
  margin-left: -1px;
  margin-top: 1px;
  cursor: pointer;
  padding: 0.25rem;
}

.vfb-tree-item-children-toggle{
  position: relative;
  display: flex;
  height: 0.5625rem;
  width: 0.5625rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.125rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-size: 0.625rem;
}

.vfb-tree-item-children-toggle:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity));
}
.vfb-tree-item-children-toggle:after {
  content: "";
  position: absolute;
  top: 0.125rem;
  left: 1px;
  right: 1px;
  z-index: 1;
  margin-top: 1px;
  height: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}
.vfb-tree-item-children-toggle:is(.dark *):after{
  --tw-bg-opacity: 1;
  background-color: rgb(18 18 18 / var(--tw-bg-opacity));
}

.vfb-tree-item-children-toggle-collapsed:before {
  content: "";
  position: absolute;
  left: 0.125rem;
  top: 1px;
  bottom: 1px;
  z-index: 1;
  margin-left: 1px;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.vfb-tree-item-children-toggle-collapsed:is(.dark *):before{
  --tw-bg-opacity: 1;
  background-color: rgb(18 18 18 / var(--tw-bg-opacity));
}

.vfb-tree-item-children{
  position: relative;
  margin-left: 1rem;
}
.vfb-tree-item-children:before {
  content: "";
  position: absolute;
  left: -0.5625rem;
  top: -0.75rem;
  bottom: 1.125rem;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}
.vfb-tree-item-children:is(.dark *):before{
  --tw-bg-opacity: 1;
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
}

.vfb-tree-no-results{
  margin-top: 0.25rem;
  margin-left: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-model-preview-container{
  position: absolute;
  inset: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  overflow-y: auto;
  overflow-x: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  padding-left: 0px;
  padding-right: 0px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-model-preview-container:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(18 18 18 / var(--tw-bg-opacity));
}

.vfb-model-preview-container-hidden{
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.vfb-model-preview-container-hidden.vfb-model-preview-container-left{
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.vfb-model-preview-wrapper{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 0.9375rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-model-preview-warning{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  margin-top: 1.5rem;
  overflow-x: scroll;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
  max-width: calc(100% - 44px);
}

.vfb-model-preview-warning-text{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.vfb-model-preview-warning-ul{
  list-style-type: disc;
  padding-left: 1.25rem;
  line-height: 1.25;
}

.vfb-model-preview-warning-li{
  margin-left: -0.25rem;
  cursor: pointer;
  padding-right: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-decoration-line: underline;
}

.vfb-model-preview-tabs-container{
  display: flex;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  font-weight: 600;
}

.vfb-model-preview-tab{
  cursor: pointer;
}

.vfb-model-preview-tab-active{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
}

.vfb-model-preview-tab-inactive{
  opacity: 0.5;
}

.vfb-model-preview-tab-data{
  margin-right: 1rem;
}

.vfb-model-preview-close{
  position: absolute;
  top: 0.875rem;
  right: 0.5rem;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-model-preview-close:hover{
  opacity: 1;
}

.vfb-model-preview-code-container{
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

.vfb-model-preview-code-reset{
  margin-left: 1.5rem;
  cursor: pointer;
  border-radius: 0.5rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-model-preview-code-reset:hover{
  --tw-bg-opacity: 0.2;
}

.vfb-export-container{
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
  min-width: 352px;
  max-width: calc(100vw - 48.625rem);
}

.vfb-export-code{
  margin-left: auto;
  margin-right: auto;
  border-radius: 0.5rem;
  --tw-shadow: 0px 0px 20px 0 rgba(0,0,0,0.08);
  --tw-shadow-colored: 0px 0px 20px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vfb-export-copy-container{
  display: none;
}

.vfb-export-copy-icon{
  margin-right: 0.25rem;
}

.vfb-export-copied-container{
  display: none;
}

.vfb-export-copied-icon{
  margin-right: 0.25rem;
}

.vfb-panels-container-tabs .vfb-panels-tabs{
  display: flex;
  align-items: center;
  font-size: 0.9375rem;
}

.vfb-panels-container-tabs .vfb-panels-tabs:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.vfb-panels-container-tabs .vfb-panels-tab{
  flex: 1 1 0%;
  cursor: pointer;
  border-bottom-width: 1px;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-right-color: rgb(226 232 240 / var(--tw-border-opacity));
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  text-align: center;
}
.vfb-panels-container-tabs .vfb-panels-tab:is(.dark *){
  --tw-border-opacity: 1;
  border-right-color: rgb(57 57 57 / var(--tw-border-opacity));
}
.vfb-panels-container-tabs .vfb-panels-tab {
  border-bottom-style: solid;
  border-right-style: solid;
}
.vfb-panels-container-tabs .vfb-panels-tab.is-active{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.vfb-panels-container-tabs .vfb-panels-tab.is-active:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(50 50 50 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(50 50 50 / var(--tw-bg-opacity));
}
.vfb-panels-container-tabs .vfb-panels-tab.is-inactive{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(226 232 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.vfb-panels-container-tabs .vfb-panels-tab.is-inactive:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(57 57 57 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(41 41 41 / var(--tw-bg-opacity));
}
.vfb-panels-container-tabs .vfb-panels-tab.is-last{
  border-right-width: 0px;
}
.vfb-panels-container-tabs .vfb-panels-wrapper{
  position: absolute;
  top: 2.71875rem;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.vfb-panels-container-tabs .vfb-panel{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.5rem;
}

.vfb-panels-container-standalone .vfb-panels-wrapper{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.vfb-panels-container-standalone .vfb-panel{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.5rem;
}

.vfb-panels-container-icons{
  display: flex;
}
.vfb-panels-container-icons .vfb-panels-tabs{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  display: flex;
  width: 3rem;
  flex-direction: column;
  align-items: center;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.vfb-panels-container-icons .vfb-panels-tabs:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(41 41 41 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(41 41 41 / var(--tw-bg-opacity));
}
.vfb-panels-container-icons .vfb-panels-tab{
  position: relative;
  display: flex;
  height: 3rem;
  width: 3rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-left-width: 3px;
  border-right-width: 3px;
  border-color: transparent;
  font-size: 1.125rem;
  line-height: 1.75rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.vfb-panels-container-icons .vfb-panels-tab:hover .vfb-tooltip{
  display: inline-block;
}
.vfb-panels-container-icons .vfb-panels-tab.is-active{
  --tw-border-opacity: 1;
  border-left-color: rgb(23 196 149 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(23 196 149 / var(--tw-text-opacity));
}
.vfb-panels-container-icons .vfb-panels-tab.is-inactive{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}
.vfb-panels-container-icons .vfb-panels-tab.is-inactive:hover{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}
.vfb-panels-container-icons .vfb-panels-tab.is-inactive:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}
.vfb-panels-container-icons .vfb-panels-tab.is-inactive:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}
.vfb-panels-container-icons .vfb-panels-wrapper{
  position: absolute;
  top: 0px;
  left: 3rem;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
}
.vfb-panels-container-icons .vfb-panel{
  flex: 1 1 0%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.5rem;
}

.vfb-right-container .vfb-panels-container-icons .vfb-panels-tabs{
  left: auto;
  right: 0px;
  border-right-width: 0px;
  border-left-width: 1px;
}
.vfb-right-container .vfb-panels-container-icons .vfb-panels-tab.is-active{
  border-left-color: transparent;
  --tw-border-opacity: 1;
  border-right-color: rgb(23 196 149 / var(--tw-border-opacity));
}
.vfb-right-container .vfb-panels-container-icons .vfb-panels-wrapper{
  left: auto;
  right: 3rem;
}

.vfb-panel-form{
  margin-top: 1px;
}

.vfb-panel-theme{
  margin-top: 1px;
  height: 100%;
}

.vfb-panel-export{
  height: 100%;
}

.vfb-panels-forms-theme-size-selector-container{
  position: sticky;
  top: -0.125rem;
  z-index: 2;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.vfb-panels-forms-theme-size-selector-container:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(57 57 57 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
.vfb-panels-forms-theme-size-selector-container.vfb-panels-forms-theme-size-selector-container-no-themes{
  margin-top: 0px;
  border-top-width: 0px;
}
.vfb-panels-forms-theme-size-selector-container.vfb-util-props-group{
  margin-top: 0px;
}

.vfb-panel-header-no-mt {
  margin-top: -1rem !important;
}

.vfb-preview-container{
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.vfb-preview-container.vfb-hidden{
  display: none;
}

.vfb-preview-wrapper{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 2.5rem;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
  --tw-shadow: 0px 0px 20px 0 rgba(0,0,0,0.08);
  --tw-shadow-colored: 0px 0px 20px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-preview-wrapper:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.vfb-preview-wrapper-dark,
.vfb-preview-wrapper.vfb-preview-wrapper-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(25 25 25 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-preview-wrapper-dark:is(.dark *),
.vfb-preview-wrapper.vfb-preview-wrapper-dark:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.vfb-preview-wrapper-dark .vfb-preview-empty-title,
.vfb-preview-wrapper.vfb-preview-wrapper-dark .vfb-preview-empty-title{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.vfb-preview-wrapper-dark .vfb-preview-empty-description,
.vfb-preview-wrapper.vfb-preview-wrapper-dark .vfb-preview-empty-description{
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}

.vfb-preview-drag-wrapper{
  pointer-events: none;
  position: absolute;
  left: -0.5rem;
  right: -0.5rem;
  top: -0.125rem;
  margin-top: 2rem;
  height: 0.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
}

.vfb-preview-drag-label{
  position: absolute;
  left: 50%;
  top: 50%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.1875rem;
  font-size: 0.8125rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-preview-empty-container{
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
  line-height: 1.625;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.vfb-preview-empty-container-active{
  --tw-bg-opacity: 0.1;
}

.vfb-preview-empty-container-inactive{
  --tw-bg-opacity: 0;
}

.vfb-preview-empty-icon-container {
  color: var(--vf-primary);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
  font-size: 3.75rem;
  line-height: 1;
}

.vfb-preview-empty-title{
  font-size: 18px;
  font-weight: 600;
}

.vfb-preview-empty-description{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.vfb-preview-form-with-tabs{
  margin-top: -0.5rem;
}

.vfb-preview-form {
  @q;
}

.vfb-preview-container-default .col-span-1, .vfb-preview-container-default .vf-col-1,
.vfb-preview-container-tablet .col-span-1,
.vfb-preview-container-tablet .vf-col-1 {
  grid-column: span 1/span 1 !important;
}
.vfb-preview-container-default .col-span-2, .vfb-preview-container-default .vf-col-2,
.vfb-preview-container-tablet .col-span-2,
.vfb-preview-container-tablet .vf-col-2 {
  grid-column: span 2/span 2 !important;
}
.vfb-preview-container-default .col-span-3, .vfb-preview-container-default .vf-col-3,
.vfb-preview-container-tablet .col-span-3,
.vfb-preview-container-tablet .vf-col-3 {
  grid-column: span 3/span 3 !important;
}
.vfb-preview-container-default .col-span-4, .vfb-preview-container-default .vf-col-4,
.vfb-preview-container-tablet .col-span-4,
.vfb-preview-container-tablet .vf-col-4 {
  grid-column: span 4/span 4 !important;
}
.vfb-preview-container-default .col-span-5, .vfb-preview-container-default .vf-col-5,
.vfb-preview-container-tablet .col-span-5,
.vfb-preview-container-tablet .vf-col-5 {
  grid-column: span 5/span 5 !important;
}
.vfb-preview-container-default .col-span-6, .vfb-preview-container-default .vf-col-6,
.vfb-preview-container-tablet .col-span-6,
.vfb-preview-container-tablet .vf-col-6 {
  grid-column: span 6/span 6 !important;
}
.vfb-preview-container-default .col-span-7, .vfb-preview-container-default .vf-col-7,
.vfb-preview-container-tablet .col-span-7,
.vfb-preview-container-tablet .vf-col-7 {
  grid-column: span 7/span 7 !important;
}
.vfb-preview-container-default .col-span-8, .vfb-preview-container-default .vf-col-8,
.vfb-preview-container-tablet .col-span-8,
.vfb-preview-container-tablet .vf-col-8 {
  grid-column: span 8/span 8 !important;
}
.vfb-preview-container-default .col-span-9, .vfb-preview-container-default .vf-col-9,
.vfb-preview-container-tablet .col-span-9,
.vfb-preview-container-tablet .vf-col-9 {
  grid-column: span 9/span 9 !important;
}
.vfb-preview-container-default .col-span-10, .vfb-preview-container-default .vf-col-10,
.vfb-preview-container-tablet .col-span-10,
.vfb-preview-container-tablet .vf-col-10 {
  grid-column: span 10/span 10 !important;
}
.vfb-preview-container-default .col-span-11, .vfb-preview-container-default .vf-col-11,
.vfb-preview-container-tablet .col-span-11,
.vfb-preview-container-tablet .vf-col-11 {
  grid-column: span 11/span 11 !important;
}
.vfb-preview-container-default .col-span-12, .vfb-preview-container-default .vf-col-12,
.vfb-preview-container-tablet .col-span-12,
.vfb-preview-container-tablet .vf-col-12 {
  grid-column: span 12/span 12 !important;
}
.vfb-preview-container-default .form-text-type label.text-type\:form-pt-input-border,
.vfb-preview-container-tablet .form-text-type label.text-type\:form-pt-input-border {
  padding-top: calc(var(--vf-py-input) + var(--vf-border-width-input-t)) !important;
}
.vfb-preview-container-default label.form-pr-gutter,
.vfb-preview-container-tablet label.form-pr-gutter {
  padding-right: var(--vf-gutter) !important;
}
.vfb-preview-container-default label.pb-0,
.vfb-preview-container-tablet label.pb-0 {
  padding-bottom: 0 !important;
}
.vfb-preview-container-default label.form-pb-gutter\/3,
.vfb-preview-container-tablet label.form-pb-gutter\/3 {
  padding-bottom: calc(var(--vf-gutter) / 3) !important;
}
.vfb-preview-container-default .form-text-type label.form-pt-0, .vfb-preview-container-default :not(.form-text-type) label.form-pt-0,
.vfb-preview-container-tablet .form-text-type label.form-pt-0,
.vfb-preview-container-tablet :not(.form-text-type) label.form-pt-0 {
  padding-top: 0 !important;
}
.vfb-preview-container-default label.form-pr-0,
.vfb-preview-container-tablet label.form-pr-0 {
  padding-right: 0 !important;
}
.vfb-preview-container-default .form-text-type label.text-type\:form-pt-input-border-sm,
.vfb-preview-container-tablet .form-text-type label.text-type\:form-pt-input-border-sm {
  padding-top: calc(var(--vf-py-input-sm) + var(--vf-border-width-input-t)) !important;
}
.vfb-preview-container-default label.form-pr-gutter-sm,
.vfb-preview-container-tablet label.form-pr-gutter-sm {
  padding-right: var(--vf-gutter-sm) !important;
}
.vfb-preview-container-default label.form-pb-gutter\/3-sm,
.vfb-preview-container-tablet label.form-pb-gutter\/3-sm {
  padding-bottom: calc(var(--vf-gutter-sm) / 3) !important;
}
.vfb-preview-container-default .form-text-type label.text-type\:form-pt-input-border-lg,
.vfb-preview-container-tablet .form-text-type label.text-type\:form-pt-input-border-lg {
  padding-top: calc(var(--vf-py-input-lg) + var(--vf-border-width-input-t)) !important;
}
.vfb-preview-container-default label.form-pr-gutter-lg,
.vfb-preview-container-tablet label.form-pr-gutter-lg {
  padding-right: var(--vf-gutter-lg) !important;
}
.vfb-preview-container-default label.form-pb-gutter\/3-lg,
.vfb-preview-container-tablet label.form-pb-gutter\/3-lg {
  padding-bottom: calc(var(--vf-gutter-lg) / 3) !important;
}

.vfb-preview-container-tablet .sm\:col-span-1, .vfb-preview-container-tablet .vf-col-sm-1,
.vfb-preview-container-desktop .sm\:col-span-1,
.vfb-preview-container-desktop .vf-col-sm-1 {
  grid-column: span 1/span 1 !important;
}
.vfb-preview-container-tablet .sm\:col-span-2, .vfb-preview-container-tablet .vf-col-sm-2,
.vfb-preview-container-desktop .sm\:col-span-2,
.vfb-preview-container-desktop .vf-col-sm-2 {
  grid-column: span 2/span 2 !important;
}
.vfb-preview-container-tablet .sm\:col-span-3, .vfb-preview-container-tablet .vf-col-sm-3,
.vfb-preview-container-desktop .sm\:col-span-3,
.vfb-preview-container-desktop .vf-col-sm-3 {
  grid-column: span 3/span 3 !important;
}
.vfb-preview-container-tablet .sm\:col-span-4, .vfb-preview-container-tablet .vf-col-sm-4,
.vfb-preview-container-desktop .sm\:col-span-4,
.vfb-preview-container-desktop .vf-col-sm-4 {
  grid-column: span 4/span 4 !important;
}
.vfb-preview-container-tablet .sm\:col-span-5, .vfb-preview-container-tablet .vf-col-sm-5,
.vfb-preview-container-desktop .sm\:col-span-5,
.vfb-preview-container-desktop .vf-col-sm-5 {
  grid-column: span 5/span 5 !important;
}
.vfb-preview-container-tablet .sm\:col-span-6, .vfb-preview-container-tablet .vf-col-sm-6,
.vfb-preview-container-desktop .sm\:col-span-6,
.vfb-preview-container-desktop .vf-col-sm-6 {
  grid-column: span 6/span 6 !important;
}
.vfb-preview-container-tablet .sm\:col-span-7, .vfb-preview-container-tablet .vf-col-sm-7,
.vfb-preview-container-desktop .sm\:col-span-7,
.vfb-preview-container-desktop .vf-col-sm-7 {
  grid-column: span 7/span 7 !important;
}
.vfb-preview-container-tablet .sm\:col-span-8, .vfb-preview-container-tablet .vf-col-sm-8,
.vfb-preview-container-desktop .sm\:col-span-8,
.vfb-preview-container-desktop .vf-col-sm-8 {
  grid-column: span 8/span 8 !important;
}
.vfb-preview-container-tablet .sm\:col-span-9, .vfb-preview-container-tablet .vf-col-sm-9,
.vfb-preview-container-desktop .sm\:col-span-9,
.vfb-preview-container-desktop .vf-col-sm-9 {
  grid-column: span 9/span 9 !important;
}
.vfb-preview-container-tablet .sm\:col-span-10, .vfb-preview-container-tablet .vf-col-sm-10,
.vfb-preview-container-desktop .sm\:col-span-10,
.vfb-preview-container-desktop .vf-col-sm-10 {
  grid-column: span 10/span 10 !important;
}
.vfb-preview-container-tablet .sm\:col-span-11, .vfb-preview-container-tablet .vf-col-sm-11,
.vfb-preview-container-desktop .sm\:col-span-11,
.vfb-preview-container-desktop .vf-col-sm-11 {
  grid-column: span 11/span 11 !important;
}
.vfb-preview-container-tablet .sm\:col-span-12, .vfb-preview-container-tablet .vf-col-sm-12,
.vfb-preview-container-desktop .sm\:col-span-12,
.vfb-preview-container-desktop .vf-col-sm-12 {
  grid-column: span 12/span 12 !important;
}
.vfb-preview-container-tablet .form-text-type label.sm\:text-type\:form-pt-input-border,
.vfb-preview-container-desktop .form-text-type label.sm\:text-type\:form-pt-input-border {
  padding-top: calc(var(--vf-py-input) + var(--vf-border-width-input-t)) !important;
}
.vfb-preview-container-tablet label.sm\:form-pr-gutter,
.vfb-preview-container-desktop label.sm\:form-pr-gutter {
  padding-right: var(--vf-gutter) !important;
}
.vfb-preview-container-tablet label.sm\:pb-0,
.vfb-preview-container-desktop label.sm\:pb-0 {
  padding-bottom: 0 !important;
}
.vfb-preview-container-tablet label.sm\:form-pb-gutter\/3,
.vfb-preview-container-desktop label.sm\:form-pb-gutter\/3 {
  padding-bottom: calc(var(--vf-gutter) / 3) !important;
}
.vfb-preview-container-tablet .form-text-type label.sm\:form-pt-0, .vfb-preview-container-tablet :not(.form-text-type) label.sm\:form-pt-0,
.vfb-preview-container-desktop .form-text-type label.sm\:form-pt-0,
.vfb-preview-container-desktop :not(.form-text-type) label.sm\:form-pt-0 {
  padding-top: 0 !important;
}
.vfb-preview-container-tablet label.sm\:form-pr-0,
.vfb-preview-container-desktop label.sm\:form-pr-0 {
  padding-right: 0 !important;
}
.vfb-preview-container-tablet .form-text-type label.sm\:text-type\:form-pt-input-border-sm,
.vfb-preview-container-desktop .form-text-type label.sm\:text-type\:form-pt-input-border-sm {
  padding-top: calc(var(--vf-py-input-sm) + var(--vf-border-width-input-t)) !important;
}
.vfb-preview-container-tablet label.sm\:form-pr-gutter-sm,
.vfb-preview-container-desktop label.sm\:form-pr-gutter-sm {
  padding-right: var(--vf-gutter-sm) !important;
}
.vfb-preview-container-tablet label.sm\:form-pb-gutter\/3-sm,
.vfb-preview-container-desktop label.sm\:form-pb-gutter\/3-sm {
  padding-bottom: calc(var(--vf-gutter-sm) / 3) !important;
}
.vfb-preview-container-tablet .form-text-type label.sm\:text-type\:form-pt-input-border-lg,
.vfb-preview-container-desktop .form-text-type label.sm\:text-type\:form-pt-input-border-lg {
  padding-top: calc(var(--vf-py-input-lg) + var(--vf-border-width-input-t)) !important;
}
.vfb-preview-container-tablet label.sm\:form-pr-gutter-lg,
.vfb-preview-container-desktop label.sm\:form-pr-gutter-lg {
  padding-right: var(--vf-gutter-lg) !important;
}
.vfb-preview-container-tablet label.sm\:form-pb-gutter\/3-lg,
.vfb-preview-container-desktop label.sm\:form-pb-gutter\/3-lg {
  padding-bottom: calc(var(--vf-gutter-lg) / 3) !important;
}

.vfb-preview-container-desktop .lg\:col-span-1, .vfb-preview-container-desktop .vf-col-lg-1 {
  grid-column: span 1/span 1 !important;
}
.vfb-preview-container-desktop .lg\:col-span-2, .vfb-preview-container-desktop .vf-col-lg-2 {
  grid-column: span 2/span 2 !important;
}
.vfb-preview-container-desktop .lg\:col-span-3, .vfb-preview-container-desktop .vf-col-lg-3 {
  grid-column: span 3/span 3 !important;
}
.vfb-preview-container-desktop .lg\:col-span-4, .vfb-preview-container-desktop .vf-col-lg-4 {
  grid-column: span 4/span 4 !important;
}
.vfb-preview-container-desktop .lg\:col-span-5, .vfb-preview-container-desktop .vf-col-lg-5 {
  grid-column: span 5/span 5 !important;
}
.vfb-preview-container-desktop .lg\:col-span-6, .vfb-preview-container-desktop .vf-col-lg-6 {
  grid-column: span 6/span 6 !important;
}
.vfb-preview-container-desktop .lg\:col-span-7, .vfb-preview-container-desktop .vf-col-lg-7 {
  grid-column: span 7/span 7 !important;
}
.vfb-preview-container-desktop .lg\:col-span-8, .vfb-preview-container-desktop .vf-col-lg-8 {
  grid-column: span 8/span 8 !important;
}
.vfb-preview-container-desktop .lg\:col-span-9, .vfb-preview-container-desktop .vf-col-lg-9 {
  grid-column: span 9/span 9 !important;
}
.vfb-preview-container-desktop .lg\:col-span-10, .vfb-preview-container-desktop .vf-col-lg-10 {
  grid-column: span 10/span 10 !important;
}
.vfb-preview-container-desktop .lg\:col-span-11, .vfb-preview-container-desktop .vf-col-lg-11 {
  grid-column: span 11/span 11 !important;
}
.vfb-preview-container-desktop .lg\:col-span-12, .vfb-preview-container-desktop .vf-col-lg-12 {
  grid-column: span 12/span 12 !important;
}
.vfb-preview-container-desktop .form-text-type label.lg\:text-type\:form-pt-input-border {
  padding-top: calc(var(--vf-py-input) + var(--vf-border-width-input-t)) !important;
}
.vfb-preview-container-desktop label.lg\:form-pr-gutter {
  padding-right: var(--vf-gutter) !important;
}
.vfb-preview-container-desktop label.lg\:pb-0 {
  padding-bottom: 0 !important;
}
.vfb-preview-container-desktop label.lg\:form-pb-gutter\/3 {
  padding-bottom: calc(var(--vf-gutter) / 3) !important;
}
.vfb-preview-container-desktop .form-text-type label.lg\:form-pt-0, .vfb-preview-container-desktop :not(.form-text-type) label.lg\:form-pt-0 {
  padding-top: 0 !important;
}
.vfb-preview-container-desktop label.lg\:form-pr-0 {
  padding-right: 0 !important;
}
.vfb-preview-container-desktop .form-text-type label.lg\:text-type\:form-pt-input-border-sm {
  padding-top: calc(var(--vf-py-input-sm) + var(--vf-border-width-input-t)) !important;
}
.vfb-preview-container-desktop label.lg\:form-pr-gutter-sm {
  padding-right: var(--vf-gutter-sm) !important;
}
.vfb-preview-container-desktop label.lg\:form-pb-gutter\/3-sm {
  padding-bottom: calc(var(--vf-gutter-sm) / 3) !important;
}
.vfb-preview-container-desktop .form-text-type label.lg\:text-type\:form-pt-input-border-lg {
  padding-top: calc(var(--vf-py-input-lg) + var(--vf-border-width-input-t)) !important;
}
.vfb-preview-container-desktop label.lg\:form-pr-gutter-lg {
  padding-right: var(--vf-gutter-lg) !important;
}
.vfb-preview-container-desktop label.lg\:form-pb-gutter\/3-lg {
  padding-bottom: calc(var(--vf-gutter-lg) / 3) !important;
}

.vfb-preview-container-default .vf-vertical-label {
  padding-bottom: calc(var(--vf-gutter) / 3);
  padding-right: 0;
  padding-top: 0;
}
.vfb-preview-container-default .vf-horizontal-label {
  padding-bottom: 0;
  padding-right: var(--vf-gutter);
  padding-top: calc(var(--vf-border-width-input-t) + var(--vf-py-input));
}
.vfb-preview-container-default .vf-vertical-label-sm {
  padding-bottom: calc(var(--vf-gutter-sm) / 3);
  padding-right: 0;
  padding-top: 0;
}
.vfb-preview-container-default .vf-horizontal-label-sm {
  padding-bottom: 0;
  padding-right: var(--vf-gutter-sm);
  padding-top: calc(var(--vf-border-width-input-t) + var(--vf-py-input-sm));
}
.vfb-preview-container-default .vf-vertical-label-lg {
  padding-bottom: calc(var(--vf-gutter-lg) / 3);
  padding-right: 0;
  padding-top: 0;
}
.vfb-preview-container-default .vf-horizontal-label-lg {
  padding-bottom: 0;
  padding-right: var(--vf-gutter-lg);
  padding-top: calc(var(--vf-border-width-input-t) + var(--vf-py-input-lg));
}

.vfb-preview-container-tablet .vf-vertical-label:not(.vf-sm\:vf-horizontal-label), .vfb-preview-container-tablet .vf-sm\:vf-vertical-label {
  padding-bottom: calc(var(--vf-gutter) / 3);
  padding-right: 0;
  padding-top: 0;
}
.vfb-preview-container-tablet .vf-horizontal-label:not(.vf-sm\:vf-vertical-label), .vfb-preview-container-tablet .vf-sm\:vf-horizontal-label {
  padding-bottom: 0;
  padding-right: var(--vf-gutter);
  padding-top: calc(var(--vf-border-width-input-t) + var(--vf-py-input));
}
.vfb-preview-container-tablet .vf-vertical-label-sm:not(.vf-sm\:vf-horizontal-label-sm), .vfb-preview-container-tablet .vf-sm\:vf-vertical-label-sm {
  padding-bottom: calc(var(--vf-gutter-sm) / 3);
  padding-right: 0;
  padding-top: 0;
}
.vfb-preview-container-tablet .vf-horizontal-label-sm:not(.vf-sm\:vf-vertical-label-sm), .vfb-preview-container-tablet .vf-sm\:vf-horizontal-label-sm {
  padding-bottom: 0;
  padding-right: var(--vf-gutter-sm);
  padding-top: calc(var(--vf-border-width-input-t) + var(--vf-py-input-sm));
}
.vfb-preview-container-tablet .vf-vertical-label-lg:not(.vf-sm\:vf-horizontal-label-lg), .vfb-preview-container-tablet .vf-sm\:vf-vertical-label-lg {
  padding-bottom: calc(var(--vf-gutter-lg) / 3);
  padding-right: 0;
  padding-top: 0;
}
.vfb-preview-container-tablet .vf-horizontal-label-lg:not(.vf-sm\:vf-vertical-label-lg), .vfb-preview-container-tablet .vf-sm\:vf-horizontal-label-lg {
  padding-bottom: 0;
  padding-right: var(--vf-gutter-lg);
  padding-top: calc(var(--vf-border-width-input-t) + var(--vf-py-input-lg));
}

.vfb-preview-container-desktop .vf-lg\:vf-vertical-label {
  padding-bottom: calc(var(--vf-gutter) / 3);
  padding-right: 0;
  padding-top: 0;
}
.vfb-preview-container-desktop .vf-lg\:vf-horizontal-label {
  padding-bottom: 0;
  padding-right: var(--vf-gutter);
  padding-top: calc(var(--vf-border-width-input-t) + var(--vf-py-input));
}
.vfb-preview-container-desktop .vf-lg\:vf-vertical-label-sm {
  padding-bottom: calc(var(--vf-gutter-sm) / 3);
  padding-right: 0;
  padding-top: 0;
}
.vfb-preview-container-desktop .vf-lg\:vf-horizontal-label-sm {
  padding-bottom: 0;
  padding-right: var(--vf-gutter-sm);
  padding-top: calc(var(--vf-border-width-input-t) + var(--vf-py-input-sm));
}
.vfb-preview-container-desktop .vf-lg\:vf-vertical-label-lg {
  padding-bottom: calc(var(--vf-gutter-lg) / 3);
  padding-right: 0;
  padding-top: 0;
}
.vfb-preview-container-desktop .vf-lg\:vf-horizontal-label-lg {
  padding-bottom: 0;
  padding-right: var(--vf-gutter-lg);
  padding-top: calc(var(--vf-border-width-input-t) + var(--vf-py-input-lg));
}

.vfb-builder{
  position: relative;
  display: flex;
  height: 100%;
  min-height: 28.5rem;
  width: 100%;
  overflow-y: hidden;
}

.vfb-left-container{
  position: relative;
  z-index: 1;
  width: 19rem;
  flex-shrink: 0;
  flex-grow: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

.vfb-left-container *,.vfb-left-container :before,.vfb-left-container :after {
  --vf-gutter-sm: 0.5rem;
  --vf-min-height-input-sm: 2.125rem;
  --vf-py-input-sm: 0.375rem;
  --vf-px-input-sm: 0.675rem;
  --vf-radius-input: 6px;
  --vf-radius-checkbox-sm: 4px;
  --vf-bg-input: var(--vf-gray-100);
  --vf-bg-passive: var(--vf-gray-200);
  --vf-bg-selected: var(--vf-gray-200);
  --vf-border-color-passive: var(--vf-gray-200);
  --vf-border-color-input: var(--vf-gray-200);
  --vf-color-input: var(--vf-gray-900);
  --vf-color-placeholder: var(--vf-gray-400);
}

.dark .vfb-left-container *, .dark .vfb-left-container :before, .dark .vfb-left-container :after {
  --vf-bg-input: var(--vf-dark-700);
  --vf-bg-passive: var(--vf-dark-700);
  --vf-bg-selected: var(--vf-dark-600);
  --vf-color-input: var(--vf-dark-100);
  --vf-color-placeholder: var(--vf-dark-500);
  --vf-border-color-passive: var(--vf-dark-700);
  --vf-border-color-input: var(--vf-dark-800);
  --vf-border-color-checkbox: var(--vf-dark-800);
}

.vfb-left-container:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.vfb-left-container.vfb-left-container-before-load, .vfb-left-container.vfb-left-container-hidden{
  margin-left: -19rem;
}
.vfb-left-container.vfb-left-container-empty{
  width: 0px;
}
.vfb-left-container.vfb-left-container-empty.vfb-left-container-before-load{
  margin-left: 0px;
}
.vfb-left-container.vfb-left-container-has-icons{
  width: 22rem;
}
.vfb-left-container.vfb-left-container-has-icons.vfb-left-container-before-load, .vfb-left-container.vfb-left-container-has-icons.vfb-left-container-hidden{
  margin-left: -22rem;
}
.vfb-left-container.vfb-left-container-has-form{
  width: 21.25rem;
}
.vfb-left-container.vfb-left-container-has-form.vfb-left-container-before-load, .vfb-left-container.vfb-left-container-has-form.vfb-left-container-hidden{
  margin-left: -21.25rem;
}
.vfb-left-container.vfb-left-container-has-form.vfb-left-container-has-icons{
  width: 24.25rem;
}
.vfb-left-container.vfb-left-container-has-form.vfb-left-container-has-icons.vfb-left-container-before-load, .vfb-left-container.vfb-left-container-has-form.vfb-left-container-has-icons.vfb-left-container-hidden{
  margin-left: -24.25rem;
}

.vfb-center-container{
  position: relative;
  min-width: 30rem;
  flex: 1 1 0%;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.vfb-center-container:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(25 25 25 / var(--tw-bg-opacity));
}

.vfb-center-wrapper{
  position: absolute;
  inset: 0px;
  overflow-y: auto;
  padding-left: 4rem;
  padding-right: 4rem;
}

.dark .vfb-center-wrapper-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(14 14 14 / var(--tw-bg-opacity));
}

.vfb-center-wrapper-dark-changing * {
  transition: none !important;
}

.vfb-center-loader-container{
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.vfb-center-loader-container:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-center-loader{
  margin-bottom: 0.5rem;
}

.vfb-center-loader-text-container{
  text-align: center;
}

.vfb-right-container{
  position: relative;
  z-index: 1;
  width: 19rem;
  flex-shrink: 0;
  flex-grow: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

.vfb-right-container *,.vfb-right-container :before,.vfb-right-container :after {
  --vf-gutter-sm: 0.5rem;
  --vf-min-height-input-sm: 2.125rem;
  --vf-py-input-sm: 0.375rem;
  --vf-px-input-sm: 0.675rem;
  --vf-radius-input: 6px;
  --vf-radius-checkbox-sm: 4px;
  --vf-bg-input: var(--vf-gray-100);
  --vf-bg-passive: var(--vf-gray-200);
  --vf-bg-selected: var(--vf-gray-200);
  --vf-border-color-passive: var(--vf-gray-200);
  --vf-border-color-input: var(--vf-gray-200);
  --vf-color-input: var(--vf-gray-900);
  --vf-color-placeholder: var(--vf-gray-400);
}

.dark .vfb-right-container *, .dark .vfb-right-container :before, .dark .vfb-right-container :after {
  --vf-bg-input: var(--vf-dark-700);
  --vf-bg-passive: var(--vf-dark-700);
  --vf-bg-selected: var(--vf-dark-600);
  --vf-color-input: var(--vf-dark-100);
  --vf-color-placeholder: var(--vf-dark-500);
  --vf-border-color-passive: var(--vf-dark-700);
  --vf-border-color-input: var(--vf-dark-800);
  --vf-border-color-checkbox: var(--vf-dark-800);
}

.vfb-right-container:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.vfb-right-container.vfb-right-container-before-load, .vfb-right-container.vfb-right-container-hidden{
  margin-right: -19rem;
}
.vfb-right-container.vfb-right-container-empty{
  width: 0px;
}
.vfb-right-container.vfb-right-container-empty.vfb-right-container-before-load{
  margin-right: 0px;
}
.vfb-right-container.vfb-right-container-has-icons{
  width: 22rem;
}
.vfb-right-container.vfb-right-container-has-icons.vfb-right-container-before-load, .vfb-right-container.vfb-right-container-has-icons.vfb-right-container-hidden{
  margin-left: -22rem;
}
.vfb-right-container.vfb-right-container-has-form{
  width: 21.25rem;
}
.vfb-right-container.vfb-right-container-has-form.vfb-right-container-before-load, .vfb-right-container.vfb-right-container-has-form.vfb-right-container-hidden{
  margin-right: -21.25rem;
}
.vfb-right-container.vfb-right-container-has-form.vfb-right-container-has-icons{
  width: 24.25rem;
}
.vfb-right-container.vfb-right-container-has-form.vfb-right-container-has-icons.vfb-right-container-before-load, .vfb-right-container.vfb-right-container-has-form.vfb-right-container-has-icons.vfb-right-container-hidden{
  margin-right: -24.25rem;
}

.vfb-right-wrapper{
  position: absolute;
  inset: 0px;
  overflow-x: hidden;
}

.vfb-tabs-container{
  position: relative;
  display: flex;
  align-items: flex-end;
}

.vfb-tabs-container-sm{
  margin-bottom: calc(var(--vf-gutter) * 1);
  font-size: var(--vf-font-size-sm);
  line-height: var(--vf-line-height-sm);
  letter-spacing: var(--vf-letter-spacing-sm);
}

.vfb-tabs-container-sm.vfb-util-tabs-tiny{
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.25;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.vfb-tabs-container-sm.vfb-util-tabs-small{
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.25;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.vfb-tabs-container-md{
  font-size: var(--vf-font-size);
  line-height: var(--vf-line-height);
  letter-spacing: var(--vf-letter-spacing);
  margin-bottom: calc(var(--vf-gutter-lg) * 1);
}

.vfb-tabs-container-lg{
  font-size: var(--vf-font-size-lg);
  line-height: var(--vf-line-height-lg);
  letter-spacing: var(--vf-letter-spacing-lg);
  margin-bottom: calc(var(--vf-gutter-lg) * 1);
}

.vfb-tabs-wrapper{
  margin-top: -3rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow-x: auto;
  padding-top: 3rem;
}

.vfb-tabs-remove-wrapper{
  position: absolute;
  left: -1rem;
  top: 0.625rem;
  display: flex;
  justify-content: space-between;
}

.vfb-tabs-remove-wrapper:hover .vfb-tooltip{
  display: inline-block;
}

.vfb-tabs-remove-button{
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-tabs-remove-button:hover{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.vfb-tabs-add-wrapper{
  position: absolute;
  right: -1rem;
  top: 0.625rem;
  display: flex;
  justify-content: space-between;
}

.vfb-tabs-add-wrapper:hover .vfb-tooltip{
  display: inline-block;
}

.vfb-tabs-add-button{
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-tabs-add-button:hover{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.vfb-tab-container{
  position: relative;
  cursor: pointer;
  border-width: 1px;
  border-color: transparent;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
  --tw-border-opacity: 0;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0;
}
.vfb-tab-container.vfb-tab-container-hover{
  --tw-border-opacity: 1;
}
.vfb-tab-container.vfb-tab-container-hover .vfb-tab-actions-container{
  display: flex;
  opacity: 1;
}

.vfb-tab-container-editor:hover, .vfb-tab-container-editor:focus, .vfb-tab-container-editor.vfb-tab-container-moving{
  --tw-border-opacity: 1;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vfb-tab-container-editor:hover .vfb-tab-actions-container, .vfb-tab-container-editor:focus .vfb-tab-actions-container, .vfb-tab-container-editor.vfb-tab-container-moving .vfb-tab-actions-container{
  display: flex;
  opacity: 1;
}
.vfb-tab-container-editor.vfb-tab-container-selected{
  --tw-border-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
}
.vfb-tab-container-editor.vfb-tab-container-selected .vfb-tab-actions-container{
  display: flex;
  opacity: 1;
}
.vfb-tab-container-editor.vfb-tab-container-moving{
  position: relative;
  border-color: transparent;
}
.vfb-tab-container-editor.vfb-tab-container-moving:before {
  content: "";
  position: absolute;
  inset: 0px;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
}

.vfb-tab-container-drop-left{
  position: relative;
}
.vfb-tab-container-drop-left:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 0.125rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
}

.vfb-tab-container-drop-right{
  position: relative;
}
.vfb-tab-container-drop-right:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 0.125rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
}

.vfb-tab-container-drop-middle{
  border-radius: 0.25rem;
  --tw-bg-opacity: 0.1;
}

.vfb-tab-container-conditional{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.vfb-tab-overlay{
  position: absolute;
  inset: 0px;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-tab-overlay-drag-over{
  z-index: 1;
}

.vfb-tab-overlay-highlighted{
  --tw-bg-opacity: 0.1;
}

.vfb-tab-overlay-not-highlighted{
  --tw-bg-opacity: 0;
}

.vfb-tab-area-left{
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 50%;
}

.vfb-tab-area-left-drag-over{
  z-index: 1;
}

.vfb-tab-area-left-drag-line{
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  margin-left: -1px;
  width: 0.125rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
}

.vfb-tab-area-right{
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  left: 50%;
}

.vfb-tab-area-right-drag-over{
  z-index: 1;
}

.vfb-tab-area-right-drag-line{
  pointer-events: none;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin-right: -1px;
  width: 0.125rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
}

.vfb-tab-wrapper{
  position: relative;
  display: block;
  white-space: nowrap;
  border-bottom-width: 2px;
  background-color: transparent;
}

.vfb-tab-wrapper-dragged{
  opacity: 0.2;
}

.vfb-tab-wrapper-active{
  border-color: var(--vf-primary);
}

.vfb-tab-wrapper-inactive{
  border-color: transparent;
}

.vfb-tab-wrapper-invalid{
  color: var(--vf-color-danger);
  border-color: var(--vf-border-color-danger);
}

.vfb-tab-wrapper-sm{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.vfb-tab-wrapper-md{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.vfb-tab-wrapper-lg{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.vfb-tab-edit-label-wrapper{
  position: relative;
  display: inline-block;
  height: 100%;
  flex-shrink: 1;
  flex-grow: 1;
}

.vfb-tab-edit-label-input{
  position: absolute;
  inset: 0px;
  box-sizing: border-box;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  white-space: nowrap;
  border-width: 0px;
  padding: 0px;
  border: 0;
}

.vfb-tab-edit-label-sizer{
  visibility: hidden;
  position: relative;
  top: -1px;
  display: inline-block;
  height: 1px;
  white-space: nowrap;
}

.vfb-tab-actions-container{
  position: absolute;
  z-index: 1;
  display: flex;
  display: none;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-tab-actions-container-left{
  top: 0px;
  left: -1px;
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: row;
}

.vfb-tab-actions-container-right{
  top: 0px;
  right: -1px;
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: row;
}

.vfb-tab-action{
  position: relative;
  display: flex;
  height: 1rem;
  width: 1rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-tab-action:hover .vfb-tooltip{
  display: inline-block;
}

.vfb-tab-action:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(19 175 125 / var(--tw-bg-opacity));
}

.vfb-steps-container{
  width: 100%;
  position: relative;
}

.vfb-steps-container:before{
  content: " ";
  display: inline-block;
  background: var(--vf-bg-passive);
  position: absolute;
  left: 0.125rem;
  right: 0.125rem;
  height: 0.25rem;
  top: 0.4375rem;
  margin-top: 3rem;
}
.vfb-steps-container.vfb-steps-container-editor:before {
  background-color: var(--vf-primary);
}

.vfb-steps-container-sm{
  margin-bottom: calc(var(--vf-gutter) * 1);
  font-size: var(--vf-font-size-sm);
  line-height: var(--vf-line-height-sm);
  letter-spacing: var(--vf-letter-spacing-sm);
}

.vfb-steps-container-sm.vfb-util-tabs-tiny{
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.25;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.vfb-steps-container-sm.vfb-util-tabs-small{
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.25;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.vfb-steps-container-md{
  font-size: var(--vf-font-size);
  line-height: var(--vf-line-height);
  letter-spacing: var(--vf-letter-spacing);
  margin-bottom: calc(var(--vf-gutter-lg) * 1);
}

.vfb-steps-container-lg{
  font-size: var(--vf-font-size-lg);
  line-height: var(--vf-line-height-lg);
  letter-spacing: var(--vf-letter-spacing-lg);
  margin-bottom: calc(var(--vf-gutter-lg) * 1);
}

.vfb-steps-wrapper{
  margin-top: -3rem;
  display: flex;
  justify-content: space-between;
  overflow-x: auto;
  padding-top: 3rem;
}

.vfb-steps-remove-wrapper{
  position: absolute;
  left: -1.5rem;
  top: 2.75rem;
  margin-top: 1px;
  display: flex;
  justify-content: space-between;
}

.vfb-steps-remove-wrapper:hover .vfb-tooltip{
  display: inline-block;
}

.vfb-steps-remove-button{
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-steps-remove-button:hover{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.vfb-steps-add-wrapper{
  position: absolute;
  right: -1.5rem;
  top: 2.75rem;
  margin-top: 1px;
  display: flex;
  justify-content: space-between;
}

.vfb-steps-add-wrapper:hover .vfb-tooltip{
  display: inline-block;
}

.vfb-steps-add-button{
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-steps-add-button:hover{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.vfb-step-container{
  position: relative;
  cursor: pointer;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: transparent;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
  --tw-border-opacity: 0;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0;
  padding: 0px;
}
.vfb-step-container.form-step{
  padding: 0px;
}
.vfb-step-container.vfb-step-container-hover{
  --tw-border-opacity: 1;
}
.vfb-step-container.vfb-step-container-hover .vfb-step-actions-container{
  display: flex;
  opacity: 1;
}
.vfb-step-container.vfb-step-container-drop-left{
  position: relative;
}
.vfb-step-container.vfb-step-container-drop-left:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: auto;
  display: block;
  width: 0.125rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
}
.vfb-step-container.vfb-step-container-drop-right{
  position: relative;
}
.vfb-step-container.vfb-step-container-drop-right:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  left: auto;
  display: block;
  width: 0.125rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
}

.vfb-step-container-drop-middle{
  border-radius: 0.25rem;
  --tw-bg-opacity: 0.1;
}

.vfb-step-container-editor{
  border-width: 1px;
}
.vfb-step-container-editor:hover, .vfb-step-container-editor:focus, .vfb-step-container-editor.vfb-step-container-moving{
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vfb-step-container-editor:hover .vfb-step-actions-container, .vfb-step-container-editor:focus .vfb-step-actions-container, .vfb-step-container-editor.vfb-step-container-moving .vfb-step-actions-container{
  display: flex;
  opacity: 1;
}
.vfb-step-container-editor.vfb-step-container-selected{
  --tw-border-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
}
.vfb-step-container-editor.vfb-step-container-selected .vfb-step-actions-container{
  display: flex;
  opacity: 1;
}
.vfb-step-container-editor.vfb-step-container-moving{
  position: relative;
  border-color: transparent;
}
.vfb-step-container-editor.vfb-step-container-moving:before {
  content: "";
  position: absolute;
  inset: 0px;
  display: block;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
}

.vfb-step-container-conditional{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.vfb-step-overlay{
  position: absolute;
  inset: 0px;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-step-overlay-drag-over{
  z-index: 1;
}

.vfb-step-overlay-highlighted{
  --tw-bg-opacity: 0.1;
}

.vfb-step-overlay-not-highlighted{
  --tw-bg-opacity: 0;
}

.vfb-step-area-left{
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 50%;
}

.vfb-step-area-left-drag-over{
  z-index: 1;
}

.vfb-step-area-left-drag-line{
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: -0.75rem;
  bottom: 0.75rem;
  margin-left: -1px;
  width: 0.125rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
}

.vfb-step-area-right{
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  left: 50%;
}

.vfb-step-area-right-drag-over{
  z-index: 1;
}

.vfb-step-area-right-drag-line{
  pointer-events: none;
  position: absolute;
  right: 0px;
  top: -0.75rem;
  bottom: 0.75rem;
  margin-right: -1px;
  width: 0.125rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
}

.vfb-step-wrapper{
  display: block;
  min-width: 1.5rem;
}

.vfb-step-wrapper-dragged{
  opacity: 0.2;
}

.vfb-step-wrapper-active{
  border-color: var(--vf-primary);
}

.vfb-step-wrapper-inactive{
  border-color: transparent;
}

.vfb-step-wrapper-invalid{
  color: var(--vf-color-danger);
  border-color: var(--vf-border-color-danger);
}

.vfb-step-label{
  position: relative;
  display: block;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 1.25rem;
}

.vfb-step-label-first{
  padding-left: 0px;
}

.vfb-step-label-last{
  padding-right: 0px;
}

.vfb-step-edit-label-wrapper{
  position: relative;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: inline-block;
  height: 100%;
  flex-shrink: 1;
  flex-grow: 1;
  padding-top: 1.25rem;
}

.vfb-step-edit-label-wrapper-first{
  margin-left: 0px;
}

.vfb-step-edit-label-wrapper-last{
  margin-right: 0px;
}

.vfb-step-edit-label-input{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  box-sizing: border-box;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  white-space: nowrap;
  border-width: 0px;
  padding: 0px;
  border: 0;
}

.vfb-step-edit-label-sizer{
  visibility: hidden;
  position: relative;
  top: -1px;
  display: inline-block;
  height: 1px;
  white-space: nowrap;
}

.vfb-step-actions-container{
  position: absolute;
  z-index: 1;
  display: flex;
  display: none;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-step-actions-container-left{
  top: 0px;
  left: -1px;
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: row;
}

.vfb-step-actions-container-right{
  top: 0px;
  right: -1px;
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: row;
}

.vfb-step-action{
  position: relative;
  display: flex;
  height: 1rem;
  width: 1rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-step-action:hover .vfb-tooltip{
  display: inline-block;
}

.vfb-step-action:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(19 175 125 / var(--tw-bg-opacity));
}

.vfb-steps-controls-container-editor{
  cursor: pointer;
  border-width: 1px;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
  --tw-border-opacity: 0;
}

.vfb-steps-controls-container-editor:hover{
  --tw-border-opacity: 1;
}

.vfb-steps-controls-container-select{
  --tw-border-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
}

.vfb-steps-controls-container-sm{
  margin-top: calc(var(--vf-gutter) * 1);
  font-size: var(--vf-font-size-sm);
  line-height: var(--vf-line-height-sm);
  letter-spacing: var(--vf-letter-spacing-sm);
}

.vfb-steps-controls-container-sm.vfb-util-tabs-tiny{
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.25;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.vfb-steps-controls-container-sm.vfb-util-tabs-small{
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.25;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.vfb-steps-controls-container-md{
  font-size: var(--vf-font-size);
  line-height: var(--vf-line-height);
  letter-spacing: var(--vf-letter-spacing);
  margin-top: calc(var(--vf-gutter-lg) * 1);
}

.vfb-steps-controls-container-lg{
  font-size: var(--vf-font-size-lg);
  line-height: var(--vf-line-height-lg);
  letter-spacing: var(--vf-letter-spacing-lg);
  margin-top: calc(var(--vf-gutter-lg) * 1);
}

.vfb-steps-controls-wrapper{
  display: flex;
  justify-content: space-between;
}

.vfb-steps-controls-wrapper-editor{
  pointer-events: none;
}

.vfb-steps-control-button{
  border-width: var(--vf-border-width-btn);
  border-style: solid;
  box-shadow: var(--vf-shadow-btn);
}

[disabled] .vfb-steps-control-button{
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.6;
}
.vfb-steps-control-button:focus{
  outline-width: 0px;
  outline: var(--vf-ring-width) solid var(--vf-ring-color);
}

.vfb-steps-control-button-previous-enabled{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  color: var(--vf-color-btn-secondary);
  background-color: var(--vf-bg-btn-secondary);
  border-color: var(--vf-border-color-btn-secondary);
}

.vfb-steps-control-button-previous-enabled:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.vfb-steps-control-button-previous-disabled{
  pointer-events: none;
  opacity: 0.6;
  color: var(--vf-color-btn-secondary);
  background-color: var(--vf-bg-btn-secondary);
  border-color: var(--vf-border-color-btn-secondary);
}

.vfb-steps-control-button-next-enabled{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  border-color: var(--vf-border-color-btn);
  background-color: var(--vf-primary);
  color: var(--vf-color-on-primary);
}

.vfb-steps-control-button-next-enabled:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.vfb-steps-control-button-next-disabled{
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.6;
  border-color: var(--vf-border-color-btn);
  background-color: var(--vf-primary);
  color: var(--vf-color-on-primary);
}

.vfb-steps-control-button-next-loading{
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.6;
  position: relative;
  color: transparent;
}

.vfb-steps-control-button-next-loading::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: inline-block;
  width: calc(var(--vf-min-height-input) * 0.4);
  height: calc(var(--vf-min-height-input) * 0.4);
  margin-left: calc(var(--vf-min-height-input) * (-0.2));
  margin-top: calc(var(--vf-min-height-input) * (-0.2));
  animation: form-spin 1s linear infinite;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'%3e%3c/path%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'%3e%3c/path%3e%3c/svg%3e");
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--vf-color-on-primary);
}

.vfb-steps-control-button-next-loading{
  border-color: var(--vf-border-color-btn);
  background-color: var(--vf-primary);
}

.vfb-steps-control-button-finish-enabled{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  border-color: var(--vf-border-color-btn);
  background-color: var(--vf-primary);
  color: var(--vf-color-on-primary);
}

.vfb-steps-control-button-finish-enabled:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.vfb-steps-control-button-finish-disabled{
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.6;
  border-color: var(--vf-border-color-btn);
  background-color: var(--vf-primary);
  color: var(--vf-color-on-primary);
}

.vfb-steps-control-button-finish-loading{
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.6;
  position: relative;
  color: transparent;
}

.vfb-steps-control-button-finish-loading::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: inline-block;
  width: calc(var(--vf-min-height-input) * 0.4);
  height: calc(var(--vf-min-height-input) * 0.4);
  margin-left: calc(var(--vf-min-height-input) * (-0.2));
  margin-top: calc(var(--vf-min-height-input) * (-0.2));
  animation: form-spin 1s linear infinite;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'%3e%3c/path%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'%3e%3c/path%3e%3c/svg%3e");
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--vf-color-on-primary);
}

.vfb-steps-control-button-finish-loading{
  border-color: var(--vf-border-color-btn);
  background-color: var(--vf-primary);
}

.vfb-steps-control-button-sm{
  font-size: var(--vf-font-size-sm);
  line-height: var(--vf-line-height-sm);
  letter-spacing: var(--vf-letter-spacing-sm);
  border-radius: var(--vf-radius-btn-sm);
  padding: var(--vf-py-btn-sm) var(--vf-px-btn-sm);
}

.vfb-steps-control-button-sm.vfb-util-tabs-tiny{
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.25;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.vfb-steps-control-button-sm.vfb-util-tabs-small{
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.25;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.vfb-steps-control-button-md{
  font-size: var(--vf-font-size);
  line-height: var(--vf-line-height);
  letter-spacing: var(--vf-letter-spacing);
  border-radius: var(--vf-radius-btn);
  padding: var(--vf-py-btn) var(--vf-px-btn);
}

.vfb-steps-control-button-md.vfb-modal-ai-submit{
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #17c495 var(--tw-gradient-to-position);
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-weight: 600;
}

.vfb-steps-control-button-lg{
  font-size: var(--vf-font-size-lg);
  line-height: var(--vf-line-height-lg);
  letter-spacing: var(--vf-letter-spacing-lg);
  border-radius: var(--vf-radius-btn-lg);
  padding: var(--vf-py-btn-lg) var(--vf-px-btn-lg);
}

.vfb-hidden-element-preview-text{
  width: 100%;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.vfb-code .token.vfb-hidden-element-preview-text {
  font-style: italic;
}

.vfb-preview-element-container{
  pointer-events: auto;
  position: relative;
}

.vfb-preview-element-container:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vfb-preview-element-container.vfb-preview-element-container-hover > .vfb-preview-element-overlay, .vfb-preview-element-container.vfb-preview-element-container-hover > .vfb-preview-element-outer-wrapper > .vfb-preview-element-inner-container > .vfb-preview-element-inner-wrapper > .vfb-preview-element-inner-overlay{
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
}
.vfb-preview-element-container.vfb-preview-element-container-hover > .vfb-preview-element-resizer-icon, .vfb-preview-element-container.vfb-preview-element-container-hover > .vfb-preview-element-outer-wrapper > .vfb-preview-element-inner-container > .vfb-preview-element-inner-wrapper > .vfb-preview-element-resizer-icon{
  display: inline-block;
}
.vfb-preview-element-container.vfb-preview-element-container-hover > .vfb-preview-element-name-tag{
  display: inline-block;
}
.vfb-preview-element-container.vfb-preview-element-container-hover > .vfb-preview-element-columns-display, .vfb-preview-element-container.vfb-preview-element-container-hover > .vfb-preview-element-outer-wrapper > .vfb-preview-element-inner-container > .vfb-preview-element-inner-wrapper > .vfb-preview-element-columns-display{
  display: inline-block;
}
.vfb-preview-element-container.vfb-preview-element-container-hover > .vfb-preview-element-actions-container-unselected{
  display: flex;
}

.vfb-preview-element-container-nested,
.vfb-preview-element-container-list {
  transition: background 150ms;
  padding: 18px 10px;
  border-radius: 6px;
  cursor: pointer;
  background: var(--vf-container-bg);
  z-index: 0;
}

.vfb-preview-grid-element-cell-placeholder,
.vfb-preview-element-container-nested,
.vfb-preview-element-container-list {
  --vf-container-bg-neutral: rgb(86 136 179 / 10%);
  --vf-container-bg-dynamic-1: rgb(0 208 255 / 12%);
  --vf-container-bg-dynamic-2: rgb(2 45 215 / 12%);
  --vf-container-bg-dynamic-3: rgb(255 0 244 / 15%);
  --vf-container-bg-dynamic-4: rgb(255 0 0 / 20%);
  --vf-container-bg-dynamic-5: rgb(0 0 0 / 12%);
  --vf-container-text-neutral: rgb(149 161 170);
  --vf-container-text-dynamic-1: rgb(91, 153, 168);
  --vf-container-text-dynamic-2: rgb(99 115 180);
  --vf-container-text-dynamic-3: rgb(139 86 137);
  --vf-container-text-dynamic-4: rgb(154 13 13);
  --vf-container-text-dynamic-5: rgb(0 0 0 / 54%);
}

.vfb-preview-wrapper-dark .vfb-preview-grid-element-cell-placeholder,
.vfb-preview-wrapper-dark .vfb-preview-element-container-nested,
.vfb-preview-wrapper-dark .vfb-preview-element-container-list {
  --vf-container-bg-neutral: rgb(255 255 255 / 10%);
  --vf-container-bg-dynamic-1: rgb(0 208 255 / 20%);
  --vf-container-bg-dynamic-2: rgb(2 215 130 / 20%);
  --vf-container-bg-dynamic-3: rgb(0 255 12 / 20%);
  --vf-container-bg-dynamic-4: rgb(0 3 255 / 20%);
  --vf-container-bg-dynamic-5: rgb(0 0 0 / 20%);
  --vf-container-text-neutral: rgb(255 255 255 / 100%);
  --vf-container-text-dynamic-1: rgb(0 208 255 / 100%);
  --vf-container-text-dynamic-2: rgb(2 215 130 / 100%);
  --vf-container-text-dynamic-3: rgb(0 255 12 / 100%);
  --vf-container-text-dynamic-4: rgb(0 3 255 / 100%);
  --vf-container-text-dynamic-5: rgb(0 0 0 / 100%);
}
.vfb-preview-wrapper-dark .vfb-preview-element-multi-resizer-handle{
  --tw-bg-opacity: 1;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity));
}
.vfb-preview-wrapper-dark .vfb-preview-element-columns-display{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.vfb-preview-element-container-nested {
  --vf-container-bg: var(--vf-container-bg-neutral);
  --vf-container-text: var(--vf-container-text-neutral);
}

.vfb-preview-element-container-list,
.vfb-preview-element-container-list .vfb-preview-element-container-nested {
  --vf-container-bg: var(--vf-container-bg-dynamic-1);
  --vf-container-text: var(--vf-container-text-dynamic-1);
}

.vfb-preview-element-container-list .vfb-preview-element-container-list,
.vfb-preview-element-container-list .vfb-preview-element-container-list .vfb-preview-element-container-nested {
  --vf-container-bg: var(--vf-container-bg-dynamic-2);
  --vf-container-text: var(--vf-container-text-dynamic-2);
}

.vfb-preview-element-container-list .vfb-preview-element-container-list .vfb-preview-element-container-list,
.vfb-preview-element-container-list .vfb-preview-element-container-list .vfb-preview-element-container-list .vfb-preview-element-container-nested {
  --vf-container-bg: var(--vf-container-bg-dynamic-3);
  --vf-container-text: var(--vf-container-text-dynamic-3);
}

.vfb-preview-element-container-list .vfb-preview-element-container-list .vfb-preview-element-container-list .vfb-preview-element-container-list,
.vfb-preview-element-container-list .vfb-preview-element-container-list .vfb-preview-element-container-list .vfb-preview-element-container-list .vfb-preview-element-container-nested {
  --vf-container-bg: var(--vf-container-bg-dynamic-4);
  --vf-container-text: var(--vf-container-text-dynamic-4);
}

.vfb-preview-element-container-list .vfb-preview-element-container-list .vfb-preview-element-container-list .vfb-preview-element-container-list .vfb-preview-element-container-list,
.vfb-preview-element-container-list .vfb-preview-element-container-list .vfb-preview-element-container-list .vfb-preview-element-container-list .vfb-preview-element-container-list .vfb-preview-element-container-nested {
  --vf-container-bg: var(--vf-container-bg-dynamic-5);
  --vf-container-text: var(--vf-container-text-dynamic-5);
}

.vfb-preview-element-container-no-visual-nesting {
  padding: 18px 1px;
  margin: 0 0;
}

.vfb-preview-element-container-sm{
  font-size: var(--vf-font-size-sm);
  line-height: var(--vf-line-height-sm);
  letter-spacing: var(--vf-letter-spacing-sm);
}

.vfb-preview-element-container-sm.vfb-util-tabs-tiny{
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.25;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.vfb-preview-element-container-sm.vfb-util-tabs-small{
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.25;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.vfb-preview-element-container-md{
  font-size: var(--vf-font-size);
  line-height: var(--vf-line-height);
  letter-spacing: var(--vf-letter-spacing);
}

.vfb-preview-element-container-lg{
  font-size: var(--vf-font-size-lg);
  line-height: var(--vf-line-height-lg);
  letter-spacing: var(--vf-letter-spacing-lg);
}

.vfb-preview-element-container-error{}

.vfb-preview-element-container-empty{
  display: flex;
}

.vfb-preview-element-container-conditional{
  opacity: 0.6;
}
.vfb-preview-element-container-conditional.vfb-preview-element-container-nested-lvl1, .vfb-preview-element-container-conditional.vfb-preview-element-container-nested-lvl2, .vfb-preview-element-container-conditional.vfb-preview-element-container-nested-lvl3{
  opacity: 0.6;
}

.vfb-preview-element-container-editing{
  opacity: 0.8;
}
.vfb-preview-element-container-editing .vfb-preview-element-overlay{
  border-width: 1px;
  border-style: dashed;
}

.vfb-preview-element-warning{
  pointer-events: none;
  position: absolute;
  inset: 0px;
  z-index: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
}

.vfb-preview-element-outer-wrapper{
  display: grid;
  height: 100%;
  flex: 1 1 0%;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.vfb-preview-element-outer-wrapper-not-dragging{
  position: relative;
  z-index: -1;
}

.vfb-preview-element-outer-wrapper-dragging{
  position: relative;
  z-index: 1;
}

.vfb-preview-element-inner-container{
  display: grid;
  flex: 1 1 0%;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.vfb-preview-element-inner-wrapper-before{
  grid-column: span 12 / span 12;
}

.vfb-preview-container-default .vfb-preview-element-inner-wrapper-before,
.vfb-preview-container-tablet .vfb-preview-element-inner-wrapper-before {
  grid-column: span 12/span 12;
}

.vfb-preview-element-inner-wrapper{
  position: relative;
}

.vfb-preview-element-inner-wrapper-after{
  grid-column: span 12 / span 12;
}

.vfb-preview-container-default .vfb-preview-element-inner-wrapper-after,
.vfb-preview-container-tablet .vfb-preview-element-inner-wrapper-after {
  grid-column: span 12/span 12;
}

.vfb-preview-element-overlay{
  position: absolute;
  inset: 0px;
  cursor: pointer;
  border-width: 1px;
}
.vfb-preview-element-overlay.vfb-preview-element-overlay-resizing{
  border-color: #17c495;
}
.vfb-preview-element-overlay.vfb-preview-element-overlay-no-edit{
  cursor: default;
}

.vfb-preview-element-overlay-being-dragged{
  border-width: 1px;
  border-style: dashed;
  opacity: 0.9;
}

.vfb-preview-element-overlay-selected{
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
}

.vfb-preview-element-overlay-unselected{
  border-color: transparent;
}

.vfb-preview-element-inner-overlay{
  position: absolute;
  inset: 0px;
  z-index: 1;
  cursor: pointer;
  border-width: 1px;
}
.vfb-preview-element-inner-overlay.vfb-preview-element-inner-overlay-no-edit{
  cursor: default;
}

.vfb-preview-element-inner-overlay-selected{
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
}

.vfb-preview-element-inner-overlay-unselected{
  border-color: transparent;
}

.vfb-preview-element-inert-wrapper{
  height: 100%;
}

.vfb-preview-element-multi-resizer{
  position: absolute;
  right: calc((var(--vf-gutter) / 2 + 0.5rem) * -1);
  bottom: -0.5rem;
  top: -0.5rem;
  z-index: 2;
  display: flex;
  width: 1rem;
  align-items: stretch;
  justify-content: stretch;
  cursor: ew-resize;
}
.vfb-preview-element-multi-resizer:hover + .vfb-preview-element-multi-resizer-handle{
  display: block;
}

.vfb-preview-element-multi-resizer-handle{
  position: absolute;
  right: calc((var(--vf-gutter) / 2 + 0.0675rem) * -1);
  top: -0.5rem;
  bottom: -0.5rem;
  display: none;
  width: 0.125rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.vfb-preview-element-multi-resizer-handle-resizing{
  display: block;
}

.vfb-preview-element-resizer{
  position: absolute;
  right: -0.25rem;
  top: 0px;
  bottom: 0px;
  z-index: 999;
  width: 0.5rem;
  cursor: ew-resize;
}
.vfb-preview-element-resizer:active{
  opacity: 0;
}

.vfb-preview-element-resizer-icon{
  pointer-events: none;
  position: absolute;
  right: 0px;
  top: 50%;
  z-index: 1;
  height: 0.5625rem;
  width: 0.5625rem;
  --tw-translate-x: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 0.125rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 1px 1px 0px 0px rgba(0,0,0,0.15);
  --tw-shadow-colored: 1px 1px 0px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-preview-element-resizer-icon-unselected{
  display: none;
}

.vfb-preview-element-columns-display{
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: 50%;
  z-index: 1;
  height: 1rem;
  width: auto;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  white-space: nowrap;
  border-radius: 0.125rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
  --tw-shadow: 1px 1px 0px 0px rgba(0,0,0,0.15);
  --tw-shadow-colored: 1px 1px 0px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-preview-element-columns-display-unselected{
  display: none;
}

.vfb-preview-element-name-tag{
  position: absolute;
  left: 0px;
  top: 0px;
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-preview-element-name-tag-unselected{
  display: none;
}

.vfb-preview-element-area-top{
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 50%;
}

.vfb-preview-element-area-top-sm{
  top: -0.25rem;
}

.vfb-preview-element-area-top-md{
  top: -0.5rem;
}

.vfb-preview-element-area-top-lg{
  top: -0.5rem;
}

.vfb-preview-element-area-bottom{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
}

.vfb-preview-element-area-bottom-sm{
  bottom: -0.25rem;
}

.vfb-preview-element-area-bottom-md{
  bottom: -0.5rem;
}

.vfb-preview-element-area-bottom-lg{
  bottom: -0.5rem;
}

.vfb-preview-element-area-right{
  position: absolute;
  z-index: 1;
  width: 10%;
  min-width: 0.5rem;
}

.vfb-preview-element-area-right-with-children{
  width: 0.75rem;
}

.vfb-preview-element-area-right-grid{
  width: 1rem;
}

.vfb-preview-element-area-right-sm{
  bottom: -0.25rem;
  top: -0.25rem;
  right: 0px;
}

.vfb-preview-element-area-right-md{
  bottom: -0.5rem;
  top: -0.5rem;
  right: 0px;
}

.vfb-preview-element-area-right-lg{
  bottom: -0.5rem;
  top: -0.5rem;
  right: 0px;
}

.vfb-preview-element-area-left{
  position: absolute;
  z-index: 1;
  width: 10%;
  min-width: 0.5rem;
}

.vfb-preview-element-area-left-with-children{
  width: 0.75rem;
}

.vfb-preview-element-area-left-grid{
  width: 1rem;
}

.vfb-preview-element-area-left-sm{
  bottom: -0.25rem;
  top: -0.25rem;
  left: 0px;
}

.vfb-preview-element-area-left-md{
  bottom: -0.5rem;
  top: -0.5rem;
  left: 0px;
}

.vfb-preview-element-area-left-lg{
  bottom: -0.5rem;
  top: -0.5rem;
  left: 0px;
}

.vfb-preview-element-area-bottom-sm{
  bottom: -0.25rem;
}

.vfb-preview-element-area-bottom-md{
  bottom: -0.5rem;
}

.vfb-preview-element-area-bottom-lg{
  bottom: -0.5rem;
}

.vfb-preview-element-area-middle{
  grid-column: span 12 / span 12;
  display: contents;
}

.vfb-preview-container-default .vfb-preview-element-area-middle,
.vfb-preview-container-tablet .vfb-preview-element-area-middle {
  grid-column: span 12/span 12;
}

.vfb-preview-element-middle-drag-label-container{
  position: absolute;
  inset: 0px;
  z-index: 1;
}

.vfb-preview-element-drag-label-wrapper{
  pointer-events: none;
  position: absolute;
  display: none;
  height: 0.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
}
.vfb-preview-element-drag-label-wrapper.vfb-preview-element-drag-label-wrapper-visible{
  display: block;
}

.vfb-preview-element-drag-label-wrapper-top{
  left: -0.5rem;
  right: -0.5rem;
  top: -0.125rem;
}

.vfb-preview-element-container-drop-top > .vfb-preview-element-area-top, .vfb-preview-element-container-drop-top > div > .vfb-preview-element-drag-label-wrapper-top {
  display: block !important;
}

.vfb-preview-element-drag-label-wrapper-bottom{
  left: -0.5rem;
  right: -0.5rem;
  bottom: -0.125rem;
}

.vfb-preview-element-container-drop-bottom > .vfb-preview-element-area-bottom, .vfb-preview-element-container-drop-bottom > div > .vfb-preview-element-drag-label-wrapper-bottom {
  display: block !important;
}

.vfb-preview-element-drag-label-wrapper-right{
  top: -0.5rem;
  bottom: -0.5rem;
  right: 0px;
  z-index: 1;
  height: auto;
  width: 0.25rem;
}
.vfb-preview-element-drag-label-wrapper-right .vfb-preview-element-drag-label{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  white-space: nowrap;
  font-size: 12px;
}

.vfb-preview-element-container-drop-right > .vfb-preview-element-area-right, .vfb-preview-element-container-drop-right > div > .vfb-preview-element-drag-label-wrapper-right {
  display: block !important;
}

.vfb-preview-element-drag-label-wrapper-left{
  top: -0.5rem;
  bottom: -0.5rem;
  left: 0px;
  z-index: 1;
  height: auto;
  width: 0.25rem;
}
.vfb-preview-element-drag-label-wrapper-left .vfb-preview-element-drag-label{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  white-space: nowrap;
  font-size: 12px;
}

.vfb-preview-element-container-drop-left > .vfb-preview-element-area-left, .vfb-preview-element-container-drop-left > div > .vfb-preview-element-drag-label-wrapper-left {
  display: block !important;
}

.vfb-preview-element-drag-label-wrapper-middle{
  top: 50%;
  left: 0px;
  right: 0px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.vfb-preview-element-container-drop-middle > div > div > .vfb-preview-element-area-middle, .vfb-preview-element-container-drop-middle > div > div > div > div > .vfb-preview-element-drag-label-wrapper-middle {
  display: block !important;
}

.vfb-preview-element-drag-label{
  position: absolute;
  left: 50%;
  top: 50%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  white-space: nowrap;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.1875rem;
  font-size: 0.8125rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-preview-element-actions-container{
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 2;
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-preview-element-actions-container-selected{
  display: flex;
}

.vfb-preview-element-actions-container-unselected{
  display: none;
}

.vfb-preview-element-edit-cells{
  position: relative;
  margin-right: 0.125rem;
  display: flex;
  height: 1rem;
  width: 1rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-preview-element-edit-cells:hover .vfb-tooltip{
  display: inline-block;
}

.vfb-preview-element-edit-cells:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(19 175 125 / var(--tw-bg-opacity));
}

.vfb-preview-element-clone{
  position: relative;
  display: flex;
  height: 1rem;
  width: 1rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  font-size: 0.625rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-preview-element-clone:hover .vfb-tooltip{
  display: inline-block;
}

.vfb-preview-element-clone:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(19 175 125 / var(--tw-bg-opacity));
}

.vfb-preview-element-clone-disabled{
  cursor: not-allowed;
  --tw-bg-opacity: 0.6;
}

.vfb-preview-element-clone-disabled:hover{
  --tw-bg-opacity: 0.6;
}

.vfb-preview-element-remove{
  position: relative;
  margin-left: 0.125rem;
  display: flex;
  height: 1rem;
  width: 1rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vfb-preview-element-remove:hover .vfb-tooltip{
  display: inline-block;
}

.vfb-preview-element-remove:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(19 175 125 / var(--tw-bg-opacity));
}

.vfb-preview-element-remove-disabled{
  cursor: not-allowed;
  --tw-bg-opacity: 0.6;
}

.vfb-preview-element-remove-disabled:hover{
  --tw-bg-opacity: 0.6;
}

.vfb-preview-nested-element-wrapper{
  pointer-events: none;
  position: relative;
  z-index: 1;
}

.vfb-preview-nested-list-element-wrapper{
  pointer-events: none;
  position: relative;
  z-index: 1;
  grid-column: span 12 / span 12;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.vfb-preview-container-default .vfb-preview-nested-list-element-wrapper,
.vfb-preview-container-tablet .vfb-preview-nested-list-element-wrapper {
  grid-column: span 12/span 12;
}

.vfb-preview-wrapper-preview .vfb-preview-nested-element-wrapper{
  z-index: auto;
}
.vfb-preview-wrapper-preview .vfb-preview-nested-list-element-wrapper{
  z-index: auto;
}

.vfb-drag-placeholder-container {
  color: var(--vf-container-text);
  grid-column: span 12 / span 12;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 32px;
}

.vfb-preview-container-default .vfb-drag-placeholder-container,
.vfb-preview-container-tablet .vfb-drag-placeholder-container {
  grid-column: span 12/span 12;
}

.vfb-drag-placeholder-text{
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.25;
}

.vfb-preview-element-container-grid{
  padding: 1rem;
}

.vfb-preview-grid-element-wrapper-no-scroll{
  overflow-x: visible;
}

.vfb-preview-grid-element-wrapper{
  pointer-events: none;
  position: relative;
  z-index: 1;
}
.vfb-preview-grid-element-wrapper.vfb-preview-grid-element-wrapper-dragging{
  pointer-events: auto;
}

.vfb-preview-grid-element-cell-editing{
  pointer-events: auto;
  z-index: 1001;
  display: flex;
  cursor: text;
}
.vfb-preview-grid-element-cell-editing.is-middle{
  align-items: center;
}
.vfb-preview-grid-element-cell-editing.is-bottom{
  align-items: flex-end;
}

.vfb-preview-grid-element-column-resizer-container{
  pointer-events: auto;
  position: absolute;
  top: 0px;
  bottom: 0px;
  z-index: 1;
  display: flex;
  width: 0.5rem;
  cursor: col-resize;
  align-items: center;
  justify-content: center;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}
.vfb-preview-grid-element-column-resizer-container:hover .vfb-preview-grid-element-column-resizer-wrapper{
  display: flex;
}
.vfb-preview-grid-element-column-resizer-container.is-sm{
  right: calc((var(--vf-gutter-sm) / 2 + 0.25rem) * -1);
}
.vfb-preview-grid-element-column-resizer-container.is-md{
  right: calc((var(--vf-gutter) / 2 + 0.25rem) * -1);
}
.vfb-preview-grid-element-column-resizer-container.is-lg{
  right: calc((var(--vf-gutter-lg) / 2 + 0.25rem) * -1);
}

.vfb-preview-grid-element-column-resizer-wrapper{
  pointer-events: none;
  display: none;
  height: 1rem;
  width: 8px;
  align-items: center;
  justify-content: space-between;
}

.vfb-preview-grid-element-column-resizer-bar{
  height: 0.875rem;
  width: 0.125rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}
.vfb-preview-grid-element-column-resizer-bar.is-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(189 189 189 / var(--tw-bg-opacity));
}

.vfb-preview-grid-element-width-tooltip{
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1000;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 0.25rem;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.vfb-preview-grid-element-text-wrapper{
  pointer-events: auto;
  position: relative;
  cursor: text;
  color: var(--vf-color-input);
}

.vfb-preview-grid-element-cell-edit-container{
  position: absolute;
  inset: 0px;
}

.vfb-preview-grid-element-cell-edit-toolbar-container{
  position: absolute;
  top: -0.5rem;
  left: 0px;
  z-index: 3;
  display: flex;
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: row;
  align-items: flex-start;
  gap: 0.125rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  --tw-shadow: 0px 0px 10px 0 rgba(0,0,0,0.10);
  --tw-shadow-colored: 0px 0px 10px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.vfb-preview-grid-element-cell-edit-toolbar-container.is-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}

.vfb-preview-grid-element-cell-edit-toolbar-block{
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  border-radius: 0.125rem;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.vfb-preview-grid-element-cell-edit-toolbar-block.is-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(50 50 50 / var(--tw-bg-opacity));
}

.vfb-preview-grid-element-cell-edit-toolbar-bold{
  pointer-events: auto;
  position: relative;
  z-index: 1;
  display: flex;
  height: 28px;
  width: 28px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.vfb-preview-grid-element-cell-edit-toolbar-bold:hover .vfb-tooltip{
  display: inline-block;
}
.vfb-preview-grid-element-cell-edit-toolbar-bold.is-active{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.vfb-preview-grid-element-cell-edit-toolbar-bold.is-active.is-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.vfb-preview-grid-element-cell-edit-toolbar-bold.is-inactive{
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}
.vfb-preview-grid-element-cell-edit-toolbar-bold.is-inactive:hover{
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
.vfb-preview-grid-element-cell-edit-toolbar-bold.is-inactive.is-dark{
  --tw-text-opacity: 1;
  color: rgb(220 220 220 / var(--tw-text-opacity));
}
.vfb-preview-grid-element-cell-edit-toolbar-bold.is-inactive.is-dark:hover{
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}

.vfb-preview-grid-element-cell-edit-toolbar-aligns-container{
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.vfb-preview-grid-element-cell-edit-toolbar-aligns-container:hover{
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
.vfb-preview-grid-element-cell-edit-toolbar-aligns-container.is-dark{
  --tw-text-opacity: 1;
  color: rgb(189 189 189 / var(--tw-text-opacity));
}
.vfb-preview-grid-element-cell-edit-toolbar-aligns-container.is-dark:hover{
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}

.vfb-preview-grid-element-cell-edit-toolbar-aligns-container-open{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}
.vfb-preview-grid-element-cell-edit-toolbar-aligns-container-open.is-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(57 57 57 / var(--tw-bg-opacity));
}

.vfb-preview-grid-element-cell-edit-toolbar-aligns-dropdown{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
.vfb-preview-grid-element-cell-edit-toolbar-aligns-dropdown.is-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}

.vfb-preview-grid-element-cell-edit-toolbar-aligns-item-unselected:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}
.vfb-preview-grid-element-cell-edit-toolbar-aligns-item-unselected.is-dark:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(50 50 50 / var(--tw-bg-opacity));
}

.vfb-preview-grid-element-cell-edit-toolbar-aligns-item-selected{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}
.vfb-preview-grid-element-cell-edit-toolbar-aligns-item-selected.is-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(50 50 50 / var(--tw-bg-opacity));
}

.vfb-preview-grid-element-cell-editor-top{
  height: 100%;
  align-items: flex-start;
}

.vfb-preview-grid-element-cell-editor-middle{
  height: 100%;
  align-items: center;
}

.vfb-preview-grid-element-cell-editor-bottom{
  height: 100%;
  align-items: flex-end;
}

.vfb-preview-grid-element-cell-editor-baseline{
  height: 100%;
  align-items: stretch;
}

.vfb-preview-grid-element-cell-editor-left {
  text-align: left !important;
}

.vfb-preview-grid-element-cell-editor-center {
  text-align: center !important;
}

.vfb-preview-grid-element-cell-editor-right {
  text-align: right !important;
}

.vfb-preview-grid-element-cell-editor-rounded{
  border-radius: 0.375rem;
}

.vfb-preview-grid-element-cell-editor-bold{
  font-weight: 700;
}

.vfb-preview-grid-element-cell-placeholder{
  pointer-events: auto;
  z-index: 1;
  display: flex;
  height: 100%;
  width: 100%;
  cursor: text;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.375rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background: var(--vf-container-bg-neutral);
  color: var(--vf-container-text-neutral);
}
.vfb-preview-grid-element-cell-placeholder.is-sm{
  min-height: var(--vf-min-height-input-sm);
}
.vfb-preview-grid-element-cell-placeholder.is-md{
  min-height: var(--vf-min-height-input);
}
.vfb-preview-grid-element-cell-placeholder.is-lg{
  min-height: var(--vf-min-height-input-lg);
}

.vfb-preview-grid-element-cell-drag-area{
  position: absolute;
  inset: 0px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(23 196 149 / var(--tw-border-opacity));
  background-color: rgb(23 196 149 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
  color: rgb(23 196 149 / var(--tw-text-opacity));
  --tw-text-opacity: 0.5;
}
.vfb-preview-grid-element-cell-drag-area.is-hovered{
  opacity: 1;
}
.vfb-preview-grid-element-cell-drag-area.is-not-hovered{
  opacity: 0;
}

.vfb-preview-grid-element-cell-drag-icon{
  pointer-events: none;
}

.vfb-preview-grid-element-wrapper-spreadsheet .vfb-preview-grid-element-column-resizer-container{
  right: -0.25rem;
}
.vfb-preview-grid-element-wrapper-spreadsheet .vfb-preview-grid-element-cell-placeholder{
  border-radius: 0px;
  background-color: transparent;
}
.vfb-preview-grid-element-wrapper-spreadsheet .vfb-preview-grid-element-cell-drag-area{
  inset: -1px;
  border-radius: 0px;
  font-size: 1rem;
  line-height: 1.5rem;
}