diff --git a/css/pico.classless.slim.flexgrid.css b/css/pico.classless.slim.flexgrid.css
index 2fdd7a23..f618dfec 100644
--- a/css/pico.classless.slim.flexgrid.css
+++ b/css/pico.classless.slim.flexgrid.css
@@ -498,7 +498,7 @@ section {
   margin-bottom: var(--block-spacing-vertical);
 }
 
-.container {
+.flexgrid {
   position: relative;
   width: 100%;
   max-width: 112rem;
diff --git a/css/pico.classless.slim.flexgrid.css.map b/css/pico.classless.slim.flexgrid.css.map
index d6e2c762..d5707369 100644
--- a/css/pico.classless.slim.flexgrid.css.map
+++ b/css/pico.classless.slim.flexgrid.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../scss/pico.classless.slim.flexgrid.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.classless.slim.flexgrid.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_section.scss","../scss/layout/_flexgrid.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_table.scss","../scss/content/_form.scss","../scss/utilities/_accessibility.scss","../scss/components/_nav.scss","../scss/components/_card.scss"],"names":[],"mappings":"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","file":"pico.classless.slim.flexgrid.css","sourcesContent":["/*!\n * Pico.css v1.4.3 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n\n// Config\n// --------------------\n\n// Enable <header>, <main>, <footer> inside <body> as a container\n$enable-semantic-container: true;\n\n// Enable .classes\n$enable-classes: false;\n\n// Enable responsive spacings for <header>, <main>, <footer>, <section>, <article>\n$enable-responsive-spacings: false;\n\n// Enable transitions\n$enable-transitions: false;\n\n// Enable overriding with !important\n$enable-important: false;\n\n// Pico Lib\n// --------------------\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/flexgrid\"; // .grid responsive flexbox\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n//@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n//@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n//@import \"content/code\"; // pre, code, ...\n//@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Utilities\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n//@import \"utilities/loading\"; // aria-busy=true\n//@import \"utilities/tooltip\"; // data-tooltip\n\n// Components\n@import \"components/nav\";\n@import \"components/card\";\n//@import \"components/accordion\"; // details, summary\n//@import \"components/modal\"; // dialog\n//@import \"components/progress\"; // progress\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  @if ($enable-classes and $enable-grid) {\n    --grid-spacing-vertical: 0;\n    --grid-spacing-horizontal: var(--spacing);\n  }\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Font weight for form labels & fieldsets legend\n  --form-label-font-weight: var(--font-weight);\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  @if $enable-classes {\n    &.secondary,\n    &.contrast {\n      --text-decoration: underline;\n    }\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead,\ntfoot {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.3 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\na {\n  --text-decoration: none;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n.container {\n  position: relative;\n  width: 100%;\n  max-width: 112rem;\n  margin: 0 auto;\n  padding: 0 2rem;\n}\n\n.row {\n  display: flex;\n  flex-direction: col;\n  width: 100%;\n  padding: 0;\n}\n.row.row-no-padding {\n  padding: 0;\n}\n.row.row-no-padding > .col {\n  padding: 0;\n}\n.row.row-wrap {\n  flex-wrap: wrap;\n}\n.row.row-top {\n  align-items: flex-start;\n}\n.row.row-bottom {\n  align-items: flex-end;\n}\n.row.row-center {\n  align-items: center;\n}\n.row.row-stretch {\n  align-items: stretch;\n}\n.row.row-baseline {\n  align-items: baseline;\n}\n.row .col {\n  display: block;\n  flex: 1 1 auto;\n  width: 100%;\n  max-width: 100%;\n  margin-left: 0;\n}\n.row .col.col-offset-10 {\n  margin-left: 10%;\n}\n.row .col.col-offset-20 {\n  margin-left: 20%;\n}\n.row .col.col-offset-25 {\n  margin-left: 25%;\n}\n.row .col.col-offset-33 {\n  margin-left: 33.3333%;\n}\n.row .col.col-offset-40 {\n  margin-left: 40%;\n}\n.row .col.col-offset-50 {\n  margin-left: 50%;\n}\n.row .col.col-offset-60 {\n  margin-left: 60%;\n}\n.row .col.col-offset-66 {\n  margin-left: 66.6666%;\n}\n.row .col.col-offset-75 {\n  margin-left: 75%;\n}\n.row .col.col-offset-80 {\n  margin-left: 80%;\n}\n.row .col.col-offset-90 {\n  margin-left: 90%;\n}\n.row .col.col-10 {\n  flex: 0 0 10%;\n  max-width: 10%;\n}\n.row .col.col-20 {\n  flex: 0 0 20%;\n  max-width: 20%;\n}\n.row .col.col-25 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.row .col.col-33 {\n  flex: 0 0 33.3333%;\n  max-width: 33.3333%;\n}\n.row .col.col-40 {\n  flex: 0 0 40%;\n  max-width: 40%;\n}\n.row .col.col-50 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.row .col.col-60 {\n  flex: 0 0 60%;\n  max-width: 60%;\n}\n.row .col.col-66 {\n  flex: 0 0 66.6666%;\n  max-width: 66.6666%;\n}\n.row .col.col-75 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.row .col.col-80 {\n  flex: 0 0 80%;\n  max-width: 80%;\n}\n.row .col.col-90 {\n  flex: 0 0 90%;\n  max-width: 90%;\n}\n.row .col .col-top {\n  align-self: flex-start;\n}\n.row .col .col-bottom {\n  align-self: flex-end;\n}\n.row .col .col-center {\n  align-self: center;\n}\n\n@media (min-width: 40rem) {\n  .row {\n    flex-direction: row;\n    width: calc(100% + 2rem);\n    margin-left: -1rem;\n  }\n  .row .col {\n    margin-bottom: inherit;\n    padding: 0 1rem;\n  }\n}\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\na[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\na[role=button]:hover,\na[role=button]:active,\na[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\na[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\na[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color);\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color);\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/*# sourceMappingURL=pico.classless.slim.flexgrid.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-700};\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-600};\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","// Grid | milligram.io | MIT License\n// ––––––––––––––––––––––––––––––––––––––––––––––––––\n\n// .container is main centered wrapper with a max width of 112.0rem (1120px)\n.container {\n  position: relative;\n  width: 100%;\n  max-width: 112.0rem;\n  margin: 0 auto;\n  padding: 0 2.0rem;\n}\n// Using flexbox for the grid, inspired by Philip Walton:\n// http://philipwalton.github.io/solved-by-flexbox/demos/grids/\n// By default each .col within a .row will evenly take up\n// available width, and the height of each .col with take\n// up the height of the tallest .col in the same .row\n.row {\n  display: flex;\n  flex-direction: col;\n  width: 100%;\n  padding: 0;\n\n  &.row-no-padding {\n    padding: 0;\n\n    & > .col {\n      padding: 0;\n    }\n  }\n  &.row-wrap {\n    flex-wrap: wrap;\n  }\n  // Vertically Align cols\n  // .row-* vertically aligns every .col in the .row\n  &.row-top {\n    align-items: flex-start;\n  }\n  &.row-bottom {\n    align-items: flex-end;\n  }\n  &.row-center {\n    align-items: center;\n  }\n  &.row-stretch {\n    align-items: stretch;\n  }\n  &.row-baseline {\n    align-items: baseline;\n  }\n  .col {\n    display: block;\n    // IE 11 required specifying the flex-basis otherwise it breaks mobile\n    flex: 1 1 auto;\n    width: 100%;\n    max-width: 100%;\n    margin-left: 0;\n\n    // col Offsets\n    &.col-offset-10 {\n      margin-left: 10%;\n    }\n    &.col-offset-20 {\n      margin-left: 20%;\n    }\n    &.col-offset-25 {\n      margin-left: 25%;\n    }\n    &.col-offset-33 {\n      margin-left: 33.3333%;\n    }\n    &.col-offset-40 {\n      margin-left: 40%;\n    }\n    &.col-offset-50 {\n      margin-left: 50%;\n    }\n    &.col-offset-60 {\n      margin-left: 60%;\n    }\n    &.col-offset-66 {\n      margin-left: 66.6666%;\n    }\n    &.col-offset-75 {\n      margin-left: 75%;\n    }\n    &.col-offset-80 {\n      margin-left: 80%;\n    }\n    &.col-offset-90 {\n      margin-left: 90%;\n    }\n    // Explicit col Percent Sizes\n    // By default each grid col will evenly distribute\n    // across the grid. However, you can specify individual\n    // cols to take up a certain size of the available area\n    &.col-10 {\n      flex: 0 0 10%;\n      max-width: 10%;\n    }\n    &.col-20 {\n      flex: 0 0 20%;\n      max-width: 20%;\n    }\n    &.col-25 {\n      flex: 0 0 25%;\n      max-width: 25%;\n    }\n    &.col-33 {\n      flex: 0 0 33.3333%;\n      max-width: 33.3333%;\n    }\n    &.col-40 {\n      flex: 0 0 40%;\n      max-width: 40%;\n    }\n    &.col-50 {\n      flex: 0 0 50%;\n      max-width: 50%;\n    }\n    &.col-60 {\n      flex: 0 0 60%;\n      max-width: 60%;\n    }\n    &.col-66 {\n      flex: 0 0 66.6666%;\n      max-width: 66.6666%;\n    }\n    &.col-75 {\n      flex: 0 0 75%;\n      max-width: 75%;\n    }\n    &.col-80 {\n      flex: 0 0 80%;\n      max-width: 80%;\n    }\n    &.col-90 {\n      flex: 0 0 90%;\n      max-width: 90%;\n    }\n    // .col-* vertically aligns an individual .col\n    .col-top {\n      align-self: flex-start;\n    }\n    .col-bottom {\n      align-self: flex-end;\n    }\n    .col-center {\n      align-self: center;\n    }\n  }\n}\n// Larger than mobile screen\n// Safari desktop has a bug using `rem`, but Safari mobile works\n@media (min-width: 40.0rem) {\n  .row {\n    flex-direction: row;\n    width: calc(100% + 2.0rem);\n    margin-left: -1.0rem;\n\n    .col {\n      margin-bottom: inherit;\n      padding: 0 1.0rem;\n    }\n  }\n};\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\n@if $enable-classes == false {\n  hgroup {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n@if $enable-classes {\n  hgroup,\n  .headings {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// Secondary button without .class\ninput[type=\"reset\"] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--secondary-hover);\n    --border-color: var(--secondary-hover);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--secondary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n  button,\n  input[type=\"submit\"],\n  input[type=\"button\"],\n  input[type=\"reset\"],\n  a[role=\"button\"] {\n    // Secondary\n    &.secondary {\n      --background-color: var(--secondary);\n      --border-color: var(--secondary);\n      --color: var(--secondary-inverse);\n      cursor: pointer;\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--secondary-hover);\n        --border-color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --background-color: var(--contrast);\n      --border-color: var(--contrast);\n      --color: var(--contrast-inverse);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--contrast-hover);\n        --border-color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    &.outline {\n      --background-color: transparent;\n      --color: var(--primary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: transparent;\n        --color: var(--primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    &.outline.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    &.outline.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n    }\n  }\n}\n\n// Button [disabled]\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]),\na[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Footer\ntfoot {\n  th,\n  td {\n    border-top: var(--border-width) solid var(--table-border-color);\n    border-bottom: 0;\n  }\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-valid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n    \n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-invalid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      &[aria-invalid],\n      &[aria-invalid=\"true\"],\n      &[aria-invalid=\"false\"] {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["../scss/pico.classless.slim.flexgrid.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.classless.slim.flexgrid.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_section.scss","../scss/layout/_flexgrid.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_table.scss","../scss/content/_form.scss","../scss/utilities/_accessibility.scss","../scss/components/_nav.scss","../scss/components/_card.scss"],"names":[],"mappings":"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","file":"pico.classless.slim.flexgrid.css","sourcesContent":["/*!\n * Pico.css v1.4.3 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n\n// Config\n// --------------------\n\n// Enable <header>, <main>, <footer> inside <body> as a container\n$enable-semantic-container: true;\n\n// Enable .classes\n$enable-classes: false;\n\n// Enable responsive spacings for <header>, <main>, <footer>, <section>, <article>\n$enable-responsive-spacings: false;\n\n// Enable transitions\n$enable-transitions: false;\n\n// Enable overriding with !important\n$enable-important: false;\n\n// Pico Lib\n// --------------------\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/flexgrid\"; // .grid responsive flexbox\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n//@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n//@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n//@import \"content/code\"; // pre, code, ...\n//@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Utilities\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n//@import \"utilities/loading\"; // aria-busy=true\n//@import \"utilities/tooltip\"; // data-tooltip\n\n// Components\n@import \"components/nav\";\n@import \"components/card\";\n//@import \"components/accordion\"; // details, summary\n//@import \"components/modal\"; // dialog\n//@import \"components/progress\"; // progress\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  @if ($enable-classes and $enable-grid) {\n    --grid-spacing-vertical: 0;\n    --grid-spacing-horizontal: var(--spacing);\n  }\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Font weight for form labels & fieldsets legend\n  --form-label-font-weight: var(--font-weight);\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  @if $enable-classes {\n    &.secondary,\n    &.contrast {\n      --text-decoration: underline;\n    }\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead,\ntfoot {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.3 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\na {\n  --text-decoration: none;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n.flexgrid {\n  position: relative;\n  width: 100%;\n  max-width: 112rem;\n  margin: 0 auto;\n  padding: 0 2rem;\n}\n\n.row {\n  display: flex;\n  flex-direction: col;\n  width: 100%;\n  padding: 0;\n}\n.row.row-no-padding {\n  padding: 0;\n}\n.row.row-no-padding > .col {\n  padding: 0;\n}\n.row.row-wrap {\n  flex-wrap: wrap;\n}\n.row.row-top {\n  align-items: flex-start;\n}\n.row.row-bottom {\n  align-items: flex-end;\n}\n.row.row-center {\n  align-items: center;\n}\n.row.row-stretch {\n  align-items: stretch;\n}\n.row.row-baseline {\n  align-items: baseline;\n}\n.row .col {\n  display: block;\n  flex: 1 1 auto;\n  width: 100%;\n  max-width: 100%;\n  margin-left: 0;\n}\n.row .col.col-offset-10 {\n  margin-left: 10%;\n}\n.row .col.col-offset-20 {\n  margin-left: 20%;\n}\n.row .col.col-offset-25 {\n  margin-left: 25%;\n}\n.row .col.col-offset-33 {\n  margin-left: 33.3333%;\n}\n.row .col.col-offset-40 {\n  margin-left: 40%;\n}\n.row .col.col-offset-50 {\n  margin-left: 50%;\n}\n.row .col.col-offset-60 {\n  margin-left: 60%;\n}\n.row .col.col-offset-66 {\n  margin-left: 66.6666%;\n}\n.row .col.col-offset-75 {\n  margin-left: 75%;\n}\n.row .col.col-offset-80 {\n  margin-left: 80%;\n}\n.row .col.col-offset-90 {\n  margin-left: 90%;\n}\n.row .col.col-10 {\n  flex: 0 0 10%;\n  max-width: 10%;\n}\n.row .col.col-20 {\n  flex: 0 0 20%;\n  max-width: 20%;\n}\n.row .col.col-25 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.row .col.col-33 {\n  flex: 0 0 33.3333%;\n  max-width: 33.3333%;\n}\n.row .col.col-40 {\n  flex: 0 0 40%;\n  max-width: 40%;\n}\n.row .col.col-50 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.row .col.col-60 {\n  flex: 0 0 60%;\n  max-width: 60%;\n}\n.row .col.col-66 {\n  flex: 0 0 66.6666%;\n  max-width: 66.6666%;\n}\n.row .col.col-75 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.row .col.col-80 {\n  flex: 0 0 80%;\n  max-width: 80%;\n}\n.row .col.col-90 {\n  flex: 0 0 90%;\n  max-width: 90%;\n}\n.row .col .col-top {\n  align-self: flex-start;\n}\n.row .col .col-bottom {\n  align-self: flex-end;\n}\n.row .col .col-center {\n  align-self: center;\n}\n\n@media (min-width: 40rem) {\n  .row {\n    flex-direction: row;\n    width: calc(100% + 2rem);\n    margin-left: -1rem;\n  }\n  .row .col {\n    margin-bottom: inherit;\n    padding: 0 1rem;\n  }\n}\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\na[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\na[role=button]:hover,\na[role=button]:active,\na[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\na[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\na[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color);\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color);\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/*# sourceMappingURL=pico.classless.slim.flexgrid.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-700};\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-600};\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","// Grid | milligram.io | MIT License\n// ––––––––––––––––––––––––––––––––––––––––––––––––––\n\n// .flexgrid is main centered wrapper with a max width of 112.0rem (1120px)\n.flexgrid {\n  position: relative;\n  width: 100%;\n  max-width: 112.0rem;\n  margin: 0 auto;\n  padding: 0 2.0rem;\n}\n// Using flexbox for the grid, inspired by Philip Walton:\n// http://philipwalton.github.io/solved-by-flexbox/demos/grids/\n// By default each .col within a .row will evenly take up\n// available width, and the height of each .col with take\n// up the height of the tallest .col in the same .row\n.row {\n  display: flex;\n  flex-direction: col;\n  width: 100%;\n  padding: 0;\n\n  &.row-no-padding {\n    padding: 0;\n\n    & > .col {\n      padding: 0;\n    }\n  }\n  &.row-wrap {\n    flex-wrap: wrap;\n  }\n  // Vertically Align cols\n  // .row-* vertically aligns every .col in the .row\n  &.row-top {\n    align-items: flex-start;\n  }\n  &.row-bottom {\n    align-items: flex-end;\n  }\n  &.row-center {\n    align-items: center;\n  }\n  &.row-stretch {\n    align-items: stretch;\n  }\n  &.row-baseline {\n    align-items: baseline;\n  }\n  .col {\n    display: block;\n    // IE 11 required specifying the flex-basis otherwise it breaks mobile\n    flex: 1 1 auto;\n    width: 100%;\n    max-width: 100%;\n    margin-left: 0;\n\n    // col Offsets\n    &.col-offset-10 {\n      margin-left: 10%;\n    }\n    &.col-offset-20 {\n      margin-left: 20%;\n    }\n    &.col-offset-25 {\n      margin-left: 25%;\n    }\n    &.col-offset-33 {\n      margin-left: 33.3333%;\n    }\n    &.col-offset-40 {\n      margin-left: 40%;\n    }\n    &.col-offset-50 {\n      margin-left: 50%;\n    }\n    &.col-offset-60 {\n      margin-left: 60%;\n    }\n    &.col-offset-66 {\n      margin-left: 66.6666%;\n    }\n    &.col-offset-75 {\n      margin-left: 75%;\n    }\n    &.col-offset-80 {\n      margin-left: 80%;\n    }\n    &.col-offset-90 {\n      margin-left: 90%;\n    }\n    // Explicit col Percent Sizes\n    // By default each grid col will evenly distribute\n    // across the grid. However, you can specify individual\n    // cols to take up a certain size of the available area\n    &.col-10 {\n      flex: 0 0 10%;\n      max-width: 10%;\n    }\n    &.col-20 {\n      flex: 0 0 20%;\n      max-width: 20%;\n    }\n    &.col-25 {\n      flex: 0 0 25%;\n      max-width: 25%;\n    }\n    &.col-33 {\n      flex: 0 0 33.3333%;\n      max-width: 33.3333%;\n    }\n    &.col-40 {\n      flex: 0 0 40%;\n      max-width: 40%;\n    }\n    &.col-50 {\n      flex: 0 0 50%;\n      max-width: 50%;\n    }\n    &.col-60 {\n      flex: 0 0 60%;\n      max-width: 60%;\n    }\n    &.col-66 {\n      flex: 0 0 66.6666%;\n      max-width: 66.6666%;\n    }\n    &.col-75 {\n      flex: 0 0 75%;\n      max-width: 75%;\n    }\n    &.col-80 {\n      flex: 0 0 80%;\n      max-width: 80%;\n    }\n    &.col-90 {\n      flex: 0 0 90%;\n      max-width: 90%;\n    }\n    // .col-* vertically aligns an individual .col\n    .col-top {\n      align-self: flex-start;\n    }\n    .col-bottom {\n      align-self: flex-end;\n    }\n    .col-center {\n      align-self: center;\n    }\n  }\n}\n// Larger than mobile screen\n// Safari desktop has a bug using `rem`, but Safari mobile works\n@media (min-width: 40.0rem) {\n  .row {\n    flex-direction: row;\n    width: calc(100% + 2.0rem);\n    margin-left: -1.0rem;\n\n    .col {\n      margin-bottom: inherit;\n      padding: 0 1.0rem;\n    }\n  }\n};\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\n@if $enable-classes == false {\n  hgroup {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n@if $enable-classes {\n  hgroup,\n  .headings {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// Secondary button without .class\ninput[type=\"reset\"] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--secondary-hover);\n    --border-color: var(--secondary-hover);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--secondary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n  button,\n  input[type=\"submit\"],\n  input[type=\"button\"],\n  input[type=\"reset\"],\n  a[role=\"button\"] {\n    // Secondary\n    &.secondary {\n      --background-color: var(--secondary);\n      --border-color: var(--secondary);\n      --color: var(--secondary-inverse);\n      cursor: pointer;\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--secondary-hover);\n        --border-color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --background-color: var(--contrast);\n      --border-color: var(--contrast);\n      --color: var(--contrast-inverse);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--contrast-hover);\n        --border-color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    &.outline {\n      --background-color: transparent;\n      --color: var(--primary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: transparent;\n        --color: var(--primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    &.outline.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    &.outline.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n    }\n  }\n}\n\n// Button [disabled]\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]),\na[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Footer\ntfoot {\n  th,\n  td {\n    border-top: var(--border-width) solid var(--table-border-color);\n    border-bottom: 0;\n  }\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-valid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n    \n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-invalid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      &[aria-invalid],\n      &[aria-invalid=\"true\"],\n      &[aria-invalid=\"false\"] {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n"]}
\ No newline at end of file
diff --git a/css/pico.classless.slim.flexgrid.min.css b/css/pico.classless.slim.flexgrid.min.css
index cc85a91e..c94ea010 100644
--- a/css/pico.classless.slim.flexgrid.min.css
+++ b/css/pico.classless.slim.flexgrid.min.css
@@ -4,5 +4,5 @@
  *
  * Slim version example
  * You can export only the modules you need
- */:root{--font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--line-height:1.5;--font-weight:400;--font-size:16px;--border-radius:0.25rem;--border-width:1px;--outline-width:3px;--spacing:1rem;--typography-spacing-vertical:1.5rem;--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing);--form-element-spacing-vertical:0.75rem;--form-element-spacing-horizontal:1rem;--form-label-font-weight:var(--font-weight);--transition:0.2s ease-in-out}@media (min-width:576px){:root{--font-size:17px}}@media (min-width:768px){:root{--font-size:18px}}@media (min-width:992px){:root{--font-size:19px}}@media (min-width:1200px){:root{--font-size:20px}}a{--text-decoration:none}small{--font-size:0.875em}h1,h2,h3,h4,h5,h6{--font-weight:700}h1{--font-size:2rem;--typography-spacing-vertical:3rem}h2{--font-size:1.75rem;--typography-spacing-vertical:2.625rem}h3{--font-size:1.5rem;--typography-spacing-vertical:2.25rem}h4{--font-size:1.25rem;--typography-spacing-vertical:1.874rem}h5{--font-size:1.125rem;--typography-spacing-vertical:1.6875rem}[type=checkbox],[type=radio]{--border-width:2px}[type=checkbox][role=switch]{--border-width:3px}tfoot td,tfoot th,thead td,thead th{--border-width:3px}:not(thead):not(tfoot)>*>td{--font-size:0.875em}code,kbd,pre,samp{--font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}kbd{--font-weight:bolder}:root:not([data-theme=dark]),[data-theme=light]{color-scheme:light;--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--contrast-hover:#000;--contrast-focus:rgba(89, 107, 120, 0.125);--contrast-inverse:#fff;--mark-background-color:#fff2ca;--mark-color:#543a26;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:transparent;--form-element-border-color:#a2afb9;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:transparent;--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#d32f2f;--form-element-invalid-focus-color:rgba(211, 47, 47, 0.125);--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#43a047;--form-element-valid-focus-color:rgba(67, 160, 71, 0.125);--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:#f6f8f9;--code-background-color:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--accordion-border-color:var(--muted-border-color);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:var(--background-color);--card-border-color:var(--muted-border-color);--card-box-shadow:0 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(213, 220, 226, 0.8);--progress-background-color:#d5dce2;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}}[data-theme=dark]{color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}*,::after,::before{box-sizing:border-box}::after,::before{text-decoration:inherit;vertical-align:inherit}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;background-color:var(--background-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);font-family:var(--font-family);cursor:default;-moz-tab-size:4;-o-tab-size:4;tab-size:4}main{display:block}body{width:100%;margin:0}body>footer,body>header,body>main{width:100%;margin-right:auto;margin-left:auto;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal)}@media (min-width:576px){body>footer,body>header,body>main{max-width:510px;padding-right:0;padding-left:0}}@media (min-width:768px){body>footer,body>header,body>main{max-width:700px}}@media (min-width:992px){body>footer,body>header,body>main{max-width:920px}}@media (min-width:1200px){body>footer,body>header,body>main{max-width:1130px}}section{margin-bottom:var(--block-spacing-vertical)}.container{position:relative;width:100%;max-width:112rem;margin:0 auto;padding:0 2rem}.row{display:flex;flex-direction:col;width:100%;padding:0}.row.row-no-padding{padding:0}.row.row-no-padding>.col{padding:0}.row.row-wrap{flex-wrap:wrap}.row.row-top{align-items:flex-start}.row.row-bottom{align-items:flex-end}.row.row-center{align-items:center}.row.row-stretch{align-items:stretch}.row.row-baseline{align-items:baseline}.row .col{display:block;flex:1 1 auto;width:100%;max-width:100%;margin-left:0}.row .col.col-offset-10{margin-left:10%}.row .col.col-offset-20{margin-left:20%}.row .col.col-offset-25{margin-left:25%}.row .col.col-offset-33{margin-left:33.3333%}.row .col.col-offset-40{margin-left:40%}.row .col.col-offset-50{margin-left:50%}.row .col.col-offset-60{margin-left:60%}.row .col.col-offset-66{margin-left:66.6666%}.row .col.col-offset-75{margin-left:75%}.row .col.col-offset-80{margin-left:80%}.row .col.col-offset-90{margin-left:90%}.row .col.col-10{flex:0 0 10%;max-width:10%}.row .col.col-20{flex:0 0 20%;max-width:20%}.row .col.col-25{flex:0 0 25%;max-width:25%}.row .col.col-33{flex:0 0 33.3333%;max-width:33.3333%}.row .col.col-40{flex:0 0 40%;max-width:40%}.row .col.col-50{flex:0 0 50%;max-width:50%}.row .col.col-60{flex:0 0 60%;max-width:60%}.row .col.col-66{flex:0 0 66.6666%;max-width:66.6666%}.row .col.col-75{flex:0 0 75%;max-width:75%}.row .col.col-80{flex:0 0 80%;max-width:80%}.row .col.col-90{flex:0 0 90%;max-width:90%}.row .col .col-top{align-self:flex-start}.row .col .col-bottom{align-self:flex-end}.row .col .col-center{align-self:center}@media (min-width:40rem){.row{flex-direction:row;width:calc(100% + 2rem);margin-left:-1rem}.row .col{margin-bottom:inherit;padding:0 1rem}}figure{display:block;margin:0;padding:0;overflow-x:auto}figure figcaption{padding:calc(var(--spacing) * .5) 0;color:var(--muted-color)}b,strong{font-weight:bolder}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}address,blockquote,dl,figure,form,ol,p,pre,table,ul{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-style:normal;font-weight:var(--font-weight);font-size:var(--font-size)}a{--color:var(--primary);--background-color:transparent;outline:0;background-color:var(--background-color);color:var(--color);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration)}a:active,a:focus,a:hover{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-focus)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);font-family:var(--font-family)}h1{--color:var(--h1-color)}h2{--color:var(--h2-color)}h3{--color:var(--h3-color)}h4{--color:var(--h4-color)}h5{--color:var(--h5-color)}h6{--color:var(--h6-color)}address~h1,address~h2,address~h3,address~h4,address~h5,address~h6,blockquote~h1,blockquote~h2,blockquote~h3,blockquote~h4,blockquote~h5,blockquote~h6,dl~h1,dl~h2,dl~h3,dl~h4,dl~h5,dl~h6,figure~h1,figure~h2,figure~h3,figure~h4,figure~h5,figure~h6,form~h1,form~h2,form~h3,form~h4,form~h5,form~h6,ol~h1,ol~h2,ol~h3,ol~h4,ol~h5,ol~h6,pre~h1,pre~h2,pre~h3,pre~h4,pre~h5,pre~h6,p~h1,p~h2,p~h3,p~h4,p~h5,p~h6,table~h1,table~h2,table~h3,table~h4,table~h5,table~h6,ul~h1,ul~h2,ul~h3,ul~h4,ul~h5,ul~h6{margin-top:var(--typography-spacing-vertical)}hgroup{margin-bottom:var(--typography-spacing-vertical)}hgroup>*{margin-bottom:0}hgroup>:last-child{--color:var(--muted-color);--font-weight:unset;font-size:1rem;font-family:unset}p{margin-bottom:var(--typography-spacing-vertical)}small{font-size:var(--font-size)}ol,ul{padding-right:0;padding-left:var(--spacing);-webkit-padding-start:var(--spacing);padding-inline-start:var(--spacing);-webkit-padding-end:0;padding-inline-end:0}ol li,ul li{margin-bottom:calc(var(--typography-spacing-vertical) * .25)}ul li{list-style:square}mark{padding:.125rem .25rem;background-color:var(--mark-background-color);color:var(--mark-color);vertical-align:baseline}blockquote{display:block;margin:var(--typography-spacing-vertical) 0;padding:var(--spacing);border-right:none;border-left:.25rem solid var(--blockquote-border-color);-webkit-border-start:0.25rem solid var(--blockquote-border-color);border-inline-start:0.25rem solid var(--blockquote-border-color);-webkit-border-end:none;border-inline-end:none}blockquote footer{margin-top:calc(var(--typography-spacing-vertical) * .5);color:var(--blockquote-footer-color)}abbr[title]{border-bottom:1px dotted;text-decoration:none;cursor:help}ins{color:var(--ins-color);text-decoration:none}del{color:var(--del-color)}::-moz-selection{background-color:var(--primary-focus)}::selection{background-color:var(--primary-focus)}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{max-width:100%;height:auto;border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}button{margin:0;overflow:visible;font-family:inherit;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button{display:block;width:100%;margin-bottom:var(--spacing)}a[role=button]{display:inline-block;text-decoration:none}a[role=button],button,input[type=button],input[type=reset],input[type=submit]{--background-color:var(--primary);--border-color:var(--primary);--color:var(--primary-inverse);--box-shadow:var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer}a[role=button]:active,a[role=button]:focus,a[role=button]:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{--background-color:var(--primary-hover);--border-color:var(--primary-hover);--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0))}a[role=button]:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--primary-focus)}input[type=reset]{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}input[type=reset]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--secondary-focus)}a[role=button]:not([href]),a[role=button][disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{opacity:.5;pointer-events:none}table{width:100%;border-color:inherit;border-collapse:collapse;border-spacing:0;text-indent:0}td,th{padding:calc(var(--spacing)/ 2) var(--spacing);border-bottom:var(--border-width) solid var(--table-border-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);text-align:left;text-align:start}tfoot td,tfoot th{border-top:var(--border-width) solid var(--table-border-color);border-bottom:0}table[role=grid] tbody tr:nth-child(odd){background-color:var(--table-row-stripped-background-color)}input,optgroup,select,textarea{margin:0;font-size:1rem;line-height:var(--line-height);font-family:inherit;letter-spacing:inherit}input{overflow:visible}select{text-transform:none}legend{max-width:100%;padding:0;color:inherit;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{padding:0;border-style:none}:-moz-focusring{outline:0}:-moz-ui-invalid{box-shadow:none}::-ms-expand{display:none}[type=file],[type=range]{padding:0;border-width:0}input:not([type=checkbox]):not([type=radio]):not([type=range]){height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2)}fieldset{margin:0;margin-bottom:var(--spacing);padding:0;border:0}fieldset legend,label{display:block;margin-bottom:calc(var(--spacing) * .25);font-weight:var(--form-label-font-weight,var(--font-weight))}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);vertical-align:middle}input,select,textarea{--background-color:var(--form-element-background-color);--border-color:var(--form-element-border-color);--color:var(--form-element-color);--box-shadow:none;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--background-color:var(--form-element-active-background-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--border-color:var(--form-element-active-border-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}input:not([type=submit]):not([type=button]):not([type=reset])[disabled],select[disabled],textarea[disabled]{--background-color:var(--form-element-disabled-background-color);--border-color:var(--form-element-disabled-border-color);opacity:var(--form-element-disabled-opacity)}input:not([type=checkbox]):not([type=radio])[aria-invalid],select:not([type=checkbox]):not([type=radio])[aria-invalid],textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal);padding-inline-start:var(--form-element-spacing-horizontal);-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio])[aria-invalid=false],select:not([type=checkbox]):not([type=radio])[aria-invalid=false],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false]{background-image:var(--icon-valid)}input:not([type=checkbox]):not([type=radio])[aria-invalid=true],select:not([type=checkbox]):not([type=radio])[aria-invalid=true],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true]{background-image:var(--icon-invalid)}input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}input[aria-invalid=false]:active,input[aria-invalid=false]:focus,select[aria-invalid=false]:active,select[aria-invalid=false]:focus,textarea[aria-invalid=false]:active,textarea[aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color);--box-shadow:0 0 0 var(--outline-width) var(--form-element-valid-focus-color)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}input[aria-invalid=true]:active,input[aria-invalid=true]:focus,select[aria-invalid=true]:active,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:active,textarea[aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color);--box-shadow:0 0 0 var(--outline-width) var(--form-element-invalid-focus-color)}[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{background-position:center left .75rem}input::-webkit-input-placeholder,input::placeholder,select:invalid,textarea::-webkit-input-placeholder,textarea::placeholder{color:var(--form-element-placeholder-color);opacity:1}input:not([type=checkbox]):not([type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple]):not([size]){padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal);padding-inline-start:var(--form-element-spacing-horizontal);-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);background-image:var(--icon-chevron);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}[dir=rtl] select:not([multiple]):not([size]){background-position:center left .75rem}input+small,select+small,textarea+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>input,label>select,label>textarea{margin-top:calc(var(--spacing) * .25)}[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{-ms-touch-action:manipulation}[dir=rtl]{direction:rtl}nav,nav ul{display:flex}nav{justify-content:space-between}nav ol,nav ul{align-items:center;margin-bottom:0;padding:0;list-style:none}nav ol:first-of-type,nav ul:first-of-type{margin-left:calc(var(--spacing) * -.5)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--spacing) * -.5)}nav li{display:inline-block;margin:0;padding:var(--spacing) calc(var(--spacing) * .5)}nav li>*,nav li>input:not([type=checkbox]):not([type=radio]){margin-bottom:0}nav a{display:block;margin:calc(var(--spacing) * -1) calc(var(--spacing) * -.5);padding:var(--spacing) calc(var(--spacing) * .5);border-radius:var(--border-radius);text-decoration:none}nav a:active,nav a:focus,nav a:hover{text-decoration:none}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--spacing) * .5)}aside li a{margin:calc(var(--spacing) * -.5);padding:calc(var(--spacing) * .5)}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);overflow:hidden;border-radius:var(--border-radius);background:var(--card-background-color);box-shadow:var(--card-box-shadow)}article>footer,article>header{margin-right:calc(var(--block-spacing-horizontal) * -1);margin-left:calc(var(--block-spacing-horizontal) * -1);padding:calc(var(--block-spacing-vertical) * .66) var(--block-spacing-horizontal);background-color:var(--card-sectionning-background-color)}article>header{margin-top:calc(var(--block-spacing-vertical) * -1);margin-bottom:var(--block-spacing-vertical);border-bottom:var(--border-width) solid var(--card-border-color)}article>footer{margin-top:var(--block-spacing-vertical);margin-bottom:calc(var(--block-spacing-vertical) * -1);border-top:var(--border-width) solid var(--card-border-color)}
+ */:root{--font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--line-height:1.5;--font-weight:400;--font-size:16px;--border-radius:0.25rem;--border-width:1px;--outline-width:3px;--spacing:1rem;--typography-spacing-vertical:1.5rem;--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing);--form-element-spacing-vertical:0.75rem;--form-element-spacing-horizontal:1rem;--form-label-font-weight:var(--font-weight);--transition:0.2s ease-in-out}@media (min-width:576px){:root{--font-size:17px}}@media (min-width:768px){:root{--font-size:18px}}@media (min-width:992px){:root{--font-size:19px}}@media (min-width:1200px){:root{--font-size:20px}}a{--text-decoration:none}small{--font-size:0.875em}h1,h2,h3,h4,h5,h6{--font-weight:700}h1{--font-size:2rem;--typography-spacing-vertical:3rem}h2{--font-size:1.75rem;--typography-spacing-vertical:2.625rem}h3{--font-size:1.5rem;--typography-spacing-vertical:2.25rem}h4{--font-size:1.25rem;--typography-spacing-vertical:1.874rem}h5{--font-size:1.125rem;--typography-spacing-vertical:1.6875rem}[type=checkbox],[type=radio]{--border-width:2px}[type=checkbox][role=switch]{--border-width:3px}tfoot td,tfoot th,thead td,thead th{--border-width:3px}:not(thead):not(tfoot)>*>td{--font-size:0.875em}code,kbd,pre,samp{--font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}kbd{--font-weight:bolder}:root:not([data-theme=dark]),[data-theme=light]{color-scheme:light;--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--contrast-hover:#000;--contrast-focus:rgba(89, 107, 120, 0.125);--contrast-inverse:#fff;--mark-background-color:#fff2ca;--mark-color:#543a26;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:transparent;--form-element-border-color:#a2afb9;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:transparent;--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#d32f2f;--form-element-invalid-focus-color:rgba(211, 47, 47, 0.125);--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#43a047;--form-element-valid-focus-color:rgba(67, 160, 71, 0.125);--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:#f6f8f9;--code-background-color:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--accordion-border-color:var(--muted-border-color);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:var(--background-color);--card-border-color:var(--muted-border-color);--card-box-shadow:0 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(213, 220, 226, 0.8);--progress-background-color:#d5dce2;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}}[data-theme=dark]{color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}*,::after,::before{box-sizing:border-box}::after,::before{text-decoration:inherit;vertical-align:inherit}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;background-color:var(--background-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);font-family:var(--font-family);cursor:default;-moz-tab-size:4;-o-tab-size:4;tab-size:4}main{display:block}body{width:100%;margin:0}body>footer,body>header,body>main{width:100%;margin-right:auto;margin-left:auto;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal)}@media (min-width:576px){body>footer,body>header,body>main{max-width:510px;padding-right:0;padding-left:0}}@media (min-width:768px){body>footer,body>header,body>main{max-width:700px}}@media (min-width:992px){body>footer,body>header,body>main{max-width:920px}}@media (min-width:1200px){body>footer,body>header,body>main{max-width:1130px}}section{margin-bottom:var(--block-spacing-vertical)}.flexgrid{position:relative;width:100%;max-width:112rem;margin:0 auto;padding:0 2rem}.row{display:flex;flex-direction:col;width:100%;padding:0}.row.row-no-padding{padding:0}.row.row-no-padding>.col{padding:0}.row.row-wrap{flex-wrap:wrap}.row.row-top{align-items:flex-start}.row.row-bottom{align-items:flex-end}.row.row-center{align-items:center}.row.row-stretch{align-items:stretch}.row.row-baseline{align-items:baseline}.row .col{display:block;flex:1 1 auto;width:100%;max-width:100%;margin-left:0}.row .col.col-offset-10{margin-left:10%}.row .col.col-offset-20{margin-left:20%}.row .col.col-offset-25{margin-left:25%}.row .col.col-offset-33{margin-left:33.3333%}.row .col.col-offset-40{margin-left:40%}.row .col.col-offset-50{margin-left:50%}.row .col.col-offset-60{margin-left:60%}.row .col.col-offset-66{margin-left:66.6666%}.row .col.col-offset-75{margin-left:75%}.row .col.col-offset-80{margin-left:80%}.row .col.col-offset-90{margin-left:90%}.row .col.col-10{flex:0 0 10%;max-width:10%}.row .col.col-20{flex:0 0 20%;max-width:20%}.row .col.col-25{flex:0 0 25%;max-width:25%}.row .col.col-33{flex:0 0 33.3333%;max-width:33.3333%}.row .col.col-40{flex:0 0 40%;max-width:40%}.row .col.col-50{flex:0 0 50%;max-width:50%}.row .col.col-60{flex:0 0 60%;max-width:60%}.row .col.col-66{flex:0 0 66.6666%;max-width:66.6666%}.row .col.col-75{flex:0 0 75%;max-width:75%}.row .col.col-80{flex:0 0 80%;max-width:80%}.row .col.col-90{flex:0 0 90%;max-width:90%}.row .col .col-top{align-self:flex-start}.row .col .col-bottom{align-self:flex-end}.row .col .col-center{align-self:center}@media (min-width:40rem){.row{flex-direction:row;width:calc(100% + 2rem);margin-left:-1rem}.row .col{margin-bottom:inherit;padding:0 1rem}}figure{display:block;margin:0;padding:0;overflow-x:auto}figure figcaption{padding:calc(var(--spacing) * .5) 0;color:var(--muted-color)}b,strong{font-weight:bolder}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}address,blockquote,dl,figure,form,ol,p,pre,table,ul{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-style:normal;font-weight:var(--font-weight);font-size:var(--font-size)}a{--color:var(--primary);--background-color:transparent;outline:0;background-color:var(--background-color);color:var(--color);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration)}a:active,a:focus,a:hover{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-focus)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);font-family:var(--font-family)}h1{--color:var(--h1-color)}h2{--color:var(--h2-color)}h3{--color:var(--h3-color)}h4{--color:var(--h4-color)}h5{--color:var(--h5-color)}h6{--color:var(--h6-color)}address~h1,address~h2,address~h3,address~h4,address~h5,address~h6,blockquote~h1,blockquote~h2,blockquote~h3,blockquote~h4,blockquote~h5,blockquote~h6,dl~h1,dl~h2,dl~h3,dl~h4,dl~h5,dl~h6,figure~h1,figure~h2,figure~h3,figure~h4,figure~h5,figure~h6,form~h1,form~h2,form~h3,form~h4,form~h5,form~h6,ol~h1,ol~h2,ol~h3,ol~h4,ol~h5,ol~h6,pre~h1,pre~h2,pre~h3,pre~h4,pre~h5,pre~h6,p~h1,p~h2,p~h3,p~h4,p~h5,p~h6,table~h1,table~h2,table~h3,table~h4,table~h5,table~h6,ul~h1,ul~h2,ul~h3,ul~h4,ul~h5,ul~h6{margin-top:var(--typography-spacing-vertical)}hgroup{margin-bottom:var(--typography-spacing-vertical)}hgroup>*{margin-bottom:0}hgroup>:last-child{--color:var(--muted-color);--font-weight:unset;font-size:1rem;font-family:unset}p{margin-bottom:var(--typography-spacing-vertical)}small{font-size:var(--font-size)}ol,ul{padding-right:0;padding-left:var(--spacing);-webkit-padding-start:var(--spacing);padding-inline-start:var(--spacing);-webkit-padding-end:0;padding-inline-end:0}ol li,ul li{margin-bottom:calc(var(--typography-spacing-vertical) * .25)}ul li{list-style:square}mark{padding:.125rem .25rem;background-color:var(--mark-background-color);color:var(--mark-color);vertical-align:baseline}blockquote{display:block;margin:var(--typography-spacing-vertical) 0;padding:var(--spacing);border-right:none;border-left:.25rem solid var(--blockquote-border-color);-webkit-border-start:0.25rem solid var(--blockquote-border-color);border-inline-start:0.25rem solid var(--blockquote-border-color);-webkit-border-end:none;border-inline-end:none}blockquote footer{margin-top:calc(var(--typography-spacing-vertical) * .5);color:var(--blockquote-footer-color)}abbr[title]{border-bottom:1px dotted;text-decoration:none;cursor:help}ins{color:var(--ins-color);text-decoration:none}del{color:var(--del-color)}::-moz-selection{background-color:var(--primary-focus)}::selection{background-color:var(--primary-focus)}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{max-width:100%;height:auto;border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}button{margin:0;overflow:visible;font-family:inherit;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button{display:block;width:100%;margin-bottom:var(--spacing)}a[role=button]{display:inline-block;text-decoration:none}a[role=button],button,input[type=button],input[type=reset],input[type=submit]{--background-color:var(--primary);--border-color:var(--primary);--color:var(--primary-inverse);--box-shadow:var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer}a[role=button]:active,a[role=button]:focus,a[role=button]:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{--background-color:var(--primary-hover);--border-color:var(--primary-hover);--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0))}a[role=button]:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--primary-focus)}input[type=reset]{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}input[type=reset]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--secondary-focus)}a[role=button]:not([href]),a[role=button][disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{opacity:.5;pointer-events:none}table{width:100%;border-color:inherit;border-collapse:collapse;border-spacing:0;text-indent:0}td,th{padding:calc(var(--spacing)/ 2) var(--spacing);border-bottom:var(--border-width) solid var(--table-border-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);text-align:left;text-align:start}tfoot td,tfoot th{border-top:var(--border-width) solid var(--table-border-color);border-bottom:0}table[role=grid] tbody tr:nth-child(odd){background-color:var(--table-row-stripped-background-color)}input,optgroup,select,textarea{margin:0;font-size:1rem;line-height:var(--line-height);font-family:inherit;letter-spacing:inherit}input{overflow:visible}select{text-transform:none}legend{max-width:100%;padding:0;color:inherit;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{padding:0;border-style:none}:-moz-focusring{outline:0}:-moz-ui-invalid{box-shadow:none}::-ms-expand{display:none}[type=file],[type=range]{padding:0;border-width:0}input:not([type=checkbox]):not([type=radio]):not([type=range]){height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2)}fieldset{margin:0;margin-bottom:var(--spacing);padding:0;border:0}fieldset legend,label{display:block;margin-bottom:calc(var(--spacing) * .25);font-weight:var(--form-label-font-weight,var(--font-weight))}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);vertical-align:middle}input,select,textarea{--background-color:var(--form-element-background-color);--border-color:var(--form-element-border-color);--color:var(--form-element-color);--box-shadow:none;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--background-color:var(--form-element-active-background-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--border-color:var(--form-element-active-border-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}input:not([type=submit]):not([type=button]):not([type=reset])[disabled],select[disabled],textarea[disabled]{--background-color:var(--form-element-disabled-background-color);--border-color:var(--form-element-disabled-border-color);opacity:var(--form-element-disabled-opacity)}input:not([type=checkbox]):not([type=radio])[aria-invalid],select:not([type=checkbox]):not([type=radio])[aria-invalid],textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal);padding-inline-start:var(--form-element-spacing-horizontal);-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio])[aria-invalid=false],select:not([type=checkbox]):not([type=radio])[aria-invalid=false],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false]{background-image:var(--icon-valid)}input:not([type=checkbox]):not([type=radio])[aria-invalid=true],select:not([type=checkbox]):not([type=radio])[aria-invalid=true],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true]{background-image:var(--icon-invalid)}input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}input[aria-invalid=false]:active,input[aria-invalid=false]:focus,select[aria-invalid=false]:active,select[aria-invalid=false]:focus,textarea[aria-invalid=false]:active,textarea[aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color);--box-shadow:0 0 0 var(--outline-width) var(--form-element-valid-focus-color)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}input[aria-invalid=true]:active,input[aria-invalid=true]:focus,select[aria-invalid=true]:active,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:active,textarea[aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color);--box-shadow:0 0 0 var(--outline-width) var(--form-element-invalid-focus-color)}[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{background-position:center left .75rem}input::-webkit-input-placeholder,input::placeholder,select:invalid,textarea::-webkit-input-placeholder,textarea::placeholder{color:var(--form-element-placeholder-color);opacity:1}input:not([type=checkbox]):not([type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple]):not([size]){padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal);padding-inline-start:var(--form-element-spacing-horizontal);-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);background-image:var(--icon-chevron);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}[dir=rtl] select:not([multiple]):not([size]){background-position:center left .75rem}input+small,select+small,textarea+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>input,label>select,label>textarea{margin-top:calc(var(--spacing) * .25)}[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{-ms-touch-action:manipulation}[dir=rtl]{direction:rtl}nav,nav ul{display:flex}nav{justify-content:space-between}nav ol,nav ul{align-items:center;margin-bottom:0;padding:0;list-style:none}nav ol:first-of-type,nav ul:first-of-type{margin-left:calc(var(--spacing) * -.5)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--spacing) * -.5)}nav li{display:inline-block;margin:0;padding:var(--spacing) calc(var(--spacing) * .5)}nav li>*,nav li>input:not([type=checkbox]):not([type=radio]){margin-bottom:0}nav a{display:block;margin:calc(var(--spacing) * -1) calc(var(--spacing) * -.5);padding:var(--spacing) calc(var(--spacing) * .5);border-radius:var(--border-radius);text-decoration:none}nav a:active,nav a:focus,nav a:hover{text-decoration:none}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--spacing) * .5)}aside li a{margin:calc(var(--spacing) * -.5);padding:calc(var(--spacing) * .5)}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);overflow:hidden;border-radius:var(--border-radius);background:var(--card-background-color);box-shadow:var(--card-box-shadow)}article>footer,article>header{margin-right:calc(var(--block-spacing-horizontal) * -1);margin-left:calc(var(--block-spacing-horizontal) * -1);padding:calc(var(--block-spacing-vertical) * .66) var(--block-spacing-horizontal);background-color:var(--card-sectionning-background-color)}article>header{margin-top:calc(var(--block-spacing-vertical) * -1);margin-bottom:var(--block-spacing-vertical);border-bottom:var(--border-width) solid var(--card-border-color)}article>footer{margin-top:var(--block-spacing-vertical);margin-bottom:calc(var(--block-spacing-vertical) * -1);border-top:var(--border-width) solid var(--card-border-color)}
 /*# sourceMappingURL=pico.classless.slim.flexgrid.min.css.map */
\ No newline at end of file
diff --git a/css/pico.classless.slim.flexgrid.min.css.map b/css/pico.classless.slim.flexgrid.min.css.map
index ba7fc412..1d223fcc 100644
--- a/css/pico.classless.slim.flexgrid.min.css.map
+++ b/css/pico.classless.slim.flexgrid.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["scss/pico.classless.slim.flexgrid.scss","scss/themes/default/_styles.scss","css/pico.classless.slim.flexgrid.css","scss/themes/default/_light.scss","scss/themes/default.scss","scss/themes/default/_dark.scss","scss/layout/_document.scss","scss/layout/_sectioning.scss","scss/layout/_section.scss","scss/layout/_flexgrid.scss","scss/layout/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_table.scss","scss/content/_form.scss","scss/utilities/_accessibility.scss","scss/components/_nav.scss","scss/components/_card.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico.css v1.4.3 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n\n// Config\n// --------------------\n\n// Enable <header>, <main>, <footer> inside <body> as a container\n$enable-semantic-container: true;\n\n// Enable .classes\n$enable-classes: false;\n\n// Enable responsive spacings for <header>, <main>, <footer>, <section>, <article>\n$enable-responsive-spacings: false;\n\n// Enable transitions\n$enable-transitions: false;\n\n// Enable overriding with !important\n$enable-important: false;\n\n// Pico Lib\n// --------------------\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/flexgrid\"; // .grid responsive flexbox\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n//@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n//@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n//@import \"content/code\"; // pre, code, ...\n//@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Utilities\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n//@import \"utilities/loading\"; // aria-busy=true\n//@import \"utilities/tooltip\"; // data-tooltip\n\n// Components\n@import \"components/nav\";\n@import \"components/card\";\n//@import \"components/accordion\"; // details, summary\n//@import \"components/modal\"; // dialog\n//@import \"components/progress\"; // progress\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  @if ($enable-classes and $enable-grid) {\n    --grid-spacing-vertical: 0;\n    --grid-spacing-horizontal: var(--spacing);\n  }\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Font weight for form labels & fieldsets legend\n  --form-label-font-weight: var(--font-weight);\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  @if $enable-classes {\n    &.secondary,\n    &.contrast {\n      --text-decoration: underline;\n    }\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead,\ntfoot {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.3 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\na {\n  --text-decoration: none;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n.container {\n  position: relative;\n  width: 100%;\n  max-width: 112rem;\n  margin: 0 auto;\n  padding: 0 2rem;\n}\n\n.row {\n  display: flex;\n  flex-direction: col;\n  width: 100%;\n  padding: 0;\n}\n.row.row-no-padding {\n  padding: 0;\n}\n.row.row-no-padding > .col {\n  padding: 0;\n}\n.row.row-wrap {\n  flex-wrap: wrap;\n}\n.row.row-top {\n  align-items: flex-start;\n}\n.row.row-bottom {\n  align-items: flex-end;\n}\n.row.row-center {\n  align-items: center;\n}\n.row.row-stretch {\n  align-items: stretch;\n}\n.row.row-baseline {\n  align-items: baseline;\n}\n.row .col {\n  display: block;\n  flex: 1 1 auto;\n  width: 100%;\n  max-width: 100%;\n  margin-left: 0;\n}\n.row .col.col-offset-10 {\n  margin-left: 10%;\n}\n.row .col.col-offset-20 {\n  margin-left: 20%;\n}\n.row .col.col-offset-25 {\n  margin-left: 25%;\n}\n.row .col.col-offset-33 {\n  margin-left: 33.3333%;\n}\n.row .col.col-offset-40 {\n  margin-left: 40%;\n}\n.row .col.col-offset-50 {\n  margin-left: 50%;\n}\n.row .col.col-offset-60 {\n  margin-left: 60%;\n}\n.row .col.col-offset-66 {\n  margin-left: 66.6666%;\n}\n.row .col.col-offset-75 {\n  margin-left: 75%;\n}\n.row .col.col-offset-80 {\n  margin-left: 80%;\n}\n.row .col.col-offset-90 {\n  margin-left: 90%;\n}\n.row .col.col-10 {\n  flex: 0 0 10%;\n  max-width: 10%;\n}\n.row .col.col-20 {\n  flex: 0 0 20%;\n  max-width: 20%;\n}\n.row .col.col-25 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.row .col.col-33 {\n  flex: 0 0 33.3333%;\n  max-width: 33.3333%;\n}\n.row .col.col-40 {\n  flex: 0 0 40%;\n  max-width: 40%;\n}\n.row .col.col-50 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.row .col.col-60 {\n  flex: 0 0 60%;\n  max-width: 60%;\n}\n.row .col.col-66 {\n  flex: 0 0 66.6666%;\n  max-width: 66.6666%;\n}\n.row .col.col-75 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.row .col.col-80 {\n  flex: 0 0 80%;\n  max-width: 80%;\n}\n.row .col.col-90 {\n  flex: 0 0 90%;\n  max-width: 90%;\n}\n.row .col .col-top {\n  align-self: flex-start;\n}\n.row .col .col-bottom {\n  align-self: flex-end;\n}\n.row .col .col-center {\n  align-self: center;\n}\n\n@media (min-width: 40rem) {\n  .row {\n    flex-direction: row;\n    width: calc(100% + 2rem);\n    margin-left: -1rem;\n  }\n  .row .col {\n    margin-bottom: inherit;\n    padding: 0 1rem;\n  }\n}\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\na[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\na[role=button]:hover,\na[role=button]:active,\na[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\na[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\na[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color);\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color);\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/*# sourceMappingURL=pico.classless.slim.flexgrid.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-700};\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-600};\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","// Grid | milligram.io | MIT License\n// ––––––––––––––––––––––––––––––––––––––––––––––––––\n\n// .container is main centered wrapper with a max width of 112.0rem (1120px)\n.container {\n  position: relative;\n  width: 100%;\n  max-width: 112.0rem;\n  margin: 0 auto;\n  padding: 0 2.0rem;\n}\n// Using flexbox for the grid, inspired by Philip Walton:\n// http://philipwalton.github.io/solved-by-flexbox/demos/grids/\n// By default each .col within a .row will evenly take up\n// available width, and the height of each .col with take\n// up the height of the tallest .col in the same .row\n.row {\n  display: flex;\n  flex-direction: col;\n  width: 100%;\n  padding: 0;\n\n  &.row-no-padding {\n    padding: 0;\n\n    & > .col {\n      padding: 0;\n    }\n  }\n  &.row-wrap {\n    flex-wrap: wrap;\n  }\n  // Vertically Align cols\n  // .row-* vertically aligns every .col in the .row\n  &.row-top {\n    align-items: flex-start;\n  }\n  &.row-bottom {\n    align-items: flex-end;\n  }\n  &.row-center {\n    align-items: center;\n  }\n  &.row-stretch {\n    align-items: stretch;\n  }\n  &.row-baseline {\n    align-items: baseline;\n  }\n  .col {\n    display: block;\n    // IE 11 required specifying the flex-basis otherwise it breaks mobile\n    flex: 1 1 auto;\n    width: 100%;\n    max-width: 100%;\n    margin-left: 0;\n\n    // col Offsets\n    &.col-offset-10 {\n      margin-left: 10%;\n    }\n    &.col-offset-20 {\n      margin-left: 20%;\n    }\n    &.col-offset-25 {\n      margin-left: 25%;\n    }\n    &.col-offset-33 {\n      margin-left: 33.3333%;\n    }\n    &.col-offset-40 {\n      margin-left: 40%;\n    }\n    &.col-offset-50 {\n      margin-left: 50%;\n    }\n    &.col-offset-60 {\n      margin-left: 60%;\n    }\n    &.col-offset-66 {\n      margin-left: 66.6666%;\n    }\n    &.col-offset-75 {\n      margin-left: 75%;\n    }\n    &.col-offset-80 {\n      margin-left: 80%;\n    }\n    &.col-offset-90 {\n      margin-left: 90%;\n    }\n    // Explicit col Percent Sizes\n    // By default each grid col will evenly distribute\n    // across the grid. However, you can specify individual\n    // cols to take up a certain size of the available area\n    &.col-10 {\n      flex: 0 0 10%;\n      max-width: 10%;\n    }\n    &.col-20 {\n      flex: 0 0 20%;\n      max-width: 20%;\n    }\n    &.col-25 {\n      flex: 0 0 25%;\n      max-width: 25%;\n    }\n    &.col-33 {\n      flex: 0 0 33.3333%;\n      max-width: 33.3333%;\n    }\n    &.col-40 {\n      flex: 0 0 40%;\n      max-width: 40%;\n    }\n    &.col-50 {\n      flex: 0 0 50%;\n      max-width: 50%;\n    }\n    &.col-60 {\n      flex: 0 0 60%;\n      max-width: 60%;\n    }\n    &.col-66 {\n      flex: 0 0 66.6666%;\n      max-width: 66.6666%;\n    }\n    &.col-75 {\n      flex: 0 0 75%;\n      max-width: 75%;\n    }\n    &.col-80 {\n      flex: 0 0 80%;\n      max-width: 80%;\n    }\n    &.col-90 {\n      flex: 0 0 90%;\n      max-width: 90%;\n    }\n    // .col-* vertically aligns an individual .col\n    .col-top {\n      align-self: flex-start;\n    }\n    .col-bottom {\n      align-self: flex-end;\n    }\n    .col-center {\n      align-self: center;\n    }\n  }\n}\n// Larger than mobile screen\n// Safari desktop has a bug using `rem`, but Safari mobile works\n@media (min-width: 40.0rem) {\n  .row {\n    flex-direction: row;\n    width: calc(100% + 2.0rem);\n    margin-left: -1.0rem;\n\n    .col {\n      margin-bottom: inherit;\n      padding: 0 1.0rem;\n    }\n  }\n};\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\n@if $enable-classes == false {\n  hgroup {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n@if $enable-classes {\n  hgroup,\n  .headings {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// Secondary button without .class\ninput[type=\"reset\"] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--secondary-hover);\n    --border-color: var(--secondary-hover);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--secondary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n  button,\n  input[type=\"submit\"],\n  input[type=\"button\"],\n  input[type=\"reset\"],\n  a[role=\"button\"] {\n    // Secondary\n    &.secondary {\n      --background-color: var(--secondary);\n      --border-color: var(--secondary);\n      --color: var(--secondary-inverse);\n      cursor: pointer;\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--secondary-hover);\n        --border-color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --background-color: var(--contrast);\n      --border-color: var(--contrast);\n      --color: var(--contrast-inverse);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--contrast-hover);\n        --border-color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    &.outline {\n      --background-color: transparent;\n      --color: var(--primary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: transparent;\n        --color: var(--primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    &.outline.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    &.outline.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n    }\n  }\n}\n\n// Button [disabled]\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]),\na[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Footer\ntfoot {\n  th,\n  td {\n    border-top: var(--border-width) solid var(--table-border-color);\n    border-bottom: 0;\n  }\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-valid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n    \n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-invalid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      &[aria-invalid],\n      &[aria-invalid=\"true\"],\n      &[aria-invalid=\"false\"] {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["scss/pico.classless.slim.flexgrid.scss","scss/themes/default/_styles.scss","css/pico.classless.slim.flexgrid.css","scss/themes/default/_light.scss","scss/themes/default.scss","scss/themes/default/_dark.scss","scss/layout/_document.scss","scss/layout/_sectioning.scss","scss/layout/_section.scss","scss/layout/_flexgrid.scss","scss/layout/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_table.scss","scss/content/_form.scss","scss/utilities/_accessibility.scss","scss/components/_nav.scss","scss/components/_card.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico.css v1.4.3 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n\n// Config\n// --------------------\n\n// Enable <header>, <main>, <footer> inside <body> as a container\n$enable-semantic-container: true;\n\n// Enable .classes\n$enable-classes: false;\n\n// Enable responsive spacings for <header>, <main>, <footer>, <section>, <article>\n$enable-responsive-spacings: false;\n\n// Enable transitions\n$enable-transitions: false;\n\n// Enable overriding with !important\n$enable-important: false;\n\n// Pico Lib\n// --------------------\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/flexgrid\"; // .grid responsive flexbox\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n//@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n//@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n//@import \"content/code\"; // pre, code, ...\n//@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Utilities\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n//@import \"utilities/loading\"; // aria-busy=true\n//@import \"utilities/tooltip\"; // data-tooltip\n\n// Components\n@import \"components/nav\";\n@import \"components/card\";\n//@import \"components/accordion\"; // details, summary\n//@import \"components/modal\"; // dialog\n//@import \"components/progress\"; // progress\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  @if ($enable-classes and $enable-grid) {\n    --grid-spacing-vertical: 0;\n    --grid-spacing-horizontal: var(--spacing);\n  }\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Font weight for form labels & fieldsets legend\n  --form-label-font-weight: var(--font-weight);\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  @if $enable-classes {\n    &.secondary,\n    &.contrast {\n      --text-decoration: underline;\n    }\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead,\ntfoot {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.3 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\na {\n  --text-decoration: none;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n.flexgrid {\n  position: relative;\n  width: 100%;\n  max-width: 112rem;\n  margin: 0 auto;\n  padding: 0 2rem;\n}\n\n.row {\n  display: flex;\n  flex-direction: col;\n  width: 100%;\n  padding: 0;\n}\n.row.row-no-padding {\n  padding: 0;\n}\n.row.row-no-padding > .col {\n  padding: 0;\n}\n.row.row-wrap {\n  flex-wrap: wrap;\n}\n.row.row-top {\n  align-items: flex-start;\n}\n.row.row-bottom {\n  align-items: flex-end;\n}\n.row.row-center {\n  align-items: center;\n}\n.row.row-stretch {\n  align-items: stretch;\n}\n.row.row-baseline {\n  align-items: baseline;\n}\n.row .col {\n  display: block;\n  flex: 1 1 auto;\n  width: 100%;\n  max-width: 100%;\n  margin-left: 0;\n}\n.row .col.col-offset-10 {\n  margin-left: 10%;\n}\n.row .col.col-offset-20 {\n  margin-left: 20%;\n}\n.row .col.col-offset-25 {\n  margin-left: 25%;\n}\n.row .col.col-offset-33 {\n  margin-left: 33.3333%;\n}\n.row .col.col-offset-40 {\n  margin-left: 40%;\n}\n.row .col.col-offset-50 {\n  margin-left: 50%;\n}\n.row .col.col-offset-60 {\n  margin-left: 60%;\n}\n.row .col.col-offset-66 {\n  margin-left: 66.6666%;\n}\n.row .col.col-offset-75 {\n  margin-left: 75%;\n}\n.row .col.col-offset-80 {\n  margin-left: 80%;\n}\n.row .col.col-offset-90 {\n  margin-left: 90%;\n}\n.row .col.col-10 {\n  flex: 0 0 10%;\n  max-width: 10%;\n}\n.row .col.col-20 {\n  flex: 0 0 20%;\n  max-width: 20%;\n}\n.row .col.col-25 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.row .col.col-33 {\n  flex: 0 0 33.3333%;\n  max-width: 33.3333%;\n}\n.row .col.col-40 {\n  flex: 0 0 40%;\n  max-width: 40%;\n}\n.row .col.col-50 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.row .col.col-60 {\n  flex: 0 0 60%;\n  max-width: 60%;\n}\n.row .col.col-66 {\n  flex: 0 0 66.6666%;\n  max-width: 66.6666%;\n}\n.row .col.col-75 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.row .col.col-80 {\n  flex: 0 0 80%;\n  max-width: 80%;\n}\n.row .col.col-90 {\n  flex: 0 0 90%;\n  max-width: 90%;\n}\n.row .col .col-top {\n  align-self: flex-start;\n}\n.row .col .col-bottom {\n  align-self: flex-end;\n}\n.row .col .col-center {\n  align-self: center;\n}\n\n@media (min-width: 40rem) {\n  .row {\n    flex-direction: row;\n    width: calc(100% + 2rem);\n    margin-left: -1rem;\n  }\n  .row .col {\n    margin-bottom: inherit;\n    padding: 0 1rem;\n  }\n}\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\na[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\na[role=button]:hover,\na[role=button]:active,\na[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\na[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\na[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color);\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color);\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/*# sourceMappingURL=pico.classless.slim.flexgrid.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-700};\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-600};\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","// Grid | milligram.io | MIT License\n// ––––––––––––––––––––––––––––––––––––––––––––––––––\n\n// .flexgrid is main centered wrapper with a max width of 112.0rem (1120px)\n.flexgrid {\n  position: relative;\n  width: 100%;\n  max-width: 112.0rem;\n  margin: 0 auto;\n  padding: 0 2.0rem;\n}\n// Using flexbox for the grid, inspired by Philip Walton:\n// http://philipwalton.github.io/solved-by-flexbox/demos/grids/\n// By default each .col within a .row will evenly take up\n// available width, and the height of each .col with take\n// up the height of the tallest .col in the same .row\n.row {\n  display: flex;\n  flex-direction: col;\n  width: 100%;\n  padding: 0;\n\n  &.row-no-padding {\n    padding: 0;\n\n    & > .col {\n      padding: 0;\n    }\n  }\n  &.row-wrap {\n    flex-wrap: wrap;\n  }\n  // Vertically Align cols\n  // .row-* vertically aligns every .col in the .row\n  &.row-top {\n    align-items: flex-start;\n  }\n  &.row-bottom {\n    align-items: flex-end;\n  }\n  &.row-center {\n    align-items: center;\n  }\n  &.row-stretch {\n    align-items: stretch;\n  }\n  &.row-baseline {\n    align-items: baseline;\n  }\n  .col {\n    display: block;\n    // IE 11 required specifying the flex-basis otherwise it breaks mobile\n    flex: 1 1 auto;\n    width: 100%;\n    max-width: 100%;\n    margin-left: 0;\n\n    // col Offsets\n    &.col-offset-10 {\n      margin-left: 10%;\n    }\n    &.col-offset-20 {\n      margin-left: 20%;\n    }\n    &.col-offset-25 {\n      margin-left: 25%;\n    }\n    &.col-offset-33 {\n      margin-left: 33.3333%;\n    }\n    &.col-offset-40 {\n      margin-left: 40%;\n    }\n    &.col-offset-50 {\n      margin-left: 50%;\n    }\n    &.col-offset-60 {\n      margin-left: 60%;\n    }\n    &.col-offset-66 {\n      margin-left: 66.6666%;\n    }\n    &.col-offset-75 {\n      margin-left: 75%;\n    }\n    &.col-offset-80 {\n      margin-left: 80%;\n    }\n    &.col-offset-90 {\n      margin-left: 90%;\n    }\n    // Explicit col Percent Sizes\n    // By default each grid col will evenly distribute\n    // across the grid. However, you can specify individual\n    // cols to take up a certain size of the available area\n    &.col-10 {\n      flex: 0 0 10%;\n      max-width: 10%;\n    }\n    &.col-20 {\n      flex: 0 0 20%;\n      max-width: 20%;\n    }\n    &.col-25 {\n      flex: 0 0 25%;\n      max-width: 25%;\n    }\n    &.col-33 {\n      flex: 0 0 33.3333%;\n      max-width: 33.3333%;\n    }\n    &.col-40 {\n      flex: 0 0 40%;\n      max-width: 40%;\n    }\n    &.col-50 {\n      flex: 0 0 50%;\n      max-width: 50%;\n    }\n    &.col-60 {\n      flex: 0 0 60%;\n      max-width: 60%;\n    }\n    &.col-66 {\n      flex: 0 0 66.6666%;\n      max-width: 66.6666%;\n    }\n    &.col-75 {\n      flex: 0 0 75%;\n      max-width: 75%;\n    }\n    &.col-80 {\n      flex: 0 0 80%;\n      max-width: 80%;\n    }\n    &.col-90 {\n      flex: 0 0 90%;\n      max-width: 90%;\n    }\n    // .col-* vertically aligns an individual .col\n    .col-top {\n      align-self: flex-start;\n    }\n    .col-bottom {\n      align-self: flex-end;\n    }\n    .col-center {\n      align-self: center;\n    }\n  }\n}\n// Larger than mobile screen\n// Safari desktop has a bug using `rem`, but Safari mobile works\n@media (min-width: 40.0rem) {\n  .row {\n    flex-direction: row;\n    width: calc(100% + 2.0rem);\n    margin-left: -1.0rem;\n\n    .col {\n      margin-bottom: inherit;\n      padding: 0 1.0rem;\n    }\n  }\n};\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\n@if $enable-classes == false {\n  hgroup {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n@if $enable-classes {\n  hgroup,\n  .headings {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\na[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// Secondary button without .class\ninput[type=\"reset\"] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--secondary-hover);\n    --border-color: var(--secondary-hover);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--secondary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n  button,\n  input[type=\"submit\"],\n  input[type=\"button\"],\n  input[type=\"reset\"],\n  a[role=\"button\"] {\n    // Secondary\n    &.secondary {\n      --background-color: var(--secondary);\n      --border-color: var(--secondary);\n      --color: var(--secondary-inverse);\n      cursor: pointer;\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--secondary-hover);\n        --border-color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --background-color: var(--contrast);\n      --border-color: var(--contrast);\n      --color: var(--contrast-inverse);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: var(--contrast-hover);\n        --border-color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(--outline-width) var(--contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    &.outline {\n      --background-color: transparent;\n      --color: var(--primary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --background-color: transparent;\n        --color: var(--primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    &.outline.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    &.outline.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n    }\n  }\n}\n\n// Button [disabled]\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]),\na[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Footer\ntfoot {\n  th,\n  td {\n    border-top: var(--border-width) solid var(--table-border-color);\n    border-bottom: 0;\n  }\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-valid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n    \n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-invalid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      &[aria-invalid],\n      &[aria-invalid=\"true\"],\n      &[aria-invalid=\"false\"] {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n"]}
\ No newline at end of file
diff --git a/scss/layout/_flexgrid.scss b/scss/layout/_flexgrid.scss
index 16a8e0f3..0ececf49 100644
--- a/scss/layout/_flexgrid.scss
+++ b/scss/layout/_flexgrid.scss
@@ -1,8 +1,8 @@
 // Grid | milligram.io | MIT License
 // ––––––––––––––––––––––––––––––––––––––––––––––––––
 
-// .container is main centered wrapper with a max width of 112.0rem (1120px)
-.container {
+// .flexgrid is main centered wrapper with a max width of 112.0rem (1120px)
+.flexgrid {
   position: relative;
   width: 100%;
   max-width: 112.0rem;