/** * SPDX-FileCopyrightText: © 2024 Schneider Electric * * SPDX-License-Identifier: LicenseRef-Proprietary * * Do not edit directly * Generated on Wed, 03 Apr 2024 09:21:56 GMT */ .qds-platform-mobile { --qds-font-family-brand: Arial Rounded MT for SE, system-ui, -apple-system, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --qds-font-family-system: system-ui, -apple-system, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --qds-font-family-monospace: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --qds-text-standard: normal 1rem/1.5rem var(--qds-font-family-system); --qds-text-emphasized: bold 1rem/1.5rem var(--qds-font-family-system); --qds-text-subdued: normal 0.875rem/1.25rem var(--qds-font-family-system); --qds-text-icon-standard: 1rem; --qds-text-icon-emphasized: 1rem; --qds-text-icon-subdued: 1rem; --qds-text-icon-gap: 0.25rem; --qds-code-standard: normal 0.9375rem/1.5rem var(--qds-font-family-monospace); --qds-code-emphasized: bold 0.9375rem/1.5rem var(--qds-font-family-monospace); --qds-code-subdued: normal 0.8125rem/1.25rem var(--qds-font-family-monospace); --qds-figure-padding-vertical: 8px; --qds-figure-gap: 0.5rem; --qds-figure-caption: normal 0.9375rem/1.25rem var(--qds-font-family-brand); --qds-signature-app-name-standard: normal 1.5rem/1.5rem var(--qds-font-family-brand); --qds-signature-app-name-emphasized: bold 1.5rem/1.5rem var(--qds-font-family-brand); --qds-signature-app-range: normal 0.8125rem/1.25rem var(--qds-font-family-brand); --qds-signature-line-connection-width: 0.25rem; --qds-signature-line-connection-cap-radius: 4px; --qds-signature-line-progress-cap-radius: 16px; --qds-signature-line-progress-width: 1rem; --qds-signature-circle-progress-border-width: 0.25rem; --qds-signature-circle-progress-effect-blur: 16px; --qds-signature-transition-animation-duration: 250ms; --qds-signature-feedback-animation-duration: 250ms; --qds-signature-progress-animation-duration: 250ms; --qds-signature-status-progress-duration: 250ms; --qds-signature-triangle-pointer-size-width: 1.5rem; --qds-signature-triangle-pointer-size-height: 1rem; --qds-signature-triangle-pointer-tip-radius: 0.0625rem; --qds-main-padding-vertical: 64px; --qds-main-padding-horizontal: 48px; --qds-main-gap-children-related: 2rem; --qds-main-gap-children-unrelated: 4rem; --qds-main-section-padding-top: 24px; --qds-main-section-gap-children-related: 1.25rem; --qds-main-section-gap-children-unrelated: 2.5rem; --qds-main-section-title: normal 1.875rem/2rem var(--qds-font-family-brand); --qds-main-section-title-emphasized: bold 1.875rem/2rem var(--qds-font-family-brand); --qds-main-section-subtitle: normal 1.5rem/1.75rem var(--qds-font-family-brand); --qds-main-section-kicker: normal 1.125rem/1.5rem var(--qds-font-family-brand); --qds-main-section-titles-gap: 0.25rem; --qds-main-section-titles-icon-size: 1.75rem; --qds-main-section-titles-icon-crop-height: 2.5rem; --qds-main-section-titles-icon-gap: 0.5rem; --qds-main-subsection-padding: 24px; --qds-main-subsection-gap-children-related: 0.5rem; --qds-main-subsection-gap-children-unrelated: 1.5rem; --qds-main-subsection-border-radius: 8px; --qds-main-subsection-title: normal 1.375rem/1.5rem var(--qds-font-family-brand); --qds-main-subsection-title-emphasized: bold 1.375rem/1.5rem var(--qds-font-family-brand); --qds-main-subsection-subtitle: normal 1.25rem/1.5rem var(--qds-font-family-brand); --qds-main-subsection-kicker: normal 1rem/1.25rem var(--qds-font-family-brand); --qds-main-subsection-titles-gap: 0.25rem; --qds-main-subsection-titles-icon-size: 1.5rem; --qds-main-subsection-titles-icon-crop-height: 1.75rem; --qds-main-subsection-titles-icon-gap: 0.5rem; --qds-main-section-hero-title: bold 2.5rem/2.75rem var(--qds-font-family-brand); --qds-main-section-hero-title-emphasized: bold 2.5rem/2.75rem var(--qds-font-family-brand); --qds-main-section-hero-subtitle: bold 1.5rem/1.75rem var(--qds-font-family-brand); --qds-main-section-hero-kicker: normal 0.875rem/1rem var(--qds-font-family-brand); --qds-main-section-hero-text: normal 1.125rem/1.5rem var(--qds-font-family-brand); --qds-main-section-hero-text-emphasized: bold 1.125rem/1.5rem var(--qds-font-family-brand); --qds-main-section-hero-border-radius: 16px; --qds-main-section-hero-padding-horizontal: 40px; --qds-main-section-hero-padding-vertical: 32px; --qds-main-section-hero-titles-icon-size: 1.5rem; --qds-main-section-hero-titles-icon-crop-height: 2.75rem; --qds-main-section-hero-titles-icon-gap: 0.75rem; --qds-main-section-hero-titles-gap: 0.25rem; --qds-main-subsection-card-title: normal 1.125rem/1.25rem var(--qds-font-family-brand); --qds-main-subsection-card-title-emphasized: bold 1.125rem/1.25rem var(--qds-font-family-brand); --qds-main-subsection-card-subtitle: normal 0.9375rem/1rem var(--qds-font-family-brand); --qds-main-subsection-card-kicker: normal 0.8125rem/1rem var(--qds-font-family-brand); --qds-main-subsection-card-titles-icon-size: 1.25rem; --qds-main-subsection-card-titles-icon-crop-height: 1.25rem; --qds-main-subsection-card-titles-icon-gap: 0.25rem; --qds-main-subsection-card-titles-gap: 0.25rem; --qds-main-section-display-title: bold 2.5rem/2.75rem var(--qds-font-family-brand); --qds-main-section-display-title-emphasized: bold 2.5rem/2.75rem var(--qds-font-family-brand); --qds-main-section-display-subtitle: bold 1.5rem/1.75rem var(--qds-font-family-brand); --qds-main-section-display-kicker: normal 0.875rem/1rem var(--qds-font-family-brand); --qds-main-section-display-text: normal 1.125rem/1.5rem var(--qds-font-family-brand); --qds-main-section-display-text-emphasized: bold 1.125rem/1.5rem var(--qds-font-family-brand); --qds-main-section-display-titles-icon-size: 1.5rem; --qds-main-section-display-titles-icon-crop-height: 4rem; --qds-main-section-display-titles-icon-gap: 0.75rem; --qds-main-section-display-titles-gap: 0.25rem; --qds-panel-padding: 24px; --qds-panel-gap-children-related: 0.75rem; --qds-panel-gap-children-unrelated: 1rem; --qds-panel-border-radius: 12px; --qds-panel-title: normal 1.875rem/2rem var(--qds-font-family-brand); --qds-panel-title-emphasized: bold 1.875rem/2rem var(--qds-font-family-brand); --qds-panel-subtitle: normal 1.5rem/1.75rem var(--qds-font-family-brand); --qds-panel-kicker: normal 1.125rem/1.5rem var(--qds-font-family-brand); --qds-panel-titles-gap: 0.25rem; --qds-panel-titles-icon-size: 1.75rem; --qds-panel-titles-icon-crop-height: 2rem; --qds-panel-titles-icon-gap: 0.5rem; --qds-panel-section-gap-children-related: 0.5rem; --qds-panel-section-gap-children-unrelated: 1.25rem; --qds-panel-section-title: normal 1.375rem/1.5rem var(--qds-font-family-brand); --qds-panel-section-title-emphasized: bold 1.375rem/1.5rem var(--qds-font-family-brand); --qds-panel-section-subtitle: normal 1.25rem/1.5rem var(--qds-font-family-brand); --qds-panel-section-kicker: normal 1rem/1.25rem var(--qds-font-family-brand); --qds-panel-section-titles-gap: 0.25rem; --qds-panel-section-titles-icon-size: 1.5rem; --qds-panel-section-titles-icon-crop-height: 1.5rem; --qds-panel-section-titles-icon-gap: 0.5rem; --qds-panel-section-padding-top: 8px; --qds-panel-subsection-padding: 16px; --qds-panel-subsection-gap-children-related: 0.25rem; --qds-panel-subsection-gap-children-unrelated: 1rem; --qds-panel-subsection-border-radius: 8px; --qds-panel-subsection-title: normal 1.125rem/1.25rem var(--qds-font-family-brand); --qds-panel-subsection-title-emphasized: bold 1.125rem/1.25rem var(--qds-font-family-brand); --qds-panel-subsection-subtitle: normal 0.9375rem/1rem var(--qds-font-family-brand); --qds-panel-subsection-kicker: normal 0.8125rem/1rem var(--qds-font-family-brand); --qds-panel-subsection-titles-gap: 0.25rem; --qds-panel-subsection-titles-icon-size: 1.25rem; --qds-panel-subsection-titles-icon-crop-height: 1.25rem; --qds-navigation-padding: 24px; --qds-navigation-gap-children-related: 0.75rem; --qds-navigation-gap-children-unrelated: 1.5rem; --qds-navigation-border-radius: 12px; --qds-navigation-section-padding: 8px; --qds-navigation-section-gap-children-related: 0.5rem; --qds-navigation-section-gap-children-unrelated: 1.25rem; --qds-navigation-section-title: normal 1.375rem/1.5rem var(--qds-font-family-brand); --qds-navigation-section-title-emphasized: bold 1.375rem/1.5rem var(--qds-font-family-brand); --qds-navigation-section-subtitle: normal 1.25rem/1.5rem var(--qds-font-family-brand); --qds-navigation-section-kicker: normal 1rem/1.25rem var(--qds-font-family-brand); --qds-navigation-section-titles-gap: 0.25rem; --qds-navigation-section-titles-icon-size: 1.5rem; --qds-navigation-section-titles-icon-crop-height: 1.5rem; --qds-navigation-section-titles-icon-gap: 0.5rem; --qds-navigation-subsection-padding: 12px; --qds-navigation-subsection-gap-children-related: 0.25rem; --qds-navigation-subsection-gap-children-unrelated: 1rem; --qds-navigation-subsection-border-radius: 8px; --qds-navigation-subsection-title: normal 1.125rem/1.25rem var(--qds-font-family-brand); --qds-navigation-subsection-title-emphasized: bold 1.125rem/1.25rem var(--qds-font-family-brand); --qds-navigation-subsection-subtitle: normal 0.9375rem/1rem var(--qds-font-family-brand); --qds-navigation-subsection-kicker: normal 0.8125rem/1rem var(--qds-font-family-brand); --qds-navigation-subsection-titles-gap: 0.25rem; --qds-navigation-subsection-titles-icon-size: 1.25rem; --qds-navigation-subsection-titles-icon-crop-height: 1.25rem; --qds-navigation-subsection-titles-icon-gap: 0.25rem; --qds-popup-padding: 24px; --qds-popup-gap-children-related: 1rem; --qds-popup-gap-children-unrelated: 2rem; --qds-popup-border-radius: 12px; --qds-popup-title: normal 1.5rem/1.75rem var(--qds-font-family-brand); --qds-popup-title-emphasized: bold 1.5rem/1.75rem var(--qds-font-family-brand); --qds-popup-subtitle: normal 1.375rem/1.5rem var(--qds-font-family-brand); --qds-popup-kicker: normal 1.0625rem/1.25rem var(--qds-font-family-brand); --qds-popup-titles-gap: 0.25rem; --qds-popup-titles-icon-size: 1.5rem; --qds-popup-titles-icon-crop-height: 1.75rem; --qds-popup-titles-icon-gap: 0.5rem; --qds-popup-section-gap-children-related: 0.5rem; --qds-popup-section-gap-children-unrelated: 1.25rem; --qds-popup-section-title: normal 1.375rem/1.5rem var(--qds-font-family-brand); --qds-popup-section-title-emphasized: bold 1.375rem/1.5rem var(--qds-font-family-brand); --qds-popup-section-subtitle: normal 1.25rem/1.5rem var(--qds-font-family-brand); --qds-popup-section-kicker: normal 1rem/1.25rem var(--qds-font-family-brand); --qds-popup-section-titles-gap: 0.25rem; --qds-popup-section-titles-icon-size: 1.5rem; --qds-popup-section-titles-icon-crop-height: 1.5rem; --qds-popup-subsection-padding: 12px; --qds-popup-subsection-gap-children-related: 0.25rem; --qds-popup-subsection-gap-children-unrelated: 1rem; --qds-popup-subsection-border-radius: 8px; --qds-popup-subsection-title: normal 1.125rem/1.25rem var(--qds-font-family-brand); --qds-popup-subsection-title-emphasized: bold 1.125rem/1.25rem var(--qds-font-family-brand); --qds-popup-subsection-subtitle: normal 0.9375rem/1rem var(--qds-font-family-brand); --qds-popup-subsection-kicker: normal 0.8125rem/1rem var(--qds-font-family-brand); --qds-popup-subsection-titles-gap: 0.25rem; --qds-popup-subsection-titles-icon-size: 1.25rem; --qds-popup-subsection-titles-icon-crop-height: 1.25rem; --qds-popup-subsection-titles-icon-gap: 0.25rem; --qds-accessory-padding: 16px; --qds-accessory-gap-children-related: 0.5rem; --qds-accessory-gap-children-unrelated: 1.25rem; --qds-accessory-gap-floating: 0.25rem; --qds-accessory-border-radius: 8px; --qds-accessory-title: normal 1.375rem/1.5rem var(--qds-font-family-brand); --qds-accessory-title-emphasized: bold 1.375rem/1.5rem var(--qds-font-family-brand); --qds-accessory-subtitle: normal 1.25rem/1.5rem var(--qds-font-family-brand); --qds-accessory-kicker: normal 1rem/1.25rem var(--qds-font-family-brand); --qds-accessory-titles-gap: 0.25rem; --qds-accessory-titles-icon-size: 1.5rem; --qds-accessory-titles-icon-crop-height: 1.5rem; --qds-accessory-titles-icon-gap: 0.5rem; --qds-accessory-section-gap-children-related: 0.25rem; --qds-accessory-section-gap-children-unrelated: 1rem; --qds-accessory-section-border-radius: 8px; --qds-accessory-section-title: normal 1.125rem/1.25rem var(--qds-font-family-brand); --qds-accessory-section-title-emphasized: bold 1.125rem/1.25rem var(--qds-font-family-brand); --qds-accessory-section-subtitle: normal 0.9375rem/1rem var(--qds-font-family-brand); --qds-accessory-section-kicker: normal 0.8125rem/1rem var(--qds-font-family-brand); --qds-accessory-section-titles-gap: 0.25rem; --qds-accessory-section-titles-icon-size: 1.25rem; --qds-accessory-section-titles-icon-crop-height: 1.25rem; --qds-accessory-section-titles-icon-gap: 0.25rem; --qds-control-small-height: 2.5rem; --qds-control-small-gap-siblings-related: 0.5rem; --qds-control-small-gap-siblings-unrelated: 2.5rem; --qds-control-small-gap-internal: 0.5rem; --qds-control-small-text: normal 0.875rem/1.5rem var(--qds-font-family-brand); --qds-control-small-line-height: 1.5rem; --qds-control-small-icon-size: 1rem; --qds-control-small-icon-crop-height: 1.5rem; --qds-control-small-padding-auto-height: 8px; --qds-control-small-link: normal 0.875rem/1.5rem var(--qds-font-family-brand); --qds-control-toggle-box-small-size: 1.25rem; --qds-control-toggle-box-standard-size: 1.5rem; --qds-control-toggle-box-large-size: 1.5rem; --qds-control-toggle-indicator-small-size: 0.625rem; --qds-control-toggle-indicator-standard-size: 0.75rem; --qds-control-toggle-indicator-large-size: 0.75rem; --qds-control-toggle-indicator-border-radius: 2px; --qds-control-toggle-indicator-rounded-border-radius: 9999px; --qds-control-standard-height: 2.75rem; --qds-control-standard-gap-siblings-related: 0.5rem; --qds-control-standard-gap-siblings-unrelated: 2.75rem; --qds-control-standard-gap-internal: 0.5rem; --qds-control-standard-text: normal 0.875rem/1.5rem var(--qds-font-family-brand); --qds-control-standard-line-height: 1.5rem; --qds-control-standard-icon-size: 1rem; --qds-control-standard-icon-crop-height: 1.5rem; --qds-control-standard-padding-auto-height: 10px; --qds-control-standard-link: normal 0.875rem/1.5rem var(--qds-font-family-brand); --qds-control-large-height: 3rem; --qds-control-large-gap-siblings-related: 0.75rem; --qds-control-large-gap-siblings-unrelated: 3rem; --qds-control-large-gap-internal: 0.5rem; --qds-control-large-text: bold 1rem/1.5rem var(--qds-font-family-brand); --qds-control-large-line-height: 1.5rem; --qds-control-large-icon-size: 1rem; --qds-control-large-icon-crop-height: 1.5rem; --qds-control-large-padding-auto-height: 12px; --qds-control-large-link: bold 1rem/1.5rem var(--qds-font-family-brand); --qds-control-large-text-emphasized: bold 1rem/1.5rem var(--qds-font-family-brand); --qds-control-jumbo-height: 8rem; --qds-control-jumbo-gap-siblings-related: 1rem; --qds-control-jumbo-gap-siblings-unrelated: 8rem; --qds-control-jumbo-gap-internal: 0.5rem; --qds-control-jumbo-text: bold 1rem/1.5rem var(--qds-font-family-brand); --qds-control-jumbo-icon-size: 6rem; --qds-control-jumbo-icon-crop-height: 1.5rem; --qds-control-jumbo-link: bold 1rem/1.5rem var(--qds-font-family-brand); --qds-control-jumbo-line-height: 1.5rem; --qds-control-button-standard-padding-horizontal: 24px; --qds-control-button-small-padding-horizontal: 16px; --qds-control-button-large-padding-horizontal: 24px; --qds-control-button-hero-padding-horizontal: 24px; --qds-control-input-focus-border-width: 4px; --qds-control-input-padding-horizontal: 8px; --qds-control-border-radius: 4px; --qds-control-border-width: 1px; --qds-control-rounded-border-radius: 9999px; --qds-control-slider-knob-small-size: 1.125rem; --qds-control-slider-knob-standard-size: 1.375rem; --qds-control-slider-knob-large-size: 1.375rem; --qds-control-slider-knob-border-radius: 9999px; --qds-control-slider-track-small-size: 0.625rem; --qds-control-slider-track-standard-size: 0.75rem; --qds-control-slider-track-large-size: 0.75rem; --qds-control-slider-track-border-radius: 9999px; --qds-control-hero-height: 3.5rem; --qds-control-hero-icon-size: 1.25rem; --qds-control-hero-icon-crop-height: 1.5rem; --qds-control-hero-gap-siblings-related: 1.5rem; --qds-control-hero-gap-siblings-unrelated: 3.5rem; --qds-control-hero-gap-internal: 0.5rem; --qds-control-hero-padding-auto-height: 16px; --qds-control-hero-text: bold 1.125rem/1.5rem var(--qds-font-family-brand); --qds-control-hero-link: bold 1.125rem/1.5rem var(--qds-font-family-brand); --qds-control-hero-line-height: 1.5rem; --qds-control-chip-standard-padding-horizontal: 16px; --qds-control-chip-small-padding-horizontal: 12px; --qds-control-chip-large-padding-horizontal: 20px; --qds-control-chip-gap-internal: 0.5rem; --qds-list-border-width: 1px; --qds-list-item-standard-icon-size: 1.75rem; --qds-list-item-standard-height: 3rem; --qds-list-item-standard-titles-gap: 0rem; --qds-list-item-standard-padding-horizontal: 12px; --qds-list-item-standard-padding-vertical: 12px; --qds-list-item-standard-padding-indent-step: 24px; --qds-list-item-standard-gap-internal: 0.75rem; --qds-list-item-standard-title: normal 1rem/1.25rem var(--qds-font-family-brand); --qds-list-item-standard-title-emphasized: bold 1rem/1.25rem var(--qds-font-family-brand); --qds-list-item-standard-subtitle: normal 0.9375rem/1.25rem var(--qds-font-family-brand); --qds-list-item-standard-kicker: normal 0.875rem/1.25rem var(--qds-font-family-brand); --qds-list-item-small-icon-size: 1.25rem; --qds-list-item-small-height: 2.25rem; --qds-list-item-small-titles-gap: 0.125rem; --qds-list-item-small-padding-horizontal: 8px; --qds-list-item-small-padding-vertical: 8px; --qds-list-item-small-padding-indent-step: 24px; --qds-list-item-small-gap-internal: 0.5rem; --qds-list-item-small-title: normal 0.875rem/1rem var(--qds-font-family-brand); --qds-list-item-small-title-emphasized: bold 0.875rem/1rem var(--qds-font-family-brand); --qds-list-item-small-subtitle: normal 0.8125rem/1rem var(--qds-font-family-brand); --qds-list-item-small-kicker: normal 0.75rem/0.75rem var(--qds-font-family-brand); --qds-list-item-large-icon-size: 2rem; --qds-list-item-large-height: 4rem; --qds-list-item-large-titles-gap: 0.125rem; --qds-list-item-large-padding-horizontal: 16px; --qds-list-item-large-padding-vertical: 16px; --qds-list-item-large-padding-indent-step: 24px; --qds-list-item-large-gap-internal: 1rem; --qds-list-item-large-title: normal 1.125rem/1.25rem var(--qds-font-family-brand); --qds-list-item-large-title-emphasized: bold 1.125rem/1.25rem var(--qds-font-family-brand); --qds-list-item-large-subtitle: normal 1rem/1.25rem var(--qds-font-family-brand); --qds-list-item-large-kicker: normal 0.875rem/1rem var(--qds-font-family-brand); --qds-focus-border-offset: 4px; --qds-focus-border-radius: 8px; --qds-focus-border-width: 1px; --qds-focus-rounded-border-radius: 9999px; --qds-badge-height: 1rem; --qds-badge-padding-horizontal: 4px; --qds-badge-text: normal 0.75rem/1rem var(--qds-font-family-brand); }