qc-trousse-sdg 1.4.3 → 1.4.5

package/README.md

@@ -1,5 +1,9 @@
 # Trousse de développement du Système de design gouvernemental du Québec
 
+## Avertissement
+
+Cette version de la trousse est réglée pour une valeur de `root-font-size` de 62,5 %. Pour un `root-font-size` de 100 %, veuillez consulter la branche `main-rfz100` à cette adresse : https://github.com/Quebecca/qc_trousse_sdg/tree/main-rfz100 
+
 ## Présentation
 
 La trousse de développement du Système de design gouvernemental (SDG) est un projet Node.js dont l’objectif est de générer un jeu de ressources — feuilles de style, images, fichiers JavaScript, etc. — à utiliser pour intégrer les composants du Système de design gouvernemental dans un site Web.
@@ -300,82 +304,103 @@ Dans la version 1.3.0, il suffit d'importer `qc-sdg-lib.scss` pour bénéficier
 ```
 
 ## Historique
-- 1.4.3:
+- 1.4.5 :
+  - Correction de bugs :
+    - Correction de sélection d'input passé en `slot` dans `qc-checkbox` lorsque plusieurs éléments `input` sont présents ;
+    - Bandeau d'en-tête du PIV :
+      - Ajustement des dimensions et couleur de la bordure de focus sur la signature et les liens inclus dans le PIV ;
+      - Ajustement du comportement du titre de site lorsqu'il ne renvoie pas à un lien ;
+      - Changement des fichiers SVG du logo du Québec pour retirer les marges supérieures et inférieures ;
+    - Champ texte :
+      - Correction de la mauvaise largeur du champ texte lorsque placé dans un conteneur flex ;
+      - Retrait des jetons `--qc-size-input-max-width` et `--qc-size-textarea-max-width`, à remplacer au besoin par `--qc-size-max-width-md` et `--qc-size-max-width-lg` respectivement. Ces jetons définissaient la largeur maximale des champs de texte par défaut ; elle est désormais gérée dans le composant qc-textfield dont l'attribut size reçoit une valeur par défaut ;
+    - Liste déroulante :
+      - Changement de l'affichage du texte des options pour s'enrouler sur la ligne suivante (précédemment une ellipse) ;
+      - Ajustement de l'application de la marge inférieure pour être ajustable depuis le DOM clair ;
+      - Ajout d'un dispatch d'événement `change` lors d'un changement de sélection ;
+      - Correction de bugs affectant la synchronisation du select et du qc-select.
+    - Alerte :
+      - Ajustement de la couleur du bouton X pour fermer l'alerte: `--qc-color-text-primary` → `--qc-color-blue-piv` ;
+  - Bonification des tests Playwright pour couvrir plus de cas ;
+- 1.4.4 :
+  - Correction de bugs : 
+    - Correction du style des boutons désactivés : https://github.com/Quebecca/qc_trousse_sdg/issues/28 ;
+- 1.4.3 :
   - Correction de bugs :
     - Documentation :
-      - Changement de la couleur de fond du menu de thème sombre
+      - Changement de la couleur de fond du menu de thème sombre ;
     - Boutons :
-      - Correction de la hauteur des boutons : https://github.com/Quebecca/qc_trousse_sdg/issues/23
-      - Gestion des espacements horizontaux à partir de la classe `qc-button-group` sur l'élément parent
+      - Correction de la hauteur des boutons : https://github.com/Quebecca/qc_trousse_sdg/issues/23 ;
+      - Gestion des espacements horizontaux à partir de la classe `qc-button-group` sur l'élément parent ;
     - Boutons de sélection :
-      - Ajustement de la couleur des boutons de sélection à l'état sélectionné : gris pâle -> bleu clair
+      - Ajustement de la couleur des boutons de sélection à l'état sélectionné : gris pâle → bleu clair ;
     - Champs texte :
-      - Correction de la hauteur des champs texte
-      - Correction de la graisse des libellés
+      - Correction de la hauteur des champs texte ;
+      - Correction de la graisse des libellés ;
     - Haut de page :
-      - Correction de l'offset de l'outline du bouton de haut de page
+      - Correction de l'offset de l'outline du bouton de haut de page ;
     - Liste déroulante :
-      - Correction de la hauteur de la liste déroulante à l'état fermé
-- 1.4.2:
+      - Correction de la hauteur de la liste déroulante à l'état fermé ;
+- 1.4.2 :
   - Correction de bugs :
-    - https://github.com/Quebecca/qc_trousse_sdg/issues/20
-    - https://github.com/Quebecca/qc_trousse_sdg/issues/19
-  - Ajout de tests PW pour les composants Svelte.
-- 1.4.1:
+    - https://github.com/Quebecca/qc_trousse_sdg/issues/20 ;
+    - https://github.com/Quebecca/qc_trousse_sdg/issues/19 ;
+  - Ajout de tests PW pour les composants Svelte ;
+- 1.4.1 :
   - Correction de bugs :
-    - https://github.com/Quebecca/qc_trousse_sdg/issues/16
-    - https://github.com/Quebecca/qc_trousse_sdg/issues/15
-- 1.4.0:
+    - https://github.com/Quebecca/qc_trousse_sdg/issues/16 ;
+    - https://github.com/Quebecca/qc_trousse_sdg/issues/15 ;
+- 1.4.0 :
   - Ajout de composants :
-    - boutons radios et cases à cocher ;
-    - boutons de sélection ;
-    - commutateur ;
-    - champ texte ;
-    - champ de recherche ;
-    - bouton ;
-    - liste déroulante ;
-    - icône ;
+    - boutons radios et cases à cocher ;
+    - boutons de sélection ;
+    - commutateur ;
+    - champ texte ;
+    - champ de recherche ;
+    - bouton ;
+    - liste déroulante ;
+    - icône ;
   - Correction de bugs:
-    - correction d'un bug visuel avec le bandeau PIV en basse résolution ;
-    - correction d'un bug dans le composant lien externe lorsqu'il contient un retour à la ligne ;
-    - correction dans le composant lien externe pour gérer les débordements des chaînes très longues (par exemple les url) ;
+    - correction d'un bug visuel avec le bandeau PIV en basse résolution ;
+    - correction d'un bug dans le composant lien externe lorsqu'il contient un retour à la ligne ;
+    - correction dans le composant lien externe pour gérer les débordements des chaînes très longues (par exemple les url) ;
   - Réorganisation du code :
-    - Passage à svelte 5 ;
-    - Organisation des composants par dossier ;
-    - Séparation des composants en deux : un composant svelte et un composant web (suffixé WC). De cette façon, quand la trousse est utilisée comme dépendance dans un projet svelte, il est possible d'importer des composants svelte de la trousse sans que cela redéclare un _custom element_ ;
-    - Ajout de tests playwright ;
-    - Ajout de scripts pour le versionnage du projet (liés à npm version);
+    - Passage à svelte 5 ;
+    - Organisation des composants par dossier ;
+    - Séparation des composants en deux : un composant svelte et un composant web (suffixé WC). De cette façon, quand la trousse est utilisée comme dépendance dans un projet svelte, il est possible d'importer des composants Svelte de la trousse sans que cela redéclare un `customElement` ;
+    - Ajout de tests playwright ;
+    - Ajout de scripts pour le versionnage du projet (liés à npm version) ;
 - 1.3.3 :
-  - PR dependabot
+  - PR dependabot ;
 - 1.3.2 :
-  - modification de la couleur de focus des liens du bandeau PIV ;
+  - modification de la couleur de focus des liens du bandeau PIV ;
 - 1.3.1 :
-  - suppression des marges par défaut pour les dl/dd ;
-  - modification de la couleur de focus des liens du bandeau PIV ;
+  - suppression des marges par défaut pour les dl/dd ;
+  - modification de la couleur de focus des liens du bandeau PIV ;
 - 1.3.0 : 
   - Ajout du composant `qc-external-link` ; 
   - Ajout du composant `qc-search-bar` ; 
   - Modification de `qc-piv-header` en lien avec l’accessibilité : retrait de l’inclusion de la recherche par défaut. À la place, le composant `qc‑search‑bar` peut être inclus directement en _slot_ ; 
-  - Refonte des jetons de conception pour les ombrages ;
-  - Refonte des jetons de conception pour la grille, avec suppression du point de rupture 576px ;
-  - Ajout et retrait de jetons ;
+  - Refonte des jetons de conception pour les ombrages ;
+  - Refonte des jetons de conception pour la grille, avec suppression du point de rupture 576px ;
+  - Ajout et retrait de jetons ;
   - Ajout du focus pour les liens ; 
-  - Ajout d'un attribut `sdg-css-path` à la balise script qui insère le js, pour pouvoir préciser le chemin vers la css du sdg. 
-  - Refonte de toute la structure des fichiers : suppression du répertoire modules, ajout d'un unique fichier _qc-sdg-lib.scss pour accéder à l'intégralité des variables, fonctions, mixins et classes abstraites (c-à-d. précédées de l'opérateur sass %) de la trousse ;
+  - Ajout d'un attribut `sdg-css-path` à la balise script qui insère le js, pour pouvoir préciser le chemin vers la css du sdg ;
+  - Refonte de toute la structure des fichiers : suppression du répertoire modules, ajout d'un unique fichier `_qc-sdg-lib.scss` pour accéder à l'intégralité des variables, fonctions, mixins et classes abstraites (c.-à-d. précédées de l'opérateur sass %) de la trousse ;
   - Ajout du helper getImageUrl() et retrait des sprites ;
-  - ajout d'un style pour les libellés des champs de formulaire (label).
+  - ajout d'un style pour les libellés des champs de formulaire (label) ;
   - ajout d'un style pour les listes ol ;
-  - ajout de classe css utilitaires : `qc-font-size-sm/md/lg/xl` cf `base/_typography.scss` ;
+  - ajout de classe css utilitaires : `qc-font-size-sm/md/lg/xl` cf `base/_typography.scss` ;
   - ajout de la classe utilitaire `qc-sr-only`, pour affichage aux lecteurs d’écran seulement ;
 - 1.2.5 — Ajout/modififcation des instructions concernant l'installation et l'extension de la trousse ;
-- 1.2.4 — Suppression de dépendances npm et réorganisation des répertoires ; Ajout d'un composer.json pour pouvoir installer la trousse par composer ;
+- 1.2.4 — Suppression de dépendances npm et réorganisation des répertoires ; Ajout d'un composer.json pour pouvoir installer la trousse par composer ;
 - 1.2.3 — Modification des dépendances npm du projets ;
-- 1.2.2 — Calcul automatique du chemin d'insertion de la feuille de style en fonction de celui du fichier javascript ; correction dans la documentation.
-- 1.2.1 — Mise à jour d’un jeton de design concernant les ombrages ; correction d’une anomalie visuelle dans du bandeau PIV en mobile ; mise à jour des titres de la documentation incluse.
-- 1.2.0 — Ajout des composants Alerte générale, Avis, Bandeau d’en-tête du PIV et Haut de page ; réorganisation des répertoires du projet ; modification de la documentation incluse (`/public/index.html`) ; ajout/modification de jetons de design.
-- 1.1.1 — Suppression des css.map + ajout de fichiers en suivi de version.
-- 1.1.0 — Ajout d’une CSS sans le système de grille.
-- 1.0.0 — Première version contenant les ressources pour intégrer [les bases](https://design.quebec.ca/bases/) du Système de design gouvernemental.
+- 1.2.2 — Calcul automatique du chemin d'insertion de la feuille de style en fonction de celui du fichier javascript ; correction dans la documentation ;
+- 1.2.1 — Mise à jour d’un jeton de design concernant les ombrages ; correction d’une anomalie visuelle dans du bandeau PIV en mobile ; mise à jour des titres de la documentation inclus ;
+- 1.2.0 — Ajout des composants Alerte générale, Avis, Bandeau d’en-tête du PIV et Haut de page ; réorganisation des répertoires du projet ; modification de la documentation incluse (`/public/index.html`) ; ajout/modification de jetons de design ;
+- 1.1.1 — Suppression des css.map + ajout de fichiers en suivi de version ;
+- 1.1.0 — Ajout d’une CSS sans le système de grille ;
+- 1.0.0 — Première version contenant les ressources pour intégrer [les bases](https://design.quebec.ca/bases/) du Système de design gouvernemental ;
 
 ## Remerciements
 

package/dist/css/qc-sdg-design-tokens.min.css

@@ -1 +1 @@
-:root{--qc-font-family-roboto:Roboto,sans-serif;--qc-font-family-open-sans:Open Sans,sans-serif;--qc-font-family-roboto-mono:Roboto Mono,monospace;--qc-font-family-content:var(--qc-font-family-open-sans);--qc-font-family-header:var(--qc-font-family-roboto);--qc-font-family-code:var(--qc-font-family-roboto-mono);--qc-font-size-root-percent:62.5%;--qc-font-size-h6:1.6rem;--qc-font-size-h5:1.9rem;--qc-font-size-h4:2.1rem;--qc-font-size-h3:2.8rem;--qc-font-size-h2:3.6rem;--qc-font-size-h1:4.8rem;--qc-font-size-90:1.4rem;--qc-font-size-100:1.6rem;--qc-font-size-120:1.8rem;--qc-font-size-200:2.2rem;--qc-font-size-sm:var(--qc-font-size-90);--qc-font-size-md:var(--qc-font-size-100);--qc-font-size-lg:var(--qc-font-size-120);--qc-font-size-xl:var(--qc-font-size-200);--qc-font-size-content:var(--qc-font-size-md);--qc-font-weight-regular:400;--qc-font-weight-medium:500;--qc-font-weight-semi-bold:600;--qc-font-weight-bold:700;--qc-font-weight-header-regular:var(--qc-font-weight-regular);--qc-font-weight-header-medium:var(--qc-font-weight-medium);--qc-font-weight-header-bold:var(--qc-font-weight-bold);--qc-font-weight-content-regular:var(--qc-font-weight-regular);--qc-font-weight-content-medium:var(--qc-font-weight-semi-bold);--qc-font-weight-content-bold:var(--qc-font-weight-bold);--qc-line-height-h6:2rem;--qc-line-height-h5:2.4rem;--qc-line-height-h4:2.4rem;--qc-line-height-h3:3.2rem;--qc-line-height-h2:4rem;--qc-line-height-h1:5.6rem;--qc-line-height-90:2rem;--qc-line-height-100:2.4rem;--qc-line-height-120:2.8rem;--qc-line-height-200:3.2rem;--qc-line-height-sm:var(--qc-line-height-90);--qc-line-height-md:var(--qc-line-height-100);--qc-line-height-lg:var(--qc-line-height-120);--qc-line-height-xl:var(--qc-line-height-200);--qc-line-height-content:var(--qc-line-height-md);--qc-max-content-width:825px;--qc-color-white:#fff;--qc-color-white-rgb:255,255,255;--qc-color-blue-extra-pale:var(--qc-color-blue-pale);--qc-color-blue-pale:#dae6f0;--qc-color-blue-pale-rgb:218,230,240;--qc-color-blue-light:#4a98d9;--qc-color-blue-light-rgb:74,152,217;--qc-color-blue-regular_light:#2586d6;--qc-color-blue-regular_light-rgb:37,134,214;--qc-color-blue-regular:#1472bf;--qc-color-blue-regular-rgb:20,114,191;--qc-color-blue-piv:#095797;--qc-color-blue-piv-rgb:9,87,151;--qc-color-blue-medium:#19406c;--qc-color-blue-medium-rgb:25,64,108;--qc-color-blue-dark:#223654;--qc-color-blue-dark-rgb:34,54,84;--qc-color-purple:#6b4fa1;--qc-color-purple-rgb:107,79,161;--qc-color-grey-extra-pale:var(--qc-color-grey-pale);--qc-color-grey-pale:#f1f1f2;--qc-color-grey-pale-rgb:241,241,242;--qc-color-grey-light:#c5cad2;--qc-color-grey-light-rgb:197,202,210;--qc-color-grey-regular:#8893a2;--qc-color-grey-regular-rgb:136,147,162;--qc-color-grey-medium:#6b778a;--qc-color-grey-medium-rgb:107,119,138;--qc-color-grey-dark:#4e5662;--qc-color-grey-dark-rgb:78,86,98;--qc-color-pink-pale:#ffdbd6;--qc-color-pink-pale-rgb:255,219,214;--qc-color-pink-regular:#e58271;--qc-color-pink-regular-rgb:229,130,113;--qc-color-red-pale:var(--qc-color-pink-pale);--qc-color-red-light:var(--qc-color-pink-regular);--qc-color-red-regular_light:#eb705a;--qc-color-red-regular_light-rgb:235,112,90;--qc-color-red-regular:#cb381f;--qc-color-red-regular-rgb:203,56,31;--qc-color-red-medium:#b52e16;--qc-color-red-medium-rgb:181,46,22;--qc-color-red-dark:#692519;--qc-color-red-dark-rgb:105,37,25;--qc-color-green-pale:#d7f0bb;--qc-color-green-pale-rgb:215,240,187;--qc-color-green-regular:#4f813d;--qc-color-green-regular-rgb:79,129,61;--qc-color-green-dark:#2c4024;--qc-color-green-dark-rgb:44,64,36;--qc-color-yellow-pale:#f8e69a;--qc-color-yellow-pale-rgb:248,230,154;--qc-color-yellow-regular:#e0ad03;--qc-color-yellow-regular-rgb:224,173,3;--qc-color-yellow-dark:#ad781c;--qc-color-yellow-dark-rgb:173,120,28;--qc-color-background:var(--qc-color-white);--qc-color-text-primary:var(--qc-color-blue-dark);--qc-color-accent:var(--qc-color-pink-regular);--qc-color-success:var(--qc-color-green-regular);--qc-color-error:var(--qc-color-red-regular);--qc-color-danger:var(--qc-color-red-dark);--qc-color-link-text:var(--qc-color-blue-piv);--qc-color-link-hover:var(--qc-color-blue-piv);--qc-color-link-visited:var(--qc-color-purple);--qc-color-link-active:var(--qc-color-red-regular);--qc-color-link-focus-outline:var(--qc-color-blue-light);--qc-color-formfield-border:var(--qc-color-grey-medium);--qc-color-formfield-focus-border:var(--qc-color-blue-dark);--qc-color-formfield-focus-outline:var(--qc-color-blue-light);--qc-color-searchinput-icon:var(--qc-color-blue-piv);--qc-color-box_shadow:rgba(var(--qc-color-blue-dark-rgb), 0.24);--qc-box_shadow-0-color:var(--qc-color-grey-light);--qc-box_shadow-1-blur:4px;--qc-box_shadow-1-offset:1px;--qc-box_shadow-2-blur:8px;--qc-box_shadow-2-offset:2px;--qc-box_shadow-3-blur:16px;--qc-box_shadow-3-offset:4px;--qc-box_shadow-4-blur:24px;--qc-box_shadow-4-offset:6px;--qc-spacer-xs:.8rem;--qc-spacer-sm:1.6rem;--qc-spacer-md:2.4rem;--qc-spacer-lg:4.8rem;--qc-spacer-xl:9.6rem;--qc-spacer-section:var(--qc-spacer-xl);--qc-spacer-h1-mt:7.2rem;--qc-spacer-h1-mb:3.2rem;--qc-spacer-h2-mt:7.2rem;--qc-spacer-h2-mb:var(--qc-spacer-sm);--qc-spacer-h3-mt:var(--qc-spacer-lg);--qc-spacer-h3-mb:var(--qc-spacer-xs);--qc-spacer-h4-mt:var(--qc-spacer-lg);--qc-spacer-h4-mb:var(--qc-spacer-xs);--qc-spacer-h5-mt:var(--qc-spacer-md);--qc-spacer-h5-mb:0;--qc-spacer-h6-mt:var(--qc-spacer-md);--qc-spacer-h6-mb:0;--qc-spacer-content-block-mb:var(--qc-spacer-md);--qc-spacer-list-pl:var(--qc-spacer-sm);--qc-spacer-list-item-mb:var(--qc-spacer-sm);--qc-size-max-width-xs:6.3rem;--qc-size-max-width-sm:15.6rem;--qc-size-max-width-md:24.9rem;--qc-size-max-width-lg:52.8rem;--qc-size-max-width-xl:82.5rem;--qc-size-input-max-width:var(--qc-size-max-width-md);--qc-size-textarea-max-width:var(--qc-size-max-width-lg);--qc-size-textarea-min-height:10.8rem;--qc-size-search-bar-max-width:64rem;--qc-grid-gutter:32px;--qc-grid-breakpoint-xs:0;--qc-grid-breakpoint-sm:768px;--qc-grid-breakpoint-md:992px;--qc-grid-breakpoint-lg:1200px;--qc-grid-container-max-width-sm:768px;--qc-grid-container-max-width-md:992px;--qc-grid-container-max-width-lg:1200px}@media(max-width: 1199.98px){:root{--qc-font-size-h3:2.5rem;--qc-font-size-h2:2.8rem;--qc-font-size-h1:3.6rem;--qc-line-height-h2:3.2rem;--qc-line-height-h1:4rem;--qc-spacer-h2-mt:4.8rem;--qc-spacer-h2-mb:.8rem;--qc-grid-gutter:24px}}@media(max-width: 991.98px){:root{--qc-grid-gutter:16px}}.qc-dark-theme,:root.qc-dark-theme{--qc-color-white:#121519;--qc-color-white-rgb:18,21,25;--qc-color-blue-pale:#162b47;--qc-color-blue-pale-rgb:22,43,71;--qc-color-blue-light:#0078cc;--qc-color-blue-light-rgb:0,120,204;--qc-color-blue-regular:#3b95e1;--qc-color-blue-regular-rgb:59,149,225;--qc-color-blue-piv:#72b2eb;--qc-color-blue-piv-rgb:114,178,235;--qc-color-blue-medium:#adcdeb;--qc-color-blue-medium-rgb:173,205,235;--qc-color-blue-dark:#c6dbee;--qc-color-blue-dark-rgb:198,219,238;--qc-color-purple:#b3a5d4;--qc-color-purple-rgb:179,165,212;--qc-color-grey-pale:#1c2025;--qc-color-grey-pale-rgb:28,32,37;--qc-color-grey-light:#3b424c;--qc-color-grey-light-rgb:59,66,76;--qc-color-grey-regular:#6a7688;--qc-color-grey-regular-rgb:106,118,136;--qc-color-grey-medium:#8590a8;--qc-color-grey-medium-rgb:133,144,168;--qc-color-grey-dark:#a7acbc;--qc-color-grey-dark-rgb:167,172,188;--qc-color-pink-pale:#4f180e;--qc-color-pink-pale-rgb:79,24,14;--qc-color-pink-regular:#bb3a23;--qc-color-pink-regular-rgb:187,58,35;--qc-color-red-regular_light:#d34027;--qc-color-red-regular_light-rgb:211,64,39;--qc-color-red-regular:#f26049;--qc-color-red-regular-rgb:242,96,73;--qc-color-red-medium:#f19387;--qc-color-red-medium-rgb:241,147,135;--qc-color-red-dark:#f3bcb6;--qc-color-red-dark-rgb:243,188,182;--qc-color-green-pale:#1e2f17;--qc-color-green-pale-rgb:30,47,23;--qc-color-green-regular:#6e9c57;--qc-color-green-regular-rgb:110,156,87;--qc-color-green-dark:#b0d493;--qc-color-green-dark-rgb:176,212,147;--qc-color-yellow-pale:#3f240c;--qc-color-yellow-pale-rgb:63,36,12;--qc-color-yellow-regular:#6d4512;--qc-color-yellow-regular-rgb:109,69,18;--qc-color-yellow-dark:#ac7900;--qc-color-yellow-dark-rgb:172,121,0;--qc-color-text-primary:#d7d8dd;--qc-color-text-primary-rgb:215,216,221;--qc-color-accent:#f17b6c;--qc-color-accent-rgb:241,123,108}
+:root{--qc-font-family-roboto:Roboto,sans-serif;--qc-font-family-open-sans:Open Sans,sans-serif;--qc-font-family-roboto-mono:Roboto Mono,monospace;--qc-font-family-content:var(--qc-font-family-open-sans);--qc-font-family-header:var(--qc-font-family-roboto);--qc-font-family-code:var(--qc-font-family-roboto-mono);--qc-font-size-root-percent:62.5%;--qc-font-size-h6:1.6rem;--qc-font-size-h5:1.9rem;--qc-font-size-h4:2.1rem;--qc-font-size-h3:2.8rem;--qc-font-size-h2:3.6rem;--qc-font-size-h1:4.8rem;--qc-font-size-90:1.4rem;--qc-font-size-100:1.6rem;--qc-font-size-120:1.8rem;--qc-font-size-200:2.2rem;--qc-font-size-sm:var(--qc-font-size-90);--qc-font-size-md:var(--qc-font-size-100);--qc-font-size-lg:var(--qc-font-size-120);--qc-font-size-xl:var(--qc-font-size-200);--qc-font-size-content:var(--qc-font-size-md);--qc-font-weight-regular:400;--qc-font-weight-medium:500;--qc-font-weight-semi-bold:600;--qc-font-weight-bold:700;--qc-font-weight-header-regular:var(--qc-font-weight-regular);--qc-font-weight-header-medium:var(--qc-font-weight-medium);--qc-font-weight-header-bold:var(--qc-font-weight-bold);--qc-font-weight-content-regular:var(--qc-font-weight-regular);--qc-font-weight-content-medium:var(--qc-font-weight-semi-bold);--qc-font-weight-content-bold:var(--qc-font-weight-bold);--qc-line-height-h6:2rem;--qc-line-height-h5:2.4rem;--qc-line-height-h4:2.4rem;--qc-line-height-h3:3.2rem;--qc-line-height-h2:4rem;--qc-line-height-h1:5.6rem;--qc-line-height-90:2rem;--qc-line-height-100:2.4rem;--qc-line-height-120:2.8rem;--qc-line-height-200:3.2rem;--qc-line-height-sm:var(--qc-line-height-90);--qc-line-height-md:var(--qc-line-height-100);--qc-line-height-lg:var(--qc-line-height-120);--qc-line-height-xl:var(--qc-line-height-200);--qc-line-height-content:var(--qc-line-height-md);--qc-max-content-width:825px;--qc-color-white:#fff;--qc-color-white-rgb:255,255,255;--qc-color-blue-extra-pale:var(--qc-color-blue-pale);--qc-color-blue-pale:#dae6f0;--qc-color-blue-pale-rgb:218,230,240;--qc-color-blue-light:#4a98d9;--qc-color-blue-light-rgb:74,152,217;--qc-color-blue-regular_light:#2586d6;--qc-color-blue-regular_light-rgb:37,134,214;--qc-color-blue-regular:#1472bf;--qc-color-blue-regular-rgb:20,114,191;--qc-color-blue-piv:#095797;--qc-color-blue-piv-rgb:9,87,151;--qc-color-blue-medium:#19406c;--qc-color-blue-medium-rgb:25,64,108;--qc-color-blue-dark:#223654;--qc-color-blue-dark-rgb:34,54,84;--qc-color-purple:#6b4fa1;--qc-color-purple-rgb:107,79,161;--qc-color-grey-extra-pale:var(--qc-color-grey-pale);--qc-color-grey-pale:#f1f1f2;--qc-color-grey-pale-rgb:241,241,242;--qc-color-grey-light:#c5cad2;--qc-color-grey-light-rgb:197,202,210;--qc-color-grey-regular:#8893a2;--qc-color-grey-regular-rgb:136,147,162;--qc-color-grey-medium:#6b778a;--qc-color-grey-medium-rgb:107,119,138;--qc-color-grey-dark:#4e5662;--qc-color-grey-dark-rgb:78,86,98;--qc-color-pink-pale:#ffdbd6;--qc-color-pink-pale-rgb:255,219,214;--qc-color-pink-regular:#e58271;--qc-color-pink-regular-rgb:229,130,113;--qc-color-red-pale:var(--qc-color-pink-pale);--qc-color-red-light:var(--qc-color-pink-regular);--qc-color-red-regular_light:#eb705a;--qc-color-red-regular_light-rgb:235,112,90;--qc-color-red-regular:#cb381f;--qc-color-red-regular-rgb:203,56,31;--qc-color-red-medium:#b52e16;--qc-color-red-medium-rgb:181,46,22;--qc-color-red-dark:#692519;--qc-color-red-dark-rgb:105,37,25;--qc-color-green-pale:#d7f0bb;--qc-color-green-pale-rgb:215,240,187;--qc-color-green-regular:#4f813d;--qc-color-green-regular-rgb:79,129,61;--qc-color-green-dark:#2c4024;--qc-color-green-dark-rgb:44,64,36;--qc-color-yellow-pale:#f8e69a;--qc-color-yellow-pale-rgb:248,230,154;--qc-color-yellow-regular:#e0ad03;--qc-color-yellow-regular-rgb:224,173,3;--qc-color-yellow-dark:#ad781c;--qc-color-yellow-dark-rgb:173,120,28;--qc-color-background:var(--qc-color-white);--qc-color-text-primary:var(--qc-color-blue-dark);--qc-color-accent:var(--qc-color-pink-regular);--qc-color-success:var(--qc-color-green-regular);--qc-color-error:var(--qc-color-red-regular);--qc-color-danger:var(--qc-color-red-dark);--qc-color-link-text:var(--qc-color-blue-piv);--qc-color-link-hover:var(--qc-color-blue-piv);--qc-color-link-visited:var(--qc-color-purple);--qc-color-link-active:var(--qc-color-red-regular);--qc-color-link-focus-outline:var(--qc-color-blue-light);--qc-color-formfield-border:var(--qc-color-grey-medium);--qc-color-formfield-focus-border:var(--qc-color-blue-dark);--qc-color-formfield-focus-outline:var(--qc-color-blue-light);--qc-color-searchinput-icon:var(--qc-color-blue-piv);--qc-color-box_shadow:rgba(var(--qc-color-blue-dark-rgb), 0.24);--qc-box_shadow-0-color:var(--qc-color-grey-light);--qc-box_shadow-1-blur:4px;--qc-box_shadow-1-offset:1px;--qc-box_shadow-2-blur:8px;--qc-box_shadow-2-offset:2px;--qc-box_shadow-3-blur:16px;--qc-box_shadow-3-offset:4px;--qc-box_shadow-4-blur:24px;--qc-box_shadow-4-offset:6px;--qc-spacer-xs:.8rem;--qc-spacer-sm:1.6rem;--qc-spacer-md:2.4rem;--qc-spacer-lg:4.8rem;--qc-spacer-xl:9.6rem;--qc-spacer-section:var(--qc-spacer-xl);--qc-spacer-h1-mt:7.2rem;--qc-spacer-h1-mb:3.2rem;--qc-spacer-h2-mt:7.2rem;--qc-spacer-h2-mb:var(--qc-spacer-sm);--qc-spacer-h3-mt:var(--qc-spacer-lg);--qc-spacer-h3-mb:var(--qc-spacer-xs);--qc-spacer-h4-mt:var(--qc-spacer-lg);--qc-spacer-h4-mb:var(--qc-spacer-xs);--qc-spacer-h5-mt:var(--qc-spacer-md);--qc-spacer-h5-mb:0;--qc-spacer-h6-mt:var(--qc-spacer-md);--qc-spacer-h6-mb:0;--qc-spacer-content-block-mb:var(--qc-spacer-md);--qc-spacer-list-pl:var(--qc-spacer-sm);--qc-spacer-list-item-mb:var(--qc-spacer-sm);--qc-size-max-width-xs:6.3rem;--qc-size-max-width-sm:15.6rem;--qc-size-max-width-md:24.9rem;--qc-size-max-width-lg:52.8rem;--qc-size-max-width-xl:82.5rem;--qc-size-textarea-min-height:10.8rem;--qc-size-search-bar-max-width:64rem;--qc-grid-gutter:32px;--qc-grid-breakpoint-xs:0;--qc-grid-breakpoint-sm:768px;--qc-grid-breakpoint-md:992px;--qc-grid-breakpoint-lg:1200px;--qc-grid-container-max-width-sm:768px;--qc-grid-container-max-width-md:992px;--qc-grid-container-max-width-lg:1200px}@media(max-width: 1199.98px){:root{--qc-font-size-h3:2.5rem;--qc-font-size-h2:2.8rem;--qc-font-size-h1:3.6rem;--qc-line-height-h2:3.2rem;--qc-line-height-h1:4rem;--qc-spacer-h2-mt:4.8rem;--qc-spacer-h2-mb:.8rem;--qc-grid-gutter:24px}}@media(max-width: 991.98px){:root{--qc-grid-gutter:16px}}.qc-dark-theme,:root.qc-dark-theme{--qc-color-white:#121519;--qc-color-white-rgb:18,21,25;--qc-color-blue-pale:#162b47;--qc-color-blue-pale-rgb:22,43,71;--qc-color-blue-light:#0078cc;--qc-color-blue-light-rgb:0,120,204;--qc-color-blue-regular:#3b95e1;--qc-color-blue-regular-rgb:59,149,225;--qc-color-blue-piv:#72b2eb;--qc-color-blue-piv-rgb:114,178,235;--qc-color-blue-medium:#adcdeb;--qc-color-blue-medium-rgb:173,205,235;--qc-color-blue-dark:#c6dbee;--qc-color-blue-dark-rgb:198,219,238;--qc-color-purple:#b3a5d4;--qc-color-purple-rgb:179,165,212;--qc-color-grey-pale:#1c2025;--qc-color-grey-pale-rgb:28,32,37;--qc-color-grey-light:#3b424c;--qc-color-grey-light-rgb:59,66,76;--qc-color-grey-regular:#6a7688;--qc-color-grey-regular-rgb:106,118,136;--qc-color-grey-medium:#8590a8;--qc-color-grey-medium-rgb:133,144,168;--qc-color-grey-dark:#a7acbc;--qc-color-grey-dark-rgb:167,172,188;--qc-color-pink-pale:#4f180e;--qc-color-pink-pale-rgb:79,24,14;--qc-color-pink-regular:#bb3a23;--qc-color-pink-regular-rgb:187,58,35;--qc-color-red-regular_light:#d34027;--qc-color-red-regular_light-rgb:211,64,39;--qc-color-red-regular:#f26049;--qc-color-red-regular-rgb:242,96,73;--qc-color-red-medium:#f19387;--qc-color-red-medium-rgb:241,147,135;--qc-color-red-dark:#f3bcb6;--qc-color-red-dark-rgb:243,188,182;--qc-color-green-pale:#1e2f17;--qc-color-green-pale-rgb:30,47,23;--qc-color-green-regular:#6e9c57;--qc-color-green-regular-rgb:110,156,87;--qc-color-green-dark:#b0d493;--qc-color-green-dark-rgb:176,212,147;--qc-color-yellow-pale:#3f240c;--qc-color-yellow-pale-rgb:63,36,12;--qc-color-yellow-regular:#6d4512;--qc-color-yellow-regular-rgb:109,69,18;--qc-color-yellow-dark:#ac7900;--qc-color-yellow-dark-rgb:172,121,0;--qc-color-text-primary:#d7d8dd;--qc-color-text-primary-rgb:215,216,221;--qc-color-accent:#f17b6c;--qc-color-accent-rgb:241,123,108}