From d9833fe12cdd481f5fdc6911ed58012fd318b47d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Raphae=CC=88l=20Goetter?= Date: Wed, 19 Jan 2022 17:10:53 +0100 Subject: [PATCH] refonte des variables d'espacement --- changelog.md | 3 +- css/knacss-full/knacss.css | 733 ++++++++++++++++++---------- css/knacss-mini/knacss.css | 2 +- package.json | 2 +- sass/abstracts/_variables-sass.scss | 103 ++-- sass/base/_reset-forms.scss | 2 +- sass/components/_button.scss | 6 +- sass/knacss.scss | 2 +- 8 files changed, 524 insertions(+), 329 deletions(-) diff --git a/changelog.md b/changelog.md index b9a7a1c..d7bba8a 100755 --- a/changelog.md +++ b/changelog.md @@ -1,5 +1,6 @@ # Changelog +- 19 janvier 2022 (8.2) : refonte des variables d'espacement - 5 janvier 2022 (8.1) : refonte des variables de couleur - 9 juillet 2021 (8.0.5) : suppression min-height: 0 par défaut - 26 avril 2021 : taille de base 100% (et non plus 62.5%) et corrections Grillade @@ -95,7 +96,7 @@ Né en 2012 et après près de 10 années de bons et loyaux services, le projet - regroupement des styles des tableaux - renommage des variables couleur de projets - renommage des variables de composants - - renommage des variables d'espacement (`$tiny-value` -> `$spacer-tiny`) + - renommage des variables d'espacement (`$tiny-value` -> `$spacer-micro`) - automatisation des classes utilitaires via Sass - suppression du namespace "kna-" - refonte : diff --git a/css/knacss-full/knacss.css b/css/knacss-full/knacss.css index 05b503d..94c3779 100644 --- a/css/knacss-full/knacss.css +++ b/css/knacss-full/knacss.css @@ -2,7 +2,7 @@ /*! * KNACSS Reborn: Just keep it simple! * @author: Alsacreations -* v8.1 2022/01 +* v8.2 2022/01 * Licence WTFPL http://www.wtfpl.net/ */ /* ----------------------------- */ @@ -38,7 +38,7 @@ html { body { margin: 0; - font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; background-color: #FFFFFF; @@ -121,7 +121,7 @@ h6, dt, dd { margin-top: 0; - margin-bottom: 0.5rem; + margin-bottom: 0.75rem; } /* @@ -422,7 +422,7 @@ fieldset { legend { display: table; max-width: 100%; - padding: 0 0.125rem; + padding: 0 0.25rem; border: 0; color: inherit; white-space: normal; @@ -623,19 +623,19 @@ template { @media (min-width: 576px) { .layout-maxed { - grid-template-columns: minmax(0.5rem, 1fr) minmax(auto, 576px) minmax(0.5rem, 1fr); + grid-template-columns: minmax(0.75rem, 1fr) minmax(auto, 576px) minmax(0.75rem, 1fr); } } @media (min-width: 992px) { .layout-maxed { - grid-template-columns: minmax(0.5rem, 1fr) minmax(auto, 992px) minmax(0.5rem, 1fr); + grid-template-columns: minmax(0.75rem, 1fr) minmax(auto, 992px) minmax(0.75rem, 1fr); } } @media (min-width: 1400px) { .layout-maxed { - grid-template-columns: minmax(0.5rem, 1fr) minmax(auto, 1400px) minmax(0.5rem, 1fr); + grid-template-columns: minmax(0.75rem, 1fr) minmax(auto, 1400px) minmax(0.75rem, 1fr); } } @@ -2576,6 +2576,213 @@ template { } } +.p-1 { + padding: 1px; +} + +.pt-1 { + padding-top: 1px; +} + +.pr-1 { + padding-right: 1px; +} + +.pb-1 { + padding-bottom: 1px; +} + +.pl-1 { + padding-left: 1px; +} + +.px-1 { + padding-left: 1px; + padding-right: 1px; +} + +.py-1 { + padding-top: 1px; + padding-bottom: 1px; +} + +.m-1 { + margin: 1px; +} + +.mt-1 { + margin-top: 1px; +} + +.mr-1 { + margin-right: 1px; +} + +.mb-1 { + margin-bottom: 1px; +} + +.ml-1 { + margin-left: 1px; +} + +.mx-1 { + margin-left: 1px; + margin-right: 1px; +} + +.my-1 { + margin-top: 1px; + margin-bottom: 1px; +} + +@media (min-width: 576px) { + .sm\:p-1 { + padding: 1px; + } + .sm\:pt-1 { + padding-top: 1px; + } + .sm\:pr-1 { + padding-right: 1px; + } + .sm\:pb-1 { + padding-bottom: 1px; + } + .sm\:pl-1 { + padding-left: 1px; + } + .sm\:px-1 { + padding-left: 1px; + padding-right: 1px; + } + .sm\:py-1 { + padding-top: 1px; + padding-bottom: 1px; + } + .sm\:m-1 { + margin: 1px; + } + .sm\:mt-1 { + margin-top: 1px; + } + .sm\:mr-1 { + margin-right: 1px; + } + .sm\:mb-1 { + margin-bottom: 1px; + } + .sm\:ml-1 { + margin-left: 1px; + } + .sm\:mx-1 { + margin-left: 1px; + margin-right: 1px; + } + .sm\:my-1 { + margin-top: 1px; + margin-bottom: 1px; + } +} + +@media (min-width: 992px) { + .md\:p-1 { + padding: 1px; + } + .md\:pt-1 { + padding-top: 1px; + } + .md\:pr-1 { + padding-right: 1px; + } + .md\:pb-1 { + padding-bottom: 1px; + } + .md\:pl-1 { + padding-left: 1px; + } + .md\:px-1 { + padding-left: 1px; + padding-right: 1px; + } + .md\:py-1 { + padding-top: 1px; + padding-bottom: 1px; + } + .md\:m-1 { + margin: 1px; + } + .md\:mt-1 { + margin-top: 1px; + } + .md\:mr-1 { + margin-right: 1px; + } + .md\:mb-1 { + margin-bottom: 1px; + } + .md\:ml-1 { + margin-left: 1px; + } + .md\:mx-1 { + margin-left: 1px; + margin-right: 1px; + } + .md\:my-1 { + margin-top: 1px; + margin-bottom: 1px; + } +} + +@media (min-width: 1400px) { + .lg\:p-1 { + padding: 1px; + } + .lg\:pt-1 { + padding-top: 1px; + } + .lg\:pr-1 { + padding-right: 1px; + } + .lg\:pb-1 { + padding-bottom: 1px; + } + .lg\:pl-1 { + padding-left: 1px; + } + .lg\:px-1 { + padding-left: 1px; + padding-right: 1px; + } + .lg\:py-1 { + padding-top: 1px; + padding-bottom: 1px; + } + .lg\:m-1 { + margin: 1px; + } + .lg\:mt-1 { + margin-top: 1px; + } + .lg\:mr-1 { + margin-right: 1px; + } + .lg\:mb-1 { + margin-bottom: 1px; + } + .lg\:ml-1 { + margin-left: 1px; + } + .lg\:mx-1 { + margin-left: 1px; + margin-right: 1px; + } + .lg\:my-1 { + margin-top: 1px; + margin-bottom: 1px; + } +} + .p-2 { padding: 0.125rem; } @@ -2783,210 +2990,210 @@ template { } } -.p-5 { - padding: 0.313rem; +.p-4 { + padding: 0.25rem; } -.pt-5 { - padding-top: 0.313rem; +.pt-4 { + padding-top: 0.25rem; } -.pr-5 { - padding-right: 0.313rem; +.pr-4 { + padding-right: 0.25rem; } -.pb-5 { - padding-bottom: 0.313rem; +.pb-4 { + padding-bottom: 0.25rem; } -.pl-5 { - padding-left: 0.313rem; +.pl-4 { + padding-left: 0.25rem; } -.px-5 { - padding-left: 0.313rem; - padding-right: 0.313rem; +.px-4 { + padding-left: 0.25rem; + padding-right: 0.25rem; } -.py-5 { - padding-top: 0.313rem; - padding-bottom: 0.313rem; +.py-4 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } -.m-5 { - margin: 0.313rem; +.m-4 { + margin: 0.25rem; } -.mt-5 { - margin-top: 0.313rem; +.mt-4 { + margin-top: 0.25rem; } -.mr-5 { - margin-right: 0.313rem; +.mr-4 { + margin-right: 0.25rem; } -.mb-5 { - margin-bottom: 0.313rem; +.mb-4 { + margin-bottom: 0.25rem; } -.ml-5 { - margin-left: 0.313rem; +.ml-4 { + margin-left: 0.25rem; } -.mx-5 { - margin-left: 0.313rem; - margin-right: 0.313rem; +.mx-4 { + margin-left: 0.25rem; + margin-right: 0.25rem; } -.my-5 { - margin-top: 0.313rem; - margin-bottom: 0.313rem; +.my-4 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } @media (min-width: 576px) { - .sm\:p-5 { - padding: 0.313rem; + .sm\:p-4 { + padding: 0.25rem; } - .sm\:pt-5 { - padding-top: 0.313rem; + .sm\:pt-4 { + padding-top: 0.25rem; } - .sm\:pr-5 { - padding-right: 0.313rem; + .sm\:pr-4 { + padding-right: 0.25rem; } - .sm\:pb-5 { - padding-bottom: 0.313rem; + .sm\:pb-4 { + padding-bottom: 0.25rem; } - .sm\:pl-5 { - padding-left: 0.313rem; + .sm\:pl-4 { + padding-left: 0.25rem; } - .sm\:px-5 { - padding-left: 0.313rem; - padding-right: 0.313rem; + .sm\:px-4 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .sm\:py-5 { - padding-top: 0.313rem; - padding-bottom: 0.313rem; + .sm\:py-4 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .sm\:m-5 { - margin: 0.313rem; + .sm\:m-4 { + margin: 0.25rem; } - .sm\:mt-5 { - margin-top: 0.313rem; + .sm\:mt-4 { + margin-top: 0.25rem; } - .sm\:mr-5 { - margin-right: 0.313rem; + .sm\:mr-4 { + margin-right: 0.25rem; } - .sm\:mb-5 { - margin-bottom: 0.313rem; + .sm\:mb-4 { + margin-bottom: 0.25rem; } - .sm\:ml-5 { - margin-left: 0.313rem; + .sm\:ml-4 { + margin-left: 0.25rem; } - .sm\:mx-5 { - margin-left: 0.313rem; - margin-right: 0.313rem; + .sm\:mx-4 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .sm\:my-5 { - margin-top: 0.313rem; - margin-bottom: 0.313rem; + .sm\:my-4 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } } @media (min-width: 992px) { - .md\:p-5 { - padding: 0.313rem; + .md\:p-4 { + padding: 0.25rem; } - .md\:pt-5 { - padding-top: 0.313rem; + .md\:pt-4 { + padding-top: 0.25rem; } - .md\:pr-5 { - padding-right: 0.313rem; + .md\:pr-4 { + padding-right: 0.25rem; } - .md\:pb-5 { - padding-bottom: 0.313rem; + .md\:pb-4 { + padding-bottom: 0.25rem; } - .md\:pl-5 { - padding-left: 0.313rem; + .md\:pl-4 { + padding-left: 0.25rem; } - .md\:px-5 { - padding-left: 0.313rem; - padding-right: 0.313rem; + .md\:px-4 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .md\:py-5 { - padding-top: 0.313rem; - padding-bottom: 0.313rem; + .md\:py-4 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .md\:m-5 { - margin: 0.313rem; + .md\:m-4 { + margin: 0.25rem; } - .md\:mt-5 { - margin-top: 0.313rem; + .md\:mt-4 { + margin-top: 0.25rem; } - .md\:mr-5 { - margin-right: 0.313rem; + .md\:mr-4 { + margin-right: 0.25rem; } - .md\:mb-5 { - margin-bottom: 0.313rem; + .md\:mb-4 { + margin-bottom: 0.25rem; } - .md\:ml-5 { - margin-left: 0.313rem; + .md\:ml-4 { + margin-left: 0.25rem; } - .md\:mx-5 { - margin-left: 0.313rem; - margin-right: 0.313rem; + .md\:mx-4 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .md\:my-5 { - margin-top: 0.313rem; - margin-bottom: 0.313rem; + .md\:my-4 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } } @media (min-width: 1400px) { - .lg\:p-5 { - padding: 0.313rem; + .lg\:p-4 { + padding: 0.25rem; } - .lg\:pt-5 { - padding-top: 0.313rem; + .lg\:pt-4 { + padding-top: 0.25rem; } - .lg\:pr-5 { - padding-right: 0.313rem; + .lg\:pr-4 { + padding-right: 0.25rem; } - .lg\:pb-5 { - padding-bottom: 0.313rem; + .lg\:pb-4 { + padding-bottom: 0.25rem; } - .lg\:pl-5 { - padding-left: 0.313rem; + .lg\:pl-4 { + padding-left: 0.25rem; } - .lg\:px-5 { - padding-left: 0.313rem; - padding-right: 0.313rem; + .lg\:px-4 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .lg\:py-5 { - padding-top: 0.313rem; - padding-bottom: 0.313rem; + .lg\:py-4 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .lg\:m-5 { - margin: 0.313rem; + .lg\:m-4 { + margin: 0.25rem; } - .lg\:mt-5 { - margin-top: 0.313rem; + .lg\:mt-4 { + margin-top: 0.25rem; } - .lg\:mr-5 { - margin-right: 0.313rem; + .lg\:mr-4 { + margin-right: 0.25rem; } - .lg\:mb-5 { - margin-bottom: 0.313rem; + .lg\:mb-4 { + margin-bottom: 0.25rem; } - .lg\:ml-5 { - margin-left: 0.313rem; + .lg\:ml-4 { + margin-left: 0.25rem; } - .lg\:mx-5 { - margin-left: 0.313rem; - margin-right: 0.313rem; + .lg\:mx-4 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .lg\:my-5 { - margin-top: 0.313rem; - margin-bottom: 0.313rem; + .lg\:my-4 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } } @@ -3197,210 +3404,210 @@ template { } } -.p-10 { - padding: 0.625rem; +.p-12 { + padding: 0.75rem; } -.pt-10 { - padding-top: 0.625rem; +.pt-12 { + padding-top: 0.75rem; } -.pr-10 { - padding-right: 0.625rem; +.pr-12 { + padding-right: 0.75rem; } -.pb-10 { - padding-bottom: 0.625rem; +.pb-12 { + padding-bottom: 0.75rem; } -.pl-10 { - padding-left: 0.625rem; +.pl-12 { + padding-left: 0.75rem; } -.px-10 { - padding-left: 0.625rem; - padding-right: 0.625rem; +.px-12 { + padding-left: 0.75rem; + padding-right: 0.75rem; } -.py-10 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; +.py-12 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } -.m-10 { - margin: 0.625rem; +.m-12 { + margin: 0.75rem; } -.mt-10 { - margin-top: 0.625rem; +.mt-12 { + margin-top: 0.75rem; } -.mr-10 { - margin-right: 0.625rem; +.mr-12 { + margin-right: 0.75rem; } -.mb-10 { - margin-bottom: 0.625rem; +.mb-12 { + margin-bottom: 0.75rem; } -.ml-10 { - margin-left: 0.625rem; +.ml-12 { + margin-left: 0.75rem; } -.mx-10 { - margin-left: 0.625rem; - margin-right: 0.625rem; +.mx-12 { + margin-left: 0.75rem; + margin-right: 0.75rem; } -.my-10 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; +.my-12 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } @media (min-width: 576px) { - .sm\:p-10 { - padding: 0.625rem; + .sm\:p-12 { + padding: 0.75rem; } - .sm\:pt-10 { - padding-top: 0.625rem; + .sm\:pt-12 { + padding-top: 0.75rem; } - .sm\:pr-10 { - padding-right: 0.625rem; + .sm\:pr-12 { + padding-right: 0.75rem; } - .sm\:pb-10 { - padding-bottom: 0.625rem; + .sm\:pb-12 { + padding-bottom: 0.75rem; } - .sm\:pl-10 { - padding-left: 0.625rem; + .sm\:pl-12 { + padding-left: 0.75rem; } - .sm\:px-10 { - padding-left: 0.625rem; - padding-right: 0.625rem; + .sm\:px-12 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .sm\:py-10 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; + .sm\:py-12 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .sm\:m-10 { - margin: 0.625rem; + .sm\:m-12 { + margin: 0.75rem; } - .sm\:mt-10 { - margin-top: 0.625rem; + .sm\:mt-12 { + margin-top: 0.75rem; } - .sm\:mr-10 { - margin-right: 0.625rem; + .sm\:mr-12 { + margin-right: 0.75rem; } - .sm\:mb-10 { - margin-bottom: 0.625rem; + .sm\:mb-12 { + margin-bottom: 0.75rem; } - .sm\:ml-10 { - margin-left: 0.625rem; + .sm\:ml-12 { + margin-left: 0.75rem; } - .sm\:mx-10 { - margin-left: 0.625rem; - margin-right: 0.625rem; + .sm\:mx-12 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .sm\:my-10 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; + .sm\:my-12 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } } @media (min-width: 992px) { - .md\:p-10 { - padding: 0.625rem; + .md\:p-12 { + padding: 0.75rem; } - .md\:pt-10 { - padding-top: 0.625rem; + .md\:pt-12 { + padding-top: 0.75rem; } - .md\:pr-10 { - padding-right: 0.625rem; + .md\:pr-12 { + padding-right: 0.75rem; } - .md\:pb-10 { - padding-bottom: 0.625rem; + .md\:pb-12 { + padding-bottom: 0.75rem; } - .md\:pl-10 { - padding-left: 0.625rem; + .md\:pl-12 { + padding-left: 0.75rem; } - .md\:px-10 { - padding-left: 0.625rem; - padding-right: 0.625rem; + .md\:px-12 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .md\:py-10 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; + .md\:py-12 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .md\:m-10 { - margin: 0.625rem; + .md\:m-12 { + margin: 0.75rem; } - .md\:mt-10 { - margin-top: 0.625rem; + .md\:mt-12 { + margin-top: 0.75rem; } - .md\:mr-10 { - margin-right: 0.625rem; + .md\:mr-12 { + margin-right: 0.75rem; } - .md\:mb-10 { - margin-bottom: 0.625rem; + .md\:mb-12 { + margin-bottom: 0.75rem; } - .md\:ml-10 { - margin-left: 0.625rem; + .md\:ml-12 { + margin-left: 0.75rem; } - .md\:mx-10 { - margin-left: 0.625rem; - margin-right: 0.625rem; + .md\:mx-12 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .md\:my-10 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; + .md\:my-12 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } } @media (min-width: 1400px) { - .lg\:p-10 { - padding: 0.625rem; + .lg\:p-12 { + padding: 0.75rem; } - .lg\:pt-10 { - padding-top: 0.625rem; + .lg\:pt-12 { + padding-top: 0.75rem; } - .lg\:pr-10 { - padding-right: 0.625rem; + .lg\:pr-12 { + padding-right: 0.75rem; } - .lg\:pb-10 { - padding-bottom: 0.625rem; + .lg\:pb-12 { + padding-bottom: 0.75rem; } - .lg\:pl-10 { - padding-left: 0.625rem; + .lg\:pl-12 { + padding-left: 0.75rem; } - .lg\:px-10 { - padding-left: 0.625rem; - padding-right: 0.625rem; + .lg\:px-12 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .lg\:py-10 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; + .lg\:py-12 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .lg\:m-10 { - margin: 0.625rem; + .lg\:m-12 { + margin: 0.75rem; } - .lg\:mt-10 { - margin-top: 0.625rem; + .lg\:mt-12 { + margin-top: 0.75rem; } - .lg\:mr-10 { - margin-right: 0.625rem; + .lg\:mr-12 { + margin-right: 0.75rem; } - .lg\:mb-10 { - margin-bottom: 0.625rem; + .lg\:mb-12 { + margin-bottom: 0.75rem; } - .lg\:ml-10 { - margin-left: 0.625rem; + .lg\:ml-12 { + margin-left: 0.75rem; } - .lg\:mx-10 { - margin-left: 0.625rem; - margin-right: 0.625rem; + .lg\:mx-12 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .lg\:my-10 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; + .lg\:my-12 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } } diff --git a/css/knacss-mini/knacss.css b/css/knacss-mini/knacss.css index dc63018..c3c60a2 100644 --- a/css/knacss-mini/knacss.css +++ b/css/knacss-mini/knacss.css @@ -1 +1 @@ -/*! KNACSS Reborn: Just keep it simple! @author: Alsacreations v8.1 2022/01 Licence WTFPL http://www.wtfpl.net/ */*,:after,:before{box-sizing:border-box;min-width:0}html{font-size:100%;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overflow-wrap:break-word}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.5;background-color:#fff}.h1-like,.h2-like,.h3-like,.h4-like,.h5-like,.h6-like,body,h1,h2,h3,h4,h5,h6{color:#212529}a{color:#6c757d;text-decoration:underline}a:active,a:focus,a:hover{color:#212529;text-decoration:underline}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.h1-like,.h2-like,h1,h2{margin-top:0;margin-bottom:1rem}.h3-like,.h4-like,.h5-like,.h6-like,address,blockquote,dd,dl,dt,h3,h4,h5,h6,ol,p,pre,ul{margin-top:0;margin-bottom:.5rem}li .p-like,li ol,li p,li ul,nav ol,nav ul,ol ol,ol ul,ul ol,ul ul{margin-top:0;margin-bottom:0}ol,ul{padding-left:1rem}nav ol,nav ul{list-style:none;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}blockquote,code,iframe,img,input,pre,select,svg,table,td,textarea,video{max-width:100%}iframe,img,input,select,textarea{height:auto}iframe,img{border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}hr{box-sizing:initial;height:0;overflow:visible;border:0;border-top:1px solid;margin:1rem 0;clear:both;color:inherit}table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;vertical-align:top;margin-bottom:1rem}.sr-only,.visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}[tabindex],a,area,button,input,label,select,summary,textarea{touch-action:manipulation}button,input,select,textarea{margin:0;background-color:initial;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;vertical-align:middle}button,input:not([type=radio]):not([type=checkbox]),select,textarea{border:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{-moz-tab-size:2;tab-size:2;white-space:pre-wrap;line-height:normal;overflow:auto;-ms-overflow-style:scrollbar}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset,form{border:none}fieldset{margin:0;padding:1rem}legend{display:table;max-width:100%;padding:0 .125rem;border:0;color:inherit;white-space:normal}label{display:inline-block;cursor:pointer}textarea{overflow:auto;vertical-align:top;resize:vertical;white-space:pre-wrap}progress{width:100%;vertical-align:initial}output,progress{display:inline-block}summary{display:list-item}template{display:none}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}.layout-maxed{display:grid}.layout-maxed>*{grid-column:2}.layout-hero{grid-column:1/-1;display:grid;grid-template-columns:inherit}.layout-hero>*{grid-column:2}.layout-hero-img{grid-column:1/-1;justify-self:center;max-width:100%}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-no-wrap{flex-wrap:nowrap}.flex-shrink{flex-shrink:1}.flex-no-shrink{flex-shrink:0}.flex-grow{flex-grow:1}.flex-no-grow{flex-grow:0}.float-left{float:left}.float-right{float:right}.float-none{float:none}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-smaller{font-size:smaller}.text-bigger{font-size:bigger}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-wrap{overflow-wrap:break-word}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.align-start{align-content:start}.align-end{align-content:end}.align-center{align-content:center}.align-between{align-content:space-between}.align-around{align-content:space-around}.align-evenly{align-content:space-evenly}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.place-center{place-content:center}.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.align-self-auto{align-self:auto}.align-self-start{align-self:flex-start}.align-self-end{align-self:flex-end}.align-self-center{align-self:center}.align-self-stretch{align-self:stretch}.align-top{vertical-align:top}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.item-first{order:-100}.item-last{order:100}.is-unstyled{list-style:none;padding-left:0}.is-disabled,[disabled]{opacity:.6;cursor:not-allowed!important;filter:grayscale(1)}.text-normal{font-weight:400;font-style:normal;text-transform:none}.text-10{font-size:.625rem}.text-11{font-size:.6875rem}.text-12{font-size:.75rem}.text-14{font-size:.875rem}.text-16{font-size:1rem}.text-18{font-size:1.125rem}.text-20{font-size:1.25rem}.text-24{font-size:1.5rem}.text-30{font-size:1.875rem}.text-36{font-size:2.25rem}.text-base{font-size:1rem}.text-inherit{font-size:inherit}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0,.px-0{padding-left:0}.px-0{padding-right:0}.py-0{padding-top:0;padding-bottom:0}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0,.mx-0{margin-left:0}.mx-0{margin-right:0}.my-0{margin-top:0;margin-bottom:0}.p-2{padding:.125rem}.pt-2{padding-top:.125rem}.pr-2{padding-right:.125rem}.pb-2{padding-bottom:.125rem}.pl-2,.px-2{padding-left:.125rem}.px-2{padding-right:.125rem}.py-2{padding-top:.125rem;padding-bottom:.125rem}.m-2{margin:.125rem}.mt-2{margin-top:.125rem}.mr-2{margin-right:.125rem}.mb-2{margin-bottom:.125rem}.ml-2,.mx-2{margin-left:.125rem}.mx-2{margin-right:.125rem}.my-2{margin-top:.125rem;margin-bottom:.125rem}.p-5{padding:.313rem}.pt-5{padding-top:.313rem}.pr-5{padding-right:.313rem}.pb-5{padding-bottom:.313rem}.pl-5,.px-5{padding-left:.313rem}.px-5{padding-right:.313rem}.py-5{padding-top:.313rem;padding-bottom:.313rem}.m-5{margin:.313rem}.mt-5{margin-top:.313rem}.mr-5{margin-right:.313rem}.mb-5{margin-bottom:.313rem}.ml-5,.mx-5{margin-left:.313rem}.mx-5{margin-right:.313rem}.my-5{margin-top:.313rem;margin-bottom:.313rem}.p-8{padding:.5rem}.pt-8{padding-top:.5rem}.pr-8{padding-right:.5rem}.pb-8{padding-bottom:.5rem}.pl-8,.px-8{padding-left:.5rem}.px-8{padding-right:.5rem}.py-8{padding-top:.5rem;padding-bottom:.5rem}.m-8{margin:.5rem}.mt-8{margin-top:.5rem}.mr-8{margin-right:.5rem}.mb-8{margin-bottom:.5rem}.ml-8,.mx-8{margin-left:.5rem}.mx-8{margin-right:.5rem}.my-8{margin-top:.5rem;margin-bottom:.5rem}.p-10{padding:.625rem}.pt-10{padding-top:.625rem}.pr-10{padding-right:.625rem}.pb-10{padding-bottom:.625rem}.pl-10,.px-10{padding-left:.625rem}.px-10{padding-right:.625rem}.py-10{padding-top:.625rem;padding-bottom:.625rem}.m-10{margin:.625rem}.mt-10{margin-top:.625rem}.mr-10{margin-right:.625rem}.mb-10{margin-bottom:.625rem}.ml-10,.mx-10{margin-left:.625rem}.mx-10{margin-right:.625rem}.my-10{margin-top:.625rem;margin-bottom:.625rem}.p-16{padding:1rem}.pt-16{padding-top:1rem}.pr-16{padding-right:1rem}.pb-16{padding-bottom:1rem}.pl-16,.px-16{padding-left:1rem}.px-16{padding-right:1rem}.py-16{padding-top:1rem;padding-bottom:1rem}.m-16{margin:1rem}.mt-16{margin-top:1rem}.mr-16{margin-right:1rem}.mb-16{margin-bottom:1rem}.ml-16,.mx-16{margin-left:1rem}.mx-16{margin-right:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.p-20{padding:1.25rem}.pt-20{padding-top:1.25rem}.pr-20{padding-right:1.25rem}.pb-20{padding-bottom:1.25rem}.pl-20,.px-20{padding-left:1.25rem}.px-20{padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.m-20{margin:1.25rem}.mt-20{margin-top:1.25rem}.mr-20{margin-right:1.25rem}.mb-20{margin-bottom:1.25rem}.ml-20,.mx-20{margin-left:1.25rem}.mx-20{margin-right:1.25rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.p-24{padding:1.5rem}.pt-24{padding-top:1.5rem}.pr-24{padding-right:1.5rem}.pb-24{padding-bottom:1.5rem}.pl-24,.px-24{padding-left:1.5rem}.px-24{padding-right:1.5rem}.py-24{padding-top:1.5rem;padding-bottom:1.5rem}.m-24{margin:1.5rem}.mt-24{margin-top:1.5rem}.mr-24{margin-right:1.5rem}.mb-24{margin-bottom:1.5rem}.ml-24,.mx-24{margin-left:1.5rem}.mx-24{margin-right:1.5rem}.my-24{margin-top:1.5rem;margin-bottom:1.5rem}.p-36{padding:2.25rem}.pt-36{padding-top:2.25rem}.pr-36{padding-right:2.25rem}.pb-36{padding-bottom:2.25rem}.pl-36,.px-36{padding-left:2.25rem}.px-36{padding-right:2.25rem}.py-36{padding-top:2.25rem;padding-bottom:2.25rem}.m-36{margin:2.25rem}.mt-36{margin-top:2.25rem}.mr-36{margin-right:2.25rem}.mb-36{margin-bottom:2.25rem}.ml-36,.mx-36{margin-left:2.25rem}.mx-36{margin-right:2.25rem}.my-36{margin-top:2.25rem;margin-bottom:2.25rem}.p-auto{padding:auto}.pt-auto{padding-top:auto}.pr-auto{padding-right:auto}.pb-auto{padding-bottom:auto}.pl-auto,.px-auto{padding-left:auto}.px-auto{padding-right:auto}.py-auto{padding-top:auto;padding-bottom:auto}.m-auto{margin:auto}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto,.mx-auto{margin-left:auto}.mx-auto{margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.gap-0{gap:0}.gap-x-0{column-gap:0}.gap-y-0{row-gap:0}.gap-5{gap:.313rem}.gap-x-5{column-gap:.313rem}.gap-y-5{row-gap:.313rem}.gap-10{gap:.625rem}.gap-x-10{column-gap:.625rem}.gap-y-10{row-gap:.625rem}.gap-16{gap:1rem}.gap-x-16{column-gap:1rem}.gap-y-16{row-gap:1rem}.gap-20{gap:1.25rem}.gap-x-20{column-gap:1.25rem}.gap-y-20{row-gap:1.25rem}.gap-36{gap:2.25rem}.gap-x-36{column-gap:2.25rem}.gap-y-36{row-gap:2.25rem}.col-start-1{grid-column-start:1}.col-end-1{grid-column-end:1}.col-span-1{grid-column:span 1/span 1}.row-start-1{grid-row-start:1}.row-end-1{grid-row-end:1}.row-span-1{grid-row:span 1/span 1}.col-start-2{grid-column-start:2}.col-end-2{grid-column-end:2}.col-span-2{grid-column:span 2/span 2}.row-start-2{grid-row-start:2}.row-end-2{grid-row-end:2}.row-span-2{grid-row:span 2/span 2}.col-start-3{grid-column-start:3}.col-end-3{grid-column-end:3}.col-span-3{grid-column:span 3/span 3}.row-start-3{grid-row-start:3}.row-end-3{grid-row-end:3}.row-span-3{grid-row:span 3/span 3}.col-start-4{grid-column-start:4}.col-end-4{grid-column-end:4}.col-span-4{grid-column:span 4/span 4}.row-start-4{grid-row-start:4}.row-end-4{grid-row-end:4}.row-span-4{grid-row:span 4/span 4}.col-start-5{grid-column-start:5}.col-end-5{grid-column-end:5}.col-span-5{grid-column:span 5/span 5}.row-start-5{grid-row-start:5}.row-end-5{grid-row-end:5}.row-span-5{grid-row:span 5/span 5}.col-start-6{grid-column-start:6}.col-end-6{grid-column-end:6}.col-span-6{grid-column:span 6/span 6}.col-span-full{grid-column:1/-1}.row-start-6{grid-row-start:6}.row-end-6{grid-row-end:6}.row-span-6{grid-row:span 6/span 6}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{*{background:transparent!important;box-shadow:none!important;text-shadow:none!important}body{width:auto;margin:auto;font-family:serif;font-size:12pt}.h1-like,.h2-like,.h3-like,.h4-like,.h5-like,.h6-like,.p-like,blockquote,h1,h2,h3,h4,h5,h6,label,ol,p,ul{color:#000;margin:auto}.print{display:block}.no-print{display:none}.p-like,blockquote,p{orphans:3;widows:3}blockquote,ol,ul{page-break-inside:avoid}.h1-like,.h2-like,.h3-like,caption,h1,h2,h3{page-break-after:avoid}a{color:#000}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}}@media (min-width:576px){.layout-maxed{grid-template-columns:minmax(.5rem,1fr) minmax(auto,576px) minmax(.5rem,1fr)}.sm\:hidden{display:none}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:inline-block{display:inline-block}.sm\:flex{display:flex}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:flex-wrap{flex-wrap:wrap}.sm\:flex-no-wrap{flex-wrap:nowrap}.sm\:flex-shrink{flex-shrink:1}.sm\:flex-no-shrink{flex-shrink:0}.sm\:flex-grow{flex-grow:1}.sm\:flex-no-grow{flex-grow:0}.sm\:float-left{float:left}.sm\:float-right{float:right}.sm\:float-none{float:none}.sm\:text-bold{font-weight:700}.sm\:text-italic{font-style:italic}.sm\:text-uppercase{text-transform:uppercase}.sm\:text-lowercase{text-transform:lowercase}.sm\:text-smaller{font-size:smaller}.sm\:text-bigger{font-size:bigger}.sm\:text-left{text-align:left}.sm\:text-center{text-align:center}.sm\:text-right{text-align:right}.sm\:text-justify{text-align:justify}.sm\:text-wrap{overflow-wrap:break-word}.sm\:justify-start{justify-content:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-around{justify-content:space-around}.sm\:justify-evenly{justify-content:space-evenly}.sm\:justify-items-start{justify-items:start}.sm\:justify-items-end{justify-items:end}.sm\:justify-items-center{justify-items:center}.sm\:align-start{align-content:start}.sm\:align-end{align-content:end}.sm\:align-center{align-content:center}.sm\:align-between{align-content:space-between}.sm\:align-around{align-content:space-around}.sm\:align-evenly{align-content:space-evenly}.sm\:align-items-start{align-items:flex-start}.sm\:align-items-end{align-items:flex-end}.sm\:align-items-center{align-items:center}.sm\:place-center{place-content:center}.sm\:justify-self-auto{justify-self:auto}.sm\:justify-self-start{justify-self:start}.sm\:justify-self-end{justify-self:end}.sm\:justify-self-center{justify-self:center}.sm\:justify-self-stretch{justify-self:stretch}.sm\:align-self-auto{align-self:auto}.sm\:align-self-start{align-self:flex-start}.sm\:align-self-end{align-self:flex-end}.sm\:align-self-center{align-self:center}.sm\:align-self-stretch{align-self:stretch}.sm\:align-top{vertical-align:top}.sm\:align-bottom{vertical-align:bottom}.sm\:align-middle{vertical-align:middle}.sm\:item-first{order:-100}.sm\:item-last{order:100}.sm\:visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.sm\:is-unstyled{list-style:none;padding-left:0}.sm\:is-disabled{opacity:.6;cursor:not-allowed!important;filter:grayscale(1)}.sm\:text-normal{font-weight:400;font-style:normal;text-transform:none}.sm\:text-10{font-size:.625rem}.sm\:text-11{font-size:.6875rem}.sm\:text-12{font-size:.75rem}.sm\:text-14{font-size:.875rem}.sm\:text-16{font-size:1rem}.sm\:text-18{font-size:1.125rem}.sm\:text-20{font-size:1.25rem}.sm\:text-24{font-size:1.5rem}.sm\:text-30{font-size:1.875rem}.sm\:text-36{font-size:2.25rem}.sm\:text-base{font-size:1rem}.sm\:text-inherit{font-size:inherit}.sm\:p-0{padding:0}.sm\:pt-0{padding-top:0}.sm\:pr-0{padding-right:0}.sm\:pb-0{padding-bottom:0}.sm\:pl-0,.sm\:px-0{padding-left:0}.sm\:px-0{padding-right:0}.sm\:py-0{padding-top:0;padding-bottom:0}.sm\:m-0{margin:0}.sm\:mt-0{margin-top:0}.sm\:mr-0{margin-right:0}.sm\:mb-0{margin-bottom:0}.sm\:ml-0,.sm\:mx-0{margin-left:0}.sm\:mx-0{margin-right:0}.sm\:my-0{margin-top:0;margin-bottom:0}.sm\:p-2{padding:.125rem}.sm\:pt-2{padding-top:.125rem}.sm\:pr-2{padding-right:.125rem}.sm\:pb-2{padding-bottom:.125rem}.sm\:pl-2,.sm\:px-2{padding-left:.125rem}.sm\:px-2{padding-right:.125rem}.sm\:py-2{padding-top:.125rem;padding-bottom:.125rem}.sm\:m-2{margin:.125rem}.sm\:mt-2{margin-top:.125rem}.sm\:mr-2{margin-right:.125rem}.sm\:mb-2{margin-bottom:.125rem}.sm\:ml-2,.sm\:mx-2{margin-left:.125rem}.sm\:mx-2{margin-right:.125rem}.sm\:my-2{margin-top:.125rem;margin-bottom:.125rem}.sm\:p-5{padding:.313rem}.sm\:pt-5{padding-top:.313rem}.sm\:pr-5{padding-right:.313rem}.sm\:pb-5{padding-bottom:.313rem}.sm\:pl-5,.sm\:px-5{padding-left:.313rem}.sm\:px-5{padding-right:.313rem}.sm\:py-5{padding-top:.313rem;padding-bottom:.313rem}.sm\:m-5{margin:.313rem}.sm\:mt-5{margin-top:.313rem}.sm\:mr-5{margin-right:.313rem}.sm\:mb-5{margin-bottom:.313rem}.sm\:ml-5,.sm\:mx-5{margin-left:.313rem}.sm\:mx-5{margin-right:.313rem}.sm\:my-5{margin-top:.313rem;margin-bottom:.313rem}.sm\:p-8{padding:.5rem}.sm\:pt-8{padding-top:.5rem}.sm\:pr-8{padding-right:.5rem}.sm\:pb-8{padding-bottom:.5rem}.sm\:pl-8,.sm\:px-8{padding-left:.5rem}.sm\:px-8{padding-right:.5rem}.sm\:py-8{padding-top:.5rem;padding-bottom:.5rem}.sm\:m-8{margin:.5rem}.sm\:mt-8{margin-top:.5rem}.sm\:mr-8{margin-right:.5rem}.sm\:mb-8{margin-bottom:.5rem}.sm\:ml-8,.sm\:mx-8{margin-left:.5rem}.sm\:mx-8{margin-right:.5rem}.sm\:my-8{margin-top:.5rem;margin-bottom:.5rem}.sm\:p-10{padding:.625rem}.sm\:pt-10{padding-top:.625rem}.sm\:pr-10{padding-right:.625rem}.sm\:pb-10{padding-bottom:.625rem}.sm\:pl-10,.sm\:px-10{padding-left:.625rem}.sm\:px-10{padding-right:.625rem}.sm\:py-10{padding-top:.625rem;padding-bottom:.625rem}.sm\:m-10{margin:.625rem}.sm\:mt-10{margin-top:.625rem}.sm\:mr-10{margin-right:.625rem}.sm\:mb-10{margin-bottom:.625rem}.sm\:ml-10,.sm\:mx-10{margin-left:.625rem}.sm\:mx-10{margin-right:.625rem}.sm\:my-10{margin-top:.625rem;margin-bottom:.625rem}.sm\:p-16{padding:1rem}.sm\:pt-16{padding-top:1rem}.sm\:pr-16{padding-right:1rem}.sm\:pb-16{padding-bottom:1rem}.sm\:pl-16,.sm\:px-16{padding-left:1rem}.sm\:px-16{padding-right:1rem}.sm\:py-16{padding-top:1rem;padding-bottom:1rem}.sm\:m-16{margin:1rem}.sm\:mt-16{margin-top:1rem}.sm\:mr-16{margin-right:1rem}.sm\:mb-16{margin-bottom:1rem}.sm\:ml-16,.sm\:mx-16{margin-left:1rem}.sm\:mx-16{margin-right:1rem}.sm\:my-16{margin-top:1rem;margin-bottom:1rem}.sm\:p-20{padding:1.25rem}.sm\:pt-20{padding-top:1.25rem}.sm\:pr-20{padding-right:1.25rem}.sm\:pb-20{padding-bottom:1.25rem}.sm\:pl-20,.sm\:px-20{padding-left:1.25rem}.sm\:px-20{padding-right:1.25rem}.sm\:py-20{padding-top:1.25rem;padding-bottom:1.25rem}.sm\:m-20{margin:1.25rem}.sm\:mt-20{margin-top:1.25rem}.sm\:mr-20{margin-right:1.25rem}.sm\:mb-20{margin-bottom:1.25rem}.sm\:ml-20,.sm\:mx-20{margin-left:1.25rem}.sm\:mx-20{margin-right:1.25rem}.sm\:my-20{margin-top:1.25rem;margin-bottom:1.25rem}.sm\:p-24{padding:1.5rem}.sm\:pt-24{padding-top:1.5rem}.sm\:pr-24{padding-right:1.5rem}.sm\:pb-24{padding-bottom:1.5rem}.sm\:pl-24,.sm\:px-24{padding-left:1.5rem}.sm\:px-24{padding-right:1.5rem}.sm\:py-24{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:m-24{margin:1.5rem}.sm\:mt-24{margin-top:1.5rem}.sm\:mr-24{margin-right:1.5rem}.sm\:mb-24{margin-bottom:1.5rem}.sm\:ml-24,.sm\:mx-24{margin-left:1.5rem}.sm\:mx-24{margin-right:1.5rem}.sm\:my-24{margin-top:1.5rem;margin-bottom:1.5rem}.sm\:p-36{padding:2.25rem}.sm\:pt-36{padding-top:2.25rem}.sm\:pr-36{padding-right:2.25rem}.sm\:pb-36{padding-bottom:2.25rem}.sm\:pl-36,.sm\:px-36{padding-left:2.25rem}.sm\:px-36{padding-right:2.25rem}.sm\:py-36{padding-top:2.25rem;padding-bottom:2.25rem}.sm\:m-36{margin:2.25rem}.sm\:mt-36{margin-top:2.25rem}.sm\:mr-36{margin-right:2.25rem}.sm\:mb-36{margin-bottom:2.25rem}.sm\:ml-36,.sm\:mx-36{margin-left:2.25rem}.sm\:mx-36{margin-right:2.25rem}.sm\:my-36{margin-top:2.25rem;margin-bottom:2.25rem}.sm\:p-auto{padding:auto}.sm\:pt-auto{padding-top:auto}.sm\:pr-auto{padding-right:auto}.sm\:pb-auto{padding-bottom:auto}.sm\:pl-auto,.sm\:px-auto{padding-left:auto}.sm\:px-auto{padding-right:auto}.sm\:py-auto{padding-top:auto;padding-bottom:auto}.sm\:m-auto{margin:auto}.sm\:mt-auto{margin-top:auto}.sm\:mr-auto{margin-right:auto}.sm\:mb-auto{margin-bottom:auto}.sm\:ml-auto,.sm\:mx-auto{margin-left:auto}.sm\:mx-auto{margin-right:auto}.sm\:my-auto{margin-top:auto;margin-bottom:auto}.sm\:grid{display:grid}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:gap-0{gap:0}.sm\:gap-x-0{column-gap:0}.sm\:gap-y-0{row-gap:0}.sm\:gap-5{gap:.313rem}.sm\:gap-x-5{column-gap:.313rem}.sm\:gap-y-5{row-gap:.313rem}.sm\:gap-10{gap:.625rem}.sm\:gap-x-10{column-gap:.625rem}.sm\:gap-y-10{row-gap:.625rem}.sm\:gap-16{gap:1rem}.sm\:gap-x-16{column-gap:1rem}.sm\:gap-y-16{row-gap:1rem}.sm\:gap-20{gap:1.25rem}.sm\:gap-x-20{column-gap:1.25rem}.sm\:gap-y-20{row-gap:1.25rem}.sm\:gap-36{gap:2.25rem}.sm\:gap-x-36{column-gap:2.25rem}.sm\:gap-y-36{row-gap:2.25rem}.sm\:col-start-1{grid-column-start:1}.sm\:col-end-1{grid-column-end:1}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:row-start-1{grid-row-start:1}.sm\:row-end-1{grid-row-end:1}.sm\:row-span-1{grid-row:span 1/span 1}.sm\:col-start-2{grid-column-start:2}.sm\:col-end-2{grid-column-end:2}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:row-start-2{grid-row-start:2}.sm\:row-end-2{grid-row-end:2}.sm\:row-span-2{grid-row:span 2/span 2}.sm\:col-start-3{grid-column-start:3}.sm\:col-end-3{grid-column-end:3}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:row-start-3{grid-row-start:3}.sm\:row-end-3{grid-row-end:3}.sm\:row-span-3{grid-row:span 3/span 3}.sm\:col-start-4{grid-column-start:4}.sm\:col-end-4{grid-column-end:4}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:row-start-4{grid-row-start:4}.sm\:row-end-4{grid-row-end:4}.sm\:row-span-4{grid-row:span 4/span 4}.sm\:col-start-5{grid-column-start:5}.sm\:col-end-5{grid-column-end:5}.sm\:col-span-5{grid-column:span 5/span 5}.sm\:row-start-5{grid-row-start:5}.sm\:row-end-5{grid-row-end:5}.sm\:row-span-5{grid-row:span 5/span 5}.sm\:col-start-6{grid-column-start:6}.sm\:col-end-6{grid-column-end:6}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:col-span-full{grid-column:1/-1}.sm\:row-start-6{grid-row-start:6}.sm\:row-end-6{grid-row-end:6}.sm\:row-span-6{grid-row:span 6/span 6}}@media (min-width:992px){.layout-maxed{grid-template-columns:minmax(.5rem,1fr) minmax(auto,992px) minmax(.5rem,1fr)}.md\:hidden{display:none}.md\:block{display:block}.md\:inline{display:inline}.md\:inline-block{display:inline-block}.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:flex-wrap{flex-wrap:wrap}.md\:flex-no-wrap{flex-wrap:nowrap}.md\:flex-shrink{flex-shrink:1}.md\:flex-no-shrink{flex-shrink:0}.md\:flex-grow{flex-grow:1}.md\:flex-no-grow{flex-grow:0}.md\:float-left{float:left}.md\:float-right{float:right}.md\:float-none{float:none}.md\:text-bold{font-weight:700}.md\:text-italic{font-style:italic}.md\:text-uppercase{text-transform:uppercase}.md\:text-lowercase{text-transform:lowercase}.md\:text-smaller{font-size:smaller}.md\:text-bigger{font-size:bigger}.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-right{text-align:right}.md\:text-justify{text-align:justify}.md\:text-wrap{overflow-wrap:break-word}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:justify-around{justify-content:space-around}.md\:justify-evenly{justify-content:space-evenly}.md\:justify-items-start{justify-items:start}.md\:justify-items-end{justify-items:end}.md\:justify-items-center{justify-items:center}.md\:align-start{align-content:start}.md\:align-end{align-content:end}.md\:align-center{align-content:center}.md\:align-between{align-content:space-between}.md\:align-around{align-content:space-around}.md\:align-evenly{align-content:space-evenly}.md\:align-items-start{align-items:flex-start}.md\:align-items-end{align-items:flex-end}.md\:align-items-center{align-items:center}.md\:place-center{place-content:center}.md\:justify-self-auto{justify-self:auto}.md\:justify-self-start{justify-self:start}.md\:justify-self-end{justify-self:end}.md\:justify-self-center{justify-self:center}.md\:justify-self-stretch{justify-self:stretch}.md\:align-self-auto{align-self:auto}.md\:align-self-start{align-self:flex-start}.md\:align-self-end{align-self:flex-end}.md\:align-self-center{align-self:center}.md\:align-self-stretch{align-self:stretch}.md\:align-top{vertical-align:top}.md\:align-bottom{vertical-align:bottom}.md\:align-middle{vertical-align:middle}.md\:item-first{order:-100}.md\:item-last{order:100}.md\:visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.md\:is-unstyled{list-style:none;padding-left:0}.md\:is-disabled{opacity:.6;cursor:not-allowed!important;filter:grayscale(1)}.md\:text-normal{font-weight:400;font-style:normal;text-transform:none}.md\:text-10{font-size:.625rem}.md\:text-11{font-size:.6875rem}.md\:text-12{font-size:.75rem}.md\:text-14{font-size:.875rem}.md\:text-16{font-size:1rem}.md\:text-18{font-size:1.125rem}.md\:text-20{font-size:1.25rem}.md\:text-24{font-size:1.5rem}.md\:text-30{font-size:1.875rem}.md\:text-36{font-size:2.25rem}.md\:text-base{font-size:1rem}.md\:text-inherit{font-size:inherit}.md\:p-0{padding:0}.md\:pt-0{padding-top:0}.md\:pr-0{padding-right:0}.md\:pb-0{padding-bottom:0}.md\:pl-0,.md\:px-0{padding-left:0}.md\:px-0{padding-right:0}.md\:py-0{padding-top:0;padding-bottom:0}.md\:m-0{margin:0}.md\:mt-0{margin-top:0}.md\:mr-0{margin-right:0}.md\:mb-0{margin-bottom:0}.md\:ml-0,.md\:mx-0{margin-left:0}.md\:mx-0{margin-right:0}.md\:my-0{margin-top:0;margin-bottom:0}.md\:p-2{padding:.125rem}.md\:pt-2{padding-top:.125rem}.md\:pr-2{padding-right:.125rem}.md\:pb-2{padding-bottom:.125rem}.md\:pl-2,.md\:px-2{padding-left:.125rem}.md\:px-2{padding-right:.125rem}.md\:py-2{padding-top:.125rem;padding-bottom:.125rem}.md\:m-2{margin:.125rem}.md\:mt-2{margin-top:.125rem}.md\:mr-2{margin-right:.125rem}.md\:mb-2{margin-bottom:.125rem}.md\:ml-2,.md\:mx-2{margin-left:.125rem}.md\:mx-2{margin-right:.125rem}.md\:my-2{margin-top:.125rem;margin-bottom:.125rem}.md\:p-5{padding:.313rem}.md\:pt-5{padding-top:.313rem}.md\:pr-5{padding-right:.313rem}.md\:pb-5{padding-bottom:.313rem}.md\:pl-5,.md\:px-5{padding-left:.313rem}.md\:px-5{padding-right:.313rem}.md\:py-5{padding-top:.313rem;padding-bottom:.313rem}.md\:m-5{margin:.313rem}.md\:mt-5{margin-top:.313rem}.md\:mr-5{margin-right:.313rem}.md\:mb-5{margin-bottom:.313rem}.md\:ml-5,.md\:mx-5{margin-left:.313rem}.md\:mx-5{margin-right:.313rem}.md\:my-5{margin-top:.313rem;margin-bottom:.313rem}.md\:p-8{padding:.5rem}.md\:pt-8{padding-top:.5rem}.md\:pr-8{padding-right:.5rem}.md\:pb-8{padding-bottom:.5rem}.md\:pl-8,.md\:px-8{padding-left:.5rem}.md\:px-8{padding-right:.5rem}.md\:py-8{padding-top:.5rem;padding-bottom:.5rem}.md\:m-8{margin:.5rem}.md\:mt-8{margin-top:.5rem}.md\:mr-8{margin-right:.5rem}.md\:mb-8{margin-bottom:.5rem}.md\:ml-8,.md\:mx-8{margin-left:.5rem}.md\:mx-8{margin-right:.5rem}.md\:my-8{margin-top:.5rem;margin-bottom:.5rem}.md\:p-10{padding:.625rem}.md\:pt-10{padding-top:.625rem}.md\:pr-10{padding-right:.625rem}.md\:pb-10{padding-bottom:.625rem}.md\:pl-10,.md\:px-10{padding-left:.625rem}.md\:px-10{padding-right:.625rem}.md\:py-10{padding-top:.625rem;padding-bottom:.625rem}.md\:m-10{margin:.625rem}.md\:mt-10{margin-top:.625rem}.md\:mr-10{margin-right:.625rem}.md\:mb-10{margin-bottom:.625rem}.md\:ml-10,.md\:mx-10{margin-left:.625rem}.md\:mx-10{margin-right:.625rem}.md\:my-10{margin-top:.625rem;margin-bottom:.625rem}.md\:p-16{padding:1rem}.md\:pt-16{padding-top:1rem}.md\:pr-16{padding-right:1rem}.md\:pb-16{padding-bottom:1rem}.md\:pl-16,.md\:px-16{padding-left:1rem}.md\:px-16{padding-right:1rem}.md\:py-16{padding-top:1rem;padding-bottom:1rem}.md\:m-16{margin:1rem}.md\:mt-16{margin-top:1rem}.md\:mr-16{margin-right:1rem}.md\:mb-16{margin-bottom:1rem}.md\:ml-16,.md\:mx-16{margin-left:1rem}.md\:mx-16{margin-right:1rem}.md\:my-16{margin-top:1rem;margin-bottom:1rem}.md\:p-20{padding:1.25rem}.md\:pt-20{padding-top:1.25rem}.md\:pr-20{padding-right:1.25rem}.md\:pb-20{padding-bottom:1.25rem}.md\:pl-20,.md\:px-20{padding-left:1.25rem}.md\:px-20{padding-right:1.25rem}.md\:py-20{padding-top:1.25rem;padding-bottom:1.25rem}.md\:m-20{margin:1.25rem}.md\:mt-20{margin-top:1.25rem}.md\:mr-20{margin-right:1.25rem}.md\:mb-20{margin-bottom:1.25rem}.md\:ml-20,.md\:mx-20{margin-left:1.25rem}.md\:mx-20{margin-right:1.25rem}.md\:my-20{margin-top:1.25rem;margin-bottom:1.25rem}.md\:p-24{padding:1.5rem}.md\:pt-24{padding-top:1.5rem}.md\:pr-24{padding-right:1.5rem}.md\:pb-24{padding-bottom:1.5rem}.md\:pl-24,.md\:px-24{padding-left:1.5rem}.md\:px-24{padding-right:1.5rem}.md\:py-24{padding-top:1.5rem;padding-bottom:1.5rem}.md\:m-24{margin:1.5rem}.md\:mt-24{margin-top:1.5rem}.md\:mr-24{margin-right:1.5rem}.md\:mb-24{margin-bottom:1.5rem}.md\:ml-24,.md\:mx-24{margin-left:1.5rem}.md\:mx-24{margin-right:1.5rem}.md\:my-24{margin-top:1.5rem;margin-bottom:1.5rem}.md\:p-36{padding:2.25rem}.md\:pt-36{padding-top:2.25rem}.md\:pr-36{padding-right:2.25rem}.md\:pb-36{padding-bottom:2.25rem}.md\:pl-36,.md\:px-36{padding-left:2.25rem}.md\:px-36{padding-right:2.25rem}.md\:py-36{padding-top:2.25rem;padding-bottom:2.25rem}.md\:m-36{margin:2.25rem}.md\:mt-36{margin-top:2.25rem}.md\:mr-36{margin-right:2.25rem}.md\:mb-36{margin-bottom:2.25rem}.md\:ml-36,.md\:mx-36{margin-left:2.25rem}.md\:mx-36{margin-right:2.25rem}.md\:my-36{margin-top:2.25rem;margin-bottom:2.25rem}.md\:p-auto{padding:auto}.md\:pt-auto{padding-top:auto}.md\:pr-auto{padding-right:auto}.md\:pb-auto{padding-bottom:auto}.md\:pl-auto,.md\:px-auto{padding-left:auto}.md\:px-auto{padding-right:auto}.md\:py-auto{padding-top:auto;padding-bottom:auto}.md\:m-auto{margin:auto}.md\:mt-auto{margin-top:auto}.md\:mr-auto{margin-right:auto}.md\:mb-auto{margin-bottom:auto}.md\:ml-auto,.md\:mx-auto{margin-left:auto}.md\:mx-auto{margin-right:auto}.md\:my-auto{margin-top:auto;margin-bottom:auto}.md\:grid{display:grid}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:gap-0{gap:0}.md\:gap-x-0{column-gap:0}.md\:gap-y-0{row-gap:0}.md\:gap-5{gap:.313rem}.md\:gap-x-5{column-gap:.313rem}.md\:gap-y-5{row-gap:.313rem}.md\:gap-10{gap:.625rem}.md\:gap-x-10{column-gap:.625rem}.md\:gap-y-10{row-gap:.625rem}.md\:gap-16{gap:1rem}.md\:gap-x-16{column-gap:1rem}.md\:gap-y-16{row-gap:1rem}.md\:gap-20{gap:1.25rem}.md\:gap-x-20{column-gap:1.25rem}.md\:gap-y-20{row-gap:1.25rem}.md\:gap-36{gap:2.25rem}.md\:gap-x-36{column-gap:2.25rem}.md\:gap-y-36{row-gap:2.25rem}.md\:col-start-1{grid-column-start:1}.md\:col-end-1{grid-column-end:1}.md\:col-span-1{grid-column:span 1/span 1}.md\:row-start-1{grid-row-start:1}.md\:row-end-1{grid-row-end:1}.md\:row-span-1{grid-row:span 1/span 1}.md\:col-start-2{grid-column-start:2}.md\:col-end-2{grid-column-end:2}.md\:col-span-2{grid-column:span 2/span 2}.md\:row-start-2{grid-row-start:2}.md\:row-end-2{grid-row-end:2}.md\:row-span-2{grid-row:span 2/span 2}.md\:col-start-3{grid-column-start:3}.md\:col-end-3{grid-column-end:3}.md\:col-span-3{grid-column:span 3/span 3}.md\:row-start-3{grid-row-start:3}.md\:row-end-3{grid-row-end:3}.md\:row-span-3{grid-row:span 3/span 3}.md\:col-start-4{grid-column-start:4}.md\:col-end-4{grid-column-end:4}.md\:col-span-4{grid-column:span 4/span 4}.md\:row-start-4{grid-row-start:4}.md\:row-end-4{grid-row-end:4}.md\:row-span-4{grid-row:span 4/span 4}.md\:col-start-5{grid-column-start:5}.md\:col-end-5{grid-column-end:5}.md\:col-span-5{grid-column:span 5/span 5}.md\:row-start-5{grid-row-start:5}.md\:row-end-5{grid-row-end:5}.md\:row-span-5{grid-row:span 5/span 5}.md\:col-start-6{grid-column-start:6}.md\:col-end-6{grid-column-end:6}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-full{grid-column:1/-1}.md\:row-start-6{grid-row-start:6}.md\:row-end-6{grid-row-end:6}.md\:row-span-6{grid-row:span 6/span 6}}@media (min-width:1400px){.layout-maxed{grid-template-columns:minmax(.5rem,1fr) minmax(auto,1400px) minmax(.5rem,1fr)}.lg\:hidden{display:none}.lg\:block{display:block}.lg\:inline{display:inline}.lg\:inline-block{display:inline-block}.lg\:flex{display:flex}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:flex-wrap{flex-wrap:wrap}.lg\:flex-no-wrap{flex-wrap:nowrap}.lg\:flex-shrink{flex-shrink:1}.lg\:flex-no-shrink{flex-shrink:0}.lg\:flex-grow{flex-grow:1}.lg\:flex-no-grow{flex-grow:0}.lg\:float-left{float:left}.lg\:float-right{float:right}.lg\:float-none{float:none}.lg\:text-bold{font-weight:700}.lg\:text-italic{font-style:italic}.lg\:text-uppercase{text-transform:uppercase}.lg\:text-lowercase{text-transform:lowercase}.lg\:text-smaller{font-size:smaller}.lg\:text-bigger{font-size:bigger}.lg\:text-left{text-align:left}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}.lg\:text-justify{text-align:justify}.lg\:text-wrap{overflow-wrap:break-word}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:justify-around{justify-content:space-around}.lg\:justify-evenly{justify-content:space-evenly}.lg\:justify-items-start{justify-items:start}.lg\:justify-items-end{justify-items:end}.lg\:justify-items-center{justify-items:center}.lg\:align-start{align-content:start}.lg\:align-end{align-content:end}.lg\:align-center{align-content:center}.lg\:align-between{align-content:space-between}.lg\:align-around{align-content:space-around}.lg\:align-evenly{align-content:space-evenly}.lg\:align-items-start{align-items:flex-start}.lg\:align-items-end{align-items:flex-end}.lg\:align-items-center{align-items:center}.lg\:place-center{place-content:center}.lg\:justify-self-auto{justify-self:auto}.lg\:justify-self-start{justify-self:start}.lg\:justify-self-end{justify-self:end}.lg\:justify-self-center{justify-self:center}.lg\:justify-self-stretch{justify-self:stretch}.lg\:align-self-auto{align-self:auto}.lg\:align-self-start{align-self:flex-start}.lg\:align-self-end{align-self:flex-end}.lg\:align-self-center{align-self:center}.lg\:align-self-stretch{align-self:stretch}.lg\:align-top{vertical-align:top}.lg\:align-bottom{vertical-align:bottom}.lg\:align-middle{vertical-align:middle}.lg\:item-first{order:-100}.lg\:item-last{order:100}.lg\:visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.lg\:is-unstyled{list-style:none;padding-left:0}.lg\:is-disabled{opacity:.6;cursor:not-allowed!important;filter:grayscale(1)}.lg\:text-normal{font-weight:400;font-style:normal;text-transform:none}.lg\:text-10{font-size:.625rem}.lg\:text-11{font-size:.6875rem}.lg\:text-12{font-size:.75rem}.lg\:text-14{font-size:.875rem}.lg\:text-16{font-size:1rem}.lg\:text-18{font-size:1.125rem}.lg\:text-20{font-size:1.25rem}.lg\:text-24{font-size:1.5rem}.lg\:text-30{font-size:1.875rem}.lg\:text-36{font-size:2.25rem}.lg\:text-base{font-size:1rem}.lg\:text-inherit{font-size:inherit}.lg\:p-0{padding:0}.lg\:pt-0{padding-top:0}.lg\:pr-0{padding-right:0}.lg\:pb-0{padding-bottom:0}.lg\:pl-0,.lg\:px-0{padding-left:0}.lg\:px-0{padding-right:0}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:m-0{margin:0}.lg\:mt-0{margin-top:0}.lg\:mr-0{margin-right:0}.lg\:mb-0{margin-bottom:0}.lg\:ml-0,.lg\:mx-0{margin-left:0}.lg\:mx-0{margin-right:0}.lg\:my-0{margin-top:0;margin-bottom:0}.lg\:p-2{padding:.125rem}.lg\:pt-2{padding-top:.125rem}.lg\:pr-2{padding-right:.125rem}.lg\:pb-2{padding-bottom:.125rem}.lg\:pl-2,.lg\:px-2{padding-left:.125rem}.lg\:px-2{padding-right:.125rem}.lg\:py-2{padding-top:.125rem;padding-bottom:.125rem}.lg\:m-2{margin:.125rem}.lg\:mt-2{margin-top:.125rem}.lg\:mr-2{margin-right:.125rem}.lg\:mb-2{margin-bottom:.125rem}.lg\:ml-2,.lg\:mx-2{margin-left:.125rem}.lg\:mx-2{margin-right:.125rem}.lg\:my-2{margin-top:.125rem;margin-bottom:.125rem}.lg\:p-5{padding:.313rem}.lg\:pt-5{padding-top:.313rem}.lg\:pr-5{padding-right:.313rem}.lg\:pb-5{padding-bottom:.313rem}.lg\:pl-5,.lg\:px-5{padding-left:.313rem}.lg\:px-5{padding-right:.313rem}.lg\:py-5{padding-top:.313rem;padding-bottom:.313rem}.lg\:m-5{margin:.313rem}.lg\:mt-5{margin-top:.313rem}.lg\:mr-5{margin-right:.313rem}.lg\:mb-5{margin-bottom:.313rem}.lg\:ml-5,.lg\:mx-5{margin-left:.313rem}.lg\:mx-5{margin-right:.313rem}.lg\:my-5{margin-top:.313rem;margin-bottom:.313rem}.lg\:p-8{padding:.5rem}.lg\:pt-8{padding-top:.5rem}.lg\:pr-8{padding-right:.5rem}.lg\:pb-8{padding-bottom:.5rem}.lg\:pl-8,.lg\:px-8{padding-left:.5rem}.lg\:px-8{padding-right:.5rem}.lg\:py-8{padding-top:.5rem;padding-bottom:.5rem}.lg\:m-8{margin:.5rem}.lg\:mt-8{margin-top:.5rem}.lg\:mr-8{margin-right:.5rem}.lg\:mb-8{margin-bottom:.5rem}.lg\:ml-8,.lg\:mx-8{margin-left:.5rem}.lg\:mx-8{margin-right:.5rem}.lg\:my-8{margin-top:.5rem;margin-bottom:.5rem}.lg\:p-10{padding:.625rem}.lg\:pt-10{padding-top:.625rem}.lg\:pr-10{padding-right:.625rem}.lg\:pb-10{padding-bottom:.625rem}.lg\:pl-10,.lg\:px-10{padding-left:.625rem}.lg\:px-10{padding-right:.625rem}.lg\:py-10{padding-top:.625rem;padding-bottom:.625rem}.lg\:m-10{margin:.625rem}.lg\:mt-10{margin-top:.625rem}.lg\:mr-10{margin-right:.625rem}.lg\:mb-10{margin-bottom:.625rem}.lg\:ml-10,.lg\:mx-10{margin-left:.625rem}.lg\:mx-10{margin-right:.625rem}.lg\:my-10{margin-top:.625rem;margin-bottom:.625rem}.lg\:p-16{padding:1rem}.lg\:pt-16{padding-top:1rem}.lg\:pr-16{padding-right:1rem}.lg\:pb-16{padding-bottom:1rem}.lg\:pl-16,.lg\:px-16{padding-left:1rem}.lg\:px-16{padding-right:1rem}.lg\:py-16{padding-top:1rem;padding-bottom:1rem}.lg\:m-16{margin:1rem}.lg\:mt-16{margin-top:1rem}.lg\:mr-16{margin-right:1rem}.lg\:mb-16{margin-bottom:1rem}.lg\:ml-16,.lg\:mx-16{margin-left:1rem}.lg\:mx-16{margin-right:1rem}.lg\:my-16{margin-top:1rem;margin-bottom:1rem}.lg\:p-20{padding:1.25rem}.lg\:pt-20{padding-top:1.25rem}.lg\:pr-20{padding-right:1.25rem}.lg\:pb-20{padding-bottom:1.25rem}.lg\:pl-20,.lg\:px-20{padding-left:1.25rem}.lg\:px-20{padding-right:1.25rem}.lg\:py-20{padding-top:1.25rem;padding-bottom:1.25rem}.lg\:m-20{margin:1.25rem}.lg\:mt-20{margin-top:1.25rem}.lg\:mr-20{margin-right:1.25rem}.lg\:mb-20{margin-bottom:1.25rem}.lg\:ml-20,.lg\:mx-20{margin-left:1.25rem}.lg\:mx-20{margin-right:1.25rem}.lg\:my-20{margin-top:1.25rem;margin-bottom:1.25rem}.lg\:p-24{padding:1.5rem}.lg\:pt-24{padding-top:1.5rem}.lg\:pr-24{padding-right:1.5rem}.lg\:pb-24{padding-bottom:1.5rem}.lg\:pl-24,.lg\:px-24{padding-left:1.5rem}.lg\:px-24{padding-right:1.5rem}.lg\:py-24{padding-top:1.5rem;padding-bottom:1.5rem}.lg\:m-24{margin:1.5rem}.lg\:mt-24{margin-top:1.5rem}.lg\:mr-24{margin-right:1.5rem}.lg\:mb-24{margin-bottom:1.5rem}.lg\:ml-24,.lg\:mx-24{margin-left:1.5rem}.lg\:mx-24{margin-right:1.5rem}.lg\:my-24{margin-top:1.5rem;margin-bottom:1.5rem}.lg\:p-36{padding:2.25rem}.lg\:pt-36{padding-top:2.25rem}.lg\:pr-36{padding-right:2.25rem}.lg\:pb-36{padding-bottom:2.25rem}.lg\:pl-36,.lg\:px-36{padding-left:2.25rem}.lg\:px-36{padding-right:2.25rem}.lg\:py-36{padding-top:2.25rem;padding-bottom:2.25rem}.lg\:m-36{margin:2.25rem}.lg\:mt-36{margin-top:2.25rem}.lg\:mr-36{margin-right:2.25rem}.lg\:mb-36{margin-bottom:2.25rem}.lg\:ml-36,.lg\:mx-36{margin-left:2.25rem}.lg\:mx-36{margin-right:2.25rem}.lg\:my-36{margin-top:2.25rem;margin-bottom:2.25rem}.lg\:p-auto{padding:auto}.lg\:pt-auto{padding-top:auto}.lg\:pr-auto{padding-right:auto}.lg\:pb-auto{padding-bottom:auto}.lg\:pl-auto,.lg\:px-auto{padding-left:auto}.lg\:px-auto{padding-right:auto}.lg\:py-auto{padding-top:auto;padding-bottom:auto}.lg\:m-auto{margin:auto}.lg\:mt-auto{margin-top:auto}.lg\:mr-auto{margin-right:auto}.lg\:mb-auto{margin-bottom:auto}.lg\:ml-auto,.lg\:mx-auto{margin-left:auto}.lg\:mx-auto{margin-right:auto}.lg\:my-auto{margin-top:auto;margin-bottom:auto}.lg\:grid{display:grid}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:gap-0{gap:0}.lg\:gap-x-0{column-gap:0}.lg\:gap-y-0{row-gap:0}.lg\:gap-5{gap:.313rem}.lg\:gap-x-5{column-gap:.313rem}.lg\:gap-y-5{row-gap:.313rem}.lg\:gap-10{gap:.625rem}.lg\:gap-x-10{column-gap:.625rem}.lg\:gap-y-10{row-gap:.625rem}.lg\:gap-16{gap:1rem}.lg\:gap-x-16{column-gap:1rem}.lg\:gap-y-16{row-gap:1rem}.lg\:gap-20{gap:1.25rem}.lg\:gap-x-20{column-gap:1.25rem}.lg\:gap-y-20{row-gap:1.25rem}.lg\:gap-36{gap:2.25rem}.lg\:gap-x-36{column-gap:2.25rem}.lg\:gap-y-36{row-gap:2.25rem}.lg\:col-start-1{grid-column-start:1}.lg\:col-end-1{grid-column-end:1}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:row-start-1{grid-row-start:1}.lg\:row-end-1{grid-row-end:1}.lg\:row-span-1{grid-row:span 1/span 1}.lg\:col-start-2{grid-column-start:2}.lg\:col-end-2{grid-column-end:2}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:row-start-2{grid-row-start:2}.lg\:row-end-2{grid-row-end:2}.lg\:row-span-2{grid-row:span 2/span 2}.lg\:col-start-3{grid-column-start:3}.lg\:col-end-3{grid-column-end:3}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:row-start-3{grid-row-start:3}.lg\:row-end-3{grid-row-end:3}.lg\:row-span-3{grid-row:span 3/span 3}.lg\:col-start-4{grid-column-start:4}.lg\:col-end-4{grid-column-end:4}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:row-start-4{grid-row-start:4}.lg\:row-end-4{grid-row-end:4}.lg\:row-span-4{grid-row:span 4/span 4}.lg\:col-start-5{grid-column-start:5}.lg\:col-end-5{grid-column-end:5}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:row-start-5{grid-row-start:5}.lg\:row-end-5{grid-row-end:5}.lg\:row-span-5{grid-row:span 5/span 5}.lg\:col-start-6{grid-column-start:6}.lg\:col-end-6{grid-column-end:6}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-full{grid-column:1/-1}.lg\:row-start-6{grid-row-start:6}.lg\:row-end-6{grid-row-end:6}.lg\:row-span-6{grid-row:span 6/span 6}} \ No newline at end of file +/*! KNACSS Reborn: Just keep it simple! @author: Alsacreations v8.2 2022/01 Licence WTFPL http://www.wtfpl.net/ */*,:after,:before{box-sizing:border-box;min-width:0}html{font-size:100%;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overflow-wrap:break-word}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;line-height:1.5;background-color:#fff}.h1-like,.h2-like,.h3-like,.h4-like,.h5-like,.h6-like,body,h1,h2,h3,h4,h5,h6{color:#212529}a{color:#6c757d;text-decoration:underline}a:active,a:focus,a:hover{color:#212529;text-decoration:underline}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.h1-like,.h2-like,h1,h2{margin-top:0;margin-bottom:1rem}.h3-like,.h4-like,.h5-like,.h6-like,address,blockquote,dd,dl,dt,h3,h4,h5,h6,ol,p,pre,ul{margin-top:0;margin-bottom:.75rem}li .p-like,li ol,li p,li ul,nav ol,nav ul,ol ol,ol ul,ul ol,ul ul{margin-top:0;margin-bottom:0}ol,ul{padding-left:1rem}nav ol,nav ul{list-style:none;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}blockquote,code,iframe,img,input,pre,select,svg,table,td,textarea,video{max-width:100%}iframe,img,input,select,textarea{height:auto}iframe,img{border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}hr{box-sizing:initial;height:0;overflow:visible;border:0;border-top:1px solid;margin:1rem 0;clear:both;color:inherit}table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;vertical-align:top;margin-bottom:1rem}.sr-only,.visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}[tabindex],a,area,button,input,label,select,summary,textarea{touch-action:manipulation}button,input,select,textarea{margin:0;background-color:initial;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;vertical-align:middle}button,input:not([type=radio]):not([type=checkbox]),select,textarea{border:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{-moz-tab-size:2;tab-size:2;white-space:pre-wrap;line-height:normal;overflow:auto;-ms-overflow-style:scrollbar}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset,form{border:none}fieldset{margin:0;padding:1rem}legend{display:table;max-width:100%;padding:0 .25rem;border:0;color:inherit;white-space:normal}label{display:inline-block;cursor:pointer}textarea{overflow:auto;vertical-align:top;resize:vertical;white-space:pre-wrap}progress{width:100%;vertical-align:initial}output,progress{display:inline-block}summary{display:list-item}template{display:none}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}.layout-maxed{display:grid}.layout-maxed>*{grid-column:2}.layout-hero{grid-column:1/-1;display:grid;grid-template-columns:inherit}.layout-hero>*{grid-column:2}.layout-hero-img{grid-column:1/-1;justify-self:center;max-width:100%}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-no-wrap{flex-wrap:nowrap}.flex-shrink{flex-shrink:1}.flex-no-shrink{flex-shrink:0}.flex-grow{flex-grow:1}.flex-no-grow{flex-grow:0}.float-left{float:left}.float-right{float:right}.float-none{float:none}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-smaller{font-size:smaller}.text-bigger{font-size:bigger}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-wrap{overflow-wrap:break-word}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.align-start{align-content:start}.align-end{align-content:end}.align-center{align-content:center}.align-between{align-content:space-between}.align-around{align-content:space-around}.align-evenly{align-content:space-evenly}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.place-center{place-content:center}.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.align-self-auto{align-self:auto}.align-self-start{align-self:flex-start}.align-self-end{align-self:flex-end}.align-self-center{align-self:center}.align-self-stretch{align-self:stretch}.align-top{vertical-align:top}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.item-first{order:-100}.item-last{order:100}.is-unstyled{list-style:none;padding-left:0}.is-disabled,[disabled]{opacity:.6;cursor:not-allowed!important;filter:grayscale(1)}.text-normal{font-weight:400;font-style:normal;text-transform:none}.text-10{font-size:.625rem}.text-11{font-size:.6875rem}.text-12{font-size:.75rem}.text-14{font-size:.875rem}.text-16{font-size:1rem}.text-18{font-size:1.125rem}.text-20{font-size:1.25rem}.text-24{font-size:1.5rem}.text-30{font-size:1.875rem}.text-36{font-size:2.25rem}.text-base{font-size:1rem}.text-inherit{font-size:inherit}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0,.px-0{padding-left:0}.px-0{padding-right:0}.py-0{padding-top:0;padding-bottom:0}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0,.mx-0{margin-left:0}.mx-0{margin-right:0}.my-0{margin-top:0;margin-bottom:0}.p-1{padding:1px}.pt-1{padding-top:1px}.pr-1{padding-right:1px}.pb-1{padding-bottom:1px}.pl-1,.px-1{padding-left:1px}.px-1{padding-right:1px}.py-1{padding-top:1px;padding-bottom:1px}.m-1{margin:1px}.mt-1{margin-top:1px}.mr-1{margin-right:1px}.mb-1{margin-bottom:1px}.ml-1,.mx-1{margin-left:1px}.mx-1{margin-right:1px}.my-1{margin-top:1px;margin-bottom:1px}.p-2{padding:.125rem}.pt-2{padding-top:.125rem}.pr-2{padding-right:.125rem}.pb-2{padding-bottom:.125rem}.pl-2,.px-2{padding-left:.125rem}.px-2{padding-right:.125rem}.py-2{padding-top:.125rem;padding-bottom:.125rem}.m-2{margin:.125rem}.mt-2{margin-top:.125rem}.mr-2{margin-right:.125rem}.mb-2{margin-bottom:.125rem}.ml-2,.mx-2{margin-left:.125rem}.mx-2{margin-right:.125rem}.my-2{margin-top:.125rem;margin-bottom:.125rem}.p-4{padding:.25rem}.pt-4{padding-top:.25rem}.pr-4{padding-right:.25rem}.pb-4{padding-bottom:.25rem}.pl-4,.px-4{padding-left:.25rem}.px-4{padding-right:.25rem}.py-4{padding-top:.25rem;padding-bottom:.25rem}.m-4{margin:.25rem}.mt-4{margin-top:.25rem}.mr-4{margin-right:.25rem}.mb-4{margin-bottom:.25rem}.ml-4,.mx-4{margin-left:.25rem}.mx-4{margin-right:.25rem}.my-4{margin-top:.25rem;margin-bottom:.25rem}.p-8{padding:.5rem}.pt-8{padding-top:.5rem}.pr-8{padding-right:.5rem}.pb-8{padding-bottom:.5rem}.pl-8,.px-8{padding-left:.5rem}.px-8{padding-right:.5rem}.py-8{padding-top:.5rem;padding-bottom:.5rem}.m-8{margin:.5rem}.mt-8{margin-top:.5rem}.mr-8{margin-right:.5rem}.mb-8{margin-bottom:.5rem}.ml-8,.mx-8{margin-left:.5rem}.mx-8{margin-right:.5rem}.my-8{margin-top:.5rem;margin-bottom:.5rem}.p-12{padding:.75rem}.pt-12{padding-top:.75rem}.pr-12{padding-right:.75rem}.pb-12{padding-bottom:.75rem}.pl-12,.px-12{padding-left:.75rem}.px-12{padding-right:.75rem}.py-12{padding-top:.75rem;padding-bottom:.75rem}.m-12{margin:.75rem}.mt-12{margin-top:.75rem}.mr-12{margin-right:.75rem}.mb-12{margin-bottom:.75rem}.ml-12,.mx-12{margin-left:.75rem}.mx-12{margin-right:.75rem}.my-12{margin-top:.75rem;margin-bottom:.75rem}.p-16{padding:1rem}.pt-16{padding-top:1rem}.pr-16{padding-right:1rem}.pb-16{padding-bottom:1rem}.pl-16,.px-16{padding-left:1rem}.px-16{padding-right:1rem}.py-16{padding-top:1rem;padding-bottom:1rem}.m-16{margin:1rem}.mt-16{margin-top:1rem}.mr-16{margin-right:1rem}.mb-16{margin-bottom:1rem}.ml-16,.mx-16{margin-left:1rem}.mx-16{margin-right:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.p-20{padding:1.25rem}.pt-20{padding-top:1.25rem}.pr-20{padding-right:1.25rem}.pb-20{padding-bottom:1.25rem}.pl-20,.px-20{padding-left:1.25rem}.px-20{padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.m-20{margin:1.25rem}.mt-20{margin-top:1.25rem}.mr-20{margin-right:1.25rem}.mb-20{margin-bottom:1.25rem}.ml-20,.mx-20{margin-left:1.25rem}.mx-20{margin-right:1.25rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.p-24{padding:1.5rem}.pt-24{padding-top:1.5rem}.pr-24{padding-right:1.5rem}.pb-24{padding-bottom:1.5rem}.pl-24,.px-24{padding-left:1.5rem}.px-24{padding-right:1.5rem}.py-24{padding-top:1.5rem;padding-bottom:1.5rem}.m-24{margin:1.5rem}.mt-24{margin-top:1.5rem}.mr-24{margin-right:1.5rem}.mb-24{margin-bottom:1.5rem}.ml-24,.mx-24{margin-left:1.5rem}.mx-24{margin-right:1.5rem}.my-24{margin-top:1.5rem;margin-bottom:1.5rem}.p-36{padding:2.25rem}.pt-36{padding-top:2.25rem}.pr-36{padding-right:2.25rem}.pb-36{padding-bottom:2.25rem}.pl-36,.px-36{padding-left:2.25rem}.px-36{padding-right:2.25rem}.py-36{padding-top:2.25rem;padding-bottom:2.25rem}.m-36{margin:2.25rem}.mt-36{margin-top:2.25rem}.mr-36{margin-right:2.25rem}.mb-36{margin-bottom:2.25rem}.ml-36,.mx-36{margin-left:2.25rem}.mx-36{margin-right:2.25rem}.my-36{margin-top:2.25rem;margin-bottom:2.25rem}.p-auto{padding:auto}.pt-auto{padding-top:auto}.pr-auto{padding-right:auto}.pb-auto{padding-bottom:auto}.pl-auto,.px-auto{padding-left:auto}.px-auto{padding-right:auto}.py-auto{padding-top:auto;padding-bottom:auto}.m-auto{margin:auto}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto,.mx-auto{margin-left:auto}.mx-auto{margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.gap-0{gap:0}.gap-x-0{column-gap:0}.gap-y-0{row-gap:0}.gap-5{gap:.313rem}.gap-x-5{column-gap:.313rem}.gap-y-5{row-gap:.313rem}.gap-10{gap:.625rem}.gap-x-10{column-gap:.625rem}.gap-y-10{row-gap:.625rem}.gap-16{gap:1rem}.gap-x-16{column-gap:1rem}.gap-y-16{row-gap:1rem}.gap-20{gap:1.25rem}.gap-x-20{column-gap:1.25rem}.gap-y-20{row-gap:1.25rem}.gap-36{gap:2.25rem}.gap-x-36{column-gap:2.25rem}.gap-y-36{row-gap:2.25rem}.col-start-1{grid-column-start:1}.col-end-1{grid-column-end:1}.col-span-1{grid-column:span 1/span 1}.row-start-1{grid-row-start:1}.row-end-1{grid-row-end:1}.row-span-1{grid-row:span 1/span 1}.col-start-2{grid-column-start:2}.col-end-2{grid-column-end:2}.col-span-2{grid-column:span 2/span 2}.row-start-2{grid-row-start:2}.row-end-2{grid-row-end:2}.row-span-2{grid-row:span 2/span 2}.col-start-3{grid-column-start:3}.col-end-3{grid-column-end:3}.col-span-3{grid-column:span 3/span 3}.row-start-3{grid-row-start:3}.row-end-3{grid-row-end:3}.row-span-3{grid-row:span 3/span 3}.col-start-4{grid-column-start:4}.col-end-4{grid-column-end:4}.col-span-4{grid-column:span 4/span 4}.row-start-4{grid-row-start:4}.row-end-4{grid-row-end:4}.row-span-4{grid-row:span 4/span 4}.col-start-5{grid-column-start:5}.col-end-5{grid-column-end:5}.col-span-5{grid-column:span 5/span 5}.row-start-5{grid-row-start:5}.row-end-5{grid-row-end:5}.row-span-5{grid-row:span 5/span 5}.col-start-6{grid-column-start:6}.col-end-6{grid-column-end:6}.col-span-6{grid-column:span 6/span 6}.col-span-full{grid-column:1/-1}.row-start-6{grid-row-start:6}.row-end-6{grid-row-end:6}.row-span-6{grid-row:span 6/span 6}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{*{background:transparent!important;box-shadow:none!important;text-shadow:none!important}body{width:auto;margin:auto;font-family:serif;font-size:12pt}.h1-like,.h2-like,.h3-like,.h4-like,.h5-like,.h6-like,.p-like,blockquote,h1,h2,h3,h4,h5,h6,label,ol,p,ul{color:#000;margin:auto}.print{display:block}.no-print{display:none}.p-like,blockquote,p{orphans:3;widows:3}blockquote,ol,ul{page-break-inside:avoid}.h1-like,.h2-like,.h3-like,caption,h1,h2,h3{page-break-after:avoid}a{color:#000}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}}@media (min-width:576px){.layout-maxed{grid-template-columns:minmax(.75rem,1fr) minmax(auto,576px) minmax(.75rem,1fr)}.sm\:hidden{display:none}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:inline-block{display:inline-block}.sm\:flex{display:flex}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:flex-wrap{flex-wrap:wrap}.sm\:flex-no-wrap{flex-wrap:nowrap}.sm\:flex-shrink{flex-shrink:1}.sm\:flex-no-shrink{flex-shrink:0}.sm\:flex-grow{flex-grow:1}.sm\:flex-no-grow{flex-grow:0}.sm\:float-left{float:left}.sm\:float-right{float:right}.sm\:float-none{float:none}.sm\:text-bold{font-weight:700}.sm\:text-italic{font-style:italic}.sm\:text-uppercase{text-transform:uppercase}.sm\:text-lowercase{text-transform:lowercase}.sm\:text-smaller{font-size:smaller}.sm\:text-bigger{font-size:bigger}.sm\:text-left{text-align:left}.sm\:text-center{text-align:center}.sm\:text-right{text-align:right}.sm\:text-justify{text-align:justify}.sm\:text-wrap{overflow-wrap:break-word}.sm\:justify-start{justify-content:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-around{justify-content:space-around}.sm\:justify-evenly{justify-content:space-evenly}.sm\:justify-items-start{justify-items:start}.sm\:justify-items-end{justify-items:end}.sm\:justify-items-center{justify-items:center}.sm\:align-start{align-content:start}.sm\:align-end{align-content:end}.sm\:align-center{align-content:center}.sm\:align-between{align-content:space-between}.sm\:align-around{align-content:space-around}.sm\:align-evenly{align-content:space-evenly}.sm\:align-items-start{align-items:flex-start}.sm\:align-items-end{align-items:flex-end}.sm\:align-items-center{align-items:center}.sm\:place-center{place-content:center}.sm\:justify-self-auto{justify-self:auto}.sm\:justify-self-start{justify-self:start}.sm\:justify-self-end{justify-self:end}.sm\:justify-self-center{justify-self:center}.sm\:justify-self-stretch{justify-self:stretch}.sm\:align-self-auto{align-self:auto}.sm\:align-self-start{align-self:flex-start}.sm\:align-self-end{align-self:flex-end}.sm\:align-self-center{align-self:center}.sm\:align-self-stretch{align-self:stretch}.sm\:align-top{vertical-align:top}.sm\:align-bottom{vertical-align:bottom}.sm\:align-middle{vertical-align:middle}.sm\:item-first{order:-100}.sm\:item-last{order:100}.sm\:visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.sm\:is-unstyled{list-style:none;padding-left:0}.sm\:is-disabled{opacity:.6;cursor:not-allowed!important;filter:grayscale(1)}.sm\:text-normal{font-weight:400;font-style:normal;text-transform:none}.sm\:text-10{font-size:.625rem}.sm\:text-11{font-size:.6875rem}.sm\:text-12{font-size:.75rem}.sm\:text-14{font-size:.875rem}.sm\:text-16{font-size:1rem}.sm\:text-18{font-size:1.125rem}.sm\:text-20{font-size:1.25rem}.sm\:text-24{font-size:1.5rem}.sm\:text-30{font-size:1.875rem}.sm\:text-36{font-size:2.25rem}.sm\:text-base{font-size:1rem}.sm\:text-inherit{font-size:inherit}.sm\:p-0{padding:0}.sm\:pt-0{padding-top:0}.sm\:pr-0{padding-right:0}.sm\:pb-0{padding-bottom:0}.sm\:pl-0,.sm\:px-0{padding-left:0}.sm\:px-0{padding-right:0}.sm\:py-0{padding-top:0;padding-bottom:0}.sm\:m-0{margin:0}.sm\:mt-0{margin-top:0}.sm\:mr-0{margin-right:0}.sm\:mb-0{margin-bottom:0}.sm\:ml-0,.sm\:mx-0{margin-left:0}.sm\:mx-0{margin-right:0}.sm\:my-0{margin-top:0;margin-bottom:0}.sm\:p-1{padding:1px}.sm\:pt-1{padding-top:1px}.sm\:pr-1{padding-right:1px}.sm\:pb-1{padding-bottom:1px}.sm\:pl-1,.sm\:px-1{padding-left:1px}.sm\:px-1{padding-right:1px}.sm\:py-1{padding-top:1px;padding-bottom:1px}.sm\:m-1{margin:1px}.sm\:mt-1{margin-top:1px}.sm\:mr-1{margin-right:1px}.sm\:mb-1{margin-bottom:1px}.sm\:ml-1,.sm\:mx-1{margin-left:1px}.sm\:mx-1{margin-right:1px}.sm\:my-1{margin-top:1px;margin-bottom:1px}.sm\:p-2{padding:.125rem}.sm\:pt-2{padding-top:.125rem}.sm\:pr-2{padding-right:.125rem}.sm\:pb-2{padding-bottom:.125rem}.sm\:pl-2,.sm\:px-2{padding-left:.125rem}.sm\:px-2{padding-right:.125rem}.sm\:py-2{padding-top:.125rem;padding-bottom:.125rem}.sm\:m-2{margin:.125rem}.sm\:mt-2{margin-top:.125rem}.sm\:mr-2{margin-right:.125rem}.sm\:mb-2{margin-bottom:.125rem}.sm\:ml-2,.sm\:mx-2{margin-left:.125rem}.sm\:mx-2{margin-right:.125rem}.sm\:my-2{margin-top:.125rem;margin-bottom:.125rem}.sm\:p-4{padding:.25rem}.sm\:pt-4{padding-top:.25rem}.sm\:pr-4{padding-right:.25rem}.sm\:pb-4{padding-bottom:.25rem}.sm\:pl-4,.sm\:px-4{padding-left:.25rem}.sm\:px-4{padding-right:.25rem}.sm\:py-4{padding-top:.25rem;padding-bottom:.25rem}.sm\:m-4{margin:.25rem}.sm\:mt-4{margin-top:.25rem}.sm\:mr-4{margin-right:.25rem}.sm\:mb-4{margin-bottom:.25rem}.sm\:ml-4,.sm\:mx-4{margin-left:.25rem}.sm\:mx-4{margin-right:.25rem}.sm\:my-4{margin-top:.25rem;margin-bottom:.25rem}.sm\:p-8{padding:.5rem}.sm\:pt-8{padding-top:.5rem}.sm\:pr-8{padding-right:.5rem}.sm\:pb-8{padding-bottom:.5rem}.sm\:pl-8,.sm\:px-8{padding-left:.5rem}.sm\:px-8{padding-right:.5rem}.sm\:py-8{padding-top:.5rem;padding-bottom:.5rem}.sm\:m-8{margin:.5rem}.sm\:mt-8{margin-top:.5rem}.sm\:mr-8{margin-right:.5rem}.sm\:mb-8{margin-bottom:.5rem}.sm\:ml-8,.sm\:mx-8{margin-left:.5rem}.sm\:mx-8{margin-right:.5rem}.sm\:my-8{margin-top:.5rem;margin-bottom:.5rem}.sm\:p-12{padding:.75rem}.sm\:pt-12{padding-top:.75rem}.sm\:pr-12{padding-right:.75rem}.sm\:pb-12{padding-bottom:.75rem}.sm\:pl-12,.sm\:px-12{padding-left:.75rem}.sm\:px-12{padding-right:.75rem}.sm\:py-12{padding-top:.75rem;padding-bottom:.75rem}.sm\:m-12{margin:.75rem}.sm\:mt-12{margin-top:.75rem}.sm\:mr-12{margin-right:.75rem}.sm\:mb-12{margin-bottom:.75rem}.sm\:ml-12,.sm\:mx-12{margin-left:.75rem}.sm\:mx-12{margin-right:.75rem}.sm\:my-12{margin-top:.75rem;margin-bottom:.75rem}.sm\:p-16{padding:1rem}.sm\:pt-16{padding-top:1rem}.sm\:pr-16{padding-right:1rem}.sm\:pb-16{padding-bottom:1rem}.sm\:pl-16,.sm\:px-16{padding-left:1rem}.sm\:px-16{padding-right:1rem}.sm\:py-16{padding-top:1rem;padding-bottom:1rem}.sm\:m-16{margin:1rem}.sm\:mt-16{margin-top:1rem}.sm\:mr-16{margin-right:1rem}.sm\:mb-16{margin-bottom:1rem}.sm\:ml-16,.sm\:mx-16{margin-left:1rem}.sm\:mx-16{margin-right:1rem}.sm\:my-16{margin-top:1rem;margin-bottom:1rem}.sm\:p-20{padding:1.25rem}.sm\:pt-20{padding-top:1.25rem}.sm\:pr-20{padding-right:1.25rem}.sm\:pb-20{padding-bottom:1.25rem}.sm\:pl-20,.sm\:px-20{padding-left:1.25rem}.sm\:px-20{padding-right:1.25rem}.sm\:py-20{padding-top:1.25rem;padding-bottom:1.25rem}.sm\:m-20{margin:1.25rem}.sm\:mt-20{margin-top:1.25rem}.sm\:mr-20{margin-right:1.25rem}.sm\:mb-20{margin-bottom:1.25rem}.sm\:ml-20,.sm\:mx-20{margin-left:1.25rem}.sm\:mx-20{margin-right:1.25rem}.sm\:my-20{margin-top:1.25rem;margin-bottom:1.25rem}.sm\:p-24{padding:1.5rem}.sm\:pt-24{padding-top:1.5rem}.sm\:pr-24{padding-right:1.5rem}.sm\:pb-24{padding-bottom:1.5rem}.sm\:pl-24,.sm\:px-24{padding-left:1.5rem}.sm\:px-24{padding-right:1.5rem}.sm\:py-24{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:m-24{margin:1.5rem}.sm\:mt-24{margin-top:1.5rem}.sm\:mr-24{margin-right:1.5rem}.sm\:mb-24{margin-bottom:1.5rem}.sm\:ml-24,.sm\:mx-24{margin-left:1.5rem}.sm\:mx-24{margin-right:1.5rem}.sm\:my-24{margin-top:1.5rem;margin-bottom:1.5rem}.sm\:p-36{padding:2.25rem}.sm\:pt-36{padding-top:2.25rem}.sm\:pr-36{padding-right:2.25rem}.sm\:pb-36{padding-bottom:2.25rem}.sm\:pl-36,.sm\:px-36{padding-left:2.25rem}.sm\:px-36{padding-right:2.25rem}.sm\:py-36{padding-top:2.25rem;padding-bottom:2.25rem}.sm\:m-36{margin:2.25rem}.sm\:mt-36{margin-top:2.25rem}.sm\:mr-36{margin-right:2.25rem}.sm\:mb-36{margin-bottom:2.25rem}.sm\:ml-36,.sm\:mx-36{margin-left:2.25rem}.sm\:mx-36{margin-right:2.25rem}.sm\:my-36{margin-top:2.25rem;margin-bottom:2.25rem}.sm\:p-auto{padding:auto}.sm\:pt-auto{padding-top:auto}.sm\:pr-auto{padding-right:auto}.sm\:pb-auto{padding-bottom:auto}.sm\:pl-auto,.sm\:px-auto{padding-left:auto}.sm\:px-auto{padding-right:auto}.sm\:py-auto{padding-top:auto;padding-bottom:auto}.sm\:m-auto{margin:auto}.sm\:mt-auto{margin-top:auto}.sm\:mr-auto{margin-right:auto}.sm\:mb-auto{margin-bottom:auto}.sm\:ml-auto,.sm\:mx-auto{margin-left:auto}.sm\:mx-auto{margin-right:auto}.sm\:my-auto{margin-top:auto;margin-bottom:auto}.sm\:grid{display:grid}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:gap-0{gap:0}.sm\:gap-x-0{column-gap:0}.sm\:gap-y-0{row-gap:0}.sm\:gap-5{gap:.313rem}.sm\:gap-x-5{column-gap:.313rem}.sm\:gap-y-5{row-gap:.313rem}.sm\:gap-10{gap:.625rem}.sm\:gap-x-10{column-gap:.625rem}.sm\:gap-y-10{row-gap:.625rem}.sm\:gap-16{gap:1rem}.sm\:gap-x-16{column-gap:1rem}.sm\:gap-y-16{row-gap:1rem}.sm\:gap-20{gap:1.25rem}.sm\:gap-x-20{column-gap:1.25rem}.sm\:gap-y-20{row-gap:1.25rem}.sm\:gap-36{gap:2.25rem}.sm\:gap-x-36{column-gap:2.25rem}.sm\:gap-y-36{row-gap:2.25rem}.sm\:col-start-1{grid-column-start:1}.sm\:col-end-1{grid-column-end:1}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:row-start-1{grid-row-start:1}.sm\:row-end-1{grid-row-end:1}.sm\:row-span-1{grid-row:span 1/span 1}.sm\:col-start-2{grid-column-start:2}.sm\:col-end-2{grid-column-end:2}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:row-start-2{grid-row-start:2}.sm\:row-end-2{grid-row-end:2}.sm\:row-span-2{grid-row:span 2/span 2}.sm\:col-start-3{grid-column-start:3}.sm\:col-end-3{grid-column-end:3}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:row-start-3{grid-row-start:3}.sm\:row-end-3{grid-row-end:3}.sm\:row-span-3{grid-row:span 3/span 3}.sm\:col-start-4{grid-column-start:4}.sm\:col-end-4{grid-column-end:4}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:row-start-4{grid-row-start:4}.sm\:row-end-4{grid-row-end:4}.sm\:row-span-4{grid-row:span 4/span 4}.sm\:col-start-5{grid-column-start:5}.sm\:col-end-5{grid-column-end:5}.sm\:col-span-5{grid-column:span 5/span 5}.sm\:row-start-5{grid-row-start:5}.sm\:row-end-5{grid-row-end:5}.sm\:row-span-5{grid-row:span 5/span 5}.sm\:col-start-6{grid-column-start:6}.sm\:col-end-6{grid-column-end:6}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:col-span-full{grid-column:1/-1}.sm\:row-start-6{grid-row-start:6}.sm\:row-end-6{grid-row-end:6}.sm\:row-span-6{grid-row:span 6/span 6}}@media (min-width:992px){.layout-maxed{grid-template-columns:minmax(.75rem,1fr) minmax(auto,992px) minmax(.75rem,1fr)}.md\:hidden{display:none}.md\:block{display:block}.md\:inline{display:inline}.md\:inline-block{display:inline-block}.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:flex-wrap{flex-wrap:wrap}.md\:flex-no-wrap{flex-wrap:nowrap}.md\:flex-shrink{flex-shrink:1}.md\:flex-no-shrink{flex-shrink:0}.md\:flex-grow{flex-grow:1}.md\:flex-no-grow{flex-grow:0}.md\:float-left{float:left}.md\:float-right{float:right}.md\:float-none{float:none}.md\:text-bold{font-weight:700}.md\:text-italic{font-style:italic}.md\:text-uppercase{text-transform:uppercase}.md\:text-lowercase{text-transform:lowercase}.md\:text-smaller{font-size:smaller}.md\:text-bigger{font-size:bigger}.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-right{text-align:right}.md\:text-justify{text-align:justify}.md\:text-wrap{overflow-wrap:break-word}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:justify-around{justify-content:space-around}.md\:justify-evenly{justify-content:space-evenly}.md\:justify-items-start{justify-items:start}.md\:justify-items-end{justify-items:end}.md\:justify-items-center{justify-items:center}.md\:align-start{align-content:start}.md\:align-end{align-content:end}.md\:align-center{align-content:center}.md\:align-between{align-content:space-between}.md\:align-around{align-content:space-around}.md\:align-evenly{align-content:space-evenly}.md\:align-items-start{align-items:flex-start}.md\:align-items-end{align-items:flex-end}.md\:align-items-center{align-items:center}.md\:place-center{place-content:center}.md\:justify-self-auto{justify-self:auto}.md\:justify-self-start{justify-self:start}.md\:justify-self-end{justify-self:end}.md\:justify-self-center{justify-self:center}.md\:justify-self-stretch{justify-self:stretch}.md\:align-self-auto{align-self:auto}.md\:align-self-start{align-self:flex-start}.md\:align-self-end{align-self:flex-end}.md\:align-self-center{align-self:center}.md\:align-self-stretch{align-self:stretch}.md\:align-top{vertical-align:top}.md\:align-bottom{vertical-align:bottom}.md\:align-middle{vertical-align:middle}.md\:item-first{order:-100}.md\:item-last{order:100}.md\:visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.md\:is-unstyled{list-style:none;padding-left:0}.md\:is-disabled{opacity:.6;cursor:not-allowed!important;filter:grayscale(1)}.md\:text-normal{font-weight:400;font-style:normal;text-transform:none}.md\:text-10{font-size:.625rem}.md\:text-11{font-size:.6875rem}.md\:text-12{font-size:.75rem}.md\:text-14{font-size:.875rem}.md\:text-16{font-size:1rem}.md\:text-18{font-size:1.125rem}.md\:text-20{font-size:1.25rem}.md\:text-24{font-size:1.5rem}.md\:text-30{font-size:1.875rem}.md\:text-36{font-size:2.25rem}.md\:text-base{font-size:1rem}.md\:text-inherit{font-size:inherit}.md\:p-0{padding:0}.md\:pt-0{padding-top:0}.md\:pr-0{padding-right:0}.md\:pb-0{padding-bottom:0}.md\:pl-0,.md\:px-0{padding-left:0}.md\:px-0{padding-right:0}.md\:py-0{padding-top:0;padding-bottom:0}.md\:m-0{margin:0}.md\:mt-0{margin-top:0}.md\:mr-0{margin-right:0}.md\:mb-0{margin-bottom:0}.md\:ml-0,.md\:mx-0{margin-left:0}.md\:mx-0{margin-right:0}.md\:my-0{margin-top:0;margin-bottom:0}.md\:p-1{padding:1px}.md\:pt-1{padding-top:1px}.md\:pr-1{padding-right:1px}.md\:pb-1{padding-bottom:1px}.md\:pl-1,.md\:px-1{padding-left:1px}.md\:px-1{padding-right:1px}.md\:py-1{padding-top:1px;padding-bottom:1px}.md\:m-1{margin:1px}.md\:mt-1{margin-top:1px}.md\:mr-1{margin-right:1px}.md\:mb-1{margin-bottom:1px}.md\:ml-1,.md\:mx-1{margin-left:1px}.md\:mx-1{margin-right:1px}.md\:my-1{margin-top:1px;margin-bottom:1px}.md\:p-2{padding:.125rem}.md\:pt-2{padding-top:.125rem}.md\:pr-2{padding-right:.125rem}.md\:pb-2{padding-bottom:.125rem}.md\:pl-2,.md\:px-2{padding-left:.125rem}.md\:px-2{padding-right:.125rem}.md\:py-2{padding-top:.125rem;padding-bottom:.125rem}.md\:m-2{margin:.125rem}.md\:mt-2{margin-top:.125rem}.md\:mr-2{margin-right:.125rem}.md\:mb-2{margin-bottom:.125rem}.md\:ml-2,.md\:mx-2{margin-left:.125rem}.md\:mx-2{margin-right:.125rem}.md\:my-2{margin-top:.125rem;margin-bottom:.125rem}.md\:p-4{padding:.25rem}.md\:pt-4{padding-top:.25rem}.md\:pr-4{padding-right:.25rem}.md\:pb-4{padding-bottom:.25rem}.md\:pl-4,.md\:px-4{padding-left:.25rem}.md\:px-4{padding-right:.25rem}.md\:py-4{padding-top:.25rem;padding-bottom:.25rem}.md\:m-4{margin:.25rem}.md\:mt-4{margin-top:.25rem}.md\:mr-4{margin-right:.25rem}.md\:mb-4{margin-bottom:.25rem}.md\:ml-4,.md\:mx-4{margin-left:.25rem}.md\:mx-4{margin-right:.25rem}.md\:my-4{margin-top:.25rem;margin-bottom:.25rem}.md\:p-8{padding:.5rem}.md\:pt-8{padding-top:.5rem}.md\:pr-8{padding-right:.5rem}.md\:pb-8{padding-bottom:.5rem}.md\:pl-8,.md\:px-8{padding-left:.5rem}.md\:px-8{padding-right:.5rem}.md\:py-8{padding-top:.5rem;padding-bottom:.5rem}.md\:m-8{margin:.5rem}.md\:mt-8{margin-top:.5rem}.md\:mr-8{margin-right:.5rem}.md\:mb-8{margin-bottom:.5rem}.md\:ml-8,.md\:mx-8{margin-left:.5rem}.md\:mx-8{margin-right:.5rem}.md\:my-8{margin-top:.5rem;margin-bottom:.5rem}.md\:p-12{padding:.75rem}.md\:pt-12{padding-top:.75rem}.md\:pr-12{padding-right:.75rem}.md\:pb-12{padding-bottom:.75rem}.md\:pl-12,.md\:px-12{padding-left:.75rem}.md\:px-12{padding-right:.75rem}.md\:py-12{padding-top:.75rem;padding-bottom:.75rem}.md\:m-12{margin:.75rem}.md\:mt-12{margin-top:.75rem}.md\:mr-12{margin-right:.75rem}.md\:mb-12{margin-bottom:.75rem}.md\:ml-12,.md\:mx-12{margin-left:.75rem}.md\:mx-12{margin-right:.75rem}.md\:my-12{margin-top:.75rem;margin-bottom:.75rem}.md\:p-16{padding:1rem}.md\:pt-16{padding-top:1rem}.md\:pr-16{padding-right:1rem}.md\:pb-16{padding-bottom:1rem}.md\:pl-16,.md\:px-16{padding-left:1rem}.md\:px-16{padding-right:1rem}.md\:py-16{padding-top:1rem;padding-bottom:1rem}.md\:m-16{margin:1rem}.md\:mt-16{margin-top:1rem}.md\:mr-16{margin-right:1rem}.md\:mb-16{margin-bottom:1rem}.md\:ml-16,.md\:mx-16{margin-left:1rem}.md\:mx-16{margin-right:1rem}.md\:my-16{margin-top:1rem;margin-bottom:1rem}.md\:p-20{padding:1.25rem}.md\:pt-20{padding-top:1.25rem}.md\:pr-20{padding-right:1.25rem}.md\:pb-20{padding-bottom:1.25rem}.md\:pl-20,.md\:px-20{padding-left:1.25rem}.md\:px-20{padding-right:1.25rem}.md\:py-20{padding-top:1.25rem;padding-bottom:1.25rem}.md\:m-20{margin:1.25rem}.md\:mt-20{margin-top:1.25rem}.md\:mr-20{margin-right:1.25rem}.md\:mb-20{margin-bottom:1.25rem}.md\:ml-20,.md\:mx-20{margin-left:1.25rem}.md\:mx-20{margin-right:1.25rem}.md\:my-20{margin-top:1.25rem;margin-bottom:1.25rem}.md\:p-24{padding:1.5rem}.md\:pt-24{padding-top:1.5rem}.md\:pr-24{padding-right:1.5rem}.md\:pb-24{padding-bottom:1.5rem}.md\:pl-24,.md\:px-24{padding-left:1.5rem}.md\:px-24{padding-right:1.5rem}.md\:py-24{padding-top:1.5rem;padding-bottom:1.5rem}.md\:m-24{margin:1.5rem}.md\:mt-24{margin-top:1.5rem}.md\:mr-24{margin-right:1.5rem}.md\:mb-24{margin-bottom:1.5rem}.md\:ml-24,.md\:mx-24{margin-left:1.5rem}.md\:mx-24{margin-right:1.5rem}.md\:my-24{margin-top:1.5rem;margin-bottom:1.5rem}.md\:p-36{padding:2.25rem}.md\:pt-36{padding-top:2.25rem}.md\:pr-36{padding-right:2.25rem}.md\:pb-36{padding-bottom:2.25rem}.md\:pl-36,.md\:px-36{padding-left:2.25rem}.md\:px-36{padding-right:2.25rem}.md\:py-36{padding-top:2.25rem;padding-bottom:2.25rem}.md\:m-36{margin:2.25rem}.md\:mt-36{margin-top:2.25rem}.md\:mr-36{margin-right:2.25rem}.md\:mb-36{margin-bottom:2.25rem}.md\:ml-36,.md\:mx-36{margin-left:2.25rem}.md\:mx-36{margin-right:2.25rem}.md\:my-36{margin-top:2.25rem;margin-bottom:2.25rem}.md\:p-auto{padding:auto}.md\:pt-auto{padding-top:auto}.md\:pr-auto{padding-right:auto}.md\:pb-auto{padding-bottom:auto}.md\:pl-auto,.md\:px-auto{padding-left:auto}.md\:px-auto{padding-right:auto}.md\:py-auto{padding-top:auto;padding-bottom:auto}.md\:m-auto{margin:auto}.md\:mt-auto{margin-top:auto}.md\:mr-auto{margin-right:auto}.md\:mb-auto{margin-bottom:auto}.md\:ml-auto,.md\:mx-auto{margin-left:auto}.md\:mx-auto{margin-right:auto}.md\:my-auto{margin-top:auto;margin-bottom:auto}.md\:grid{display:grid}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:gap-0{gap:0}.md\:gap-x-0{column-gap:0}.md\:gap-y-0{row-gap:0}.md\:gap-5{gap:.313rem}.md\:gap-x-5{column-gap:.313rem}.md\:gap-y-5{row-gap:.313rem}.md\:gap-10{gap:.625rem}.md\:gap-x-10{column-gap:.625rem}.md\:gap-y-10{row-gap:.625rem}.md\:gap-16{gap:1rem}.md\:gap-x-16{column-gap:1rem}.md\:gap-y-16{row-gap:1rem}.md\:gap-20{gap:1.25rem}.md\:gap-x-20{column-gap:1.25rem}.md\:gap-y-20{row-gap:1.25rem}.md\:gap-36{gap:2.25rem}.md\:gap-x-36{column-gap:2.25rem}.md\:gap-y-36{row-gap:2.25rem}.md\:col-start-1{grid-column-start:1}.md\:col-end-1{grid-column-end:1}.md\:col-span-1{grid-column:span 1/span 1}.md\:row-start-1{grid-row-start:1}.md\:row-end-1{grid-row-end:1}.md\:row-span-1{grid-row:span 1/span 1}.md\:col-start-2{grid-column-start:2}.md\:col-end-2{grid-column-end:2}.md\:col-span-2{grid-column:span 2/span 2}.md\:row-start-2{grid-row-start:2}.md\:row-end-2{grid-row-end:2}.md\:row-span-2{grid-row:span 2/span 2}.md\:col-start-3{grid-column-start:3}.md\:col-end-3{grid-column-end:3}.md\:col-span-3{grid-column:span 3/span 3}.md\:row-start-3{grid-row-start:3}.md\:row-end-3{grid-row-end:3}.md\:row-span-3{grid-row:span 3/span 3}.md\:col-start-4{grid-column-start:4}.md\:col-end-4{grid-column-end:4}.md\:col-span-4{grid-column:span 4/span 4}.md\:row-start-4{grid-row-start:4}.md\:row-end-4{grid-row-end:4}.md\:row-span-4{grid-row:span 4/span 4}.md\:col-start-5{grid-column-start:5}.md\:col-end-5{grid-column-end:5}.md\:col-span-5{grid-column:span 5/span 5}.md\:row-start-5{grid-row-start:5}.md\:row-end-5{grid-row-end:5}.md\:row-span-5{grid-row:span 5/span 5}.md\:col-start-6{grid-column-start:6}.md\:col-end-6{grid-column-end:6}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-full{grid-column:1/-1}.md\:row-start-6{grid-row-start:6}.md\:row-end-6{grid-row-end:6}.md\:row-span-6{grid-row:span 6/span 6}}@media (min-width:1400px){.layout-maxed{grid-template-columns:minmax(.75rem,1fr) minmax(auto,1400px) minmax(.75rem,1fr)}.lg\:hidden{display:none}.lg\:block{display:block}.lg\:inline{display:inline}.lg\:inline-block{display:inline-block}.lg\:flex{display:flex}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:flex-wrap{flex-wrap:wrap}.lg\:flex-no-wrap{flex-wrap:nowrap}.lg\:flex-shrink{flex-shrink:1}.lg\:flex-no-shrink{flex-shrink:0}.lg\:flex-grow{flex-grow:1}.lg\:flex-no-grow{flex-grow:0}.lg\:float-left{float:left}.lg\:float-right{float:right}.lg\:float-none{float:none}.lg\:text-bold{font-weight:700}.lg\:text-italic{font-style:italic}.lg\:text-uppercase{text-transform:uppercase}.lg\:text-lowercase{text-transform:lowercase}.lg\:text-smaller{font-size:smaller}.lg\:text-bigger{font-size:bigger}.lg\:text-left{text-align:left}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}.lg\:text-justify{text-align:justify}.lg\:text-wrap{overflow-wrap:break-word}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:justify-around{justify-content:space-around}.lg\:justify-evenly{justify-content:space-evenly}.lg\:justify-items-start{justify-items:start}.lg\:justify-items-end{justify-items:end}.lg\:justify-items-center{justify-items:center}.lg\:align-start{align-content:start}.lg\:align-end{align-content:end}.lg\:align-center{align-content:center}.lg\:align-between{align-content:space-between}.lg\:align-around{align-content:space-around}.lg\:align-evenly{align-content:space-evenly}.lg\:align-items-start{align-items:flex-start}.lg\:align-items-end{align-items:flex-end}.lg\:align-items-center{align-items:center}.lg\:place-center{place-content:center}.lg\:justify-self-auto{justify-self:auto}.lg\:justify-self-start{justify-self:start}.lg\:justify-self-end{justify-self:end}.lg\:justify-self-center{justify-self:center}.lg\:justify-self-stretch{justify-self:stretch}.lg\:align-self-auto{align-self:auto}.lg\:align-self-start{align-self:flex-start}.lg\:align-self-end{align-self:flex-end}.lg\:align-self-center{align-self:center}.lg\:align-self-stretch{align-self:stretch}.lg\:align-top{vertical-align:top}.lg\:align-bottom{vertical-align:bottom}.lg\:align-middle{vertical-align:middle}.lg\:item-first{order:-100}.lg\:item-last{order:100}.lg\:visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.lg\:is-unstyled{list-style:none;padding-left:0}.lg\:is-disabled{opacity:.6;cursor:not-allowed!important;filter:grayscale(1)}.lg\:text-normal{font-weight:400;font-style:normal;text-transform:none}.lg\:text-10{font-size:.625rem}.lg\:text-11{font-size:.6875rem}.lg\:text-12{font-size:.75rem}.lg\:text-14{font-size:.875rem}.lg\:text-16{font-size:1rem}.lg\:text-18{font-size:1.125rem}.lg\:text-20{font-size:1.25rem}.lg\:text-24{font-size:1.5rem}.lg\:text-30{font-size:1.875rem}.lg\:text-36{font-size:2.25rem}.lg\:text-base{font-size:1rem}.lg\:text-inherit{font-size:inherit}.lg\:p-0{padding:0}.lg\:pt-0{padding-top:0}.lg\:pr-0{padding-right:0}.lg\:pb-0{padding-bottom:0}.lg\:pl-0,.lg\:px-0{padding-left:0}.lg\:px-0{padding-right:0}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:m-0{margin:0}.lg\:mt-0{margin-top:0}.lg\:mr-0{margin-right:0}.lg\:mb-0{margin-bottom:0}.lg\:ml-0,.lg\:mx-0{margin-left:0}.lg\:mx-0{margin-right:0}.lg\:my-0{margin-top:0;margin-bottom:0}.lg\:p-1{padding:1px}.lg\:pt-1{padding-top:1px}.lg\:pr-1{padding-right:1px}.lg\:pb-1{padding-bottom:1px}.lg\:pl-1,.lg\:px-1{padding-left:1px}.lg\:px-1{padding-right:1px}.lg\:py-1{padding-top:1px;padding-bottom:1px}.lg\:m-1{margin:1px}.lg\:mt-1{margin-top:1px}.lg\:mr-1{margin-right:1px}.lg\:mb-1{margin-bottom:1px}.lg\:ml-1,.lg\:mx-1{margin-left:1px}.lg\:mx-1{margin-right:1px}.lg\:my-1{margin-top:1px;margin-bottom:1px}.lg\:p-2{padding:.125rem}.lg\:pt-2{padding-top:.125rem}.lg\:pr-2{padding-right:.125rem}.lg\:pb-2{padding-bottom:.125rem}.lg\:pl-2,.lg\:px-2{padding-left:.125rem}.lg\:px-2{padding-right:.125rem}.lg\:py-2{padding-top:.125rem;padding-bottom:.125rem}.lg\:m-2{margin:.125rem}.lg\:mt-2{margin-top:.125rem}.lg\:mr-2{margin-right:.125rem}.lg\:mb-2{margin-bottom:.125rem}.lg\:ml-2,.lg\:mx-2{margin-left:.125rem}.lg\:mx-2{margin-right:.125rem}.lg\:my-2{margin-top:.125rem;margin-bottom:.125rem}.lg\:p-4{padding:.25rem}.lg\:pt-4{padding-top:.25rem}.lg\:pr-4{padding-right:.25rem}.lg\:pb-4{padding-bottom:.25rem}.lg\:pl-4,.lg\:px-4{padding-left:.25rem}.lg\:px-4{padding-right:.25rem}.lg\:py-4{padding-top:.25rem;padding-bottom:.25rem}.lg\:m-4{margin:.25rem}.lg\:mt-4{margin-top:.25rem}.lg\:mr-4{margin-right:.25rem}.lg\:mb-4{margin-bottom:.25rem}.lg\:ml-4,.lg\:mx-4{margin-left:.25rem}.lg\:mx-4{margin-right:.25rem}.lg\:my-4{margin-top:.25rem;margin-bottom:.25rem}.lg\:p-8{padding:.5rem}.lg\:pt-8{padding-top:.5rem}.lg\:pr-8{padding-right:.5rem}.lg\:pb-8{padding-bottom:.5rem}.lg\:pl-8,.lg\:px-8{padding-left:.5rem}.lg\:px-8{padding-right:.5rem}.lg\:py-8{padding-top:.5rem;padding-bottom:.5rem}.lg\:m-8{margin:.5rem}.lg\:mt-8{margin-top:.5rem}.lg\:mr-8{margin-right:.5rem}.lg\:mb-8{margin-bottom:.5rem}.lg\:ml-8,.lg\:mx-8{margin-left:.5rem}.lg\:mx-8{margin-right:.5rem}.lg\:my-8{margin-top:.5rem;margin-bottom:.5rem}.lg\:p-12{padding:.75rem}.lg\:pt-12{padding-top:.75rem}.lg\:pr-12{padding-right:.75rem}.lg\:pb-12{padding-bottom:.75rem}.lg\:pl-12,.lg\:px-12{padding-left:.75rem}.lg\:px-12{padding-right:.75rem}.lg\:py-12{padding-top:.75rem;padding-bottom:.75rem}.lg\:m-12{margin:.75rem}.lg\:mt-12{margin-top:.75rem}.lg\:mr-12{margin-right:.75rem}.lg\:mb-12{margin-bottom:.75rem}.lg\:ml-12,.lg\:mx-12{margin-left:.75rem}.lg\:mx-12{margin-right:.75rem}.lg\:my-12{margin-top:.75rem;margin-bottom:.75rem}.lg\:p-16{padding:1rem}.lg\:pt-16{padding-top:1rem}.lg\:pr-16{padding-right:1rem}.lg\:pb-16{padding-bottom:1rem}.lg\:pl-16,.lg\:px-16{padding-left:1rem}.lg\:px-16{padding-right:1rem}.lg\:py-16{padding-top:1rem;padding-bottom:1rem}.lg\:m-16{margin:1rem}.lg\:mt-16{margin-top:1rem}.lg\:mr-16{margin-right:1rem}.lg\:mb-16{margin-bottom:1rem}.lg\:ml-16,.lg\:mx-16{margin-left:1rem}.lg\:mx-16{margin-right:1rem}.lg\:my-16{margin-top:1rem;margin-bottom:1rem}.lg\:p-20{padding:1.25rem}.lg\:pt-20{padding-top:1.25rem}.lg\:pr-20{padding-right:1.25rem}.lg\:pb-20{padding-bottom:1.25rem}.lg\:pl-20,.lg\:px-20{padding-left:1.25rem}.lg\:px-20{padding-right:1.25rem}.lg\:py-20{padding-top:1.25rem;padding-bottom:1.25rem}.lg\:m-20{margin:1.25rem}.lg\:mt-20{margin-top:1.25rem}.lg\:mr-20{margin-right:1.25rem}.lg\:mb-20{margin-bottom:1.25rem}.lg\:ml-20,.lg\:mx-20{margin-left:1.25rem}.lg\:mx-20{margin-right:1.25rem}.lg\:my-20{margin-top:1.25rem;margin-bottom:1.25rem}.lg\:p-24{padding:1.5rem}.lg\:pt-24{padding-top:1.5rem}.lg\:pr-24{padding-right:1.5rem}.lg\:pb-24{padding-bottom:1.5rem}.lg\:pl-24,.lg\:px-24{padding-left:1.5rem}.lg\:px-24{padding-right:1.5rem}.lg\:py-24{padding-top:1.5rem;padding-bottom:1.5rem}.lg\:m-24{margin:1.5rem}.lg\:mt-24{margin-top:1.5rem}.lg\:mr-24{margin-right:1.5rem}.lg\:mb-24{margin-bottom:1.5rem}.lg\:ml-24,.lg\:mx-24{margin-left:1.5rem}.lg\:mx-24{margin-right:1.5rem}.lg\:my-24{margin-top:1.5rem;margin-bottom:1.5rem}.lg\:p-36{padding:2.25rem}.lg\:pt-36{padding-top:2.25rem}.lg\:pr-36{padding-right:2.25rem}.lg\:pb-36{padding-bottom:2.25rem}.lg\:pl-36,.lg\:px-36{padding-left:2.25rem}.lg\:px-36{padding-right:2.25rem}.lg\:py-36{padding-top:2.25rem;padding-bottom:2.25rem}.lg\:m-36{margin:2.25rem}.lg\:mt-36{margin-top:2.25rem}.lg\:mr-36{margin-right:2.25rem}.lg\:mb-36{margin-bottom:2.25rem}.lg\:ml-36,.lg\:mx-36{margin-left:2.25rem}.lg\:mx-36{margin-right:2.25rem}.lg\:my-36{margin-top:2.25rem;margin-bottom:2.25rem}.lg\:p-auto{padding:auto}.lg\:pt-auto{padding-top:auto}.lg\:pr-auto{padding-right:auto}.lg\:pb-auto{padding-bottom:auto}.lg\:pl-auto,.lg\:px-auto{padding-left:auto}.lg\:px-auto{padding-right:auto}.lg\:py-auto{padding-top:auto;padding-bottom:auto}.lg\:m-auto{margin:auto}.lg\:mt-auto{margin-top:auto}.lg\:mr-auto{margin-right:auto}.lg\:mb-auto{margin-bottom:auto}.lg\:ml-auto,.lg\:mx-auto{margin-left:auto}.lg\:mx-auto{margin-right:auto}.lg\:my-auto{margin-top:auto;margin-bottom:auto}.lg\:grid{display:grid}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:gap-0{gap:0}.lg\:gap-x-0{column-gap:0}.lg\:gap-y-0{row-gap:0}.lg\:gap-5{gap:.313rem}.lg\:gap-x-5{column-gap:.313rem}.lg\:gap-y-5{row-gap:.313rem}.lg\:gap-10{gap:.625rem}.lg\:gap-x-10{column-gap:.625rem}.lg\:gap-y-10{row-gap:.625rem}.lg\:gap-16{gap:1rem}.lg\:gap-x-16{column-gap:1rem}.lg\:gap-y-16{row-gap:1rem}.lg\:gap-20{gap:1.25rem}.lg\:gap-x-20{column-gap:1.25rem}.lg\:gap-y-20{row-gap:1.25rem}.lg\:gap-36{gap:2.25rem}.lg\:gap-x-36{column-gap:2.25rem}.lg\:gap-y-36{row-gap:2.25rem}.lg\:col-start-1{grid-column-start:1}.lg\:col-end-1{grid-column-end:1}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:row-start-1{grid-row-start:1}.lg\:row-end-1{grid-row-end:1}.lg\:row-span-1{grid-row:span 1/span 1}.lg\:col-start-2{grid-column-start:2}.lg\:col-end-2{grid-column-end:2}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:row-start-2{grid-row-start:2}.lg\:row-end-2{grid-row-end:2}.lg\:row-span-2{grid-row:span 2/span 2}.lg\:col-start-3{grid-column-start:3}.lg\:col-end-3{grid-column-end:3}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:row-start-3{grid-row-start:3}.lg\:row-end-3{grid-row-end:3}.lg\:row-span-3{grid-row:span 3/span 3}.lg\:col-start-4{grid-column-start:4}.lg\:col-end-4{grid-column-end:4}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:row-start-4{grid-row-start:4}.lg\:row-end-4{grid-row-end:4}.lg\:row-span-4{grid-row:span 4/span 4}.lg\:col-start-5{grid-column-start:5}.lg\:col-end-5{grid-column-end:5}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:row-start-5{grid-row-start:5}.lg\:row-end-5{grid-row-end:5}.lg\:row-span-5{grid-row:span 5/span 5}.lg\:col-start-6{grid-column-start:6}.lg\:col-end-6{grid-column-end:6}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-full{grid-column:1/-1}.lg\:row-start-6{grid-row-start:6}.lg\:row-end-6{grid-row-end:6}.lg\:row-span-6{grid-row:span 6/span 6}} \ No newline at end of file diff --git a/package.json b/package.json index 4af0e94..5ad44b3 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "knacss", - "version": "8.1", + "version": "8.2", "homepage": "http://www.knacss.com/", "bugs": "https://github.com/alsacreations/KNACSS/issues", "author": "Raphaël GOETTER, Alsacreations (http://www.alsacreations.fr)", diff --git a/sass/abstracts/_variables-sass.scss b/sass/abstracts/_variables-sass.scss index b570d1e..60b3796 100644 --- a/sass/abstracts/_variables-sass.scss +++ b/sass/abstracts/_variables-sass.scss @@ -7,7 +7,8 @@ // ---------------- // Hypothèse : smartphone portrait/paysage < 576px < gros smartphone paysage + tablette portrait < 992px < tablette paysage < 1330px < laptop et plus -$breakpoints: (sm: 576px, +$breakpoints: ( + sm: 576px, md: 992px, lg: 1400px, ) !default; @@ -20,36 +21,31 @@ $large: map-get($breakpoints, lg) !default; // Spacers // ---------------- -$spacers: ("0": 0, - // none - "2": 0.125rem, - // tiny - "5": 0.313rem, - // tiny-plus - "8": 0.5rem, - // small - "10": 0.625rem, - // small-plus - "16": 1rem, - // medium - "20": 1.25rem, - // medium-plus - "24": 1.5rem, - // large - "36": 2.25rem, - // large-plus +$spacer: 1rem; +$spacers: ( + "0": 0, // none + "1": 1px, // mono + "2": 0.125rem, // nano + "4": 0.25rem, // micro + "8": 0.5rem, // mini + "12": 0.75rem, // small + "16": 1rem, // medium + "20": 1.25rem, // large + "24": 1.5rem, // wide + "36": 2.25rem, // ultra "auto": auto, -) !default; +); -$spacer-none: map-get($spacers, "0") !default; -$spacer-tiny: map-get($spacers, "2") !default; -$spacer-tiny-plus: map-get($spacers, "5") !default; -$spacer-small: map-get($spacers, "8") !default; -$spacer-small-plus: map-get($spacers, "10") !default; -$spacer-medium: map-get($spacers, "16") !default; -$spacer-medium-plus: map-get($spacers, "20") !default; -$spacer-large: map-get($spacers, "24") !default; -$spacer-large-plus: map-get($spacers, "36") !default; +$spacer-none: map-get($spacers, "0"); +$spacer-mono: map-get($spacers, "1"); +$spacer-nano: map-get($spacers, "2"); +$spacer-micro: map-get($spacers, "4"); +$spacer-mini: map-get($spacers, "8"); +$spacer-small: map-get($spacers, "12"); +$spacer-medium: map-get($spacers, "16"); +$spacer-large: map-get($spacers, "20"); +$spacer-wide: map-get($spacers, "24"); +$spacer-ultra: map-get($spacers, "36"); // ---------------- // Grid layout @@ -57,7 +53,8 @@ $spacer-large-plus: map-get($spacers, "36") !default; $grid-columns: 6 !default; -$gaps: ("0": 0, +$gaps: ( + "0": 0, "5": 0.313rem, "10": 0.625rem, "16": 1rem, @@ -70,24 +67,14 @@ $gaps: ("0": 0, // ---------------- // Familles de fonts -$font-family-base: system-ui, --apple-system, -BlinkMacSystemFont, -"Segoe UI", -Roboto, -Oxygen-Sans, -Ubuntu, -Cantarell, -"Helvetica Neue", -sans-serif; -$font-family-headings: sans-serif; -$font-family-monospace: consolas, -courier, -monospace; +$font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +$font-family-headings: $font-family-base; +$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, monospace; $line-height-base: 1.5; // Font sizes -$font-size: ("10": 0.625rem, +$font-size: ( + "10": 0.625rem, "11": 0.6875rem, "12": 0.75rem, "14": 0.875rem, @@ -145,25 +132,25 @@ $on-secondary: $white; // Contenus affichés par-dessus une couche $secondary // Variables couleurs statuts -$success: #dff0d9; +$success-bg: #dff0d9; $success-border: #d6e9c6; -$on-success: #28a745; // contenu sur couche success -$on-success-accent: #4d9c4d; // lien sur couche success +$success: #3c763d; +$success-hover: #275c28; -$info: #d9edf7; +$info-bg: #d9edf7; $info-border: #bce8f1; -$on-info: #17a2b8; -$on-info-accent: #4fa8c4; +$info: #0d7192; +$info-hover: #005e7d; -$warning: #fcf8e3; +$warning-bg: #fcf8e3; $warning-border: #faebcc; -$on-warning: #ffc107; -$on-warning-accent: #d19644; +$warning: #8a6d3b; +$warning-hover: #654f29; -$error: #fff2f2; +$error-bg: #fff2f2; $error-border: #ebccd1; -$on-error: #d9534f; -$on-error-accent: #be4945; +$error: #e3224a; +$error-hover: #a00d10; // Links @@ -174,7 +161,7 @@ $link-decoration-hover: underline; $radius-none: 0; $radius-small: 0.5rem; $radius-medium: 1rem; -$radius-large: 2rem; +$radius-large: 20rem; $radius-circle: 50%; // ---------------- diff --git a/sass/base/_reset-forms.scss b/sass/base/_reset-forms.scss index 62837ad..e670bd1 100644 --- a/sass/base/_reset-forms.scss +++ b/sass/base/_reset-forms.scss @@ -112,7 +112,7 @@ fieldset { legend { display: table; max-width: 100%; - padding: 0 $spacer-tiny; + padding: 0 $spacer-micro; border: 0; color: inherit; white-space: normal; diff --git a/sass/components/_button.scss b/sass/components/_button.scss index 4dea95e..fa1154f 100755 --- a/sass/components/_button.scss +++ b/sass/components/_button.scss @@ -15,7 +15,7 @@ display: inline-flex; justify-content: center; align-items: center; - padding: $spacer-small $spacer-small-plus; + padding: $spacer-small $spacer-medium; cursor: pointer; user-select: none; transition: 0.25s; @@ -38,12 +38,12 @@ .btn, .button { &--small { - padding: $spacer-tiny-plus $spacer-small; + padding: $spacer-micro-plus $spacer-small; font-size: .8em; } &--big { - padding: $spacer-small-plus $spacer-medium; + padding: $spacer-medium $spacer-medium; font-size: 1.4em; } diff --git a/sass/knacss.scss b/sass/knacss.scss index 4519839..698565a 100644 --- a/sass/knacss.scss +++ b/sass/knacss.scss @@ -1,7 +1,7 @@ /*! * KNACSS Reborn: Just keep it simple! * @author: Alsacreations -* v8.1 2022/01 +* v8.2 2022/01 * Licence WTFPL http://www.wtfpl.net/ */