@charset "UTF-8";
/**
 * Do not edit directly, this file was auto-generated.
 *
 * Unidades: primitivos unitless, semántico/componente con calc(var(--p-...) * 1px)
 * (o * 1rem / 16 para font-size). REM_BASE = 16 (browser default).
 */

  :root {
  --fry-f-color-button-primary-default-default-background: var(--fry-s-color-surface-action-primary-default);
  --fry-f-color-button-primary-default-default-content: var(--fry-s-color-content-action-primary-default);
  --fry-f-color-button-primary-default-hover-background: var(--fry-s-color-surface-action-primary-hover);
  --fry-f-color-button-primary-default-hover-content: var(--fry-s-color-content-action-primary-hover);
  --fry-f-color-button-primary-default-pressed-background: var(--fry-s-color-surface-action-primary-pressed);
  --fry-f-color-button-primary-default-pressed-content: var(--fry-s-color-content-action-primary-pressed);
  --fry-f-color-button-primary-inverse-default-background: var(--fry-s-color-surface-action-primary-inverse);
  --fry-f-color-button-primary-inverse-default-content: var(--fry-s-color-content-action-primary-inverse);
  --fry-f-color-button-primary-inverse-hover-background: var(--fry-s-color-surface-action-primary-inverse-hover);
  --fry-f-color-button-primary-inverse-hover-content: var(--fry-s-color-content-action-primary-inverse-hover);
  --fry-f-color-button-primary-inverse-pressed-background: var(--fry-s-color-surface-action-primary-inverse-pressed);
  --fry-f-color-button-primary-inverse-pressed-content: var(--fry-s-color-content-action-primary-inverse-pressed);
  --fry-f-color-button-secondary-default-default-background: var(--fry-s-color-surface-action-secondary-default);
  --fry-f-color-button-secondary-default-default-content: var(--fry-s-color-content-action-secondary-default);
  --fry-f-color-button-secondary-default-default-border: var(--fry-s-color-border-action-secondary-default);
  --fry-f-color-button-secondary-default-hover-background: var(--fry-s-color-surface-action-secondary-hover);
  --fry-f-color-button-secondary-default-hover-content: var(--fry-s-color-content-action-secondary-hover);
  --fry-f-color-button-secondary-default-hover-border: var(--fry-s-color-border-action-secondary-hover);
  --fry-f-color-button-secondary-default-pressed-background: var(--fry-s-color-surface-action-secondary-pressed);
  --fry-f-color-button-secondary-default-pressed-content: var(--fry-s-color-content-action-secondary-pressed);
  --fry-f-color-button-secondary-default-pressed-border: var(--fry-s-color-border-action-secondary-pressed);
  --fry-f-color-button-secondary-inverse-default-background: var(--fry-s-color-surface-action-secondary-inverse);
  --fry-f-color-button-secondary-inverse-default-content: var(--fry-s-color-content-action-secondary-inverse);
  --fry-f-color-button-secondary-inverse-default-border: var(--fry-s-color-border-action-secondary-inverse);
  --fry-f-color-button-secondary-inverse-hover-background: var(--fry-s-color-surface-action-secondary-inverse-hover);
  --fry-f-color-button-secondary-inverse-hover-content: var(--fry-s-color-content-action-secondary-inverse-hover);
  --fry-f-color-button-secondary-inverse-hover-border: var(--fry-s-color-border-action-secondary-inverse-hover);
  --fry-f-color-button-secondary-inverse-pressed-background: var(--fry-s-color-surface-action-secondary-inverse-pressed);
  --fry-f-color-button-secondary-inverse-pressed-content: var(--fry-s-color-content-action-secondary-inverse-pressed);
  --fry-f-color-button-secondary-inverse-pressed-border: var(--fry-s-color-border-action-secondary-inverse-pressed);
  --fry-f-color-button-ghost-default-default-content: var(--fry-s-color-content-action-ghost-default);
  --fry-f-color-button-ghost-default-hover-content: var(--fry-s-color-content-action-ghost-hover);
  --fry-f-color-button-ghost-default-hover-background: var(--fry-s-color-surface-action-ghost-hover);
  --fry-f-color-button-ghost-default-pressed-content: var(--fry-s-color-content-action-ghost-pressed);
  --fry-f-color-button-ghost-default-pressed-background: var(--fry-s-color-surface-action-ghost-pressed);
  --fry-f-color-button-ghost-inverse-default-content: var(--fry-s-color-content-action-ghost-inverse);
  --fry-f-color-button-ghost-inverse-hover-content: var(--fry-s-color-content-action-ghost-inverse-hover);
  --fry-f-color-button-ghost-inverse-hover-background: var(--fry-s-color-surface-action-ghost-inverse-hover);
  --fry-f-color-button-ghost-inverse-pressed-content: var(--fry-s-color-content-action-ghost-inverse-pressed);
  --fry-f-color-button-ghost-inverse-pressed-background: var(--fry-s-color-surface-action-ghost-inverse-pressed);
  --fry-f-color-button-link-default-default-content: var(--fry-s-color-content-action-link-default);
  --fry-f-color-button-link-default-hover-content: var(--fry-s-color-content-action-link-hover);
  --fry-f-color-button-link-default-pressed-content: var(--fry-s-color-content-action-link-pressed);
  --fry-f-color-button-link-inverse-default-content: var(--fry-s-color-content-action-link-inverse);
  --fry-f-color-button-link-inverse-hover-content: var(--fry-s-color-content-action-link-inverse-hover);
  --fry-f-color-button-link-inverse-pressed-content: var(--fry-s-color-content-action-link-inverse-pressed);
  --fry-f-color-button-destructive-default-background: var(--fry-s-color-surface-action-destructive-default);
  --fry-f-color-button-destructive-default-content: var(--fry-s-color-content-action-destructive-default);
  --fry-f-color-button-destructive-hover-background: var(--fry-s-color-surface-action-destructive-hover);
  --fry-f-color-button-destructive-hover-content: var(--fry-s-color-content-action-destructive-hover);
  --fry-f-color-button-destructive-pressed-background: var(--fry-s-color-surface-action-destructive-pressed);
  --fry-f-color-button-destructive-pressed-content: var(--fry-s-color-content-action-destructive-pressed);
  --fry-f-color-radiobutton-unselected-default-border: var(--fry-s-color-border-state-unselected-default);
  --fry-f-color-radiobutton-unselected-default-background: var(--fry-s-color-surface-state-unselected-default);
  --fry-f-color-radiobutton-unselected-hover-border: var(--fry-s-color-border-state-unselected-hover);
  --fry-f-color-radiobutton-unselected-hover-background: var(--fry-s-color-surface-state-unselected-hover);
  --fry-f-color-radiobutton-unselected-pressed-border: var(--fry-s-color-border-state-unselected-pressed);
  --fry-f-color-radiobutton-unselected-pressed-background: var(--fry-s-color-surface-state-unselected-pressed);
  --fry-f-color-radiobutton-unselected-error-border: var(--fry-s-color-border-feedback-danger-base);
  --fry-f-color-radiobutton-unselected-error-background: var(--fry-s-color-surface-status-blocked-soft);
  --fry-f-color-radiobutton-selected-default-background: var(--fry-s-color-surface-state-selected-default);
  --fry-f-color-radiobutton-selected-default-content: var(--fry-s-color-content-state-selected-default);
  --fry-f-color-radiobutton-selected-hover-background: var(--fry-s-color-surface-state-selected-hover);
  --fry-f-color-radiobutton-selected-hover-content: var(--fry-s-color-content-state-selected-hover);
  --fry-f-color-radiobutton-selected-pressed-background: var(--fry-s-color-surface-state-selected-pressed);
  --fry-f-color-radiobutton-selected-pressed-content: var(--fry-s-color-content-state-selected-pressed);
  --fry-f-color-radiobutton-selected-error-background: var(--fry-s-color-surface-status-blocked-solid);
  --fry-f-color-radiobutton-selected-error-content: var(--fry-s-color-content-status-blocked-solid);
  --fry-f-color-checkbox-unselected-default-border: var(--fry-s-color-border-state-unselected-default);
  --fry-f-color-checkbox-unselected-default-background: var(--fry-s-color-surface-state-unselected-default);
  --fry-f-color-checkbox-unselected-hover-border: var(--fry-s-color-border-state-unselected-hover);
  --fry-f-color-checkbox-unselected-hover-background: var(--fry-s-color-surface-state-unselected-default);
  --fry-f-color-checkbox-unselected-pressed-border: var(--fry-s-color-border-state-unselected-pressed);
  --fry-f-color-checkbox-unselected-pressed-background: var(--fry-s-color-surface-state-unselected-default);
  --fry-f-color-checkbox-unselected-error-border: var(--fry-s-color-border-feedback-danger-base);
  --fry-f-color-checkbox-unselected-error-background: var(--fry-s-color-surface-status-blocked-soft);
  --fry-f-color-checkbox-selected-default-background: var(--fry-s-color-surface-state-selected-default);
  --fry-f-color-checkbox-selected-default-content: var(--fry-s-color-content-state-selected-default);
  --fry-f-color-checkbox-selected-hover-background: var(--fry-s-color-surface-state-selected-hover);
  --fry-f-color-checkbox-selected-hover-content: var(--fry-s-color-content-state-selected-hover);
  --fry-f-color-checkbox-selected-pressed-background: var(--fry-s-color-surface-state-selected-pressed);
  --fry-f-color-checkbox-selected-pressed-content: var(--fry-s-color-content-state-selected-pressed);
  --fry-f-color-checkbox-selected-error-background: var(--fry-s-color-surface-status-blocked-solid);
  --fry-f-color-checkbox-selected-error-content: var(--fry-s-color-content-status-blocked-solid);
  --fry-f-color-checkbox-indeterminate-default-background: var(--fry-s-color-surface-state-selected-default);
  --fry-f-color-checkbox-indeterminate-default-content: var(--fry-s-color-content-state-selected-default);
  --fry-f-color-checkbox-indeterminate-hover-background: var(--fry-s-color-surface-state-selected-hover);
  --fry-f-color-checkbox-indeterminate-hover-content: var(--fry-s-color-content-state-selected-hover);
  --fry-f-color-checkbox-indeterminate-pressed-background: var(--fry-s-color-surface-state-selected-pressed);
  --fry-f-color-checkbox-indeterminate-pressed-content: var(--fry-s-color-content-state-selected-pressed);
  --fry-f-color-checkbox-indeterminate-error-background: var(--fry-s-color-surface-status-blocked-solid);
  --fry-f-color-checkbox-indeterminate-error-content: var(--fry-s-color-content-status-blocked-solid);
  --fry-f-color-switch-unselected-default-background: var(--fry-s-color-surface-state-unselected-default);
  --fry-f-color-switch-unselected-default-content: var(--fry-s-color-content-state-unselected-default);
  --fry-f-color-switch-unselected-default-border: var(--fry-s-color-border-state-unselected-default);
  --fry-f-color-switch-unselected-hover-background: var(--fry-s-color-surface-state-unselected-hover);
  --fry-f-color-switch-unselected-hover-content: var(--fry-s-color-content-state-unselected-hover);
  --fry-f-color-switch-unselected-hover-border: var(--fry-s-color-border-state-unselected-hover);
  --fry-f-color-switch-unselected-pressed-background: var(--fry-s-color-surface-state-unselected-pressed);
  --fry-f-color-switch-unselected-pressed-content: var(--fry-s-color-content-state-unselected-pressed);
  --fry-f-color-switch-unselected-pressed-border: var(--fry-s-color-border-state-unselected-pressed);
  --fry-f-color-switch-unselected-error-background: var(--fry-s-color-content-status-blocked-solid);
  --fry-f-color-switch-unselected-error-content: var(--fry-s-color-content-status-blocked-soft);
  --fry-f-color-switch-unselected-error-border: var(--fry-s-color-border-feedback-danger-soft);
  --fry-f-color-switch-selected-default-background: var(--fry-s-color-surface-state-selected-default);
  --fry-f-color-switch-selected-default-content: var(--fry-s-color-content-state-selected-default);
  --fry-f-color-switch-selected-hover-background: var(--fry-s-color-surface-state-selected-hover);
  --fry-f-color-switch-selected-hover-content: var(--fry-s-color-content-state-selected-hover);
  --fry-f-color-switch-selected-pressed-background: var(--fry-s-color-surface-state-selected-pressed);
  --fry-f-color-switch-selected-pressed-content: var(--fry-s-color-content-state-selected-pressed);
  --fry-f-color-switch-selected-error-background: var(--fry-s-color-surface-status-blocked-solid);
  --fry-f-color-switch-selected-error-content: var(--fry-s-color-content-state-selected-default);
  --fry-f-color-input-text-predetermined-default-background: var(--fry-s-color-surface-state-unselected-default);
  --fry-f-color-input-text-predetermined-default-content-unfilled: var(--fry-s-color-content-neutral-base);
  --fry-f-color-input-text-predetermined-default-content-helper: var(--fry-s-color-content-neutral-base);
  --fry-f-color-input-text-predetermined-default-content-filled: var(--fry-s-color-content-action-secondary-default);
  --fry-f-color-input-text-predetermined-default-border: var(--fry-s-color-border-neutral-base);
  --fry-f-color-input-text-predetermined-hover-background: var(--fry-s-color-surface-state-unselected-hover);
  --fry-f-color-input-text-predetermined-pressed-background: var(--fry-s-color-surface-state-unselected-pressed);
  --fry-f-color-input-text-danger-default-content-helper: var(--fry-s-color-content-feedback-danger-base);
  --fry-f-color-input-text-danger-default-content-unfilled: var(--fry-s-color-content-neutral-base);
  --fry-f-color-input-text-danger-default-content-filled: var(--fry-s-color-content-action-secondary-default);
  --fry-f-color-input-text-danger-default-border: var(--fry-s-color-border-feedback-danger-base);
  --fry-f-color-input-text-danger-default-background: var(--fry-s-color-surface-state-unselected-default);
  --fry-f-color-input-text-danger-hover-background: var(--fry-s-color-surface-state-unselected-hover);
  --fry-f-color-input-text-danger-pressed-background: var(--fry-s-color-surface-state-unselected-pressed);
  --fry-f-color-input-counter-predetermined-default-background: var(--fry-s-color-surface-action-secondary-default);
  --fry-f-color-input-counter-predetermined-default-border: var(--fry-s-color-border-neutral-base);
  --fry-f-color-input-counter-predetermined-default-content-placeholder: var(--fry-s-color-content-action-secondary-default);
  --fry-f-color-input-counter-predetermined-default-content-helper: var(--fry-s-color-content-neutral-base);
  --fry-f-color-input-counter-predetermined-hover-background: var(--fry-s-color-surface-action-secondary-hover);
  --fry-f-color-input-counter-predetermined-pressed-background: var(--fry-s-color-surface-action-secondary-pressed);
  --fry-f-color-input-counter-danger-default-background: var(--fry-s-color-surface-action-secondary-default);
  --fry-f-color-input-counter-danger-default-border: var(--fry-s-color-border-feedback-danger-base);
  --fry-f-color-input-counter-danger-default-content-placeholder: var(--fry-s-color-content-action-secondary-default);
  --fry-f-color-input-counter-danger-default-content-helper: var(--fry-s-color-content-feedback-danger-base);
  --fry-f-color-input-counter-danger-hover-background: var(--fry-s-color-surface-action-secondary-hover);
  --fry-f-color-input-counter-danger-pressed-background: var(--fry-s-color-surface-action-secondary-pressed);
  --fry-f-color-input-text-area-predetermined-default-content-helper: var(--fry-s-color-content-neutral-base);
  --fry-f-color-input-text-area-predetermined-default-content-unfilled: var(--fry-s-color-content-neutral-base);
  --fry-f-color-input-text-area-predetermined-default-content-filled: var(--fry-s-color-content-action-secondary-default);
  --fry-f-color-input-text-area-predetermined-default-background: var(--fry-s-color-surface-action-secondary-default);
  --fry-f-color-input-text-area-predetermined-default-border: var(--fry-s-color-border-neutral-base);
  --fry-f-color-input-text-area-predetermined-hover-background: var(--fry-s-color-surface-action-secondary-hover);
  --fry-f-color-input-text-area-danger-default-background: var(--fry-s-color-surface-action-secondary-default);
  --fry-f-color-input-text-area-danger-default-border: var(--fry-s-color-border-feedback-danger-base);
  --fry-f-color-input-text-area-danger-default-content-helper: var(--fry-s-color-content-feedback-danger-base);
  --fry-f-color-input-text-area-danger-default-content-unfilled: var(--fry-s-color-content-neutral-base);
  --fry-f-color-input-text-area-danger-default-content-filled: var(--fry-s-color-content-action-secondary-default);
  --fry-f-color-input-text-area-danger-hover-background: var(--fry-s-color-surface-action-secondary-hover);
  --fry-f-color-input-search-predetermined-default-background: var(--fry-s-color-surface-state-unselected-default);
  --fry-f-color-input-search-predetermined-default-border: var(--fry-s-color-border-neutral-base);
  --fry-f-color-input-search-predetermined-default-content-placeholder: var(--fry-s-color-content-neutral-base);
  --fry-f-color-input-search-predetermined-default-content-filled: var(--fry-s-color-content-action-secondary-default);
  --fry-f-color-input-search-predetermined-background-hover: var(--fry-s-color-surface-state-unselected-hover);
  --fry-f-color-input-search-predetermined-background-pressed: var(--fry-s-color-surface-state-unselected-pressed);
  --fry-f-color-input-search-danger-default-background: var(--fry-s-color-surface-action-secondary-default);
  --fry-f-color-input-search-danger-default-border: var(--fry-s-color-border-feedback-danger-base);
  --fry-f-color-input-search-danger-default-content-helper: var(--fry-s-color-content-feedback-danger-base);
  --fry-f-color-input-search-danger-default-content-placeholder: var(--fry-s-color-content-neutral-base);
  --fry-f-color-input-search-danger-default-content-filled: var(--fry-s-color-content-action-secondary-default);
  --fry-f-color-input-search-danger-hover-background: var(--fry-s-color-surface-state-unselected-hover);
  --fry-f-color-input-search-danger-pressed-background: var(--fry-s-color-surface-state-unselected-pressed);
  --fry-f-color-input-dropdown-default-content-helper: var(--fry-s-color-content-neutral-base);
  --fry-f-color-input-dropdown-default-content-placeholder: var(--fry-s-color-content-neutral-base);
  --fry-f-color-input-dropdown-default-content-option: var(--fry-s-color-content-action-secondary-default);
  --fry-f-color-input-dropdown-default-background: var(--fry-s-color-surface-action-secondary-default);
  --fry-f-color-input-dropdown-default-border: var(--fry-s-color-border-neutral-base);
  --fry-f-color-input-dropdown-hover-background: var(--fry-s-color-surface-action-secondary-hover);
  --fry-f-color-input-dropdown-hover-border: var(--fry-s-color-border-neutral-base);
  --fry-f-color-input-dropdown-hover-content-helper: var(--fry-s-color-content-neutral-base);
  --fry-f-color-input-dropdown-hover-content-placeholder: var(--fry-s-color-content-neutral-base);
  --fry-f-color-input-dropdown-hover-content-option: var(--fry-s-color-content-action-secondary-hover);
  --fry-f-color-input-dropdown-focus-background: var(--fry-s-color-surface-action-secondary-default);
  --fry-f-color-input-dropdown-focus-border: var(--fry-s-color-border-neutral-base);
  --fry-f-color-input-dropdown-focus-content-helper: var(--fry-s-color-content-neutral-base);
  --fry-f-color-input-dropdown-focus-content-placeholder: var(--fry-s-color-content-neutral-base);
  --fry-f-color-input-dropdown-focus-content-option: var(--fry-s-color-content-action-secondary-default);
  --fry-f-color-input-dropdown-danger-background: var(--fry-s-color-surface-action-secondary-default);
  --fry-f-color-input-dropdown-danger-content-helper: var(--fry-s-color-content-feedback-danger-base);
  --fry-f-color-input-dropdown-danger-content-placeholder: var(--fry-s-color-content-neutral-base);
  --fry-f-color-input-dropdown-danger-content-option: var(--fry-s-color-content-action-secondary-default);
  --fry-f-color-input-dropdown-danger-border: var(--fry-s-color-border-feedback-danger-base);
  --fry-f-color-input-dropdown-open-background: var(--fry-s-color-surface-action-secondary-default);
  --fry-f-color-input-dropdown-open-border: var(--fry-s-color-border-neutral-base);
  --fry-f-color-input-dropdown-open-content-helper: var(--fry-s-color-content-neutral-base);
  --fry-f-color-input-dropdown-open-content-placeholder: var(--fry-s-color-content-neutral-base);
  --fry-f-color-input-dropdown-open-content-option: var(--fry-s-color-content-action-secondary-default);
  --fry-f-color-tag-system-neutral-background: var(--fry-s-color-surface-status-default-solid);
  --fry-f-color-tag-system-neutral-content: var(--fry-s-color-content-status-default-solid);
  --fry-f-color-tag-system-success-background: var(--fry-s-color-surface-status-completed-solid);
  --fry-f-color-tag-system-success-content: var(--fry-s-color-content-status-completed-solid);
  --fry-f-color-tag-system-warning-background: var(--fry-s-color-surface-status-risk-solid);
  --fry-f-color-tag-system-warning-content: var(--fry-s-color-content-status-risk-solid);
  --fry-f-color-tag-system-danger-background: var(--fry-s-color-surface-status-blocked-solid);
  --fry-f-color-tag-system-danger-content: var(--fry-s-color-content-status-blocked-solid);
  --fry-f-color-tag-system-info-background: var(--fry-s-color-surface-status-new-solid);
  --fry-f-color-tag-system-info-content: var(--fry-s-color-content-status-new-solid);
  --fry-f-color-tag-system-reactivated-background: var(--fry-s-color-surface-status-reenroll-solid);
  --fry-f-color-tag-system-reactivated-content: var(--fry-s-color-content-status-reenroll-solid);
  --fry-f-color-tag-business-neutral-background: var(--fry-s-color-surface-status-default-soft);
  --fry-f-color-tag-business-neutral-content: var(--fry-s-color-content-status-default-soft);
  --fry-f-color-tag-business-neutral-border: var(--fry-s-color-border-status-default-soft);
  --fry-f-color-tag-business-success-background: var(--fry-s-color-surface-status-completed-soft);
  --fry-f-color-tag-business-success-content: var(--fry-s-color-content-status-completed-soft);
  --fry-f-color-tag-business-success-border: var(--fry-s-color-border-status-completed-soft);
  --fry-f-color-tag-business-warning-background: var(--fry-s-color-surface-status-risk-soft);
  --fry-f-color-tag-business-warning-content: var(--fry-s-color-content-status-risk-soft);
  --fry-f-color-tag-business-warning-border: var(--fry-s-color-border-status-risk-soft);
  --fry-f-color-tag-business-danger-background: var(--fry-s-color-surface-status-blocked-soft);
  --fry-f-color-tag-business-danger-content: var(--fry-s-color-content-status-blocked-soft);
  --fry-f-color-tag-business-danger-border: var(--fry-s-color-border-status-blocked-soft);
  --fry-f-color-tag-business-info-background: var(--fry-s-color-surface-status-new-soft);
  --fry-f-color-tag-business-info-content: var(--fry-s-color-content-status-new-soft);
  --fry-f-color-tag-business-info-border: var(--fry-s-color-border-status-informative-soft);
  --fry-f-color-tag-business-reactivated-background: var(--fry-s-color-surface-status-reenroll-soft);
  --fry-f-color-tag-business-reactivated-content: var(--fry-s-color-content-status-reenroll-soft);
  --fry-f-color-tag-business-reactivated-border: var(--fry-s-color-border-status-reenroll-soft);
  --fry-f-color-chip-unselected-default-background: var(--fry-s-color-surface-state-unselected-default);
  --fry-f-color-chip-unselected-default-content: var(--fry-s-color-content-state-unselected-default);
  --fry-f-color-chip-unselected-default-border: var(--fry-s-color-border-state-unselected-default);
  --fry-f-color-chip-unselected-hover-background: var(--fry-s-color-surface-state-unselected-hover);
  --fry-f-color-chip-unselected-hover-content: var(--fry-s-color-content-state-unselected-hover);
  --fry-f-color-chip-unselected-hover-border: var(--fry-s-color-border-state-unselected-hover);
  --fry-f-color-chip-unselected-pressed-background: var(--fry-s-color-surface-state-unselected-pressed);
  --fry-f-color-chip-unselected-pressed-content: var(--fry-s-color-content-state-unselected-pressed);
  --fry-f-color-chip-unselected-pressed-border: var(--fry-s-color-border-state-unselected-pressed);
  --fry-f-color-chip-unselected-error-background: var(--fry-s-color-surface-state-unselected-default);
  --fry-f-color-chip-unselected-error-content: var(--fry-s-color-content-status-blocked-soft);
  --fry-f-color-chip-unselected-error-border: var(--fry-s-color-border-status-blocked-soft);
  --fry-f-color-chip-selected-default-background: var(--fry-s-color-surface-state-selected-default);
  --fry-f-color-chip-selected-default-content: var(--fry-s-color-content-state-selected-default);
  --fry-f-color-chip-selected-hover-background: var(--fry-s-color-surface-state-selected-hover);
  --fry-f-color-chip-selected-hover-content: var(--fry-s-color-content-state-selected-hover);
  --fry-f-color-chip-selected-pressed-background: var(--fry-s-color-surface-state-selected-pressed);
  --fry-f-color-chip-selected-pressed-content: var(--fry-s-color-content-state-selected-pressed);
  --fry-f-color-chip-selected-error-background: var(--fry-s-color-surface-status-blocked-solid);
  --fry-f-color-chip-selected-error-content: var(--fry-s-color-content-state-selected-default);
  --fry-f-color-alert-info-background: var(--fry-s-color-surface-feedback-info-base);
  --fry-f-color-alert-info-content-text: var(--fry-s-color-content-feedback-info-strong);
  --fry-f-color-alert-info-content-icon: var(--fry-s-color-content-feedback-info-base);
  --fry-f-color-alert-info-border: var(--fry-s-color-border-feedback-info-soft);
  --fry-f-color-alert-success-background: var(--fry-s-color-surface-feedback-success-base);
  --fry-f-color-alert-success-content-text: var(--fry-s-color-content-feedback-success-strong);
  --fry-f-color-alert-success-content-icon: var(--fry-s-color-content-feedback-success-base);
  --fry-f-color-alert-success-border: var(--fry-s-color-border-feedback-success-soft);
  --fry-f-color-alert-warning-background: var(--fry-s-color-surface-feedback-warning-base);
  --fry-f-color-alert-warning-content-text: var(--fry-s-color-content-feedback-warning-strong);
  --fry-f-color-alert-warning-content-icon: var(--fry-s-color-content-feedback-warning-base);
  --fry-f-color-alert-warning-border: var(--fry-s-color-border-feedback-warning-soft);
  --fry-f-color-alert-danger-background: var(--fry-s-color-surface-feedback-danger-base);
  --fry-f-color-alert-danger-content-text: var(--fry-s-color-content-feedback-danger-strong);
  --fry-f-color-alert-danger-content-icon: var(--fry-s-color-content-feedback-danger-base);
  --fry-f-color-alert-danger-border: var(--fry-s-color-border-feedback-danger-soft);
  --fry-f-color-list-default-background: var(--fry-s-color-surface-action-secondary-default);
  --fry-f-color-list-default-border: var(--fry-s-color-border-neutral-soft);
  --fry-f-color-list-default-content: var(--fry-s-color-content-action-secondary-default);
  --fry-f-color-list-hover-background: var(--fry-s-color-surface-action-secondary-hover);
  --fry-f-color-list-hover-border: var(--fry-s-color-border-neutral-soft);
  --fry-f-color-list-hover-content: var(--fry-s-color-content-action-secondary-hover);
  --fry-f-color-list-pressed-background: var(--fry-s-color-surface-action-secondary-pressed);
  --fry-f-color-list-pressed-border: var(--fry-s-color-border-neutral-soft);
  --fry-f-color-list-pressed-content: var(--fry-s-color-content-action-secondary-pressed);
  --fry-f-color-list-focus-background: var(--fry-s-color-surface-action-secondary-default);
  --fry-f-color-list-focus-content: var(--fry-s-color-content-action-secondary-default);
  --fry-f-color-list-selected-background: var(--fry-s-color-surface-action-secondary-default);
  --fry-f-color-list-selected-border: var(--fry-s-color-border-neutral-soft);
  --fry-f-color-list-selected-content: var(--fry-s-color-content-action-secondary-default);
  --fry-f-color-list-group-border: var(--fry-s-color-border-neutral-base);
  --fry-f-color-snackbar-base-background: var(--fry-s-color-surface-messaging-base);
  --fry-f-color-snackbar-base-content-text: var(--fry-s-color-content-messaging-base);
  --fry-f-color-snackbar-info-content-icon: var(--fry-s-color-content-feedback-info-soft);
  --fry-f-color-snackbar-success-content-icon: var(--fry-s-color-content-feedback-success-soft);
  --fry-f-color-snackbar-warning-content-icon: var(--fry-s-color-content-feedback-warning-soft);
  --fry-f-color-snackbar-danger-content-icon: var(--fry-s-color-content-feedback-danger-soft);
  --fry-f-color-coachmark-content: var(--fry-s-color-content-messaging-inverse);
  --fry-f-color-coachmark-background: var(--fry-s-color-surface-messaging-inverse);
  --fry-f-color-tooltip-content: var(--fry-s-color-content-messaging-base);
  --fry-f-color-tooltip-background: var(--fry-s-color-surface-messaging-base);
  --fry-f-color-tab-active-default-content: var(--fry-s-color-content-state-active-default);
  --fry-f-color-tab-active-default-border: var(--fry-s-color-border-state-active-default);
  --fry-f-color-tab-active-hover-content: var(--fry-s-color-content-state-active-hover);
  --fry-f-color-tab-active-hover-border: var(--fry-s-color-border-state-active-hover);
  --fry-f-color-tab-active-pressed-content: var(--fry-s-color-content-state-active-pressed);
  --fry-f-color-tab-active-pressed-border: var(--fry-s-color-border-state-active-pressed);
  --fry-f-color-tab-inactive-default-content: var(--fry-s-color-content-state-inactive-default);
  --fry-f-color-tab-inactive-default-border: var(--fry-s-color-border-state-inactive-default);
  --fry-f-color-tab-inactive-hover-content: var(--fry-s-color-content-state-inactive-hover);
  --fry-f-color-tab-inactive-hover-border: var(--fry-s-color-border-state-inactive-hover);
  --fry-f-color-tab-inactive-pressed-content: var(--fry-s-color-content-state-inactive-pressed);
  --fry-f-color-tab-inactive-pressed-border: var(--fry-s-color-border-state-inactive-pressed);
  --fry-f-color-scrollbar-track-background: var(--fry-s-color-surface-system-scrollbar-track);
  --fry-f-color-scrollbar-thumb-background: var(--fry-s-color-surface-system-scrollbar-thumb);
  --fry-f-color-breadcrumb-default-content: var(--fry-s-color-content-action-secondary-default);
  --fry-f-color-breadcrumb-hover-content: var(--fry-s-color-content-action-secondary-hover);
  --fry-f-color-breadcrumb-pressed-content: var(--fry-s-color-content-action-secondary-pressed);
  --fry-f-color-breadcrumb-current-content: var(--fry-s-color-content-action-secondary-default);
  --fry-f-color-header-bag-empty-default-content: var(--fry-s-color-content-interaction-empty-default);
  --fry-f-color-header-bag-empty-default-background: var(--fry-s-color-surface-interaction-empty-default);
  --fry-f-color-header-bag-empty-hover-content: var(--fry-s-color-content-interaction-empty-hover);
  --fry-f-color-header-bag-empty-hover-background: var(--fry-s-color-surface-interaction-empty-hover);
  --fry-f-color-header-bag-empty-pressed-content: var(--fry-s-color-content-interaction-empty-pressed);
  --fry-f-color-header-bag-empty-pressed-background: var(--fry-s-color-surface-interaction-empty-pressed);
  --fry-f-color-header-bag-filled-default-content: var(--fry-s-color-content-interaction-filled-default);
  --fry-f-color-header-bag-filled-default-background: var(--fry-s-color-surface-interaction-filled-default);
  --fry-f-color-header-bag-filled-hover-content: var(--fry-s-color-content-interaction-filled-hover);
  --fry-f-color-header-bag-filled-hover-background: var(--fry-s-color-surface-interaction-filled-hover);
  --fry-f-color-header-bag-filled-pressed-content: var(--fry-s-color-content-interaction-filled-pressed);
  --fry-f-color-header-bag-filled-pressed-background: var(--fry-s-color-surface-interaction-filled-pressed);
  --fry-f-color-header-nav-action-menu-default-content: var(--fry-s-color-content-interaction-empty-default);
  --fry-f-color-header-nav-action-menu-hover-content: var(--fry-s-color-content-interaction-empty-hover);
  --fry-f-color-header-nav-action-menu-pressed-content: var(--fry-s-color-content-interaction-empty-pressed);
  --fry-f-color-header-nav-action-background: var(--fry-s-color-surface-neutral-base);
  --fry-f-color-header-profile-tag-neutral-background: var(--fry-s-color-surface-status-default-soft);
  --fry-f-color-header-profile-tag-neutral-content: var(--fry-s-color-content-status-default-soft);
  --fry-f-color-header-profile-tag-neutral-border: var(--fry-s-color-border-status-default-soft);
  --fry-f-color-header-profile-tag-success-background: var(--fry-s-color-surface-status-completed-soft);
  --fry-f-color-header-profile-tag-success-content: var(--fry-s-color-content-status-completed-soft);
  --fry-f-color-header-profile-tag-success-border: var(--fry-s-color-border-status-completed-soft);
  --fry-f-color-header-profile-tag-warning-background: var(--fry-s-color-surface-status-risk-soft);
  --fry-f-color-header-profile-tag-warning-content: var(--fry-s-color-content-status-risk-soft);
  --fry-f-color-header-profile-tag-warning-border: var(--fry-s-color-border-status-risk-soft);
  --fry-f-color-header-profile-tag-danger-background: var(--fry-s-color-surface-status-blocked-soft);
  --fry-f-color-header-profile-tag-danger-content: var(--fry-s-color-content-status-blocked-soft);
  --fry-f-color-header-profile-tag-danger-border: var(--fry-s-color-border-status-blocked-soft);
  --fry-f-color-header-profile-tag-info-background: var(--fry-s-color-surface-status-new-soft);
  --fry-f-color-header-profile-tag-info-content: var(--fry-s-color-content-status-new-soft);
  --fry-f-color-header-profile-tag-info-border: var(--fry-s-color-border-status-informative-soft);
  --fry-f-color-header-profile-tag-reactivated-background: var(--fry-s-color-surface-status-reenroll-soft);
  --fry-f-color-header-profile-tag-reactivated-content: var(--fry-s-color-content-status-reenroll-soft);
  --fry-f-color-header-profile-tag-reactivated-border: var(--fry-s-color-border-status-reenroll-soft);
  --fry-f-color-header-profile-content-icon: var(--fry-s-color-content-interaction-empty-default);
  --fry-f-color-header-profile-content-title: var(--fry-s-color-content-interaction-empty-default);
  --fry-f-color-header-profile-content-description: var(--fry-s-color-content-interaction-empty-subtle);
  --fry-f-color-header-announcement-bar-background: var(--fry-s-color-surface-neutral-inverse);
  --fry-f-color-header-announcement-bar-content: var(--fry-s-color-content-neutral-inverse);
  --fry-f-color-menu-item-default-content: var(--fry-s-color-content-interaction-empty-default);
  --fry-f-color-menu-item-default-content-current: var(--fry-s-color-content-state-active-default);
  --fry-f-color-menu-item-hover-content: var(--fry-s-color-content-interaction-empty-default);
  --fry-f-color-menu-item-hover-background: var(--fry-s-color-surface-navigation-menu-hover);
  --fry-f-color-menu-item-hover-content-current: var(--fry-s-color-content-state-active-hover);
  --fry-f-color-menu-item-pressed-content: var(--fry-s-color-content-interaction-empty-default);
  --fry-f-color-menu-item-pressed-background: var(--fry-s-color-surface-navigation-menu-pressed);
  --fry-f-color-menu-item-pressed-content-current: var(--fry-s-color-content-state-active-pressed);
  --fry-f-color-menu-background-level1: var(--fry-s-color-surface-interaction-empty-subtle);
  --fry-f-color-menu-background-level2: var(--fry-s-color-surface-navigation-menu-default);
  --fry-f-color-progressbar-default-content: var(--fry-s-color-content-state-active-default);
  --fry-f-color-progressbar-default-border: var(--fry-s-color-border-neutral-soft);
  --fry-f-color-progressbar-default-background: var(--fry-s-color-surface-informative-soft);
  --fry-f-color-progressbar-default-light: var(--fry-s-color-surface-neutral-base);
  --fry-f-color-progressbar-error-content: var(--fry-s-color-content-feedback-danger-base);
  --fry-f-color-progressbar-error-background: var(--fry-s-color-surface-informative-soft);
  --fry-f-color-progressbar-error-border: var(--fry-s-color-border-neutral-soft);
  --fry-f-color-progressbar-success-content: var(--fry-s-color-content-feedback-success-base);
  --fry-f-color-progressbar-success-background: var(--fry-s-color-surface-informative-soft);
  --fry-f-color-progressbar-success-border: var(--fry-s-color-border-neutral-soft);
  --fry-f-color-modal-overlay-background: var(--fry-s-color-surface-overlay-neutral-80);
  --fry-f-color-modal-dialog-content: var(--fry-s-color-content-messaging-inverse);
  --fry-f-color-modal-dialog-background: var(--fry-s-color-surface-messaging-inverse);
  --fry-f-color-modal-dialog-border: var(--fry-s-color-border-neutral-subtle);
  --fry-f-color-footer-background: var(--fry-s-color-surface-neutral-base);
  --fry-f-color-footer-content: var(--fry-s-color-content-neutral-strong);
  --fry-f-color-pagination-indicator-active-default-background: var(--fry-s-color-surface-navigation-active-default);
  --fry-f-color-pagination-indicator-active-hover-background: var(--fry-s-color-surface-navigation-active-hover);
  --fry-f-color-pagination-indicator-active-pressed-background: var(--fry-s-color-surface-navigation-active-pressed);
  --fry-f-color-pagination-indicator-inactive-default-background: var(--fry-s-color-surface-navigation-inactive-default);
  --fry-f-color-pagination-indicator-inactive-hover-background: var(--fry-s-color-surface-navigation-inactive-hover);
  --fry-f-color-pagination-indicator-inactive-pressed-background: var(--fry-s-color-surface-navigation-inactive-pressed);
  --fry-f-color-pagination-container-background: var(--fry-s-color-surface-neutral-base);
  --fry-f-color-accordion-default-content: var(--fry-s-color-content-neutral-strong);
  --fry-f-color-accordion-hover-background: var(--fry-s-color-surface-overlay-neutral-20);
  --fry-f-color-accordion-hover-content: var(--fry-s-color-content-neutral-strong);
  --fry-f-color-accordion-pressed-background: var(--fry-s-color-surface-overlay-neutral-40);
  --fry-f-color-accordion-pressed-content: var(--fry-s-color-content-neutral-strong);
  --fry-f-color-card-default-background: var(--fry-s-color-surface-action-primary-inverse);
  --fry-f-color-card-default-border-unselected: var(--fry-s-color-border-neutral-soft);
  --fry-f-color-card-default-border-selected: var(--fry-s-color-border-neutral-strong);
  --fry-f-color-card-default-background-link: var(--fry-s-color-surface-informative-subtle);
  --fry-f-color-stepper-indicator-inactive-content: var(--fry-s-effect-disabled-content);
  --fry-f-color-stepper-indicator-inactive-background: var(--fry-s-color-surface-neutral-soft);
  --fry-f-color-stepper-indicator-completed-content: var(--fry-s-color-content-status-completed-solid);
  --fry-f-color-stepper-indicator-completed-background: var(--fry-s-color-surface-status-completed-solid);
  --fry-f-color-stepper-indicator-active-content: var(--fry-s-color-content-status-default-solid);
  --fry-f-color-stepper-indicator-active-background: var(--fry-s-color-surface-status-default-solid);
  --fry-f-color-stepper-connector-active-background: var(--fry-s-color-surface-status-completed-solid);
  --fry-f-color-stepper-connector-inactive-background: var(--fry-s-color-surface-neutral-soft);
  --fry-f-color-stepper-label-active-content: var(--fry-s-color-content-neutral-strong);
  --fry-f-color-stepper-label-inactive-content: var(--fry-s-effect-disabled-content);
  --fry-f-color-calendar-day-default-content: var(--fry-s-color-content-neutral-strong);
  --fry-f-color-calendar-day-default-inverse: var(--fry-s-color-content-neutral-inverse);
  --fry-f-color-calendar-day-due-content: var(--fry-s-color-content-status-blocked-solid);
  --fry-f-color-calendar-day-due-background: var(--fry-s-color-surface-status-blocked-solid);
  --fry-f-color-calendar-day-campaign-end-content: var(--fry-s-color-content-status-new-solid);
  --fry-f-color-calendar-day-campaign-end-background: var(--fry-s-color-surface-status-new-solid);
  --fry-f-color-calendar-date-default-content: var(--fry-s-color-content-neutral-subtle);
  --fry-f-color-calendar-date-hover-content: var(--fry-s-color-content-neutral-subtle);
  --fry-f-color-calendar-date-hover-background: var(--fry-s-color-surface-neutral-subtle);
  --fry-f-color-calendar-date-pressed-content: var(--fry-s-color-content-neutral-subtle);
  --fry-f-color-calendar-date-pressed-background: var(--fry-s-color-surface-neutral-soft);
  --fry-f-color-calendar-date-selected-content: var(--fry-s-color-content-neutral-inverse);
  --fry-f-color-calendar-date-selected-background: var(--fry-s-color-surface-neutral-inverse);
  --fry-f-color-calendar-week-content: var(--fry-s-color-content-neutral-strong);
  --fry-f-color-calendar-overlay-background: var(--fry-s-color-surface-overlay-neutral-80);
  --fry-f-color-calendar-dialog-content: var(--fry-s-color-content-messaging-inverse);
  --fry-f-color-calendar-dialog-background: var(--fry-s-color-surface-messaging-inverse);
  --fry-f-color-avatar-base-background: var(--fry-s-color-surface-neutral-base);
  --fry-f-color-avatar-subtle-background: var(--fry-s-color-surface-neutral-subtle);
  --fry-f-color-banner-info-background: var(--fry-s-color-surface-feedback-info-base);
  --fry-f-color-banner-info-content: var(--fry-s-color-content-feedback-info-strong);
  --fry-f-color-banner-info-border: var(--fry-s-color-border-feedback-info-soft);
  --fry-f-color-banner-info-icon: var(--fry-s-color-content-feedback-info-base);
  --fry-f-color-banner-success-background: var(--fry-s-color-surface-feedback-success-base);
  --fry-f-color-banner-success-content: var(--fry-s-color-content-feedback-success-strong);
  --fry-f-color-banner-success-border: var(--fry-s-color-border-feedback-success-soft);
  --fry-f-color-banner-success-icon: var(--fry-s-color-content-feedback-success-base);
  --fry-f-color-banner-warning-background: var(--fry-s-color-surface-feedback-warning-base);
  --fry-f-color-banner-warning-content: var(--fry-s-color-content-feedback-warning-strong);
  --fry-f-color-banner-warning-border: var(--fry-s-color-border-feedback-warning-soft);
  --fry-f-color-banner-warning-icon: var(--fry-s-color-content-feedback-warning-base);
  --fry-f-color-banner-danger-background: var(--fry-s-color-surface-feedback-danger-base);
  --fry-f-color-banner-danger-content: var(--fry-s-color-content-feedback-danger-strong);
  --fry-f-color-banner-danger-border: var(--fry-s-color-border-feedback-danger-soft);
  --fry-f-color-banner-danger-icon: var(--fry-s-color-content-feedback-danger-base);
  --fry-f-color-banner-neutral-background: var(--fry-s-color-surface-feedback-neutral-base);
  --fry-f-color-banner-neutral-text: var(--fry-s-color-content-feedback-neutral-strong);
  --fry-f-color-banner-neutral-border: var(--fry-s-color-border-feedback-neutral-strong);
  --fry-f-color-loading-content-text: var(--fry-s-color-content-neutral-strong);
  --fry-f-color-loading-content-number: var(--fry-s-color-content-action-ghost-default);
  --fry-f-color-loading-content-light: var(--fry-s-color-surface-overlay-action-10);
  --fry-f-color-loading-background: var(--fry-s-color-surface-system-loading);
  --fry-f-color-carousel-slider-indicator-active-default-background: var(--fry-s-color-surface-navigation-active-default);
  --fry-f-color-carousel-slider-indicator-active-hover-background: var(--fry-s-color-surface-navigation-active-hover);
  --fry-f-color-carousel-slider-indicator-active-pressed-background: var(--fry-s-color-surface-navigation-active-pressed);
  --fry-f-color-carousel-slider-indicator-inactive-default-background: var(--fry-s-color-surface-navigation-inactive-default);
  --fry-f-color-carousel-slider-indicator-inactive-hover-background: var(--fry-s-color-surface-navigation-inactive-hover);
  --fry-f-color-carousel-slider-indicator-inactive-pressed-background: var(--fry-s-color-surface-navigation-inactive-pressed);
  --fry-f-color-carousel-slider-container-background: var(--fry-s-color-surface-neutral-base);
  --fry-f-component-tab-boolean-illustration-3d-mobile: false;
  --fry-f-component-tab-boolean-illustration-3d-desktop: true;
  --fry-f-component-tab-font-size: var(--fry-s-font-size-l);
  --fry-f-component-tab-font-line-height: var(--fry-s-font-line-height-l);
  --fry-f-component-tab-margin-left: var(--fry-s-spacing-2xl);
  --fry-f-component-tab-margin-right: var(--fry-s-spacing-2xl);
  --fry-f-component-tab-margin-top: var(--fry-s-spacing-xl);
  --fry-f-component-tab-margin-bottom: var(--fry-s-spacing-xl);
  --fry-f-component-tab-margin-gap: var(--fry-s-spacing-m);
  --fry-f-component-header-boolean-action-secondary: true;
  --fry-f-component-header-margin-left: var(--fry-s-spacing-4xl);
  --fry-f-component-header-margin-right: var(--fry-s-spacing-4xl);
  --fry-f-component-header-margin-top: var(--fry-s-spacing-2xl);
  --fry-f-component-header-margin-bottom: var(--fry-s-spacing-2xl);
  --fry-f-component-header-margin-gap: var(--fry-s-spacing-3xl);
  --fry-f-component-header-sizing-width-max: var(--fry-s-sizing-width-24xl);
  --fry-f-component-header-sizing-width-min: var(--fry-s-sizing-width-22xl);
  --fry-f-component-header-sizing-height: var(--fry-s-sizing-height-7xl);
  --fry-f-component-modal-boolean-content-bottom-sheet: false;
  --fry-f-component-modal-font-size-title: var(--fry-s-font-size-2xl);
  --fry-f-component-modal-font-size-description: var(--fry-s-font-size-l);
  --fry-f-component-modal-font-line-height-title: var(--fry-s-font-line-height-xl);
  --fry-f-component-modal-font-line-height-description: var(--fry-s-font-line-height-l);
  --fry-f-component-modal-sizing-width-overlay: var(--fry-s-sizing-width-24xl);
  --fry-f-component-modal-sizing-width-system-dialog-basic: var(--fry-s-sizing-width-15xl);
  --fry-f-component-modal-sizing-width-content-dialog-basic-forms: var(--fry-s-sizing-width-15xl);
  --fry-f-component-modal-sizing-width-content-dialog-simple-forms: var(--fry-s-sizing-width-19xl);
  --fry-f-component-modal-sizing-width-content-dialog-complex-forms: var(--fry-s-sizing-width-23xl);
  --fry-f-component-modal-sizing-height-overlay: calc(var(--fry-p-number-800) * 1px); /** = 800px */
  --fry-f-component-modal-border-radius-content-top-left: var(--fry-s-border-radius-xl);
  --fry-f-component-modal-border-radius-content-top-right: var(--fry-s-border-radius-xl);
  --fry-f-component-modal-border-radius-content-bottom-left: var(--fry-s-border-radius-xl);
  --fry-f-component-modal-border-radius-content-bottom-right: var(--fry-s-border-radius-xl);
  --fry-f-component-modal-margin-section: var(--fry-s-spacing-full);
  --fry-f-component-footer-boolean-visible: false;
  --fry-f-component-footer-boolean-stack: true;
  --fry-f-component-footer-margin-left: var(--fry-s-spacing-4xl);
  --fry-f-component-footer-margin-right: var(--fry-s-spacing-4xl);
  --fry-f-component-footer-margin-top: var(--fry-s-spacing-2xl);
  --fry-f-component-footer-margin-bottom: var(--fry-s-spacing-2xl);
  --fry-f-component-footer-margin-gap-horizontal: var(--fry-s-spacing-5xl);
  --fry-f-component-footer-sizing-width-logo: var(--fry-s-sizing-width-2xl);
  --fry-f-component-footer-sizing-width-version-max: var(--fry-s-sizing-width-7xl);
  --fry-f-component-footer-sizing-width-links-max: var(--fry-s-sizing-width-18xl);
  --fry-f-component-footer-sizing-width-version-min: var(--fry-s-sizing-width-7xl);
  --fry-f-component-footer-sizing-width-logo-container: var(--fry-s-sizing-width-2xl);
  --fry-f-component-footer-sizing-width-ruc-max: var(--fry-s-sizing-width-14xl);
  --fry-f-component-footer-sizing-height-logo: var(--fry-s-sizing-height-2xl);
  --fry-f-component-footer-sizing-height-box: var(--fry-s-sizing-height-6xl);
  --fry-f-component-calendar-boolean-bottom-sheet: false;
  --fry-f-component-calendar-sizing-width: var(--fry-s-sizing-width-24xl);
  --fry-f-component-calendar-border-radius-bottom-left: var(--fry-s-border-radius-xl);
  --fry-f-component-calendar-border-radius-top-right: var(--fry-s-border-radius-xl);
  --fry-f-component-calendar-border-radius-bottom-right: var(--fry-s-border-radius-xl);
  --fry-f-component-calendar-border-radius-top-left: var(--fry-s-border-radius-xl);
  --fry-f-component-menu-boolean-icon-desktop: true;
  --fry-f-component-menu-boolean-icon-mobile: false;
  --fry-f-component-menu-font-size-side-menu: var(--fry-s-font-size-l);
  --fry-f-component-menu-font-line-height-side-menu: var(--fry-s-font-line-height-l);
  --fry-f-component-menu-margin-item-level-1-left: var(--fry-s-spacing-4xl);
  --fry-f-component-menu-margin-item-level-1-right: var(--fry-s-spacing-2xl);
  --fry-f-component-menu-margin-item-level-1-top: var(--fry-s-spacing-2xl);
  --fry-f-component-menu-margin-item-level-1-bottom: var(--fry-s-spacing-2xl);
  --fry-f-component-menu-margin-item-level-1-gap: var(--fry-s-spacing-xl);
  --fry-f-component-menu-margin-item-level-2-left: var(--fry-s-spacing-8xl);
  --fry-f-component-menu-margin-item-level-2-right: var(--fry-s-spacing-2xl);
  --fry-f-component-menu-margin-item-level-2-top: var(--fry-s-spacing-xl);
  --fry-f-component-menu-margin-item-level-2-bottom: var(--fry-s-spacing-xl);
  --fry-f-component-menu-margin-group-top: var(--fry-s-spacing-3xl);
  --fry-f-component-menu-margin-profile-left: var(--fry-s-spacing-4xl);
  --fry-f-component-menu-margin-profile-right: var(--fry-s-spacing-2xl);
  --fry-f-component-menu-margin-profile-top: var(--fry-s-spacing-m);
  --fry-f-component-menu-margin-profile-bottom: var(--fry-s-spacing-m);
  --fry-f-component-menu-margin-profile-gap: var(--fry-s-spacing-m);
  --fry-f-component-button-sizing-icon: m;
  --fry-f-component-button-sizing-height-default: calc(var(--fry-p-number-48) * 1px); /** = 48px */
  --fry-f-component-button-sizing-height-link: calc(var(--fry-p-number-24) * 1px); /** = 24px */
  --fry-f-component-button-sizing-width-default: calc(var(--fry-p-number-48) * 1px); /** = 48px */
  --fry-f-component-button-font-size: var(--fry-s-font-size-l);
  --fry-f-component-button-font-line-height: var(--fry-s-font-line-height-l);
  --fry-f-component-button-margin-gap: var(--fry-s-spacing-m);
  --fry-f-component-button-margin-bottom: var(--fry-s-spacing-xl);
  --fry-f-component-button-margin-top: var(--fry-s-spacing-xl);
  --fry-f-component-button-margin-margin-right-text: var(--fry-s-spacing-3xl);
  --fry-f-component-button-margin-margin-right-icon: var(--fry-s-spacing-xl);
  --fry-f-component-button-margin-margin-left-text: var(--fry-s-spacing-3xl);
  --fry-f-component-button-margin-margin-left-icon: var(--fry-s-spacing-xl);
  --fry-f-component-input-text-margin-left-unselect: var(--fry-s-spacing-2xl);
  --fry-f-component-input-text-margin-left-select: var(--fry-s-spacing-2xl);
  --fry-f-component-input-text-margin-right-unselect: var(--fry-s-spacing-2xl);
  --fry-f-component-input-text-margin-right-select: var(--fry-s-spacing-2xl);
  --fry-f-component-input-text-margin-top-unselect: var(--fry-s-spacing-2xl);
  --fry-f-component-input-text-margin-top-select: var(--fry-s-spacing-m);
  --fry-f-component-input-text-margin-bottom-unselect: var(--fry-s-spacing-2xl);
  --fry-f-component-input-text-margin-bottom-select: var(--fry-s-spacing-m);
  --fry-f-component-input-text-margin-gap-input: var(--fry-s-spacing-m);
  --fry-f-component-input-text-margin-gap-helper: var(--fry-s-spacing-s);
  --fry-f-component-input-text-font-size-placeholder: var(--fry-s-font-size-l);
  --fry-f-component-input-text-font-size-helper: var(--fry-s-font-size-m);
  --fry-f-component-input-text-font-size-label-unselect: var(--fry-s-font-size-l);
  --fry-f-component-input-text-font-size-label-select: var(--fry-s-font-size-m);
  --fry-f-component-input-text-font-line-height-placeholder: var(--fry-s-font-line-height-l);
  --fry-f-component-input-text-font-line-height-helper: var(--fry-s-font-line-height-m);
  --fry-f-component-input-text-font-line-height-label-unselect: var(--fry-s-font-line-height-l);
  --fry-f-component-input-text-font-line-height-label-select: var(--fry-s-font-line-height-m);
  --fry-f-component-input-text-height-input: var(--fry-s-sizing-height-5xl);
  --fry-f-component-input-text-height-focus: var(--fry-s-sizing-height-6xl);
  --fry-f-component-input-counter-margin-left: var(--fry-s-spacing-xl);
  --fry-f-component-input-counter-margin-right: var(--fry-s-spacing-xl);
  --fry-f-component-input-counter-margin-top: var(--fry-s-spacing-2xl);
  --fry-f-component-input-counter-margin-bottom: var(--fry-s-spacing-2xl);
  --fry-f-component-input-counter-margin-gap: var(--fry-s-spacing-m);
  --fry-f-component-input-counter-font-size-helper: var(--fry-s-font-size-m);
  --fry-f-component-input-counter-font-size-placeholder: var(--fry-s-font-size-l);
  --fry-f-component-input-counter-font-line-height-helper: var(--fry-s-font-line-height-m);
  --fry-f-component-input-counter-font-line-height-placeholder: var(--fry-s-font-line-height-l);
  --fry-f-component-input-counter-sizing-height: var(--fry-s-sizing-height-5xl);
  --fry-f-component-input-text-area-margin-left-unselect: var(--fry-s-spacing-2xl);
  --fry-f-component-input-text-area-margin-left-select: var(--fry-s-spacing-2xl);
  --fry-f-component-input-text-area-margin-right-unselect: var(--fry-s-spacing-2xl);
  --fry-f-component-input-text-area-margin-right-select: var(--fry-s-spacing-2xl);
  --fry-f-component-input-text-area-margin-top-unselect: var(--fry-s-spacing-xl);
  --fry-f-component-input-text-area-margin-top-select: var(--fry-s-spacing-xl);
  --fry-f-component-input-text-area-margin-bottom-unselect: var(--fry-s-spacing-xl);
  --fry-f-component-input-text-area-margin-bottom-select: var(--fry-s-spacing-xl);
  --fry-f-component-input-text-area-font-size-label-unselect: var(--fry-s-font-size-l);
  --fry-f-component-input-text-area-font-size-label-select: var(--fry-s-font-size-m);
  --fry-f-component-input-text-area-font-size-placeholder: var(--fry-s-font-size-l);
  --fry-f-component-input-text-area-font-size-helper: var(--fry-s-font-size-m);
  --fry-f-component-input-text-area-font-line-height-label-unselect: var(--fry-s-font-line-height-l);
  --fry-f-component-input-text-area-font-line-height-label-select: var(--fry-s-font-line-height-m);
  --fry-f-component-input-text-area-font-line-height-placeholder: var(--fry-s-font-line-height-l);
  --fry-f-component-input-text-area-font-line-height-helper: var(--fry-s-font-line-height-m);
  --fry-f-component-input-text-area-gap-input: var(--fry-s-spacing-m);
  --fry-f-component-input-text-area-gap-helper: var(--fry-s-spacing-s);
  --fry-f-component-input-text-area-sizing-box-min-height: var(--fry-s-sizing-height-8xl);
  --fry-f-component-input-text-area-sizing-placeholder-min-height: var(--fry-s-sizing-height-5xl);
  --fry-f-component-input-text-area-sizing-placeholder-max-height: calc(var(--fry-p-number-144) * 1px); /** = 144px */
  --fry-f-component-input-search-margin-left: var(--fry-s-spacing-2xl);
  --fry-f-component-input-search-margin-right: var(--fry-s-spacing-2xl);
  --fry-f-component-input-search-margin-top: var(--fry-s-spacing-2xl);
  --fry-f-component-input-search-margin-bottom: var(--fry-s-spacing-2xl);
  --fry-f-component-input-search-margin-gap-input: var(--fry-s-spacing-m);
  --fry-f-component-input-search-margin-gap-helper: var(--fry-s-spacing-s);
  --fry-f-component-input-search-font-size-placeholder: var(--fry-s-font-size-l);
  --fry-f-component-input-search-font-size-helper: var(--fry-s-font-size-m);
  --fry-f-component-input-search-font-line-height-placeholder: var(--fry-s-font-line-height-l);
  --fry-f-component-input-search-font-line-height-helper: var(--fry-s-font-line-height-m);
  --fry-f-component-input-search-sizing-height: var(--fry-s-sizing-height-5xl);
  --fry-f-component-input-dropdown-sizing-height: var(--fry-s-sizing-height-5xl);
  --fry-f-component-input-dropdown-margin-left: var(--fry-s-spacing-2xl);
  --fry-f-component-input-dropdown-margin-right: var(--fry-s-spacing-2xl);
  --fry-f-component-input-dropdown-margin-top: var(--fry-s-spacing-2xl);
  --fry-f-component-input-dropdown-margin-bottom: var(--fry-s-spacing-2xl);
  --fry-f-component-input-dropdown-margin-gap-input: var(--fry-s-spacing-m);
  --fry-f-component-input-dropdown-margin-gap-helper: var(--fry-s-spacing-s);
  --fry-f-component-input-dropdown-font-size-placeholder: var(--fry-s-font-size-l);
  --fry-f-component-input-dropdown-font-size-size: var(--fry-s-font-size-m);
  --fry-f-component-input-dropdown-font-line-height-placeholder: var(--fry-s-font-line-height-l);
  --fry-f-component-input-dropdown-font-line-height-helper: var(--fry-s-font-line-height-m);
  --fry-f-component-tag-font-size: var(--fry-s-font-size-m);
  --fry-f-component-tag-font-line-height: var(--fry-s-font-line-height-m);
  --fry-f-component-tag-margin-left: var(--fry-s-spacing-xl);
  --fry-f-component-tag-margin-right: var(--fry-s-spacing-xl);
  --fry-f-component-tag-margin-top: var(--fry-s-spacing-s);
  --fry-f-component-tag-margin-bottom: var(--fry-s-spacing-s);
  --fry-f-component-tag-sizing-height: calc(var(--fry-p-number-28) * 1px); /** = 28px */
  --fry-f-component-chip-font-size: var(--fry-s-font-size-m);
  --fry-f-component-chip-font-line-height: var(--fry-s-font-line-height-s);
  --fry-f-component-chip-margin-left: var(--fry-s-spacing-2xl);
  --fry-f-component-chip-margin-right: var(--fry-s-spacing-2xl);
  --fry-f-component-chip-margin-top: var(--fry-s-spacing-xl);
  --fry-f-component-chip-margin-bottom: var(--fry-s-spacing-xl);
  --fry-f-component-chip-margin-gap: var(--fry-s-spacing-m);
  --fry-f-component-chip-sizing-max-width: var(--fry-s-sizing-width-9xl);
  --fry-f-component-chip-sizing-height: var(--fry-s-sizing-height-3xl);
  --fry-f-component-alert-font-size: var(--fry-s-font-size-l);
  --fry-f-component-alert-font-line-height: var(--fry-s-font-line-height-l);
  --fry-f-component-alert-margin-gap: var(--fry-s-spacing-xl);
  --fry-f-component-alert-margin-bottom: var(--fry-s-spacing-xl);
  --fry-f-component-alert-margin-top: var(--fry-s-spacing-xl);
  --fry-f-component-alert-margin-right: var(--fry-s-spacing-2xl);
  --fry-f-component-alert-margin-left: var(--fry-s-spacing-2xl);
  --fry-f-component-list-font-size: var(--fry-s-font-size-l);
  --fry-f-component-list-font-line-height: var(--fry-s-font-line-height-l);
  --fry-f-component-list-margin-left: var(--fry-s-spacing-2xl);
  --fry-f-component-list-margin-right: var(--fry-s-spacing-2xl);
  --fry-f-component-list-margin-top: var(--fry-s-spacing-2xl);
  --fry-f-component-list-margin-bottom: var(--fry-s-spacing-2xl);
  --fry-f-component-list-margin-gap-content: var(--fry-s-spacing-m);
  --fry-f-component-list-margin-gap-text: var(--fry-s-spacing-s);
  --fry-f-component-list-leading-height-max: var(--fry-s-sizing-height-4xl);
  --fry-f-component-list-leading-height-min: var(--fry-s-sizing-height-l);
  --fry-f-component-list-sizing-max-height: calc(var(--fry-p-number-360) * 1px); /** = 360px */
  --fry-f-component-snackbar-font-size: var(--fry-s-font-size-l);
  --fry-f-component-snackbar-font-line-height: var(--fry-s-font-line-height-l);
  --fry-f-component-snackbar-margin-left: var(--fry-s-spacing-2xl);
  --fry-f-component-snackbar-margin-right: var(--fry-s-spacing-2xl);
  --fry-f-component-snackbar-margin-top: var(--fry-s-spacing-xl);
  --fry-f-component-snackbar-margin-bottom: var(--fry-s-spacing-xl);
  --fry-f-component-snackbar-margin-gap: var(--fry-s-spacing-2xl);
  --fry-f-component-snackbar-sizing-width: var(--fry-s-sizing-width-16xl);
  --fry-f-component-coachmark-font-size-title: var(--fry-s-font-size-l);
  --fry-f-component-coachmark-font-size-body: var(--fry-s-font-size-m);
  --fry-f-component-coachmark-font-line-height-title: var(--fry-s-font-line-height-l);
  --fry-f-component-coachmark-font-line-height-body: var(--fry-s-font-line-height-m);
  --fry-f-component-coachmark-margin-left: var(--fry-s-spacing-2xl);
  --fry-f-component-coachmark-margin-right: var(--fry-s-spacing-2xl);
  --fry-f-component-coachmark-margin-top: var(--fry-s-spacing-3xl);
  --fry-f-component-coachmark-margin-bottom: var(--fry-s-spacing-3xl);
  --fry-f-component-coachmark-margin-gap-content: var(--fry-s-spacing-m);
  --fry-f-component-coachmark-margin-gap-container: var(--fry-s-spacing-2xl);
  --fry-f-component-coachmark-sizing-width: var(--fry-s-sizing-width-14xl);
  --fry-f-component-tooltip-font-size-title: var(--fry-s-font-size-l);
  --fry-f-component-tooltip-font-size-body: var(--fry-s-font-size-m);
  --fry-f-component-tooltip-font-line-height-title: var(--fry-s-font-line-height-l);
  --fry-f-component-tooltip-font-line-height-body: var(--fry-s-font-line-height-m);
  --fry-f-component-tooltip-margin-left: var(--fry-s-spacing-2xl);
  --fry-f-component-tooltip-margin-right: var(--fry-s-spacing-2xl);
  --fry-f-component-tooltip-margin-top: var(--fry-s-spacing-2xl);
  --fry-f-component-tooltip-margin-bottom: var(--fry-s-spacing-2xl);
  --fry-f-component-tooltip-margin-gap-content: var(--fry-s-spacing-s);
  --fry-f-component-tooltip-margin-gap-container: var(--fry-s-spacing-2xl);
  --fry-f-component-tooltip-sizing-max-width: var(--fry-s-sizing-width-14xl);
  --fry-f-component-tooltip-sizing-min-width: var(--fry-s-sizing-width-9xl);
  --fry-f-component-breadcrumb-font-size: var(--fry-s-font-size-m);
  --fry-f-component-breadcrumb-font-line-height: var(--fry-s-font-line-height-m);
  --fry-f-component-breadcrumb-margin-gap-level: var(--fry-s-spacing-m);
  --fry-f-component-breadcrumb-margin-gap-home: var(--fry-s-spacing-m);
  --fry-f-component-accordion-font-size: var(--fry-s-font-size-l);
  --fry-f-component-accordion-font-line-height: var(--fry-s-font-line-height-l);
  --fry-f-component-accordion-margin-left: var(--fry-s-spacing-3xl);
  --fry-f-component-accordion-margin-right: var(--fry-s-spacing-3xl);
  --fry-f-component-accordion-margin-top: var(--fry-s-spacing-3xl);
  --fry-f-component-accordion-margin-bottom: var(--fry-s-spacing-3xl);
  --fry-f-component-accordion-margin-gap: var(--fry-s-spacing-3xl);
  --fry-f-component-card-margin-left: var(--fry-s-spacing-3xl);
  --fry-f-component-card-margin-right: var(--fry-s-spacing-3xl);
  --fry-f-component-card-margin-top: var(--fry-s-spacing-3xl);
  --fry-f-component-card-margin-bottom: var(--fry-s-spacing-3xl);
  --fry-f-component-stepper-font-size-title: var(--fry-s-font-size-l);
  --fry-f-component-stepper-font-line-height-title: var(--fry-s-font-line-height-l);
  --fry-f-component-stepper-margin-left-indicator: var(--fry-s-spacing-s);
  --fry-f-component-stepper-margin-right-indicator: var(--fry-s-spacing-s);
  --fry-f-component-stepper-margin-top-indicator: var(--fry-s-spacing-s);
  --fry-f-component-stepper-margin-bottom-indicator: var(--fry-s-spacing-s);
  --fry-f-component-stepper-margin-gap-step-wizard: var(--fry-s-spacing-2xl);
  --fry-f-component-stepper-margin-gap-step-vertical-title: var(--fry-s-spacing-m);
  --fry-f-component-stepper-margin-gap-step-vertical-text: var(--fry-s-spacing-s);
  --fry-f-component-stepper-margin-gap-step-vertical-date: var(--fry-s-spacing-2xl);
  --fry-f-component-stepper-margin-gap-informative: var(--fry-s-spacing-m);
  --fry-f-component-stepper-margin-gap-wizard: var(--fry-s-spacing-2xl);
  --fry-f-component-banner-font-size: var(--fry-s-font-size-m);
  --fry-f-component-banner-font-line-height: var(--fry-s-font-line-height-m);
  --fry-f-component-loading-sizing-height-group: var(--fry-s-sizing-height-14xl);
  --fry-f-component-loading-sizing-width-group: var(--fry-s-sizing-width-24xl);
  --fry-f-component-loading-sizing-width-info: var(--fry-s-sizing-width-15xl);
  --fry-f-component-section-spacing-margin: var(--fry-s-spacing-4xl);
  --fry-f-text-style-caption-size: var(--fry-s-font-size-s);
  --fry-f-text-style-caption-line-height: var(--fry-s-font-line-height-s);
  --fry-f-text-style-body-s-size: var(--fry-s-font-size-m);
  --fry-f-text-style-body-s-line-height: var(--fry-s-font-line-height-m);
  --fry-f-text-style-body-m-size: var(--fry-s-font-size-l);
  --fry-f-text-style-body-m-line-height: var(--fry-s-font-line-height-l);
  --fry-f-text-style-body-l-size: var(--fry-s-font-size-xl);
  --fry-f-text-style-body-l-line-height: var(--fry-s-font-line-height-xl);
  --fry-f-text-style-title-s-size: var(--fry-s-font-size-xl);
  --fry-f-text-style-title-s-line-height: var(--fry-s-font-line-height-l);
  --fry-f-text-style-title-m-size: var(--fry-s-font-size-2xl);
  --fry-f-text-style-title-m-line-height: var(--fry-s-font-line-height-xl);
  --fry-f-text-style-title-l-size: var(--fry-s-font-size-3xl);
  --fry-f-text-style-title-l-line-height: var(--fry-s-font-line-height-2xl);
  --fry-f-text-style-title-xl-size: var(--fry-s-font-size-5xl);
  --fry-f-text-style-title-xl-line-height: var(--fry-s-font-line-height-3xl);
  --fry-f-text-style-title-2xl-size: var(--fry-s-font-size-6xl);
  --fry-f-text-style-title-2xl-line-height: var(--fry-s-font-line-height-4xl);
  --fry-f-text-style-font-family: var(--fry-s-font-family-primary);
  --fry-f-text-style-weight-book: var(--fry-s-font-weight-400);
  --fry-f-text-style-weight-demi: var(--fry-s-font-weight-600);
  --fry-f-text-style-letter-spacing: var(--fry-s-font-letter-spacing-s);
  --fry-f-icon-width-s: var(--fry-s-sizing-width-l);
  --fry-f-icon-width-m: var(--fry-s-sizing-width-xl);
  --fry-f-icon-width-l: var(--fry-s-sizing-width-2xl);
  --fry-f-icon-width-xl: var(--fry-s-sizing-width-3xl);
  --fry-f-icon-width-2xl: var(--fry-s-sizing-width-4xl);
  --fry-f-icon-width-3xl: var(--fry-s-sizing-width-5xl);
  --fry-f-icon-width-4xl: var(--fry-s-sizing-width-6xl);
  --fry-f-icon-height-s: var(--fry-s-sizing-height-l);
  --fry-f-icon-height-m: var(--fry-s-sizing-height-xl);
  --fry-f-icon-height-l: var(--fry-s-sizing-height-2xl);
  --fry-f-icon-height-xl: var(--fry-s-sizing-height-3xl);
  --fry-f-icon-height-2xl: var(--fry-s-sizing-height-4xl);
  --fry-f-icon-height-3xl: var(--fry-s-sizing-height-5xl);
  --fry-f-icon-height-4xl: var(--fry-s-sizing-height-6xl);
  --fry-f-component-button-border-width: var(--fry-s-border-width-s);
  --fry-f-component-button-border-radius: var(--fry-s-border-radius-pill);
  --fry-f-component-radiobutton-sizing-width-control: var(--fry-s-sizing-width-xl);
  --fry-f-component-radiobutton-sizing-width-indicator: var(--fry-s-sizing-width-m);
  --fry-f-component-radiobutton-sizing-width-state-layer: var(--fry-s-sizing-width-3xl);
  --fry-f-component-radiobutton-sizing-width-focus: var(--fry-s-sizing-width-2xl);
  --fry-f-component-radiobutton-sizing-height-control: var(--fry-s-sizing-height-xl);
  --fry-f-component-radiobutton-sizing-height-indicator: var(--fry-s-sizing-height-m);
  --fry-f-component-radiobutton-sizing-height-state-layer: var(--fry-s-sizing-height-3xl);
  --fry-f-component-radiobutton-sizing-height-focus: var(--fry-s-sizing-height-2xl);
  --fry-f-component-radiobutton-border-width-default: var(--fry-s-border-width-m);
  --fry-f-component-radiobutton-border-width-hover: var(--fry-s-border-width-m);
  --fry-f-component-radiobutton-border-width-pressed: var(--fry-s-border-width-l);
  --fry-f-component-radiobutton-border-radius: var(--fry-s-border-radius-pill);
  --fry-f-component-radiobutton-spacing-gap: var(--fry-s-spacing-xl);
  --fry-f-component-checkbox-border-radius: var(--fry-s-border-radius-s);
  --fry-f-component-checkbox-border-width-default: var(--fry-s-border-width-m);
  --fry-f-component-checkbox-border-width-hover: var(--fry-s-border-width-m);
  --fry-f-component-checkbox-border-width-pressed: var(--fry-s-border-width-l);
  --fry-f-component-checkbox-sizing-width-control: var(--fry-s-sizing-width-xl);
  --fry-f-component-checkbox-sizing-width-indicator: var(--fry-s-sizing-width-m);
  --fry-f-component-checkbox-sizing-width-state-layer: var(--fry-s-sizing-width-3xl);
  --fry-f-component-checkbox-sizing-width-focus: var(--fry-s-sizing-width-2xl);
  --fry-f-component-checkbox-sizing-height-indicator: var(--fry-s-sizing-height-m);
  --fry-f-component-checkbox-sizing-height-control: var(--fry-s-sizing-height-xl);
  --fry-f-component-checkbox-sizing-height-state-layer: var(--fry-s-sizing-height-3xl);
  --fry-f-component-checkbox-sizing-height-focus: var(--fry-s-sizing-height-2xl);
  --fry-f-component-checkbox-spacing-gap: var(--fry-s-spacing-xl);
  --fry-f-component-switch-border-radius: var(--fry-s-border-radius-pill);
  --fry-f-component-switch-border-width: var(--fry-s-border-width-m);
  --fry-f-component-switch-sizing-width-control: var(--fry-s-sizing-width-4xl);
  --fry-f-component-switch-sizing-width-indicator: var(--fry-s-sizing-width-l);
  --fry-f-component-switch-sizing-width-state-layer: var(--fry-s-sizing-width-3xl);
  --fry-f-component-switch-sizing-width-focus: var(--fry-s-sizing-width-2xl);
  --fry-f-component-switch-sizing-height-indicator: var(--fry-s-sizing-height-l);
  --fry-f-component-switch-sizing-height-control: var(--fry-s-sizing-height-xl);
  --fry-f-component-switch-sizing-height-state-layer: var(--fry-s-sizing-height-3xl);
  --fry-f-component-switch-sizing-height-focus: var(--fry-s-sizing-height-2xl);
  --fry-f-component-switch-margin-left: var(--fry-s-spacing-s);
  --fry-f-component-switch-margin-right: var(--fry-s-spacing-s);
  --fry-f-component-switch-margin-top: var(--fry-s-spacing-s);
  --fry-f-component-switch-margin-bottom: var(--fry-s-spacing-s);
  --fry-f-component-switch-spacing-gap: var(--fry-s-spacing-xl);
  --fry-f-component-input-text-border-radius: var(--fry-s-border-radius-m);
  --fry-f-component-input-text-border-width: var(--fry-s-border-width-s);
  --fry-f-component-input-text-margin-gap: var(--fry-s-spacing-m);
  --fry-f-component-input-counter-border-radius: var(--fry-s-border-radius-m);
  --fry-f-component-input-counter-border-width: var(--fry-s-border-width-s);
  --fry-f-component-input-search-border-radius: var(--fry-s-border-radius-pill);
  --fry-f-component-input-search-border-width: var(--fry-s-border-width-s);
  --fry-f-component-input-dropdown-border-radius: var(--fry-s-border-radius-m);
  --fry-f-component-input-dropdown-border-width: var(--fry-s-border-width-s);
  --fry-f-component-tag-border-radius: var(--fry-s-border-radius-s);
  --fry-f-component-tag-border-width: var(--fry-s-border-width-s);
  --fry-f-component-chip-border-radius: var(--fry-s-border-radius-pill);
  --fry-f-component-chip-border-width: var(--fry-s-border-width-s);
  --fry-f-component-alert-border-width: var(--fry-s-border-width-s);
  --fry-f-component-alert-border-radius: var(--fry-s-border-radius-m);
  --fry-f-component-list-border-radius: var(--fry-s-border-radius-m);
  --fry-f-component-list-border-width: var(--fry-s-border-width-s);
  --fry-f-component-snackbar-border-radius: var(--fry-s-border-radius-s);
  --fry-f-component-coachmark-border-radius: var(--fry-s-border-radius-m);
  --fry-f-component-tooltip-border-radius: var(--fry-s-border-radius-m);
  --fry-f-component-tab-border-width-active: var(--fry-s-border-width-l);
  --fry-f-component-tab-border-width-inactive: var(--fry-s-border-width-s);
  --fry-f-component-tab-border-radius: var(--fry-s-border-radius-m);
  --fry-f-component-scrollbar-sizing-width: var(--fry-s-sizing-width-s);
  --fry-f-component-scrollbar-sizing-height: var(--fry-s-sizing-height-s);
  --fry-f-component-scrollbar-border-radius: var(--fry-s-border-radius-pill);
  --fry-f-component-breadcrumb-border-radius: var(--fry-s-border-radius-s);
  --fry-f-component-breadcrumb-max-width-level: var(--fry-s-sizing-width-9xl);
  --fry-f-component-header-font-size-bag: var(--fry-s-font-size-l);
  --fry-f-component-header-font-size-nav-action: var(--fry-s-font-size-xl);
  --fry-f-component-header-font-size-profile-title: var(--fry-s-font-size-m);
  --fry-f-component-header-font-size-profile-description: var(--fry-s-font-size-s);
  --fry-f-component-header-font-size-announcement-bar: var(--fry-s-font-size-l);
  --fry-f-component-header-font-line-height-bag: var(--fry-s-font-line-height-l);
  --fry-f-component-header-font-line-height-nav-action: var(--fry-s-font-line-height-l);
  --fry-f-component-header-font-line-height-profile-title: var(--fry-s-font-line-height-m);
  --fry-f-component-header-font-line-height-profile-description: var(--fry-s-font-line-height-s);
  --fry-f-component-header-font-line-height-announcement-bar: var(--fry-s-font-line-height-l);
  --fry-f-component-header-margin-gap-bag: var(--fry-s-spacing-s);
  --fry-f-component-header-margin-gap-nav-action: var(--fry-s-spacing-m);
  --fry-f-component-header-margin-gap-profile: var(--fry-s-spacing-xl);
  --fry-f-component-header-margin-gap-profile-menu: var(--fry-s-spacing-m);
  --fry-f-component-header-margin-left-bag: var(--fry-s-spacing-2xl);
  --fry-f-component-header-margin-left-profile: var(--fry-s-spacing-m);
  --fry-f-component-header-margin-left-nav-action: var(--fry-s-spacing-m);
  --fry-f-component-header-margin-left-profile-menu: var(--fry-s-spacing-m);
  --fry-f-component-header-margin-left-announcement-bar: var(--fry-s-spacing-2xl);
  --fry-f-component-header-margin-right-bag: var(--fry-s-spacing-2xl);
  --fry-f-component-header-margin-right-profile: var(--fry-s-spacing-m);
  --fry-f-component-header-margin-right-nav-action: var(--fry-s-spacing-m);
  --fry-f-component-header-margin-right-profile-menu: var(--fry-s-spacing-m);
  --fry-f-component-header-margin-right-announcement-bar: var(--fry-s-spacing-2xl);
  --fry-f-component-header-margin-top-bag: var(--fry-s-spacing-s);
  --fry-f-component-header-margin-top-nav-action: var(--fry-s-spacing-m);
  --fry-f-component-header-margin-top-profile-menu: var(--fry-s-spacing-m);
  --fry-f-component-header-margin-top-announcement-bar: var(--fry-s-spacing-m);
  --fry-f-component-header-margin-bottom-bag: var(--fry-s-spacing-s);
  --fry-f-component-header-margin-bottom-nav-action: var(--fry-s-spacing-m);
  --fry-f-component-header-margin-bottom-profile-menu: var(--fry-s-spacing-m);
  --fry-f-component-header-margin-bottom-announcement-bar: var(--fry-s-spacing-m);
  --fry-f-component-header-sizing-height-bag: var(--fry-s-sizing-height-2xl);
  --fry-f-component-header-sizing-width-bag: var(--fry-s-sizing-width-6xl);
  --fry-f-component-header-border-radius-bag: var(--fry-s-border-radius-pill);
  --fry-f-component-header-border-radius-profile: var(--fry-s-border-radius-s);
  --fry-f-component-header-border-radius-profile-menu: var(--fry-s-border-radius-m);
  --fry-f-component-header-border-radius-nav-action: var(--fry-s-border-radius-s);
  --fry-f-component-header-border-radius-announcement-bar: var(--fry-s-border-radius-pill);
  --fry-f-component-header-border-radius-side-menu: var(--fry-s-border-radius-none);
  --fry-f-component-header-border-width-profile: var(--fry-s-border-width-s);
  --fry-f-component-progressbar-sizing-height-business: var(--fry-s-sizing-height-l);
  --fry-f-component-progressbar-sizing-height-system: var(--fry-s-sizing-height-s);
  --fry-f-component-progressbar-sizing-height-light: var(--fry-s-sizing-height-6xl);
  --fry-f-component-progressbar-sizing-width-light: var(--fry-s-sizing-width-6xl);
  --fry-f-component-progressbar-border-radius-bar: var(--fry-s-border-radius-pill);
  --fry-f-component-progressbar-border-width: var(--fry-s-border-width-s);
  --fry-f-component-progressbar-border-radius-indicator: var(--fry-s-border-radius-none);
  --fry-f-component-pagination-border-radius: var(--fry-s-border-radius-pill);
  --fry-f-component-pagination-sizing-width-active: var(--fry-s-sizing-width-3xl);
  --fry-f-component-pagination-sizing-width-inactive: var(--fry-s-sizing-width-xl);
  --fry-f-component-pagination-sizing-height-active: var(--fry-s-spacing-s);
  --fry-f-component-pagination-sizing-height-inactive: var(--fry-s-spacing-s);
  --fry-f-component-pagination-spacing-gap: var(--fry-s-spacing-s);
  --fry-f-component-pagination-spacing-margin-left: var(--fry-s-spacing-m);
  --fry-f-component-pagination-spacing-margin-right: var(--fry-s-spacing-m);
  --fry-f-component-pagination-spacing-margin-top: var(--fry-s-spacing-m);
  --fry-f-component-pagination-spacing-margin-bottom: var(--fry-s-spacing-m);
  --fry-f-component-modal-border-radius-dialog: var(--fry-s-border-radius-xl);
  --fry-f-component-modal-margin-left-dialog: var(--fry-s-spacing-3xl);
  --fry-f-component-modal-margin-right-dialog: var(--fry-s-spacing-3xl);
  --fry-f-component-modal-margin-top-dialog: var(--fry-s-spacing-3xl);
  --fry-f-component-modal-margin-bottom-dialog: var(--fry-s-spacing-3xl);
  --fry-f-component-modal-margin-gap-dialog: var(--fry-s-spacing-2xl);
  --fry-f-component-modal-margin-gap-content: var(--fry-s-spacing-2xl);
  --fry-f-component-footer-font-size: var(--fry-s-font-size-s);
  --fry-f-component-footer-font-line-height: var(--fry-s-font-line-height-s);
  --fry-f-component-footer-margin-gap: var(--fry-s-spacing-2xl);
  --fry-f-component-footer-sizing-width-minimum: var(--fry-s-sizing-width-14xl);
  --fry-f-component-card-border-radius: var(--fry-s-border-radius-xl);
  --fry-f-component-card-border-width: var(--fry-s-border-width-s);
  --fry-f-component-calendar-font-size-subtitle: var(--fry-s-font-size-s);
  --fry-f-component-calendar-font-size-description: var(--fry-s-font-size-m);
  --fry-f-component-calendar-font-size-title: var(--fry-s-font-size-xl);
  --fry-f-component-calendar-font-line-height-subtitle: var(--fry-s-font-line-height-s);
  --fry-f-component-calendar-font-line-height-description: var(--fry-s-font-line-height-m);
  --fry-f-component-calendar-font-line-height-title: var(--fry-s-font-line-height-l);
  --fry-f-component-calendar-sizing-width-day: var(--fry-s-sizing-width-xl);
  --fry-f-component-calendar-sizing-width-dialog: var(--fry-s-sizing-width-15xl);
  --fry-f-component-calendar-sizing-height-day: var(--fry-s-sizing-height-xl);
  --fry-f-component-calendar-margin-left-date: var(--fry-s-spacing-s);
  --fry-f-component-calendar-margin-left-dialog: var(--fry-s-spacing-3xl);
  --fry-f-component-calendar-margin-top-date: var(--fry-s-spacing-m);
  --fry-f-component-calendar-margin-top-dialog: var(--fry-s-spacing-xl);
  --fry-f-component-calendar-margin-right-date: var(--fry-s-spacing-s);
  --fry-f-component-calendar-margin-right-dialog: var(--fry-s-spacing-3xl);
  --fry-f-component-calendar-margin-bottom-date: var(--fry-s-spacing-m);
  --fry-f-component-calendar-margin-bottom-dialog: var(--fry-s-spacing-3xl);
  --fry-f-component-calendar-margin-gap-dialog: var(--fry-s-spacing-3xl);
  --fry-f-component-calendar-border-radius-date: var(--fry-s-border-radius-s);
  --fry-f-component-avatar-border-radius: var(--fry-s-border-radius-pill);
  --fry-f-component-avatar-format-sizing-width-s: var(--fry-s-sizing-width-3xl);
  --fry-f-component-avatar-format-sizing-width-m: var(--fry-s-sizing-width-4xl);
  --fry-f-component-avatar-format-sizing-width-l: var(--fry-s-sizing-width-6xl);
  --fry-f-component-avatar-format-sizing-width-xl: var(--fry-s-sizing-width-8xl);
  --fry-f-component-avatar-format-sizing-width-2xl: var(--fry-s-sizing-width-9xl);
  --fry-f-component-avatar-format-sizing-width-4xl: var(--fry-s-sizing-width-12xl);
  --fry-f-component-avatar-format-sizing-width-3xl: var(--fry-s-sizing-width-10xl);
  --fry-f-component-avatar-format-sizing-height-s: var(--fry-s-sizing-height-3xl);
  --fry-f-component-avatar-format-sizing-height-m: var(--fry-s-sizing-height-4xl);
  --fry-f-component-avatar-format-sizing-height-l: var(--fry-s-sizing-height-6xl);
  --fry-f-component-avatar-format-sizing-height-xl: var(--fry-s-sizing-height-8xl);
  --fry-f-component-avatar-format-sizing-height-2xl: var(--fry-s-sizing-height-9xl);
  --fry-f-component-avatar-format-sizing-height-3xl: var(--fry-s-sizing-height-10xl);
  --fry-f-component-avatar-format-sizing-height-5xl: var(--fry-s-sizing-height-12xl);
  --fry-f-component-avatar-format-sizing-height-4xl: var(--fry-s-sizing-height-11xl);
  --fry-f-component-stepper-border-radius: var(--fry-s-border-radius-pill);
  --fry-f-component-stepper-sizing-width-outside: var(--fry-s-sizing-width-2xl);
  --fry-f-component-stepper-sizing-width-inside: var(--fry-s-sizing-width-m);
  --fry-f-component-stepper-sizing-height-outside: var(--fry-s-sizing-height-2xl);
  --fry-f-component-stepper-sizing-height-inside: var(--fry-s-sizing-height-m);
  --fry-f-component-banner-border-radius: var(--fry-s-border-radius-s);
  --fry-f-component-banner-border-width: var(--fry-s-border-width-l);
  --fry-f-component-banner-margin-left: var(--fry-s-spacing-xl);
  --fry-f-component-banner-margin-right: var(--fry-s-spacing-xl);
  --fry-f-component-banner-margin-top: var(--fry-s-spacing-m);
  --fry-f-component-banner-margin-bottom: var(--fry-s-spacing-m);
  --fry-f-component-loading-margin-gap-info: var(--fry-s-spacing-2xl);
  --fry-f-component-loading-margin-gap-group: var(--fry-s-spacing-3xl);
  --fry-f-component-loading-margin-gap-text: var(--fry-s-spacing-none);
  --fry-f-component-loading-sizing-height-light: var(--fry-s-sizing-height-13xl);
  --fry-f-component-loading-sizing-width-light: var(--fry-s-sizing-width-21xl);
  --fry-f-component-carousel-border-slider-radius: var(--fry-s-border-radius-pill);
  --fry-f-component-carousel-sizing-slider-width-active: var(--fry-s-sizing-width-3xl);
  --fry-f-component-carousel-sizing-slider-width-inactive: var(--fry-s-sizing-width-xl);
  --fry-f-component-carousel-sizing-slider-height-active: var(--fry-s-spacing-s);
  --fry-f-component-carousel-sizing-slider-height-inactive: var(--fry-s-spacing-s);
  --fry-f-component-carousel-spacing-slider-gap: var(--fry-s-spacing-s);
  --fry-f-component-carousel-spacing-slider-margin-left: var(--fry-s-spacing-m);
  --fry-f-component-carousel-spacing-slider-margin-right: var(--fry-s-spacing-m);
  --fry-f-component-carousel-spacing-slider-margin-top: var(--fry-s-spacing-m);
  --fry-f-component-carousel-spacing-slider-margin-bottom: var(--fry-s-spacing-m);
  --fry-f-component-carousel-spacing-gap-s: var(--fry-s-spacing-2xl);
  --fry-f-component-carousel-spacing-gap-m: var(--fry-s-spacing-3xl);
  --fry-f-component-carousel-spacing-gap-l: var(--fry-s-spacing-4xl);
  --fry-f-layout-grid-size-s: var(--fry-s-spacing-s);
  --fry-f-layout-columns-count-s: var(--fry-s-spacing-m);
  --fry-f-layout-columns-count-m: var(--fry-s-spacing-2xl);
  --fry-f-layout-columns-width-s: var(--fry-s-spacing-3xl);
  --fry-f-layout-columns-width-m: var(--fry-s-spacing-4xl);
  --fry-f-layout-columns-width-l: var(--fry-s-spacing-5xl);
  --fry-f-layout-columns-width-xl: var(--fry-s-spacing-6xl);
  --fry-f-layout-columns-width-2xl: var(--fry-s-spacing-8xl);
  --fry-f-layout-columns-gutter-s: var(--fry-s-spacing-3xl);
  --fry-f-layout-columns-gutter-m: var(--fry-s-spacing-4xl);
  --fry-f-layout-columns-gutter-l: var(--fry-s-spacing-5xl);
  --fry-f-layout-columns-gutter-xl: var(--fry-s-spacing-6xl);
  --fry-f-layout-columns-gutter-2xl: var(--fry-s-spacing-7xl);
  }

