/* Need to check and remove the input variables related to the Style Tab. */ .srfm-form-container-1218 { /* 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; }