:where([data-wsf-style-id="1"]) { --wsf-form-color-background: transparent; --wsf-form-color-base: #000000; --wsf-form-color-base-contrast: #ffffff; --wsf-form-color-accent: #205493; --wsf-form-color-neutral: #ceced2; --wsf-form-color-primary: #205493; --wsf-form-color-secondary: #5b616b; --wsf-form-color-success: #2e8540; --wsf-form-color-info: #02bfe7; --wsf-form-color-warning: #fdb81e; --wsf-form-color-danger: #bb0000; --wsf-form-border-color: transparent; --wsf-form-border-radius: 0px; --wsf-form-border-width: 0px; --wsf-form-border-style: solid; --wsf-form-grid-gap: 20px; --wsf-form-padding-horizontal: 0px; --wsf-form-padding-vertical: 0px; --wsf-form-transition-enabled: 1; --wsf-form-transition-speed: 200ms; --wsf-form-transition-timing-function: ease-in-out; --wsf-form-font-family: inherit; --wsf-form-font-size: 14px; --wsf-form-font-size-small: 12px; --wsf-form-font-size-large: 18px; --wsf-form-font-style: inherit; --wsf-form-font-weight: inherit; --wsf-form-letter-spacing: inherit; --wsf-form-line-height: 1.4; --wsf-form-text-decoration: inherit; --wsf-form-text-transform: inherit; --wsf-group-li-color-background: transparent; --wsf-group-li-color-background-active: var(--wsf-form-color-base-contrast); --wsf-group-li-color-background-focus: var(--wsf-form-color-base-contrast); --wsf-group-li-color-background-disabled: var(--wsf-form-color-neutral-light-60); --wsf-group-li-border-radius: 4px; --wsf-group-li-border-width: 1px; --wsf-group-li-border-style: solid; --wsf-group-li-border-color: transparent; --wsf-group-li-border-color-active: var(--wsf-form-color-neutral-light-60); --wsf-group-li-border-color-focus: var(--wsf-form-color-neutral-light-60); --wsf-group-li-border-color-disabled: var(--wsf-form-color-neutral-light-60); --wsf-group-ul-border-color: var(--wsf-form-color-neutral-light-60); --wsf-group-ul-border-width: 1px; --wsf-group-ul-border-style: solid; --wsf-group-li-gap: 0px; --wsf-group-li-padding-horizontal: 16px; --wsf-group-li-padding-vertical: 8px; --wsf-group-li-color: var(--wsf-form-color-base); --wsf-group-li-color-active: var(--wsf-form-color-base); --wsf-group-li-color-focus: var(--wsf-form-color-base); --wsf-group-li-color-disabled: var(--wsf-form-color-neutral); --wsf-group-li-steps-color-background: var(--wsf-form-color-base-contrast); --wsf-group-li-steps-color-background-active: var(--wsf-form-color-base-contrast); --wsf-group-li-steps-color-background-complete: var(--wsf-form-color-primary); --wsf-group-li-steps-border-color: var(--wsf-form-color-neutral-light-60); --wsf-group-li-steps-border-color-active: var(--wsf-form-color-primary); --wsf-group-li-steps-border-color-complete: var(--wsf-form-color-primary); --wsf-group-li-steps-size: var(--wsf-field-height); --wsf-group-li-steps-color: var(--wsf-form-color-base); --wsf-group-li-steps-color-active: var(--wsf-form-color-base); --wsf-group-li-steps-color-complete: var(--wsf-form-color-base-contrast); --wsf-group-li-steps-font-family: var(--wsf-form-font-family); --wsf-group-li-steps-font-size: var(--wsf-form-font-size); --wsf-group-li-steps-font-style: var(--wsf-form-font-style); --wsf-group-li-steps-font-weight: 700; --wsf-group-li-steps-letter-spacing: var(--wsf-form-letter-spacing); --wsf-group-li-steps-line-height: var(--wsf-field-height); --wsf-group-li-steps-text-decoration: var(--wsf-form-text-decoration); --wsf-group-li-steps-text-transform: var(--wsf-form-text-transform); --wsf-group-li-font-family: var(--wsf-form-font-family); --wsf-group-li-font-size: var(--wsf-form-font-size); --wsf-group-li-font-style: var(--wsf-form-font-style); --wsf-group-li-font-weight: var(--wsf-form-font-weight); --wsf-group-li-letter-spacing: var(--wsf-form-letter-spacing); --wsf-group-li-line-height: var(--wsf-form-line-height); --wsf-group-li-text-decoration: var(--wsf-form-text-decoration); --wsf-group-li-text-transform: var(--wsf-form-text-transform); --wsf-section-color-background: transparent; --wsf-section-legend-color-background: transparent; --wsf-section-legend-color: var(--wsf-form-color-base); --wsf-section-legend-font-family: var(--wsf-form-font-family); --wsf-section-legend-font-size: var(--wsf-form-font-size-large); --wsf-section-legend-font-style: var(--wsf-form-font-style); --wsf-section-legend-font-weight: var(--wsf-form-font-weight); --wsf-section-legend-letter-spacing: var(--wsf-form-letter-spacing); --wsf-section-legend-line-height: var(--wsf-form-line-height); --wsf-section-legend-text-decoration: var(--wsf-form-text-decoration); --wsf-section-legend-text-transform: var(--wsf-form-text-transform); --wsf-section-legend-gap: 10px; --wsf-section-icon-color: var(--wsf-form-color-base); --wsf-section-icon-color-disabled: var(--wsf-form-color-neutral-light-60); --wsf-section-icon-size: 24px; --wsf-field-color-background: var(--wsf-form-color-base-contrast); --wsf-field-color-background-hover: var(--wsf-field-color-background); --wsf-field-color-background-focus: var(--wsf-field-color-background); --wsf-field-color-background-disabled: var(--wsf-form-color-neutral-light-80); --wsf-field-color-background-invalid: var(--wsf-field-color-background); --wsf-field-border-color: var(--wsf-form-color-base); --wsf-field-border-color-hover: var(--wsf-form-color-base); --wsf-field-border-color-focus: var(--wsf-form-color-primary); --wsf-field-border-color-disabled: var(--wsf-form-color-neutral-light-60); --wsf-field-border-color-invalid: var(--wsf-form-color-danger); --wsf-field-border-placement: all; --wsf-field-border-radius: 4px; --wsf-field-border-width: 1px; --wsf-field-border-style: solid; --wsf-field-box-shadow-color-focus: var(--wsf-form-color-primary); --wsf-field-box-shadow-width-focus: 4px; --wsf-field-fieldset-legend-color-background: transparent; --wsf-field-fieldset-legend-color: var(--wsf-form-color-base); --wsf-field-fieldset-legend-font-family: var(--wsf-form-font-family); --wsf-field-fieldset-legend-font-size: var(--wsf-form-font-size); --wsf-field-fieldset-legend-font-style: var(--wsf-form-font-style); --wsf-field-fieldset-legend-font-weight: var(--wsf-form-font-weight); --wsf-field-fieldset-legend-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-fieldset-legend-line-height: var(--wsf-form-line-height); --wsf-field-fieldset-legend-text-decoration: var(--wsf-form-text-decoration); --wsf-field-fieldset-legend-text-transform: var(--wsf-form-text-transform); --wsf-field-fieldset-legend-gap: 10px; --wsf-field-help-color-background: transparent; --wsf-field-help-color: var(--wsf-form-color-base); --wsf-field-help-font-family: var(--wsf-form-font-family); --wsf-field-help-font-size: var(--wsf-form-font-size-small); --wsf-field-help-font-style: var(--wsf-form-font-style); --wsf-field-help-font-weight: var(--wsf-form-font-weight); --wsf-field-help-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-help-line-height: var(--wsf-form-line-height); --wsf-field-help-text-decoration: var(--wsf-form-text-decoration); --wsf-field-help-text-transform: var(--wsf-form-text-transform); --wsf-field-help-gap: 5px; --wsf-field-invalid-feedback-color-background: transparent; --wsf-field-invalid-feedback-color: var(--wsf-form-color-danger); --wsf-field-invalid-feedback-font-family: var(--wsf-form-font-family); --wsf-field-invalid-feedback-font-size: var(--wsf-form-font-size-small); --wsf-field-invalid-feedback-font-style: var(--wsf-form-font-style); --wsf-field-invalid-feedback-font-weight: var(--wsf-form-font-weight); --wsf-field-invalid-feedback-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-invalid-feedback-line-height: var(--wsf-form-line-height); --wsf-field-invalid-feedback-text-decoration: var(--wsf-form-text-decoration); --wsf-field-invalid-feedback-text-transform: var(--wsf-form-text-transform); --wsf-field-invalid-feedback-gap: 5px; --wsf-field-label-color-background: transparent; --wsf-field-label-color: var(--wsf-form-color-base); --wsf-field-label-font-family: var(--wsf-form-font-family); --wsf-field-label-font-size: var(--wsf-form-font-size); --wsf-field-label-font-style: var(--wsf-form-font-style); --wsf-field-label-font-weight: var(--wsf-form-font-weight); --wsf-field-label-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-label-line-height: var(--wsf-form-line-height); --wsf-field-label-text-decoration: var(--wsf-form-text-decoration); --wsf-field-label-text-transform: var(--wsf-form-text-transform); --wsf-field-label-gap: 5px; --wsf-field-label-inside-mode: move; --wsf-field-label-inside-offset: -19px; --wsf-field-label-inside-scale: 0.9; --wsf-field-padding-horizontal: 10px; --wsf-field-padding-vertical: 8.5px; --wsf-field-color-placeholder: var(--wsf-form-color-neutral); --wsf-field-prefix-suffix-color-background: var(--wsf-form-color-neutral-light-80); --wsf-field-prefix-suffix-color: var(--wsf-form-color-base); --wsf-field-prefix-suffix-font-family: var(--wsf-form-font-family); --wsf-field-prefix-suffix-font-size: var(--wsf-form-font-size); --wsf-field-prefix-suffix-font-style: var(--wsf-form-font-style); --wsf-field-prefix-suffix-font-weight: var(--wsf-form-font-weight); --wsf-field-prefix-suffix-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-prefix-suffix-line-height: var(--wsf-form-line-height); --wsf-field-prefix-suffix-text-decoration: var(--wsf-form-text-decoration); --wsf-field-prefix-suffix-text-transform: var(--wsf-form-text-transform); --wsf-field-color: var(--wsf-form-color-base); --wsf-field-color-hover: var(--wsf-form-color-base); --wsf-field-color-focus: var(--wsf-form-color-base); --wsf-field-color-disabled: var(--wsf-form-color-neutral); --wsf-field-color-invalid: var(--wsf-form-color-danger); --wsf-field-tooltip-color-background: var(--wsf-form-color-neutral); --wsf-field-tooltip-color: var(--wsf-form-color-base); --wsf-field-tooltip-font-family: var(--wsf-form-font-family); --wsf-field-tooltip-font-size: var(--wsf-form-font-size-small); --wsf-field-tooltip-font-weight: var(--wsf-form-font-weight); --wsf-field-tooltip-line-height: var(--wsf-form-line-height); --wsf-field-tooltip-border-radius: var(--wsf-field-border-radius); --wsf-field-tooltip-gap: 5px; --wsf-field-font-family: var(--wsf-form-font-family); --wsf-field-font-size: var(--wsf-form-font-size); --wsf-field-font-style: var(--wsf-form-font-style); --wsf-field-font-weight: var(--wsf-form-font-weight); --wsf-field-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-line-height: var(--wsf-form-line-height); --wsf-field-text-decoration: var(--wsf-form-text-decoration); --wsf-field-text-transform: var(--wsf-form-text-transform); --wsf-field-button-color-background: var(--wsf-form-color-neutral-light-60); --wsf-field-button-color-background-hover: var(--wsf-form-color-neutral-light-40); --wsf-field-button-color-background-focus: var(--wsf-form-color-neutral-light-40); --wsf-field-button-primary-color-background: var(--wsf-form-color-primary); --wsf-field-button-primary-color-background-hover: var(--wsf-form-color-primary-dark-20); --wsf-field-button-primary-color-background-focus: var(--wsf-form-color-primary-dark-40); --wsf-field-button-secondary-color-background: var(--wsf-form-color-secondary); --wsf-field-button-secondary-color-background-hover: var(--wsf-form-color-secondary-dark-20); --wsf-field-button-secondary-color-background-focus: var(--wsf-form-color-secondary-dark-40); --wsf-field-button-success-color-background: var(--wsf-form-color-success); --wsf-field-button-success-color-background-hover: var(--wsf-form-color-success-dark-20); --wsf-field-button-success-color-background-focus: var(--wsf-form-color-success-dark-40); --wsf-field-button-info-color-background: var(--wsf-form-color-info); --wsf-field-button-info-color-background-hover: var(--wsf-form-color-info-dark-20); --wsf-field-button-info-color-background-focus: var(--wsf-form-color-info-dark-40); --wsf-field-button-warning-color-background: var(--wsf-form-color-warning); --wsf-field-button-warning-color-background-hover: var(--wsf-form-color-warning-dark-20); --wsf-field-button-warning-color-background-focus: var(--wsf-form-color-warning-dark-40); --wsf-field-button-danger-color-background: var(--wsf-form-color-danger); --wsf-field-button-danger-color-background-hover: var(--wsf-form-color-danger-dark-20); --wsf-field-button-danger-color-background-focus: var(--wsf-form-color-danger-dark-40); --wsf-field-button-border-color: var(--wsf-form-color-neutral-light-60); --wsf-field-button-border-color-hover: var(--wsf-form-color-neutral-light-40); --wsf-field-button-border-color-focus: var(--wsf-form-color-neutral-light-40); --wsf-field-button-primary-border-color: var(--wsf-form-color-primary); --wsf-field-button-primary-border-color-hover: var(--wsf-form-color-primary-dark-20); --wsf-field-button-primary-border-color-focus: var(--wsf-form-color-primary-dark-40); --wsf-field-button-secondary-border-color: var(--wsf-form-color-secondary); --wsf-field-button-secondary-border-color-hover: var(--wsf-form-color-secondary-dark-20); --wsf-field-button-secondary-border-color-focus: var(--wsf-form-color-secondary-dark-40); --wsf-field-button-success-border-color: var(--wsf-form-color-success); --wsf-field-button-success-border-color-hover: var(--wsf-form-color-success-dark-20); --wsf-field-button-success-border-color-focus: var(--wsf-form-color-success-dark-40); --wsf-field-button-info-border-color: var(--wsf-form-color-info); --wsf-field-button-info-border-color-hover: var(--wsf-form-color-info-dark-20); --wsf-field-button-info-border-color-focus: var(--wsf-form-color-info-dark-40); --wsf-field-button-warning-border-color: var(--wsf-form-color-warning); --wsf-field-button-warning-border-color-hover: var(--wsf-form-color-warning-dark-20); --wsf-field-button-warning-border-color-focus: var(--wsf-form-color-warning-dark-40); --wsf-field-button-danger-border-color: var(--wsf-form-color-danger); --wsf-field-button-danger-border-color-hover: var(--wsf-form-color-danger-dark-20); --wsf-field-button-danger-border-color-focus: var(--wsf-form-color-danger-dark-40); --wsf-field-button-border-radius: var(--wsf-field-border-radius); --wsf-field-button-border-style: solid; --wsf-field-button-border-width: 1px; --wsf-field-button-padding-horizontal: var(--wsf-field-padding-horizontal); --wsf-field-button-padding-vertical: var(--wsf-field-padding-vertical); --wsf-field-button-width: 100%; --wsf-field-button-color: var(--wsf-form-color-base); --wsf-field-button-color-hover: var(--wsf-form-color-base); --wsf-field-button-color-focus: var(--wsf-form-color-base); --wsf-field-button-primary-color: var(--wsf-form-color-base-contrast); --wsf-field-button-primary-color-hover: var(--wsf-field-button-primary-color); --wsf-field-button-primary-color-focus: var(--wsf-field-button-primary-color); --wsf-field-button-secondary-color: var(--wsf-form-color-base-contrast); --wsf-field-button-secondary-color-hover: var(--wsf-field-button-secondary-color); --wsf-field-button-secondary-color-focus: var(--wsf-field-button-secondary-color); --wsf-field-button-success-color: var(--wsf-form-color-base-contrast); --wsf-field-button-success-color-hover: var(--wsf-field-button-success-color); --wsf-field-button-success-color-focus: var(--wsf-field-button-success-color); --wsf-field-button-info-color: var(--wsf-form-color-base-contrast); --wsf-field-button-info-color-hover: var(--wsf-form-color-base-contrast); --wsf-field-button-info-color-focus: var(--wsf-form-color-base-contrast); --wsf-field-button-warning-color: var(--wsf-form-color-base); --wsf-field-button-warning-color-hover: var(--wsf-form-color-base); --wsf-field-button-warning-color-focus: var(--wsf-form-color-base); --wsf-field-button-danger-color: var(--wsf-form-color-base-contrast); --wsf-field-button-danger-color-hover: var(--wsf-field-button-danger-color); --wsf-field-button-danger-color-focus: var(--wsf-field-button-danger-color); --wsf-field-button-font-family: var(--wsf-form-font-family); --wsf-field-button-font-size: var(--wsf-form-font-size); --wsf-field-button-font-style: var(--wsf-form-font-style); --wsf-field-button-font-weight: var(--wsf-form-font-weight); --wsf-field-button-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-button-line-height: var(--wsf-form-line-height); --wsf-field-button-text-decoration: var(--wsf-form-text-decoration); --wsf-field-button-text-transform: var(--wsf-form-text-transform); --wsf-field-checkbox-color-background: var(--wsf-field-color-background); --wsf-field-checkbox-checked-color-background: var(--wsf-form-color-accent); --wsf-field-checkbox-checkmark-color: var(--wsf-form-color-base-contrast); --wsf-field-checkbox-border-radius: var(--wsf-field-border-radius); --wsf-field-checkbox-gap-horizontal: 6px; --wsf-field-checkbox-gap-vertical: 10px; --wsf-field-checkbox-button-color-background: var(--wsf-form-color-neutral-light-60); --wsf-field-checkbox-button-color: var(--wsf-form-color-base); --wsf-field-checkbox-checked-button-color-background: var(--wsf-form-color-accent); --wsf-field-checkbox-checked-button-color: var(--wsf-form-color-base-contrast); --wsf-field-checkbox-switch-color: var(--wsf-form-color-neutral-light-60); --wsf-field-checkbox-checked-switch-color-background: var(--wsf-form-color-accent); --wsf-field-checkbox-checked-switch-color: var(--wsf-form-color-base-contrast); --wsf-field-checkbox-checked-swatch-border-color: var(--wsf-form-color-primary); --wsf-field-checkbox-checked-swatch-box-shadow-color: var(--wsf-form-color-base-contrast); --wsf-field-checkbox-checked-image-border-color: var(--wsf-form-color-primary); --wsf-field-checkbox-checked-image-box-shadow-color: var(--wsf-form-color-base-contrast); --wsf-field-datetime-calendar-color-background: var(--wsf-form-color-neutral-light-90); --wsf-field-datetime-calendar-today-color-background: var(--wsf-form-color-neutral-light-70); --wsf-field-datetime-calendar-current-color-background: var(--wsf-form-color-primary); --wsf-field-datetime-calendar-hover-color-background: var(--wsf-form-color-primary); --wsf-field-datetime-calendar-border-color: var(--wsf-form-color-neutral-light-60); --wsf-field-datetime-calendar-border-style: var(--wsf-field-border-style); --wsf-field-datetime-calendar-border-width: var(--wsf-field-border-width); --wsf-field-datetime-calendar-color: var(--wsf-form-color-base); --wsf-field-datetime-calendar-today-color: var(--wsf-form-color-base); --wsf-field-datetime-calendar-current-color: var(--wsf-form-color-base-contrast); --wsf-field-datetime-calendar-hover-color: var(--wsf-form-color-base-contrast); --wsf-field-datetime-calendar-disabled-color: var(--wsf-form-color-base-light-80); --wsf-field-datetime-calendar-font-family: var(--wsf-form-font-family); --wsf-field-datetime-calendar-font-size: var(--wsf-form-font-size); --wsf-field-datetime-calendar-font-style: var(--wsf-form-font-style); --wsf-field-datetime-calendar-font-weight: 700; --wsf-field-datetime-calendar-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-datetime-calendar-line-height: var(--wsf-form-line-height); --wsf-field-datetime-calendar-text-decoration: var(--wsf-form-text-decoration); --wsf-field-datetime-calendar-text-transform: var(--wsf-form-text-transform); --wsf-field-datetime-calendar-padding-horizontal: 4px; --wsf-field-datetime-calendar-padding-vertical: 4px; --wsf-field-datetime-calendar-heading-color-background: var(--wsf-form-color-neutral-light-80); --wsf-field-datetime-calendar-heading-color: var(--wsf-form-color-base); --wsf-field-datetime-nav-current-color-background: var(--wsf-form-color-primary); --wsf-field-datetime-nav-hover-color-background: var(--wsf-form-color-primary); --wsf-field-datetime-nav-border-color: var(--wsf-form-color-neutral-light-60); --wsf-field-datetime-nav-border-style: var(--wsf-field-border-style); --wsf-field-datetime-nav-border-width: var(--wsf-field-border-width); --wsf-field-datetime-nav-icon-color: var(--wsf-form-color-base); --wsf-field-datetime-nav-icon-gap: 8px; --wsf-field-datetime-nav-icon-size: var(--wsf-form-font-size); --wsf-field-datetime-nav-color: var(--wsf-form-color-base); --wsf-field-datetime-nav-current-color: var(--wsf-form-color-base-contrast); --wsf-field-datetime-nav-hover-color: var(--wsf-form-color-base-contrast); --wsf-field-datetime-nav-font-family: var(--wsf-form-font-family); --wsf-field-datetime-nav-font-size: var(--wsf-form-font-size); --wsf-field-datetime-nav-font-style: var(--wsf-form-font-style); --wsf-field-datetime-nav-font-weight: 700; --wsf-field-datetime-nav-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-datetime-nav-line-height: var(--wsf-form-line-height); --wsf-field-datetime-nav-text-decoration: var(--wsf-form-text-decoration); --wsf-field-datetime-nav-text-transform: var(--wsf-form-text-transform); --wsf-field-datetime-padding-horizontal: 10px; --wsf-field-datetime-padding-vertical: 10px; --wsf-field-file-button-color: var(--wsf-form-color-base); --wsf-field-file-button-color-hover: var(--wsf-form-color-base); --wsf-field-file-button-color-focus: var(--wsf-form-color-base); --wsf-field-file-button-color-background: var(--wsf-form-color-neutral-light-80); --wsf-field-file-button-color-background-hover: var(--wsf-form-color-neutral-light-60); --wsf-field-file-button-color-background-focus: var(--wsf-form-color-neutral-light-60); --wsf-field-file-dropzonejs-color-background: var(--wsf-field-color-background); --wsf-field-file-dropzonejs-border-color: var(--wsf-field-border-color); --wsf-field-file-dropzonejs-border-style: dashed; --wsf-field-file-dropzonejs-border-width: var(--wsf-field-border-width); --wsf-field-file-dropzonejs-border-radius: var(--wsf-field-border-radius); --wsf-field-file-dropzonejs-padding-horizontal: var(--wsf-form-grid-gap); --wsf-field-file-dropzonejs-padding-vertical: var(--wsf-form-grid-gap); --wsf-field-file-dropzonejs-progress-color-background: var(--wsf-form-color-neutral); --wsf-field-file-dropzonejs-progress-color-background-bar: var(--wsf-form-color-primary); --wsf-field-file-dropzonejs-progress-color-background-complete: var(--wsf-form-color-success); --wsf-field-file-dropzonejs-progress-border-radius: var(--wsf-field-border-radius); --wsf-field-file-dropzonejs-progress-gap: 5px; --wsf-field-file-dropzonejs-progress-height: 10px; --wsf-field-message-color-background: var(--wsf-form-color-neutral-light-80); --wsf-field-message-color: var(--wsf-form-color-base); --wsf-field-message-anchor-color: var(--wsf-form-color-base); --wsf-field-message-border-color: var(--wsf-form-color-neutral-light-60); --wsf-field-message-success-color-background: var(--wsf-form-color-success-light-80); --wsf-field-message-success-color: var(--wsf-form-color-success-dark-40); --wsf-field-message-success-anchor-color: var(--wsf-form-color-success-dark-60); --wsf-field-message-success-border-color: var(--wsf-form-color-success-light-40); --wsf-field-message-info-color-background: var(--wsf-form-color-info-light-80); --wsf-field-message-info-color: var(--wsf-form-color-info-dark-40); --wsf-field-message-info-anchor-color: var(--wsf-form-color-info-dark-60); --wsf-field-message-info-border-color: var(--wsf-form-color-info-light-40); --wsf-field-message-warning-color-background: var(--wsf-form-color-warning-light-80); --wsf-field-message-warning-color: var(--wsf-form-color-warning-dark-40); --wsf-field-message-warning-anchor-color: var(--wsf-form-color-warning-dark-60); --wsf-field-message-warning-border-color: var(--wsf-form-color-warning-light-40); --wsf-field-message-danger-color-background: var(--wsf-form-color-danger-light-80); --wsf-field-message-danger-color: var(--wsf-form-color-danger-dark-40); --wsf-field-message-danger-anchor-color: var(--wsf-form-color-danger-dark-60); --wsf-field-message-danger-border-color: var(--wsf-form-color-danger-light-40); --wsf-field-meter-color-background: var(--wsf-form-color-neutral-light-80); --wsf-field-meter-color-background-optimum: var(--wsf-form-color-success); --wsf-field-meter-color-background-sub-optimum: var(--wsf-form-color-warning); --wsf-field-meter-color-background-even-less-good: var(--wsf-form-color-danger); --wsf-field-password-icon-color: var(--wsf-form-color-base); --wsf-field-password-strength-meter-disc-color: var(--wsf-form-color-neutral-light-60); --wsf-field-password-strength-meter-disc-color-danger: var(--wsf-form-color-danger); --wsf-field-password-strength-meter-disc-color-warning: var(--wsf-form-color-warning); --wsf-field-password-strength-meter-disc-color-success: var(--wsf-form-color-success); --wsf-field-progress-color-background: var(--wsf-form-color-neutral-light-80); --wsf-field-progress-color-background-bar: var(--wsf-form-color-accent); --wsf-field-progress-color-background-complete: var(--wsf-form-color-success); --wsf-field-radio-color-background: var(--wsf-field-color-background); --wsf-field-radio-checked-color: var(--wsf-form-color-accent); --wsf-field-radio-gap-horizontal: 6px; --wsf-field-radio-gap-vertical: 10px; --wsf-field-radio-button-color-background: var(--wsf-form-color-neutral-light-60); --wsf-field-radio-button-color: var(--wsf-form-color-base); --wsf-field-radio-checked-button-color-background: var(--wsf-form-color-accent); --wsf-field-radio-checked-button-color: var(--wsf-form-color-base-contrast); --wsf-field-radio-circle-color-background: var(--wsf-form-color-base-contrast); --wsf-field-radio-circle-color-background-hover: var(--wsf-form-color-neutral-light-60); --wsf-field-radio-checked-circle-color-background: var(--wsf-form-color-accent); --wsf-field-radio-color-background-disabled: var(--wsf-form-color-neutral-light-60); --wsf-field-radio-circle-color: var(--wsf-form-color-base); --wsf-field-radio-circle-color-hover: var(--wsf-form-color-base); --wsf-field-radio-checked-circle-color: var(--wsf-form-color-base-contrast); --wsf-field-radio-color-disabled: var(--wsf-form-color-neutral); --wsf-field-radio-circle-padding-vertical: var(--wsf-field-padding-vertical); --wsf-field-radio-circle-font-family: var(--wsf-form-font-family); --wsf-field-radio-circle-font-size: var(--wsf-form-font-size); --wsf-field-radio-circle-font-style: var(--wsf-form-font-style); --wsf-field-radio-circle-font-weight: var(--wsf-form-font-weight); --wsf-field-radio-circle-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-radio-circle-line-height: var(--wsf-form-line-height); --wsf-field-radio-circle-text-decoration: var(--wsf-form-text-decoration); --wsf-field-radio-circle-text-transform: var(--wsf-form-text-transform); --wsf-field-radio-checked-image-border-color: var(--wsf-form-color-primary); --wsf-field-radio-checked-image-box-shadow-color: var(--wsf-form-color-base-contrast); --wsf-field-radio-checked-swatch-border-color: var(--wsf-form-color-primary); --wsf-field-radio-checked-swatch-box-shadow-color: var(--wsf-form-color-base-contrast); --wsf-field-radio-switch-color: var(--wsf-form-color-neutral-light-60); --wsf-field-radio-checked-switch-color-background: var(--wsf-form-color-accent); --wsf-field-radio-checked-switch-color: var(--wsf-form-color-base-contrast); --wsf-field-range-track-border-radius: var(--wsf-field-border-radius); --wsf-field-range-track-color: var(--wsf-form-color-neutral-light-80); --wsf-field-range-track-lower-color: var(--wsf-form-color-accent); --wsf-field-range-track-upper-color: var(--wsf-form-color-neutral-light-80); --wsf-field-range-thumb-color: var(--wsf-form-color-accent); --wsf-field-range-tickmark-color: var(--wsf-field-help-color); --wsf-field-range-tickmark-label-color: var(--wsf-field-help-color); --wsf-field-range-tickmark-label-font-family: var(--wsf-form-font-family); --wsf-field-range-tickmark-label-font-size: var(--wsf-form-font-size); --wsf-field-range-tickmark-label-font-style: var(--wsf-form-font-style); --wsf-field-range-tickmark-label-font-weight: var(--wsf-form-font-weight); --wsf-field-range-tickmark-label-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-range-tickmark-label-line-height: var(--wsf-form-line-height); --wsf-field-range-tickmark-label-text-decoration: var(--wsf-form-text-decoration); --wsf-field-range-tickmark-label-text-transform: var(--wsf-form-text-transform); --wsf-field-select-arrow-color: var(--wsf-field-color); --wsf-field-select-arrow-width: 12px; --wsf-field-select-arrow-height: 6px; --wsf-field-select-select2-choice-border-radius: var(--wsf-field-border-radius); --wsf-field-select-select2-choice-color-background: var(--wsf-form-color-neutral-light-80); --wsf-field-select-select2-choice-color: var(--wsf-form-color-base); --wsf-field-select-select2-choice-color-remove: var(--wsf-form-color-base); --wsf-field-select-select2-choice-gap: 5px; --wsf-field-select-select2-choice-font-family: var(--wsf-form-font-family); --wsf-field-select-select2-choice-font-size: var(--wsf-form-font-size-small); --wsf-field-select-select2-choice-font-style: var(--wsf-form-font-style); --wsf-field-select-select2-choice-font-weight: var(--wsf-form-font-weight); --wsf-field-select-select2-choice-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-select-select2-choice-line-height: var(--wsf-form-line-height); --wsf-field-select-select2-choice-text-decoration: var(--wsf-form-text-decoration); --wsf-field-select-select2-choice-text-transform: var(--wsf-form-text-transform); --wsf-field-select-select2-result-color-background: var(--wsf-form-color-base-contrast); --wsf-field-select-select2-result-color-background-selected: var(--wsf-form-color-neutral-light-80); --wsf-field-select-select2-result-color-background-highlighted: var(--wsf-form-color-primary); --wsf-field-select-select2-result-color: var(--wsf-form-color-base); --wsf-field-select-select2-result-color-selected: var(--wsf-form-color-base); --wsf-field-select-select2-result-color-highlighted: var(--wsf-form-color-base-contrast); --wsf-field-select-select2-result-font-family: var(--wsf-form-font-family); --wsf-field-select-select2-result-font-size: var(--wsf-form-font-size); --wsf-field-select-select2-result-font-style: var(--wsf-form-font-style); --wsf-field-select-select2-result-font-weight: var(--wsf-form-font-weight); --wsf-field-select-select2-result-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-select-select2-result-line-height: var(--wsf-form-line-height); --wsf-field-select-select2-result-text-decoration: var(--wsf-form-text-decoration); --wsf-field-select-select2-result-text-transform: var(--wsf-form-text-transform); --wsf-field-select-select2-result-padding-horizontal: 7px; --wsf-field-select-select2-result-padding-vertical: 5px; --wsf-field-signature-color-background: var(--wsf-field-color-background); --wsf-field-summary-border-color: transparent; --wsf-field-summary-border-radius: 0px; --wsf-field-summary-border-width: 0px; --wsf-field-summary-border-style: solid; --wsf-field-summary-color-background: var(--wsf-field-color-background); --wsf-field-summary-color: var(--wsf-field-color); --wsf-field-summary-form-label-color: var(--wsf-field-summary-color); --wsf-field-summary-form-label-font-family: var(--wsf-form-font-family); --wsf-field-summary-form-label-font-size: 22px; --wsf-field-summary-form-label-font-style: var(--wsf-form-font-style); --wsf-field-summary-form-label-font-weight: 700; --wsf-field-summary-form-label-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-summary-form-label-line-height: var(--wsf-form-line-height); --wsf-field-summary-form-label-text-decoration: var(--wsf-form-text-decoration); --wsf-field-summary-form-label-text-transform: var(--wsf-form-text-transform); --wsf-field-summary-group-label-color: var(--wsf-field-summary-color); --wsf-field-summary-group-label-font-family: var(--wsf-form-font-family); --wsf-field-summary-group-label-font-size: 20px; --wsf-field-summary-group-label-font-style: var(--wsf-form-font-style); --wsf-field-summary-group-label-font-weight: 700; --wsf-field-summary-group-label-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-summary-group-label-line-height: var(--wsf-form-line-height); --wsf-field-summary-group-label-text-decoration: var(--wsf-form-text-decoration); --wsf-field-summary-group-label-text-transform: var(--wsf-form-text-transform); --wsf-field-summary-section-label-color: var(--wsf-field-summary-color); --wsf-field-summary-section-label-font-family: var(--wsf-form-font-family); --wsf-field-summary-section-label-font-size: 18px; --wsf-field-summary-section-label-font-style: var(--wsf-form-font-style); --wsf-field-summary-section-label-font-weight: 700; --wsf-field-summary-section-label-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-summary-section-label-line-height: var(--wsf-form-line-height); --wsf-field-summary-section-label-text-decoration: var(--wsf-form-text-decoration); --wsf-field-summary-section-label-text-transform: var(--wsf-form-text-transform); --wsf-field-summary-field-label-color: var(--wsf-field-summary-color); --wsf-field-summary-field-label-font-family: var(--wsf-form-font-family); --wsf-field-summary-field-label-font-size: var(--wsf-field-font-size); --wsf-field-summary-field-label-font-style: var(--wsf-form-font-style); --wsf-field-summary-field-label-font-weight: 700; --wsf-field-summary-field-label-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-summary-field-label-line-height: var(--wsf-form-line-height); --wsf-field-summary-field-label-text-decoration: var(--wsf-form-text-decoration); --wsf-field-summary-field-label-text-transform: var(--wsf-form-text-transform); --wsf-field-summary-field-label-horizontal-width: 30%; --wsf-field-summary-field-value-color: var(--wsf-field-summary-color); --wsf-field-summary-field-value-font-family: var(--wsf-form-font-family); --wsf-field-summary-field-value-font-size: var(--wsf-form-font-size); --wsf-field-summary-field-value-font-style: var(--wsf-form-font-style); --wsf-field-summary-field-value-font-weight: var(--wsf-form-font-weight); --wsf-field-summary-field-value-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-summary-field-value-line-height: var(--wsf-form-line-height); --wsf-field-summary-field-value-text-decoration: var(--wsf-form-text-decoration); --wsf-field-summary-field-value-text-transform: var(--wsf-form-text-transform); --wsf-field-summary-gap: var(--wsf-form-grid-gap); --wsf-field-summary-padding-horizontal: 0px; --wsf-field-summary-padding-vertical: 0px; --wsf-field-summary-table-gap: 1px; --wsf-field-summary-table-padding-horizontal: 4px; --wsf-field-summary-table-padding-vertical: 4px; --wsf-field-summary-thead-color-background: var(--wsf-form-color-neutral-light-80); --wsf-field-summary-thead-color: var(--wsf-field-summary-color); --wsf-field-summary-thead-font-family: var(--wsf-form-font-family); --wsf-field-summary-thead-font-size: var(--wsf-field-font-size); --wsf-field-summary-thead-font-style: var(--wsf-form-font-style); --wsf-field-summary-thead-font-weight: 700; --wsf-field-summary-thead-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-summary-thead-line-height: var(--wsf-form-line-height); --wsf-field-summary-thead-text-decoration: var(--wsf-form-text-decoration); --wsf-field-summary-thead-text-transform: var(--wsf-form-text-transform); --wsf-field-summary-tbody-color-background: var(--wsf-form-color-neutral-light-90); --wsf-field-summary-tbody-color: var(--wsf-field-summary-color); --wsf-field-summary-tbody-font-family: var(--wsf-form-font-family); --wsf-field-summary-tbody-font-size: var(--wsf-form-font-size); --wsf-field-summary-tbody-font-style: var(--wsf-form-font-style); --wsf-field-summary-tbody-font-weight: var(--wsf-form-font-weight); --wsf-field-summary-tbody-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-summary-tbody-line-height: var(--wsf-form-line-height); --wsf-field-summary-tbody-text-decoration: var(--wsf-form-text-decoration); --wsf-field-summary-tbody-text-transform: var(--wsf-form-text-transform); --wsf-field-summary-font-family: var(--wsf-form-font-family); --wsf-field-summary-font-size: var(--wsf-form-font-size); --wsf-field-summary-font-style: var(--wsf-form-font-style); --wsf-field-summary-font-weight: var(--wsf-form-font-weight); --wsf-field-summary-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-summary-line-height: var(--wsf-form-line-height); --wsf-field-summary-text-decoration: var(--wsf-form-text-decoration); --wsf-field-summary-text-transform: var(--wsf-form-text-transform); --wsf-field-texteditor-color: var(--wsf-form-color-base); --wsf-field-texteditor-font-family: var(--wsf-form-font-family); --wsf-field-texteditor-font-size: var(--wsf-form-font-size); --wsf-field-texteditor-font-style: var(--wsf-form-font-style); --wsf-field-texteditor-font-weight: var(--wsf-form-font-weight); --wsf-field-texteditor-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-texteditor-line-height: var(--wsf-form-line-height); --wsf-field-texteditor-text-decoration: var(--wsf-form-text-decoration); --wsf-field-texteditor-text-transform: var(--wsf-form-text-transform); --wsf-field-texteditor-p-margin-bottom: 1em; --wsf-field-validate-border-color: var(--wsf-field-border-color-invalid); --wsf-field-validate-border-radius: var(--wsf-field-border-radius); --wsf-field-validate-border-width: var(--wsf-field-border-width); --wsf-field-validate-border-style: var(--wsf-field-border-style); --wsf-field-validate-color-background: var(--wsf-field-color-background); --wsf-field-validate-color: var(--wsf-field-color-invalid); --wsf-field-validate-li-gap: 0px; --wsf-field-validate-padding-horizontal: 16px; --wsf-field-validate-padding-vertical: 16px; --wsf-field-validate-font-family: var(--wsf-form-font-family); --wsf-field-validate-font-size: var(--wsf-form-font-size); --wsf-field-validate-font-style: var(--wsf-form-font-style); --wsf-field-validate-font-weight: var(--wsf-form-font-weight); --wsf-field-validate-letter-spacing: var(--wsf-form-letter-spacing); --wsf-field-validate-line-height: var(--wsf-form-line-height); --wsf-field-validate-text-decoration: var(--wsf-form-text-decoration); --wsf-field-validate-text-transform: var(--wsf-form-text-transform); --wsf-conversational-width-max: 800px; --wsf-conversational-padding-horizontal: 40px; --wsf-conversational-color-background: #efeff4; --wsf-conversational-nav-color-background: #585858; --wsf-conversational-nav-color: #ffffff; --wsf-conversational-section-opacity-inactive: 0.25; --wsf-form-color-base-dark-90: color-mix(in oklab, var(--wsf-form-color-base), #000 90%); --wsf-form-color-base-dark-80: color-mix(in oklab, var(--wsf-form-color-base), #000 80%); --wsf-form-color-base-dark-70: color-mix(in oklab, var(--wsf-form-color-base), #000 70%); --wsf-form-color-base-dark-60: color-mix(in oklab, var(--wsf-form-color-base), #000 60%); --wsf-form-color-base-dark-50: color-mix(in oklab, var(--wsf-form-color-base), #000 50%); --wsf-form-color-base-dark-40: color-mix(in oklab, var(--wsf-form-color-base), #000 40%); --wsf-form-color-base-dark-30: color-mix(in oklab, var(--wsf-form-color-base), #000 30%); --wsf-form-color-base-dark-20: color-mix(in oklab, var(--wsf-form-color-base), #000 20%); --wsf-form-color-base-dark-10: color-mix(in oklab, var(--wsf-form-color-base), #000 10%); --wsf-form-color-base-light-10: color-mix(in oklab, var(--wsf-form-color-base), #fff 10%); --wsf-form-color-base-light-20: color-mix(in oklab, var(--wsf-form-color-base), #fff 20%); --wsf-form-color-base-light-30: color-mix(in oklab, var(--wsf-form-color-base), #fff 30%); --wsf-form-color-base-light-40: color-mix(in oklab, var(--wsf-form-color-base), #fff 40%); --wsf-form-color-base-light-50: color-mix(in oklab, var(--wsf-form-color-base), #fff 50%); --wsf-form-color-base-light-60: color-mix(in oklab, var(--wsf-form-color-base), #fff 60%); --wsf-form-color-base-light-70: color-mix(in oklab, var(--wsf-form-color-base), #fff 70%); --wsf-form-color-base-light-80: color-mix(in oklab, var(--wsf-form-color-base), #fff 80%); --wsf-form-color-base-light-90: color-mix(in oklab, var(--wsf-form-color-base), #fff 90%); --wsf-form-color-base-contrast-dark-90: color-mix(in oklab, var(--wsf-form-color-base-contrast), #000 90%); --wsf-form-color-base-contrast-dark-80: color-mix(in oklab, var(--wsf-form-color-base-contrast), #000 80%); --wsf-form-color-base-contrast-dark-70: color-mix(in oklab, var(--wsf-form-color-base-contrast), #000 70%); --wsf-form-color-base-contrast-dark-60: color-mix(in oklab, var(--wsf-form-color-base-contrast), #000 60%); --wsf-form-color-base-contrast-dark-50: color-mix(in oklab, var(--wsf-form-color-base-contrast), #000 50%); --wsf-form-color-base-contrast-dark-40: color-mix(in oklab, var(--wsf-form-color-base-contrast), #000 40%); --wsf-form-color-base-contrast-dark-30: color-mix(in oklab, var(--wsf-form-color-base-contrast), #000 30%); --wsf-form-color-base-contrast-dark-20: color-mix(in oklab, var(--wsf-form-color-base-contrast), #000 20%); --wsf-form-color-base-contrast-dark-10: color-mix(in oklab, var(--wsf-form-color-base-contrast), #000 10%); --wsf-form-color-base-contrast-light-10: color-mix(in oklab, var(--wsf-form-color-base-contrast), #fff 10%); --wsf-form-color-base-contrast-light-20: color-mix(in oklab, var(--wsf-form-color-base-contrast), #fff 20%); --wsf-form-color-base-contrast-light-30: color-mix(in oklab, var(--wsf-form-color-base-contrast), #fff 30%); --wsf-form-color-base-contrast-light-40: color-mix(in oklab, var(--wsf-form-color-base-contrast), #fff 40%); --wsf-form-color-base-contrast-light-50: color-mix(in oklab, var(--wsf-form-color-base-contrast), #fff 50%); --wsf-form-color-base-contrast-light-60: color-mix(in oklab, var(--wsf-form-color-base-contrast), #fff 60%); --wsf-form-color-base-contrast-light-70: color-mix(in oklab, var(--wsf-form-color-base-contrast), #fff 70%); --wsf-form-color-base-contrast-light-80: color-mix(in oklab, var(--wsf-form-color-base-contrast), #fff 80%); --wsf-form-color-base-contrast-light-90: color-mix(in oklab, var(--wsf-form-color-base-contrast), #fff 90%); --wsf-form-color-accent-dark-90: color-mix(in oklab, var(--wsf-form-color-accent), #000 90%); --wsf-form-color-accent-dark-80: color-mix(in oklab, var(--wsf-form-color-accent), #000 80%); --wsf-form-color-accent-dark-70: color-mix(in oklab, var(--wsf-form-color-accent), #000 70%); --wsf-form-color-accent-dark-60: color-mix(in oklab, var(--wsf-form-color-accent), #000 60%); --wsf-form-color-accent-dark-50: color-mix(in oklab, var(--wsf-form-color-accent), #000 50%); --wsf-form-color-accent-dark-40: color-mix(in oklab, var(--wsf-form-color-accent), #000 40%); --wsf-form-color-accent-dark-30: color-mix(in oklab, var(--wsf-form-color-accent), #000 30%); --wsf-form-color-accent-dark-20: color-mix(in oklab, var(--wsf-form-color-accent), #000 20%); --wsf-form-color-accent-dark-10: color-mix(in oklab, var(--wsf-form-color-accent), #000 10%); --wsf-form-color-accent-light-10: color-mix(in oklab, var(--wsf-form-color-accent), #fff 10%); --wsf-form-color-accent-light-20: color-mix(in oklab, var(--wsf-form-color-accent), #fff 20%); --wsf-form-color-accent-light-30: color-mix(in oklab, var(--wsf-form-color-accent), #fff 30%); --wsf-form-color-accent-light-40: color-mix(in oklab, var(--wsf-form-color-accent), #fff 40%); --wsf-form-color-accent-light-50: color-mix(in oklab, var(--wsf-form-color-accent), #fff 50%); --wsf-form-color-accent-light-60: color-mix(in oklab, var(--wsf-form-color-accent), #fff 60%); --wsf-form-color-accent-light-70: color-mix(in oklab, var(--wsf-form-color-accent), #fff 70%); --wsf-form-color-accent-light-80: color-mix(in oklab, var(--wsf-form-color-accent), #fff 80%); --wsf-form-color-accent-light-90: color-mix(in oklab, var(--wsf-form-color-accent), #fff 90%); --wsf-form-color-neutral-dark-90: color-mix(in oklab, var(--wsf-form-color-neutral), #000 90%); --wsf-form-color-neutral-dark-80: color-mix(in oklab, var(--wsf-form-color-neutral), #000 80%); --wsf-form-color-neutral-dark-70: color-mix(in oklab, var(--wsf-form-color-neutral), #000 70%); --wsf-form-color-neutral-dark-60: color-mix(in oklab, var(--wsf-form-color-neutral), #000 60%); --wsf-form-color-neutral-dark-50: color-mix(in oklab, var(--wsf-form-color-neutral), #000 50%); --wsf-form-color-neutral-dark-40: color-mix(in oklab, var(--wsf-form-color-neutral), #000 40%); --wsf-form-color-neutral-dark-30: color-mix(in oklab, var(--wsf-form-color-neutral), #000 30%); --wsf-form-color-neutral-dark-20: color-mix(in oklab, var(--wsf-form-color-neutral), #000 20%); --wsf-form-color-neutral-dark-10: color-mix(in oklab, var(--wsf-form-color-neutral), #000 10%); --wsf-form-color-neutral-light-10: color-mix(in oklab, var(--wsf-form-color-neutral), #fff 10%); --wsf-form-color-neutral-light-20: color-mix(in oklab, var(--wsf-form-color-neutral), #fff 20%); --wsf-form-color-neutral-light-30: color-mix(in oklab, var(--wsf-form-color-neutral), #fff 30%); --wsf-form-color-neutral-light-40: color-mix(in oklab, var(--wsf-form-color-neutral), #fff 40%); --wsf-form-color-neutral-light-50: color-mix(in oklab, var(--wsf-form-color-neutral), #fff 50%); --wsf-form-color-neutral-light-60: color-mix(in oklab, var(--wsf-form-color-neutral), #fff 60%); --wsf-form-color-neutral-light-70: color-mix(in oklab, var(--wsf-form-color-neutral), #fff 70%); --wsf-form-color-neutral-light-80: color-mix(in oklab, var(--wsf-form-color-neutral), #fff 80%); --wsf-form-color-neutral-light-90: color-mix(in oklab, var(--wsf-form-color-neutral), #fff 90%); --wsf-form-color-primary-dark-90: color-mix(in oklab, var(--wsf-form-color-primary), #000 90%); --wsf-form-color-primary-dark-80: color-mix(in oklab, var(--wsf-form-color-primary), #000 80%); --wsf-form-color-primary-dark-70: color-mix(in oklab, var(--wsf-form-color-primary), #000 70%); --wsf-form-color-primary-dark-60: color-mix(in oklab, var(--wsf-form-color-primary), #000 60%); --wsf-form-color-primary-dark-50: color-mix(in oklab, var(--wsf-form-color-primary), #000 50%); --wsf-form-color-primary-dark-40: color-mix(in oklab, var(--wsf-form-color-primary), #000 40%); --wsf-form-color-primary-dark-30: color-mix(in oklab, var(--wsf-form-color-primary), #000 30%); --wsf-form-color-primary-dark-20: color-mix(in oklab, var(--wsf-form-color-primary), #000 20%); --wsf-form-color-primary-dark-10: color-mix(in oklab, var(--wsf-form-color-primary), #000 10%); --wsf-form-color-primary-light-10: color-mix(in oklab, var(--wsf-form-color-primary), #fff 10%); --wsf-form-color-primary-light-20: color-mix(in oklab, var(--wsf-form-color-primary), #fff 20%); --wsf-form-color-primary-light-30: color-mix(in oklab, var(--wsf-form-color-primary), #fff 30%); --wsf-form-color-primary-light-40: color-mix(in oklab, var(--wsf-form-color-primary), #fff 40%); --wsf-form-color-primary-light-50: color-mix(in oklab, var(--wsf-form-color-primary), #fff 50%); --wsf-form-color-primary-light-60: color-mix(in oklab, var(--wsf-form-color-primary), #fff 60%); --wsf-form-color-primary-light-70: color-mix(in oklab, var(--wsf-form-color-primary), #fff 70%); --wsf-form-color-primary-light-80: color-mix(in oklab, var(--wsf-form-color-primary), #fff 80%); --wsf-form-color-primary-light-90: color-mix(in oklab, var(--wsf-form-color-primary), #fff 90%); --wsf-form-color-secondary-dark-90: color-mix(in oklab, var(--wsf-form-color-secondary), #000 90%); --wsf-form-color-secondary-dark-80: color-mix(in oklab, var(--wsf-form-color-secondary), #000 80%); --wsf-form-color-secondary-dark-70: color-mix(in oklab, var(--wsf-form-color-secondary), #000 70%); --wsf-form-color-secondary-dark-60: color-mix(in oklab, var(--wsf-form-color-secondary), #000 60%); --wsf-form-color-secondary-dark-50: color-mix(in oklab, var(--wsf-form-color-secondary), #000 50%); --wsf-form-color-secondary-dark-40: color-mix(in oklab, var(--wsf-form-color-secondary), #000 40%); --wsf-form-color-secondary-dark-30: color-mix(in oklab, var(--wsf-form-color-secondary), #000 30%); --wsf-form-color-secondary-dark-20: color-mix(in oklab, var(--wsf-form-color-secondary), #000 20%); --wsf-form-color-secondary-dark-10: color-mix(in oklab, var(--wsf-form-color-secondary), #000 10%); --wsf-form-color-secondary-light-10: color-mix(in oklab, var(--wsf-form-color-secondary), #fff 10%); --wsf-form-color-secondary-light-20: color-mix(in oklab, var(--wsf-form-color-secondary), #fff 20%); --wsf-form-color-secondary-light-30: color-mix(in oklab, var(--wsf-form-color-secondary), #fff 30%); --wsf-form-color-secondary-light-40: color-mix(in oklab, var(--wsf-form-color-secondary), #fff 40%); --wsf-form-color-secondary-light-50: color-mix(in oklab, var(--wsf-form-color-secondary), #fff 50%); --wsf-form-color-secondary-light-60: color-mix(in oklab, var(--wsf-form-color-secondary), #fff 60%); --wsf-form-color-secondary-light-70: color-mix(in oklab, var(--wsf-form-color-secondary), #fff 70%); --wsf-form-color-secondary-light-80: color-mix(in oklab, var(--wsf-form-color-secondary), #fff 80%); --wsf-form-color-secondary-light-90: color-mix(in oklab, var(--wsf-form-color-secondary), #fff 90%); --wsf-form-color-success-dark-90: color-mix(in oklab, var(--wsf-form-color-success), #000 90%); --wsf-form-color-success-dark-80: color-mix(in oklab, var(--wsf-form-color-success), #000 80%); --wsf-form-color-success-dark-70: color-mix(in oklab, var(--wsf-form-color-success), #000 70%); --wsf-form-color-success-dark-60: color-mix(in oklab, var(--wsf-form-color-success), #000 60%); --wsf-form-color-success-dark-50: color-mix(in oklab, var(--wsf-form-color-success), #000 50%); --wsf-form-color-success-dark-40: color-mix(in oklab, var(--wsf-form-color-success), #000 40%); --wsf-form-color-success-dark-30: color-mix(in oklab, var(--wsf-form-color-success), #000 30%); --wsf-form-color-success-dark-20: color-mix(in oklab, var(--wsf-form-color-success), #000 20%); --wsf-form-color-success-dark-10: color-mix(in oklab, var(--wsf-form-color-success), #000 10%); --wsf-form-color-success-light-10: color-mix(in oklab, var(--wsf-form-color-success), #fff 10%); --wsf-form-color-success-light-20: color-mix(in oklab, var(--wsf-form-color-success), #fff 20%); --wsf-form-color-success-light-30: color-mix(in oklab, var(--wsf-form-color-success), #fff 30%); --wsf-form-color-success-light-40: color-mix(in oklab, var(--wsf-form-color-success), #fff 40%); --wsf-form-color-success-light-50: color-mix(in oklab, var(--wsf-form-color-success), #fff 50%); --wsf-form-color-success-light-60: color-mix(in oklab, var(--wsf-form-color-success), #fff 60%); --wsf-form-color-success-light-70: color-mix(in oklab, var(--wsf-form-color-success), #fff 70%); --wsf-form-color-success-light-80: color-mix(in oklab, var(--wsf-form-color-success), #fff 80%); --wsf-form-color-success-light-90: color-mix(in oklab, var(--wsf-form-color-success), #fff 90%); --wsf-form-color-info-dark-90: color-mix(in oklab, var(--wsf-form-color-info), #000 90%); --wsf-form-color-info-dark-80: color-mix(in oklab, var(--wsf-form-color-info), #000 80%); --wsf-form-color-info-dark-70: color-mix(in oklab, var(--wsf-form-color-info), #000 70%); --wsf-form-color-info-dark-60: color-mix(in oklab, var(--wsf-form-color-info), #000 60%); --wsf-form-color-info-dark-50: color-mix(in oklab, var(--wsf-form-color-info), #000 50%); --wsf-form-color-info-dark-40: color-mix(in oklab, var(--wsf-form-color-info), #000 40%); --wsf-form-color-info-dark-30: color-mix(in oklab, var(--wsf-form-color-info), #000 30%); --wsf-form-color-info-dark-20: color-mix(in oklab, var(--wsf-form-color-info), #000 20%); --wsf-form-color-info-dark-10: color-mix(in oklab, var(--wsf-form-color-info), #000 10%); --wsf-form-color-info-light-10: color-mix(in oklab, var(--wsf-form-color-info), #fff 10%); --wsf-form-color-info-light-20: color-mix(in oklab, var(--wsf-form-color-info), #fff 20%); --wsf-form-color-info-light-30: color-mix(in oklab, var(--wsf-form-color-info), #fff 30%); --wsf-form-color-info-light-40: color-mix(in oklab, var(--wsf-form-color-info), #fff 40%); --wsf-form-color-info-light-50: color-mix(in oklab, var(--wsf-form-color-info), #fff 50%); --wsf-form-color-info-light-60: color-mix(in oklab, var(--wsf-form-color-info), #fff 60%); --wsf-form-color-info-light-70: color-mix(in oklab, var(--wsf-form-color-info), #fff 70%); --wsf-form-color-info-light-80: color-mix(in oklab, var(--wsf-form-color-info), #fff 80%); --wsf-form-color-info-light-90: color-mix(in oklab, var(--wsf-form-color-info), #fff 90%); --wsf-form-color-warning-dark-90: color-mix(in oklab, var(--wsf-form-color-warning), #000 90%); --wsf-form-color-warning-dark-80: color-mix(in oklab, var(--wsf-form-color-warning), #000 80%); --wsf-form-color-warning-dark-70: color-mix(in oklab, var(--wsf-form-color-warning), #000 70%); --wsf-form-color-warning-dark-60: color-mix(in oklab, var(--wsf-form-color-warning), #000 60%); --wsf-form-color-warning-dark-50: color-mix(in oklab, var(--wsf-form-color-warning), #000 50%); --wsf-form-color-warning-dark-40: color-mix(in oklab, var(--wsf-form-color-warning), #000 40%); --wsf-form-color-warning-dark-30: color-mix(in oklab, var(--wsf-form-color-warning), #000 30%); --wsf-form-color-warning-dark-20: color-mix(in oklab, var(--wsf-form-color-warning), #000 20%); --wsf-form-color-warning-dark-10: color-mix(in oklab, var(--wsf-form-color-warning), #000 10%); --wsf-form-color-warning-light-10: color-mix(in oklab, var(--wsf-form-color-warning), #fff 10%); --wsf-form-color-warning-light-20: color-mix(in oklab, var(--wsf-form-color-warning), #fff 20%); --wsf-form-color-warning-light-30: color-mix(in oklab, var(--wsf-form-color-warning), #fff 30%); --wsf-form-color-warning-light-40: color-mix(in oklab, var(--wsf-form-color-warning), #fff 40%); --wsf-form-color-warning-light-50: color-mix(in oklab, var(--wsf-form-color-warning), #fff 50%); --wsf-form-color-warning-light-60: color-mix(in oklab, var(--wsf-form-color-warning), #fff 60%); --wsf-form-color-warning-light-70: color-mix(in oklab, var(--wsf-form-color-warning), #fff 70%); --wsf-form-color-warning-light-80: color-mix(in oklab, var(--wsf-form-color-warning), #fff 80%); --wsf-form-color-warning-light-90: color-mix(in oklab, var(--wsf-form-color-warning), #fff 90%); --wsf-form-color-danger-dark-90: color-mix(in oklab, var(--wsf-form-color-danger), #000 90%); --wsf-form-color-danger-dark-80: color-mix(in oklab, var(--wsf-form-color-danger), #000 80%); --wsf-form-color-danger-dark-70: color-mix(in oklab, var(--wsf-form-color-danger), #000 70%); --wsf-form-color-danger-dark-60: color-mix(in oklab, var(--wsf-form-color-danger), #000 60%); --wsf-form-color-danger-dark-50: color-mix(in oklab, var(--wsf-form-color-danger), #000 50%); --wsf-form-color-danger-dark-40: color-mix(in oklab, var(--wsf-form-color-danger), #000 40%); --wsf-form-color-danger-dark-30: color-mix(in oklab, var(--wsf-form-color-danger), #000 30%); --wsf-form-color-danger-dark-20: color-mix(in oklab, var(--wsf-form-color-danger), #000 20%); --wsf-form-color-danger-dark-10: color-mix(in oklab, var(--wsf-form-color-danger), #000 10%); --wsf-form-color-danger-light-10: color-mix(in oklab, var(--wsf-form-color-danger), #fff 10%); --wsf-form-color-danger-light-20: color-mix(in oklab, var(--wsf-form-color-danger), #fff 20%); --wsf-form-color-danger-light-30: color-mix(in oklab, var(--wsf-form-color-danger), #fff 30%); --wsf-form-color-danger-light-40: color-mix(in oklab, var(--wsf-form-color-danger), #fff 40%); --wsf-form-color-danger-light-50: color-mix(in oklab, var(--wsf-form-color-danger), #fff 50%); --wsf-form-color-danger-light-60: color-mix(in oklab, var(--wsf-form-color-danger), #fff 60%); --wsf-form-color-danger-light-70: color-mix(in oklab, var(--wsf-form-color-danger), #fff 70%); --wsf-form-color-danger-light-80: color-mix(in oklab, var(--wsf-form-color-danger), #fff 80%); --wsf-form-color-danger-light-90: color-mix(in oklab, var(--wsf-form-color-danger), #fff 90%); --wsf-field-border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color); --wsf-field-box-shadow: 0 0 0 var(--wsf-field-box-shadow-width-focus) var(--wsf-field-box-shadow-color-focus); --wsf-field-button-padding: var(--wsf-field-button-padding-vertical) var(--wsf-field-button-padding-horizontal); --wsf-field-checkbox-check-height: calc(var(--wsf-field-checkbox-size) / 1.6); --wsf-field-checkbox-check-size: calc(var(--wsf-field-checkbox-size) / 6); --wsf-field-checkbox-check-width: calc(var(--wsf-field-checkbox-size) / 3.3); --wsf-field-checkbox-size: calc(var(--wsf-field-font-size) * var(--wsf-field-line-height)); --wsf-field-checkbox-switch-size: calc(var(--wsf-field-checkbox-size) * 0.8); --wsf-field-checkbox-switch-width: calc(var(--wsf-field-checkbox-size) * 1.8); --wsf-field-color-swatch-border-radius: 50%; --wsf-field-color-swatch-size: calc(var(--wsf-field-height) * 0.7); --wsf-field-datetime-calendar-padding: var(--wsf-field-datetime-calendar-padding-vertical) var(--wsf-field-datetime-calendar-padding-horizontal); --wsf-field-datetime-padding: var(--wsf-field-datetime-padding-vertical) var(--wsf-field-datetime-padding-horizontal); --wsf-field-file-dropzonejs-padding: var(--wsf-field-file-dropzonejs-padding-vertical) var(--wsf-field-file-dropzonejs-padding-horizontal); --wsf-field-height: calc((var(--wsf-field-font-size) * var(--wsf-field-line-height)) + (var(--wsf-field-padding-vertical) * 2) + (var(--wsf-field-border-width) * 2)); --wsf-field-meter-size: calc(var(--wsf-field-height) / 2); --wsf-field-padding: var(--wsf-field-padding-vertical) var(--wsf-field-padding-horizontal); --wsf-field-password-strength-meter-disc-gap: calc((var(--wsf-field-height) / 3) * (4 / 13)); --wsf-field-password-strength-meter-disc-size: calc((var(--wsf-field-height) / 3) * (7 / 13)); --wsf-field-progress-size: calc(var(--wsf-field-height) / 2); --wsf-field-radio-checked-size: calc(var(--wsf-field-radio-size) * 0.7); --wsf-field-radio-size: calc(var(--wsf-field-font-size) * var(--wsf-field-line-height)); --wsf-field-radio-switch-size: calc(var(--wsf-field-radio-size) * 0.8); --wsf-field-radio-switch-width: calc(var(--wsf-field-radio-size) * 1.8); --wsf-field-range-thumb-size: calc(var(--wsf-field-height) / 2); --wsf-field-range-tickmark-height: var(--wsf-field-range-thumb-size); --wsf-field-range-tickmark-width: var(--wsf-field-border-width); --wsf-field-range-track-size: calc(var(--wsf-field-range-thumb-size) / 2); --wsf-field-select-padding-right: calc((var(--wsf-field-padding-horizontal) * 2) + var(--wsf-field-select-arrow-width)); --wsf-field-select-select2-result-padding: var(--wsf-field-select-select2-result-padding-vertical) var(--wsf-field-select-select2-result-padding-horizontal); --wsf-field-summary-table-padding: var(--wsf-field-summary-table-padding-vertical) var(--wsf-field-summary-table-padding-horizontal); --wsf-form-caption-gap: calc(var(--wsf-form-grid-gap) / 4); --wsf-form-transition: calc(var(--wsf-form-transition-speed) * var(--wsf-form-transition-enabled)) var(--wsf-form-transition-timing-function); --wsf-group-li-padding: var(--wsf-group-li-padding-vertical) var(--wsf-group-li-padding-horizontal); --wsf-group-li-steps-gap: calc(var(--wsf-field-height) / 2); }