@media (max-width: 767px) {
  :root {
  --fry-f-component-tab-boolean-illustration-3d-mobile: true;
  --fry-f-component-tab-boolean-illustration-3d-desktop: false;
  --fry-f-component-tab-font-size: var(--fry-s-font-size-m);
  --fry-f-component-tab-font-line-height: var(--fry-s-font-line-height-m);
  --fry-f-component-tab-margin-left: var(--fry-s-spacing-m);
  --fry-f-component-tab-margin-right: var(--fry-s-spacing-m);
  --fry-f-component-tab-margin-top: var(--fry-s-spacing-l);
  --fry-f-component-tab-margin-bottom: var(--fry-s-spacing-l);
  --fry-f-component-tab-margin-gap: calc(var(--fry-p-number-0) * 1px); /** = 0px */
  --fry-f-component-header-boolean-action-secondary: false;
  --fry-f-component-header-margin-left: var(--fry-s-spacing-3xl);
  --fry-f-component-header-margin-right: var(--fry-s-spacing-3xl);
  --fry-f-component-header-margin-top: var(--fry-s-spacing-2xl);
  --fry-f-component-header-margin-bottom: var(--fry-s-spacing-2xl);
  --fry-f-component-header-margin-gap: var(--fry-s-spacing-none);
  --fry-f-component-header-sizing-width-max: var(--fry-s-sizing-width-21xl);
  --fry-f-component-header-sizing-width-min: var(--fry-s-sizing-width-15xl);
  --fry-f-component-header-sizing-height: var(--fry-s-sizing-height-7xl);
  --fry-f-component-modal-boolean-content-bottom-sheet: true;
  --fry-f-component-modal-font-size-title: var(--fry-s-font-size-2xl);
  --fry-f-component-modal-font-size-description: var(--fry-s-font-size-l);
  --fry-f-component-modal-font-line-height-title: var(--fry-s-font-line-height-xl);
  --fry-f-component-modal-font-line-height-description: var(--fry-s-font-line-height-l);
  --fry-f-component-modal-sizing-width-overlay: var(--fry-s-sizing-width-15xl);
  --fry-f-component-modal-sizing-width-system-dialog-basic: var(--fry-s-sizing-width-14xl);
  --fry-f-component-modal-sizing-width-content-dialog-basic-forms: var(--fry-s-sizing-width-15xl);
  --fry-f-component-modal-sizing-width-content-dialog-simple-forms: var(--fry-s-sizing-width-15xl);
  --fry-f-component-modal-sizing-width-content-dialog-complex-forms: var(--fry-s-sizing-width-15xl);
  --fry-f-component-modal-sizing-height-overlay: calc(var(--fry-p-number-780) * 1px); /** = 780px */
  --fry-f-component-modal-border-radius-content-top-left: var(--fry-s-border-radius-xl);
  --fry-f-component-modal-border-radius-content-top-right: var(--fry-s-border-radius-xl);
  --fry-f-component-modal-border-radius-content-bottom-left: var(--fry-s-border-radius-none);
  --fry-f-component-modal-border-radius-content-bottom-right: var(--fry-s-border-radius-none);
  --fry-f-component-modal-margin-section: var(--fry-s-spacing-none);
  --fry-f-component-footer-boolean-visible: true;
  --fry-f-component-footer-boolean-stack: false;
  --fry-f-component-footer-margin-left: var(--fry-s-spacing-3xl);
  --fry-f-component-footer-margin-right: var(--fry-s-spacing-3xl);
  --fry-f-component-footer-margin-top: var(--fry-s-spacing-4xl);
  --fry-f-component-footer-margin-bottom: var(--fry-s-spacing-4xl);
  --fry-f-component-footer-margin-gap-horizontal: var(--fry-s-spacing-4xl);
  --fry-f-component-footer-sizing-width-logo: var(--fry-s-sizing-width-6xl);
  --fry-f-component-footer-sizing-width-version-max: var(--fry-s-sizing-width-21xl);
  --fry-f-component-footer-sizing-width-links-max: var(--fry-s-sizing-width-14xl);
  --fry-f-component-footer-sizing-width-version-min: var(--fry-s-sizing-width-14xl);
  --fry-f-component-footer-sizing-width-logo-container: var(--fry-s-sizing-width-24xl);
  --fry-f-component-footer-sizing-width-ruc-max: var(--fry-s-sizing-width-24xl);
  --fry-f-component-footer-sizing-height-logo: var(--fry-s-sizing-height-6xl);
  --fry-f-component-footer-sizing-height-box: var(--fry-s-sizing-height-10xl);
  --fry-f-component-calendar-boolean-bottom-sheet: true;
  --fry-f-component-calendar-sizing-width: var(--fry-s-sizing-width-15xl);
  --fry-f-component-calendar-border-radius-bottom-left: var(--fry-s-border-radius-none);
  --fry-f-component-calendar-border-radius-top-right: var(--fry-s-border-radius-xl);
  --fry-f-component-calendar-border-radius-bottom-right: var(--fry-s-border-radius-none);
  --fry-f-component-calendar-border-radius-top-left: var(--fry-s-border-radius-xl);
  --fry-f-component-menu-boolean-icon-desktop: false;
  --fry-f-component-menu-boolean-icon-mobile: true;
  --fry-f-component-menu-font-size-side-menu: var(--fry-s-font-size-l);
  --fry-f-component-menu-font-line-height-side-menu: var(--fry-s-font-line-height-m);
  --fry-f-component-menu-margin-item-level-1-left: var(--fry-s-spacing-3xl);
  --fry-f-component-menu-margin-item-level-1-right: var(--fry-s-spacing-xl);
  --fry-f-component-menu-margin-item-level-1-top: var(--fry-s-spacing-2xl);
  --fry-f-component-menu-margin-item-level-1-bottom: var(--fry-s-spacing-2xl);
  --fry-f-component-menu-margin-item-level-1-gap: var(--fry-s-spacing-xl);
  --fry-f-component-menu-margin-item-level-2-left: var(--fry-s-spacing-7xl);
  --fry-f-component-menu-margin-item-level-2-right: var(--fry-s-spacing-xl);
  --fry-f-component-menu-margin-item-level-2-top: var(--fry-s-spacing-xl);
  --fry-f-component-menu-margin-item-level-2-bottom: var(--fry-s-spacing-xl);
  --fry-f-component-menu-margin-group-top: var(--fry-s-spacing-8xl);
  --fry-f-component-menu-margin-profile-left: var(--fry-s-spacing-3xl);
  --fry-f-component-menu-margin-profile-right: var(--fry-s-spacing-xl);
  --fry-f-component-menu-margin-profile-top: var(--fry-s-spacing-m);
  --fry-f-component-menu-margin-profile-bottom: var(--fry-s-spacing-m);
  --fry-f-component-menu-margin-profile-gap: var(--fry-s-spacing-m);
  --fry-f-component-button-sizing-icon: s;
  --fry-f-component-button-sizing-height-default: calc(var(--fry-p-number-44) * 1px); /** = 44px */
  --fry-f-component-button-sizing-height-link: calc(var(--fry-p-number-20) * 1px); /** = 20px */
  --fry-f-component-button-sizing-width-default: calc(var(--fry-p-number-44) * 1px); /** = 44px */
  --fry-f-component-button-font-size: var(--fry-s-font-size-m);
  --fry-f-component-button-font-line-height: var(--fry-s-font-line-height-m);
  --fry-f-component-button-margin-gap: var(--fry-s-spacing-m);
  --fry-f-component-button-margin-bottom: var(--fry-s-spacing-xl);
  --fry-f-component-button-margin-top: var(--fry-s-spacing-xl);
  --fry-f-component-button-margin-margin-right-text: var(--fry-s-spacing-2xl);
  --fry-f-component-button-margin-margin-right-icon: var(--fry-s-spacing-xl);
  --fry-f-component-button-margin-margin-left-text: var(--fry-s-spacing-2xl);
  --fry-f-component-button-margin-margin-left-icon: var(--fry-s-spacing-xl);
  --fry-f-component-input-text-margin-left-unselect: var(--fry-s-spacing-2xl);
  --fry-f-component-input-text-margin-left-select: var(--fry-s-spacing-2xl);
  --fry-f-component-input-text-margin-right-unselect: var(--fry-s-spacing-2xl);
  --fry-f-component-input-text-margin-right-select: var(--fry-s-spacing-2xl);
  --fry-f-component-input-text-margin-top-unselect: var(--fry-s-spacing-xl);
  --fry-f-component-input-text-margin-top-select: var(--fry-s-spacing-s);
  --fry-f-component-input-text-margin-bottom-unselect: var(--fry-s-spacing-xl);
  --fry-f-component-input-text-margin-bottom-select: var(--fry-s-spacing-s);
  --fry-f-component-input-text-margin-gap-input: var(--fry-s-spacing-m);
  --fry-f-component-input-text-margin-gap-helper: var(--fry-s-spacing-s);
  --fry-f-component-input-text-font-size-placeholder: var(--fry-s-font-size-m);
  --fry-f-component-input-text-font-size-helper: var(--fry-s-font-size-s);
  --fry-f-component-input-text-font-size-label-unselect: var(--fry-s-font-size-m);
  --fry-f-component-input-text-font-size-label-select: var(--fry-s-font-size-s);
  --fry-f-component-input-text-font-line-height-placeholder: var(--fry-s-font-line-height-m);
  --fry-f-component-input-text-font-line-height-helper: var(--fry-s-font-line-height-s);
  --fry-f-component-input-text-font-line-height-label-unselect: var(--fry-s-font-line-height-m);
  --fry-f-component-input-text-font-line-height-label-select: var(--fry-s-font-line-height-s);
  --fry-f-component-input-text-height-input: var(--fry-s-sizing-height-4xl);
  --fry-f-component-input-text-height-focus: var(--fry-s-sizing-height-5xl);
  --fry-f-component-input-counter-margin-left: var(--fry-s-spacing-m);
  --fry-f-component-input-counter-margin-right: var(--fry-s-spacing-m);
  --fry-f-component-input-counter-margin-top: var(--fry-s-spacing-xl);
  --fry-f-component-input-counter-margin-bottom: var(--fry-s-spacing-xl);
  --fry-f-component-input-counter-margin-gap: var(--fry-s-spacing-m);
  --fry-f-component-input-counter-font-size-helper: var(--fry-s-font-size-s);
  --fry-f-component-input-counter-font-size-placeholder: var(--fry-s-font-size-l);
  --fry-f-component-input-counter-font-line-height-helper: var(--fry-s-font-line-height-s);
  --fry-f-component-input-counter-font-line-height-placeholder: var(--fry-s-font-line-height-l);
  --fry-f-component-input-counter-sizing-height: var(--fry-s-sizing-height-4xl);
  --fry-f-component-input-text-area-margin-left-unselect: var(--fry-s-spacing-2xl);
  --fry-f-component-input-text-area-margin-left-select: var(--fry-s-spacing-2xl);
  --fry-f-component-input-text-area-margin-right-unselect: var(--fry-s-spacing-2xl);
  --fry-f-component-input-text-area-margin-right-select: var(--fry-s-spacing-2xl);
  --fry-f-component-input-text-area-margin-top-unselect: var(--fry-s-spacing-m);
  --fry-f-component-input-text-area-margin-top-select: var(--fry-s-spacing-m);
  --fry-f-component-input-text-area-margin-bottom-unselect: var(--fry-s-spacing-m);
  --fry-f-component-input-text-area-margin-bottom-select: var(--fry-s-spacing-m);
  --fry-f-component-input-text-area-font-size-label-unselect: var(--fry-s-font-size-m);
  --fry-f-component-input-text-area-font-size-label-select: var(--fry-s-font-size-s);
  --fry-f-component-input-text-area-font-size-placeholder: var(--fry-s-font-size-m);
  --fry-f-component-input-text-area-font-size-helper: var(--fry-s-font-size-s);
  --fry-f-component-input-text-area-font-line-height-label-unselect: var(--fry-s-font-line-height-m);
  --fry-f-component-input-text-area-font-line-height-label-select: var(--fry-s-font-line-height-s);
  --fry-f-component-input-text-area-font-line-height-placeholder: var(--fry-s-font-line-height-m);
  --fry-f-component-input-text-area-font-line-height-helper: var(--fry-s-font-line-height-s);
  --fry-f-component-input-text-area-gap-input: var(--fry-s-spacing-m);
  --fry-f-component-input-text-area-gap-helper: var(--fry-s-spacing-s);
  --fry-f-component-input-text-area-sizing-box-min-height: var(--fry-s-sizing-height-8xl);
  --fry-f-component-input-text-area-sizing-placeholder-min-height: var(--fry-s-sizing-height-4xl);
  --fry-f-component-input-text-area-sizing-placeholder-max-height: calc(var(--fry-p-number-120) * 1px); /** = 120px */
  --fry-f-component-input-search-margin-left: var(--fry-s-spacing-2xl);
  --fry-f-component-input-search-margin-right: var(--fry-s-spacing-2xl);
  --fry-f-component-input-search-margin-top: var(--fry-s-spacing-xl);
  --fry-f-component-input-search-margin-bottom: var(--fry-s-spacing-xl);
  --fry-f-component-input-search-margin-gap-input: var(--fry-s-spacing-m);
  --fry-f-component-input-search-margin-gap-helper: var(--fry-s-spacing-s);
  --fry-f-component-input-search-font-size-placeholder: var(--fry-s-font-size-m);
  --fry-f-component-input-search-font-size-helper: var(--fry-s-font-size-m);
  --fry-f-component-input-search-font-line-height-placeholder: var(--fry-s-font-line-height-l);
  --fry-f-component-input-search-font-line-height-helper: var(--fry-s-font-line-height-m);
  --fry-f-component-input-search-sizing-height: var(--fry-s-sizing-height-4xl);
  --fry-f-component-input-dropdown-sizing-height: var(--fry-s-sizing-height-4xl);
  --fry-f-component-input-dropdown-margin-left: var(--fry-s-spacing-2xl);
  --fry-f-component-input-dropdown-margin-right: var(--fry-s-spacing-2xl);
  --fry-f-component-input-dropdown-margin-top: var(--fry-s-spacing-xl);
  --fry-f-component-input-dropdown-margin-bottom: var(--fry-s-spacing-xl);
  --fry-f-component-input-dropdown-margin-gap-input: var(--fry-s-spacing-m);
  --fry-f-component-input-dropdown-margin-gap-helper: var(--fry-s-spacing-s);
  --fry-f-component-input-dropdown-font-size-placeholder: var(--fry-s-font-size-m);
  --fry-f-component-input-dropdown-font-size-size: var(--fry-s-font-size-s);
  --fry-f-component-input-dropdown-font-line-height-placeholder: var(--fry-s-font-line-height-m);
  --fry-f-component-input-dropdown-font-line-height-helper: var(--fry-s-font-line-height-s);
  --fry-f-component-tag-font-size: var(--fry-s-font-size-s);
  --fry-f-component-tag-font-line-height: var(--fry-s-font-line-height-s);
  --fry-f-component-tag-margin-left: var(--fry-s-spacing-m);
  --fry-f-component-tag-margin-right: var(--fry-s-spacing-m);
  --fry-f-component-tag-margin-top: var(--fry-s-spacing-s);
  --fry-f-component-tag-margin-bottom: var(--fry-s-spacing-s);
  --fry-f-component-tag-sizing-height: calc(var(--fry-p-number-24) * 1px); /** = 24px */
  --fry-f-component-chip-font-size: var(--fry-s-font-size-m);
  --fry-f-component-chip-font-line-height: var(--fry-s-font-line-height-s);
  --fry-f-component-chip-margin-left: var(--fry-s-spacing-xl);
  --fry-f-component-chip-margin-right: var(--fry-s-spacing-xl);
  --fry-f-component-chip-margin-top: var(--fry-s-spacing-m);
  --fry-f-component-chip-margin-bottom: var(--fry-s-spacing-m);
  --fry-f-component-chip-margin-gap: var(--fry-s-spacing-s);
  --fry-f-component-chip-sizing-max-width: var(--fry-s-sizing-width-8xl);
  --fry-f-component-chip-sizing-height: var(--fry-s-sizing-height-2xl);
  --fry-f-component-alert-font-size: var(--fry-s-font-size-m);
  --fry-f-component-alert-font-line-height: var(--fry-s-font-line-height-s);
  --fry-f-component-alert-margin-gap: var(--fry-s-spacing-m);
  --fry-f-component-alert-margin-bottom: var(--fry-s-spacing-xl);
  --fry-f-component-alert-margin-top: var(--fry-s-spacing-xl);
  --fry-f-component-alert-margin-right: var(--fry-s-spacing-xl);
  --fry-f-component-alert-margin-left: var(--fry-s-spacing-xl);
  --fry-f-component-list-font-size: var(--fry-s-font-size-l);
  --fry-f-component-list-font-line-height: var(--fry-s-font-line-height-l);
  --fry-f-component-list-margin-left: var(--fry-s-spacing-3xl);
  --fry-f-component-list-margin-right: var(--fry-s-spacing-3xl);
  --fry-f-component-list-margin-top: var(--fry-s-spacing-xl);
  --fry-f-component-list-margin-bottom: var(--fry-s-spacing-xl);
  --fry-f-component-list-margin-gap-content: var(--fry-s-spacing-m);
  --fry-f-component-list-margin-gap-text: var(--fry-s-spacing-s);
  --fry-f-component-list-leading-height-max: var(--fry-s-sizing-height-3xl);
  --fry-f-component-list-leading-height-min: var(--fry-s-sizing-height-l);
  --fry-f-component-list-sizing-max-height: calc(var(--fry-p-number-240) * 1px); /** = 240px */
  --fry-f-component-snackbar-font-size: var(--fry-s-font-size-m);
  --fry-f-component-snackbar-font-line-height: var(--fry-s-font-line-height-m);
  --fry-f-component-snackbar-margin-left: var(--fry-s-spacing-xl);
  --fry-f-component-snackbar-margin-right: var(--fry-s-spacing-xl);
  --fry-f-component-snackbar-margin-top: var(--fry-s-spacing-m);
  --fry-f-component-snackbar-margin-bottom: var(--fry-s-spacing-m);
  --fry-f-component-snackbar-margin-gap: var(--fry-s-spacing-m);
  --fry-f-component-snackbar-sizing-width: var(--fry-s-sizing-width-14xl);
  --fry-f-component-coachmark-font-size-title: var(--fry-s-font-size-m);
  --fry-f-component-coachmark-font-size-body: var(--fry-s-font-size-s);
  --fry-f-component-coachmark-font-line-height-title: var(--fry-s-font-line-height-s);
  --fry-f-component-coachmark-font-line-height-body: var(--fry-s-font-line-height-s);
  --fry-f-component-coachmark-margin-left: var(--fry-s-spacing-2xl);
  --fry-f-component-coachmark-margin-right: var(--fry-s-spacing-2xl);
  --fry-f-component-coachmark-margin-top: var(--fry-s-spacing-xl);
  --fry-f-component-coachmark-margin-bottom: var(--fry-s-spacing-xl);
  --fry-f-component-coachmark-margin-gap-content: var(--fry-s-spacing-m);
  --fry-f-component-coachmark-margin-gap-container: var(--fry-s-spacing-2xl);
  --fry-f-component-coachmark-sizing-width: var(--fry-s-sizing-width-14xl);
  --fry-f-component-tooltip-font-size-title: var(--fry-s-font-size-m);
  --fry-f-component-tooltip-font-size-body: var(--fry-s-font-size-s);
  --fry-f-component-tooltip-font-line-height-title: var(--fry-s-font-line-height-s);
  --fry-f-component-tooltip-font-line-height-body: var(--fry-s-font-line-height-s);
  --fry-f-component-tooltip-margin-left: var(--fry-s-spacing-2xl);
  --fry-f-component-tooltip-margin-right: var(--fry-s-spacing-2xl);
  --fry-f-component-tooltip-margin-top: var(--fry-s-spacing-2xl);
  --fry-f-component-tooltip-margin-bottom: var(--fry-s-spacing-2xl);
  --fry-f-component-tooltip-margin-gap-content: var(--fry-s-spacing-s);
  --fry-f-component-tooltip-margin-gap-container: var(--fry-s-spacing-2xl);
  --fry-f-component-tooltip-sizing-max-width: var(--fry-s-sizing-width-11xl);
  --fry-f-component-tooltip-sizing-min-width: var(--fry-s-sizing-width-8xl);
  --fry-f-component-breadcrumb-font-size: var(--fry-s-font-size-m);
  --fry-f-component-breadcrumb-font-line-height: var(--fry-s-font-line-height-m);
  --fry-f-component-breadcrumb-margin-gap-level: var(--fry-s-spacing-m);
  --fry-f-component-breadcrumb-margin-gap-home: var(--fry-s-spacing-m);
  --fry-f-component-accordion-font-size: var(--fry-s-font-size-m);
  --fry-f-component-accordion-font-line-height: var(--fry-s-font-line-height-m);
  --fry-f-component-accordion-margin-left: var(--fry-s-spacing-2xl);
  --fry-f-component-accordion-margin-right: var(--fry-s-spacing-2xl);
  --fry-f-component-accordion-margin-top: var(--fry-s-spacing-2xl);
  --fry-f-component-accordion-margin-bottom: var(--fry-s-spacing-2xl);
  --fry-f-component-accordion-margin-gap: var(--fry-s-spacing-2xl);
  --fry-f-component-card-margin-left: var(--fry-s-spacing-2xl);
  --fry-f-component-card-margin-right: var(--fry-s-spacing-2xl);
  --fry-f-component-card-margin-top: var(--fry-s-spacing-2xl);
  --fry-f-component-card-margin-bottom: var(--fry-s-spacing-2xl);
  --fry-f-component-stepper-font-size-title: var(--fry-s-font-size-l);
  --fry-f-component-stepper-font-line-height-title: var(--fry-s-font-line-height-l);
  --fry-f-component-stepper-margin-left-indicator: var(--fry-s-spacing-s);
  --fry-f-component-stepper-margin-right-indicator: var(--fry-s-spacing-s);
  --fry-f-component-stepper-margin-top-indicator: var(--fry-s-spacing-s);
  --fry-f-component-stepper-margin-bottom-indicator: var(--fry-s-spacing-s);
  --fry-f-component-stepper-margin-gap-step-wizard: var(--fry-s-spacing-2xl);
  --fry-f-component-stepper-margin-gap-step-vertical-title: var(--fry-s-spacing-m);
  --fry-f-component-stepper-margin-gap-step-vertical-text: var(--fry-s-spacing-s);
  --fry-f-component-stepper-margin-gap-step-vertical-date: var(--fry-s-spacing-2xl);
  --fry-f-component-stepper-margin-gap-informative: var(--fry-s-spacing-m);
  --fry-f-component-stepper-margin-gap-wizard: var(--fry-s-spacing-2xl);
  --fry-f-component-banner-font-size: var(--fry-s-font-size-m);
  --fry-f-component-banner-font-line-height: var(--fry-s-font-line-height-m);
  --fry-f-component-loading-sizing-height-group: var(--fry-s-sizing-height-13xl);
  --fry-f-component-loading-sizing-width-group: var(--fry-s-sizing-width-15xl);
  --fry-f-component-loading-sizing-width-info: var(--fry-s-sizing-width-13xl);
  --fry-f-component-section-spacing-margin: var(--fry-s-spacing-3xl);
  --fry-f-text-style-caption-size: var(--fry-s-font-size-s);
  --fry-f-text-style-caption-line-height: var(--fry-s-font-line-height-s);
  --fry-f-text-style-body-s-size: var(--fry-s-font-size-m);
  --fry-f-text-style-body-s-line-height: var(--fry-s-font-line-height-m);
  --fry-f-text-style-body-m-size: var(--fry-s-font-size-l);
  --fry-f-text-style-body-m-line-height: var(--fry-s-font-line-height-l);
  --fry-f-text-style-body-l-size: var(--fry-s-font-size-l);
  --fry-f-text-style-body-l-line-height: var(--fry-s-font-line-height-l);
  --fry-f-text-style-title-s-size: var(--fry-s-font-size-l);
  --fry-f-text-style-title-s-line-height: var(--fry-s-font-line-height-m);
  --fry-f-text-style-title-m-size: var(--fry-s-font-size-xl);
  --fry-f-text-style-title-m-line-height: var(--fry-s-font-line-height-l);
  --fry-f-text-style-title-l-size: var(--fry-s-font-size-2xl);
  --fry-f-text-style-title-l-line-height: var(--fry-s-font-line-height-xl);
  --fry-f-text-style-title-xl-size: var(--fry-s-font-size-3xl);
  --fry-f-text-style-title-xl-line-height: var(--fry-s-font-line-height-2xl);
  --fry-f-text-style-title-2xl-size: var(--fry-s-font-size-4xl);
  --fry-f-text-style-title-2xl-line-height: var(--fry-s-font-line-height-3xl);
  }
}