/* Need to check and remove the input variables related to the Style Tab. */ .srfm-form-container-818 { /* New test variables */ --srfm-color-scheme-primary: var(--ast-global-color-0); --srfm-color-scheme-text-on-primary: #FFFFFF; --srfm-color-scheme-text: var(--ast-global-color-2); --srfm-quill-editor-color: var(--ast-global-color-0); --srfm-color-input-label: var(--ast-global-color-2); --srfm-color-input-description: hsl( from var(--ast-global-color-2) h s l / 0.65 ); --srfm-color-input-placeholder: hsl( from var(--ast-global-color-2) h s l / 0.5 ); --srfm-color-input-text: var(--ast-global-color-2); --srfm-color-input-prefix: hsl( from var(--ast-global-color-2) h s l / 0.65 ); --srfm-color-input-background: hsl( from var(--ast-global-color-2) h s l / 0.02 ); --srfm-color-input-background-hover: hsl( from var(--ast-global-color-2) h s l / 0.05 ); --srfm-color-input-background-disabled: hsl( from var(--ast-global-color-2) h s l / 0.07 ); --srfm-color-input-border: hsl( from var(--ast-global-color-2) h s l / 0.25 ); --srfm-color-input-border-disabled: hsl( from var(--ast-global-color-2) h s l / 0.15 ); --srfm-color-multi-choice-svg: hsl( from var(--ast-global-color-2) h s l / 0.7 ); --srfm-color-input-border-hover: hsl( from var(--ast-global-color-0) h s l / 0.65 ); --srfm-color-input-border-focus-glow: hsl( from var(--ast-global-color-0) h s l / 0.15 ); --srfm-color-input-selected: hsl( from var(--ast-global-color-0) h s l / 0.1 ); --srfm-btn-color-hover: hsl( from var(--ast-global-color-0) h s l / 0.9 ); --srfm-btn-color-disabled: hsl( from var(--ast-global-color-0) h s l / 0.25 ); /* Dropdown Variables */ --srfm-dropdown-input-background-hover: hsl( from var(--ast-global-color-2) h s l / 0.05 ); --srfm-dropdown-option-background-hover: hsl( from var(--ast-global-color-2) h s l / 0.10 ); --srfm-dropdown-option-background-selected: hsl( from var(--ast-global-color-2) h s l / 0.05 ); --srfm-dropdown-option-selected-icon: hsl( from var(--ast-global-color-2) h s l / 0.65 ); --srfm-dropdown-option-text-color: hsl( from var(--ast-global-color-2) h s l / 0.80 ); --srfm-dropdown-option-selected-text: var(--ast-global-color-2); --srfm-dropdown-badge-background: hsl( from var(--ast-global-color-2) h s l / 0.05 ); --srfm-dropdown-badge-background-hover: hsl( from var(--ast-global-color-2) h s l / 0.10 ); --srfm-dropdown-menu-border-color: hsl( from var(--ast-global-color-2) h s l / 0.10 ); --srfm-dropdown-placeholder-color: hsl( from var(--ast-global-color-2) h s l / 0.50 ); --srfm-dropdown-icon-color: hsl( from var(--ast-global-color-2) h s l / 0.65 ); --srfm-dropdown-icon-disabled: hsl( from var(--ast-global-color-2) h s l / 0.25 ); /* Background Control Variables */ --srfm-instant-form-padding-top: 32px;--srfm-instant-form-padding-right: 32px;--srfm-instant-form-padding-bottom: 32px;--srfm-instant-form-padding-left: 32px;--srfm-instant-form-border-radius-top: 12px;--srfm-instant-form-border-radius-right: 12px;--srfm-instant-form-border-radius-bottom: 12px;--srfm-instant-form-border-radius-left: 12px;--srfm-form-padding-top: 0px;--srfm-form-padding-right: 0px;--srfm-form-padding-bottom: 0px;--srfm-form-padding-left: 0px;--srfm-form-border-radius-top: 0px;--srfm-form-border-radius-right: 0px;--srfm-form-border-radius-bottom: 0px;--srfm-form-border-radius-left: 0px;--srfm-bg-overlay-opacity: 1; --srfm-row-gap-between-blocks: 18px;--srfm-address-label-font-size: 16px;--srfm-address-label-line-height: 24px;--srfm-address-description-font-size: 14px;--srfm-address-description-line-height: 20px;--srfm-col-gap-between-fields: 16px;--srfm-row-gap-between-fields: 16px;--srfm-gap-below-address-label: 14px;--srfm-dropdown-font-size: 14px;--srfm-dropdown-gap-between-input-menu: 4px;--srfm-dropdown-badge-padding: 2px 6px;--srfm-dropdown-multiselect-font-size: 12px;--srfm-dropdown-multiselect-line-height: 16px;--srfm-dropdown-padding-right: 12px;--srfm-dropdown-padding-right-icon: calc( var( --srfm-dropdown-padding-right ) + 20px );--srfm-dropdown-multiselect-padding: 8px var( --srfm-dropdown-padding-right-icon ) 8px 8px;--srfm-input-height: 44px;--srfm-input-field-padding: 10px 12px;--srfm-input-field-font-size: 16px;--srfm-input-field-line-height: 24px;--srfm-input-field-margin-top: 6px;--srfm-input-field-margin-bottom: 6px;--srfm-checkbox-label-font-size: 16px;--srfm-checkbox-label-line-height: 24px;--srfm-checkbox-description-font-size: 14px;--srfm-checkbox-description-line-height: 20px;--srfm-check-ctn-width: 16px;--srfm-check-ctn-height: 16px;--srfm-check-svg-size: 10px;--srfm-checkbox-margin-top-frontend: 4px;--srfm-checkbox-margin-top-editor: 6px;--srfm-check-gap: 8px;--srfm-checkbox-description-margin-left: 24px;--srfm-flag-section-padding: 10px 0 10px 12px;--srfm-gap-between-icon-text: 8px;--srfm-label-font-size: 16px;--srfm-label-line-height: 24px;--srfm-description-font-size: 14px;--srfm-description-line-height: 20px;--srfm-btn-padding: 10px 14px;--srfm-btn-font-size: 16px;--srfm-btn-line-height: 24px;--srfm-multi-choice-horizontal-padding: 20px;--srfm-multi-choice-vertical-padding: 20px;--srfm-multi-choice-internal-option-gap: 8px;--srfm-multi-choice-vertical-svg-size: 40px;--srfm-multi-choice-horizontal-image-size: 24px;--srfm-multi-choice-vertical-image-size: 120px;--srfm-multi-choice-outer-padding: 2px; }