/* Quartz tokens for the PRJ-004 event site.
   Source: quartz.css (Quartz design system tokens), trimmed to tokens only.
   Docusaurus, Infima (--ifm-*) and Algolia (--aa-*) rules removed.
   No external requests: the Google Fonts @import is replaced by self-hosted Nunito below.
   Layout: phone values by default; desktop values from 64rem up. */

/* ---------- Self-hosted Nunito (SIL OFL 1.1) ---------- */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/nunito/nunito-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/nunito/nunito-latin-700-normal.woff2") format("woff2");
}

/* ---------- Shared tokens, light theme, phone sizing ---------- */
:root {
  color-scheme: light;
  --qds-font-family-brand: Nunito,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 .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-gap: .25rem;
  --qds-code-standard: normal .9375rem/1.5rem var(--qds-font-family-monospace);
  --qds-code-emphasized: bold .9375rem/1.5rem var(--qds-font-family-monospace);
  --qds-code-subdued: normal .8125rem/1.25rem var(--qds-font-family-monospace);
  --qds-figure-padding-vertical: 8px;
  --qds-figure-gap: .5rem;
  --qds-figure-caption: normal .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 .8125rem/1.25rem var(--qds-font-family-brand);
  --qds-signature-line-connection-cap-radius: 2px;
  --qds-signature-line-connection-width: 4px;
  --qds-signature-line-progress-cap-radius: 16px;
  --qds-signature-line-progress-standard-height: .25rem;
  --qds-signature-line-progress-small-height: .125rem;
  --qds-signature-line-progress-large-height: .5rem;
  --qds-signature-line-progress-width: 16px;
  --qds-signature-circle-progress-border-radius: 999px;
  --qds-signature-circle-progress-border-width: 4px;
  --qds-signature-circle-progress-effect-blur: 16px;
  --qds-signature-circle-progress-standard-border-width: 3px;
  --qds-signature-circle-progress-large-border-width: 3px;
  --qds-signature-circle-progress-hero-border-width: 3px;
  --qds-signature-circle-progress-jumbo-border-width: 10px;
  --qds-signature-circle-progress-small-border-width: 2px;
  --qds-signature-transition-animation-duration: .25s;
  --qds-signature-feedback-animation-duration: .25s;
  --qds-signature-progress-animation-duration: .25s;
  --qds-signature-status-progress-duration: .25s;
  --qds-signature-triangle-pointer-size-width: 1.5rem;
  --qds-signature-triangle-pointer-size-height: 1rem;
  --qds-signature-triangle-pointer-tip-radius: 1px;
  --qds-main-section-padding-vertical: 24px;
  --qds-main-section-padding-horizontal: 24px;
  --qds-main-section-padding-top: 24px;
  --qds-main-section-padding-bottom: 24px;
  --qds-main-section-padding-start: 24px;
  --qds-main-section-padding-end: 24px;
  --qds-main-subsection-gap-children-unrelated: 1.5rem;
  --qds-main-subsection-titles-icon-crop-height: 1.5rem;
  --qds-main-subsection-elevation: 0 2px 6px 0 var(--qds-theme-effect-elevation);
  --qds-main-effect-subsection-position-x: 0;
  --qds-main-effect-subsection-position-y: .125rem;
  --qds-main-effect-subsection-blur: .375rem;
  --qds-main-effect-subsection-spread: 0;
  --qds-main-titles-icon-gap: .75rem;
  --qds-main-titles-gap: .25rem;
  --qds-main-title-emphasized: bold 2rem/2.25rem var(--qds-font-family-brand);
  --qds-main-subtitle: normal 1.375rem/1.75rem var(--qds-font-family-brand);
  --qds-main-kicker: normal 1.25rem/1.75rem var(--qds-font-family-brand);
  --qds-panel-gap-children-unrelated: 1rem;
  --qds-panel-titles-icon-crop-height: 1.75rem;
  --qds-panel-section-titles-icon-crop-height: 1.5rem;
  --qds-panel-section-padding-top: 8px;
  --qds-panel-section-padding-bottom: 8px;
  --qds-panel-section-padding-start: 0;
  --qds-panel-section-padding-end: 0;
  --qds-panel-subsection-gap-children-related: .25rem;
  --qds-panel-subsection-title-emphasized: bold 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-panel-subsection-title-subdued: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-panel-subsection-titles-icon-size: 1.125rem;
  --qds-panel-subsection-titles-icon-crop-height: 1.25rem;
  --qds-panel-subsection-elevation: 0 2px 4px 0 var(--qds-theme-effect-elevation);
  --qds-panel-subsection-padding-top: 16px;
  --qds-panel-subsection-padding-bottom: 16px;
  --qds-panel-subsection-padding-start: 16px;
  --qds-panel-subsection-padding-end: 16px;
  --qds-panel-effect-subsection-position-x: 0;
  --qds-panel-effect-subsection-position-y: .125rem;
  --qds-panel-effect-subsection-blur: .25rem;
  --qds-panel-effect-subsection-spread: 0;
  --qds-panel-effect-position-x: 0;
  --qds-panel-effect-position-y: .1875rem;
  --qds-panel-effect-blur: .375rem;
  --qds-panel-effect-spread: 0;
  --qds-panel-elevation: 0 3px 6px 0 var(--qds-theme-effect-elevation);
  --qds-panel-padding-start: 16px;
  --qds-panel-padding-end: 16px;
  --qds-navigation-section-titles-icon-crop-height: 1.5rem;
  --qds-navigation-subsection-padding-vertical: 12px;
  --qds-navigation-subsection-padding-horizontal: 12px;
  --qds-navigation-subsection-gap-children-related: .25rem;
  --qds-navigation-subsection-gap-children-unrelated: 1rem;
  --qds-navigation-subsection-border-radius: 8px;
  --qds-navigation-subsection-title-emphasized: bold 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-navigation-subsection-title: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-navigation-subsection-title-subdued: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-navigation-subsection-titles-icon-size: 1.125rem;
  --qds-navigation-subsection-titles-icon-crop-height: 1.25rem;
  --qds-navigation-subsection-titles-icon-gap: .5rem;
  --qds-navigation-subsection-elevation: 0 2px 4px 0 var(--qds-theme-effect-elevation);
  --qds-navigation-effect-subsection-position-x: 0;
  --qds-navigation-effect-subsection-position-y: .125rem;
  --qds-navigation-effect-subsection-blur: .25rem;
  --qds-navigation-effect-subsection-spread: 0;
  --qds-navigation-effect-position-x: 0;
  --qds-navigation-effect-position-y: .25rem;
  --qds-navigation-effect-blur: .5rem;
  --qds-navigation-effect-spread: 0;
  --qds-navigation-elevation: 0 4px 8px 0 var(--qds-theme-effect-elevation);
  --qds-navigation-titles-icon-crop-height: 1.75rem;
  --qds-navigation-titles-icon-gap: .75rem;
  --qds-navigation-titles-gap: .25rem;
  --qds-popup-gap-children-related: 1rem;
  --qds-popup-border-radius: 8px;
  --qds-popup-border-width: 1px;
  --qds-popup-kicker: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-popup-titles-icon-crop-height: 1.75rem;
  --qds-popup-section-padding-top: 16px;
  --qds-popup-section-padding-bottom: 16px;
  --qds-popup-section-padding-start: 16px;
  --qds-popup-section-padding-end: 16px;
  --qds-popup-subsection-gap-children-related: .25rem;
  --qds-popup-subsection-gap-children-unrelated: 1rem;
  --qds-popup-subsection-border-radius: 8px;
  --qds-popup-subsection-title-emphasized: bold 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-popup-subsection-title: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-popup-subsection-title-subdued: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-popup-subsection-titles-icon-size: 1.125rem;
  --qds-popup-subsection-titles-icon-crop-height: 1.25rem;
  --qds-popup-subsection-elevation: 0 2px 4px 0 var(--qds-theme-effect-elevation);
  --qds-popup-effect-subsection-position-x: 0;
  --qds-popup-effect-subsection-position-y: .125rem;
  --qds-popup-effect-subsection-blur: .25rem;
  --qds-popup-effect-subsection-spread: 0;
  --qds-popup-effect-position-x: 0;
  --qds-popup-effect-position-y: .375rem;
  --qds-popup-effect-blur: .75rem;
  --qds-popup-effect-spread: 0;
  --qds-popup-elevation: 0 6px 12px 0 var(--qds-theme-effect-elevation);
  --qds-accessory-padding-top: 4px;
  --qds-accessory-padding-bottom: 4px;
  --qds-accessory-padding-start: 8px;
  --qds-accessory-padding-end: 8px;
  --qds-accessory-gap-children-related: .5rem;
  --qds-accessory-gap-children-unrelated: 1.25rem;
  --qds-accessory-gap-floating: .25rem;
  --qds-accessory-border-radius: 4px;
  --qds-accessory-border-width: 1px;
  --qds-accessory-titles-icon-crop-height: 1.5rem;
  --qds-accessory-section-gap-children-related: .25rem;
  --qds-accessory-section-gap-children-unrelated: 1rem;
  --qds-accessory-section-titles-icon-size: 1.125rem;
  --qds-accessory-section-titles-icon-crop-height: 1.25rem;
  --qds-accessory-section-emphasized-elevation: 0 2px 4px 0 var(--qds-theme-effect-elevation);
  --qds-accessory-section-elevation: 0 2px 4px 0 var(--qds-theme-effect-elevation);
  --qds-accessory-section-title-emphasized: bold 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-accessory-section-title: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-accessory-section-title-subdued: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-accessory-effect-section-position-x: 0;
  --qds-accessory-effect-section-position-y: .125rem;
  --qds-accessory-effect-section-blur: .25rem;
  --qds-accessory-effect-section-spread: 0;
  --qds-accessory-effect-position-x: 0;
  --qds-accessory-effect-spread: 0;
  --qds-accessory-max-width: 17.5rem;
  --qds-accessory-delay-duration: .4s;
  --qds-accessory-small-border-radius: 4px;
  --qds-accessory-standard-border-radius: 8px;
  --qds-accessory-large-border-radius: 12px;
  --qds-control-small-gap-siblings-related: .5rem;
  --qds-control-small-icon-size: 1rem;
  --qds-control-small-icon-crop-height: 1rem;
  --qds-control-small-line-height: 1rem;
  --qds-control-toggle-small-track-border-radius: 999px;
  --qds-control-toggle-small-icon-size: .375rem;
  --qds-control-toggle-small-knob-height: .75rem;
  --qds-control-toggle-small-width: 1.5rem;
  --qds-control-toggle-standard-track-border-radius: 999px;
  --qds-control-toggle-standard-icon-size: .5rem;
  --qds-control-toggle-standard-knob-height: 1rem;
  --qds-control-toggle-standard-width: 1.75rem;
  --qds-control-toggle-large-track-border-radius: 999px;
  --qds-control-toggle-large-icon-size: .75rem;
  --qds-control-toggle-large-knob-height: 1.25rem;
  --qds-control-toggle-large-width: 2rem;
  --qds-control-toggle-indicator-rounded-border-radius: 999px;
  --qds-control-toggle-track-border-radius: 999px;
  --qds-control-toggle-track-padding: 2px;
  --qds-control-toggle-padding: 2px;
  --qds-control-standard-gap-siblings-related: .5rem;
  --qds-control-standard-gap-internal: .5rem;
  --qds-control-standard-icon-size: 1rem;
  --qds-control-standard-icon-crop-height: 1.25rem;
  --qds-control-standard-line-height: 1.25rem;
  --qds-control-large-gap-siblings-related: .75rem;
  --qds-control-large-gap-internal: .5rem;
  --qds-control-large-icon-size: 1rem;
  --qds-control-large-icon-crop-height: 1.5rem;
  --qds-control-large-line-height: 1.5rem;
  --qds-control-jumbo-height: 8rem;
  --qds-control-jumbo-gap-siblings-related: 1rem;
  --qds-control-jumbo-gap-siblings-unrelated: 8rem;
  --qds-control-jumbo-gap-internal: .5rem;
  --qds-control-jumbo-icon-crop-height: 1.5rem;
  --qds-control-button-standard-badge-padding-top: 2px;
  --qds-control-button-standard-badge-padding-end: 2px;
  --qds-control-button-small-padding-horizontal: 12px;
  --qds-control-button-small-badge-padding-top: 2px;
  --qds-control-button-small-badge-padding-end: 2px;
  --qds-control-button-large-badge-padding-top: 4px;
  --qds-control-button-large-badge-padding-end: 2px;
  --qds-control-button-hero-padding-horizontal: 24px;
  --qds-control-button-hero-badge-padding-top: 4px;
  --qds-control-button-hero-badge-padding-end: 2px;
  --qds-control-input-focus-border-width: 4px;
  --qds-control-border-width: 1px;
  --qds-control-rounded-border-radius: 999px;
  --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: .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-border-radius: 8px;
  --qds-control-chip-standard-padding-horizontal: 16px;
  --qds-control-chip-standard-height: 2rem;
  --qds-control-chip-small-padding-horizontal: 12px;
  --qds-control-chip-small-height: 1.75rem;
  --qds-control-chip-large-height: 2.5rem;
  --qds-control-chip-closable-standard-padding-end: 4px;
  --qds-control-chip-closable-small-padding-end: 2px;
  --qds-control-chip-closable-large-padding-end: 8px;
  --qds-control-tab-small-icon-size: 1rem;
  --qds-control-tab-small-titles-gap: .125rem;
  --qds-control-tab-small-padding-auto-height: 8px;
  --qds-control-tab-small-padding-indent-step: 16px;
  --qds-control-tab-small-gap-internal: .5rem;
  --qds-control-tab-small-title: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-control-tab-small-title-emphasized: bold .875rem/1rem var(--qds-font-family-brand);
  --qds-control-tab-small-subtitle: normal .8125rem/1rem var(--qds-font-family-brand);
  --qds-control-tab-small-kicker: normal .75rem/.75rem var(--qds-font-family-brand);
  --qds-control-tab-standard-icon-size: 1.25rem;
  --qds-control-tab-standard-titles-gap: 0;
  --qds-control-tab-standard-padding-auto-height: 12px;
  --qds-control-tab-standard-padding-indent-step: 24px;
  --qds-control-tab-standard-title: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-control-tab-standard-title-emphasized: bold 1rem/1.25rem var(--qds-font-family-brand);
  --qds-control-tab-standard-subtitle: normal .9375rem/1.25rem var(--qds-font-family-brand);
  --qds-control-tab-standard-kicker: normal .875rem/1.25rem var(--qds-font-family-brand);
  --qds-control-tab-large-icon-size: 1.5rem;
  --qds-control-tab-large-titles-gap: .125rem;
  --qds-control-tab-large-padding-auto-height: 16px;
  --qds-control-tab-large-padding-indent-step: 24px;
  --qds-control-tab-large-title: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-control-tab-large-title-emphasized: bold 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-control-tab-large-subtitle: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-control-tab-large-kicker: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-control-fab-standard-gap-internal: .75rem;
  --qds-control-fab-standard-padding-horizontal: 16px;
  --qds-control-fab-standard-height: 4rem;
  --qds-control-fab-small-gap-internal: .5rem;
  --qds-control-fab-small-padding-horizontal: 12px;
  --qds-control-fab-small-height: 3.5rem;
  --qds-control-fab-large-gap-internal: 1rem;
  --qds-control-fab-large-padding-horizontal: 20px;
  --qds-control-fab-large-height: 5rem;
  --qds-control-segmented-padding: 2px;
  --qds-control-segmented-item-standard-padding-horizontal: 16px;
  --qds-control-segmented-item-small-padding-horizontal: 12px;
  --qds-control-segmented-item-large-padding-horizontal: 16px;
  --qds-control-logo-link-hero-padding: 18px;
  --qds-control-knob-standard-size: 1.75rem;
  --qds-control-pagination-item-standard-size: 2rem;
  --qds-control-mini-button-standard-icon-size: 1rem;
  --qds-control-mini-button-standard-size: 1.5rem;
  --qds-control-slider-tick-height: .5rem;
  --qds-control-slider-tick-gap: .25rem;
  --qds-control-slider-tick-width: 1px;
  --qds-control-slider-standard-padding-horizontal: 16px;
  --qds-control-slider-gap-related: .25rem;
  --qds-control-slider-small-padding-horizontal: 14px;
  --qds-control-slider-large-padding-horizontal: 20px;
  --qds-control-slider-track-standard-height: .25rem;
  --qds-control-slider-track-small-height: .125rem;
  --qds-control-slider-track-large-height: .5rem;
  --qds-control-icon-button-standard-badge-indicator-padding-top: 10px;
  --qds-control-icon-button-standard-badge-indicator-padding-end: 10px;
  --qds-control-icon-button-standard-badge-counter-padding-top: -2px;
  --qds-control-icon-button-standard-badge-counter-padding-end: -2px;
  --qds-control-icon-button-small-badge-indicator-padding-top: 8px;
  --qds-control-icon-button-small-badge-indicator-padding-end: 8px;
  --qds-control-icon-button-small-badge-counter-padding-top: -2px;
  --qds-control-icon-button-small-badge-counter-padding-end: -2px;
  --qds-control-icon-button-large-badge-indicator-padding-top: 12px;
  --qds-control-icon-button-large-badge-indicator-padding-end: 12px;
  --qds-control-icon-button-large-badge-counter-padding-top: -2px;
  --qds-control-icon-button-large-badge-counter-padding-end: -2px;
  --qds-control-icon-button-hero-badge-indicator-padding-top: 16px;
  --qds-control-icon-button-hero-badge-indicator-padding-end: 16px;
  --qds-control-icon-button-hero-badge-counter-padding-top: -2px;
  --qds-control-icon-button-hero-badge-counter-padding-end: -2px;
  --qds-display-avatar-stacked-standard-gap: -.625rem;
  --qds-display-avatar-stacked-small-gap: -0.5rem;
  --qds-display-avatar-stacked-large-gap: -.75rem;
  --qds-display-size: 1.5rem;
  --qds-display-icon-size: 1rem;
  --qds-display-border-width: 1px;
  --qds-display-rounded-border-radius: 999px;
  --qds-display-standard-kicker: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-display-large-title: normal 1.125rem/1.5rem var(--qds-font-family-brand);
  --qds-display-large-kicker: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-list-border-width: 1px;
  --qds-list-item-standard-icon-size: 1.25rem;
  --qds-list-item-standard-titles-gap: 0;
  --qds-list-item-standard-padding-indent-step: 24px;
  --qds-list-item-standard-picture-size: 1.5rem;
  --qds-list-item-standard-subtitle: normal .9375rem/1.25rem var(--qds-font-family-brand);
  --qds-list-item-standard-kicker: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-list-item-small-icon-size: 1rem;
  --qds-list-item-small-padding-indent-step: 24px;
  --qds-list-item-small-picture-size: 1.25rem;
  --qds-list-item-large-icon-size: 1.5rem;
  --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-picture-size: 2.5rem;
  --qds-list-item-large-subtitle: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-list-item-large-kicker: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-focus-border-offset: 4px;
  --qds-focus-border-width: 1px;
  --qds-focus-rounded-border-radius: 999px;
  --qds-focus-heavy-border-width: 4px;
  --qds-focus-light-border-width: 2px;
  --qds-tooltip-max-width: 65ch;
  --qds-feedback-badge-counter-standard-padding-horizontal: 4px;
  --qds-feedback-badge-counter-standard-text: normal .625rem/.75rem var(--qds-font-family-brand);
  --qds-feedback-badge-counter-small-height: .75rem;
  --qds-feedback-badge-counter-small-text: normal .625rem/.75rem var(--qds-font-family-brand);
  --qds-feedback-badge-counter-small-min-width: .75rem;
  --qds-feedback-badge-counter-large-height: 1rem;
  --qds-feedback-badge-counter-large-padding-horizontal: 4px;
  --qds-feedback-badge-counter-large-text: normal .75rem/.875rem var(--qds-font-family-brand);
  --qds-feedback-badge-counter-hero-height: 1.25rem;
  --qds-feedback-badge-counter-hero-padding-horizontal: 4px;
  --qds-feedback-badge-counter-hero-text: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-feedback-badge-indicator-standard-size: .625rem;
  --qds-feedback-badge-indicator-small-size: .5rem;
  --qds-feedback-badge-indicator-large-size: .75rem;
  --qds-feedback-badge-indicator-hero-size: 1rem;
  --qds-feedback-badge-border-width: 1px;
  --qds-feedback-rounded-border-radius: 999px;
  --qds-feedback-tag-standard-height: 2rem;
  --qds-feedback-tag-standard-icon-size: 1rem;
  --qds-feedback-tag-standard-gap-internal: .5rem;
  --qds-feedback-tag-standard-padding-horizontal: 16px;
  --qds-feedback-tag-standard-padding-vertical: 4px;
  --qds-feedback-tag-standard-text: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-feedback-tag-standard-border-radius: 16px;
  --qds-feedback-tag-small-height: 1.75rem;
  --qds-feedback-tag-small-icon-size: 1rem;
  --qds-feedback-tag-small-gap-internal: .5rem;
  --qds-feedback-tag-small-padding-horizontal: 12px;
  --qds-feedback-tag-small-padding-vertical: 4px;
  --qds-feedback-tag-small-text: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-feedback-tag-small-border-radius: 16px;
  --qds-feedback-tag-large-height: 2.5rem;
  --qds-feedback-tag-large-icon-size: 1rem;
  --qds-feedback-tag-large-gap-internal: .5rem;
  --qds-feedback-tag-large-padding-horizontal: 16px;
  --qds-feedback-tag-large-padding-vertical: 4px;
  --qds-feedback-tag-large-text: normal 1rem/1.5rem var(--qds-font-family-brand);
  --qds-feedback-tag-large-border-radius: 20px;
  --qds-feedback-loader-standard-size: 1rem;
  --qds-feedback-loader-small-size: 1rem;
  --qds-feedback-loader-large-size: 1rem;
  --qds-feedback-loader-hero-size: 1.25rem;
  --qds-feedback-loader-jumbo-size: 6rem;
  --qds-feedback-banner-large-padding-horizontal: 56px;
  --qds-feedback-banner-large-padding-vertical: 12px;
  --qds-feedback-banner-standard-padding-horizontal: 24px;
  --qds-feedback-banner-standard-padding-vertical: 12px;
  --qds-feedback-banner-small-padding-horizontal: 16px;
  --qds-feedback-banner-small-padding-vertical: 12px;
  --qds-feedback-banner-gap-siblings-related: .25rem;
  --qds-feedback-banner-gap-siblings-unrelated: 1.5rem;
  --qds-feedback-banner-gap-internal: .75rem;
  --qds-feedback-banner-max-width: 1416px;
  --qds-form-input-border-width-default: 1px;
  --qds-form-input-border-width-status: 2px;
  --qds-form-input-standard-gap-internal: .25rem;
  --qds-form-input-standard-padding-start: 12px;
  --qds-form-input-standard-padding-end: 8px;
  --qds-form-input-small-padding-start: 8px;
  --qds-form-input-small-padding-end: 4px;
  --qds-form-input-small-gap-internal: .25rem;
  --qds-form-input-large-padding-start: 16px;
  --qds-form-input-large-padding-end: 12px;
  --qds-form-input-large-gap-internal: .25rem;
  --qds-form-gap-vertical: .5rem;
  --qds-form-counter-input-padding-horizontal: 4px;
  --qds-table-cell-standard-titles-gap: 0;
  --qds-table-cell-standard-subtitle: normal .9375rem/1.25rem var(--qds-font-family-brand);
  --qds-table-cell-standard-kicker: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-table-cell-small-picture-size: 1.25rem;
  --qds-table-cell-large-padding-horizontal: 16px;
  --qds-table-cell-large-padding-vertical: 16px;
  --qds-table-cell-large-picture-size: 4rem;
  --qds-table-cell-large-subtitle: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-table-cell-large-kicker: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-table-border-width: 1px;
  --qds-nav-element-small-icon-size: 1rem;
  --qds-nav-element-small-titles-gap: 0;
  --qds-nav-element-small-padding-auto-height: 8px;
  --qds-nav-element-small-padding-indent-step: 16px;
  --qds-nav-element-small-gap-internal: .5rem;
  --qds-nav-element-small-gap-siblings-related: .5rem;
  --qds-nav-element-small-title: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-nav-element-small-title-emphasized: bold .875rem/1rem var(--qds-font-family-brand);
  --qds-nav-element-small-subtitle: normal .8125rem/1rem var(--qds-font-family-brand);
  --qds-nav-element-small-kicker: normal .75rem/.75rem var(--qds-font-family-brand);
  --qds-nav-element-standard-icon-size: 1.25rem;
  --qds-nav-element-standard-titles-gap: 0;
  --qds-nav-element-standard-padding-auto-height: 12px;
  --qds-nav-element-standard-padding-indent-step: 24px;
  --qds-nav-element-standard-gap-siblings-related: .5rem;
  --qds-nav-element-standard-title: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-nav-element-standard-title-emphasized: bold 1rem/1.25rem var(--qds-font-family-brand);
  --qds-nav-element-standard-subtitle: normal .9375rem/1.25rem var(--qds-font-family-brand);
  --qds-nav-element-standard-kicker: normal .875rem/1.25rem var(--qds-font-family-brand);
  --qds-nav-element-large-icon-size: 1.5rem;
  --qds-nav-element-large-titles-gap: .125rem;
  --qds-nav-element-large-padding-auto-height: 16px;
  --qds-nav-element-large-padding-indent-step: 24px;
  --qds-nav-element-large-gap-siblings-related: .75rem;
  --qds-nav-element-large-title: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-nav-element-large-title-emphasized: bold 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-nav-element-large-subtitle: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-nav-element-large-kicker: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-nav-element-stepper-indicator-border-width: 2px;
  --qds-nav-element-stepper-standard-step-padding-horizontal: 4px;
  --qds-nav-element-stepper-standard-step-line-height: .125rem;
  --qds-nav-element-stepper-standard-step-line-width: .125rem;
  --qds-nav-element-stepper-standard-step-indicator-size: 1.5rem;
  --qds-border-radius-rounded: 999px;
  --qds-theme-feedback-loader-standard-indeterminate: conic-gradient(from 124deg at 66% 31%,#3dcd58 0deg,#3dcd58 141deg,#00802900 360deg);
  --qds-theme-feedback-loader-neutral-indeterminate: conic-gradient(from 124deg at 66% 31%,#363d40 0deg,#363d40 141deg,#0f121400 360deg);
  --qds-theme-feedback-loader-neutral-contrast-indeterminate: conic-gradient(from 124deg at 66% 31%,#dadee0 0deg,#dadee0 141deg,#fafafa00 360deg);
  --qds-theme-feedback-loader-informational-indeterminate: conic-gradient(from 124deg at 66% 31%,#00a1e0 0deg,#00a1e0 141deg,#0075a300 360deg);
  --qds-theme-feedback-loader-destructive-indeterminate: conic-gradient(from 124deg at 66% 31%,#ff4b38 0deg,#ff4b38 141deg,#cc130000 360deg);
  --qds-theme-disabled: .4;
  --qds-theme-popup-overlay-background: #090b0c40;
  --qds-theme-popup-overlay-opacity: .4;
  --qds-theme-popup-overlay-blur: 12px;
  --qds-theme-overlay-background: #090b0ccc;
  --qds-theme-text-standard: #090b0c;
  --qds-theme-text-emphasized: #090b0c;
  --qds-theme-text-subdued: #636a6e;
  --qds-theme-link-standard-default: #0075a3;
  --qds-theme-link-standard-hover: #005c80;
  --qds-theme-link-standard-pressed: #00374d;
  --qds-theme-link-emphasized-default: #0075a3;
  --qds-theme-link-emphasized-hover: #005c80;
  --qds-theme-link-emphasized-pressed: #00374d;
  --qds-theme-link-subdued-default: #090b0c;
  --qds-theme-link-subdued-hover: #1d2326;
  --qds-theme-link-subdued-pressed: #41494d;
  --qds-theme-link-visited-default: #7524bf;
  --qds-theme-link-visited-hover: #5c1c96;
  --qds-theme-link-visited-pressed: #351056;
  --qds-theme-title: #090b0c;
  --qds-theme-subtitle: #41494d;
  --qds-theme-kicker: #636a6e;
  --qds-theme-figure-caption: #090b0c;
  --qds-theme-signature-color-default: #008029;
  --qds-theme-signature-color-hover: #005c1e;
  --qds-theme-signature-color-pressed: #003310;
  --qds-theme-signature-color-contrast: #fff;
  --qds-theme-signature-logo-standard: #009530;
  --qds-theme-signature-logo-subdued: #636a6e;
  --qds-theme-signature-name-standard: #008029;
  --qds-theme-signature-name-subdued: #636a6e;
  --qds-theme-signature-circle-progress-determinate: #008029;
  --qds-theme-signature-circle-progress-indeterminate: conic-gradient(from 124deg at 66% 31%,#008029 0deg,#3dcd58 141deg,#3dcd5800 360deg);
  --qds-theme-signature-line-progress-determinate: #008029;
  --qds-theme-signature-line-progress-indeterminate: linear-gradient(90deg,#008029,#3dcd58);
  --qds-theme-feedback-message-neutral: #293033;
  --qds-theme-feedback-message-neutral-dimmed: #e6e9eb;
  --qds-theme-feedback-message-neutral-contrast: #fff;
  --qds-theme-feedback-message-neutral-transparent: #29303300;
  --qds-theme-feedback-message-neutral-contrast-transparent: lch(100% 0 none/0);
  --qds-theme-feedback-message-informational: #0075a3;
  --qds-theme-feedback-message-informational-dimmed: #dbf5ff;
  --qds-theme-feedback-message-informational-contrast: #fff;
  --qds-theme-feedback-message-informational-transparent: #0075a300;
  --qds-theme-feedback-message-important: #b94d00;
  --qds-theme-feedback-message-important-dimmed: #fff0e2;
  --qds-theme-feedback-message-important-contrast: #fff;
  --qds-theme-feedback-message-important-transparent: #b94d0000;
  --qds-theme-feedback-message-critical: #cc1300;
  --qds-theme-feedback-message-critical-dimmed: #ffdfdb;
  --qds-theme-feedback-message-critical-contrast: #fff;
  --qds-theme-feedback-message-critical-transparent: #cc130000;
  --qds-theme-feedback-message-success: #008029;
  --qds-theme-feedback-message-success-dimmed: #e3f8e7;
  --qds-theme-feedback-message-success-contrast: #fff;
  --qds-theme-feedback-action-safe: #008029;
  --qds-theme-feedback-action-unsafe: #b94d00;
  --qds-theme-feedback-action-destructive-default: #cc1300;
  --qds-theme-feedback-action-destructive-hover: #a30f00;
  --qds-theme-feedback-action-destructive-pressed: #660a00;
  --qds-theme-feedback-action-destructive-contrast: #fff;
  --qds-theme-feedback-status-good: #008029;
  --qds-theme-feedback-status-concerning: #b94d00;
  --qds-theme-feedback-status-bad: #cc1300;
  --qds-theme-feedback-result-success: #008029;
  --qds-theme-feedback-result-partial-success: #b94d00;
  --qds-theme-feedback-result-failure: #cc1300;
  --qds-theme-feedback-availability-available: #008029;
  --qds-theme-feedback-availability-unavailable: #636a6e;
  --qds-theme-feedback-alarm-error: #cc1300;
  --qds-theme-feedback-alarm-critical: #cc1300;
  --qds-theme-feedback-alarm-severe: #cc1300;
  --qds-theme-feedback-field-required: #cc1300;
  --qds-theme-interactive-background-opacity-hover-contrast: #abb3b82e;
  --qds-theme-interactive-background-opacity-pressed-contrast: #abb3b842;
  --qds-theme-interactive-background-opacity-selected-contrast: #abb3b82e;
  --qds-theme-interactive-background-default: #fff0;
  --qds-theme-interactive-background-default-banded: #090b0c08;
  --qds-theme-interactive-background-hover: #abb3b826;
  --qds-theme-interactive-background-pressed: #abb3b840;
  --qds-theme-interactive-background-selected: #e6e9eb;
  --qds-theme-interactive-background-selected-hover: #e6e9eb99;
  --qds-theme-interactive-background-selected-pressed: #e6e9eb73;
  --qds-theme-focus-border: #00374d;
  --qds-theme-focus-border-contrast: #fff;
  --qds-theme-main-background: #f0f1f2;
  --qds-theme-main-emphasized: #fff;
  --qds-theme-main-subsection-standard-background: #fafafa;
  --qds-theme-main-subsection-standard-border: #ced3d6;
  --qds-theme-panel-background: #fafafa;
  --qds-theme-panel-emphasized: #fff;
  --qds-theme-panel-subsection-standard-border: #ced3d6;
  --qds-theme-navigation-background: #fafafa;
  --qds-theme-navigation-subdued: #f0f1f2;
  --qds-theme-navigation-subsection-standard-background: #fff;
  --qds-theme-popup-background: #fafafa;
  --qds-theme-popup-border: #ced3d6;
  --qds-theme-popup-subsection-standard-background: #fff;
  --qds-theme-control-slider-track-background: #ced3d6;
  --qds-theme-control-slider-lead-background: #090b0c;
  --qds-theme-control-toggle-track-default: #636a6e;
  --qds-theme-control-toggle-track-hover: #505659;
  --qds-theme-control-toggle-track-pressed: #363d40;
  --qds-theme-control-text-standard: #090b0c;
  --qds-theme-control-text-standard-contrast: #fff;
  --qds-theme-control-text-placeholder: #636a6e;
  --qds-theme-control-segmented-item-background-hover: #abb3b826;
  --qds-theme-control-segmented-item-background-pressed: #abb3b840;
  --qds-theme-control-segmented-item-background-selected: #fff;
  --qds-theme-control-segmented-item-background-selected-hover: #e6e9eb99;
  --qds-theme-control-segmented-item-background-selected-pressed: #e6e9eb73;
  --qds-theme-control-background-default: #fff;
  --qds-theme-control-background-default-contrast: #090b0c;
  --qds-theme-control-background-hover-contrast: #1d2326;
  --qds-theme-control-background-pressed-contrast: #293033;
  --qds-theme-control-background-read-only: #0f1214;
  --qds-theme-control-background-read-only-contrast: #29303373;
  --qds-theme-control-border-default: #090b0c;
  --qds-theme-control-border-default-contrast: #fff;
  --qds-theme-control-border-read-only: #29303373;
  --qds-theme-accessory-background: #fff;
  --qds-theme-accessory-border: #ced3d6;
  --qds-theme-accessory-section-standard-background: #fff;
  --qds-theme-divider-standard: #abb3b8;
  --qds-theme-divider-emphasized: #636a6e;
  --qds-theme-divider-subdued: #ced3d6;
  --qds-theme-effect-elevation: #090b0c1f;
  --qds-theme-form-input-background-default: #fafafa;
  --qds-theme-form-input-background-hover: #f0f1f2;
  --qds-theme-form-input-background-active: #fafafa;
  --qds-theme-form-input-background-read-only: #fafafa;
  --qds-theme-form-input-border-default: #636a6e;
  --qds-theme-form-input-border-hover: #363d40;
  --qds-theme-form-input-border-success: #008029;
  --qds-theme-form-input-border-error: #cc1300;
  --qds-theme-form-input-border-warning: #b94d00;
  --qds-theme-form-input-border-disabled: #636a6e40;
  --qds-theme-form-input-text-placeholder: #5c6366;
  --qds-theme-form-input-text-active: #090b0c;
  --qds-theme-form-counter: #090b0c08;
  --qds-theme-display-background: #293033;
  --qds-theme-display-background-contrast: #fff;
  --qds-theme-nav-element-stepper-step-border-color-active: #090b0c;
  --qds-theme-nav-element-stepper-step-border-color-default: #abb3b8;
  --qds-theme-nav-element-selection-indicator-background-subdued: #090b0c;
  --qds-text-icon-gap: .25rem;
  --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-gap-children-related: 1rem;
  --qds-main-section-gap-children-unrelated: 2rem;
  --qds-main-section-titles-gap: .25rem;
  --qds-main-section-titles-icon-size: 1.75rem;
  --qds-main-section-titles-icon-crop-height: 2rem;
  --qds-main-section-titles-icon-gap: .75rem;
  --qds-main-section-title-emphasized: bold 1.75rem/2rem var(--qds-font-family-brand);
  --qds-main-section-title: bold 1.75rem/2rem var(--qds-font-family-brand);
  --qds-main-section-title-subdued: normal 1.75rem/2rem var(--qds-font-family-brand);
  --qds-main-section-subtitle: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-main-section-kicker: normal 1.125rem/1.5rem var(--qds-font-family-brand);
  --qds-main-subsection-padding-top: 24px;
  --qds-main-subsection-padding-bottom: 24px;
  --qds-main-subsection-padding-start: 24px;
  --qds-main-subsection-padding-end: 24px;
  --qds-main-subsection-gap-children-related: .5rem;
  --qds-main-subsection-border-radius: 12px;
  --qds-main-subsection-titles-gap: .25rem;
  --qds-main-subsection-titles-icon-size: 1.375rem;
  --qds-main-subsection-titles-icon-gap: .75rem;
  --qds-main-subsection-title-emphasized: bold 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-main-subsection-title: bold 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-main-subsection-title-subdued: normal 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-main-subsection-subtitle: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-main-subsection-kicker: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-main-titles-icon-size: 2rem;
  --qds-main-titles-icon-crop-height: 2.25rem;
  --qds-main-title: normal 2rem/2.25rem var(--qds-font-family-brand);
  --qds-main-title-subdued: normal 2rem/2.25rem var(--qds-font-family-brand);
  --qds-list-item-small-titles-gap: .125rem;
  --qds-list-item-small-padding-horizontal: 6px;
  --qds-list-item-small-padding-vertical: 6px;
  --qds-list-item-small-gap-internal: .375rem;
  --qds-list-item-small-height: 1.75rem;
  --qds-list-item-small-title-emphasized: bold .875rem/1rem var(--qds-font-family-brand);
  --qds-list-item-small-title: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-list-item-small-subtitle: normal .8125rem/1rem var(--qds-font-family-brand);
  --qds-list-item-small-kicker: normal .75rem/.75rem var(--qds-font-family-brand);
  --qds-list-item-standard-padding-horizontal: 8px;
  --qds-list-item-standard-padding-vertical: 8px;
  --qds-list-item-standard-gap-internal: .5rem;
  --qds-list-item-standard-height: 2.25rem;
  --qds-list-item-standard-title-emphasized: bold 1rem/1.25rem var(--qds-font-family-brand);
  --qds-list-item-standard-title: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-list-item-large-titles-gap: .125rem;
  --qds-list-item-large-height: 3.5rem;
  --qds-list-item-large-gap-internal: 1rem;
  --qds-list-item-large-title-emphasized: bold 1.125rem/1.5rem var(--qds-font-family-brand);
  --qds-list-item-large-title: normal 1.125rem/1.5rem var(--qds-font-family-brand);
  --qds-panel-gap-children-related: .75rem;
  --qds-panel-border-radius: 12px;
  --qds-panel-titles-gap: .25rem;
  --qds-panel-titles-icon-size: 1.5rem;
  --qds-panel-titles-icon-gap: .75rem;
  --qds-panel-section-gap-children-related: .5rem;
  --qds-panel-section-gap-children-unrelated: 1.25rem;
  --qds-panel-section-titles-gap: .25rem;
  --qds-panel-section-titles-icon-size: 1.375rem;
  --qds-panel-section-titles-icon-gap: .75rem;
  --qds-panel-section-title-emphasized: bold 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-panel-section-title: bold 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-panel-section-title-subdued: normal 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-panel-section-subtitle: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-panel-section-kicker: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-panel-subsection-gap-children-unrelated: 1rem;
  --qds-panel-subsection-border-radius: 8px;
  --qds-panel-subsection-titles-gap: .25rem;
  --qds-panel-subsection-titles-icon-gap: .5rem;
  --qds-panel-subsection-title: bold 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-panel-subsection-subtitle: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-panel-subsection-kicker: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-panel-padding-top: 24px;
  --qds-panel-padding-bottom: 24px;
  --qds-panel-title-emphasized: bold 1.5rem/1.75rem var(--qds-font-family-brand);
  --qds-panel-title: normal 1.5rem/1.75rem var(--qds-font-family-brand);
  --qds-panel-title-subdued: normal 1.5rem/1.75rem var(--qds-font-family-brand);
  --qds-panel-subtitle: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-panel-kicker: normal 1.125rem/1.5rem var(--qds-font-family-brand);
  --qds-navigation-padding-vertical: 24px;
  --qds-navigation-padding-horizontal: 24px;
  --qds-navigation-gap-children-related: .75rem;
  --qds-navigation-gap-children-unrelated: 1.5rem;
  --qds-navigation-border-radius: 12px;
  --qds-navigation-section-padding-vertical: 8px;
  --qds-navigation-section-padding-horizontal: 8px;
  --qds-navigation-section-gap-children-related: .5rem;
  --qds-navigation-section-gap-children-unrelated: 1.25rem;
  --qds-navigation-section-title-emphasized: bold 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-navigation-section-title: normal 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-navigation-section-title-subdued: normal 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-navigation-section-subtitle: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-navigation-section-kicker: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-navigation-section-titles-gap: .25rem;
  --qds-navigation-section-titles-icon-size: 1.375rem;
  --qds-navigation-section-titles-icon-gap: .75rem;
  --qds-navigation-title-emphasized: bold 1.5rem/1.75rem var(--qds-font-family-brand);
  --qds-navigation-title: normal 1.5rem/1.75rem var(--qds-font-family-brand);
  --qds-navigation-title-subdued: normal 1.5rem/1.75rem var(--qds-font-family-brand);
  --qds-navigation-subtitle: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-navigation-kicker: normal 1.125rem/1.5rem var(--qds-font-family-brand);
  --qds-navigation-subsection-subtitle: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-navigation-subsection-kicker: normal .875rem/1.25rem var(--qds-font-family-brand);
  --qds-navigation-subsection-titles-gap: .25rem;
  --qds-navigation-header-padding-horizontal: 56px;
  --qds-navigation-header-padding-start: 56px;
  --qds-navigation-header-padding-end: 56px;
  --qds-navigation-header-padding-vertical: 8px;
  --qds-navigation-header-padding-top: 8px;
  --qds-navigation-header-padding-bottom: 8px;
  --qds-navigation-titles-icon-size: 1.5rem;
  --qds-popup-gap-children-unrelated: 2rem;
  --qds-popup-title-emphasized: bold 1.5rem/1.75rem var(--qds-font-family-brand);
  --qds-popup-title: normal 1.5rem/1.75rem var(--qds-font-family-brand);
  --qds-popup-title-subdued: normal 1.5rem/1.75rem var(--qds-font-family-brand);
  --qds-popup-subtitle: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-popup-titles-gap: .25rem;
  --qds-popup-titles-icon-size: 1.5rem;
  --qds-popup-titles-icon-gap: .75rem;
  --qds-popup-section-gap-children-related: .5rem;
  --qds-popup-section-gap-children-unrelated: 1.25rem;
  --qds-popup-section-title-emphasized: bold 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-popup-section-title: normal 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-popup-section-title-subdued: normal 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-popup-section-subtitle: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-popup-section-kicker: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-popup-section-titles-gap: .25rem;
  --qds-popup-section-titles-icon-size: 1.375rem;
  --qds-popup-section-titles-icon-crop-height: 1.5rem;
  --qds-popup-section-titles-icon-gap: .75rem;
  --qds-popup-subsection-subtitle: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-popup-subsection-kicker: normal .875rem/1.25rem var(--qds-font-family-brand);
  --qds-popup-subsection-titles-gap: .25rem;
  --qds-popup-subsection-titles-icon-gap: .5rem;
  --qds-popup-subsection-padding-top: 12px;
  --qds-popup-subsection-padding-bottom: 12px;
  --qds-popup-subsection-padding-start: 12px;
  --qds-popup-subsection-padding-end: 12px;
  --qds-popup-padding-top: 24px;
  --qds-popup-padding-bottom: 24px;
  --qds-popup-padding-start: 24px;
  --qds-popup-padding-end: 24px;
  --qds-accessory-title-emphasized: bold 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-accessory-title: normal 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-accessory-title-subdued: normal 1.375rem/1.5rem var(--qds-font-family-brand);
  --qds-accessory-subtitle: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-accessory-kicker: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-accessory-titles-gap: .25rem;
  --qds-accessory-titles-icon-size: 1.375rem;
  --qds-accessory-titles-icon-gap: .75rem;
  --qds-accessory-section-border-radius: 4px;
  --qds-accessory-section-subtitle: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-accessory-section-kicker: normal .875rem/1.25rem var(--qds-font-family-brand);
  --qds-accessory-section-titles-gap: .25rem;
  --qds-accessory-section-titles-icon-gap: .5rem;
  --qds-accessory-effect-position-y: .5rem;
  --qds-accessory-effect-blur: 1rem;
  --qds-accessory-elevation: 0 8px 16px 0 var(--qds-theme-effect-elevation);
  --qds-control-small-height: 1.75rem;
  --qds-control-small-gap-siblings-unrelated: 1.75rem;
  --qds-control-small-gap-internal: .5rem;
  --qds-control-small-text: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-control-small-text-emphasized: bold .875rem/1rem var(--qds-font-family-brand);
  --qds-control-small-link: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-control-small-link-emphasized: bold .875rem/1rem var(--qds-font-family-brand);
  --qds-control-small-padding-auto-height: 6px;
  --qds-control-toggle-small-box-size: 1rem;
  --qds-control-toggle-small-indicator-size: .5rem;
  --qds-control-toggle-small-track-height: 1rem;
  --qds-control-toggle-small-track-width: 2rem;
  --qds-control-toggle-small-height: 1.5rem;
  --qds-control-toggle-small-knob-border-radius: 4px;
  --qds-control-toggle-small-knob-width: .75rem;
  --qds-control-toggle-small-padding-horizontal: 6px;
  --qds-control-toggle-standard-box-size: 1.25rem;
  --qds-control-toggle-standard-indicator-size: .625rem;
  --qds-control-toggle-standard-track-height: 1.25rem;
  --qds-control-toggle-standard-track-width: 2.5rem;
  --qds-control-toggle-standard-height: 1.75rem;
  --qds-control-toggle-standard-knob-border-radius: 6px;
  --qds-control-toggle-standard-knob-width: 1rem;
  --qds-control-toggle-standard-padding-horizontal: 6px;
  --qds-control-toggle-large-box-size: 1.5rem;
  --qds-control-toggle-large-indicator-size: .75rem;
  --qds-control-toggle-large-track-height: 1.5rem;
  --qds-control-toggle-large-track-width: 3rem;
  --qds-control-toggle-large-height: 2rem;
  --qds-control-toggle-large-knob-border-radius: 8px;
  --qds-control-toggle-large-knob-width: 1.25rem;
  --qds-control-toggle-large-padding-horizontal: 8px;
  --qds-control-toggle-indicator-border-radius: 2px;
  --qds-control-standard-height: 2rem;
  --qds-control-standard-gap-siblings-unrelated: 2rem;
  --qds-control-standard-text: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-control-standard-text-emphasized: bold 1rem/1.25rem var(--qds-font-family-brand);
  --qds-control-standard-link: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-control-standard-link-emphasized: bold 1rem/1.25rem var(--qds-font-family-brand);
  --qds-control-standard-padding-auto-height: 6px;
  --qds-control-large-height: 2.5rem;
  --qds-control-large-gap-siblings-unrelated: 2.5rem;
  --qds-control-large-text: normal 1rem/1.5rem var(--qds-font-family-brand);
  --qds-control-large-text-emphasized: bold 1rem/1.5rem var(--qds-font-family-brand);
  --qds-control-large-link: normal 1rem/1.5rem var(--qds-font-family-brand);
  --qds-control-large-link-emphasized: bold 1rem/1.5rem var(--qds-font-family-brand);
  --qds-control-large-padding-auto-height: 8px;
  --qds-control-jumbo-text: normal 1rem/1.5rem var(--qds-font-family-brand);
  --qds-control-jumbo-text-emphasized: bold 1rem/1.5rem var(--qds-font-family-brand);
  --qds-control-jumbo-link: normal 1rem/1.5rem var(--qds-font-family-brand);
  --qds-control-jumbo-icon-size: 6rem;
  --qds-control-button-standard-padding-horizontal: 12px;
  --qds-control-button-large-padding-horizontal: 16px;
  --qds-control-button-large-padding-top: 2px;
  --qds-control-chip-gap-internal: .25rem;
  --qds-control-chip-large-padding-horizontal: 16px;
  --qds-control-fab-standard-icon-size: 1.75rem;
  --qds-control-fab-standard-text: normal 1.5rem/2rem var(--qds-font-family-brand);
  --qds-control-fab-small-icon-size: 1.5rem;
  --qds-control-fab-small-text: normal 1.25rem/1.75rem var(--qds-font-family-brand);
  --qds-control-fab-large-icon-size: 2rem;
  --qds-control-fab-large-text: bold 2rem/2.5rem var(--qds-font-family-brand);
  --qds-control-fab-viewport-padding: 32px;
  --qds-control-input-padding-horizontal: 8px;
  --qds-control-border-radius: 4px;
  --qds-control-hero-link: normal 1.125rem/1.5rem var(--qds-font-family-brand);
  --qds-control-hero-link-emphasized: bold 1.125rem/1.5rem var(--qds-font-family-brand);
  --qds-control-tab-small-height: 2.25rem;
  --qds-control-tab-small-padding-horizontal: 8px;
  --qds-control-tab-standard-height: 3rem;
  --qds-control-tab-standard-padding-horizontal: 8px;
  --qds-control-tab-standard-gap-internal: .75rem;
  --qds-control-tab-large-height: 4rem;
  --qds-control-tab-large-padding-horizontal: 12px;
  --qds-control-tab-large-gap-internal: .75rem;
  --qds-control-segmented-gap-internal: .25rem;
  --qds-control-logo-link-small-padding: 8px;
  --qds-control-logo-link-standard-padding: 8px;
  --qds-control-logo-link-large-padding: 12px;
  --qds-control-no-inline-standard-padding-vertical: 4px;
  --qds-control-no-inline-small-padding-vertical: 4px;
  --qds-control-no-inline-large-padding-vertical: 4px;
  --qds-display-avatar-standard-size: 2rem;
  --qds-display-avatar-standard-gap-internal: .5rem;
  --qds-display-avatar-small-size: 1.75rem;
  --qds-display-avatar-small-gap-internal: .375rem;
  --qds-display-avatar-large-size: 2.5rem;
  --qds-display-avatar-large-gap-internal: 1rem;
  --qds-display-interactive-standard-size: 2rem;
  --qds-display-interactive-small-size: 1.75rem;
  --qds-display-interactive-large-size: 2.5rem;
  --qds-display-standard-title: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-display-small-title: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-display-small-kicker: normal .75rem/.75rem var(--qds-font-family-brand);
  --qds-form-small-icon-size: 1rem;
  --qds-form-small-text: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-form-small-text-emphasized: bold .875rem/1rem var(--qds-font-family-brand);
  --qds-form-standard-icon-size: 1rem;
  --qds-form-standard-text: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-form-standard-text-emphasized: bold 1rem/1.25rem var(--qds-font-family-brand);
  --qds-form-large-icon-size: 1rem;
  --qds-form-large-text: normal 1rem/1.5rem var(--qds-font-family-brand);
  --qds-form-large-text-emphasized: bold 1rem/1.5rem var(--qds-font-family-brand);
  --qds-form-input-standard-height: 2rem;
  --qds-form-input-small-height: 1.75rem;
  --qds-form-input-large-height: 2.5rem;
  --qds-form-input-border-radius: 4px;
  --qds-form-header-gap-vertical: .25rem;
  --qds-form-counter-standard-padding-horizontal: 4px;
  --qds-form-counter-standard-padding-vertical: 4px;
  --qds-form-counter-standard-input-width: 4.5rem;
  --qds-form-counter-small-padding-horizontal: 2px;
  --qds-form-counter-small-padding-vertical: 2px;
  --qds-form-counter-small-input-width: 4rem;
  --qds-form-counter-large-padding-horizontal: 8px;
  --qds-form-counter-large-padding-vertical: 8px;
  --qds-form-counter-large-input-width: 5rem;
  --qds-feedback-badge-counter-standard-height: 1rem;
  --qds-feedback-badge-counter-standard-min-width: .75rem;
  --qds-feedback-badge-counter-small-padding-horizontal: 2px;
  --qds-feedback-badge-counter-large-min-width: .875rem;
  --qds-feedback-badge-counter-hero-min-width: 1rem;
  --qds-focus-border-radius: 8px;
  --qds-table-cell-small-titles-gap: .125rem;
  --qds-table-cell-small-padding-horizontal: 6px;
  --qds-table-cell-small-padding-vertical: 6px;
  --qds-table-cell-small-gap-internal: .375rem;
  --qds-table-cell-small-icon-size: 1rem;
  --qds-table-cell-small-height: 2.25rem;
  --qds-table-cell-small-title-emphasized: bold .875rem/1rem var(--qds-font-family-brand);
  --qds-table-cell-small-title: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-table-cell-small-subtitle: normal .8125rem/1rem var(--qds-font-family-brand);
  --qds-table-cell-small-kicker: normal .75rem/.75rem var(--qds-font-family-brand);
  --qds-table-cell-standard-padding-horizontal: 8px;
  --qds-table-cell-standard-padding-vertical: 8px;
  --qds-table-cell-standard-gap-internal: .5rem;
  --qds-table-cell-standard-icon-size: 1.25rem;
  --qds-table-cell-standard-picture-size: 1.5rem;
  --qds-table-cell-standard-height: 2.5rem;
  --qds-table-cell-standard-title-emphasized: bold 1rem/1.25rem var(--qds-font-family-brand);
  --qds-table-cell-standard-title: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-table-cell-large-titles-gap: .125rem;
  --qds-table-cell-large-gap-internal: 1rem;
  --qds-table-cell-large-icon-size: 1.5rem;
  --qds-table-cell-large-height: 3.5rem;
  --qds-table-cell-large-title-emphasized: bold 1.125rem/1.5rem var(--qds-font-family-brand);
  --qds-table-cell-large-title: normal 1.125rem/1.5rem var(--qds-font-family-brand);
  --qds-nav-element-small-padding-horizontal: 8px;
  --qds-nav-element-small-height: 2.25rem;
  --qds-nav-element-standard-padding-horizontal: 8px;
  --qds-nav-element-standard-gap-internal: .75rem;
  --qds-nav-element-standard-height: 3rem;
  --qds-nav-element-large-padding-horizontal: 12px;
  --qds-nav-element-large-gap-internal: .75rem;
  --qds-nav-element-large-height: 4rem;
  --qds-nav-element-pagination-select-standard-width: 5rem;
  --qds-nav-element-pagination-select-small-width: 4.5rem;
  --qds-nav-element-pagination-select-large-width: 5.5rem;
  --qds-text-icon-gap: .5rem;
  --qds-main-padding-vertical: 0;
  --qds-main-padding-horizontal: 0;
  --qds-main-gap-children-related: 0;
  --qds-main-gap-children-unrelated: .75rem;
  --qds-main-section-gap-children-related: .75rem;
  --qds-main-section-gap-children-unrelated: 1rem;
  --qds-main-section-title-emphasized: bold 1.375rem/1.75rem var(--qds-font-family-brand);
  --qds-main-section-title: normal 1.375rem/1.75rem var(--qds-font-family-brand);
  --qds-main-section-title-subdued: normal 1.375rem/1.75rem var(--qds-font-family-brand);
  --qds-main-section-subtitle: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-main-section-kicker: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-main-section-titles-gap: .125rem;
  --qds-main-section-titles-icon-gap: .5rem;
  --qds-main-section-titles-icon-size: 1.375rem;
  --qds-main-section-titles-icon-crop-height: 1.75rem;
  --qds-main-subsection-padding-top: 16px;
  --qds-main-subsection-padding-bottom: 16px;
  --qds-main-subsection-padding-start: 16px;
  --qds-main-subsection-padding-end: 16px;
  --qds-main-subsection-gap-children-related: .75rem;
  --qds-main-subsection-border-radius: 8px;
  --qds-main-subsection-title-emphasized: bold 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-main-subsection-title: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-main-subsection-title-subdued: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-main-subsection-subtitle: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-main-subsection-kicker: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-main-subsection-titles-gap: .125rem;
  --qds-main-subsection-titles-icon-size: 1.25rem;
  --qds-main-subsection-titles-icon-gap: .25rem;
  --qds-main-titles-icon-size: 1.75rem;
  --qds-main-titles-icon-crop-height: 2rem;
  --qds-main-title: normal 1.75rem/2rem var(--qds-font-family-brand);
  --qds-main-title-subdued: normal 1.75rem/2rem var(--qds-font-family-brand);
  --qds-panel-gap-children-related: .5rem;
  --qds-panel-border-radius: 16px;
  --qds-panel-title-emphasized: bold 1.375rem/1.75rem var(--qds-font-family-brand);
  --qds-panel-title: normal 1.375rem/1.75rem var(--qds-font-family-brand);
  --qds-panel-title-subdued: normal 1.375rem/1.75rem var(--qds-font-family-brand);
  --qds-panel-subtitle: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-panel-kicker: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-panel-titles-gap: .125rem;
  --qds-panel-titles-icon-size: 1.375rem;
  --qds-panel-titles-icon-gap: .25rem;
  --qds-panel-section-gap-children-related: .25rem;
  --qds-panel-section-gap-children-unrelated: .5rem;
  --qds-panel-section-title-emphasized: bold 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-panel-section-title: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-panel-section-title-subdued: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-panel-section-subtitle: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-panel-section-kicker: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-panel-section-titles-gap: 0;
  --qds-panel-section-titles-icon-size: 1.25rem;
  --qds-panel-section-titles-icon-gap: .25rem;
  --qds-panel-subsection-gap-children-unrelated: .5rem;
  --qds-panel-subsection-border-radius: 12px;
  --qds-panel-subsection-title: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-panel-subsection-subtitle: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-panel-subsection-kicker: normal .75rem/1rem var(--qds-font-family-brand);
  --qds-panel-subsection-titles-gap: .125rem;
  --qds-panel-subsection-titles-icon-gap: .25rem;
  --qds-panel-padding-top: 16px;
  --qds-panel-padding-bottom: 16px;
  --qds-navigation-padding-vertical: 0;
  --qds-navigation-padding-horizontal: 0;
  --qds-navigation-gap-children-related: 0;
  --qds-navigation-gap-children-unrelated: .5rem;
  --qds-navigation-border-radius: 1px;
  --qds-navigation-section-padding-vertical: 0;
  --qds-navigation-section-padding-horizontal: 0;
  --qds-navigation-section-gap-children-related: .125rem;
  --qds-navigation-section-gap-children-unrelated: .5rem;
  --qds-navigation-section-title-emphasized: bold 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-navigation-section-title: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-navigation-section-title-subdued: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-navigation-section-subtitle: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-navigation-section-kicker: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-navigation-section-titles-gap: .125rem;
  --qds-navigation-section-titles-icon-size: 1.25rem;
  --qds-navigation-section-titles-icon-gap: .25rem;
  --qds-navigation-subsection-subtitle: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-navigation-subsection-kicker: normal .75rem/1rem var(--qds-font-family-brand);
  --qds-navigation-subsection-titles-gap: .125rem;
  --qds-navigation-header-padding-horizontal: 16px;
  --qds-navigation-header-padding-start: 16px;
  --qds-navigation-header-padding-end: 4px;
  --qds-navigation-header-padding-vertical: 0;
  --qds-navigation-header-padding-top: 0;
  --qds-navigation-header-padding-bottom: 0;
  --qds-navigation-titles-icon-size: 1.375rem;
  --qds-navigation-title-emphasized: bold 1.375rem/1.75rem var(--qds-font-family-brand);
  --qds-navigation-title: normal 1.375rem/1.75rem var(--qds-font-family-brand);
  --qds-navigation-title-subdued: normal 1.375rem/1.75rem var(--qds-font-family-brand);
  --qds-navigation-subtitle: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-navigation-kicker: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-popup-gap-children-unrelated: 1.5rem;
  --qds-popup-title-emphasized: bold 1.375rem/1.75rem var(--qds-font-family-brand);
  --qds-popup-title: normal 1.375rem/1.75rem var(--qds-font-family-brand);
  --qds-popup-title-subdued: normal 1.375rem/1.75rem var(--qds-font-family-brand);
  --qds-popup-subtitle: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-popup-titles-gap: .125rem;
  --qds-popup-titles-icon-size: 1.375rem;
  --qds-popup-titles-icon-gap: .25rem;
  --qds-popup-section-gap-children-related: 1rem;
  --qds-popup-section-gap-children-unrelated: 1.5rem;
  --qds-popup-section-title-emphasized: bold 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-popup-section-title: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-popup-section-title-subdued: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-popup-section-subtitle: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-popup-section-kicker: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-popup-section-titles-gap: .125rem;
  --qds-popup-section-titles-icon-size: 1.25rem;
  --qds-popup-section-titles-icon-crop-height: 1.25rem;
  --qds-popup-section-titles-icon-gap: .25rem;
  --qds-popup-subsection-subtitle: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-popup-subsection-kicker: normal .75rem/1rem var(--qds-font-family-brand);
  --qds-popup-subsection-titles-gap: .125rem;
  --qds-popup-subsection-titles-icon-gap: .25rem;
  --qds-popup-subsection-padding-top: 16px;
  --qds-popup-subsection-padding-bottom: 16px;
  --qds-popup-subsection-padding-start: 16px;
  --qds-popup-subsection-padding-end: 16px;
  --qds-popup-padding-top: 16px;
  --qds-popup-padding-bottom: 16px;
  --qds-popup-padding-start: 16px;
  --qds-popup-padding-end: 16px;
  --qds-accessory-title-emphasized: bold 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-accessory-title: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-accessory-title-subdued: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-accessory-subtitle: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-accessory-kicker: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-accessory-titles-gap: 0;
  --qds-accessory-titles-icon-size: 1.25rem;
  --qds-accessory-titles-icon-gap: .25rem;
  --qds-accessory-section-border-radius: 8px;
  --qds-accessory-section-titles-gap: 0;
  --qds-accessory-section-titles-icon-gap: .25rem;
  --qds-accessory-section-subtitle: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-accessory-section-kicker: normal .75rem/1rem var(--qds-font-family-brand);
  --qds-accessory-effect-position-y: .125rem;
  --qds-accessory-effect-blur: .5rem;
  --qds-accessory-elevation: 0 2px 8px 0 var(--qds-theme-effect-elevation);
  --qds-control-small-height: 3rem;
  --qds-control-small-gap-siblings-unrelated: 1rem;
  --qds-control-small-gap-internal: .25rem;
  --qds-control-small-text: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-control-small-padding-auto-height: 4px;
  --qds-control-small-link: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-control-small-link-emphasized: bold 1rem/1.25rem var(--qds-font-family-brand);
  --qds-control-small-text-emphasized: bold 1rem/1.25rem var(--qds-font-family-brand);
  --qds-control-toggle-small-box-size: 1.75rem;
  --qds-control-toggle-small-indicator-size: .75rem;
  --qds-control-toggle-small-track-height: 1.25rem;
  --qds-control-toggle-small-track-width: 2.5rem;
  --qds-control-toggle-small-height: 3rem;
  --qds-control-toggle-small-knob-border-radius: 6px;
  --qds-control-toggle-small-knob-width: 1rem;
  --qds-control-toggle-small-padding-horizontal: 8px;
  --qds-control-toggle-standard-box-size: 2rem;
  --qds-control-toggle-standard-indicator-size: 1rem;
  --qds-control-toggle-standard-track-height: 1.5rem;
  --qds-control-toggle-standard-track-width: 2.75rem;
  --qds-control-toggle-standard-height: 3.5rem;
  --qds-control-toggle-standard-knob-border-radius: 8px;
  --qds-control-toggle-standard-knob-width: 1.25rem;
  --qds-control-toggle-standard-padding-horizontal: 8px;
  --qds-control-toggle-large-box-size: 2.25rem;
  --qds-control-toggle-large-indicator-size: 1.25rem;
  --qds-control-toggle-large-track-height: 1.75rem;
  --qds-control-toggle-large-track-width: 3.25rem;
  --qds-control-toggle-large-height: 4rem;
  --qds-control-toggle-large-knob-border-radius: 10px;
  --qds-control-toggle-large-knob-width: 1.5rem;
  --qds-control-toggle-large-padding-horizontal: 12px;
  --qds-control-toggle-indicator-border-radius: 4px;
  --qds-control-standard-height: 3.5rem;
  --qds-control-standard-gap-siblings-unrelated: 1.25rem;
  --qds-control-standard-text: normal 1.125rem/1.5rem var(--qds-font-family-brand);
  --qds-control-standard-padding-auto-height: 4px;
  --qds-control-standard-link: normal 1.125rem/1.5rem var(--qds-font-family-brand);
  --qds-control-standard-link-emphasized: bold 1.125rem/1.5rem var(--qds-font-family-brand);
  --qds-control-standard-text-emphasized: bold 1.125rem/1.5rem var(--qds-font-family-brand);
  --qds-control-large-height: 4rem;
  --qds-control-large-gap-siblings-unrelated: 2rem;
  --qds-control-large-text: bold 1.25rem/1.75rem var(--qds-font-family-brand);
  --qds-control-large-padding-auto-height: 4px;
  --qds-control-large-link: bold 1.25rem/1.75rem var(--qds-font-family-brand);
  --qds-control-large-link-emphasized: bold 1.25rem/1.75rem var(--qds-font-family-brand);
  --qds-control-large-text-emphasized: bold 1.25rem/1.75rem var(--qds-font-family-brand);
  --qds-control-jumbo-text: normal 1.375rem/1.75rem var(--qds-font-family-brand);
  --qds-control-jumbo-icon-size: 4rem;
  --qds-control-jumbo-link: bold 1.375rem/1.75rem var(--qds-font-family-brand);
  --qds-control-jumbo-text-emphasized: bold 1.375rem/1.75rem var(--qds-font-family-brand);
  --qds-control-button-standard-padding-horizontal: 20px;
  --qds-control-button-large-padding-horizontal: 20px;
  --qds-control-input-padding-horizontal: 12px;
  --qds-control-border-radius: 6px;
  --qds-control-hero-link: bold 1.125rem/1.5rem var(--qds-font-family-brand);
  --qds-control-chip-large-padding-horizontal: 20px;
  --qds-control-chip-gap-internal: .5rem;
  --qds-control-tab-small-height: 3rem;
  --qds-control-tab-small-padding-horizontal: 16px;
  --qds-control-tab-standard-height: 3.5rem;
  --qds-control-tab-standard-padding-horizontal: 16px;
  --qds-control-tab-standard-gap-internal: .5rem;
  --qds-control-tab-large-height: 3.75rem;
  --qds-control-tab-large-padding-horizontal: 16px;
  --qds-control-tab-large-gap-internal: 1rem;
  --qds-control-fab-standard-text: normal 1.5rem/1.75rem var(--qds-font-family-brand);
  --qds-control-fab-standard-icon-size: 2rem;
  --qds-control-fab-small-text: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-control-fab-small-icon-size: 1.75rem;
  --qds-control-fab-large-text: bold 1.5rem/1.75rem var(--qds-font-family-brand);
  --qds-control-fab-large-icon-size: 2.5rem;
  --qds-control-fab-viewport-padding: 16px;
  --qds-control-segmented-gap-internal: .125rem;
  --qds-control-segmented-item-border-radius: 8px;
  --qds-control-logo-link-large-padding: 20px;
  --qds-control-logo-link-standard-padding: 18px;
  --qds-control-logo-link-small-padding: 14px;
  --qds-control-no-inline-standard-padding-vertical: 12px;
  --qds-control-no-inline-small-padding-vertical: 10px;
  --qds-control-no-inline-large-padding-vertical: 14px;
  --qds-display-avatar-standard-size: 3.5rem;
  --qds-display-avatar-standard-gap-internal: .75rem;
  --qds-display-avatar-small-size: 3rem;
  --qds-display-avatar-small-gap-internal: .75rem;
  --qds-display-avatar-large-size: 4rem;
  --qds-display-avatar-large-gap-internal: .75rem;
  --qds-display-interactive-standard-size: 3.5rem;
  --qds-display-interactive-small-size: 3rem;
  --qds-display-interactive-large-size: 4rem;
  --qds-display-standard-title: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-display-small-title: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-display-small-kicker: normal .75rem/1rem var(--qds-font-family-brand);
  --qds-list-item-standard-height: 4rem;
  --qds-list-item-standard-padding-horizontal: 16px;
  --qds-list-item-standard-padding-vertical: 16px;
  --qds-list-item-standard-gap-internal: .75rem;
  --qds-list-item-standard-title-emphasized: bold 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-list-item-standard-title: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-list-item-small-height: 3.5rem;
  --qds-list-item-small-titles-gap: 0;
  --qds-list-item-small-padding-horizontal: 16px;
  --qds-list-item-small-padding-vertical: 16px;
  --qds-list-item-small-gap-internal: .75rem;
  --qds-list-item-small-title-emphasized: bold 1rem/1.25rem var(--qds-font-family-brand);
  --qds-list-item-small-title: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-list-item-small-subtitle: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-list-item-small-kicker: normal .75rem/1rem var(--qds-font-family-brand);
  --qds-list-item-large-height: 4.5rem;
  --qds-list-item-large-titles-gap: 0;
  --qds-list-item-large-gap-internal: .75rem;
  --qds-list-item-large-title-emphasized: bold 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-list-item-large-title: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-focus-border-radius: 10px;
  --qds-feedback-badge-counter-standard-height: .875rem;
  --qds-feedback-badge-counter-standard-min-width: .875rem;
  --qds-feedback-badge-counter-small-padding-horizontal: 4px;
  --qds-feedback-badge-counter-large-min-width: 1rem;
  --qds-feedback-badge-counter-hero-min-width: 1.25rem;
  --qds-form-input-border-radius: 8px;
  --qds-form-input-standard-height: 3.5rem;
  --qds-form-input-small-height: 3rem;
  --qds-form-input-large-height: 4rem;
  --qds-form-standard-text: normal 1.125rem/1.5rem var(--qds-font-family-brand);
  --qds-form-standard-text-emphasized: bold 1.125rem/1.5rem var(--qds-font-family-brand);
  --qds-form-standard-icon-size: 1.25rem;
  --qds-form-small-text: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-form-small-text-emphasized: bold 1rem/1.25rem var(--qds-font-family-brand);
  --qds-form-small-icon-size: 1.25rem;
  --qds-form-large-text: normal 1.25rem/1.75rem var(--qds-font-family-brand);
  --qds-form-large-text-emphasized: bold 1.25rem/1.75rem var(--qds-font-family-brand);
  --qds-form-large-icon-size: 1.5rem;
  --qds-form-header-gap-vertical: .5rem;
  --qds-form-counter-standard-padding-horizontal: 16px;
  --qds-form-counter-standard-padding-vertical: 16px;
  --qds-form-counter-standard-input-width: 5.5rem;
  --qds-form-counter-small-padding-horizontal: 12px;
  --qds-form-counter-small-padding-vertical: 12px;
  --qds-form-counter-small-input-width: 5rem;
  --qds-form-counter-large-padding-horizontal: 20px;
  --qds-form-counter-large-padding-vertical: 20px;
  --qds-form-counter-large-input-width: 8rem;
  --qds-table-cell-standard-padding-horizontal: 16px;
  --qds-table-cell-standard-padding-vertical: 16px;
  --qds-table-cell-standard-gap-internal: .75rem;
  --qds-table-cell-standard-icon-size: 1.75rem;
  --qds-table-cell-standard-height: 4rem;
  --qds-table-cell-standard-picture-size: 3rem;
  --qds-table-cell-standard-title-emphasized: bold 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-table-cell-standard-title: normal 1.125rem/1.25rem var(--qds-font-family-brand);
  --qds-table-cell-small-titles-gap: 0;
  --qds-table-cell-small-padding-horizontal: 16px;
  --qds-table-cell-small-padding-vertical: 16px;
  --qds-table-cell-small-gap-internal: .75rem;
  --qds-table-cell-small-icon-size: 1.5rem;
  --qds-table-cell-small-height: 3.5rem;
  --qds-table-cell-small-title-emphasized: bold 1rem/1.25rem var(--qds-font-family-brand);
  --qds-table-cell-small-title: normal 1rem/1.25rem var(--qds-font-family-brand);
  --qds-table-cell-small-subtitle: normal .875rem/1rem var(--qds-font-family-brand);
  --qds-table-cell-small-kicker: normal .75rem/1rem var(--qds-font-family-brand);
  --qds-table-cell-large-titles-gap: 0;
  --qds-table-cell-large-gap-internal: .75rem;
  --qds-table-cell-large-icon-size: 2rem;
  --qds-table-cell-large-height: 4.5rem;
  --qds-table-cell-large-title-emphasized: bold 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-table-cell-large-title: normal 1.25rem/1.5rem var(--qds-font-family-brand);
  --qds-nav-element-small-height: 3rem;
  --qds-nav-element-small-padding-horizontal: 16px;
  --qds-nav-element-standard-height: 3.5rem;
  --qds-nav-element-standard-padding-horizontal: 16px;
  --qds-nav-element-standard-gap-internal: .5rem;
  --qds-nav-element-large-height: 3.75rem;
  --qds-nav-element-large-padding-horizontal: 16px;
  --qds-nav-element-large-gap-internal: 1rem;
  --qds-nav-element-pagination-select-standard-width: 5.5rem;
  --qds-nav-element-pagination-select-small-width: 4.75rem;
  --qds-nav-element-pagination-select-large-width: 6.25rem;
}

/* ---------- Desktop sizing (64rem and wider) ---------- */
@media (min-width: 64rem) {
  :root {
    --qds-text-icon-gap: .25rem;
    --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-gap-children-related: 1rem;
    --qds-main-section-gap-children-unrelated: 2rem;
    --qds-main-section-titles-gap: .25rem;
    --qds-main-section-titles-icon-size: 1.75rem;
    --qds-main-section-titles-icon-crop-height: 2rem;
    --qds-main-section-titles-icon-gap: .75rem;
    --qds-main-section-title-emphasized: bold 1.75rem/2rem var(--qds-font-family-brand);
    --qds-main-section-title: bold 1.75rem/2rem var(--qds-font-family-brand);
    --qds-main-section-title-subdued: normal 1.75rem/2rem var(--qds-font-family-brand);
    --qds-main-section-subtitle: normal 1.25rem/1.5rem var(--qds-font-family-brand);
    --qds-main-section-kicker: normal 1.125rem/1.5rem var(--qds-font-family-brand);
    --qds-main-subsection-padding-top: 24px;
    --qds-main-subsection-padding-bottom: 24px;
    --qds-main-subsection-padding-start: 24px;
    --qds-main-subsection-padding-end: 24px;
    --qds-main-subsection-gap-children-related: .5rem;
    --qds-main-subsection-border-radius: 12px;
    --qds-main-subsection-titles-gap: .25rem;
    --qds-main-subsection-titles-icon-size: 1.375rem;
    --qds-main-subsection-titles-icon-gap: .75rem;
    --qds-main-subsection-title-emphasized: bold 1.375rem/1.5rem var(--qds-font-family-brand);
    --qds-main-subsection-title: bold 1.375rem/1.5rem var(--qds-font-family-brand);
    --qds-main-subsection-title-subdued: normal 1.375rem/1.5rem var(--qds-font-family-brand);
    --qds-main-subsection-subtitle: normal 1.125rem/1.25rem var(--qds-font-family-brand);
    --qds-main-subsection-kicker: normal 1rem/1.25rem var(--qds-font-family-brand);
    --qds-main-titles-icon-size: 2rem;
    --qds-main-titles-icon-crop-height: 2.25rem;
    --qds-main-title: normal 2rem/2.25rem var(--qds-font-family-brand);
    --qds-main-title-subdued: normal 2rem/2.25rem var(--qds-font-family-brand);
    --qds-list-item-small-titles-gap: .125rem;
    --qds-list-item-small-padding-horizontal: 6px;
    --qds-list-item-small-padding-vertical: 6px;
    --qds-list-item-small-gap-internal: .375rem;
    --qds-list-item-small-height: 1.75rem;
    --qds-list-item-small-title-emphasized: bold .875rem/1rem var(--qds-font-family-brand);
    --qds-list-item-small-title: normal .875rem/1rem var(--qds-font-family-brand);
    --qds-list-item-small-subtitle: normal .8125rem/1rem var(--qds-font-family-brand);
    --qds-list-item-small-kicker: normal .75rem/.75rem var(--qds-font-family-brand);
    --qds-list-item-standard-padding-horizontal: 8px;
    --qds-list-item-standard-padding-vertical: 8px;
    --qds-list-item-standard-gap-internal: .5rem;
    --qds-list-item-standard-height: 2.25rem;
    --qds-list-item-standard-title-emphasized: bold 1rem/1.25rem var(--qds-font-family-brand);
    --qds-list-item-standard-title: normal 1rem/1.25rem var(--qds-font-family-brand);
    --qds-list-item-large-titles-gap: .125rem;
    --qds-list-item-large-height: 3.5rem;
    --qds-list-item-large-gap-internal: 1rem;
    --qds-list-item-large-title-emphasized: bold 1.125rem/1.5rem var(--qds-font-family-brand);
    --qds-list-item-large-title: normal 1.125rem/1.5rem var(--qds-font-family-brand);
    --qds-panel-gap-children-related: .75rem;
    --qds-panel-border-radius: 12px;
    --qds-panel-titles-gap: .25rem;
    --qds-panel-titles-icon-size: 1.5rem;
    --qds-panel-titles-icon-gap: .75rem;
    --qds-panel-section-gap-children-related: .5rem;
    --qds-panel-section-gap-children-unrelated: 1.25rem;
    --qds-panel-section-titles-gap: .25rem;
    --qds-panel-section-titles-icon-size: 1.375rem;
    --qds-panel-section-titles-icon-gap: .75rem;
    --qds-panel-section-title-emphasized: bold 1.375rem/1.5rem var(--qds-font-family-brand);
    --qds-panel-section-title: bold 1.375rem/1.5rem var(--qds-font-family-brand);
    --qds-panel-section-title-subdued: normal 1.375rem/1.5rem var(--qds-font-family-brand);
    --qds-panel-section-subtitle: normal 1.125rem/1.25rem var(--qds-font-family-brand);
    --qds-panel-section-kicker: normal 1rem/1.25rem var(--qds-font-family-brand);
    --qds-panel-subsection-gap-children-unrelated: 1rem;
    --qds-panel-subsection-border-radius: 8px;
    --qds-panel-subsection-titles-gap: .25rem;
    --qds-panel-subsection-titles-icon-gap: .5rem;
    --qds-panel-subsection-title: bold 1.125rem/1.25rem var(--qds-font-family-brand);
    --qds-panel-subsection-subtitle: normal 1rem/1.25rem var(--qds-font-family-brand);
    --qds-panel-subsection-kicker: normal .875rem/1rem var(--qds-font-family-brand);
    --qds-panel-padding-top: 24px;
    --qds-panel-padding-bottom: 24px;
    --qds-panel-title-emphasized: bold 1.5rem/1.75rem var(--qds-font-family-brand);
    --qds-panel-title: normal 1.5rem/1.75rem var(--qds-font-family-brand);
    --qds-panel-title-subdued: normal 1.5rem/1.75rem var(--qds-font-family-brand);
    --qds-panel-subtitle: normal 1.25rem/1.5rem var(--qds-font-family-brand);
    --qds-panel-kicker: normal 1.125rem/1.5rem var(--qds-font-family-brand);
    --qds-navigation-padding-vertical: 24px;
    --qds-navigation-padding-horizontal: 24px;
    --qds-navigation-gap-children-related: .75rem;
    --qds-navigation-gap-children-unrelated: 1.5rem;
    --qds-navigation-border-radius: 12px;
    --qds-navigation-section-padding-vertical: 8px;
    --qds-navigation-section-padding-horizontal: 8px;
    --qds-navigation-section-gap-children-related: .5rem;
    --qds-navigation-section-gap-children-unrelated: 1.25rem;
    --qds-navigation-section-title-emphasized: bold 1.375rem/1.5rem var(--qds-font-family-brand);
    --qds-navigation-section-title: normal 1.375rem/1.5rem var(--qds-font-family-brand);
    --qds-navigation-section-title-subdued: normal 1.375rem/1.5rem var(--qds-font-family-brand);
    --qds-navigation-section-subtitle: normal 1.125rem/1.25rem var(--qds-font-family-brand);
    --qds-navigation-section-kicker: normal 1rem/1.25rem var(--qds-font-family-brand);
    --qds-navigation-section-titles-gap: .25rem;
    --qds-navigation-section-titles-icon-size: 1.375rem;
    --qds-navigation-section-titles-icon-gap: .75rem;
    --qds-navigation-title-emphasized: bold 1.5rem/1.75rem var(--qds-font-family-brand);
    --qds-navigation-title: normal 1.5rem/1.75rem var(--qds-font-family-brand);
    --qds-navigation-title-subdued: normal 1.5rem/1.75rem var(--qds-font-family-brand);
    --qds-navigation-subtitle: normal 1.25rem/1.5rem var(--qds-font-family-brand);
    --qds-navigation-kicker: normal 1.125rem/1.5rem var(--qds-font-family-brand);
    --qds-navigation-subsection-subtitle: normal 1rem/1.25rem var(--qds-font-family-brand);
    --qds-navigation-subsection-kicker: normal .875rem/1.25rem var(--qds-font-family-brand);
    --qds-navigation-subsection-titles-gap: .25rem;
    --qds-navigation-header-padding-horizontal: 56px;
    --qds-navigation-header-padding-start: 56px;
    --qds-navigation-header-padding-end: 56px;
    --qds-navigation-header-padding-vertical: 8px;
    --qds-navigation-header-padding-top: 8px;
    --qds-navigation-header-padding-bottom: 8px;
    --qds-navigation-titles-icon-size: 1.5rem;
    --qds-popup-gap-children-unrelated: 2rem;
    --qds-popup-title-emphasized: bold 1.5rem/1.75rem var(--qds-font-family-brand);
    --qds-popup-title: normal 1.5rem/1.75rem var(--qds-font-family-brand);
    --qds-popup-title-subdued: normal 1.5rem/1.75rem var(--qds-font-family-brand);
    --qds-popup-subtitle: normal 1.25rem/1.5rem var(--qds-font-family-brand);
    --qds-popup-titles-gap: .25rem;
    --qds-popup-titles-icon-size: 1.5rem;
    --qds-popup-titles-icon-gap: .75rem;
    --qds-popup-section-gap-children-related: .5rem;
    --qds-popup-section-gap-children-unrelated: 1.25rem;
    --qds-popup-section-title-emphasized: bold 1.375rem/1.5rem var(--qds-font-family-brand);
    --qds-popup-section-title: normal 1.375rem/1.5rem var(--qds-font-family-brand);
    --qds-popup-section-title-subdued: normal 1.375rem/1.5rem var(--qds-font-family-brand);
    --qds-popup-section-subtitle: normal 1.125rem/1.25rem var(--qds-font-family-brand);
    --qds-popup-section-kicker: normal 1rem/1.25rem var(--qds-font-family-brand);
    --qds-popup-section-titles-gap: .25rem;
    --qds-popup-section-titles-icon-size: 1.375rem;
    --qds-popup-section-titles-icon-crop-height: 1.5rem;
    --qds-popup-section-titles-icon-gap: .75rem;
    --qds-popup-subsection-subtitle: normal 1rem/1.25rem var(--qds-font-family-brand);
    --qds-popup-subsection-kicker: normal .875rem/1.25rem var(--qds-font-family-brand);
    --qds-popup-subsection-titles-gap: .25rem;
    --qds-popup-subsection-titles-icon-gap: .5rem;
    --qds-popup-subsection-padding-top: 12px;
    --qds-popup-subsection-padding-bottom: 12px;
    --qds-popup-subsection-padding-start: 12px;
    --qds-popup-subsection-padding-end: 12px;
    --qds-popup-padding-top: 24px;
    --qds-popup-padding-bottom: 24px;
    --qds-popup-padding-start: 24px;
    --qds-popup-padding-end: 24px;
    --qds-accessory-title-emphasized: bold 1.375rem/1.5rem var(--qds-font-family-brand);
    --qds-accessory-title: normal 1.375rem/1.5rem var(--qds-font-family-brand);
    --qds-accessory-title-subdued: normal 1.375rem/1.5rem var(--qds-font-family-brand);
    --qds-accessory-subtitle: normal 1.125rem/1.25rem var(--qds-font-family-brand);
    --qds-accessory-kicker: normal 1rem/1.25rem var(--qds-font-family-brand);
    --qds-accessory-titles-gap: .25rem;
    --qds-accessory-titles-icon-size: 1.375rem;
    --qds-accessory-titles-icon-gap: .75rem;
    --qds-accessory-section-border-radius: 4px;
    --qds-accessory-section-subtitle: normal 1rem/1.25rem var(--qds-font-family-brand);
    --qds-accessory-section-kicker: normal .875rem/1.25rem var(--qds-font-family-brand);
    --qds-accessory-section-titles-gap: .25rem;
    --qds-accessory-section-titles-icon-gap: .5rem;
    --qds-accessory-effect-position-y: .5rem;
    --qds-accessory-effect-blur: 1rem;
    --qds-accessory-elevation: 0 8px 16px 0 var(--qds-theme-effect-elevation);
    --qds-control-small-height: 1.75rem;
    --qds-control-small-gap-siblings-unrelated: 1.75rem;
    --qds-control-small-gap-internal: .5rem;
    --qds-control-small-text: normal .875rem/1rem var(--qds-font-family-brand);
    --qds-control-small-text-emphasized: bold .875rem/1rem var(--qds-font-family-brand);
    --qds-control-small-link: normal .875rem/1rem var(--qds-font-family-brand);
    --qds-control-small-link-emphasized: bold .875rem/1rem var(--qds-font-family-brand);
    --qds-control-small-padding-auto-height: 6px;
    --qds-control-toggle-small-box-size: 1rem;
    --qds-control-toggle-small-indicator-size: .5rem;
    --qds-control-toggle-small-track-height: 1rem;
    --qds-control-toggle-small-track-width: 2rem;
    --qds-control-toggle-small-height: 1.5rem;
    --qds-control-toggle-small-knob-border-radius: 4px;
    --qds-control-toggle-small-knob-width: .75rem;
    --qds-control-toggle-small-padding-horizontal: 6px;
    --qds-control-toggle-standard-box-size: 1.25rem;
    --qds-control-toggle-standard-indicator-size: .625rem;
    --qds-control-toggle-standard-track-height: 1.25rem;
    --qds-control-toggle-standard-track-width: 2.5rem;
    --qds-control-toggle-standard-height: 1.75rem;
    --qds-control-toggle-standard-knob-border-radius: 6px;
    --qds-control-toggle-standard-knob-width: 1rem;
    --qds-control-toggle-standard-padding-horizontal: 6px;
    --qds-control-toggle-large-box-size: 1.5rem;
    --qds-control-toggle-large-indicator-size: .75rem;
    --qds-control-toggle-large-track-height: 1.5rem;
    --qds-control-toggle-large-track-width: 3rem;
    --qds-control-toggle-large-height: 2rem;
    --qds-control-toggle-large-knob-border-radius: 8px;
    --qds-control-toggle-large-knob-width: 1.25rem;
    --qds-control-toggle-large-padding-horizontal: 8px;
    --qds-control-toggle-indicator-border-radius: 2px;
    --qds-control-standard-height: 2rem;
    --qds-control-standard-gap-siblings-unrelated: 2rem;
    --qds-control-standard-text: normal 1rem/1.25rem var(--qds-font-family-brand);
    --qds-control-standard-text-emphasized: bold 1rem/1.25rem var(--qds-font-family-brand);
    --qds-control-standard-link: normal 1rem/1.25rem var(--qds-font-family-brand);
    --qds-control-standard-link-emphasized: bold 1rem/1.25rem var(--qds-font-family-brand);
    --qds-control-standard-padding-auto-height: 6px;
    --qds-control-large-height: 2.5rem;
    --qds-control-large-gap-siblings-unrelated: 2.5rem;
    --qds-control-large-text: normal 1rem/1.5rem var(--qds-font-family-brand);
    --qds-control-large-text-emphasized: bold 1rem/1.5rem var(--qds-font-family-brand);
    --qds-control-large-link: normal 1rem/1.5rem var(--qds-font-family-brand);
    --qds-control-large-link-emphasized: bold 1rem/1.5rem var(--qds-font-family-brand);
    --qds-control-large-padding-auto-height: 8px;
    --qds-control-jumbo-text: normal 1rem/1.5rem var(--qds-font-family-brand);
    --qds-control-jumbo-text-emphasized: bold 1rem/1.5rem var(--qds-font-family-brand);
    --qds-control-jumbo-link: normal 1rem/1.5rem var(--qds-font-family-brand);
    --qds-control-jumbo-icon-size: 6rem;
    --qds-control-button-standard-padding-horizontal: 12px;
    --qds-control-button-large-padding-horizontal: 16px;
    --qds-control-button-large-padding-top: 2px;
    --qds-control-chip-gap-internal: .25rem;
    --qds-control-chip-large-padding-horizontal: 16px;
    --qds-control-fab-standard-icon-size: 1.75rem;
    --qds-control-fab-standard-text: normal 1.5rem/2rem var(--qds-font-family-brand);
    --qds-control-fab-small-icon-size: 1.5rem;
    --qds-control-fab-small-text: normal 1.25rem/1.75rem var(--qds-font-family-brand);
    --qds-control-fab-large-icon-size: 2rem;
    --qds-control-fab-large-text: bold 2rem/2.5rem var(--qds-font-family-brand);
    --qds-control-fab-viewport-padding: 32px;
    --qds-control-input-padding-horizontal: 8px;
    --qds-control-border-radius: 4px;
    --qds-control-hero-link: normal 1.125rem/1.5rem var(--qds-font-family-brand);
    --qds-control-hero-link-emphasized: bold 1.125rem/1.5rem var(--qds-font-family-brand);
    --qds-control-tab-small-height: 2.25rem;
    --qds-control-tab-small-padding-horizontal: 8px;
    --qds-control-tab-standard-height: 3rem;
    --qds-control-tab-standard-padding-horizontal: 8px;
    --qds-control-tab-standard-gap-internal: .75rem;
    --qds-control-tab-large-height: 4rem;
    --qds-control-tab-large-padding-horizontal: 12px;
    --qds-control-tab-large-gap-internal: .75rem;
    --qds-control-segmented-gap-internal: .25rem;
    --qds-control-logo-link-small-padding: 8px;
    --qds-control-logo-link-standard-padding: 8px;
    --qds-control-logo-link-large-padding: 12px;
    --qds-control-no-inline-standard-padding-vertical: 4px;
    --qds-control-no-inline-small-padding-vertical: 4px;
    --qds-control-no-inline-large-padding-vertical: 4px;
    --qds-display-avatar-standard-size: 2rem;
    --qds-display-avatar-standard-gap-internal: .5rem;
    --qds-display-avatar-small-size: 1.75rem;
    --qds-display-avatar-small-gap-internal: .375rem;
    --qds-display-avatar-large-size: 2.5rem;
    --qds-display-avatar-large-gap-internal: 1rem;
    --qds-display-interactive-standard-size: 2rem;
    --qds-display-interactive-small-size: 1.75rem;
    --qds-display-interactive-large-size: 2.5rem;
    --qds-display-standard-title: normal 1rem/1.25rem var(--qds-font-family-brand);
    --qds-display-small-title: normal .875rem/1rem var(--qds-font-family-brand);
    --qds-display-small-kicker: normal .75rem/.75rem var(--qds-font-family-brand);
    --qds-form-small-icon-size: 1rem;
    --qds-form-small-text: normal .875rem/1rem var(--qds-font-family-brand);
    --qds-form-small-text-emphasized: bold .875rem/1rem var(--qds-font-family-brand);
    --qds-form-standard-icon-size: 1rem;
    --qds-form-standard-text: normal 1rem/1.25rem var(--qds-font-family-brand);
    --qds-form-standard-text-emphasized: bold 1rem/1.25rem var(--qds-font-family-brand);
    --qds-form-large-icon-size: 1rem;
    --qds-form-large-text: normal 1rem/1.5rem var(--qds-font-family-brand);
    --qds-form-large-text-emphasized: bold 1rem/1.5rem var(--qds-font-family-brand);
    --qds-form-input-standard-height: 2rem;
    --qds-form-input-small-height: 1.75rem;
    --qds-form-input-large-height: 2.5rem;
    --qds-form-input-border-radius: 4px;
    --qds-form-header-gap-vertical: .25rem;
    --qds-form-counter-standard-padding-horizontal: 4px;
    --qds-form-counter-standard-padding-vertical: 4px;
    --qds-form-counter-standard-input-width: 4.5rem;
    --qds-form-counter-small-padding-horizontal: 2px;
    --qds-form-counter-small-padding-vertical: 2px;
    --qds-form-counter-small-input-width: 4rem;
    --qds-form-counter-large-padding-horizontal: 8px;
    --qds-form-counter-large-padding-vertical: 8px;
    --qds-form-counter-large-input-width: 5rem;
    --qds-feedback-badge-counter-standard-height: 1rem;
    --qds-feedback-badge-counter-standard-min-width: .75rem;
    --qds-feedback-badge-counter-small-padding-horizontal: 2px;
    --qds-feedback-badge-counter-large-min-width: .875rem;
    --qds-feedback-badge-counter-hero-min-width: 1rem;
    --qds-focus-border-radius: 8px;
    --qds-table-cell-small-titles-gap: .125rem;
    --qds-table-cell-small-padding-horizontal: 6px;
    --qds-table-cell-small-padding-vertical: 6px;
    --qds-table-cell-small-gap-internal: .375rem;
    --qds-table-cell-small-icon-size: 1rem;
    --qds-table-cell-small-height: 2.25rem;
    --qds-table-cell-small-title-emphasized: bold .875rem/1rem var(--qds-font-family-brand);
    --qds-table-cell-small-title: normal .875rem/1rem var(--qds-font-family-brand);
    --qds-table-cell-small-subtitle: normal .8125rem/1rem var(--qds-font-family-brand);
    --qds-table-cell-small-kicker: normal .75rem/.75rem var(--qds-font-family-brand);
    --qds-table-cell-standard-padding-horizontal: 8px;
    --qds-table-cell-standard-padding-vertical: 8px;
    --qds-table-cell-standard-gap-internal: .5rem;
    --qds-table-cell-standard-icon-size: 1.25rem;
    --qds-table-cell-standard-picture-size: 1.5rem;
    --qds-table-cell-standard-height: 2.5rem;
    --qds-table-cell-standard-title-emphasized: bold 1rem/1.25rem var(--qds-font-family-brand);
    --qds-table-cell-standard-title: normal 1rem/1.25rem var(--qds-font-family-brand);
    --qds-table-cell-large-titles-gap: .125rem;
    --qds-table-cell-large-gap-internal: 1rem;
    --qds-table-cell-large-icon-size: 1.5rem;
    --qds-table-cell-large-height: 3.5rem;
    --qds-table-cell-large-title-emphasized: bold 1.125rem/1.5rem var(--qds-font-family-brand);
    --qds-table-cell-large-title: normal 1.125rem/1.5rem var(--qds-font-family-brand);
    --qds-nav-element-small-padding-horizontal: 8px;
    --qds-nav-element-small-height: 2.25rem;
    --qds-nav-element-standard-padding-horizontal: 8px;
    --qds-nav-element-standard-gap-internal: .75rem;
    --qds-nav-element-standard-height: 3rem;
    --qds-nav-element-large-padding-horizontal: 12px;
    --qds-nav-element-large-gap-internal: .75rem;
    --qds-nav-element-large-height: 4rem;
    --qds-nav-element-pagination-select-standard-width: 5rem;
    --qds-nav-element-pagination-select-small-width: 4.5rem;
    --qds-nav-element-pagination-select-large-width: 5.5rem;
  }
}

/* ---------- Optional dark theme: add class="qds-theme-dark" to <html> ---------- */
.qds-theme-dark {
  color-scheme: dark;
  --qds-theme-text-standard: #fff;
  --qds-theme-text-emphasized: #fff;
  --qds-theme-text-subdued: #abb3b8;
  --qds-theme-link-standard-default: #00a1e0;
  --qds-theme-link-standard-hover: #42caff;
  --qds-theme-link-standard-pressed: #8fdfff;
  --qds-theme-link-emphasized-default: #00a1e0;
  --qds-theme-link-emphasized-hover: #42caff;
  --qds-theme-link-emphasized-pressed: #8fdfff;
  --qds-theme-link-subdued-default: #fff;
  --qds-theme-link-subdued-hover: #f0f1f2;
  --qds-theme-link-subdued-pressed: #ced3d6;
  --qds-theme-link-visited-default: #b076e5;
  --qds-theme-link-visited-hover: #c093eb;
  --qds-theme-link-visited-pressed: #d2b2f1;
  --qds-theme-title: #fff;
  --qds-theme-subtitle: #ced3d6;
  --qds-theme-kicker: #abb3b8;
  --qds-theme-figure-caption: #fff;
  --qds-theme-signature-color-default: #3dcd58;
  --qds-theme-signature-color-hover: #69d87e;
  --qds-theme-signature-color-pressed: #a6e8b2;
  --qds-theme-signature-color-contrast: #090b0c;
  --qds-theme-signature-logo-standard: #3dcd58;
  --qds-theme-signature-logo-subdued: #abb3b8;
  --qds-theme-signature-name-standard: #3dcd58;
  --qds-theme-signature-name-subdued: #abb3b8;
  --qds-theme-signature-circle-progress-determinate: #3dcd58;
  --qds-theme-signature-circle-progress-indeterminate: conic-gradient(from 124deg at 66% 31%,#3dcd58 0deg,#008029 141deg,#00802900 360deg);
  --qds-theme-signature-line-progress-determinate: #3dcd58;
  --qds-theme-signature-line-progress-indeterminate: linear-gradient(90deg,#3dcd58,#008029);
  --qds-theme-feedback-message-neutral: #e6e9eb;
  --qds-theme-feedback-message-neutral-dimmed: #293033;
  --qds-theme-feedback-message-neutral-contrast: #090b0c;
  --qds-theme-feedback-message-informational: #00a1e0;
  --qds-theme-feedback-message-informational-dimmed: #002533;
  --qds-theme-feedback-message-informational-contrast: #090b0c;
  --qds-theme-feedback-message-important: #f06c00;
  --qds-theme-feedback-message-important-dimmed: #2f1a0e;
  --qds-theme-feedback-message-important-contrast: #090b0c;
  --qds-theme-feedback-message-critical: #ff4b38;
  --qds-theme-feedback-message-critical-dimmed: #3d0600;
  --qds-theme-feedback-message-critical-contrast: #090b0c;
  --qds-theme-feedback-message-success: #3dcd58;
  --qds-theme-feedback-message-success-dimmed: #00240b;
  --qds-theme-feedback-message-success-contrast: #090b0c;
  --qds-theme-feedback-message-critical-transparent: #ff4b3800;
  --qds-theme-feedback-message-important-transparent: #f06c0000;
  --qds-theme-feedback-message-informational-transparent: #00a1e000;
  --qds-theme-feedback-message-neutral-contrast-transparent: #090b0c00;
  --qds-theme-feedback-message-neutral-transparent: #e6e9eb00;
  --qds-theme-feedback-action-safe: #3dcd58;
  --qds-theme-feedback-action-unsafe: #f06c00;
  --qds-theme-feedback-action-destructive-default: #ff4b38;
  --qds-theme-feedback-action-destructive-hover: #ff7566;
  --qds-theme-feedback-action-destructive-pressed: #ff9e94;
  --qds-theme-feedback-action-destructive-contrast: #090b0c;
  --qds-theme-feedback-status-good: #3dcd58;
  --qds-theme-feedback-status-concerning: #f06c00;
  --qds-theme-feedback-status-bad: #ff4b38;
  --qds-theme-feedback-result-success: #3dcd58;
  --qds-theme-feedback-result-success-dimmed: #00240b;
  --qds-theme-feedback-result-success-contrast: #090b0c;
  --qds-theme-feedback-result-partial-success: #f06c00;
  --qds-theme-feedback-result-failure: #ff4b38;
  --qds-theme-feedback-availability-available: #3dcd58;
  --qds-theme-feedback-availability-unavailable: #abb3b8;
  --qds-theme-feedback-alarm-error: #ff4b38;
  --qds-theme-feedback-alarm-severe: #ff4b38;
  --qds-theme-feedback-alarm-critical: #ff4b38;
  --qds-theme-feedback-field-required: #ff4b38;
  --qds-theme-focus-border: #fff;
  --qds-theme-focus-border-contrast: #00374d;
  --qds-theme-main-background: #090b0c;
  --qds-theme-main-emphasized: #1d2326;
  --qds-theme-main-subsection-standard-background: #151a1c;
  --qds-theme-main-subsection-standard-border: #41494d;
  --qds-theme-panel-background: #0f1214;
  --qds-theme-panel-emphasized: #1d2326;
  --qds-theme-panel-subsection-standard-border: #41494d;
  --qds-theme-navigation-background: #151a1c;
  --qds-theme-navigation-subdued: #090b0c;
  --qds-theme-navigation-subsection-standard-background: #090b0c;
  --qds-theme-popup-background: #151a1c;
  --qds-theme-popup-border: #41494d;
  --qds-theme-popup-subsection-standard-background: #1d2326;
  --qds-theme-accessory-background: #1d2326;
  --qds-theme-accessory-border: #41494d;
  --qds-theme-accessory-section-standard-background: #1d2326;
  --qds-theme-control-text-standard: #fff;
  --qds-theme-control-text-standard-contrast: #090b0c;
  --qds-theme-control-text-placeholder: #abb3b8;
  --qds-theme-control-slider-track-background: #41494d;
  --qds-theme-control-slider-lead-background: #fff;
  --qds-theme-control-toggle-track-default: #abb3b8;
  --qds-theme-control-toggle-track-hover: #c2c9cc;
  --qds-theme-control-toggle-track-pressed: #dadee0;
  --qds-theme-control-segmented-item-background-hover: #636a6e26;
  --qds-theme-control-segmented-item-background-pressed: #636a6e40;
  --qds-theme-control-segmented-item-background-selected: #090b0c;
  --qds-theme-control-segmented-item-background-selected-hover: #29303399;
  --qds-theme-control-segmented-item-background-selected-pressed: #29303373;
  --qds-theme-control-background-default: #1d2326;
  --qds-theme-control-background-default-contrast: #fff;
  --qds-theme-control-background-hover-contrast: #e6e9eb;
  --qds-theme-control-background-pressed-contrast: #dadee0;
  --qds-theme-control-background-read-only: #fafafa;
  --qds-theme-control-background-read-only-contrast: #e6e9eb73;
  --qds-theme-control-border-default: #fff;
  --qds-theme-control-border-default-contrast: #1d2326;
  --qds-theme-control-border-read-only: #e6e9eb73;
  --qds-theme-divider-standard: #636a6e;
  --qds-theme-divider-emphasized: #abb3b8;
  --qds-theme-divider-subdued: #41494d;
  --qds-theme-effect-elevation: #090b0c66;
  --qds-theme-form-input-background-default: #0f1214;
  --qds-theme-form-input-background-hover: #1d2326;
  --qds-theme-form-input-background-active: #0f1214;
  --qds-theme-form-input-background-read-only: #0f1214;
  --qds-theme-form-input-border-default: #abb3b8;
  --qds-theme-form-input-border-hover: #dadee0;
  --qds-theme-form-input-border-success: #3dcd58;
  --qds-theme-form-input-border-error: #ff4b38;
  --qds-theme-form-input-border-warning: #f06c00;
  --qds-theme-form-input-border-disabled: #abb3b840;
  --qds-theme-form-input-text-placeholder: #b6bec2;
  --qds-theme-form-input-text-active: #fff;
  --qds-theme-form-counter: #f0f1f208;
  --qds-theme-interactive-background-opacity-hover-contrast: #636a6e14;
  --qds-theme-interactive-background-opacity-pressed-contrast: #636a6e29;
  --qds-theme-interactive-background-opacity-selected-contrast: #636a6e14;
  --qds-theme-interactive-background-default: #090b0c00;
  --qds-theme-interactive-background-default-banded: #f0f1f208;
  --qds-theme-interactive-background-hover: #636a6e26;
  --qds-theme-interactive-background-pressed: #636a6e40;
  --qds-theme-interactive-background-selected: #293033;
  --qds-theme-interactive-background-selected-hover: #29303399;
  --qds-theme-interactive-background-selected-pressed: #29303373;
  --qds-theme-display-background: #e6e9eb;
  --qds-theme-display-background-contrast: #090b0c;
  --qds-theme-nav-element-stepper-step-border-color-active: #fff;
  --qds-theme-nav-element-stepper-step-border-color-default: #636a6e;
  --qds-theme-nav-element-selection-indicator-background-subdued: #fff;
}

/* ---------- Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--qds-theme-main-background);
  color: var(--qds-theme-text-standard);
  font: var(--qds-text-standard);
  font-family: var(--qds-font-family-brand);
}
h1 { font: var(--qds-main-title-emphasized); color: var(--qds-theme-title); margin: 0 0 var(--qds-main-section-gap-children-related); }
h2 { font: var(--qds-main-section-title-emphasized); color: var(--qds-theme-title); margin: 0 0 var(--qds-main-section-gap-children-related); }
h3 { font: var(--qds-main-subsection-title-emphasized); color: var(--qds-theme-title); margin: 0 0 var(--qds-main-subsection-gap-children-related); }
p, li { font: var(--qds-text-standard); font-family: var(--qds-font-family-brand); }
small, .qds-subdued { font: var(--qds-text-subdued); font-family: var(--qds-font-family-brand); color: var(--qds-theme-text-subdued); }
code, pre { font: var(--qds-code-standard); }
a { color: var(--qds-theme-link-standard-default); }
a:hover { color: var(--qds-theme-link-standard-hover); }
a:active { color: var(--qds-theme-link-standard-pressed); }
:focus-visible {
  outline: var(--qds-focus-light-border-width) solid var(--qds-theme-focus-border);
  outline-offset: var(--qds-focus-border-offset);
}
img { max-width: 100%; height: auto; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}