diff --git a/css/pico.classless.css b/css/pico.classless.css
index 1162a2d0..797f770b 100644
--- a/css/pico.classless.css
+++ b/css/pico.classless.css
@@ -659,7 +659,7 @@ a {
   transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);
   transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);
 }
-a:hover, a:active, a:focus {
+a[aria-current], a:hover, a:active, a:focus {
   --color: var(--primary-hover);
   --text-decoration: underline;
 }
@@ -947,16 +947,20 @@ input[type=reset],
   cursor: pointer;
   transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
 }
-button:hover, button:active, button:focus,
+button[aria-current], button:hover, button:active, button:focus,
+input[type=submit][aria-current],
 input[type=submit]:hover,
 input[type=submit]:active,
 input[type=submit]:focus,
+input[type=button][aria-current],
 input[type=button]:hover,
 input[type=button]:active,
 input[type=button]:focus,
+input[type=reset][aria-current],
 input[type=reset]:hover,
 input[type=reset]:active,
 input[type=reset]:focus,
+[role=button][aria-current],
 [role=button]:hover,
 [role=button]:active,
 [role=button]:focus {
@@ -980,7 +984,7 @@ input[type=reset] {
   --color: var(--secondary-inverse);
   cursor: pointer;
 }
-input[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {
+input[type=reset][aria-current], input[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {
   --background-color: var(--secondary-hover);
   --border-color: var(--secondary-hover);
 }
@@ -1987,7 +1991,7 @@ nav a {
   border-radius: var(--border-radius);
   text-decoration: none;
 }
-nav a:hover, nav a:active, nav a:focus {
+nav a[aria-current], nav a:hover, nav a:active, nav a:focus {
   text-decoration: none;
 }
 
diff --git a/css/pico.classless.css.map b/css/pico.classless.css.map
index b5b76ca8..a88cb2ab 100644
--- a/css/pico.classless.css.map
+++ b/css/pico.classless.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../scss/pico.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.classless.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/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_form-checkbox-radio.scss","../scss/content/_form-alt-input-types.scss","../scss/content/_table.scss","../scss/content/_code.scss","../scss/content/_miscs.scss","../scss/components/_accordion.scss","../scss/components/_card.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_progress.scss","../scss/components/_dropdown.scss","../scss/utilities/_loading.scss","../scss/utilities/_tooltip.scss","../scss/utilities/_accessibility.scss","../scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","file":"pico.classless.css","sourcesContent":["/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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/grid\"; // .grid\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/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/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n@import \"components/dropdown\"; // dropdown\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\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  // Spacings for nav component\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(255, 255, 255, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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/**\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  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\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\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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,\n[role=button]:hover,\n[role=button]:active,\n[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  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[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]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\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 * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: 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 * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary:not([role=button]) {\n  color: var(--accordion-close-summary-color);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n}\ndetails summary:focus:not([role=button]) {\n  color: var(--accordion-active-summary-color);\n}\ndetails summary[role=button] {\n  width: 100%;\n  text-align: left;\n}\ndetails summary[role=button]::after {\n  height: calc(1rem * var(--line-height));\n  background-image: var(--icon-chevron-button);\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing));\n}\ndetails[open] > summary:not([role=button]):not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary {\n  text-align: right;\n}\n[dir=rtl] details summary::after {\n  float: left;\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  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/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\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(--nav-element-spacing-horizontal) * -1);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n}\nnav li > * {\n  --spacing: 0;\n}\nnav a {\n  display: inline-block;\n  margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n}\naside li a {\n  display: block;\n}\naside li [role=button] {\n  margin: inherit;\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  [dir=rtl] progress:indeterminate {\n    animation-direction: reverse;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\ndetails[role=list] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n}\ndetails[role=list] summary {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n  margin-bottom: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-radius: var(--border-radius);\n  line-height: inherit;\n  cursor: pointer;\n}\ndetails[role=list] summary::after {\n  height: 100%;\n  transform: rotate(0deg);\n}\ndetails[role=list] summary + ul {\n  z-index: 100;\n  position: absolute;\n  top: auto;\n  right: 0px;\n  left: 0px;\n  margin: 0;\n  padding: 0;\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-top: none;\n  border-bottom-right-radius: var(--border-radius);\n  border-bottom-left-radius: var(--border-radius);\n  background-color: var(--background-color);\n  list-style: none;\n}\ndetails[role=list] summary + ul li {\n  margin-bottom: 0;\n}\ndetails[role=list] summary + ul li::marker {\n  content: \"\";\n}\ndetails[role=list] summary + ul li label {\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  cursor: pointer;\n}\ndetails[role=list] summary + ul li label:hover {\n  background-color: var(--secondary-focus);\n}\ndetails[role=list] summary + ul li label input[type=radio],\ndetails[role=list] summary + ul li label input[type=checkbox] {\n  appearance: none;\n}\ndetails[role=list][disabled] summary, details[role=list].disabled summary {\n  color: var(--muted-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\ndetails[role=list][open] summary {\n  margin-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\ndetails[role=list][open] summary::before {\n  display: block;\n  z-index: 80;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: transparent;\n  content: \" \";\n  cursor: default;\n}\ndetails[role=list][open] summary::after {\n  transform: rotate(180deg);\n}\n\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\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 * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.classless.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-chevron-button: 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($white, .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-chevron-button-inverse: 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($white, .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-chevron-button: 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($white, .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-chevron-button-inverse: 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($black, .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","/**\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\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[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    --color: var(--primary-inverse);\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, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].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      --color: var(--secondary-inverse);\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  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].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      --color: var(--contrast-inverse);\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  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].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  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].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  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[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\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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 * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n    }\n  }\n}\n\n// Aria-invalid\n[type=\"checkbox\"],\n[type=\"checkbox\"]:checked,\n[type=\"radio\"],\n[type=\"radio\"]:checked,\n[type=\"checkbox\"][role=\"switch\"],\n[type=\"checkbox\"][role=\"switch\"]:checked {\n  \n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n  }\n}","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"date\"],\n  &[type=\"datetime-local\"],\n  &[type=\"month\"],\n  &[type=\"time\"],\n  &[type=\"week\"] {\n    --icon-position: 0.75rem;\n    --icon-width: 1rem;\n    padding-right: calc(var(--icon-width) + var(--icon-position));\n    background-image: var(--icon-date);\n    background-position: center right var(--icon-position);\n    background-size: var(--icon-width) auto;\n    background-repeat: no-repeat;\n  }\n\n  // Time\n  &[type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// Calendar picker\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"time\"],\n[type=\"week\"] {\n  &::-webkit-calendar-picker-indicator {\n    width: var(--icon-width);\n    margin-right: calc(var(--icon-width) * -1);\n    margin-left: var(--icon-position);\n    opacity: 0;\n  }\n}\n\n[dir=\"rtl\"] {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    text-align: right;\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\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(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"search\"] {\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n    border-radius: 5rem;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Cancel button\n[type=\"search\"] {\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\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 * Code\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. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n","/**\n * Miscs\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. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    \n    line-height: 1rem;\n    list-style-type: none;\n    cursor: pointer;\n\n    &:not([role=\"button\"]) {\n      color: var(--accordion-close-summary-color);\n    }\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n\n      &:not([role=\"button\"]) {\n        color: var(--accordion-active-summary-color);\n      }\n    }\n\n    // Type button\n    &[role=\"button\"] {\n      width: 100%;\n      text-align: left;\n      \n      // Marker\n      &::after {\n        height: calc(1rem * var(--line-height));\n        background-image: var(--icon-chevron-button);\n      }\n\n      @if $enable-classes {\n        \n        // .contrast\n        &:not(.outline).contrast {\n          \n          // Marker\n          &::after {\n            background-image: var(--icon-chevron-button-inverse);\n          }\n        }\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing));\n\n      &:not([role=\"button\"]) {\n        &:not(:focus) {\n          color: var(--accordion-open-summary-color);\n        }\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      text-align: right;\n\n      &::after {\n        float: left;\n      }\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  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","/**\n * Modal (<dialog>)\n */\n\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    max-height: calc(100vh - var(--spacing) * 2);\n    overflow: auto;\n\n    @if map-get($breakpoints, 'sm') {\n      @media (min-width: map-get($breakpoints, 'sm')) {\n        max-width: map-get($viewports, 'sm');\n      }\n    }\n\n    @if map-get($breakpoints, 'md') {\n      @media (min-width: map-get($breakpoints, 'md')) {\n        max-width: map-get($viewports, 'md');\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5)\n        var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role='button'] {\n        margin-bottom: 0;\n\n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    @if $enable-classes {\n      .close {\n        display: block;\n        width: 1rem;\n        height: 1rem;\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\n        margin-bottom: var(--typography-spacing-vertical);\n        margin-left: auto;\n        background-image: var(--icon-close);\n        background-position: center;\n        background-size: auto 1rem;\n        background-repeat: no-repeat;\n        opacity: 0.5;\n\n        @if $enable-transitions {\n          transition: opacity var(--transition);\n        }\n\n        &:hover,\n        &:active,\n        &:focus {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open='false'] {\n    display: none;\n  }\n}\n\n// Utilities\n@if $enable-classes {\n  .modal-is-open {\n    padding-right: var(--scrollbar-width, 0px);\n    overflow: hidden;\n    pointer-events: none;\n\n    dialog {\n      pointer-events: auto;\n    }\n  }\n}\n\n// Animations\n@if ($enable-classes and $enable-transitions) {\n  $animation-duration: 0.2s;\n\n  .modal-is-opening,\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-timing-function: ease-in-out;\n      animation-fill-mode: both;\n    }\n\n    dialog {\n      animation-duration: ($animation-duration * 4);\n      animation-name: fadeIn;\n\n      > article {\n        animation-delay: $animation-duration;\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-delay: 0s;\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n\n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\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(--nav-element-spacing-horizontal) * -1);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n    \n    // Minimal support for buttons and forms elements\n    > * {\n      --spacing: 0;\n    }\n  }\n\n  a {\n    display: inline-block;\n    margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n    padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n\n    a {\n      display: block;\n    }\n    \n    // Minimal support for links as buttons\n    [role=\"button\"] {\n      margin: inherit;\n    }\n  }\n}\n","/**\n * Progress\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. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  @media (prefers-reduced-motion: no-preference) {\n    progress:indeterminate {\n      animation-direction: reverse;\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","details[role='list'] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n\n  summary {\n    height: calc(\n      1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +\n        var(--border-width) * 2\n    );\n    margin-bottom: 0;\n    padding: var(--form-element-spacing-vertical)\n      var(--form-element-spacing-horizontal);\n    border: var(--border-width) solid var(--form-element-border-color);\n    border-radius: var(--border-radius);\n    line-height: inherit;\n    cursor: pointer;\n\n    &::after {\n      height: 100%;\n      transform: rotate(0deg);\n    }\n\n    & + ul {\n      z-index: 100;\n      position: absolute;\n      top: auto;\n      right: 0px;\n      left: 0px;\n      margin: 0;\n      padding: 0;\n      border: var(--border-width) solid var(--form-element-border-color);\n      border-top: none;\n      border-bottom-right-radius: var(--border-radius);\n      border-bottom-left-radius: var(--border-radius);\n      background-color: var(--background-color);\n      list-style: none;\n\n      li {\n        margin-bottom: 0;\n        &::marker {\n          content: '';\n        }\n\n        label {\n          position: relative;\n          width: 100%;\n          margin: 0;\n          padding: var(--form-element-spacing-vertical)\n            var(--form-element-spacing-horizontal);\n          cursor: pointer;\n          &:hover {\n            background-color: var(--secondary-focus);\n          }\n\n          input[type='radio'],\n          input[type='checkbox'] {\n            appearance: none;\n          }\n        }\n      }\n    }\n  }\n\n  &[disabled] summary,\n  &.disabled summary {\n    color: var(--muted-color);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  &[open] summary {\n    margin-bottom: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    &::before {\n      display: block;\n      z-index: 80;\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background: transparent;\n      content: ' ';\n      cursor: default;\n    }\n\n    &::after {\n      transform: rotate(180deg);\n    }\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\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","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["../scss/pico.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.classless.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/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_form-checkbox-radio.scss","../scss/content/_form-alt-input-types.scss","../scss/content/_table.scss","../scss/content/_code.scss","../scss/content/_miscs.scss","../scss/components/_accordion.scss","../scss/components/_card.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_progress.scss","../scss/components/_dropdown.scss","../scss/utilities/_loading.scss","../scss/utilities/_tooltip.scss","../scss/utilities/_accessibility.scss","../scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","file":"pico.classless.css","sourcesContent":["/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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/grid\"; // .grid\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/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/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n@import \"components/dropdown\"; // dropdown\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\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  // Spacings for nav component\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(255, 255, 255, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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/**\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  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na[aria-current], a: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\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton[aria-current], button:hover, button:active, button:focus,\ninput[type=submit][aria-current],\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button][aria-current],\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset][aria-current],\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button][aria-current],\n[role=button]:hover,\n[role=button]:active,\n[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  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[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][aria-current], input[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]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\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 * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: 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 * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary:not([role=button]) {\n  color: var(--accordion-close-summary-color);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n}\ndetails summary:focus:not([role=button]) {\n  color: var(--accordion-active-summary-color);\n}\ndetails summary[role=button] {\n  width: 100%;\n  text-align: left;\n}\ndetails summary[role=button]::after {\n  height: calc(1rem * var(--line-height));\n  background-image: var(--icon-chevron-button);\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing));\n}\ndetails[open] > summary:not([role=button]):not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary {\n  text-align: right;\n}\n[dir=rtl] details summary::after {\n  float: left;\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  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/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\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(--nav-element-spacing-horizontal) * -1);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n}\nnav li > * {\n  --spacing: 0;\n}\nnav a {\n  display: inline-block;\n  margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a[aria-current], nav 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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n}\naside li a {\n  display: block;\n}\naside li [role=button] {\n  margin: inherit;\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  [dir=rtl] progress:indeterminate {\n    animation-direction: reverse;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\ndetails[role=list] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n}\ndetails[role=list] summary {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n  margin-bottom: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-radius: var(--border-radius);\n  line-height: inherit;\n  cursor: pointer;\n}\ndetails[role=list] summary::after {\n  height: 100%;\n  transform: rotate(0deg);\n}\ndetails[role=list] summary + ul {\n  z-index: 100;\n  position: absolute;\n  top: auto;\n  right: 0px;\n  left: 0px;\n  margin: 0;\n  padding: 0;\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-top: none;\n  border-bottom-right-radius: var(--border-radius);\n  border-bottom-left-radius: var(--border-radius);\n  background-color: var(--background-color);\n  list-style: none;\n}\ndetails[role=list] summary + ul li {\n  margin-bottom: 0;\n}\ndetails[role=list] summary + ul li::marker {\n  content: \"\";\n}\ndetails[role=list] summary + ul li label {\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  cursor: pointer;\n}\ndetails[role=list] summary + ul li label:hover {\n  background-color: var(--secondary-focus);\n}\ndetails[role=list] summary + ul li label input[type=radio],\ndetails[role=list] summary + ul li label input[type=checkbox] {\n  appearance: none;\n}\ndetails[role=list][disabled] summary, details[role=list].disabled summary {\n  color: var(--muted-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\ndetails[role=list][open] summary {\n  margin-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\ndetails[role=list][open] summary::before {\n  display: block;\n  z-index: 80;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: transparent;\n  content: \" \";\n  cursor: default;\n}\ndetails[role=list][open] summary::after {\n  transform: rotate(180deg);\n}\n\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\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 * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.classless.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-chevron-button: 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($white, .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-chevron-button-inverse: 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($white, .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-chevron-button: 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($white, .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-chevron-button-inverse: 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($black, .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","/**\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  &[aria-current],\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      &[aria-current],\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      &[aria-current],\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\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[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  &[aria-current],\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    --color: var(--primary-inverse);\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, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].secondary {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n      --color: var(--secondary-inverse);\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  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].contrast {\n    --background-color: var(--contrast);\n    --border-color: var(--contrast);\n    --color: var(--contrast-inverse);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--contrast-hover);\n      --border-color: var(--contrast-hover);\n      --color: var(--contrast-inverse);\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  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].outline {\n    --background-color: transparent;\n    --color: var(--primary);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: transparent;\n      --color: var(--primary-hover);\n    }\n  }\n\n  // Outline (secondary)\n  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].outline.secondary {\n    --color: var(--secondary);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--secondary-hover);\n    }\n  }\n\n  // Outline (contrast)\n  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[type=\"reset\"] {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &[aria-current],\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\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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 * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n    }\n  }\n}\n\n// Aria-invalid\n[type=\"checkbox\"],\n[type=\"checkbox\"]:checked,\n[type=\"radio\"],\n[type=\"radio\"]:checked,\n[type=\"checkbox\"][role=\"switch\"],\n[type=\"checkbox\"][role=\"switch\"]:checked {\n  \n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n  }\n}","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"date\"],\n  &[type=\"datetime-local\"],\n  &[type=\"month\"],\n  &[type=\"time\"],\n  &[type=\"week\"] {\n    --icon-position: 0.75rem;\n    --icon-width: 1rem;\n    padding-right: calc(var(--icon-width) + var(--icon-position));\n    background-image: var(--icon-date);\n    background-position: center right var(--icon-position);\n    background-size: var(--icon-width) auto;\n    background-repeat: no-repeat;\n  }\n\n  // Time\n  &[type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// Calendar picker\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"time\"],\n[type=\"week\"] {\n  &::-webkit-calendar-picker-indicator {\n    width: var(--icon-width);\n    margin-right: calc(var(--icon-width) * -1);\n    margin-left: var(--icon-position);\n    opacity: 0;\n  }\n}\n\n[dir=\"rtl\"] {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    text-align: right;\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\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(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"search\"] {\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n    border-radius: 5rem;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Cancel button\n[type=\"search\"] {\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\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 * Code\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. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n","/**\n * Miscs\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. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    \n    line-height: 1rem;\n    list-style-type: none;\n    cursor: pointer;\n\n    &:not([role=\"button\"]) {\n      color: var(--accordion-close-summary-color);\n    }\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n\n      &:not([role=\"button\"]) {\n        color: var(--accordion-active-summary-color);\n      }\n    }\n\n    // Type button\n    &[role=\"button\"] {\n      width: 100%;\n      text-align: left;\n      \n      // Marker\n      &::after {\n        height: calc(1rem * var(--line-height));\n        background-image: var(--icon-chevron-button);\n      }\n\n      @if $enable-classes {\n        \n        // .contrast\n        &:not(.outline).contrast {\n          \n          // Marker\n          &::after {\n            background-image: var(--icon-chevron-button-inverse);\n          }\n        }\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing));\n\n      &:not([role=\"button\"]) {\n        &:not(:focus) {\n          color: var(--accordion-open-summary-color);\n        }\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      text-align: right;\n\n      &::after {\n        float: left;\n      }\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  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","/**\n * Modal (<dialog>)\n */\n\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    max-height: calc(100vh - var(--spacing) * 2);\n    overflow: auto;\n\n    @if map-get($breakpoints, 'sm') {\n      @media (min-width: map-get($breakpoints, 'sm')) {\n        max-width: map-get($viewports, 'sm');\n      }\n    }\n\n    @if map-get($breakpoints, 'md') {\n      @media (min-width: map-get($breakpoints, 'md')) {\n        max-width: map-get($viewports, 'md');\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5)\n        var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role='button'] {\n        margin-bottom: 0;\n\n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    @if $enable-classes {\n      .close {\n        display: block;\n        width: 1rem;\n        height: 1rem;\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\n        margin-bottom: var(--typography-spacing-vertical);\n        margin-left: auto;\n        background-image: var(--icon-close);\n        background-position: center;\n        background-size: auto 1rem;\n        background-repeat: no-repeat;\n        opacity: 0.5;\n\n        @if $enable-transitions {\n          transition: opacity var(--transition);\n        }\n\n        &[aria-current],\n        &:hover,\n        &:active,\n        &:focus {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open='false'] {\n    display: none;\n  }\n}\n\n// Utilities\n@if $enable-classes {\n  .modal-is-open {\n    padding-right: var(--scrollbar-width, 0px);\n    overflow: hidden;\n    pointer-events: none;\n\n    dialog {\n      pointer-events: auto;\n    }\n  }\n}\n\n// Animations\n@if ($enable-classes and $enable-transitions) {\n  $animation-duration: 0.2s;\n\n  .modal-is-opening,\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-timing-function: ease-in-out;\n      animation-fill-mode: both;\n    }\n\n    dialog {\n      animation-duration: ($animation-duration * 4);\n      animation-name: fadeIn;\n\n      > article {\n        animation-delay: $animation-duration;\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-delay: 0s;\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n\n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\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(--nav-element-spacing-horizontal) * -1);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n    \n    // Minimal support for buttons and forms elements\n    > * {\n      --spacing: 0;\n    }\n  }\n\n  a {\n    display: inline-block;\n    margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n    padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &[aria-current],\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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n\n    a {\n      display: block;\n    }\n    \n    // Minimal support for links as buttons\n    [role=\"button\"] {\n      margin: inherit;\n    }\n  }\n}\n","/**\n * Progress\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. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  @media (prefers-reduced-motion: no-preference) {\n    progress:indeterminate {\n      animation-direction: reverse;\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","details[role='list'] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n\n  summary {\n    height: calc(\n      1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +\n        var(--border-width) * 2\n    );\n    margin-bottom: 0;\n    padding: var(--form-element-spacing-vertical)\n      var(--form-element-spacing-horizontal);\n    border: var(--border-width) solid var(--form-element-border-color);\n    border-radius: var(--border-radius);\n    line-height: inherit;\n    cursor: pointer;\n\n    &::after {\n      height: 100%;\n      transform: rotate(0deg);\n    }\n\n    & + ul {\n      z-index: 100;\n      position: absolute;\n      top: auto;\n      right: 0px;\n      left: 0px;\n      margin: 0;\n      padding: 0;\n      border: var(--border-width) solid var(--form-element-border-color);\n      border-top: none;\n      border-bottom-right-radius: var(--border-radius);\n      border-bottom-left-radius: var(--border-radius);\n      background-color: var(--background-color);\n      list-style: none;\n\n      li {\n        margin-bottom: 0;\n        &::marker {\n          content: '';\n        }\n\n        label {\n          position: relative;\n          width: 100%;\n          margin: 0;\n          padding: var(--form-element-spacing-vertical)\n            var(--form-element-spacing-horizontal);\n          cursor: pointer;\n          &:hover {\n            background-color: var(--secondary-focus);\n          }\n\n          input[type='radio'],\n          input[type='checkbox'] {\n            appearance: none;\n          }\n        }\n      }\n    }\n  }\n\n  &[disabled] summary,\n  &.disabled summary {\n    color: var(--muted-color);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  &[open] summary {\n    margin-bottom: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    &::before {\n      display: block;\n      z-index: 80;\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background: transparent;\n      content: ' ';\n      cursor: default;\n    }\n\n    &::after {\n      transform: rotate(180deg);\n    }\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\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","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
diff --git a/css/pico.classless.min.css b/css/pico.classless.min.css
index 0f704f6f..66ad6d19 100644
--- a/css/pico.classless.min.css
+++ b/css/pico.classless.min.css
@@ -1,5 +1,5 @@
 /*!
  * Pico.css v1.4.4 (https://picocss.com)
  * Copyright 2019-2021 - Licensed under MIT
- */: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;--nav-element-spacing-vertical:1rem;--nav-element-spacing-horizontal:0.75rem;--nav-link-spacing-vertical:0.5rem;--nav-link-spacing-horizontal:0.5rem;--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}}@media (min-width:576px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 2.5)}}@media (min-width:768px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3)}}@media (min-width:992px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3.5)}}@media (min-width:1200px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 4)}}@media (min-width:576px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:992px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.75)}}@media (min-width:1200px){article{--block-spacing-horizontal:calc(var(--spacing) * 2)}}dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing)}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(255, 255, 255, 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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(0, 0, 0, 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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(0, 0, 0, 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)}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);transition:background-color var(--transition),color var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition)}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)}[role=button]{display:inline-block;text-decoration:none}[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;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[role=button]:active,[role=button]:focus,[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));--color:var(--primary-inverse)}[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)}[role=button][disabled],a[role=button]:not([href]),button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{opacity:.5;pointer-events:none}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);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}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)!important;padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal)!important;padding-inline-start:var(--form-element-spacing-horizontal)!important;-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;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)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-valid-focus-color)!important}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)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-invalid-focus-color)!important}[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)}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25em;height:1.25em;margin-top:-.125em;margin-right:.375em;margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.375em;margin-inline-end:.375em;border-width:var(--border-width);font-size:inherit;vertical-align:middle;cursor:pointer}[type=checkbox]::-ms-check,[type=radio]::-ms-check{display:none}[type=checkbox]:checked,[type=checkbox]:checked:active,[type=checkbox]:checked:focus,[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-checkbox);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=checkbox]~label,[type=radio]~label{display:inline-block;margin-right:.375em;margin-bottom:0;cursor:pointer}[type=checkbox]:indeterminate{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-minus);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=radio]{border-radius:50%}[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary-inverse);border-width:.35em;background-image:none}[type=checkbox][role=switch]{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color);--color:var(--switch-color);width:2.25em;height:1.25em;border:var(--border-width) solid var(--border-color);border-radius:1.25em;background-color:var(--background-color);line-height:1.25em}[type=checkbox][role=switch]:focus{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color)}[type=checkbox][role=switch]:checked{--background-color:var(--switch-checked-background-color);--border-color:var(--switch-checked-background-color)}[type=checkbox][role=switch]:before{display:block;width:calc(1.25em - (var(--border-width) * 2));height:100%;border-radius:50%;background-color:var(--color);content:"";transition:margin .1s ease-in-out}[type=checkbox][role=switch]:checked{background-image:none}[type=checkbox][role=switch]:checked::before{margin-left:calc(1.125em - var(--border-width));-webkit-margin-start:calc(1.125em - var(--border-width));margin-inline-start:calc(1.125em - var(--border-width))}[type=checkbox]:checked[aria-invalid=false],[type=checkbox][aria-invalid=false],[type=checkbox][role=switch]:checked[aria-invalid=false],[type=checkbox][role=switch][aria-invalid=false],[type=radio]:checked[aria-invalid=false],[type=radio][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox]:checked[aria-invalid=true],[type=checkbox][aria-invalid=true],[type=checkbox][role=switch]:checked[aria-invalid=true],[type=checkbox][role=switch][aria-invalid=true],[type=radio]:checked[aria-invalid=true],[type=radio][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week]{--icon-position:0.75rem;--icon-width:1rem;padding-right:calc(var(--icon-width) + var(--icon-position));background-image:var(--icon-date);background-position:center right var(--icon-position);background-size:var(--icon-width) auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time]{background-image:var(--icon-time)}[type=date]::-webkit-calendar-picker-indicator,[type=datetime-local]::-webkit-calendar-picker-indicator,[type=month]::-webkit-calendar-picker-indicator,[type=time]::-webkit-calendar-picker-indicator,[type=week]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}[dir=rtl] [type=date],[dir=rtl] [type=datetime-local],[dir=rtl] [type=month],[dir=rtl] [type=time],[dir=rtl] [type=week]{text-align:right}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:none;border-radius:0;background:0 0}[type=file]:active,[type=file]:focus,[type=file]:hover{border:none;background:0 0}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::file-selector-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::file-selector-button:active,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-ms-browse{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;margin-inline-start:0;margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;-ms-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-ms-browse:active,[type=file]::-ms-browse:focus,[type=file]::-ms-browse:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.25rem;background:0 0}[type=range]::-webkit-slider-runnable-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-webkit-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-moz-range-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-moz-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-ms-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-ms-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-webkit-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-moz-range-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-moz-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-ms-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-ms-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]:focus,[type=range]:hover{--range-border-color:var(--range-active-border-color);--range-thumb-color:var(--range-thumb-hover-color)}[type=range]:active{--range-thumb-color:var(--range-thumb-active-color)}[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}[type=range]:active::-moz-range-thumb{transform:scale(1.25)}[type=range]:active::-ms-thumb{transform:scale(1.25)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search]{padding-left:calc(var(--form-element-spacing-horizontal) + 1.75rem);border-radius:5rem;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display: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)}code,kbd,pre,samp{font-size:.875em;font-family:var(--font-family)}pre{-ms-overflow-style:scrollbar;overflow:auto}code,kbd,pre{border-radius:var(--border-radius);background:var(--code-background-color);color:var(--code-color);font-weight:var(--font-weight);line-height:initial}code,kbd{display:inline-block;padding:.375rem .5rem}pre{display:block;margin-bottom:var(--spacing);overflow-x:auto}pre>code{display:block;padding:var(--spacing);background:0 0;font-size:14px;line-height:var(--line-height)}code b{color:var(--code-tag-color);font-weight:var(--font-weight)}code i{color:var(--code-property-color);font-style:normal}code u{color:var(--code-value-color);text-decoration:none}code em{color:var(--code-comment-color);font-style:normal}kbd{background-color:var(--code-kbd-background-color);color:var(--code-kbd-color);vertical-align:baseline}hr{box-sizing:content-box;height:0;overflow:visible;border:none;border-top:1px solid var(--muted-border-color)}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:calc(var(--spacing));border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{line-height:1rem;list-style-type:none;cursor:pointer;transition:color var(--transition)}details summary:not([role=button]){color:var(--accordion-close-summary-color)}details summary::-webkit-details-marker{display:none}details summary::marker{display:none}details summary::-moz-list-bullet{list-style-type:none}details summary::after{display:block;width:1rem;height:1rem;float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0}details summary:focus:not([role=button]){color:var(--accordion-active-summary-color)}details summary[role=button]{width:100%;text-align:left}details summary[role=button]::after{height:calc(1rem * var(--line-height));background-image:var(--icon-chevron-button)}details[open]>summary{margin-bottom:calc(var(--spacing))}details[open]>summary:not([role=button]):not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary{text-align:right}[dir=rtl] details summary::after{float:left}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);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{--scrollbar-width:0px}dialog{display:flex;z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:inherit;min-width:100%;height:inherit;min-height:100%;padding:var(--spacing);border:none;background-color:var(--modal-overlay-background-color)}dialog article{max-height:calc(100vh - var(--spacing) * 2);overflow:auto}@media (min-width:576px){dialog article{max-width:510px}}@media (min-width:768px){dialog article{max-width:700px}}dialog article>footer,dialog article>header{padding:calc(var(--block-spacing-vertical) * .5) var(--block-spacing-horizontal)}dialog article>header .close{margin:0;margin-left:var(--spacing);float:right}dialog article>footer{text-align:right}dialog article>footer [role=button]{margin-bottom:0}dialog article>footer [role=button]:not(:first-of-type){margin-left:calc(var(--spacing) * .5)}dialog article p:last-of-type{margin:0}dialog:not([open]),dialog[open=false]{display:none}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(--nav-element-spacing-horizontal) * -1)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--nav-element-spacing-horizontal) * -1)}nav li{display:inline-block;margin:0;padding:var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal)}nav li>*{--spacing:0}nav a{display:inline-block;margin:calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);padding:var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);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(--nav-element-spacing-vertical) * .5) var(--nav-element-spacing-horizontal)}aside li a{display:block}aside li [role=button]{margin:inherit}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;-webkit-animation:progressIndeterminate 1s linear infinite;animation:progressIndeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@media (prefers-reduced-motion:no-preference){[dir=rtl] progress:indeterminate{animation-direction:reverse}}@-webkit-keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}details[role=list]{position:relative;padding:0;border-bottom:none}details[role=list] summary{height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);margin-bottom:0;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--form-element-border-color);border-radius:var(--border-radius);line-height:inherit;cursor:pointer}details[role=list] summary::after{height:100%;transform:rotate(0)}details[role=list] summary+ul{z-index:100;position:absolute;top:auto;right:0;left:0;margin:0;padding:0;border:var(--border-width) solid var(--form-element-border-color);border-top:none;border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);background-color:var(--background-color);list-style:none}details[role=list] summary+ul li{margin-bottom:0}details[role=list] summary+ul li::marker{content:""}details[role=list] summary+ul li label{position:relative;width:100%;margin:0;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);cursor:pointer}details[role=list] summary+ul li label:hover{background-color:var(--secondary-focus)}details[role=list] summary+ul li label input[type=checkbox],details[role=list] summary+ul li label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none}details[role=list].disabled summary,details[role=list][disabled] summary{color:var(--muted-color);cursor:not-allowed;pointer-events:none}details[role=list][open] summary{margin-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}details[role=list][open] summary::before{display:block;z-index:80;position:fixed;top:0;right:0;bottom:0;left:0;background:0 0;content:" ";cursor:default}details[role=list][open] summary::after{transform:rotate(180deg)}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input):not(select):not(textarea)::before{display:inline-block;width:1em;height:1em;border:.1875em solid currentColor;border-radius:1em;border-right-color:transparent;content:"";vertical-align:text-bottom;vertical-align:-.125em;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before{margin-right:calc(var(--spacing) * .5);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing) * .5);margin-inline-end:calc(var(--spacing) * .5)}[aria-busy=true]:not(input):not(select):not(textarea):empty{text-align:center}a[aria-busy=true],button[aria-busy=true],input[type=button][aria-busy=true],input[type=reset][aria-busy=true],input[type=submit][aria-busy=true]{pointer-events:none}@-webkit-keyframes spinner{to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a):not(button):not(input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::before{display:block;z-index:99;position:absolute;bottom:100%;left:50%;padding:.25rem .5rem;overflow:hidden;transform:translate(-50%,-.25rem);border-radius:var(--border-radius);background:var(--tooltip-background-color);content:attr(data-tooltip);color:var(--tooltip-color);font-style:normal;font-weight:var(--font-weight);font-size:.875rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none}[data-tooltip]::after{padding:0;transform:translate(-50%,0);border-top:.3rem solid;border-right:.3rem solid transparent;border-left:.3rem solid transparent;border-radius:0;background-color:transparent;content:"";color:var(--tooltip-background-color)}[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media (hover:hover) and (pointer:fine){[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide;animation-name:slide}[data-tooltip]:focus::after,[data-tooltip]:hover::after{-webkit-animation-name:slideCaret;animation-name:slideCaret}}@-webkit-keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@-webkit-keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}[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}@media (prefers-reduced-motion:reduce){:not([aria-busy=true]),:not([aria-busy=true])::after,:not([aria-busy=true])::before{background-attachment:initial!important;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
+ */: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;--nav-element-spacing-vertical:1rem;--nav-element-spacing-horizontal:0.75rem;--nav-link-spacing-vertical:0.5rem;--nav-link-spacing-horizontal:0.5rem;--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}}@media (min-width:576px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 2.5)}}@media (min-width:768px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3)}}@media (min-width:992px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3.5)}}@media (min-width:1200px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 4)}}@media (min-width:576px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:992px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.75)}}@media (min-width:1200px){article{--block-spacing-horizontal:calc(var(--spacing) * 2)}}dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing)}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(255, 255, 255, 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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(0, 0, 0, 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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(0, 0, 0, 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)}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);transition:background-color var(--transition),color var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition)}a:active,a:focus,a:hover,a[aria-current]{--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)}[role=button]{display:inline-block;text-decoration:none}[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;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[role=button]:active,[role=button]:focus,[role=button]:hover,[role=button][aria-current],button:active,button:focus,button:hover,button[aria-current],input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=button][aria-current],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=reset][aria-current],input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover,input[type=submit][aria-current]{--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));--color:var(--primary-inverse)}[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,input[type=reset][aria-current]{--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)}[role=button][disabled],a[role=button]:not([href]),button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{opacity:.5;pointer-events:none}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);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}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)!important;padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal)!important;padding-inline-start:var(--form-element-spacing-horizontal)!important;-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;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)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-valid-focus-color)!important}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)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-invalid-focus-color)!important}[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)}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25em;height:1.25em;margin-top:-.125em;margin-right:.375em;margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.375em;margin-inline-end:.375em;border-width:var(--border-width);font-size:inherit;vertical-align:middle;cursor:pointer}[type=checkbox]::-ms-check,[type=radio]::-ms-check{display:none}[type=checkbox]:checked,[type=checkbox]:checked:active,[type=checkbox]:checked:focus,[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-checkbox);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=checkbox]~label,[type=radio]~label{display:inline-block;margin-right:.375em;margin-bottom:0;cursor:pointer}[type=checkbox]:indeterminate{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-minus);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=radio]{border-radius:50%}[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary-inverse);border-width:.35em;background-image:none}[type=checkbox][role=switch]{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color);--color:var(--switch-color);width:2.25em;height:1.25em;border:var(--border-width) solid var(--border-color);border-radius:1.25em;background-color:var(--background-color);line-height:1.25em}[type=checkbox][role=switch]:focus{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color)}[type=checkbox][role=switch]:checked{--background-color:var(--switch-checked-background-color);--border-color:var(--switch-checked-background-color)}[type=checkbox][role=switch]:before{display:block;width:calc(1.25em - (var(--border-width) * 2));height:100%;border-radius:50%;background-color:var(--color);content:"";transition:margin .1s ease-in-out}[type=checkbox][role=switch]:checked{background-image:none}[type=checkbox][role=switch]:checked::before{margin-left:calc(1.125em - var(--border-width));-webkit-margin-start:calc(1.125em - var(--border-width));margin-inline-start:calc(1.125em - var(--border-width))}[type=checkbox]:checked[aria-invalid=false],[type=checkbox][aria-invalid=false],[type=checkbox][role=switch]:checked[aria-invalid=false],[type=checkbox][role=switch][aria-invalid=false],[type=radio]:checked[aria-invalid=false],[type=radio][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox]:checked[aria-invalid=true],[type=checkbox][aria-invalid=true],[type=checkbox][role=switch]:checked[aria-invalid=true],[type=checkbox][role=switch][aria-invalid=true],[type=radio]:checked[aria-invalid=true],[type=radio][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week]{--icon-position:0.75rem;--icon-width:1rem;padding-right:calc(var(--icon-width) + var(--icon-position));background-image:var(--icon-date);background-position:center right var(--icon-position);background-size:var(--icon-width) auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time]{background-image:var(--icon-time)}[type=date]::-webkit-calendar-picker-indicator,[type=datetime-local]::-webkit-calendar-picker-indicator,[type=month]::-webkit-calendar-picker-indicator,[type=time]::-webkit-calendar-picker-indicator,[type=week]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}[dir=rtl] [type=date],[dir=rtl] [type=datetime-local],[dir=rtl] [type=month],[dir=rtl] [type=time],[dir=rtl] [type=week]{text-align:right}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:none;border-radius:0;background:0 0}[type=file]:active,[type=file]:focus,[type=file]:hover{border:none;background:0 0}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::file-selector-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::file-selector-button:active,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-ms-browse{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;margin-inline-start:0;margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;-ms-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-ms-browse:active,[type=file]::-ms-browse:focus,[type=file]::-ms-browse:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.25rem;background:0 0}[type=range]::-webkit-slider-runnable-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-webkit-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-moz-range-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-moz-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-ms-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-ms-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-webkit-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-moz-range-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-moz-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-ms-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-ms-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]:focus,[type=range]:hover{--range-border-color:var(--range-active-border-color);--range-thumb-color:var(--range-thumb-hover-color)}[type=range]:active{--range-thumb-color:var(--range-thumb-active-color)}[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}[type=range]:active::-moz-range-thumb{transform:scale(1.25)}[type=range]:active::-ms-thumb{transform:scale(1.25)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search]{padding-left:calc(var(--form-element-spacing-horizontal) + 1.75rem);border-radius:5rem;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display: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)}code,kbd,pre,samp{font-size:.875em;font-family:var(--font-family)}pre{-ms-overflow-style:scrollbar;overflow:auto}code,kbd,pre{border-radius:var(--border-radius);background:var(--code-background-color);color:var(--code-color);font-weight:var(--font-weight);line-height:initial}code,kbd{display:inline-block;padding:.375rem .5rem}pre{display:block;margin-bottom:var(--spacing);overflow-x:auto}pre>code{display:block;padding:var(--spacing);background:0 0;font-size:14px;line-height:var(--line-height)}code b{color:var(--code-tag-color);font-weight:var(--font-weight)}code i{color:var(--code-property-color);font-style:normal}code u{color:var(--code-value-color);text-decoration:none}code em{color:var(--code-comment-color);font-style:normal}kbd{background-color:var(--code-kbd-background-color);color:var(--code-kbd-color);vertical-align:baseline}hr{box-sizing:content-box;height:0;overflow:visible;border:none;border-top:1px solid var(--muted-border-color)}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:calc(var(--spacing));border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{line-height:1rem;list-style-type:none;cursor:pointer;transition:color var(--transition)}details summary:not([role=button]){color:var(--accordion-close-summary-color)}details summary::-webkit-details-marker{display:none}details summary::marker{display:none}details summary::-moz-list-bullet{list-style-type:none}details summary::after{display:block;width:1rem;height:1rem;float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0}details summary:focus:not([role=button]){color:var(--accordion-active-summary-color)}details summary[role=button]{width:100%;text-align:left}details summary[role=button]::after{height:calc(1rem * var(--line-height));background-image:var(--icon-chevron-button)}details[open]>summary{margin-bottom:calc(var(--spacing))}details[open]>summary:not([role=button]):not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary{text-align:right}[dir=rtl] details summary::after{float:left}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);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{--scrollbar-width:0px}dialog{display:flex;z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:inherit;min-width:100%;height:inherit;min-height:100%;padding:var(--spacing);border:none;background-color:var(--modal-overlay-background-color)}dialog article{max-height:calc(100vh - var(--spacing) * 2);overflow:auto}@media (min-width:576px){dialog article{max-width:510px}}@media (min-width:768px){dialog article{max-width:700px}}dialog article>footer,dialog article>header{padding:calc(var(--block-spacing-vertical) * .5) var(--block-spacing-horizontal)}dialog article>header .close{margin:0;margin-left:var(--spacing);float:right}dialog article>footer{text-align:right}dialog article>footer [role=button]{margin-bottom:0}dialog article>footer [role=button]:not(:first-of-type){margin-left:calc(var(--spacing) * .5)}dialog article p:last-of-type{margin:0}dialog:not([open]),dialog[open=false]{display:none}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(--nav-element-spacing-horizontal) * -1)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--nav-element-spacing-horizontal) * -1)}nav li{display:inline-block;margin:0;padding:var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal)}nav li>*{--spacing:0}nav a{display:inline-block;margin:calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);padding:var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);border-radius:var(--border-radius);text-decoration:none}nav a:active,nav a:focus,nav a:hover,nav a[aria-current]{text-decoration:none}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--nav-element-spacing-vertical) * .5) var(--nav-element-spacing-horizontal)}aside li a{display:block}aside li [role=button]{margin:inherit}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;-webkit-animation:progressIndeterminate 1s linear infinite;animation:progressIndeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@media (prefers-reduced-motion:no-preference){[dir=rtl] progress:indeterminate{animation-direction:reverse}}@-webkit-keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}details[role=list]{position:relative;padding:0;border-bottom:none}details[role=list] summary{height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);margin-bottom:0;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--form-element-border-color);border-radius:var(--border-radius);line-height:inherit;cursor:pointer}details[role=list] summary::after{height:100%;transform:rotate(0)}details[role=list] summary+ul{z-index:100;position:absolute;top:auto;right:0;left:0;margin:0;padding:0;border:var(--border-width) solid var(--form-element-border-color);border-top:none;border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);background-color:var(--background-color);list-style:none}details[role=list] summary+ul li{margin-bottom:0}details[role=list] summary+ul li::marker{content:""}details[role=list] summary+ul li label{position:relative;width:100%;margin:0;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);cursor:pointer}details[role=list] summary+ul li label:hover{background-color:var(--secondary-focus)}details[role=list] summary+ul li label input[type=checkbox],details[role=list] summary+ul li label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none}details[role=list].disabled summary,details[role=list][disabled] summary{color:var(--muted-color);cursor:not-allowed;pointer-events:none}details[role=list][open] summary{margin-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}details[role=list][open] summary::before{display:block;z-index:80;position:fixed;top:0;right:0;bottom:0;left:0;background:0 0;content:" ";cursor:default}details[role=list][open] summary::after{transform:rotate(180deg)}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input):not(select):not(textarea)::before{display:inline-block;width:1em;height:1em;border:.1875em solid currentColor;border-radius:1em;border-right-color:transparent;content:"";vertical-align:text-bottom;vertical-align:-.125em;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before{margin-right:calc(var(--spacing) * .5);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing) * .5);margin-inline-end:calc(var(--spacing) * .5)}[aria-busy=true]:not(input):not(select):not(textarea):empty{text-align:center}a[aria-busy=true],button[aria-busy=true],input[type=button][aria-busy=true],input[type=reset][aria-busy=true],input[type=submit][aria-busy=true]{pointer-events:none}@-webkit-keyframes spinner{to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a):not(button):not(input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::before{display:block;z-index:99;position:absolute;bottom:100%;left:50%;padding:.25rem .5rem;overflow:hidden;transform:translate(-50%,-.25rem);border-radius:var(--border-radius);background:var(--tooltip-background-color);content:attr(data-tooltip);color:var(--tooltip-color);font-style:normal;font-weight:var(--font-weight);font-size:.875rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none}[data-tooltip]::after{padding:0;transform:translate(-50%,0);border-top:.3rem solid;border-right:.3rem solid transparent;border-left:.3rem solid transparent;border-radius:0;background-color:transparent;content:"";color:var(--tooltip-background-color)}[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media (hover:hover) and (pointer:fine){[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide;animation-name:slide}[data-tooltip]:focus::after,[data-tooltip]:hover::after{-webkit-animation-name:slideCaret;animation-name:slideCaret}}@-webkit-keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@-webkit-keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}[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}@media (prefers-reduced-motion:reduce){:not([aria-busy=true]),:not([aria-busy=true])::after,:not([aria-busy=true])::before{background-attachment:initial!important;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
 /*# sourceMappingURL=pico.classless.min.css.map */
\ No newline at end of file
diff --git a/css/pico.classless.min.css.map b/css/pico.classless.min.css.map
index 279fc9d2..299d19ce 100644
--- a/css/pico.classless.min.css.map
+++ b/css/pico.classless.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["scss/pico.scss","scss/themes/default/_styles.scss","css/pico.classless.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/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_form.scss","scss/content/_form-checkbox-radio.scss","scss/content/_form-alt-input-types.scss","scss/content/_table.scss","scss/content/_code.scss","scss/content/_miscs.scss","scss/components/_accordion.scss","scss/components/_card.scss","scss/components/_modal.scss","scss/components/_nav.scss","scss/components/_progress.scss","scss/components/_dropdown.scss","scss/utilities/_loading.scss","scss/utilities/_tooltip.scss","scss/utilities/_accessibility.scss","scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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/grid\"; // .grid\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/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/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n@import \"components/dropdown\"; // dropdown\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\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  // Spacings for nav component\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(255, 255, 255, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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/**\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  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\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\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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,\n[role=button]:hover,\n[role=button]:active,\n[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  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[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]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\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 * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: 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 * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary:not([role=button]) {\n  color: var(--accordion-close-summary-color);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n}\ndetails summary:focus:not([role=button]) {\n  color: var(--accordion-active-summary-color);\n}\ndetails summary[role=button] {\n  width: 100%;\n  text-align: left;\n}\ndetails summary[role=button]::after {\n  height: calc(1rem * var(--line-height));\n  background-image: var(--icon-chevron-button);\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing));\n}\ndetails[open] > summary:not([role=button]):not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary {\n  text-align: right;\n}\n[dir=rtl] details summary::after {\n  float: left;\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  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/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\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(--nav-element-spacing-horizontal) * -1);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n}\nnav li > * {\n  --spacing: 0;\n}\nnav a {\n  display: inline-block;\n  margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n}\naside li a {\n  display: block;\n}\naside li [role=button] {\n  margin: inherit;\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  [dir=rtl] progress:indeterminate {\n    animation-direction: reverse;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\ndetails[role=list] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n}\ndetails[role=list] summary {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n  margin-bottom: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-radius: var(--border-radius);\n  line-height: inherit;\n  cursor: pointer;\n}\ndetails[role=list] summary::after {\n  height: 100%;\n  transform: rotate(0deg);\n}\ndetails[role=list] summary + ul {\n  z-index: 100;\n  position: absolute;\n  top: auto;\n  right: 0px;\n  left: 0px;\n  margin: 0;\n  padding: 0;\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-top: none;\n  border-bottom-right-radius: var(--border-radius);\n  border-bottom-left-radius: var(--border-radius);\n  background-color: var(--background-color);\n  list-style: none;\n}\ndetails[role=list] summary + ul li {\n  margin-bottom: 0;\n}\ndetails[role=list] summary + ul li::marker {\n  content: \"\";\n}\ndetails[role=list] summary + ul li label {\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  cursor: pointer;\n}\ndetails[role=list] summary + ul li label:hover {\n  background-color: var(--secondary-focus);\n}\ndetails[role=list] summary + ul li label input[type=radio],\ndetails[role=list] summary + ul li label input[type=checkbox] {\n  appearance: none;\n}\ndetails[role=list][disabled] summary, details[role=list].disabled summary {\n  color: var(--muted-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\ndetails[role=list][open] summary {\n  margin-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\ndetails[role=list][open] summary::before {\n  display: block;\n  z-index: 80;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: transparent;\n  content: \" \";\n  cursor: default;\n}\ndetails[role=list][open] summary::after {\n  transform: rotate(180deg);\n}\n\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\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 * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.classless.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-chevron-button: 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($white, .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-chevron-button-inverse: 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($white, .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-chevron-button: 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($white, .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-chevron-button-inverse: 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($black, .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","/**\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\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[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    --color: var(--primary-inverse);\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, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].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      --color: var(--secondary-inverse);\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  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].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      --color: var(--contrast-inverse);\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  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].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  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].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  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[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\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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 * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n    }\n  }\n}\n\n// Aria-invalid\n[type=\"checkbox\"],\n[type=\"checkbox\"]:checked,\n[type=\"radio\"],\n[type=\"radio\"]:checked,\n[type=\"checkbox\"][role=\"switch\"],\n[type=\"checkbox\"][role=\"switch\"]:checked {\n  \n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n  }\n}","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"date\"],\n  &[type=\"datetime-local\"],\n  &[type=\"month\"],\n  &[type=\"time\"],\n  &[type=\"week\"] {\n    --icon-position: 0.75rem;\n    --icon-width: 1rem;\n    padding-right: calc(var(--icon-width) + var(--icon-position));\n    background-image: var(--icon-date);\n    background-position: center right var(--icon-position);\n    background-size: var(--icon-width) auto;\n    background-repeat: no-repeat;\n  }\n\n  // Time\n  &[type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// Calendar picker\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"time\"],\n[type=\"week\"] {\n  &::-webkit-calendar-picker-indicator {\n    width: var(--icon-width);\n    margin-right: calc(var(--icon-width) * -1);\n    margin-left: var(--icon-position);\n    opacity: 0;\n  }\n}\n\n[dir=\"rtl\"] {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    text-align: right;\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\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(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"search\"] {\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n    border-radius: 5rem;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Cancel button\n[type=\"search\"] {\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\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 * Code\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. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n","/**\n * Miscs\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. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    \n    line-height: 1rem;\n    list-style-type: none;\n    cursor: pointer;\n\n    &:not([role=\"button\"]) {\n      color: var(--accordion-close-summary-color);\n    }\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n\n      &:not([role=\"button\"]) {\n        color: var(--accordion-active-summary-color);\n      }\n    }\n\n    // Type button\n    &[role=\"button\"] {\n      width: 100%;\n      text-align: left;\n      \n      // Marker\n      &::after {\n        height: calc(1rem * var(--line-height));\n        background-image: var(--icon-chevron-button);\n      }\n\n      @if $enable-classes {\n        \n        // .contrast\n        &:not(.outline).contrast {\n          \n          // Marker\n          &::after {\n            background-image: var(--icon-chevron-button-inverse);\n          }\n        }\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing));\n\n      &:not([role=\"button\"]) {\n        &:not(:focus) {\n          color: var(--accordion-open-summary-color);\n        }\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      text-align: right;\n\n      &::after {\n        float: left;\n      }\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  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","/**\n * Modal (<dialog>)\n */\n\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    max-height: calc(100vh - var(--spacing) * 2);\n    overflow: auto;\n\n    @if map-get($breakpoints, 'sm') {\n      @media (min-width: map-get($breakpoints, 'sm')) {\n        max-width: map-get($viewports, 'sm');\n      }\n    }\n\n    @if map-get($breakpoints, 'md') {\n      @media (min-width: map-get($breakpoints, 'md')) {\n        max-width: map-get($viewports, 'md');\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5)\n        var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role='button'] {\n        margin-bottom: 0;\n\n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    @if $enable-classes {\n      .close {\n        display: block;\n        width: 1rem;\n        height: 1rem;\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\n        margin-bottom: var(--typography-spacing-vertical);\n        margin-left: auto;\n        background-image: var(--icon-close);\n        background-position: center;\n        background-size: auto 1rem;\n        background-repeat: no-repeat;\n        opacity: 0.5;\n\n        @if $enable-transitions {\n          transition: opacity var(--transition);\n        }\n\n        &:hover,\n        &:active,\n        &:focus {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open='false'] {\n    display: none;\n  }\n}\n\n// Utilities\n@if $enable-classes {\n  .modal-is-open {\n    padding-right: var(--scrollbar-width, 0px);\n    overflow: hidden;\n    pointer-events: none;\n\n    dialog {\n      pointer-events: auto;\n    }\n  }\n}\n\n// Animations\n@if ($enable-classes and $enable-transitions) {\n  $animation-duration: 0.2s;\n\n  .modal-is-opening,\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-timing-function: ease-in-out;\n      animation-fill-mode: both;\n    }\n\n    dialog {\n      animation-duration: ($animation-duration * 4);\n      animation-name: fadeIn;\n\n      > article {\n        animation-delay: $animation-duration;\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-delay: 0s;\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n\n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\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(--nav-element-spacing-horizontal) * -1);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n    \n    // Minimal support for buttons and forms elements\n    > * {\n      --spacing: 0;\n    }\n  }\n\n  a {\n    display: inline-block;\n    margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n    padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n\n    a {\n      display: block;\n    }\n    \n    // Minimal support for links as buttons\n    [role=\"button\"] {\n      margin: inherit;\n    }\n  }\n}\n","/**\n * Progress\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. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  @media (prefers-reduced-motion: no-preference) {\n    progress:indeterminate {\n      animation-direction: reverse;\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","details[role='list'] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n\n  summary {\n    height: calc(\n      1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +\n        var(--border-width) * 2\n    );\n    margin-bottom: 0;\n    padding: var(--form-element-spacing-vertical)\n      var(--form-element-spacing-horizontal);\n    border: var(--border-width) solid var(--form-element-border-color);\n    border-radius: var(--border-radius);\n    line-height: inherit;\n    cursor: pointer;\n\n    &::after {\n      height: 100%;\n      transform: rotate(0deg);\n    }\n\n    & + ul {\n      z-index: 100;\n      position: absolute;\n      top: auto;\n      right: 0px;\n      left: 0px;\n      margin: 0;\n      padding: 0;\n      border: var(--border-width) solid var(--form-element-border-color);\n      border-top: none;\n      border-bottom-right-radius: var(--border-radius);\n      border-bottom-left-radius: var(--border-radius);\n      background-color: var(--background-color);\n      list-style: none;\n\n      li {\n        margin-bottom: 0;\n        &::marker {\n          content: '';\n        }\n\n        label {\n          position: relative;\n          width: 100%;\n          margin: 0;\n          padding: var(--form-element-spacing-vertical)\n            var(--form-element-spacing-horizontal);\n          cursor: pointer;\n          &:hover {\n            background-color: var(--secondary-focus);\n          }\n\n          input[type='radio'],\n          input[type='checkbox'] {\n            appearance: none;\n          }\n        }\n      }\n    }\n  }\n\n  &[disabled] summary,\n  &.disabled summary {\n    color: var(--muted-color);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  &[open] summary {\n    margin-bottom: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    &::before {\n      display: block;\n      z-index: 80;\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background: transparent;\n      content: ' ';\n      cursor: default;\n    }\n\n    &::after {\n      transform: rotate(180deg);\n    }\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\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","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["scss/pico.scss","scss/themes/default/_styles.scss","css/pico.classless.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/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_form.scss","scss/content/_form-checkbox-radio.scss","scss/content/_form-alt-input-types.scss","scss/content/_table.scss","scss/content/_code.scss","scss/content/_miscs.scss","scss/components/_accordion.scss","scss/components/_card.scss","scss/components/_modal.scss","scss/components/_nav.scss","scss/components/_progress.scss","scss/components/_dropdown.scss","scss/utilities/_loading.scss","scss/utilities/_tooltip.scss","scss/utilities/_accessibility.scss","scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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/grid\"; // .grid\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/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/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n@import \"components/dropdown\"; // dropdown\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\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  // Spacings for nav component\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(255, 255, 255, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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/**\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  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na[aria-current], a: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\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton[aria-current], button:hover, button:active, button:focus,\ninput[type=submit][aria-current],\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button][aria-current],\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset][aria-current],\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button][aria-current],\n[role=button]:hover,\n[role=button]:active,\n[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  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[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][aria-current], input[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]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\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 * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: 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 * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary:not([role=button]) {\n  color: var(--accordion-close-summary-color);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n}\ndetails summary:focus:not([role=button]) {\n  color: var(--accordion-active-summary-color);\n}\ndetails summary[role=button] {\n  width: 100%;\n  text-align: left;\n}\ndetails summary[role=button]::after {\n  height: calc(1rem * var(--line-height));\n  background-image: var(--icon-chevron-button);\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing));\n}\ndetails[open] > summary:not([role=button]):not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary {\n  text-align: right;\n}\n[dir=rtl] details summary::after {\n  float: left;\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  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/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\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(--nav-element-spacing-horizontal) * -1);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n}\nnav li > * {\n  --spacing: 0;\n}\nnav a {\n  display: inline-block;\n  margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a[aria-current], nav 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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n}\naside li a {\n  display: block;\n}\naside li [role=button] {\n  margin: inherit;\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  [dir=rtl] progress:indeterminate {\n    animation-direction: reverse;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\ndetails[role=list] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n}\ndetails[role=list] summary {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n  margin-bottom: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-radius: var(--border-radius);\n  line-height: inherit;\n  cursor: pointer;\n}\ndetails[role=list] summary::after {\n  height: 100%;\n  transform: rotate(0deg);\n}\ndetails[role=list] summary + ul {\n  z-index: 100;\n  position: absolute;\n  top: auto;\n  right: 0px;\n  left: 0px;\n  margin: 0;\n  padding: 0;\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-top: none;\n  border-bottom-right-radius: var(--border-radius);\n  border-bottom-left-radius: var(--border-radius);\n  background-color: var(--background-color);\n  list-style: none;\n}\ndetails[role=list] summary + ul li {\n  margin-bottom: 0;\n}\ndetails[role=list] summary + ul li::marker {\n  content: \"\";\n}\ndetails[role=list] summary + ul li label {\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  cursor: pointer;\n}\ndetails[role=list] summary + ul li label:hover {\n  background-color: var(--secondary-focus);\n}\ndetails[role=list] summary + ul li label input[type=radio],\ndetails[role=list] summary + ul li label input[type=checkbox] {\n  appearance: none;\n}\ndetails[role=list][disabled] summary, details[role=list].disabled summary {\n  color: var(--muted-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\ndetails[role=list][open] summary {\n  margin-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\ndetails[role=list][open] summary::before {\n  display: block;\n  z-index: 80;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: transparent;\n  content: \" \";\n  cursor: default;\n}\ndetails[role=list][open] summary::after {\n  transform: rotate(180deg);\n}\n\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\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 * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.classless.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-chevron-button: 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($white, .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-chevron-button-inverse: 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($white, .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-chevron-button: 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($white, .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-chevron-button-inverse: 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($black, .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","/**\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  &[aria-current],\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      &[aria-current],\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      &[aria-current],\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\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[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  &[aria-current],\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    --color: var(--primary-inverse);\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, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].secondary {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n      --color: var(--secondary-inverse);\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  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].contrast {\n    --background-color: var(--contrast);\n    --border-color: var(--contrast);\n    --color: var(--contrast-inverse);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--contrast-hover);\n      --border-color: var(--contrast-hover);\n      --color: var(--contrast-inverse);\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  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].outline {\n    --background-color: transparent;\n    --color: var(--primary);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: transparent;\n      --color: var(--primary-hover);\n    }\n  }\n\n  // Outline (secondary)\n  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].outline.secondary {\n    --color: var(--secondary);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--secondary-hover);\n    }\n  }\n\n  // Outline (contrast)\n  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[type=\"reset\"] {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &[aria-current],\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\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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 * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n    }\n  }\n}\n\n// Aria-invalid\n[type=\"checkbox\"],\n[type=\"checkbox\"]:checked,\n[type=\"radio\"],\n[type=\"radio\"]:checked,\n[type=\"checkbox\"][role=\"switch\"],\n[type=\"checkbox\"][role=\"switch\"]:checked {\n  \n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n  }\n}","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"date\"],\n  &[type=\"datetime-local\"],\n  &[type=\"month\"],\n  &[type=\"time\"],\n  &[type=\"week\"] {\n    --icon-position: 0.75rem;\n    --icon-width: 1rem;\n    padding-right: calc(var(--icon-width) + var(--icon-position));\n    background-image: var(--icon-date);\n    background-position: center right var(--icon-position);\n    background-size: var(--icon-width) auto;\n    background-repeat: no-repeat;\n  }\n\n  // Time\n  &[type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// Calendar picker\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"time\"],\n[type=\"week\"] {\n  &::-webkit-calendar-picker-indicator {\n    width: var(--icon-width);\n    margin-right: calc(var(--icon-width) * -1);\n    margin-left: var(--icon-position);\n    opacity: 0;\n  }\n}\n\n[dir=\"rtl\"] {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    text-align: right;\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\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(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"search\"] {\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n    border-radius: 5rem;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Cancel button\n[type=\"search\"] {\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\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 * Code\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. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n","/**\n * Miscs\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. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    \n    line-height: 1rem;\n    list-style-type: none;\n    cursor: pointer;\n\n    &:not([role=\"button\"]) {\n      color: var(--accordion-close-summary-color);\n    }\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n\n      &:not([role=\"button\"]) {\n        color: var(--accordion-active-summary-color);\n      }\n    }\n\n    // Type button\n    &[role=\"button\"] {\n      width: 100%;\n      text-align: left;\n      \n      // Marker\n      &::after {\n        height: calc(1rem * var(--line-height));\n        background-image: var(--icon-chevron-button);\n      }\n\n      @if $enable-classes {\n        \n        // .contrast\n        &:not(.outline).contrast {\n          \n          // Marker\n          &::after {\n            background-image: var(--icon-chevron-button-inverse);\n          }\n        }\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing));\n\n      &:not([role=\"button\"]) {\n        &:not(:focus) {\n          color: var(--accordion-open-summary-color);\n        }\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      text-align: right;\n\n      &::after {\n        float: left;\n      }\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  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","/**\n * Modal (<dialog>)\n */\n\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    max-height: calc(100vh - var(--spacing) * 2);\n    overflow: auto;\n\n    @if map-get($breakpoints, 'sm') {\n      @media (min-width: map-get($breakpoints, 'sm')) {\n        max-width: map-get($viewports, 'sm');\n      }\n    }\n\n    @if map-get($breakpoints, 'md') {\n      @media (min-width: map-get($breakpoints, 'md')) {\n        max-width: map-get($viewports, 'md');\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5)\n        var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role='button'] {\n        margin-bottom: 0;\n\n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    @if $enable-classes {\n      .close {\n        display: block;\n        width: 1rem;\n        height: 1rem;\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\n        margin-bottom: var(--typography-spacing-vertical);\n        margin-left: auto;\n        background-image: var(--icon-close);\n        background-position: center;\n        background-size: auto 1rem;\n        background-repeat: no-repeat;\n        opacity: 0.5;\n\n        @if $enable-transitions {\n          transition: opacity var(--transition);\n        }\n\n        &[aria-current],\n        &:hover,\n        &:active,\n        &:focus {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open='false'] {\n    display: none;\n  }\n}\n\n// Utilities\n@if $enable-classes {\n  .modal-is-open {\n    padding-right: var(--scrollbar-width, 0px);\n    overflow: hidden;\n    pointer-events: none;\n\n    dialog {\n      pointer-events: auto;\n    }\n  }\n}\n\n// Animations\n@if ($enable-classes and $enable-transitions) {\n  $animation-duration: 0.2s;\n\n  .modal-is-opening,\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-timing-function: ease-in-out;\n      animation-fill-mode: both;\n    }\n\n    dialog {\n      animation-duration: ($animation-duration * 4);\n      animation-name: fadeIn;\n\n      > article {\n        animation-delay: $animation-duration;\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-delay: 0s;\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n\n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\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(--nav-element-spacing-horizontal) * -1);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n    \n    // Minimal support for buttons and forms elements\n    > * {\n      --spacing: 0;\n    }\n  }\n\n  a {\n    display: inline-block;\n    margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n    padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &[aria-current],\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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n\n    a {\n      display: block;\n    }\n    \n    // Minimal support for links as buttons\n    [role=\"button\"] {\n      margin: inherit;\n    }\n  }\n}\n","/**\n * Progress\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. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  @media (prefers-reduced-motion: no-preference) {\n    progress:indeterminate {\n      animation-direction: reverse;\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","details[role='list'] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n\n  summary {\n    height: calc(\n      1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +\n        var(--border-width) * 2\n    );\n    margin-bottom: 0;\n    padding: var(--form-element-spacing-vertical)\n      var(--form-element-spacing-horizontal);\n    border: var(--border-width) solid var(--form-element-border-color);\n    border-radius: var(--border-radius);\n    line-height: inherit;\n    cursor: pointer;\n\n    &::after {\n      height: 100%;\n      transform: rotate(0deg);\n    }\n\n    & + ul {\n      z-index: 100;\n      position: absolute;\n      top: auto;\n      right: 0px;\n      left: 0px;\n      margin: 0;\n      padding: 0;\n      border: var(--border-width) solid var(--form-element-border-color);\n      border-top: none;\n      border-bottom-right-radius: var(--border-radius);\n      border-bottom-left-radius: var(--border-radius);\n      background-color: var(--background-color);\n      list-style: none;\n\n      li {\n        margin-bottom: 0;\n        &::marker {\n          content: '';\n        }\n\n        label {\n          position: relative;\n          width: 100%;\n          margin: 0;\n          padding: var(--form-element-spacing-vertical)\n            var(--form-element-spacing-horizontal);\n          cursor: pointer;\n          &:hover {\n            background-color: var(--secondary-focus);\n          }\n\n          input[type='radio'],\n          input[type='checkbox'] {\n            appearance: none;\n          }\n        }\n      }\n    }\n  }\n\n  &[disabled] summary,\n  &.disabled summary {\n    color: var(--muted-color);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  &[open] summary {\n    margin-bottom: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    &::before {\n      display: block;\n      z-index: 80;\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background: transparent;\n      content: ' ';\n      cursor: default;\n    }\n\n    &::after {\n      transform: rotate(180deg);\n    }\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\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","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
diff --git a/css/pico.css b/css/pico.css
index d9b727c7..8b9d9dcf 100644
--- a/css/pico.css
+++ b/css/pico.css
@@ -689,7 +689,7 @@ a {
   transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);
   transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);
 }
-a:hover, a:active, a:focus {
+a[aria-current], a:hover, a:active, a:focus {
   --color: var(--primary-hover);
   --text-decoration: underline;
 }
@@ -699,7 +699,7 @@ a:focus {
 a.secondary {
   --color: var(--secondary);
 }
-a.secondary:hover, a.secondary:active, a.secondary:focus {
+a.secondary[aria-current], a.secondary:hover, a.secondary:active, a.secondary:focus {
   --color: var(--secondary-hover);
 }
 a.secondary:focus {
@@ -708,7 +708,7 @@ a.secondary:focus {
 a.contrast {
   --color: var(--contrast);
 }
-a.contrast:hover, a.contrast:active, a.contrast:focus {
+a.contrast[aria-current], a.contrast:hover, a.contrast:active, a.contrast:focus {
   --color: var(--contrast-hover);
 }
 a.contrast:focus {
@@ -998,16 +998,20 @@ input[type=reset],
   cursor: pointer;
   transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
 }
-button:hover, button:active, button:focus,
+button[aria-current], button:hover, button:active, button:focus,
+input[type=submit][aria-current],
 input[type=submit]:hover,
 input[type=submit]:active,
 input[type=submit]:focus,
+input[type=button][aria-current],
 input[type=button]:hover,
 input[type=button]:active,
 input[type=button]:focus,
+input[type=reset][aria-current],
 input[type=reset]:hover,
 input[type=reset]:active,
 input[type=reset]:focus,
+[role=button][aria-current],
 [role=button]:hover,
 [role=button]:active,
 [role=button]:focus {
@@ -1035,16 +1039,20 @@ input[type=reset],
   --color: var(--secondary-inverse);
   cursor: pointer;
 }
-button.secondary:hover, button.secondary:active, button.secondary:focus,
+button.secondary[aria-current], button.secondary:hover, button.secondary:active, button.secondary:focus,
+input[type=submit].secondary[aria-current],
 input[type=submit].secondary:hover,
 input[type=submit].secondary:active,
 input[type=submit].secondary:focus,
+input[type=button].secondary[aria-current],
 input[type=button].secondary:hover,
 input[type=button].secondary:active,
 input[type=button].secondary:focus,
+input[type=reset][aria-current],
 input[type=reset]:hover,
 input[type=reset]:active,
 input[type=reset]:focus,
+[role=button].secondary[aria-current],
 [role=button].secondary:hover,
 [role=button].secondary:active,
 [role=button].secondary:focus {
@@ -1070,16 +1078,20 @@ input[type=reset].contrast,
   --border-color: var(--contrast);
   --color: var(--contrast-inverse);
 }
-button.contrast:hover, button.contrast:active, button.contrast:focus,
+button.contrast[aria-current], button.contrast:hover, button.contrast:active, button.contrast:focus,
+input[type=submit].contrast[aria-current],
 input[type=submit].contrast:hover,
 input[type=submit].contrast:active,
 input[type=submit].contrast:focus,
+input[type=button].contrast[aria-current],
 input[type=button].contrast:hover,
 input[type=button].contrast:active,
 input[type=button].contrast:focus,
+input[type=reset].contrast[aria-current],
 input[type=reset].contrast:hover,
 input[type=reset].contrast:active,
 input[type=reset].contrast:focus,
+[role=button].contrast[aria-current],
 [role=button].contrast:hover,
 [role=button].contrast:active,
 [role=button].contrast:focus {
@@ -1104,16 +1116,20 @@ input[type=reset].outline,
   --background-color: transparent;
   --color: var(--primary);
 }
-button.outline:hover, button.outline:active, button.outline:focus,
+button.outline[aria-current], button.outline:hover, button.outline:active, button.outline:focus,
+input[type=submit].outline[aria-current],
 input[type=submit].outline:hover,
 input[type=submit].outline:active,
 input[type=submit].outline:focus,
+input[type=button].outline[aria-current],
 input[type=button].outline:hover,
 input[type=button].outline:active,
 input[type=button].outline:focus,
+input[type=reset].outline[aria-current],
 input[type=reset].outline:hover,
 input[type=reset].outline:active,
 input[type=reset].outline:focus,
+[role=button].outline[aria-current],
 [role=button].outline:hover,
 [role=button].outline:active,
 [role=button].outline:focus {
@@ -1128,16 +1144,20 @@ input[type=reset].outline.secondary,
 [role=button].outline.secondary {
   --color: var(--secondary);
 }
-button.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,
+button.outline.secondary[aria-current], button.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,
+input[type=submit].outline.secondary[aria-current],
 input[type=submit].outline.secondary:hover,
 input[type=submit].outline.secondary:active,
 input[type=submit].outline.secondary:focus,
+input[type=button].outline.secondary[aria-current],
 input[type=button].outline.secondary:hover,
 input[type=button].outline.secondary:active,
 input[type=button].outline.secondary:focus,
+input[type=reset].outline.secondary[aria-current],
 input[type=reset].outline.secondary:hover,
 input[type=reset].outline.secondary:active,
 input[type=reset].outline.secondary:focus,
+[role=button].outline.secondary[aria-current],
 [role=button].outline.secondary:hover,
 [role=button].outline.secondary:active,
 [role=button].outline.secondary:focus {
@@ -1151,16 +1171,20 @@ input[type=reset].outline.contrast,
 [role=button].outline.contrast {
   --color: var(--contrast);
 }
-button.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,
+button.outline.contrast[aria-current], button.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,
+input[type=submit].outline.contrast[aria-current],
 input[type=submit].outline.contrast:hover,
 input[type=submit].outline.contrast:active,
 input[type=submit].outline.contrast:focus,
+input[type=button].outline.contrast[aria-current],
 input[type=button].outline.contrast:hover,
 input[type=button].outline.contrast:active,
 input[type=button].outline.contrast:focus,
+input[type=reset].outline.contrast[aria-current],
 input[type=reset].outline.contrast:hover,
 input[type=reset].outline.contrast:active,
 input[type=reset].outline.contrast:focus,
+[role=button].outline.contrast[aria-current],
 [role=button].outline.contrast:hover,
 [role=button].outline.contrast:active,
 [role=button].outline.contrast:focus {
@@ -2137,7 +2161,7 @@ dialog article .close {
   opacity: 0.5;
   transition: opacity var(--transition);
 }
-dialog article .close:hover, dialog article .close:active, dialog article .close:focus {
+dialog article .close[aria-current], dialog article .close:hover, dialog article .close:active, dialog article .close:focus {
   opacity: 1;
 }
 dialog:not([open]), dialog[open=false] {
@@ -2264,7 +2288,7 @@ nav a {
   border-radius: var(--border-radius);
   text-decoration: none;
 }
-nav a:hover, nav a:active, nav a:focus {
+nav a[aria-current], nav a:hover, nav a:active, nav a:focus {
   text-decoration: none;
 }
 
diff --git a/css/pico.css.map b/css/pico.css.map
index 0471d404..843ff37c 100644
--- a/css/pico.css.map
+++ b/css/pico.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../scss/pico.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_container.scss","../scss/layout/_section.scss","../scss/layout/_grid.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_form-checkbox-radio.scss","../scss/content/_form-alt-input-types.scss","../scss/content/_table.scss","../scss/content/_code.scss","../scss/content/_miscs.scss","../scss/components/_accordion.scss","../scss/components/_card.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_progress.scss","../scss/components/_dropdown.scss","../scss/utilities/_loading.scss","../scss/utilities/_tooltip.scss","../scss/utilities/_accessibility.scss","../scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","file":"pico.css","sourcesContent":["/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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/grid\"; // .grid\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/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/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n@import \"components/dropdown\"; // dropdown\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\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  // Spacings for nav component\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(255, 255, 255, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\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/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\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  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\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}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-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.headings {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > *,\n.headings > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child,\n.headings > *: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\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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,\n[role=button]:hover,\n[role=button]:active,\n[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  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[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\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset],\n[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button].secondary:hover,\n[role=button].secondary:active,\n[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n  --color: var(--secondary-inverse);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset]:focus,\n[role=button].secondary: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.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\n[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\n[role=button].contrast:hover,\n[role=button].contrast:active,\n[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\n[role=button].contrast: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\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\n[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\n[role=button].outline:hover,\n[role=button].outline:active,\n[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\n\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\n[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\n[role=button].outline.secondary:hover,\n[role=button].outline.secondary:active,\n[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\n\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\n[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\n[role=button].outline.contrast:hover,\n[role=button].outline.contrast:active,\n[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\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 * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: 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 * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary:not([role=button]) {\n  color: var(--accordion-close-summary-color);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n}\ndetails summary:focus:not([role=button]) {\n  color: var(--accordion-active-summary-color);\n}\ndetails summary[role=button] {\n  width: 100%;\n  text-align: left;\n}\ndetails summary[role=button]::after {\n  height: calc(1rem * var(--line-height));\n  background-image: var(--icon-chevron-button);\n}\ndetails summary[role=button]:not(.outline).contrast::after {\n  background-image: var(--icon-chevron-button-inverse);\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing));\n}\ndetails[open] > summary:not([role=button]):not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary {\n  text-align: right;\n}\n[dir=rtl] details summary::after {\n  float: left;\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  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/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog article .close {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: calc(var(--block-spacing-vertical) * -0.5);\n  margin-bottom: var(--typography-spacing-vertical);\n  margin-left: auto;\n  background-image: var(--icon-close);\n  background-position: center;\n  background-size: auto 1rem;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--transition);\n}\ndialog article .close:hover, dialog article .close:active, dialog article .close:focus {\n  opacity: 1;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n.modal-is-open {\n  padding-right: var(--scrollbar-width, 0px);\n  overflow: hidden;\n  pointer-events: none;\n}\n.modal-is-open dialog {\n  pointer-events: auto;\n}\n\n.modal-is-opening dialog,\n.modal-is-opening dialog > article,\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-duration: 0.2s;\n  animation-timing-function: ease-in-out;\n  animation-fill-mode: both;\n}\n.modal-is-opening dialog,\n.modal-is-closing dialog {\n  animation-duration: 0.8s;\n  animation-name: fadeIn;\n}\n.modal-is-opening dialog > article,\n.modal-is-closing dialog > article {\n  animation-delay: 0.2s;\n  animation-name: slideInDown;\n}\n\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-delay: 0s;\n  animation-direction: reverse;\n}\n\n@keyframes fadeIn {\n  from {\n    background-color: transparent;\n  }\n  to {\n    background-color: var(--modal-overlay-background-color);\n  }\n}\n@keyframes slideInDown {\n  from {\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\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(--nav-element-spacing-horizontal) * -1);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n}\nnav li > * {\n  --spacing: 0;\n}\nnav a {\n  display: inline-block;\n  margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n}\naside li a {\n  display: block;\n}\naside li [role=button] {\n  margin: inherit;\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  [dir=rtl] progress:indeterminate {\n    animation-direction: reverse;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\ndetails[role=list] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n}\ndetails[role=list] summary {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n  margin-bottom: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-radius: var(--border-radius);\n  line-height: inherit;\n  cursor: pointer;\n}\ndetails[role=list] summary::after {\n  height: 100%;\n  transform: rotate(0deg);\n}\ndetails[role=list] summary + ul {\n  z-index: 100;\n  position: absolute;\n  top: auto;\n  right: 0px;\n  left: 0px;\n  margin: 0;\n  padding: 0;\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-top: none;\n  border-bottom-right-radius: var(--border-radius);\n  border-bottom-left-radius: var(--border-radius);\n  background-color: var(--background-color);\n  list-style: none;\n}\ndetails[role=list] summary + ul li {\n  margin-bottom: 0;\n}\ndetails[role=list] summary + ul li::marker {\n  content: \"\";\n}\ndetails[role=list] summary + ul li label {\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  cursor: pointer;\n}\ndetails[role=list] summary + ul li label:hover {\n  background-color: var(--secondary-focus);\n}\ndetails[role=list] summary + ul li label input[type=radio],\ndetails[role=list] summary + ul li label input[type=checkbox] {\n  appearance: none;\n}\ndetails[role=list][disabled] summary, details[role=list].disabled summary {\n  color: var(--muted-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\ndetails[role=list][open] summary {\n  margin-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\ndetails[role=list][open] summary::before {\n  display: block;\n  z-index: 80;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: transparent;\n  content: \" \";\n  cursor: default;\n}\ndetails[role=list][open] summary::after {\n  transform: rotate(180deg);\n}\n\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\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 * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.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-chevron-button: 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($white, .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-chevron-button-inverse: 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($white, .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-chevron-button: 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($white, .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-chevron-button-inverse: 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($black, .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","@if ($enable-class-container and $enable-classes) {\n  /**\n * Container\n */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(--spacing);\n    padding-left: var(--spacing);\n  }\n\n  .container {\n    @if map-get($breakpoints, \"sm\") {\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\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        max-width: map-get($viewports, \"lg\");\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        max-width: map-get($viewports, \"xl\");\n      }\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","@if ($enable-classes and $enable-grid) {\n  /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n  .grid {\n    grid-column-gap: var(--grid-spacing-horizontal);\n    grid-row-gap: var(--grid-spacing-vertical);\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: 0;\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\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\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[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    --color: var(--primary-inverse);\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, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].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      --color: var(--secondary-inverse);\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  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].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      --color: var(--contrast-inverse);\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  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].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  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].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  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[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\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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 * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n    }\n  }\n}\n\n// Aria-invalid\n[type=\"checkbox\"],\n[type=\"checkbox\"]:checked,\n[type=\"radio\"],\n[type=\"radio\"]:checked,\n[type=\"checkbox\"][role=\"switch\"],\n[type=\"checkbox\"][role=\"switch\"]:checked {\n  \n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n  }\n}","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"date\"],\n  &[type=\"datetime-local\"],\n  &[type=\"month\"],\n  &[type=\"time\"],\n  &[type=\"week\"] {\n    --icon-position: 0.75rem;\n    --icon-width: 1rem;\n    padding-right: calc(var(--icon-width) + var(--icon-position));\n    background-image: var(--icon-date);\n    background-position: center right var(--icon-position);\n    background-size: var(--icon-width) auto;\n    background-repeat: no-repeat;\n  }\n\n  // Time\n  &[type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// Calendar picker\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"time\"],\n[type=\"week\"] {\n  &::-webkit-calendar-picker-indicator {\n    width: var(--icon-width);\n    margin-right: calc(var(--icon-width) * -1);\n    margin-left: var(--icon-position);\n    opacity: 0;\n  }\n}\n\n[dir=\"rtl\"] {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    text-align: right;\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\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(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"search\"] {\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n    border-radius: 5rem;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Cancel button\n[type=\"search\"] {\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\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 * Code\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. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n","/**\n * Miscs\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. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    \n    line-height: 1rem;\n    list-style-type: none;\n    cursor: pointer;\n\n    &:not([role=\"button\"]) {\n      color: var(--accordion-close-summary-color);\n    }\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n\n      &:not([role=\"button\"]) {\n        color: var(--accordion-active-summary-color);\n      }\n    }\n\n    // Type button\n    &[role=\"button\"] {\n      width: 100%;\n      text-align: left;\n      \n      // Marker\n      &::after {\n        height: calc(1rem * var(--line-height));\n        background-image: var(--icon-chevron-button);\n      }\n\n      @if $enable-classes {\n        \n        // .contrast\n        &:not(.outline).contrast {\n          \n          // Marker\n          &::after {\n            background-image: var(--icon-chevron-button-inverse);\n          }\n        }\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing));\n\n      &:not([role=\"button\"]) {\n        &:not(:focus) {\n          color: var(--accordion-open-summary-color);\n        }\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      text-align: right;\n\n      &::after {\n        float: left;\n      }\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  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","/**\n * Modal (<dialog>)\n */\n\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    max-height: calc(100vh - var(--spacing) * 2);\n    overflow: auto;\n\n    @if map-get($breakpoints, 'sm') {\n      @media (min-width: map-get($breakpoints, 'sm')) {\n        max-width: map-get($viewports, 'sm');\n      }\n    }\n\n    @if map-get($breakpoints, 'md') {\n      @media (min-width: map-get($breakpoints, 'md')) {\n        max-width: map-get($viewports, 'md');\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5)\n        var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role='button'] {\n        margin-bottom: 0;\n\n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    @if $enable-classes {\n      .close {\n        display: block;\n        width: 1rem;\n        height: 1rem;\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\n        margin-bottom: var(--typography-spacing-vertical);\n        margin-left: auto;\n        background-image: var(--icon-close);\n        background-position: center;\n        background-size: auto 1rem;\n        background-repeat: no-repeat;\n        opacity: 0.5;\n\n        @if $enable-transitions {\n          transition: opacity var(--transition);\n        }\n\n        &:hover,\n        &:active,\n        &:focus {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open='false'] {\n    display: none;\n  }\n}\n\n// Utilities\n@if $enable-classes {\n  .modal-is-open {\n    padding-right: var(--scrollbar-width, 0px);\n    overflow: hidden;\n    pointer-events: none;\n\n    dialog {\n      pointer-events: auto;\n    }\n  }\n}\n\n// Animations\n@if ($enable-classes and $enable-transitions) {\n  $animation-duration: 0.2s;\n\n  .modal-is-opening,\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-timing-function: ease-in-out;\n      animation-fill-mode: both;\n    }\n\n    dialog {\n      animation-duration: ($animation-duration * 4);\n      animation-name: fadeIn;\n\n      > article {\n        animation-delay: $animation-duration;\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-delay: 0s;\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n\n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\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(--nav-element-spacing-horizontal) * -1);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n    \n    // Minimal support for buttons and forms elements\n    > * {\n      --spacing: 0;\n    }\n  }\n\n  a {\n    display: inline-block;\n    margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n    padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n\n    a {\n      display: block;\n    }\n    \n    // Minimal support for links as buttons\n    [role=\"button\"] {\n      margin: inherit;\n    }\n  }\n}\n","/**\n * Progress\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. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  @media (prefers-reduced-motion: no-preference) {\n    progress:indeterminate {\n      animation-direction: reverse;\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","details[role='list'] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n\n  summary {\n    height: calc(\n      1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +\n        var(--border-width) * 2\n    );\n    margin-bottom: 0;\n    padding: var(--form-element-spacing-vertical)\n      var(--form-element-spacing-horizontal);\n    border: var(--border-width) solid var(--form-element-border-color);\n    border-radius: var(--border-radius);\n    line-height: inherit;\n    cursor: pointer;\n\n    &::after {\n      height: 100%;\n      transform: rotate(0deg);\n    }\n\n    & + ul {\n      z-index: 100;\n      position: absolute;\n      top: auto;\n      right: 0px;\n      left: 0px;\n      margin: 0;\n      padding: 0;\n      border: var(--border-width) solid var(--form-element-border-color);\n      border-top: none;\n      border-bottom-right-radius: var(--border-radius);\n      border-bottom-left-radius: var(--border-radius);\n      background-color: var(--background-color);\n      list-style: none;\n\n      li {\n        margin-bottom: 0;\n        &::marker {\n          content: '';\n        }\n\n        label {\n          position: relative;\n          width: 100%;\n          margin: 0;\n          padding: var(--form-element-spacing-vertical)\n            var(--form-element-spacing-horizontal);\n          cursor: pointer;\n          &:hover {\n            background-color: var(--secondary-focus);\n          }\n\n          input[type='radio'],\n          input[type='checkbox'] {\n            appearance: none;\n          }\n        }\n      }\n    }\n  }\n\n  &[disabled] summary,\n  &.disabled summary {\n    color: var(--muted-color);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  &[open] summary {\n    margin-bottom: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    &::before {\n      display: block;\n      z-index: 80;\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background: transparent;\n      content: ' ';\n      cursor: default;\n    }\n\n    &::after {\n      transform: rotate(180deg);\n    }\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\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","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["../scss/pico.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_container.scss","../scss/layout/_section.scss","../scss/layout/_grid.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_form-checkbox-radio.scss","../scss/content/_form-alt-input-types.scss","../scss/content/_table.scss","../scss/content/_code.scss","../scss/content/_miscs.scss","../scss/components/_accordion.scss","../scss/components/_card.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_progress.scss","../scss/components/_dropdown.scss","../scss/utilities/_loading.scss","../scss/utilities/_tooltip.scss","../scss/utilities/_accessibility.scss","../scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","file":"pico.css","sourcesContent":["/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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/grid\"; // .grid\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/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/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n@import \"components/dropdown\"; // dropdown\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\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  // Spacings for nav component\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(255, 255, 255, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\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/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\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  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na[aria-current], a:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary[aria-current], a.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast[aria-current], a.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-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.headings {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > *,\n.headings > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child,\n.headings > *: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\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton[aria-current], button:hover, button:active, button:focus,\ninput[type=submit][aria-current],\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button][aria-current],\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset][aria-current],\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button][aria-current],\n[role=button]:hover,\n[role=button]:active,\n[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  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[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\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset],\n[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary[aria-current], button.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary[aria-current],\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary[aria-current],\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset][aria-current],\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button].secondary[aria-current],\n[role=button].secondary:hover,\n[role=button].secondary:active,\n[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n  --color: var(--secondary-inverse);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset]:focus,\n[role=button].secondary: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.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\n[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast[aria-current], button.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast[aria-current],\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast[aria-current],\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast[aria-current],\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\n[role=button].contrast[aria-current],\n[role=button].contrast:hover,\n[role=button].contrast:active,\n[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\n[role=button].contrast: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\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\n[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline[aria-current], button.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline[aria-current],\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline[aria-current],\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline[aria-current],\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\n[role=button].outline[aria-current],\n[role=button].outline:hover,\n[role=button].outline:active,\n[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\n\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\n[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary[aria-current], button.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary[aria-current],\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary[aria-current],\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary[aria-current],\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\n[role=button].outline.secondary[aria-current],\n[role=button].outline.secondary:hover,\n[role=button].outline.secondary:active,\n[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\n\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\n[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast[aria-current], button.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast[aria-current],\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast[aria-current],\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast[aria-current],\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\n[role=button].outline.contrast[aria-current],\n[role=button].outline.contrast:hover,\n[role=button].outline.contrast:active,\n[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\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 * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: 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 * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary:not([role=button]) {\n  color: var(--accordion-close-summary-color);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n}\ndetails summary:focus:not([role=button]) {\n  color: var(--accordion-active-summary-color);\n}\ndetails summary[role=button] {\n  width: 100%;\n  text-align: left;\n}\ndetails summary[role=button]::after {\n  height: calc(1rem * var(--line-height));\n  background-image: var(--icon-chevron-button);\n}\ndetails summary[role=button]:not(.outline).contrast::after {\n  background-image: var(--icon-chevron-button-inverse);\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing));\n}\ndetails[open] > summary:not([role=button]):not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary {\n  text-align: right;\n}\n[dir=rtl] details summary::after {\n  float: left;\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  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/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog article .close {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: calc(var(--block-spacing-vertical) * -0.5);\n  margin-bottom: var(--typography-spacing-vertical);\n  margin-left: auto;\n  background-image: var(--icon-close);\n  background-position: center;\n  background-size: auto 1rem;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--transition);\n}\ndialog article .close[aria-current], dialog article .close:hover, dialog article .close:active, dialog article .close:focus {\n  opacity: 1;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n.modal-is-open {\n  padding-right: var(--scrollbar-width, 0px);\n  overflow: hidden;\n  pointer-events: none;\n}\n.modal-is-open dialog {\n  pointer-events: auto;\n}\n\n.modal-is-opening dialog,\n.modal-is-opening dialog > article,\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-duration: 0.2s;\n  animation-timing-function: ease-in-out;\n  animation-fill-mode: both;\n}\n.modal-is-opening dialog,\n.modal-is-closing dialog {\n  animation-duration: 0.8s;\n  animation-name: fadeIn;\n}\n.modal-is-opening dialog > article,\n.modal-is-closing dialog > article {\n  animation-delay: 0.2s;\n  animation-name: slideInDown;\n}\n\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-delay: 0s;\n  animation-direction: reverse;\n}\n\n@keyframes fadeIn {\n  from {\n    background-color: transparent;\n  }\n  to {\n    background-color: var(--modal-overlay-background-color);\n  }\n}\n@keyframes slideInDown {\n  from {\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\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(--nav-element-spacing-horizontal) * -1);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n}\nnav li > * {\n  --spacing: 0;\n}\nnav a {\n  display: inline-block;\n  margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a[aria-current], nav 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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n}\naside li a {\n  display: block;\n}\naside li [role=button] {\n  margin: inherit;\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  [dir=rtl] progress:indeterminate {\n    animation-direction: reverse;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\ndetails[role=list] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n}\ndetails[role=list] summary {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n  margin-bottom: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-radius: var(--border-radius);\n  line-height: inherit;\n  cursor: pointer;\n}\ndetails[role=list] summary::after {\n  height: 100%;\n  transform: rotate(0deg);\n}\ndetails[role=list] summary + ul {\n  z-index: 100;\n  position: absolute;\n  top: auto;\n  right: 0px;\n  left: 0px;\n  margin: 0;\n  padding: 0;\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-top: none;\n  border-bottom-right-radius: var(--border-radius);\n  border-bottom-left-radius: var(--border-radius);\n  background-color: var(--background-color);\n  list-style: none;\n}\ndetails[role=list] summary + ul li {\n  margin-bottom: 0;\n}\ndetails[role=list] summary + ul li::marker {\n  content: \"\";\n}\ndetails[role=list] summary + ul li label {\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  cursor: pointer;\n}\ndetails[role=list] summary + ul li label:hover {\n  background-color: var(--secondary-focus);\n}\ndetails[role=list] summary + ul li label input[type=radio],\ndetails[role=list] summary + ul li label input[type=checkbox] {\n  appearance: none;\n}\ndetails[role=list][disabled] summary, details[role=list].disabled summary {\n  color: var(--muted-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\ndetails[role=list][open] summary {\n  margin-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\ndetails[role=list][open] summary::before {\n  display: block;\n  z-index: 80;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: transparent;\n  content: \" \";\n  cursor: default;\n}\ndetails[role=list][open] summary::after {\n  transform: rotate(180deg);\n}\n\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\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 * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.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-chevron-button: 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($white, .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-chevron-button-inverse: 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($white, .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-chevron-button: 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($white, .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-chevron-button-inverse: 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($black, .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","@if ($enable-class-container and $enable-classes) {\n  /**\n * Container\n */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(--spacing);\n    padding-left: var(--spacing);\n  }\n\n  .container {\n    @if map-get($breakpoints, \"sm\") {\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\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        max-width: map-get($viewports, \"lg\");\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        max-width: map-get($viewports, \"xl\");\n      }\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","@if ($enable-classes and $enable-grid) {\n  /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n  .grid {\n    grid-column-gap: var(--grid-spacing-horizontal);\n    grid-row-gap: var(--grid-spacing-vertical);\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: 0;\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\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  &[aria-current],\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      &[aria-current],\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      &[aria-current],\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\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[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  &[aria-current],\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    --color: var(--primary-inverse);\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, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].secondary {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n      --color: var(--secondary-inverse);\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  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].contrast {\n    --background-color: var(--contrast);\n    --border-color: var(--contrast);\n    --color: var(--contrast-inverse);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--contrast-hover);\n      --border-color: var(--contrast-hover);\n      --color: var(--contrast-inverse);\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  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].outline {\n    --background-color: transparent;\n    --color: var(--primary);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: transparent;\n      --color: var(--primary-hover);\n    }\n  }\n\n  // Outline (secondary)\n  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].outline.secondary {\n    --color: var(--secondary);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--secondary-hover);\n    }\n  }\n\n  // Outline (contrast)\n  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[type=\"reset\"] {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &[aria-current],\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\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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 * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n    }\n  }\n}\n\n// Aria-invalid\n[type=\"checkbox\"],\n[type=\"checkbox\"]:checked,\n[type=\"radio\"],\n[type=\"radio\"]:checked,\n[type=\"checkbox\"][role=\"switch\"],\n[type=\"checkbox\"][role=\"switch\"]:checked {\n  \n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n  }\n}","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"date\"],\n  &[type=\"datetime-local\"],\n  &[type=\"month\"],\n  &[type=\"time\"],\n  &[type=\"week\"] {\n    --icon-position: 0.75rem;\n    --icon-width: 1rem;\n    padding-right: calc(var(--icon-width) + var(--icon-position));\n    background-image: var(--icon-date);\n    background-position: center right var(--icon-position);\n    background-size: var(--icon-width) auto;\n    background-repeat: no-repeat;\n  }\n\n  // Time\n  &[type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// Calendar picker\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"time\"],\n[type=\"week\"] {\n  &::-webkit-calendar-picker-indicator {\n    width: var(--icon-width);\n    margin-right: calc(var(--icon-width) * -1);\n    margin-left: var(--icon-position);\n    opacity: 0;\n  }\n}\n\n[dir=\"rtl\"] {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    text-align: right;\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\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(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"search\"] {\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n    border-radius: 5rem;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Cancel button\n[type=\"search\"] {\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\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 * Code\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. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n","/**\n * Miscs\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. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    \n    line-height: 1rem;\n    list-style-type: none;\n    cursor: pointer;\n\n    &:not([role=\"button\"]) {\n      color: var(--accordion-close-summary-color);\n    }\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n\n      &:not([role=\"button\"]) {\n        color: var(--accordion-active-summary-color);\n      }\n    }\n\n    // Type button\n    &[role=\"button\"] {\n      width: 100%;\n      text-align: left;\n      \n      // Marker\n      &::after {\n        height: calc(1rem * var(--line-height));\n        background-image: var(--icon-chevron-button);\n      }\n\n      @if $enable-classes {\n        \n        // .contrast\n        &:not(.outline).contrast {\n          \n          // Marker\n          &::after {\n            background-image: var(--icon-chevron-button-inverse);\n          }\n        }\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing));\n\n      &:not([role=\"button\"]) {\n        &:not(:focus) {\n          color: var(--accordion-open-summary-color);\n        }\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      text-align: right;\n\n      &::after {\n        float: left;\n      }\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  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","/**\n * Modal (<dialog>)\n */\n\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    max-height: calc(100vh - var(--spacing) * 2);\n    overflow: auto;\n\n    @if map-get($breakpoints, 'sm') {\n      @media (min-width: map-get($breakpoints, 'sm')) {\n        max-width: map-get($viewports, 'sm');\n      }\n    }\n\n    @if map-get($breakpoints, 'md') {\n      @media (min-width: map-get($breakpoints, 'md')) {\n        max-width: map-get($viewports, 'md');\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5)\n        var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role='button'] {\n        margin-bottom: 0;\n\n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    @if $enable-classes {\n      .close {\n        display: block;\n        width: 1rem;\n        height: 1rem;\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\n        margin-bottom: var(--typography-spacing-vertical);\n        margin-left: auto;\n        background-image: var(--icon-close);\n        background-position: center;\n        background-size: auto 1rem;\n        background-repeat: no-repeat;\n        opacity: 0.5;\n\n        @if $enable-transitions {\n          transition: opacity var(--transition);\n        }\n\n        &[aria-current],\n        &:hover,\n        &:active,\n        &:focus {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open='false'] {\n    display: none;\n  }\n}\n\n// Utilities\n@if $enable-classes {\n  .modal-is-open {\n    padding-right: var(--scrollbar-width, 0px);\n    overflow: hidden;\n    pointer-events: none;\n\n    dialog {\n      pointer-events: auto;\n    }\n  }\n}\n\n// Animations\n@if ($enable-classes and $enable-transitions) {\n  $animation-duration: 0.2s;\n\n  .modal-is-opening,\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-timing-function: ease-in-out;\n      animation-fill-mode: both;\n    }\n\n    dialog {\n      animation-duration: ($animation-duration * 4);\n      animation-name: fadeIn;\n\n      > article {\n        animation-delay: $animation-duration;\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-delay: 0s;\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n\n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\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(--nav-element-spacing-horizontal) * -1);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n    \n    // Minimal support for buttons and forms elements\n    > * {\n      --spacing: 0;\n    }\n  }\n\n  a {\n    display: inline-block;\n    margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n    padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &[aria-current],\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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n\n    a {\n      display: block;\n    }\n    \n    // Minimal support for links as buttons\n    [role=\"button\"] {\n      margin: inherit;\n    }\n  }\n}\n","/**\n * Progress\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. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  @media (prefers-reduced-motion: no-preference) {\n    progress:indeterminate {\n      animation-direction: reverse;\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","details[role='list'] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n\n  summary {\n    height: calc(\n      1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +\n        var(--border-width) * 2\n    );\n    margin-bottom: 0;\n    padding: var(--form-element-spacing-vertical)\n      var(--form-element-spacing-horizontal);\n    border: var(--border-width) solid var(--form-element-border-color);\n    border-radius: var(--border-radius);\n    line-height: inherit;\n    cursor: pointer;\n\n    &::after {\n      height: 100%;\n      transform: rotate(0deg);\n    }\n\n    & + ul {\n      z-index: 100;\n      position: absolute;\n      top: auto;\n      right: 0px;\n      left: 0px;\n      margin: 0;\n      padding: 0;\n      border: var(--border-width) solid var(--form-element-border-color);\n      border-top: none;\n      border-bottom-right-radius: var(--border-radius);\n      border-bottom-left-radius: var(--border-radius);\n      background-color: var(--background-color);\n      list-style: none;\n\n      li {\n        margin-bottom: 0;\n        &::marker {\n          content: '';\n        }\n\n        label {\n          position: relative;\n          width: 100%;\n          margin: 0;\n          padding: var(--form-element-spacing-vertical)\n            var(--form-element-spacing-horizontal);\n          cursor: pointer;\n          &:hover {\n            background-color: var(--secondary-focus);\n          }\n\n          input[type='radio'],\n          input[type='checkbox'] {\n            appearance: none;\n          }\n        }\n      }\n    }\n  }\n\n  &[disabled] summary,\n  &.disabled summary {\n    color: var(--muted-color);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  &[open] summary {\n    margin-bottom: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    &::before {\n      display: block;\n      z-index: 80;\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background: transparent;\n      content: ' ';\n      cursor: default;\n    }\n\n    &::after {\n      transform: rotate(180deg);\n    }\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\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","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
diff --git a/css/pico.fluid.classless.css b/css/pico.fluid.classless.css
index d455815a..8d37c3a6 100644
--- a/css/pico.fluid.classless.css
+++ b/css/pico.fluid.classless.css
@@ -629,7 +629,7 @@ a {
   transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);
   transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);
 }
-a:hover, a:active, a:focus {
+a[aria-current], a:hover, a:active, a:focus {
   --color: var(--primary-hover);
   --text-decoration: underline;
 }
@@ -917,16 +917,20 @@ input[type=reset],
   cursor: pointer;
   transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
 }
-button:hover, button:active, button:focus,
+button[aria-current], button:hover, button:active, button:focus,
+input[type=submit][aria-current],
 input[type=submit]:hover,
 input[type=submit]:active,
 input[type=submit]:focus,
+input[type=button][aria-current],
 input[type=button]:hover,
 input[type=button]:active,
 input[type=button]:focus,
+input[type=reset][aria-current],
 input[type=reset]:hover,
 input[type=reset]:active,
 input[type=reset]:focus,
+[role=button][aria-current],
 [role=button]:hover,
 [role=button]:active,
 [role=button]:focus {
@@ -950,7 +954,7 @@ input[type=reset] {
   --color: var(--secondary-inverse);
   cursor: pointer;
 }
-input[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {
+input[type=reset][aria-current], input[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {
   --background-color: var(--secondary-hover);
   --border-color: var(--secondary-hover);
 }
@@ -1957,7 +1961,7 @@ nav a {
   border-radius: var(--border-radius);
   text-decoration: none;
 }
-nav a:hover, nav a:active, nav a:focus {
+nav a[aria-current], nav a:hover, nav a:active, nav a:focus {
   text-decoration: none;
 }
 
diff --git a/css/pico.fluid.classless.css.map b/css/pico.fluid.classless.css.map
index cd71dfb6..db13118c 100644
--- a/css/pico.fluid.classless.css.map
+++ b/css/pico.fluid.classless.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../scss/pico.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.fluid.classless.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/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_form-checkbox-radio.scss","../scss/content/_form-alt-input-types.scss","../scss/content/_table.scss","../scss/content/_code.scss","../scss/content/_miscs.scss","../scss/components/_accordion.scss","../scss/components/_card.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_progress.scss","../scss/components/_dropdown.scss","../scss/utilities/_loading.scss","../scss/utilities/_tooltip.scss","../scss/utilities/_accessibility.scss","../scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","file":"pico.fluid.classless.css","sourcesContent":["/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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/grid\"; // .grid\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/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/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n@import \"components/dropdown\"; // dropdown\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\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  // Spacings for nav component\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(255, 255, 255, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\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  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\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\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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,\n[role=button]:hover,\n[role=button]:active,\n[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  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[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]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\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 * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: 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 * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary:not([role=button]) {\n  color: var(--accordion-close-summary-color);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n}\ndetails summary:focus:not([role=button]) {\n  color: var(--accordion-active-summary-color);\n}\ndetails summary[role=button] {\n  width: 100%;\n  text-align: left;\n}\ndetails summary[role=button]::after {\n  height: calc(1rem * var(--line-height));\n  background-image: var(--icon-chevron-button);\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing));\n}\ndetails[open] > summary:not([role=button]):not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary {\n  text-align: right;\n}\n[dir=rtl] details summary::after {\n  float: left;\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  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/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\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(--nav-element-spacing-horizontal) * -1);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n}\nnav li > * {\n  --spacing: 0;\n}\nnav a {\n  display: inline-block;\n  margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n}\naside li a {\n  display: block;\n}\naside li [role=button] {\n  margin: inherit;\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  [dir=rtl] progress:indeterminate {\n    animation-direction: reverse;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\ndetails[role=list] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n}\ndetails[role=list] summary {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n  margin-bottom: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-radius: var(--border-radius);\n  line-height: inherit;\n  cursor: pointer;\n}\ndetails[role=list] summary::after {\n  height: 100%;\n  transform: rotate(0deg);\n}\ndetails[role=list] summary + ul {\n  z-index: 100;\n  position: absolute;\n  top: auto;\n  right: 0px;\n  left: 0px;\n  margin: 0;\n  padding: 0;\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-top: none;\n  border-bottom-right-radius: var(--border-radius);\n  border-bottom-left-radius: var(--border-radius);\n  background-color: var(--background-color);\n  list-style: none;\n}\ndetails[role=list] summary + ul li {\n  margin-bottom: 0;\n}\ndetails[role=list] summary + ul li::marker {\n  content: \"\";\n}\ndetails[role=list] summary + ul li label {\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  cursor: pointer;\n}\ndetails[role=list] summary + ul li label:hover {\n  background-color: var(--secondary-focus);\n}\ndetails[role=list] summary + ul li label input[type=radio],\ndetails[role=list] summary + ul li label input[type=checkbox] {\n  appearance: none;\n}\ndetails[role=list][disabled] summary, details[role=list].disabled summary {\n  color: var(--muted-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\ndetails[role=list][open] summary {\n  margin-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\ndetails[role=list][open] summary::before {\n  display: block;\n  z-index: 80;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: transparent;\n  content: \" \";\n  cursor: default;\n}\ndetails[role=list][open] summary::after {\n  transform: rotate(180deg);\n}\n\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\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 * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.fluid.classless.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-chevron-button: 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($white, .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-chevron-button-inverse: 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($white, .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-chevron-button: 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($white, .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-chevron-button-inverse: 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($black, .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","/**\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\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[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    --color: var(--primary-inverse);\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, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].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      --color: var(--secondary-inverse);\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  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].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      --color: var(--contrast-inverse);\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  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].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  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].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  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[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\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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 * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n    }\n  }\n}\n\n// Aria-invalid\n[type=\"checkbox\"],\n[type=\"checkbox\"]:checked,\n[type=\"radio\"],\n[type=\"radio\"]:checked,\n[type=\"checkbox\"][role=\"switch\"],\n[type=\"checkbox\"][role=\"switch\"]:checked {\n  \n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n  }\n}","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"date\"],\n  &[type=\"datetime-local\"],\n  &[type=\"month\"],\n  &[type=\"time\"],\n  &[type=\"week\"] {\n    --icon-position: 0.75rem;\n    --icon-width: 1rem;\n    padding-right: calc(var(--icon-width) + var(--icon-position));\n    background-image: var(--icon-date);\n    background-position: center right var(--icon-position);\n    background-size: var(--icon-width) auto;\n    background-repeat: no-repeat;\n  }\n\n  // Time\n  &[type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// Calendar picker\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"time\"],\n[type=\"week\"] {\n  &::-webkit-calendar-picker-indicator {\n    width: var(--icon-width);\n    margin-right: calc(var(--icon-width) * -1);\n    margin-left: var(--icon-position);\n    opacity: 0;\n  }\n}\n\n[dir=\"rtl\"] {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    text-align: right;\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\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(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"search\"] {\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n    border-radius: 5rem;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Cancel button\n[type=\"search\"] {\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\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 * Code\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. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n","/**\n * Miscs\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. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    \n    line-height: 1rem;\n    list-style-type: none;\n    cursor: pointer;\n\n    &:not([role=\"button\"]) {\n      color: var(--accordion-close-summary-color);\n    }\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n\n      &:not([role=\"button\"]) {\n        color: var(--accordion-active-summary-color);\n      }\n    }\n\n    // Type button\n    &[role=\"button\"] {\n      width: 100%;\n      text-align: left;\n      \n      // Marker\n      &::after {\n        height: calc(1rem * var(--line-height));\n        background-image: var(--icon-chevron-button);\n      }\n\n      @if $enable-classes {\n        \n        // .contrast\n        &:not(.outline).contrast {\n          \n          // Marker\n          &::after {\n            background-image: var(--icon-chevron-button-inverse);\n          }\n        }\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing));\n\n      &:not([role=\"button\"]) {\n        &:not(:focus) {\n          color: var(--accordion-open-summary-color);\n        }\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      text-align: right;\n\n      &::after {\n        float: left;\n      }\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  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","/**\n * Modal (<dialog>)\n */\n\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    max-height: calc(100vh - var(--spacing) * 2);\n    overflow: auto;\n\n    @if map-get($breakpoints, 'sm') {\n      @media (min-width: map-get($breakpoints, 'sm')) {\n        max-width: map-get($viewports, 'sm');\n      }\n    }\n\n    @if map-get($breakpoints, 'md') {\n      @media (min-width: map-get($breakpoints, 'md')) {\n        max-width: map-get($viewports, 'md');\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5)\n        var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role='button'] {\n        margin-bottom: 0;\n\n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    @if $enable-classes {\n      .close {\n        display: block;\n        width: 1rem;\n        height: 1rem;\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\n        margin-bottom: var(--typography-spacing-vertical);\n        margin-left: auto;\n        background-image: var(--icon-close);\n        background-position: center;\n        background-size: auto 1rem;\n        background-repeat: no-repeat;\n        opacity: 0.5;\n\n        @if $enable-transitions {\n          transition: opacity var(--transition);\n        }\n\n        &:hover,\n        &:active,\n        &:focus {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open='false'] {\n    display: none;\n  }\n}\n\n// Utilities\n@if $enable-classes {\n  .modal-is-open {\n    padding-right: var(--scrollbar-width, 0px);\n    overflow: hidden;\n    pointer-events: none;\n\n    dialog {\n      pointer-events: auto;\n    }\n  }\n}\n\n// Animations\n@if ($enable-classes and $enable-transitions) {\n  $animation-duration: 0.2s;\n\n  .modal-is-opening,\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-timing-function: ease-in-out;\n      animation-fill-mode: both;\n    }\n\n    dialog {\n      animation-duration: ($animation-duration * 4);\n      animation-name: fadeIn;\n\n      > article {\n        animation-delay: $animation-duration;\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-delay: 0s;\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n\n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\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(--nav-element-spacing-horizontal) * -1);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n    \n    // Minimal support for buttons and forms elements\n    > * {\n      --spacing: 0;\n    }\n  }\n\n  a {\n    display: inline-block;\n    margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n    padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n\n    a {\n      display: block;\n    }\n    \n    // Minimal support for links as buttons\n    [role=\"button\"] {\n      margin: inherit;\n    }\n  }\n}\n","/**\n * Progress\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. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  @media (prefers-reduced-motion: no-preference) {\n    progress:indeterminate {\n      animation-direction: reverse;\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","details[role='list'] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n\n  summary {\n    height: calc(\n      1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +\n        var(--border-width) * 2\n    );\n    margin-bottom: 0;\n    padding: var(--form-element-spacing-vertical)\n      var(--form-element-spacing-horizontal);\n    border: var(--border-width) solid var(--form-element-border-color);\n    border-radius: var(--border-radius);\n    line-height: inherit;\n    cursor: pointer;\n\n    &::after {\n      height: 100%;\n      transform: rotate(0deg);\n    }\n\n    & + ul {\n      z-index: 100;\n      position: absolute;\n      top: auto;\n      right: 0px;\n      left: 0px;\n      margin: 0;\n      padding: 0;\n      border: var(--border-width) solid var(--form-element-border-color);\n      border-top: none;\n      border-bottom-right-radius: var(--border-radius);\n      border-bottom-left-radius: var(--border-radius);\n      background-color: var(--background-color);\n      list-style: none;\n\n      li {\n        margin-bottom: 0;\n        &::marker {\n          content: '';\n        }\n\n        label {\n          position: relative;\n          width: 100%;\n          margin: 0;\n          padding: var(--form-element-spacing-vertical)\n            var(--form-element-spacing-horizontal);\n          cursor: pointer;\n          &:hover {\n            background-color: var(--secondary-focus);\n          }\n\n          input[type='radio'],\n          input[type='checkbox'] {\n            appearance: none;\n          }\n        }\n      }\n    }\n  }\n\n  &[disabled] summary,\n  &.disabled summary {\n    color: var(--muted-color);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  &[open] summary {\n    margin-bottom: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    &::before {\n      display: block;\n      z-index: 80;\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background: transparent;\n      content: ' ';\n      cursor: default;\n    }\n\n    &::after {\n      transform: rotate(180deg);\n    }\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\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","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["../scss/pico.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.fluid.classless.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/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_form-checkbox-radio.scss","../scss/content/_form-alt-input-types.scss","../scss/content/_table.scss","../scss/content/_code.scss","../scss/content/_miscs.scss","../scss/components/_accordion.scss","../scss/components/_card.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_progress.scss","../scss/components/_dropdown.scss","../scss/utilities/_loading.scss","../scss/utilities/_tooltip.scss","../scss/utilities/_accessibility.scss","../scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","file":"pico.fluid.classless.css","sourcesContent":["/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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/grid\"; // .grid\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/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/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n@import \"components/dropdown\"; // dropdown\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\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  // Spacings for nav component\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(255, 255, 255, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\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  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na[aria-current], a: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\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton[aria-current], button:hover, button:active, button:focus,\ninput[type=submit][aria-current],\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button][aria-current],\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset][aria-current],\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button][aria-current],\n[role=button]:hover,\n[role=button]:active,\n[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  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[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][aria-current], input[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]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\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 * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: 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 * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary:not([role=button]) {\n  color: var(--accordion-close-summary-color);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n}\ndetails summary:focus:not([role=button]) {\n  color: var(--accordion-active-summary-color);\n}\ndetails summary[role=button] {\n  width: 100%;\n  text-align: left;\n}\ndetails summary[role=button]::after {\n  height: calc(1rem * var(--line-height));\n  background-image: var(--icon-chevron-button);\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing));\n}\ndetails[open] > summary:not([role=button]):not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary {\n  text-align: right;\n}\n[dir=rtl] details summary::after {\n  float: left;\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  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/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\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(--nav-element-spacing-horizontal) * -1);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n}\nnav li > * {\n  --spacing: 0;\n}\nnav a {\n  display: inline-block;\n  margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a[aria-current], nav 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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n}\naside li a {\n  display: block;\n}\naside li [role=button] {\n  margin: inherit;\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  [dir=rtl] progress:indeterminate {\n    animation-direction: reverse;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\ndetails[role=list] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n}\ndetails[role=list] summary {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n  margin-bottom: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-radius: var(--border-radius);\n  line-height: inherit;\n  cursor: pointer;\n}\ndetails[role=list] summary::after {\n  height: 100%;\n  transform: rotate(0deg);\n}\ndetails[role=list] summary + ul {\n  z-index: 100;\n  position: absolute;\n  top: auto;\n  right: 0px;\n  left: 0px;\n  margin: 0;\n  padding: 0;\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-top: none;\n  border-bottom-right-radius: var(--border-radius);\n  border-bottom-left-radius: var(--border-radius);\n  background-color: var(--background-color);\n  list-style: none;\n}\ndetails[role=list] summary + ul li {\n  margin-bottom: 0;\n}\ndetails[role=list] summary + ul li::marker {\n  content: \"\";\n}\ndetails[role=list] summary + ul li label {\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  cursor: pointer;\n}\ndetails[role=list] summary + ul li label:hover {\n  background-color: var(--secondary-focus);\n}\ndetails[role=list] summary + ul li label input[type=radio],\ndetails[role=list] summary + ul li label input[type=checkbox] {\n  appearance: none;\n}\ndetails[role=list][disabled] summary, details[role=list].disabled summary {\n  color: var(--muted-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\ndetails[role=list][open] summary {\n  margin-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\ndetails[role=list][open] summary::before {\n  display: block;\n  z-index: 80;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: transparent;\n  content: \" \";\n  cursor: default;\n}\ndetails[role=list][open] summary::after {\n  transform: rotate(180deg);\n}\n\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\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 * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.fluid.classless.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-chevron-button: 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($white, .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-chevron-button-inverse: 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($white, .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-chevron-button: 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($white, .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-chevron-button-inverse: 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($black, .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","/**\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  &[aria-current],\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      &[aria-current],\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      &[aria-current],\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\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[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  &[aria-current],\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    --color: var(--primary-inverse);\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, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].secondary {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n      --color: var(--secondary-inverse);\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  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].contrast {\n    --background-color: var(--contrast);\n    --border-color: var(--contrast);\n    --color: var(--contrast-inverse);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--contrast-hover);\n      --border-color: var(--contrast-hover);\n      --color: var(--contrast-inverse);\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  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].outline {\n    --background-color: transparent;\n    --color: var(--primary);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: transparent;\n      --color: var(--primary-hover);\n    }\n  }\n\n  // Outline (secondary)\n  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].outline.secondary {\n    --color: var(--secondary);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--secondary-hover);\n    }\n  }\n\n  // Outline (contrast)\n  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[type=\"reset\"] {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &[aria-current],\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\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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 * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n    }\n  }\n}\n\n// Aria-invalid\n[type=\"checkbox\"],\n[type=\"checkbox\"]:checked,\n[type=\"radio\"],\n[type=\"radio\"]:checked,\n[type=\"checkbox\"][role=\"switch\"],\n[type=\"checkbox\"][role=\"switch\"]:checked {\n  \n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n  }\n}","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"date\"],\n  &[type=\"datetime-local\"],\n  &[type=\"month\"],\n  &[type=\"time\"],\n  &[type=\"week\"] {\n    --icon-position: 0.75rem;\n    --icon-width: 1rem;\n    padding-right: calc(var(--icon-width) + var(--icon-position));\n    background-image: var(--icon-date);\n    background-position: center right var(--icon-position);\n    background-size: var(--icon-width) auto;\n    background-repeat: no-repeat;\n  }\n\n  // Time\n  &[type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// Calendar picker\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"time\"],\n[type=\"week\"] {\n  &::-webkit-calendar-picker-indicator {\n    width: var(--icon-width);\n    margin-right: calc(var(--icon-width) * -1);\n    margin-left: var(--icon-position);\n    opacity: 0;\n  }\n}\n\n[dir=\"rtl\"] {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    text-align: right;\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\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(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"search\"] {\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n    border-radius: 5rem;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Cancel button\n[type=\"search\"] {\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\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 * Code\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. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n","/**\n * Miscs\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. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    \n    line-height: 1rem;\n    list-style-type: none;\n    cursor: pointer;\n\n    &:not([role=\"button\"]) {\n      color: var(--accordion-close-summary-color);\n    }\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n\n      &:not([role=\"button\"]) {\n        color: var(--accordion-active-summary-color);\n      }\n    }\n\n    // Type button\n    &[role=\"button\"] {\n      width: 100%;\n      text-align: left;\n      \n      // Marker\n      &::after {\n        height: calc(1rem * var(--line-height));\n        background-image: var(--icon-chevron-button);\n      }\n\n      @if $enable-classes {\n        \n        // .contrast\n        &:not(.outline).contrast {\n          \n          // Marker\n          &::after {\n            background-image: var(--icon-chevron-button-inverse);\n          }\n        }\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing));\n\n      &:not([role=\"button\"]) {\n        &:not(:focus) {\n          color: var(--accordion-open-summary-color);\n        }\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      text-align: right;\n\n      &::after {\n        float: left;\n      }\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  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","/**\n * Modal (<dialog>)\n */\n\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    max-height: calc(100vh - var(--spacing) * 2);\n    overflow: auto;\n\n    @if map-get($breakpoints, 'sm') {\n      @media (min-width: map-get($breakpoints, 'sm')) {\n        max-width: map-get($viewports, 'sm');\n      }\n    }\n\n    @if map-get($breakpoints, 'md') {\n      @media (min-width: map-get($breakpoints, 'md')) {\n        max-width: map-get($viewports, 'md');\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5)\n        var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role='button'] {\n        margin-bottom: 0;\n\n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    @if $enable-classes {\n      .close {\n        display: block;\n        width: 1rem;\n        height: 1rem;\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\n        margin-bottom: var(--typography-spacing-vertical);\n        margin-left: auto;\n        background-image: var(--icon-close);\n        background-position: center;\n        background-size: auto 1rem;\n        background-repeat: no-repeat;\n        opacity: 0.5;\n\n        @if $enable-transitions {\n          transition: opacity var(--transition);\n        }\n\n        &[aria-current],\n        &:hover,\n        &:active,\n        &:focus {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open='false'] {\n    display: none;\n  }\n}\n\n// Utilities\n@if $enable-classes {\n  .modal-is-open {\n    padding-right: var(--scrollbar-width, 0px);\n    overflow: hidden;\n    pointer-events: none;\n\n    dialog {\n      pointer-events: auto;\n    }\n  }\n}\n\n// Animations\n@if ($enable-classes and $enable-transitions) {\n  $animation-duration: 0.2s;\n\n  .modal-is-opening,\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-timing-function: ease-in-out;\n      animation-fill-mode: both;\n    }\n\n    dialog {\n      animation-duration: ($animation-duration * 4);\n      animation-name: fadeIn;\n\n      > article {\n        animation-delay: $animation-duration;\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-delay: 0s;\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n\n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\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(--nav-element-spacing-horizontal) * -1);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n    \n    // Minimal support for buttons and forms elements\n    > * {\n      --spacing: 0;\n    }\n  }\n\n  a {\n    display: inline-block;\n    margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n    padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &[aria-current],\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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n\n    a {\n      display: block;\n    }\n    \n    // Minimal support for links as buttons\n    [role=\"button\"] {\n      margin: inherit;\n    }\n  }\n}\n","/**\n * Progress\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. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  @media (prefers-reduced-motion: no-preference) {\n    progress:indeterminate {\n      animation-direction: reverse;\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","details[role='list'] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n\n  summary {\n    height: calc(\n      1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +\n        var(--border-width) * 2\n    );\n    margin-bottom: 0;\n    padding: var(--form-element-spacing-vertical)\n      var(--form-element-spacing-horizontal);\n    border: var(--border-width) solid var(--form-element-border-color);\n    border-radius: var(--border-radius);\n    line-height: inherit;\n    cursor: pointer;\n\n    &::after {\n      height: 100%;\n      transform: rotate(0deg);\n    }\n\n    & + ul {\n      z-index: 100;\n      position: absolute;\n      top: auto;\n      right: 0px;\n      left: 0px;\n      margin: 0;\n      padding: 0;\n      border: var(--border-width) solid var(--form-element-border-color);\n      border-top: none;\n      border-bottom-right-radius: var(--border-radius);\n      border-bottom-left-radius: var(--border-radius);\n      background-color: var(--background-color);\n      list-style: none;\n\n      li {\n        margin-bottom: 0;\n        &::marker {\n          content: '';\n        }\n\n        label {\n          position: relative;\n          width: 100%;\n          margin: 0;\n          padding: var(--form-element-spacing-vertical)\n            var(--form-element-spacing-horizontal);\n          cursor: pointer;\n          &:hover {\n            background-color: var(--secondary-focus);\n          }\n\n          input[type='radio'],\n          input[type='checkbox'] {\n            appearance: none;\n          }\n        }\n      }\n    }\n  }\n\n  &[disabled] summary,\n  &.disabled summary {\n    color: var(--muted-color);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  &[open] summary {\n    margin-bottom: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    &::before {\n      display: block;\n      z-index: 80;\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background: transparent;\n      content: ' ';\n      cursor: default;\n    }\n\n    &::after {\n      transform: rotate(180deg);\n    }\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\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","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
diff --git a/css/pico.fluid.classless.min.css b/css/pico.fluid.classless.min.css
index 919e97bc..43312756 100644
--- a/css/pico.fluid.classless.min.css
+++ b/css/pico.fluid.classless.min.css
@@ -1,5 +1,5 @@
 /*!
  * Pico.css v1.4.4 (https://picocss.com)
  * Copyright 2019-2021 - Licensed under MIT
- */: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;--nav-element-spacing-vertical:1rem;--nav-element-spacing-horizontal:0.75rem;--nav-link-spacing-vertical:0.5rem;--nav-link-spacing-horizontal:0.5rem;--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}}@media (min-width:576px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 2.5)}}@media (min-width:768px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3)}}@media (min-width:992px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3.5)}}@media (min-width:1200px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 4)}}@media (min-width:576px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:992px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.75)}}@media (min-width:1200px){article{--block-spacing-horizontal:calc(var(--spacing) * 2)}}dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing)}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(255, 255, 255, 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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(0, 0, 0, 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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(0, 0, 0, 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)}section{margin-bottom:var(--block-spacing-vertical)}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);transition:background-color var(--transition),color var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition)}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)}[role=button]{display:inline-block;text-decoration:none}[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;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[role=button]:active,[role=button]:focus,[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));--color:var(--primary-inverse)}[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)}[role=button][disabled],a[role=button]:not([href]),button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{opacity:.5;pointer-events:none}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);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}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)!important;padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal)!important;padding-inline-start:var(--form-element-spacing-horizontal)!important;-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;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)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-valid-focus-color)!important}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)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-invalid-focus-color)!important}[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)}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25em;height:1.25em;margin-top:-.125em;margin-right:.375em;margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.375em;margin-inline-end:.375em;border-width:var(--border-width);font-size:inherit;vertical-align:middle;cursor:pointer}[type=checkbox]::-ms-check,[type=radio]::-ms-check{display:none}[type=checkbox]:checked,[type=checkbox]:checked:active,[type=checkbox]:checked:focus,[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-checkbox);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=checkbox]~label,[type=radio]~label{display:inline-block;margin-right:.375em;margin-bottom:0;cursor:pointer}[type=checkbox]:indeterminate{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-minus);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=radio]{border-radius:50%}[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary-inverse);border-width:.35em;background-image:none}[type=checkbox][role=switch]{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color);--color:var(--switch-color);width:2.25em;height:1.25em;border:var(--border-width) solid var(--border-color);border-radius:1.25em;background-color:var(--background-color);line-height:1.25em}[type=checkbox][role=switch]:focus{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color)}[type=checkbox][role=switch]:checked{--background-color:var(--switch-checked-background-color);--border-color:var(--switch-checked-background-color)}[type=checkbox][role=switch]:before{display:block;width:calc(1.25em - (var(--border-width) * 2));height:100%;border-radius:50%;background-color:var(--color);content:"";transition:margin .1s ease-in-out}[type=checkbox][role=switch]:checked{background-image:none}[type=checkbox][role=switch]:checked::before{margin-left:calc(1.125em - var(--border-width));-webkit-margin-start:calc(1.125em - var(--border-width));margin-inline-start:calc(1.125em - var(--border-width))}[type=checkbox]:checked[aria-invalid=false],[type=checkbox][aria-invalid=false],[type=checkbox][role=switch]:checked[aria-invalid=false],[type=checkbox][role=switch][aria-invalid=false],[type=radio]:checked[aria-invalid=false],[type=radio][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox]:checked[aria-invalid=true],[type=checkbox][aria-invalid=true],[type=checkbox][role=switch]:checked[aria-invalid=true],[type=checkbox][role=switch][aria-invalid=true],[type=radio]:checked[aria-invalid=true],[type=radio][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week]{--icon-position:0.75rem;--icon-width:1rem;padding-right:calc(var(--icon-width) + var(--icon-position));background-image:var(--icon-date);background-position:center right var(--icon-position);background-size:var(--icon-width) auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time]{background-image:var(--icon-time)}[type=date]::-webkit-calendar-picker-indicator,[type=datetime-local]::-webkit-calendar-picker-indicator,[type=month]::-webkit-calendar-picker-indicator,[type=time]::-webkit-calendar-picker-indicator,[type=week]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}[dir=rtl] [type=date],[dir=rtl] [type=datetime-local],[dir=rtl] [type=month],[dir=rtl] [type=time],[dir=rtl] [type=week]{text-align:right}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:none;border-radius:0;background:0 0}[type=file]:active,[type=file]:focus,[type=file]:hover{border:none;background:0 0}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::file-selector-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::file-selector-button:active,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-ms-browse{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;margin-inline-start:0;margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;-ms-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-ms-browse:active,[type=file]::-ms-browse:focus,[type=file]::-ms-browse:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.25rem;background:0 0}[type=range]::-webkit-slider-runnable-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-webkit-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-moz-range-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-moz-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-ms-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-ms-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-webkit-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-moz-range-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-moz-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-ms-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-ms-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]:focus,[type=range]:hover{--range-border-color:var(--range-active-border-color);--range-thumb-color:var(--range-thumb-hover-color)}[type=range]:active{--range-thumb-color:var(--range-thumb-active-color)}[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}[type=range]:active::-moz-range-thumb{transform:scale(1.25)}[type=range]:active::-ms-thumb{transform:scale(1.25)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search]{padding-left:calc(var(--form-element-spacing-horizontal) + 1.75rem);border-radius:5rem;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display: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)}code,kbd,pre,samp{font-size:.875em;font-family:var(--font-family)}pre{-ms-overflow-style:scrollbar;overflow:auto}code,kbd,pre{border-radius:var(--border-radius);background:var(--code-background-color);color:var(--code-color);font-weight:var(--font-weight);line-height:initial}code,kbd{display:inline-block;padding:.375rem .5rem}pre{display:block;margin-bottom:var(--spacing);overflow-x:auto}pre>code{display:block;padding:var(--spacing);background:0 0;font-size:14px;line-height:var(--line-height)}code b{color:var(--code-tag-color);font-weight:var(--font-weight)}code i{color:var(--code-property-color);font-style:normal}code u{color:var(--code-value-color);text-decoration:none}code em{color:var(--code-comment-color);font-style:normal}kbd{background-color:var(--code-kbd-background-color);color:var(--code-kbd-color);vertical-align:baseline}hr{box-sizing:content-box;height:0;overflow:visible;border:none;border-top:1px solid var(--muted-border-color)}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:calc(var(--spacing));border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{line-height:1rem;list-style-type:none;cursor:pointer;transition:color var(--transition)}details summary:not([role=button]){color:var(--accordion-close-summary-color)}details summary::-webkit-details-marker{display:none}details summary::marker{display:none}details summary::-moz-list-bullet{list-style-type:none}details summary::after{display:block;width:1rem;height:1rem;float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0}details summary:focus:not([role=button]){color:var(--accordion-active-summary-color)}details summary[role=button]{width:100%;text-align:left}details summary[role=button]::after{height:calc(1rem * var(--line-height));background-image:var(--icon-chevron-button)}details[open]>summary{margin-bottom:calc(var(--spacing))}details[open]>summary:not([role=button]):not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary{text-align:right}[dir=rtl] details summary::after{float:left}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);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{--scrollbar-width:0px}dialog{display:flex;z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:inherit;min-width:100%;height:inherit;min-height:100%;padding:var(--spacing);border:none;background-color:var(--modal-overlay-background-color)}dialog article{max-height:calc(100vh - var(--spacing) * 2);overflow:auto}@media (min-width:576px){dialog article{max-width:510px}}@media (min-width:768px){dialog article{max-width:700px}}dialog article>footer,dialog article>header{padding:calc(var(--block-spacing-vertical) * .5) var(--block-spacing-horizontal)}dialog article>header .close{margin:0;margin-left:var(--spacing);float:right}dialog article>footer{text-align:right}dialog article>footer [role=button]{margin-bottom:0}dialog article>footer [role=button]:not(:first-of-type){margin-left:calc(var(--spacing) * .5)}dialog article p:last-of-type{margin:0}dialog:not([open]),dialog[open=false]{display:none}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(--nav-element-spacing-horizontal) * -1)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--nav-element-spacing-horizontal) * -1)}nav li{display:inline-block;margin:0;padding:var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal)}nav li>*{--spacing:0}nav a{display:inline-block;margin:calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);padding:var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);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(--nav-element-spacing-vertical) * .5) var(--nav-element-spacing-horizontal)}aside li a{display:block}aside li [role=button]{margin:inherit}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;-webkit-animation:progressIndeterminate 1s linear infinite;animation:progressIndeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@media (prefers-reduced-motion:no-preference){[dir=rtl] progress:indeterminate{animation-direction:reverse}}@-webkit-keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}details[role=list]{position:relative;padding:0;border-bottom:none}details[role=list] summary{height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);margin-bottom:0;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--form-element-border-color);border-radius:var(--border-radius);line-height:inherit;cursor:pointer}details[role=list] summary::after{height:100%;transform:rotate(0)}details[role=list] summary+ul{z-index:100;position:absolute;top:auto;right:0;left:0;margin:0;padding:0;border:var(--border-width) solid var(--form-element-border-color);border-top:none;border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);background-color:var(--background-color);list-style:none}details[role=list] summary+ul li{margin-bottom:0}details[role=list] summary+ul li::marker{content:""}details[role=list] summary+ul li label{position:relative;width:100%;margin:0;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);cursor:pointer}details[role=list] summary+ul li label:hover{background-color:var(--secondary-focus)}details[role=list] summary+ul li label input[type=checkbox],details[role=list] summary+ul li label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none}details[role=list].disabled summary,details[role=list][disabled] summary{color:var(--muted-color);cursor:not-allowed;pointer-events:none}details[role=list][open] summary{margin-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}details[role=list][open] summary::before{display:block;z-index:80;position:fixed;top:0;right:0;bottom:0;left:0;background:0 0;content:" ";cursor:default}details[role=list][open] summary::after{transform:rotate(180deg)}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input):not(select):not(textarea)::before{display:inline-block;width:1em;height:1em;border:.1875em solid currentColor;border-radius:1em;border-right-color:transparent;content:"";vertical-align:text-bottom;vertical-align:-.125em;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before{margin-right:calc(var(--spacing) * .5);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing) * .5);margin-inline-end:calc(var(--spacing) * .5)}[aria-busy=true]:not(input):not(select):not(textarea):empty{text-align:center}a[aria-busy=true],button[aria-busy=true],input[type=button][aria-busy=true],input[type=reset][aria-busy=true],input[type=submit][aria-busy=true]{pointer-events:none}@-webkit-keyframes spinner{to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a):not(button):not(input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::before{display:block;z-index:99;position:absolute;bottom:100%;left:50%;padding:.25rem .5rem;overflow:hidden;transform:translate(-50%,-.25rem);border-radius:var(--border-radius);background:var(--tooltip-background-color);content:attr(data-tooltip);color:var(--tooltip-color);font-style:normal;font-weight:var(--font-weight);font-size:.875rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none}[data-tooltip]::after{padding:0;transform:translate(-50%,0);border-top:.3rem solid;border-right:.3rem solid transparent;border-left:.3rem solid transparent;border-radius:0;background-color:transparent;content:"";color:var(--tooltip-background-color)}[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media (hover:hover) and (pointer:fine){[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide;animation-name:slide}[data-tooltip]:focus::after,[data-tooltip]:hover::after{-webkit-animation-name:slideCaret;animation-name:slideCaret}}@-webkit-keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@-webkit-keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}[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}@media (prefers-reduced-motion:reduce){:not([aria-busy=true]),:not([aria-busy=true])::after,:not([aria-busy=true])::before{background-attachment:initial!important;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
+ */: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;--nav-element-spacing-vertical:1rem;--nav-element-spacing-horizontal:0.75rem;--nav-link-spacing-vertical:0.5rem;--nav-link-spacing-horizontal:0.5rem;--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}}@media (min-width:576px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 2.5)}}@media (min-width:768px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3)}}@media (min-width:992px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3.5)}}@media (min-width:1200px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 4)}}@media (min-width:576px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:992px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.75)}}@media (min-width:1200px){article{--block-spacing-horizontal:calc(var(--spacing) * 2)}}dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing)}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(255, 255, 255, 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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(0, 0, 0, 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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(0, 0, 0, 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)}section{margin-bottom:var(--block-spacing-vertical)}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);transition:background-color var(--transition),color var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition)}a:active,a:focus,a:hover,a[aria-current]{--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)}[role=button]{display:inline-block;text-decoration:none}[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;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[role=button]:active,[role=button]:focus,[role=button]:hover,[role=button][aria-current],button:active,button:focus,button:hover,button[aria-current],input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=button][aria-current],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=reset][aria-current],input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover,input[type=submit][aria-current]{--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));--color:var(--primary-inverse)}[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,input[type=reset][aria-current]{--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)}[role=button][disabled],a[role=button]:not([href]),button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{opacity:.5;pointer-events:none}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);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}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)!important;padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal)!important;padding-inline-start:var(--form-element-spacing-horizontal)!important;-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;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)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-valid-focus-color)!important}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)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-invalid-focus-color)!important}[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)}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25em;height:1.25em;margin-top:-.125em;margin-right:.375em;margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.375em;margin-inline-end:.375em;border-width:var(--border-width);font-size:inherit;vertical-align:middle;cursor:pointer}[type=checkbox]::-ms-check,[type=radio]::-ms-check{display:none}[type=checkbox]:checked,[type=checkbox]:checked:active,[type=checkbox]:checked:focus,[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-checkbox);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=checkbox]~label,[type=radio]~label{display:inline-block;margin-right:.375em;margin-bottom:0;cursor:pointer}[type=checkbox]:indeterminate{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-minus);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=radio]{border-radius:50%}[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary-inverse);border-width:.35em;background-image:none}[type=checkbox][role=switch]{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color);--color:var(--switch-color);width:2.25em;height:1.25em;border:var(--border-width) solid var(--border-color);border-radius:1.25em;background-color:var(--background-color);line-height:1.25em}[type=checkbox][role=switch]:focus{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color)}[type=checkbox][role=switch]:checked{--background-color:var(--switch-checked-background-color);--border-color:var(--switch-checked-background-color)}[type=checkbox][role=switch]:before{display:block;width:calc(1.25em - (var(--border-width) * 2));height:100%;border-radius:50%;background-color:var(--color);content:"";transition:margin .1s ease-in-out}[type=checkbox][role=switch]:checked{background-image:none}[type=checkbox][role=switch]:checked::before{margin-left:calc(1.125em - var(--border-width));-webkit-margin-start:calc(1.125em - var(--border-width));margin-inline-start:calc(1.125em - var(--border-width))}[type=checkbox]:checked[aria-invalid=false],[type=checkbox][aria-invalid=false],[type=checkbox][role=switch]:checked[aria-invalid=false],[type=checkbox][role=switch][aria-invalid=false],[type=radio]:checked[aria-invalid=false],[type=radio][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox]:checked[aria-invalid=true],[type=checkbox][aria-invalid=true],[type=checkbox][role=switch]:checked[aria-invalid=true],[type=checkbox][role=switch][aria-invalid=true],[type=radio]:checked[aria-invalid=true],[type=radio][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week]{--icon-position:0.75rem;--icon-width:1rem;padding-right:calc(var(--icon-width) + var(--icon-position));background-image:var(--icon-date);background-position:center right var(--icon-position);background-size:var(--icon-width) auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time]{background-image:var(--icon-time)}[type=date]::-webkit-calendar-picker-indicator,[type=datetime-local]::-webkit-calendar-picker-indicator,[type=month]::-webkit-calendar-picker-indicator,[type=time]::-webkit-calendar-picker-indicator,[type=week]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}[dir=rtl] [type=date],[dir=rtl] [type=datetime-local],[dir=rtl] [type=month],[dir=rtl] [type=time],[dir=rtl] [type=week]{text-align:right}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:none;border-radius:0;background:0 0}[type=file]:active,[type=file]:focus,[type=file]:hover{border:none;background:0 0}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::file-selector-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::file-selector-button:active,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-ms-browse{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;margin-inline-start:0;margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;-ms-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-ms-browse:active,[type=file]::-ms-browse:focus,[type=file]::-ms-browse:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.25rem;background:0 0}[type=range]::-webkit-slider-runnable-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-webkit-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-moz-range-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-moz-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-ms-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-ms-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-webkit-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-moz-range-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-moz-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-ms-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-ms-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]:focus,[type=range]:hover{--range-border-color:var(--range-active-border-color);--range-thumb-color:var(--range-thumb-hover-color)}[type=range]:active{--range-thumb-color:var(--range-thumb-active-color)}[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}[type=range]:active::-moz-range-thumb{transform:scale(1.25)}[type=range]:active::-ms-thumb{transform:scale(1.25)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search]{padding-left:calc(var(--form-element-spacing-horizontal) + 1.75rem);border-radius:5rem;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display: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)}code,kbd,pre,samp{font-size:.875em;font-family:var(--font-family)}pre{-ms-overflow-style:scrollbar;overflow:auto}code,kbd,pre{border-radius:var(--border-radius);background:var(--code-background-color);color:var(--code-color);font-weight:var(--font-weight);line-height:initial}code,kbd{display:inline-block;padding:.375rem .5rem}pre{display:block;margin-bottom:var(--spacing);overflow-x:auto}pre>code{display:block;padding:var(--spacing);background:0 0;font-size:14px;line-height:var(--line-height)}code b{color:var(--code-tag-color);font-weight:var(--font-weight)}code i{color:var(--code-property-color);font-style:normal}code u{color:var(--code-value-color);text-decoration:none}code em{color:var(--code-comment-color);font-style:normal}kbd{background-color:var(--code-kbd-background-color);color:var(--code-kbd-color);vertical-align:baseline}hr{box-sizing:content-box;height:0;overflow:visible;border:none;border-top:1px solid var(--muted-border-color)}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:calc(var(--spacing));border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{line-height:1rem;list-style-type:none;cursor:pointer;transition:color var(--transition)}details summary:not([role=button]){color:var(--accordion-close-summary-color)}details summary::-webkit-details-marker{display:none}details summary::marker{display:none}details summary::-moz-list-bullet{list-style-type:none}details summary::after{display:block;width:1rem;height:1rem;float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0}details summary:focus:not([role=button]){color:var(--accordion-active-summary-color)}details summary[role=button]{width:100%;text-align:left}details summary[role=button]::after{height:calc(1rem * var(--line-height));background-image:var(--icon-chevron-button)}details[open]>summary{margin-bottom:calc(var(--spacing))}details[open]>summary:not([role=button]):not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary{text-align:right}[dir=rtl] details summary::after{float:left}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);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{--scrollbar-width:0px}dialog{display:flex;z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:inherit;min-width:100%;height:inherit;min-height:100%;padding:var(--spacing);border:none;background-color:var(--modal-overlay-background-color)}dialog article{max-height:calc(100vh - var(--spacing) * 2);overflow:auto}@media (min-width:576px){dialog article{max-width:510px}}@media (min-width:768px){dialog article{max-width:700px}}dialog article>footer,dialog article>header{padding:calc(var(--block-spacing-vertical) * .5) var(--block-spacing-horizontal)}dialog article>header .close{margin:0;margin-left:var(--spacing);float:right}dialog article>footer{text-align:right}dialog article>footer [role=button]{margin-bottom:0}dialog article>footer [role=button]:not(:first-of-type){margin-left:calc(var(--spacing) * .5)}dialog article p:last-of-type{margin:0}dialog:not([open]),dialog[open=false]{display:none}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(--nav-element-spacing-horizontal) * -1)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--nav-element-spacing-horizontal) * -1)}nav li{display:inline-block;margin:0;padding:var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal)}nav li>*{--spacing:0}nav a{display:inline-block;margin:calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);padding:var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);border-radius:var(--border-radius);text-decoration:none}nav a:active,nav a:focus,nav a:hover,nav a[aria-current]{text-decoration:none}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--nav-element-spacing-vertical) * .5) var(--nav-element-spacing-horizontal)}aside li a{display:block}aside li [role=button]{margin:inherit}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;-webkit-animation:progressIndeterminate 1s linear infinite;animation:progressIndeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@media (prefers-reduced-motion:no-preference){[dir=rtl] progress:indeterminate{animation-direction:reverse}}@-webkit-keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}details[role=list]{position:relative;padding:0;border-bottom:none}details[role=list] summary{height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);margin-bottom:0;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--form-element-border-color);border-radius:var(--border-radius);line-height:inherit;cursor:pointer}details[role=list] summary::after{height:100%;transform:rotate(0)}details[role=list] summary+ul{z-index:100;position:absolute;top:auto;right:0;left:0;margin:0;padding:0;border:var(--border-width) solid var(--form-element-border-color);border-top:none;border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);background-color:var(--background-color);list-style:none}details[role=list] summary+ul li{margin-bottom:0}details[role=list] summary+ul li::marker{content:""}details[role=list] summary+ul li label{position:relative;width:100%;margin:0;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);cursor:pointer}details[role=list] summary+ul li label:hover{background-color:var(--secondary-focus)}details[role=list] summary+ul li label input[type=checkbox],details[role=list] summary+ul li label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none}details[role=list].disabled summary,details[role=list][disabled] summary{color:var(--muted-color);cursor:not-allowed;pointer-events:none}details[role=list][open] summary{margin-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}details[role=list][open] summary::before{display:block;z-index:80;position:fixed;top:0;right:0;bottom:0;left:0;background:0 0;content:" ";cursor:default}details[role=list][open] summary::after{transform:rotate(180deg)}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input):not(select):not(textarea)::before{display:inline-block;width:1em;height:1em;border:.1875em solid currentColor;border-radius:1em;border-right-color:transparent;content:"";vertical-align:text-bottom;vertical-align:-.125em;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before{margin-right:calc(var(--spacing) * .5);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing) * .5);margin-inline-end:calc(var(--spacing) * .5)}[aria-busy=true]:not(input):not(select):not(textarea):empty{text-align:center}a[aria-busy=true],button[aria-busy=true],input[type=button][aria-busy=true],input[type=reset][aria-busy=true],input[type=submit][aria-busy=true]{pointer-events:none}@-webkit-keyframes spinner{to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a):not(button):not(input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::before{display:block;z-index:99;position:absolute;bottom:100%;left:50%;padding:.25rem .5rem;overflow:hidden;transform:translate(-50%,-.25rem);border-radius:var(--border-radius);background:var(--tooltip-background-color);content:attr(data-tooltip);color:var(--tooltip-color);font-style:normal;font-weight:var(--font-weight);font-size:.875rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none}[data-tooltip]::after{padding:0;transform:translate(-50%,0);border-top:.3rem solid;border-right:.3rem solid transparent;border-left:.3rem solid transparent;border-radius:0;background-color:transparent;content:"";color:var(--tooltip-background-color)}[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media (hover:hover) and (pointer:fine){[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide;animation-name:slide}[data-tooltip]:focus::after,[data-tooltip]:hover::after{-webkit-animation-name:slideCaret;animation-name:slideCaret}}@-webkit-keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@-webkit-keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}[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}@media (prefers-reduced-motion:reduce){:not([aria-busy=true]),:not([aria-busy=true])::after,:not([aria-busy=true])::before{background-attachment:initial!important;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
 /*# sourceMappingURL=pico.fluid.classless.min.css.map */
\ No newline at end of file
diff --git a/css/pico.fluid.classless.min.css.map b/css/pico.fluid.classless.min.css.map
index 8823f386..aa6069f8 100644
--- a/css/pico.fluid.classless.min.css.map
+++ b/css/pico.fluid.classless.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["scss/pico.scss","scss/themes/default/_styles.scss","css/pico.fluid.classless.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/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_form.scss","scss/content/_form-checkbox-radio.scss","scss/content/_form-alt-input-types.scss","scss/content/_table.scss","scss/content/_code.scss","scss/content/_miscs.scss","scss/components/_accordion.scss","scss/components/_card.scss","scss/components/_modal.scss","scss/components/_nav.scss","scss/components/_progress.scss","scss/components/_dropdown.scss","scss/utilities/_loading.scss","scss/utilities/_tooltip.scss","scss/utilities/_accessibility.scss","scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"AAAA;;;ACCA,MAEE,cAAA,SAAA,CAAA,aAAA,CAAA,UAAA,CAAA,QAAA,CAAA,QAAA,CCME,WAAW,CAAE,WAAW,CAAE,UAAU,CAAE,mBAAmB,CAAE,gBAAgB,CAC3E,iBAAiB,CAAE,mBDJrB,cAAA,IACA,cAAA,IACA,YAAA,KA8BA,gBAAA,QACA,eAAA,IACA,gBAAA,IAGA,UAAA,KAGA,8BAAA,OAGA,yBAAA,yBACA,2BAAA,eAQA,gCAAA,QACA,kCAAA,KAGA,+BAAA,KACA,iCAAA,QACA,4BAAA,OACA,8BAAA,OAGA,yBAAA,mBAGA,aAAA,KAAA,YA1DI,yBAZN,MAaQ,YAAA,MAKF,yBAlBN,MAmBQ,YAAA,MAKF,yBAxBN,MAyBQ,YAAA,MAKF,0BA9BN,MA+BQ,YAAA,MAkDF,yBC5BN,YDuBE,YCxBF,UAEA,QD4BQ,yBAAA,4BAKF,yBC1BN,YDeE,YChBF,UAEA,QD0BQ,yBAAA,0BAKF,yBCxBN,YDOE,YCRF,UAEA,QDwBQ,yBAAA,4BAKF,0BCtBN,YDDE,YCAF,UAEA,QDsBQ,yBAAA,0BAQF,yBAFJ,QAGM,2BAAA,6BAKF,yBARJ,QASM,2BAAA,4BAKF,yBAdJ,QAeM,2BAAA,6BAKF,0BApBJ,QAqBM,2BAAA,0BAMN,eAEE,yBAAA,yBACA,2BAAA,eAGE,yBANJ,eAOM,yBAAA,2BACA,2BAAA,6BAKF,yBAbJ,eAcM,yBAAA,yBACA,2BAAA,4BAOR,EACE,kBAAA,KAYF,MACE,YAAA,QAIF,GC3CA,GACA,GACA,GACA,GACA,GD6CE,cAAA,IAGF,GACE,YAAA,KACA,8BAAA,KAGF,GACE,YAAA,QACA,8BAAA,SAGF,GACE,YAAA,OACA,8BAAA,QAGF,GACE,YAAA,QACA,8BAAA,SAGF,GACE,YAAA,SACA,8BAAA,UAIF,gBC5CA,aD8CE,eAAA,IAGF,6BACE,eAAA,ICvCF,SADA,SADA,SD+CE,SAEE,eAAA,IAIJ,4BACE,YAAA,QC3CF,KACA,ID8CA,IC7CA,KDiDE,cAAA,OAAA,CAAA,UAAA,CAAA,aAAA,CAAA,kBAAA,CC/CE,WAAW,CAAE,aAAa,CAAE,iBAAiB,CAAE,SAAS,CACxD,mBAAmB,CAAE,gBAAgB,CAAE,iBAAiB,CAAE,mBDmD9D,IACE,cAAA,OC5CF,6BCrMA,mBAGE,aAAA,MACA,mBAAA,KAGA,QAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QAGA,cAAA,QACA,qBAAA,QAGA,UAAA,QACA,gBAAA,QACA,gBAAA,0BACA,kBAAA,KAGA,YAAA,QACA,kBAAA,QACA,kBAAA,0BACA,oBAAA,KAGA,WAAA,QACA,iBAAA,KACA,iBAAA,0BACA,mBAAA,KAGA,wBAAA,QACA,aAAA,QAGA,YAAA,QACA,YAAA,QAGA,0BAAA,0BACA,0BAAA,mBAKA,oBAAA,EAAA,EAAA,EAAA,iBACA,0BAAA,EAAA,EAAA,EAAA,iBAGA,gCAAA,YACA,4BAAA,QACA,qBAAA,aACA,iCAAA,mBACA,uCAAA,YACA,mCAAA,eACA,2BAAA,qBACA,yCAAA,QACA,qCAAA,QACA,gCAAA,IACA,oCAAA,QACA,2CAAA,QACA,mCAAA,yBACA,kCAAA,QACA,yCAAA,QACA,iCAAA,yBAGA,0BAAA,QACA,eAAA,uBACA,kCAAA,eAGA,qBAAA,QACA,4BAAA,QACA,2BAAA,wBACA,oBAAA,iBACA,0BAAA,uBACA,2BAAA,eAGA,qBAAA,0BACA,sCAAA,QAGA,wBAAA,QACA,aAAA,mBACA,4BAAA,gBACA,iBAAA,wBACA,iBAAA,QACA,sBAAA,QACA,mBAAA,QACA,qBAAA,QAGA,yBAAA,0BACA,gCAAA,aACA,+BAAA,mBAGA,wBAAA,wBACA,oBAAA,0BACA,kBAAA,EAAA,SAAA,KAAA,sBAAA,CDkKE,EAAE,SAAS,KAAK,sBAAsB,CACtC,EAAE,EAAE,EAAE,UAAU,wBChKlB,oCAAA,QAGA,iCAAA,yBAGA,4BAAA,QACA,iBAAA,eAGA,0BAAA,IAGA,2BAAA,gBACA,gBAAA,wBAGA,gBAAA,6QACA,eAAA,8RACA,sBAAA,iSACA,8BAAA,iSACA,aAAA,kVACA,YAAA,ucACA,eAAA,sYACA,aAAA,4QACA,cAAA,mVACA,YAAA,gVACA,aAAA,+RCzHF,mDACE,8BChBA,aAAA,KACA,mBAAA,QAGA,QAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QAGA,cAAA,QACA,qBAAA,QAGA,UAAA,QACA,gBAAA,QACA,gBAAA,yBACA,kBAAA,KAGA,YAAA,QACA,kBAAA,QACA,kBAAA,0BACA,oBAAA,KAGA,WAAA,QACA,iBAAA,KACA,iBAAA,0BACA,mBAAA,KAGA,wBAAA,QACA,aAAA,QAGA,YAAA,QACA,YAAA,QAGA,0BAAA,0BACA,0BAAA,mBAKA,oBAAA,EAAA,EAAA,EAAA,iBACA,0BAAA,EAAA,EAAA,EAAA,iBAGA,gCAAA,QACA,4BAAA,QACA,qBAAA,aACA,iCAAA,mBACA,uCAAA,qCACA,mCAAA,eACA,2BAAA,qBACA,yCAAA,QACA,qCAAA,QACA,gCAAA,IACA,oCAAA,QACA,2CAAA,QACA,mCAAA,wBACA,kCAAA,QACA,yCAAA,QACA,iCAAA,wBAGA,0BAAA,QACA,eAAA,uBACA,kCAAA,eAGA,qBAAA,QACA,4BAAA,QACA,2BAAA,wBACA,oBAAA,iBACA,0BAAA,uBACA,2BAAA,eAGA,qBAAA,0BACA,sCAAA,0BAGA,wBAAA,QACA,aAAA,mBACA,4BAAA,gBACA,iBAAA,wBACA,iBAAA,QACA,sBAAA,QACA,mBAAA,QACA,qBAAA,QAGA,yBAAA,0BACA,iCAAA,eACA,gCAAA,aACA,+BAAA,mBAGA,wBAAA,QACA,oBAAA,QACA,kBAAA,EAAA,SAAA,KAAA,mBAAA,CHmQI,EAAE,SAAS,KAAK,mBAAmB,CACnC,EAAE,EAAE,EAAE,UAAU,qBGjQpB,oCAAA,QAGA,iCAAA,sBAGA,4BAAA,QACA,iBAAA,eAGA,0BAAA,IAGA,2BAAA,gBACA,gBAAA,wBAGA,gBAAA,6QACA,eAAA,iSACA,sBAAA,iSACA,8BAAA,2RACA,aAAA,kVACA,YAAA,0cACA,eAAA,sYACA,aAAA,4QACA,cAAA,sVACA,YAAA,mVACA,aAAA,gSDjHF,kBCvBE,aAAA,KACA,mBAAA,QAGA,QAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QAGA,cAAA,QACA,qBAAA,QAGA,UAAA,QACA,gBAAA,QACA,gBAAA,yBACA,kBAAA,KAGA,YAAA,QACA,kBAAA,QACA,kBAAA,0BACA,oBAAA,KAGA,WAAA,QACA,iBAAA,KACA,iBAAA,0BACA,mBAAA,KAGA,wBAAA,QACA,aAAA,QAGA,YAAA,QACA,YAAA,QAGA,0BAAA,0BACA,0BAAA,mBAKA,oBAAA,EAAA,EAAA,EAAA,iBACA,0BAAA,EAAA,EAAA,EAAA,iBAGA,gCAAA,QACA,4BAAA,QACA,qBAAA,aACA,iCAAA,mBACA,uCAAA,qCACA,mCAAA,eACA,2BAAA,qBACA,yCAAA,QACA,qCAAA,QACA,gCAAA,IACA,oCAAA,QACA,2CAAA,QACA,mCAAA,wBACA,kCAAA,QACA,yCAAA,QACA,iCAAA,wBAGA,0BAAA,QACA,eAAA,uBACA,kCAAA,eAGA,qBAAA,QACA,4BAAA,QACA,2BAAA,wBACA,oBAAA,iBACA,0BAAA,uBACA,2BAAA,eAGA,qBAAA,0BACA,sCAAA,0BAGA,wBAAA,QACA,aAAA,mBACA,4BAAA,gBACA,iBAAA,wBACA,iBAAA,QACA,sBAAA,QACA,mBAAA,QACA,qBAAA,QAGA,yBAAA,0BACA,iCAAA,eACA,gCAAA,aACA,+BAAA,mBAGA,wBAAA,QACA,oBAAA,QACA,kBAAA,EAAA,SAAA,KAAA,mBAAA,CHmWE,EAAE,SAAS,KAAK,mBAAmB,CACnC,EAAE,EAAE,EAAE,UAAU,qBGjWlB,oCAAA,QAGA,iCAAA,sBAGA,4BAAA,QACA,iBAAA,eAGA,0BAAA,IAGA,2BAAA,gBACA,gBAAA,wBAGA,gBAAA,6QACA,eAAA,iSACA,sBAAA,iSACA,8BAAA,2RACA,aAAA,kVACA,YAAA,0cACA,eAAA,sYACA,aAAA,4QACA,cAAA,sVACA,YAAA,mVACA,aAAA,+RChIF,EJieA,QADA,SI7dE,WAAA,WJmeF,QI9dA,SAEE,gBAAA,QACA,eAAA,QASF,KACE,yBAAA,KACA,4BAAA,YACA,qBAAA,KACA,eAAA,mBACA,iBAAA,wBACA,MAAA,aACA,YAAA,mBACA,UAAA,iBACA,YAAA,mBACA,YAAA,mBACA,OAAA,QACA,cAAA,EAAA,YAAA,EAAA,SAAA,EChCF,KACE,QAAA,MAMF,KACE,MAAA,KACA,OAAA,ELigBF,YK/fE,YL8fF,UK3fI,MAAA,KACA,aAAA,KACA,YAAA,KAIE,QAAA,8BAAA,gCC1BN,QACE,cAAA,8BCDF,OACE,QAAA,MACA,OAAA,EACA,QAAA,EACA,WAAA,KAEA,kBACE,QAAA,0BAAA,EACA,MAAA,mBCHJ,ER4iBA,OQ1iBE,YAAA,OAIF,IR2iBA,IQziBE,SAAA,SACA,UAAA,MACA,YAAA,EACA,eAAA,SAEF,IACE,OAAA,OAEF,IACE,IAAA,MAIF,MR4iBA,MACA,MACA,MACA,MQ1iBE,OAAA,EAIF,MR2iBA,MACA,MACA,MQziBE,OAAA,EAMF,QRwiBA,WACA,GACA,OACA,KACA,GACA,EACA,IACA,MACA,GQtiBE,WAAA,EACA,cAAA,mCACA,MAAA,aACA,WAAA,OACA,YAAA,mBACA,UAAA,iBAKF,EACE,QAAA,eACA,mBAAA,YACA,QAAA,EACA,iBAAA,wBACA,MAAA,aACA,wBAAA,uBAAA,gBAAA,uBAGE,WAAA,iBAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,iBAAA,CAAA,wBAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,gBAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,gBAAA,iBAAA,CAAA,WAAA,iBAAA,CAAA,wBAAA,kBAIF,SAAA,QAAA,QAGE,QAAA,qBACA,kBAAA,UAGF,QACE,mBAAA,qBAqCJ,GRggBA,GACA,GACA,GACA,GACA,GQ9fE,WAAA,EACA,cAAA,mCACA,MAAA,aACA,YAAA,mBACA,UAAA,iBACA,YAAA,mBAGF,GACE,QAAA,gBAEF,GACE,QAAA,gBAEF,GACE,QAAA,gBAEF,GACE,QAAA,gBAEF,GACE,QAAA,gBAEF,GACE,QAAA,gBAcA,WAAA,WAAA,WAAA,WAAA,WAAA,WR0fF,cACA,cACA,cACA,cACA,cACA,cACA,MACA,MACA,MACA,MACA,MACA,MACA,UACA,UACA,UACA,UACA,UACA,UACA,QACA,QACA,QACA,QACA,QACA,QACA,MACA,MACA,MACA,MACA,MACA,MAOA,OACA,OACA,OACA,OACA,OACA,OAXA,KACA,KACA,KACA,KACA,KACA,KAOA,SACA,SACA,SACA,SACA,SACA,SACA,MACA,MACA,MACA,MACA,MACA,MQziBI,WAAA,mCAMF,OACE,cAAA,mCAEA,SACE,cAAA,EAGF,mBACE,QAAA,mBACA,cAAA,MACA,UAAA,KACA,YAAA,MAwBN,EACE,cAAA,mCAIF,MACE,UAAA,iBRohBF,GQhhBA,GAEE,cAAA,EACA,aAAA,eACA,sBAAA,eAAA,qBAAA,eACA,oBAAA,EAAA,mBAAA,ERohBF,MQlhBE,MACE,cAAA,+CAIJ,MACE,WAAA,OAIF,KACE,QAAA,QAAA,OACA,iBAAA,6BACA,MAAA,kBACA,eAAA,SAIF,WACE,QAAA,MACA,OAAA,mCAAA,EACA,QAAA,eACA,aAAA,KACA,YAAA,OAAA,MAAA,+BACA,qBAAA,QAAA,MAAA,+BAAA,oBAAA,QAAA,MAAA,+BACA,mBAAA,KAAA,kBAAA,KAEA,kBACE,WAAA,8CACA,MAAA,+BAMJ,YACE,cAAA,IAAA,OACA,gBAAA,KACA,OAAA,KAIF,IACE,MAAA,iBACA,gBAAA,KAIF,IACE,MAAA,iBAIF,iBACE,iBAAA,qBADF,YACE,iBAAA,qBCxRF,MT8yBA,OACA,OACA,IACA,IACA,MS5yBE,eAAA,OAIF,MT6yBA,MS3yBE,QAAA,aAIF,sBACE,QAAA,KACA,OAAA,EAIF,OACE,aAAA,KAKF,IACE,UAAA,KACA,OAAA,KACA,aAAA,KAIF,gBACE,KAAA,aAIF,eACE,SAAA,OCvCF,OACE,OAAA,EACA,SAAA,QACA,YAAA,QACA,eAAA,KVu1BF,cACA,aACA,cUr1BA,OAIE,mBAAA,OVs1BF,gCACA,+BACA,gCUp1BA,yBAIE,QAAA,EACA,aAAA,KAMF,OACE,QAAA,MACA,MAAA,KACA,cAAA,eAGF,cACE,QAAA,aACA,gBAAA,KVq1BF,cUl1BA,OVg1BA,mBACA,kBAFA,mBU10BE,mBAAA,eACA,eAAA,eACA,QAAA,uBACA,aAAA,iDACA,QAAA,qCAAA,uCAEA,OAAA,oBAAA,MAAA,oBACA,cAAA,qBACA,QAAA,EACA,iBAAA,wBACA,WAAA,kBACA,MAAA,aACA,YAAA,mBACA,UAAA,KACA,YAAA,mBACA,WAAA,OACA,OAAA,QAGE,WAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBVw1BJ,qBACA,oBAFA,oBUl1BE,cAAA,aAAA,aV60BF,0BACA,yBAFA,yBAIA,yBACA,wBAFA,wBALA,0BACA,yBAFA,yBUt0BI,mBAAA,qBACA,eAAA,qBACA,aAAA,uDACA,QAAA,uBVw1BJ,oBUr1BE,aVm1BF,yBACA,wBAFA,yBUj1BI,aAAA,sDAAA,CVs1BA,EAAE,EAAE,EAAE,qBAAqB,qBU3uB7B,kBACE,mBAAA,iBACA,eAAA,iBACA,QAAA,yBACA,OAAA,QAEA,yBAAA,wBAAA,wBAGE,mBAAA,uBACA,eAAA,uBAGF,wBACE,aAAA,sDAAA,CV4uBF,EAAE,EAAE,EAAE,qBAAqB,uBAQ/B,wBADA,2BU3uBA,iBVyuBA,6BACA,4BAFA,6BUluBE,QAAA,GACA,eAAA,KCtNF,MXo8BA,SACA,OACA,SWl8BE,OAAA,EACA,UAAA,KACA,YAAA,mBACA,YAAA,QACA,eAAA,QAIF,MACE,SAAA,QAIF,OACE,eAAA,KAOF,OACE,UAAA,KACA,QAAA,EACA,MAAA,QACA,YAAA,OAIF,SACE,SAAA,KAIF,gBX47BA,aW17BE,QAAA,EAIF,4BX27BA,4BWz7BE,OAAA,KAKF,cACE,mBAAA,UACA,eAAA,KAIF,yCACE,mBAAA,KAKF,6BACE,mBAAA,OACA,KAAA,QAIF,mBACE,QAAA,EACA,aAAA,KAIF,gBACE,QAAA,EAIF,iBACE,WAAA,KAIF,aACE,QAAA,KAIF,YXi7BA,aW/6BE,QAAA,EACA,aAAA,EAOF,+DACE,OAAA,qGAOF,SACE,OAAA,EACA,cAAA,eACA,QAAA,EACA,OAAA,EX46BF,gBWx6BA,MAEE,QAAA,MACA,cAAA,2BACA,YAAA,iDAIF,6CXu6BA,OACA,SWr6BE,MAAA,KAIF,gFXs6BA,OACA,SWp6BE,mBAAA,KAAA,gBAAA,KAAA,WAAA,KACA,QAAA,qCAAA,uCAEA,eAAA,OAIF,MXs6BA,OACA,SWp6BE,mBAAA,qCACA,eAAA,iCACA,QAAA,0BACA,aAAA,KACA,OAAA,oBAAA,MAAA,oBACA,cAAA,qBACA,QAAA,EACA,iBAAA,wBACA,WAAA,kBACA,MAAA,aACA,YAAA,mBAGE,WAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAUF,4HAAA,2HX65BF,cACA,aACA,gBACA,eW95BI,mBAAA,4CAQF,wGAAA,uGX25BF,cACA,aACA,gBACA,eW55BI,eAAA,wCAQF,uHXy5BF,aACA,eWz5BI,aAAA,EAAA,EAAA,EAAA,qBAAA,gCAQF,wEXs5BF,iBACA,mBWt5BI,mBAAA,8CACA,eAAA,0CACA,QAAA,qCAUA,2DXi5BJ,4DACA,8DWh5BQ,cAAA,gEAGA,aAAA,uCACA,sBAAA,iDAAA,qBAAA,iDACA,oBAAA,gEAAA,mBAAA,gEASF,oBAAA,OAAA,MAAA,OACA,gBAAA,KAAA,KACA,kBAAA,UAGF,iEXy4BJ,kEACA,oEWz4BM,iBAAA,kBAGF,gEX04BJ,iEACA,mEW14BM,iBAAA,oBAIJ,0BX04BF,2BACA,6BW14BI,eAAA,uCAEA,iCAAA,gCX44BJ,kCACA,iCACA,oCACA,mCW54BQ,eAAA,wDACA,aAAA,EAAA,EAAA,EAAA,qBAAA,gDAQN,yBXw4BF,0BACA,4BWx4BI,eAAA,yCAEA,gCAAA,+BX04BJ,iCACA,gCACA,mCACA,kCW14BQ,eAAA,0DACA,aAAA,EAAA,EAAA,EAAA,qBAAA,kDAcF,2EAAA,0EAAA,qEXm4BN,4EADA,2EADA,sEAKA,8EADA,6EADA,wEWj4BQ,oBAAA,OAAA,KAAA,OXw4BR,iCWj4BA,mBXo4BA,eADA,oCADA,sBW73BE,MAAA,sCACA,QAAA,EAIF,6CXg4BA,OACA,SW93BE,cAAA,eAMA,mBACE,OAAA,EACA,iBAAA,YAGF,mCACE,cAAA,sDACA,aAAA,uCACA,sBAAA,uCAAA,qBAAA,uCACA,oBAAA,sDAAA,mBAAA,sDACA,iBAAA,oBACA,oBAAA,OAAA,MAAA,OACA,gBAAA,KAAA,KACA,kBAAA,UAMA,6CACE,oBAAA,OAAA,KAAA,OASJ,YXq3BF,aACA,eWr3BI,QAAA,MACA,MAAA,KACA,WAAA,4BACA,cAAA,eACA,MAAA,mBAMF,YAAA,aAAA,eAGE,WAAA,2BCjWJ,gBZ0tCA,aYxtCE,mBAAA,KACA,gBAAA,KACA,WAAA,KACA,MAAA,OACA,OAAA,OACA,WAAA,QACA,aAAA,OACA,YAAA,EACA,qBAAA,EAAA,oBAAA,EACA,mBAAA,OAAA,kBAAA,OACA,aAAA,oBACA,UAAA,QACA,eAAA,OACA,OAAA,QAEA,2BZ4tCF,wBY3tCI,QAAA,KAGF,wBAAA,+BAAA,8BZ4tCF,qBACA,4BACA,2BY3tCI,mBAAA,eACA,eAAA,eACA,iBAAA,qBACA,oBAAA,OACA,gBAAA,MAAA,KACA,kBAAA,UAGF,sBZ4tCF,mBY3tCI,QAAA,aACA,aAAA,OACA,cAAA,EACA,OAAA,QAMF,8BACE,mBAAA,eACA,eAAA,eACA,iBAAA,kBACA,oBAAA,OACA,gBAAA,MAAA,KACA,kBAAA,UAKJ,aACE,cAAA,IAEA,qBAAA,4BAAA,2BAGE,mBAAA,uBACA,aAAA,MACA,iBAAA,KAKJ,6BACE,mBAAA,+BACA,eAAA,+BACA,QAAA,oBAQA,MAAA,OACA,OAAA,OACA,OAAA,oBAAA,MAAA,oBACA,cAAA,OACA,iBAAA,wBACA,YAAA,OAEA,mCACE,mBAAA,+BACA,eAAA,+BAGF,qCACE,mBAAA,uCACA,eAAA,uCAGF,oCACE,QAAA,MACA,MAAA,yCACA,OAAA,KACA,cAAA,IACA,iBAAA,aACA,QAAA,GAGE,WAAA,OAAA,IAAA,YAIJ,qCACE,iBAAA,KAEA,6CACE,YAAA,oCACA,qBAAA,oCAAA,oBAAA,oCZ2sCN,4CY9rCE,oCZksCF,yDADA,iDADA,yCADA,iCY9rCI,eAAA,uCZqsCJ,2CYlsCE,mCZssCF,wDADA,gDADA,wCADA,gCYlsCI,eAAA,yCC3HF,2CAHE,QAAA,EAOF,+BAPE,QAAA,EAiBF,mCAJE,OAAA,KACA,cAAA,gCAOF,gCARE,OAAA,KACA,cAAA,gCAeF,2FAAA,qGAAA,4FAAA,2FAAA,2FAKE,gBAAA,QACA,aAAA,KACA,cAAA,+CACA,iBAAA,iBACA,oBAAA,OAAA,MAAA,qBACA,gBAAA,kBAAA,KACA,kBAAA,UAIF,2FACE,iBAAA,iBAUF,+CbizCF,yDACA,gDACA,+CACA,+CanzCI,MAAA,kBACA,aAAA,6BACA,YAAA,qBACA,QAAA,EAKF,sBbmzCF,gCACA,uBACA,sBACA,sBajzCI,WAAA,MAKJ,YACE,QAAA,mBACA,QAAA,gDAAA,EACA,OAAA,KACA,cAAA,EACA,WAAA,IAEA,mBAAA,kBAAA,kBAGE,OAAA,KACA,WAAA,IAuCF,wCAnCE,mBAAA,iBACA,eAAA,iBACA,QAAA,yBACA,aAAA,wBACA,YAAA,EACA,qBAAA,EAAA,oBAAA,EACA,mBAAA,wBAAA,kBAAA,wBACA,QAAA,gDAAA,kDAEA,OAAA,oBAAA,MAAA,oBACA,cAAA,qBACA,QAAA,EACA,iBAAA,wBACA,WAAA,kBACA,MAAA,aACA,YAAA,mBACA,UAAA,KACA,YAAA,mBACA,WAAA,OACA,OAAA,QAGE,mBAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAaJ,kCAnCE,mBAAA,iBACA,eAAA,iBACA,QAAA,yBACA,aAAA,wBACA,YAAA,EACA,qBAAA,EAAA,oBAAA,EACA,mBAAA,wBAAA,kBAAA,wBACA,QAAA,gDAAA,kDAEA,OAAA,oBAAA,MAAA,oBACA,cAAA,qBACA,QAAA,EACA,iBAAA,wBACA,WAAA,kBACA,MAAA,aACA,YAAA,mBACA,UAAA,KACA,YAAA,mBACA,WAAA,OACA,OAAA,QAGE,WAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAKF,+CAAA,8CAAA,8CAGE,mBAAA,uBACA,eAAA,uBAJF,yCAAA,wCAAA,wCAGE,mBAAA,uBACA,eAAA,uBAQJ,wCAvCE,mBAAA,iBACA,eAAA,iBACA,QAAA,yBACA,aAAA,wBACA,YAAA,EACA,qBAAA,EAAA,oBAAA,EACA,mBAAA,wBAAA,kBAAA,wBACA,QAAA,gDAAA,kDAEA,OAAA,oBAAA,MAAA,oBACA,cAAA,qBACA,QAAA,EACA,iBAAA,wBACA,WAAA,kBACA,MAAA,aACA,YAAA,mBACA,UAAA,KACA,YAAA,mBACA,WAAA,OACA,OAAA,QAGE,mBAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAKF,+CAAA,8CAAA,8CAGE,mBAAA,uBACA,eAAA,uBAYJ,wBA3CE,mBAAA,iBACA,eAAA,iBACA,QAAA,yBACA,aAAA,wBACA,YAAA,EACA,oBAAA,EACA,kBAAA,wBACA,QAAA,gDAAA,kDAEA,OAAA,oBAAA,MAAA,oBACA,cAAA,qBACA,QAAA,EACA,iBAAA,wBACA,WAAA,kBACA,MAAA,aACA,YAAA,mBACA,UAAA,KACA,YAAA,mBACA,WAAA,OACA,OAAA,QAGE,eAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAKF,+BAAA,8BAAA,8BAGE,mBAAA,uBACA,eAAA,uBAkBN,aAOE,mBAAA,KACA,gBAAA,KACA,WAAA,KACA,MAAA,KACA,OAAA,QACA,WAAA,IAeA,4CAXE,MAAA,KACA,OAAA,OACA,cAAA,qBACA,iBAAA,0BAGE,mBAAA,iBAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,WAAA,kBASJ,+BAfE,MAAA,KACA,OAAA,OACA,cAAA,qBACA,iBAAA,0BAGE,gBAAA,iBAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,WAAA,kBAaJ,wBAnBE,MAAA,KACA,OAAA,OACA,cAAA,qBACA,iBAAA,0BAGE,eAAA,iBAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,WAAA,kBAiCJ,mCAdE,mBAAA,KACA,MAAA,QACA,OAAA,QACA,WAAA,OACA,OAAA,IAAA,MAAA,gCACA,cAAA,IACA,iBAAA,yBACA,OAAA,QAGE,mBAAA,iBAAA,iBAAA,CAAA,UAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,UAAA,kBAQJ,+BAlBE,mBAAA,KACA,MAAA,QACA,OAAA,QACA,WAAA,OACA,OAAA,IAAA,MAAA,gCACA,cAAA,IACA,iBAAA,yBACA,OAAA,QAGE,gBAAA,iBAAA,iBAAA,CAAA,UAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,UAAA,kBAYJ,wBAtBE,mBAAA,KACA,MAAA,QACA,OAAA,QACA,WAAA,OACA,OAAA,IAAA,MAAA,gCACA,cAAA,IACA,iBAAA,yBACA,OAAA,QAGE,eAAA,iBAAA,iBAAA,CAAA,UAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,UAAA,kBAgBJ,mBAAA,mBAEE,qBAAA,iCACA,oBAAA,+BAGF,oBACE,oBAAA,gCAGA,0CACE,UAAA,YAGF,sCACE,UAAA,YAGF,+BACE,UAAA,YAQJ,6FACE,aAAA,uDACA,cAAA,KACA,iBAAA,mBACA,oBAAA,OAAA,KAAA,SACA,gBAAA,KAAA,KACA,kBAAA,UAMF,4CACE,mBAAA,KACA,QAAA,KCnPJ,MACE,MAAA,KACA,aAAA,QACA,gBAAA,SACA,eAAA,EACA,YAAA,Ed8lDF,GcvlDA,GAEE,QAAA,wBAAA,eACA,cAAA,oBAAA,MAAA,0BACA,MAAA,aACA,YAAA,mBACA,UAAA,iBACA,WAAA,KACA,WAAA,Md0lDF,ScrlDE,SAEE,WAAA,oBAAA,MAAA,0BACA,cAAA,EAOA,yCACE,iBAAA,2CdulDN,KACA,Ie7nDA,If8nDA,Ke1nDE,UAAA,OACA,YAAA,mBAIF,IACE,mBAAA,UACA,SAAA,Kf8nDF,KACA,IeznDA,IAGE,cAAA,qBACA,WAAA,6BACA,MAAA,kBACA,YAAA,mBACA,YAAA,QAGF,KfwnDA,IetnDE,QAAA,aACA,QAAA,QAAA,MAGF,IACE,QAAA,MACA,cAAA,eACA,WAAA,KAEA,SACE,QAAA,MACA,QAAA,eACA,WAAA,IACA,UAAA,KACA,YAAA,mBAOF,OACE,MAAA,sBACA,YAAA,mBAIF,OACE,MAAA,2BACA,WAAA,OAIF,OACE,MAAA,wBACA,gBAAA,KAIF,QACE,MAAA,0BACA,WAAA,OAKJ,IACE,iBAAA,iCACA,MAAA,sBACA,eAAA,SC9EF,GACE,WAAA,YACA,OAAA,EACA,SAAA,QACA,OAAA,KACA,WAAA,IAAA,MAAA,0BAIF,ShB+rDA,SgB5rDI,QAAA,eAOJ,OACE,QAAA,aC3BF,QACE,QAAA,MACA,cAAA,eACA,eAAA,qBACA,cAAA,oBAAA,MAAA,8BAEA,gBAEE,YAAA,KACA,gBAAA,KACA,OAAA,QAOE,WAAA,MAAA,kBALF,mCACE,MAAA,qCAQF,wCACE,QAAA,KAGF,wBACE,QAAA,KAGF,kCACE,gBAAA,KAIF,uBACE,QAAA,MACA,MAAA,KACA,OAAA,KACA,MAAA,MACA,UAAA,eACA,iBAAA,oBACA,oBAAA,OACA,gBAAA,KAAA,KACA,kBAAA,UACA,QAAA,GAGE,WAAA,UAAA,kBAIJ,sBACE,QAAA,EAEA,yCACE,MAAA,sCAKJ,6BACE,MAAA,KACA,WAAA,KAGA,oCACE,OAAA,gCACA,iBAAA,2BAmBJ,sBACE,cAAA,qBAGE,qDACE,MAAA,oCAIJ,6BACE,UAAA,UAQJ,0BACE,WAAA,MAEA,iCACE,MAAA,KC5GR,QACE,OAAA,8BAAA,EACA,QAAA,8BAAA,gCACA,cAAA,qBACA,WAAA,6BACA,WAAA,uBlBoyDF,ekBlyDE,eAEE,aAAA,2CACA,YAAA,2CACA,QAAA,0CAAA,gCAEA,iBAAA,yCAGF,eACE,WAAA,yCACA,cAAA,8BACA,cAAA,oBAAA,MAAA,yBAGF,eACE,WAAA,8BACA,cAAA,yCACA,WAAA,oBAAA,MAAA,yBCzBJ,MACE,kBAAA,IAGF,OACE,QAAA,KACA,QAAA,IACA,SAAA,MACA,IAAA,EACA,MAAA,EACA,OAAA,EACA,KAAA,EACA,YAAA,OACA,gBAAA,OACA,MAAA,QACA,UAAA,KACA,OAAA,QACA,WAAA,KACA,QAAA,eACA,OAAA,KACA,iBAAA,sCAGA,eACE,WAAA,iCACA,SAAA,KAGE,yBALJ,eAMM,UAAA,OAKF,yBAXJ,eAYM,UAAA,OnB+zDR,sBmB3zDI,sBAEE,QAAA,yCAAA,gCAKA,6BACE,OAAA,EACA,YAAA,eACA,MAAA,MAIJ,sBACE,WAAA,MAEA,oCACE,cAAA,EAEA,wDACE,YAAA,0BAMJ,8BACE,OAAA,EAiCN,mBAAA,mBAEE,QAAA,KCrGJ,IpB63DA,OoB33DE,QAAA,KAGF,IACE,gBAAA,cAEA,OpB63DF,OoB33DI,YAAA,OACA,cAAA,EACA,QAAA,EACA,WAAA,KAEA,qBpB63DJ,qBoB53DM,YAAA,iDAEF,oBpB83DJ,oBoB73DM,aAAA,iDAIJ,OACE,QAAA,aACA,OAAA,EACA,QAAA,oCAAA,sCAGA,SACE,UAAA,EAIJ,MACE,QAAA,aACA,OAAA,4CAAA,8CACA,QAAA,iCAAA,mCACA,cAAA,qBACA,gBAAA,KAEA,aAAA,YAAA,YAGE,gBAAA,KpB63DN,SoBt3DE,UpBo3DF,SACA,SoBj3DI,QAAA,MAGF,SACE,QAAA,+CAAA,sCAEA,WACE,QAAA,MAIF,uBACE,OAAA,QC7DN,SACE,QAAA,aACA,eAAA,SAMF,SAEE,mBAAA,KACA,gBAAA,KAGA,QAAA,aACA,WAAA,KACA,MAAA,KACA,OAAA,MACA,cAAA,0BACA,SAAA,OAGA,OAAA,EACA,cAAA,qBACA,iBAAA,iCAGA,MAAA,sBAEA,+BACE,cAAA,qBACA,WAAA,IAEF,wCACE,iBAAA,sBAEF,4BACE,iBAAA,sBAIF,8CACE,uBACE,WAAA,iCAAA,yFAAA,IAAA,IAAA,CAAA,KAAA,KAAA,UAOA,kBAAA,sBAAA,GAAA,OAAA,SAAA,UAAA,sBAAA,GAAA,OAAA,SAEA,sDACE,iBAAA,YAEF,0CACE,iBAAA,aAON,8CACE,iCACE,oBAAA,SAKN,yCACE,GACE,oBAAA,KAAA,EAEF,KACE,oBAAA,MAAA,GALJ,iCACE,GACE,oBAAA,KAAA,EAEF,KACE,oBAAA,MAAA,GCtFJ,mBACE,SAAA,SACA,QAAA,EACA,cAAA,KAEA,2BACE,OAAA,qGAIA,cAAA,EACA,QAAA,qCAAA,uCAEA,OAAA,oBAAA,MAAA,iCACA,cAAA,qBACA,YAAA,QACA,OAAA,QAEA,kCACE,OAAA,KACA,UAAA,UAGF,8BACE,QAAA,IACA,SAAA,SACA,IAAA,KACA,MAAA,EACA,KAAA,EACA,OAAA,EACA,QAAA,EACA,OAAA,oBAAA,MAAA,iCACA,WAAA,KACA,2BAAA,qBACA,0BAAA,qBACA,iBAAA,wBACA,WAAA,KAEA,iCACE,cAAA,EACA,yCACE,QAAA,GAGF,uCACE,SAAA,SACA,MAAA,KACA,OAAA,EACA,QAAA,qCAAA,uCAEA,OAAA,QACA,6CACE,iBAAA,uBtB8/DZ,4DsB3/DU,yDAEE,mBAAA,KAAA,gBAAA,KAAA,WAAA,KAOV,oCAAA,qCAEE,MAAA,mBACA,OAAA,YACA,eAAA,KAGF,iCACE,cAAA,EACA,2BAAA,EACA,0BAAA,EACA,yCACE,QAAA,MACA,QAAA,GACA,SAAA,MACA,IAAA,EACA,MAAA,EACA,OAAA,EACA,KAAA,EACA,WAAA,IACA,QAAA,IACA,OAAA,QAGF,wCACE,UAAA,eCnFN,iBACE,OAAA,SAMA,8DACE,QAAA,aACA,MAAA,IACA,OAAA,IACA,OAAA,QAAA,MAAA,aACA,cAAA,IACA,mBAAA,YACA,QAAA,GACA,eAAA,YACA,eAAA,QACA,kBAAA,QAAA,KAAA,OAAA,SAAA,UAAA,QAAA,KAAA,OAAA,SACA,QAAA,+BAIA,0EACE,aAAA,0BACA,YAAA,EACA,qBAAA,EAAA,oBAAA,EACA,mBAAA,0BAAA,kBAAA,0BAIJ,4DACE,WAAA,OvBilEJ,kBuBvkEE,uBvBqkEF,mCACA,kCAFA,mCuBnkEI,eAAA,KAKJ,2BACE,GACE,UAAA,gBAFJ,mBACE,GACE,UAAA,gBCnDJ,eACE,SAAA,SAEA,6CACE,cAAA,IAAA,OACA,gBAAA,KACA,OAAA,KAGF,sBAAA,uBAEE,QAAA,MACA,QAAA,GACA,SAAA,SACA,OAAA,KACA,KAAA,IACA,QAAA,OAAA,MACA,SAAA,OACA,UAAA,wBACA,cAAA,qBACA,WAAA,gCACA,QAAA,mBACA,MAAA,qBACA,WAAA,OACA,YAAA,mBACA,UAAA,QACA,gBAAA,KACA,cAAA,SACA,YAAA,OACA,QAAA,EACA,eAAA,KAIF,sBACE,QAAA,EACA,UAAA,kBACA,WAAA,MAAA,MACA,aAAA,MAAA,MAAA,YACA,YAAA,MAAA,MAAA,YACA,cAAA,EACA,iBAAA,YACA,QAAA,GACA,MAAA,gCAMA,4BAAA,6BAAA,4BAAA,6BAEE,QAAA,EAMF,wCAGI,4BAAA,6BAAA,4BAAA,6BAEE,2BAAA,IAAA,mBAAA,IACA,uBAAA,MAAA,eAAA,MAGF,4BAAA,4BACE,uBAAA,WAAA,eAAA,YASR,yBACE,KACE,UAAA,uBACA,QAAA,EAEF,GACE,UAAA,wBACA,QAAA,GAPJ,iBACE,KACE,UAAA,uBACA,QAAA,EAEF,GACE,UAAA,wBACA,QAAA,GAIJ,8BACE,KACE,QAAA,EAEF,IACE,UAAA,wBACA,QAAA,EAEF,GACE,UAAA,kBACA,QAAA,GAVJ,sBACE,KACE,QAAA,EAEF,IACE,UAAA,wBACA,QAAA,EAEF,GACE,UAAA,kBACA,QAAA,GCxFN,gBACE,OAAA,QAIF,qBzBsuEA,WyBpuEE,OAAA,YAIF,4BACE,QAAA,QAGF,wCACE,KAAA,cACA,SAAA,SzB+uEF,WyB1uEA,EzBmuEA,KACA,OACA,MACA,MACA,OACA,QACA,SyBhuEE,iBAAA,aAOF,UACE,UAAA,ICrCA,uCACE,uB1B2wEJ,8BADA,+B0BvwEM,sBAAA,kBACA,2BAAA,cAAA,mBAAA,cACA,wBAAA,eAAA,gBAAA,eACA,kCAAA,YAAA,0BAAA,YACA,gBAAA,eACA,iBAAA,aACA,oBAAA","sourcesContent":["/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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/grid\"; // .grid\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/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/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n@import \"components/dropdown\"; // dropdown\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\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  // Spacings for nav component\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(255, 255, 255, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\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  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\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\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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,\n[role=button]:hover,\n[role=button]:active,\n[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  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[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]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\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 * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: 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 * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary:not([role=button]) {\n  color: var(--accordion-close-summary-color);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n}\ndetails summary:focus:not([role=button]) {\n  color: var(--accordion-active-summary-color);\n}\ndetails summary[role=button] {\n  width: 100%;\n  text-align: left;\n}\ndetails summary[role=button]::after {\n  height: calc(1rem * var(--line-height));\n  background-image: var(--icon-chevron-button);\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing));\n}\ndetails[open] > summary:not([role=button]):not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary {\n  text-align: right;\n}\n[dir=rtl] details summary::after {\n  float: left;\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  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/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\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(--nav-element-spacing-horizontal) * -1);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n}\nnav li > * {\n  --spacing: 0;\n}\nnav a {\n  display: inline-block;\n  margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n}\naside li a {\n  display: block;\n}\naside li [role=button] {\n  margin: inherit;\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  [dir=rtl] progress:indeterminate {\n    animation-direction: reverse;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\ndetails[role=list] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n}\ndetails[role=list] summary {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n  margin-bottom: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-radius: var(--border-radius);\n  line-height: inherit;\n  cursor: pointer;\n}\ndetails[role=list] summary::after {\n  height: 100%;\n  transform: rotate(0deg);\n}\ndetails[role=list] summary + ul {\n  z-index: 100;\n  position: absolute;\n  top: auto;\n  right: 0px;\n  left: 0px;\n  margin: 0;\n  padding: 0;\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-top: none;\n  border-bottom-right-radius: var(--border-radius);\n  border-bottom-left-radius: var(--border-radius);\n  background-color: var(--background-color);\n  list-style: none;\n}\ndetails[role=list] summary + ul li {\n  margin-bottom: 0;\n}\ndetails[role=list] summary + ul li::marker {\n  content: \"\";\n}\ndetails[role=list] summary + ul li label {\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  cursor: pointer;\n}\ndetails[role=list] summary + ul li label:hover {\n  background-color: var(--secondary-focus);\n}\ndetails[role=list] summary + ul li label input[type=radio],\ndetails[role=list] summary + ul li label input[type=checkbox] {\n  appearance: none;\n}\ndetails[role=list][disabled] summary, details[role=list].disabled summary {\n  color: var(--muted-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\ndetails[role=list][open] summary {\n  margin-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\ndetails[role=list][open] summary::before {\n  display: block;\n  z-index: 80;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: transparent;\n  content: \" \";\n  cursor: default;\n}\ndetails[role=list][open] summary::after {\n  transform: rotate(180deg);\n}\n\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\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 * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.fluid.classless.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-chevron-button: 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($white, .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-chevron-button-inverse: 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($white, .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-chevron-button: 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($white, .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-chevron-button-inverse: 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($black, .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","/**\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\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[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    --color: var(--primary-inverse);\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, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].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      --color: var(--secondary-inverse);\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  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].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      --color: var(--contrast-inverse);\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  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].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  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].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  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[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\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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 * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n    }\n  }\n}\n\n// Aria-invalid\n[type=\"checkbox\"],\n[type=\"checkbox\"]:checked,\n[type=\"radio\"],\n[type=\"radio\"]:checked,\n[type=\"checkbox\"][role=\"switch\"],\n[type=\"checkbox\"][role=\"switch\"]:checked {\n  \n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n  }\n}","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"date\"],\n  &[type=\"datetime-local\"],\n  &[type=\"month\"],\n  &[type=\"time\"],\n  &[type=\"week\"] {\n    --icon-position: 0.75rem;\n    --icon-width: 1rem;\n    padding-right: calc(var(--icon-width) + var(--icon-position));\n    background-image: var(--icon-date);\n    background-position: center right var(--icon-position);\n    background-size: var(--icon-width) auto;\n    background-repeat: no-repeat;\n  }\n\n  // Time\n  &[type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// Calendar picker\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"time\"],\n[type=\"week\"] {\n  &::-webkit-calendar-picker-indicator {\n    width: var(--icon-width);\n    margin-right: calc(var(--icon-width) * -1);\n    margin-left: var(--icon-position);\n    opacity: 0;\n  }\n}\n\n[dir=\"rtl\"] {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    text-align: right;\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\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(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"search\"] {\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n    border-radius: 5rem;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Cancel button\n[type=\"search\"] {\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\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 * Code\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. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n","/**\n * Miscs\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. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    \n    line-height: 1rem;\n    list-style-type: none;\n    cursor: pointer;\n\n    &:not([role=\"button\"]) {\n      color: var(--accordion-close-summary-color);\n    }\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n\n      &:not([role=\"button\"]) {\n        color: var(--accordion-active-summary-color);\n      }\n    }\n\n    // Type button\n    &[role=\"button\"] {\n      width: 100%;\n      text-align: left;\n      \n      // Marker\n      &::after {\n        height: calc(1rem * var(--line-height));\n        background-image: var(--icon-chevron-button);\n      }\n\n      @if $enable-classes {\n        \n        // .contrast\n        &:not(.outline).contrast {\n          \n          // Marker\n          &::after {\n            background-image: var(--icon-chevron-button-inverse);\n          }\n        }\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing));\n\n      &:not([role=\"button\"]) {\n        &:not(:focus) {\n          color: var(--accordion-open-summary-color);\n        }\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      text-align: right;\n\n      &::after {\n        float: left;\n      }\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  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","/**\n * Modal (<dialog>)\n */\n\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    max-height: calc(100vh - var(--spacing) * 2);\n    overflow: auto;\n\n    @if map-get($breakpoints, 'sm') {\n      @media (min-width: map-get($breakpoints, 'sm')) {\n        max-width: map-get($viewports, 'sm');\n      }\n    }\n\n    @if map-get($breakpoints, 'md') {\n      @media (min-width: map-get($breakpoints, 'md')) {\n        max-width: map-get($viewports, 'md');\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5)\n        var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role='button'] {\n        margin-bottom: 0;\n\n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    @if $enable-classes {\n      .close {\n        display: block;\n        width: 1rem;\n        height: 1rem;\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\n        margin-bottom: var(--typography-spacing-vertical);\n        margin-left: auto;\n        background-image: var(--icon-close);\n        background-position: center;\n        background-size: auto 1rem;\n        background-repeat: no-repeat;\n        opacity: 0.5;\n\n        @if $enable-transitions {\n          transition: opacity var(--transition);\n        }\n\n        &:hover,\n        &:active,\n        &:focus {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open='false'] {\n    display: none;\n  }\n}\n\n// Utilities\n@if $enable-classes {\n  .modal-is-open {\n    padding-right: var(--scrollbar-width, 0px);\n    overflow: hidden;\n    pointer-events: none;\n\n    dialog {\n      pointer-events: auto;\n    }\n  }\n}\n\n// Animations\n@if ($enable-classes and $enable-transitions) {\n  $animation-duration: 0.2s;\n\n  .modal-is-opening,\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-timing-function: ease-in-out;\n      animation-fill-mode: both;\n    }\n\n    dialog {\n      animation-duration: ($animation-duration * 4);\n      animation-name: fadeIn;\n\n      > article {\n        animation-delay: $animation-duration;\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-delay: 0s;\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n\n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\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(--nav-element-spacing-horizontal) * -1);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n    \n    // Minimal support for buttons and forms elements\n    > * {\n      --spacing: 0;\n    }\n  }\n\n  a {\n    display: inline-block;\n    margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n    padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n\n    a {\n      display: block;\n    }\n    \n    // Minimal support for links as buttons\n    [role=\"button\"] {\n      margin: inherit;\n    }\n  }\n}\n","/**\n * Progress\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. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  @media (prefers-reduced-motion: no-preference) {\n    progress:indeterminate {\n      animation-direction: reverse;\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","details[role='list'] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n\n  summary {\n    height: calc(\n      1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +\n        var(--border-width) * 2\n    );\n    margin-bottom: 0;\n    padding: var(--form-element-spacing-vertical)\n      var(--form-element-spacing-horizontal);\n    border: var(--border-width) solid var(--form-element-border-color);\n    border-radius: var(--border-radius);\n    line-height: inherit;\n    cursor: pointer;\n\n    &::after {\n      height: 100%;\n      transform: rotate(0deg);\n    }\n\n    & + ul {\n      z-index: 100;\n      position: absolute;\n      top: auto;\n      right: 0px;\n      left: 0px;\n      margin: 0;\n      padding: 0;\n      border: var(--border-width) solid var(--form-element-border-color);\n      border-top: none;\n      border-bottom-right-radius: var(--border-radius);\n      border-bottom-left-radius: var(--border-radius);\n      background-color: var(--background-color);\n      list-style: none;\n\n      li {\n        margin-bottom: 0;\n        &::marker {\n          content: '';\n        }\n\n        label {\n          position: relative;\n          width: 100%;\n          margin: 0;\n          padding: var(--form-element-spacing-vertical)\n            var(--form-element-spacing-horizontal);\n          cursor: pointer;\n          &:hover {\n            background-color: var(--secondary-focus);\n          }\n\n          input[type='radio'],\n          input[type='checkbox'] {\n            appearance: none;\n          }\n        }\n      }\n    }\n  }\n\n  &[disabled] summary,\n  &.disabled summary {\n    color: var(--muted-color);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  &[open] summary {\n    margin-bottom: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    &::before {\n      display: block;\n      z-index: 80;\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background: transparent;\n      content: ' ';\n      cursor: default;\n    }\n\n    &::after {\n      transform: rotate(180deg);\n    }\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\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","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["scss/pico.scss","scss/themes/default/_styles.scss","css/pico.fluid.classless.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/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_form.scss","scss/content/_form-checkbox-radio.scss","scss/content/_form-alt-input-types.scss","scss/content/_table.scss","scss/content/_code.scss","scss/content/_miscs.scss","scss/components/_accordion.scss","scss/components/_card.scss","scss/components/_modal.scss","scss/components/_nav.scss","scss/components/_progress.scss","scss/components/_dropdown.scss","scss/utilities/_loading.scss","scss/utilities/_tooltip.scss","scss/utilities/_accessibility.scss","scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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/grid\"; // .grid\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/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/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n@import \"components/dropdown\"; // dropdown\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\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  // Spacings for nav component\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(255, 255, 255, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\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  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na[aria-current], a: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\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton[aria-current], button:hover, button:active, button:focus,\ninput[type=submit][aria-current],\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button][aria-current],\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset][aria-current],\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button][aria-current],\n[role=button]:hover,\n[role=button]:active,\n[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  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[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][aria-current], input[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]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\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 * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: 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 * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary:not([role=button]) {\n  color: var(--accordion-close-summary-color);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n}\ndetails summary:focus:not([role=button]) {\n  color: var(--accordion-active-summary-color);\n}\ndetails summary[role=button] {\n  width: 100%;\n  text-align: left;\n}\ndetails summary[role=button]::after {\n  height: calc(1rem * var(--line-height));\n  background-image: var(--icon-chevron-button);\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing));\n}\ndetails[open] > summary:not([role=button]):not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary {\n  text-align: right;\n}\n[dir=rtl] details summary::after {\n  float: left;\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  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/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\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(--nav-element-spacing-horizontal) * -1);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n}\nnav li > * {\n  --spacing: 0;\n}\nnav a {\n  display: inline-block;\n  margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a[aria-current], nav 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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n}\naside li a {\n  display: block;\n}\naside li [role=button] {\n  margin: inherit;\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  [dir=rtl] progress:indeterminate {\n    animation-direction: reverse;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\ndetails[role=list] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n}\ndetails[role=list] summary {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n  margin-bottom: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-radius: var(--border-radius);\n  line-height: inherit;\n  cursor: pointer;\n}\ndetails[role=list] summary::after {\n  height: 100%;\n  transform: rotate(0deg);\n}\ndetails[role=list] summary + ul {\n  z-index: 100;\n  position: absolute;\n  top: auto;\n  right: 0px;\n  left: 0px;\n  margin: 0;\n  padding: 0;\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-top: none;\n  border-bottom-right-radius: var(--border-radius);\n  border-bottom-left-radius: var(--border-radius);\n  background-color: var(--background-color);\n  list-style: none;\n}\ndetails[role=list] summary + ul li {\n  margin-bottom: 0;\n}\ndetails[role=list] summary + ul li::marker {\n  content: \"\";\n}\ndetails[role=list] summary + ul li label {\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  cursor: pointer;\n}\ndetails[role=list] summary + ul li label:hover {\n  background-color: var(--secondary-focus);\n}\ndetails[role=list] summary + ul li label input[type=radio],\ndetails[role=list] summary + ul li label input[type=checkbox] {\n  appearance: none;\n}\ndetails[role=list][disabled] summary, details[role=list].disabled summary {\n  color: var(--muted-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\ndetails[role=list][open] summary {\n  margin-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\ndetails[role=list][open] summary::before {\n  display: block;\n  z-index: 80;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: transparent;\n  content: \" \";\n  cursor: default;\n}\ndetails[role=list][open] summary::after {\n  transform: rotate(180deg);\n}\n\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\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 * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.fluid.classless.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-chevron-button: 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($white, .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-chevron-button-inverse: 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($white, .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-chevron-button: 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($white, .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-chevron-button-inverse: 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($black, .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","/**\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  &[aria-current],\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      &[aria-current],\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      &[aria-current],\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\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[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  &[aria-current],\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    --color: var(--primary-inverse);\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, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].secondary {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n      --color: var(--secondary-inverse);\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  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].contrast {\n    --background-color: var(--contrast);\n    --border-color: var(--contrast);\n    --color: var(--contrast-inverse);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--contrast-hover);\n      --border-color: var(--contrast-hover);\n      --color: var(--contrast-inverse);\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  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].outline {\n    --background-color: transparent;\n    --color: var(--primary);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: transparent;\n      --color: var(--primary-hover);\n    }\n  }\n\n  // Outline (secondary)\n  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].outline.secondary {\n    --color: var(--secondary);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--secondary-hover);\n    }\n  }\n\n  // Outline (contrast)\n  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[type=\"reset\"] {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &[aria-current],\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\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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 * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n    }\n  }\n}\n\n// Aria-invalid\n[type=\"checkbox\"],\n[type=\"checkbox\"]:checked,\n[type=\"radio\"],\n[type=\"radio\"]:checked,\n[type=\"checkbox\"][role=\"switch\"],\n[type=\"checkbox\"][role=\"switch\"]:checked {\n  \n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n  }\n}","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"date\"],\n  &[type=\"datetime-local\"],\n  &[type=\"month\"],\n  &[type=\"time\"],\n  &[type=\"week\"] {\n    --icon-position: 0.75rem;\n    --icon-width: 1rem;\n    padding-right: calc(var(--icon-width) + var(--icon-position));\n    background-image: var(--icon-date);\n    background-position: center right var(--icon-position);\n    background-size: var(--icon-width) auto;\n    background-repeat: no-repeat;\n  }\n\n  // Time\n  &[type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// Calendar picker\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"time\"],\n[type=\"week\"] {\n  &::-webkit-calendar-picker-indicator {\n    width: var(--icon-width);\n    margin-right: calc(var(--icon-width) * -1);\n    margin-left: var(--icon-position);\n    opacity: 0;\n  }\n}\n\n[dir=\"rtl\"] {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    text-align: right;\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\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(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"search\"] {\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n    border-radius: 5rem;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Cancel button\n[type=\"search\"] {\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\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 * Code\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. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n","/**\n * Miscs\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. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    \n    line-height: 1rem;\n    list-style-type: none;\n    cursor: pointer;\n\n    &:not([role=\"button\"]) {\n      color: var(--accordion-close-summary-color);\n    }\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n\n      &:not([role=\"button\"]) {\n        color: var(--accordion-active-summary-color);\n      }\n    }\n\n    // Type button\n    &[role=\"button\"] {\n      width: 100%;\n      text-align: left;\n      \n      // Marker\n      &::after {\n        height: calc(1rem * var(--line-height));\n        background-image: var(--icon-chevron-button);\n      }\n\n      @if $enable-classes {\n        \n        // .contrast\n        &:not(.outline).contrast {\n          \n          // Marker\n          &::after {\n            background-image: var(--icon-chevron-button-inverse);\n          }\n        }\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing));\n\n      &:not([role=\"button\"]) {\n        &:not(:focus) {\n          color: var(--accordion-open-summary-color);\n        }\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      text-align: right;\n\n      &::after {\n        float: left;\n      }\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  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","/**\n * Modal (<dialog>)\n */\n\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    max-height: calc(100vh - var(--spacing) * 2);\n    overflow: auto;\n\n    @if map-get($breakpoints, 'sm') {\n      @media (min-width: map-get($breakpoints, 'sm')) {\n        max-width: map-get($viewports, 'sm');\n      }\n    }\n\n    @if map-get($breakpoints, 'md') {\n      @media (min-width: map-get($breakpoints, 'md')) {\n        max-width: map-get($viewports, 'md');\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5)\n        var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role='button'] {\n        margin-bottom: 0;\n\n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    @if $enable-classes {\n      .close {\n        display: block;\n        width: 1rem;\n        height: 1rem;\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\n        margin-bottom: var(--typography-spacing-vertical);\n        margin-left: auto;\n        background-image: var(--icon-close);\n        background-position: center;\n        background-size: auto 1rem;\n        background-repeat: no-repeat;\n        opacity: 0.5;\n\n        @if $enable-transitions {\n          transition: opacity var(--transition);\n        }\n\n        &[aria-current],\n        &:hover,\n        &:active,\n        &:focus {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open='false'] {\n    display: none;\n  }\n}\n\n// Utilities\n@if $enable-classes {\n  .modal-is-open {\n    padding-right: var(--scrollbar-width, 0px);\n    overflow: hidden;\n    pointer-events: none;\n\n    dialog {\n      pointer-events: auto;\n    }\n  }\n}\n\n// Animations\n@if ($enable-classes and $enable-transitions) {\n  $animation-duration: 0.2s;\n\n  .modal-is-opening,\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-timing-function: ease-in-out;\n      animation-fill-mode: both;\n    }\n\n    dialog {\n      animation-duration: ($animation-duration * 4);\n      animation-name: fadeIn;\n\n      > article {\n        animation-delay: $animation-duration;\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-delay: 0s;\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n\n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\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(--nav-element-spacing-horizontal) * -1);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n    \n    // Minimal support for buttons and forms elements\n    > * {\n      --spacing: 0;\n    }\n  }\n\n  a {\n    display: inline-block;\n    margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n    padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &[aria-current],\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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n\n    a {\n      display: block;\n    }\n    \n    // Minimal support for links as buttons\n    [role=\"button\"] {\n      margin: inherit;\n    }\n  }\n}\n","/**\n * Progress\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. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  @media (prefers-reduced-motion: no-preference) {\n    progress:indeterminate {\n      animation-direction: reverse;\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","details[role='list'] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n\n  summary {\n    height: calc(\n      1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +\n        var(--border-width) * 2\n    );\n    margin-bottom: 0;\n    padding: var(--form-element-spacing-vertical)\n      var(--form-element-spacing-horizontal);\n    border: var(--border-width) solid var(--form-element-border-color);\n    border-radius: var(--border-radius);\n    line-height: inherit;\n    cursor: pointer;\n\n    &::after {\n      height: 100%;\n      transform: rotate(0deg);\n    }\n\n    & + ul {\n      z-index: 100;\n      position: absolute;\n      top: auto;\n      right: 0px;\n      left: 0px;\n      margin: 0;\n      padding: 0;\n      border: var(--border-width) solid var(--form-element-border-color);\n      border-top: none;\n      border-bottom-right-radius: var(--border-radius);\n      border-bottom-left-radius: var(--border-radius);\n      background-color: var(--background-color);\n      list-style: none;\n\n      li {\n        margin-bottom: 0;\n        &::marker {\n          content: '';\n        }\n\n        label {\n          position: relative;\n          width: 100%;\n          margin: 0;\n          padding: var(--form-element-spacing-vertical)\n            var(--form-element-spacing-horizontal);\n          cursor: pointer;\n          &:hover {\n            background-color: var(--secondary-focus);\n          }\n\n          input[type='radio'],\n          input[type='checkbox'] {\n            appearance: none;\n          }\n        }\n      }\n    }\n  }\n\n  &[disabled] summary,\n  &.disabled summary {\n    color: var(--muted-color);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  &[open] summary {\n    margin-bottom: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    &::before {\n      display: block;\n      z-index: 80;\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background: transparent;\n      content: ' ';\n      cursor: default;\n    }\n\n    &::after {\n      transform: rotate(180deg);\n    }\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\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","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
diff --git a/css/pico.min.css b/css/pico.min.css
index a0efe364..ab9ad207 100644
--- a/css/pico.min.css
+++ b/css/pico.min.css
@@ -1,5 +1,5 @@
 /*!
  * Pico.css v1.4.4 (https://picocss.com)
  * Copyright 2019-2021 - Licensed under MIT
- */: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);--grid-spacing-vertical:0;--grid-spacing-horizontal:var(--spacing);--form-element-spacing-vertical:0.75rem;--form-element-spacing-horizontal:1rem;--nav-element-spacing-vertical:1rem;--nav-element-spacing-horizontal:0.75rem;--nav-link-spacing-vertical:0.5rem;--nav-link-spacing-horizontal:0.5rem;--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}}@media (min-width:576px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 2.5)}}@media (min-width:768px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3)}}@media (min-width:992px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3.5)}}@media (min-width:1200px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 4)}}@media (min-width:576px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:992px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.75)}}@media (min-width:1200px){article{--block-spacing-horizontal:calc(var(--spacing) * 2)}}dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing)}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}a{--text-decoration:none}a.contrast,a.secondary{--text-decoration:underline}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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(255, 255, 255, 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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(0, 0, 0, 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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(0, 0, 0, 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) 0}.container,.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--spacing);padding-left:var(--spacing)}@media (min-width:576px){.container{max-width:510px;padding-right:0;padding-left:0}}@media (min-width:768px){.container{max-width:700px}}@media (min-width:992px){.container{max-width:920px}}@media (min-width:1200px){.container{max-width:1130px}}section{margin-bottom:var(--block-spacing-vertical)}.grid{grid-column-gap:var(--grid-spacing-horizontal);grid-row-gap:var(--grid-spacing-vertical);display:grid;grid-template-columns:1fr;margin:0}@media (min-width:992px){.grid{grid-template-columns:repeat(auto-fit,minmax(0%,1fr))}}.grid>*{min-width:0}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);transition:background-color var(--transition),color var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition)}a:active,a:focus,a:hover{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-focus)}a.secondary{--color:var(--secondary)}a.secondary:active,a.secondary:focus,a.secondary:hover{--color:var(--secondary-hover)}a.secondary:focus{--background-color:var(--secondary-focus)}a.contrast{--color:var(--contrast)}a.contrast:active,a.contrast:focus,a.contrast:hover{--color:var(--contrast-hover)}a.contrast:focus{--background-color:var(--contrast-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)}.headings,hgroup{margin-bottom:var(--typography-spacing-vertical)}.headings>*,hgroup>*{margin-bottom:0}.headings>:last-child,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)}[role=button]{display:inline-block;text-decoration:none}[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;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[role=button]:active,[role=button]:focus,[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));--color:var(--primary-inverse)}[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)}[role=button].secondary,button.secondary,input[type=button].secondary,input[type=reset],input[type=submit].secondary{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}[role=button].secondary:active,[role=button].secondary:focus,[role=button].secondary:hover,button.secondary:active,button.secondary:focus,button.secondary:hover,input[type=button].secondary:active,input[type=button].secondary:focus,input[type=button].secondary:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit].secondary:active,input[type=submit].secondary:focus,input[type=submit].secondary:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover);--color:var(--secondary-inverse)}[role=button].secondary:focus,button.secondary:focus,input[type=button].secondary:focus,input[type=reset]:focus,input[type=submit].secondary: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)}[role=button].contrast,button.contrast,input[type=button].contrast,input[type=reset].contrast,input[type=submit].contrast{--background-color:var(--contrast);--border-color:var(--contrast);--color:var(--contrast-inverse)}[role=button].contrast:active,[role=button].contrast:focus,[role=button].contrast:hover,button.contrast:active,button.contrast:focus,button.contrast:hover,input[type=button].contrast:active,input[type=button].contrast:focus,input[type=button].contrast:hover,input[type=reset].contrast:active,input[type=reset].contrast:focus,input[type=reset].contrast:hover,input[type=submit].contrast:active,input[type=submit].contrast:focus,input[type=submit].contrast:hover{--background-color:var(--contrast-hover);--border-color:var(--contrast-hover);--color:var(--contrast-inverse)}[role=button].contrast:focus,button.contrast:focus,input[type=button].contrast:focus,input[type=reset].contrast:focus,input[type=submit].contrast:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--contrast-focus)}[role=button].outline,button.outline,input[type=button].outline,input[type=reset].outline,input[type=submit].outline{--background-color:transparent;--color:var(--primary)}[role=button].outline:active,[role=button].outline:focus,[role=button].outline:hover,button.outline:active,button.outline:focus,button.outline:hover,input[type=button].outline:active,input[type=button].outline:focus,input[type=button].outline:hover,input[type=reset].outline:active,input[type=reset].outline:focus,input[type=reset].outline:hover,input[type=submit].outline:active,input[type=submit].outline:focus,input[type=submit].outline:hover{--background-color:transparent;--color:var(--primary-hover)}[role=button].outline.secondary,button.outline.secondary,input[type=button].outline.secondary,input[type=reset].outline.secondary,input[type=submit].outline.secondary{--color:var(--secondary)}[role=button].outline.secondary:active,[role=button].outline.secondary:focus,[role=button].outline.secondary:hover,button.outline.secondary:active,button.outline.secondary:focus,button.outline.secondary:hover,input[type=button].outline.secondary:active,input[type=button].outline.secondary:focus,input[type=button].outline.secondary:hover,input[type=reset].outline.secondary:active,input[type=reset].outline.secondary:focus,input[type=reset].outline.secondary:hover,input[type=submit].outline.secondary:active,input[type=submit].outline.secondary:focus,input[type=submit].outline.secondary:hover{--color:var(--secondary-hover)}[role=button].outline.contrast,button.outline.contrast,input[type=button].outline.contrast,input[type=reset].outline.contrast,input[type=submit].outline.contrast{--color:var(--contrast)}[role=button].outline.contrast:active,[role=button].outline.contrast:focus,[role=button].outline.contrast:hover,button.outline.contrast:active,button.outline.contrast:focus,button.outline.contrast:hover,input[type=button].outline.contrast:active,input[type=button].outline.contrast:focus,input[type=button].outline.contrast:hover,input[type=reset].outline.contrast:active,input[type=reset].outline.contrast:focus,input[type=reset].outline.contrast:hover,input[type=submit].outline.contrast:active,input[type=submit].outline.contrast:focus,input[type=submit].outline.contrast:hover{--color:var(--contrast-hover)}[role=button][disabled],a[role=button]:not([href]),button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{opacity:.5;pointer-events:none}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);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}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)!important;padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal)!important;padding-inline-start:var(--form-element-spacing-horizontal)!important;-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;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)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-valid-focus-color)!important}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)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-invalid-focus-color)!important}[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)}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25em;height:1.25em;margin-top:-.125em;margin-right:.375em;margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.375em;margin-inline-end:.375em;border-width:var(--border-width);font-size:inherit;vertical-align:middle;cursor:pointer}[type=checkbox]::-ms-check,[type=radio]::-ms-check{display:none}[type=checkbox]:checked,[type=checkbox]:checked:active,[type=checkbox]:checked:focus,[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-checkbox);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=checkbox]~label,[type=radio]~label{display:inline-block;margin-right:.375em;margin-bottom:0;cursor:pointer}[type=checkbox]:indeterminate{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-minus);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=radio]{border-radius:50%}[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary-inverse);border-width:.35em;background-image:none}[type=checkbox][role=switch]{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color);--color:var(--switch-color);width:2.25em;height:1.25em;border:var(--border-width) solid var(--border-color);border-radius:1.25em;background-color:var(--background-color);line-height:1.25em}[type=checkbox][role=switch]:focus{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color)}[type=checkbox][role=switch]:checked{--background-color:var(--switch-checked-background-color);--border-color:var(--switch-checked-background-color)}[type=checkbox][role=switch]:before{display:block;width:calc(1.25em - (var(--border-width) * 2));height:100%;border-radius:50%;background-color:var(--color);content:"";transition:margin .1s ease-in-out}[type=checkbox][role=switch]:checked{background-image:none}[type=checkbox][role=switch]:checked::before{margin-left:calc(1.125em - var(--border-width));-webkit-margin-start:calc(1.125em - var(--border-width));margin-inline-start:calc(1.125em - var(--border-width))}[type=checkbox]:checked[aria-invalid=false],[type=checkbox][aria-invalid=false],[type=checkbox][role=switch]:checked[aria-invalid=false],[type=checkbox][role=switch][aria-invalid=false],[type=radio]:checked[aria-invalid=false],[type=radio][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox]:checked[aria-invalid=true],[type=checkbox][aria-invalid=true],[type=checkbox][role=switch]:checked[aria-invalid=true],[type=checkbox][role=switch][aria-invalid=true],[type=radio]:checked[aria-invalid=true],[type=radio][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week]{--icon-position:0.75rem;--icon-width:1rem;padding-right:calc(var(--icon-width) + var(--icon-position));background-image:var(--icon-date);background-position:center right var(--icon-position);background-size:var(--icon-width) auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time]{background-image:var(--icon-time)}[type=date]::-webkit-calendar-picker-indicator,[type=datetime-local]::-webkit-calendar-picker-indicator,[type=month]::-webkit-calendar-picker-indicator,[type=time]::-webkit-calendar-picker-indicator,[type=week]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}[dir=rtl] [type=date],[dir=rtl] [type=datetime-local],[dir=rtl] [type=month],[dir=rtl] [type=time],[dir=rtl] [type=week]{text-align:right}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:none;border-radius:0;background:0 0}[type=file]:active,[type=file]:focus,[type=file]:hover{border:none;background:0 0}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::file-selector-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::file-selector-button:active,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-ms-browse{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;margin-inline-start:0;margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;-ms-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-ms-browse:active,[type=file]::-ms-browse:focus,[type=file]::-ms-browse:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.25rem;background:0 0}[type=range]::-webkit-slider-runnable-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-webkit-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-moz-range-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-moz-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-ms-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-ms-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-webkit-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-moz-range-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-moz-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-ms-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-ms-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]:focus,[type=range]:hover{--range-border-color:var(--range-active-border-color);--range-thumb-color:var(--range-thumb-hover-color)}[type=range]:active{--range-thumb-color:var(--range-thumb-active-color)}[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}[type=range]:active::-moz-range-thumb{transform:scale(1.25)}[type=range]:active::-ms-thumb{transform:scale(1.25)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search]{padding-left:calc(var(--form-element-spacing-horizontal) + 1.75rem);border-radius:5rem;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display: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)}code,kbd,pre,samp{font-size:.875em;font-family:var(--font-family)}pre{-ms-overflow-style:scrollbar;overflow:auto}code,kbd,pre{border-radius:var(--border-radius);background:var(--code-background-color);color:var(--code-color);font-weight:var(--font-weight);line-height:initial}code,kbd{display:inline-block;padding:.375rem .5rem}pre{display:block;margin-bottom:var(--spacing);overflow-x:auto}pre>code{display:block;padding:var(--spacing);background:0 0;font-size:14px;line-height:var(--line-height)}code b{color:var(--code-tag-color);font-weight:var(--font-weight)}code i{color:var(--code-property-color);font-style:normal}code u{color:var(--code-value-color);text-decoration:none}code em{color:var(--code-comment-color);font-style:normal}kbd{background-color:var(--code-kbd-background-color);color:var(--code-kbd-color);vertical-align:baseline}hr{box-sizing:content-box;height:0;overflow:visible;border:none;border-top:1px solid var(--muted-border-color)}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:calc(var(--spacing));border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{line-height:1rem;list-style-type:none;cursor:pointer;transition:color var(--transition)}details summary:not([role=button]){color:var(--accordion-close-summary-color)}details summary::-webkit-details-marker{display:none}details summary::marker{display:none}details summary::-moz-list-bullet{list-style-type:none}details summary::after{display:block;width:1rem;height:1rem;float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0}details summary:focus:not([role=button]){color:var(--accordion-active-summary-color)}details summary[role=button]{width:100%;text-align:left}details summary[role=button]::after{height:calc(1rem * var(--line-height));background-image:var(--icon-chevron-button)}details summary[role=button]:not(.outline).contrast::after{background-image:var(--icon-chevron-button-inverse)}details[open]>summary{margin-bottom:calc(var(--spacing))}details[open]>summary:not([role=button]):not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary{text-align:right}[dir=rtl] details summary::after{float:left}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);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{--scrollbar-width:0px}dialog{display:flex;z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:inherit;min-width:100%;height:inherit;min-height:100%;padding:var(--spacing);border:none;background-color:var(--modal-overlay-background-color)}dialog article{max-height:calc(100vh - var(--spacing) * 2);overflow:auto}@media (min-width:576px){dialog article{max-width:510px}}@media (min-width:768px){dialog article{max-width:700px}}dialog article>footer,dialog article>header{padding:calc(var(--block-spacing-vertical) * .5) var(--block-spacing-horizontal)}dialog article>header .close{margin:0;margin-left:var(--spacing);float:right}dialog article>footer{text-align:right}dialog article>footer [role=button]{margin-bottom:0}dialog article>footer [role=button]:not(:first-of-type){margin-left:calc(var(--spacing) * .5)}dialog article p:last-of-type{margin:0}dialog article .close{display:block;width:1rem;height:1rem;margin-top:calc(var(--block-spacing-vertical) * -.5);margin-bottom:var(--typography-spacing-vertical);margin-left:auto;background-image:var(--icon-close);background-position:center;background-size:auto 1rem;background-repeat:no-repeat;opacity:.5;transition:opacity var(--transition)}dialog article .close:active,dialog article .close:focus,dialog article .close:hover{opacity:1}dialog:not([open]),dialog[open=false]{display:none}.modal-is-open{padding-right:var(--scrollbar-width,0);overflow:hidden;pointer-events:none}.modal-is-open dialog{pointer-events:auto}.modal-is-closing dialog,.modal-is-closing dialog>article,.modal-is-opening dialog,.modal-is-opening dialog>article{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.modal-is-closing dialog,.modal-is-opening dialog{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:fadeIn;animation-name:fadeIn}.modal-is-closing dialog>article,.modal-is-opening dialog>article{-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-name:slideInDown;animation-name:slideInDown}.modal-is-closing dialog,.modal-is-closing dialog>article{-webkit-animation-delay:0s;animation-delay:0s;animation-direction:reverse}@-webkit-keyframes fadeIn{from{background-color:transparent}to{background-color:var(--modal-overlay-background-color)}}@keyframes fadeIn{from{background-color:transparent}to{background-color:var(--modal-overlay-background-color)}}@-webkit-keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}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(--nav-element-spacing-horizontal) * -1)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--nav-element-spacing-horizontal) * -1)}nav li{display:inline-block;margin:0;padding:var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal)}nav li>*{--spacing:0}nav a{display:inline-block;margin:calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);padding:var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);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(--nav-element-spacing-vertical) * .5) var(--nav-element-spacing-horizontal)}aside li a{display:block}aside li [role=button]{margin:inherit}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;-webkit-animation:progressIndeterminate 1s linear infinite;animation:progressIndeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@media (prefers-reduced-motion:no-preference){[dir=rtl] progress:indeterminate{animation-direction:reverse}}@-webkit-keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}details[role=list]{position:relative;padding:0;border-bottom:none}details[role=list] summary{height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);margin-bottom:0;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--form-element-border-color);border-radius:var(--border-radius);line-height:inherit;cursor:pointer}details[role=list] summary::after{height:100%;transform:rotate(0)}details[role=list] summary+ul{z-index:100;position:absolute;top:auto;right:0;left:0;margin:0;padding:0;border:var(--border-width) solid var(--form-element-border-color);border-top:none;border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);background-color:var(--background-color);list-style:none}details[role=list] summary+ul li{margin-bottom:0}details[role=list] summary+ul li::marker{content:""}details[role=list] summary+ul li label{position:relative;width:100%;margin:0;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);cursor:pointer}details[role=list] summary+ul li label:hover{background-color:var(--secondary-focus)}details[role=list] summary+ul li label input[type=checkbox],details[role=list] summary+ul li label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none}details[role=list].disabled summary,details[role=list][disabled] summary{color:var(--muted-color);cursor:not-allowed;pointer-events:none}details[role=list][open] summary{margin-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}details[role=list][open] summary::before{display:block;z-index:80;position:fixed;top:0;right:0;bottom:0;left:0;background:0 0;content:" ";cursor:default}details[role=list][open] summary::after{transform:rotate(180deg)}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input):not(select):not(textarea)::before{display:inline-block;width:1em;height:1em;border:.1875em solid currentColor;border-radius:1em;border-right-color:transparent;content:"";vertical-align:text-bottom;vertical-align:-.125em;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before{margin-right:calc(var(--spacing) * .5);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing) * .5);margin-inline-end:calc(var(--spacing) * .5)}[aria-busy=true]:not(input):not(select):not(textarea):empty{text-align:center}a[aria-busy=true],button[aria-busy=true],input[type=button][aria-busy=true],input[type=reset][aria-busy=true],input[type=submit][aria-busy=true]{pointer-events:none}@-webkit-keyframes spinner{to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a):not(button):not(input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::before{display:block;z-index:99;position:absolute;bottom:100%;left:50%;padding:.25rem .5rem;overflow:hidden;transform:translate(-50%,-.25rem);border-radius:var(--border-radius);background:var(--tooltip-background-color);content:attr(data-tooltip);color:var(--tooltip-color);font-style:normal;font-weight:var(--font-weight);font-size:.875rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none}[data-tooltip]::after{padding:0;transform:translate(-50%,0);border-top:.3rem solid;border-right:.3rem solid transparent;border-left:.3rem solid transparent;border-radius:0;background-color:transparent;content:"";color:var(--tooltip-background-color)}[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media (hover:hover) and (pointer:fine){[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide;animation-name:slide}[data-tooltip]:focus::after,[data-tooltip]:hover::after{-webkit-animation-name:slideCaret;animation-name:slideCaret}}@-webkit-keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@-webkit-keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}[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}@media (prefers-reduced-motion:reduce){:not([aria-busy=true]),:not([aria-busy=true])::after,:not([aria-busy=true])::before{background-attachment:initial!important;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
+ */: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);--grid-spacing-vertical:0;--grid-spacing-horizontal:var(--spacing);--form-element-spacing-vertical:0.75rem;--form-element-spacing-horizontal:1rem;--nav-element-spacing-vertical:1rem;--nav-element-spacing-horizontal:0.75rem;--nav-link-spacing-vertical:0.5rem;--nav-link-spacing-horizontal:0.5rem;--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}}@media (min-width:576px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 2.5)}}@media (min-width:768px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3)}}@media (min-width:992px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3.5)}}@media (min-width:1200px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 4)}}@media (min-width:576px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:992px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.75)}}@media (min-width:1200px){article{--block-spacing-horizontal:calc(var(--spacing) * 2)}}dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing)}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}a{--text-decoration:none}a.contrast,a.secondary{--text-decoration:underline}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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(255, 255, 255, 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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(0, 0, 0, 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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(0, 0, 0, 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) 0}.container,.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--spacing);padding-left:var(--spacing)}@media (min-width:576px){.container{max-width:510px;padding-right:0;padding-left:0}}@media (min-width:768px){.container{max-width:700px}}@media (min-width:992px){.container{max-width:920px}}@media (min-width:1200px){.container{max-width:1130px}}section{margin-bottom:var(--block-spacing-vertical)}.grid{grid-column-gap:var(--grid-spacing-horizontal);grid-row-gap:var(--grid-spacing-vertical);display:grid;grid-template-columns:1fr;margin:0}@media (min-width:992px){.grid{grid-template-columns:repeat(auto-fit,minmax(0%,1fr))}}.grid>*{min-width:0}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);transition:background-color var(--transition),color var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition)}a:active,a:focus,a:hover,a[aria-current]{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-focus)}a.secondary{--color:var(--secondary)}a.secondary:active,a.secondary:focus,a.secondary:hover,a.secondary[aria-current]{--color:var(--secondary-hover)}a.secondary:focus{--background-color:var(--secondary-focus)}a.contrast{--color:var(--contrast)}a.contrast:active,a.contrast:focus,a.contrast:hover,a.contrast[aria-current]{--color:var(--contrast-hover)}a.contrast:focus{--background-color:var(--contrast-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)}.headings,hgroup{margin-bottom:var(--typography-spacing-vertical)}.headings>*,hgroup>*{margin-bottom:0}.headings>:last-child,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)}[role=button]{display:inline-block;text-decoration:none}[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;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[role=button]:active,[role=button]:focus,[role=button]:hover,[role=button][aria-current],button:active,button:focus,button:hover,button[aria-current],input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=button][aria-current],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=reset][aria-current],input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover,input[type=submit][aria-current]{--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));--color:var(--primary-inverse)}[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)}[role=button].secondary,button.secondary,input[type=button].secondary,input[type=reset],input[type=submit].secondary{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}[role=button].secondary:active,[role=button].secondary:focus,[role=button].secondary:hover,[role=button].secondary[aria-current],button.secondary:active,button.secondary:focus,button.secondary:hover,button.secondary[aria-current],input[type=button].secondary:active,input[type=button].secondary:focus,input[type=button].secondary:hover,input[type=button].secondary[aria-current],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=reset][aria-current],input[type=submit].secondary:active,input[type=submit].secondary:focus,input[type=submit].secondary:hover,input[type=submit].secondary[aria-current]{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover);--color:var(--secondary-inverse)}[role=button].secondary:focus,button.secondary:focus,input[type=button].secondary:focus,input[type=reset]:focus,input[type=submit].secondary: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)}[role=button].contrast,button.contrast,input[type=button].contrast,input[type=reset].contrast,input[type=submit].contrast{--background-color:var(--contrast);--border-color:var(--contrast);--color:var(--contrast-inverse)}[role=button].contrast:active,[role=button].contrast:focus,[role=button].contrast:hover,[role=button].contrast[aria-current],button.contrast:active,button.contrast:focus,button.contrast:hover,button.contrast[aria-current],input[type=button].contrast:active,input[type=button].contrast:focus,input[type=button].contrast:hover,input[type=button].contrast[aria-current],input[type=reset].contrast:active,input[type=reset].contrast:focus,input[type=reset].contrast:hover,input[type=reset].contrast[aria-current],input[type=submit].contrast:active,input[type=submit].contrast:focus,input[type=submit].contrast:hover,input[type=submit].contrast[aria-current]{--background-color:var(--contrast-hover);--border-color:var(--contrast-hover);--color:var(--contrast-inverse)}[role=button].contrast:focus,button.contrast:focus,input[type=button].contrast:focus,input[type=reset].contrast:focus,input[type=submit].contrast:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--contrast-focus)}[role=button].outline,button.outline,input[type=button].outline,input[type=reset].outline,input[type=submit].outline{--background-color:transparent;--color:var(--primary)}[role=button].outline:active,[role=button].outline:focus,[role=button].outline:hover,[role=button].outline[aria-current],button.outline:active,button.outline:focus,button.outline:hover,button.outline[aria-current],input[type=button].outline:active,input[type=button].outline:focus,input[type=button].outline:hover,input[type=button].outline[aria-current],input[type=reset].outline:active,input[type=reset].outline:focus,input[type=reset].outline:hover,input[type=reset].outline[aria-current],input[type=submit].outline:active,input[type=submit].outline:focus,input[type=submit].outline:hover,input[type=submit].outline[aria-current]{--background-color:transparent;--color:var(--primary-hover)}[role=button].outline.secondary,button.outline.secondary,input[type=button].outline.secondary,input[type=reset].outline.secondary,input[type=submit].outline.secondary{--color:var(--secondary)}[role=button].outline.secondary:active,[role=button].outline.secondary:focus,[role=button].outline.secondary:hover,[role=button].outline.secondary[aria-current],button.outline.secondary:active,button.outline.secondary:focus,button.outline.secondary:hover,button.outline.secondary[aria-current],input[type=button].outline.secondary:active,input[type=button].outline.secondary:focus,input[type=button].outline.secondary:hover,input[type=button].outline.secondary[aria-current],input[type=reset].outline.secondary:active,input[type=reset].outline.secondary:focus,input[type=reset].outline.secondary:hover,input[type=reset].outline.secondary[aria-current],input[type=submit].outline.secondary:active,input[type=submit].outline.secondary:focus,input[type=submit].outline.secondary:hover,input[type=submit].outline.secondary[aria-current]{--color:var(--secondary-hover)}[role=button].outline.contrast,button.outline.contrast,input[type=button].outline.contrast,input[type=reset].outline.contrast,input[type=submit].outline.contrast{--color:var(--contrast)}[role=button].outline.contrast:active,[role=button].outline.contrast:focus,[role=button].outline.contrast:hover,[role=button].outline.contrast[aria-current],button.outline.contrast:active,button.outline.contrast:focus,button.outline.contrast:hover,button.outline.contrast[aria-current],input[type=button].outline.contrast:active,input[type=button].outline.contrast:focus,input[type=button].outline.contrast:hover,input[type=button].outline.contrast[aria-current],input[type=reset].outline.contrast:active,input[type=reset].outline.contrast:focus,input[type=reset].outline.contrast:hover,input[type=reset].outline.contrast[aria-current],input[type=submit].outline.contrast:active,input[type=submit].outline.contrast:focus,input[type=submit].outline.contrast:hover,input[type=submit].outline.contrast[aria-current]{--color:var(--contrast-hover)}[role=button][disabled],a[role=button]:not([href]),button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{opacity:.5;pointer-events:none}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);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}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)!important;padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal)!important;padding-inline-start:var(--form-element-spacing-horizontal)!important;-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;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)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-valid-focus-color)!important}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)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-invalid-focus-color)!important}[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)}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25em;height:1.25em;margin-top:-.125em;margin-right:.375em;margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.375em;margin-inline-end:.375em;border-width:var(--border-width);font-size:inherit;vertical-align:middle;cursor:pointer}[type=checkbox]::-ms-check,[type=radio]::-ms-check{display:none}[type=checkbox]:checked,[type=checkbox]:checked:active,[type=checkbox]:checked:focus,[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-checkbox);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=checkbox]~label,[type=radio]~label{display:inline-block;margin-right:.375em;margin-bottom:0;cursor:pointer}[type=checkbox]:indeterminate{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-minus);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=radio]{border-radius:50%}[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary-inverse);border-width:.35em;background-image:none}[type=checkbox][role=switch]{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color);--color:var(--switch-color);width:2.25em;height:1.25em;border:var(--border-width) solid var(--border-color);border-radius:1.25em;background-color:var(--background-color);line-height:1.25em}[type=checkbox][role=switch]:focus{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color)}[type=checkbox][role=switch]:checked{--background-color:var(--switch-checked-background-color);--border-color:var(--switch-checked-background-color)}[type=checkbox][role=switch]:before{display:block;width:calc(1.25em - (var(--border-width) * 2));height:100%;border-radius:50%;background-color:var(--color);content:"";transition:margin .1s ease-in-out}[type=checkbox][role=switch]:checked{background-image:none}[type=checkbox][role=switch]:checked::before{margin-left:calc(1.125em - var(--border-width));-webkit-margin-start:calc(1.125em - var(--border-width));margin-inline-start:calc(1.125em - var(--border-width))}[type=checkbox]:checked[aria-invalid=false],[type=checkbox][aria-invalid=false],[type=checkbox][role=switch]:checked[aria-invalid=false],[type=checkbox][role=switch][aria-invalid=false],[type=radio]:checked[aria-invalid=false],[type=radio][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox]:checked[aria-invalid=true],[type=checkbox][aria-invalid=true],[type=checkbox][role=switch]:checked[aria-invalid=true],[type=checkbox][role=switch][aria-invalid=true],[type=radio]:checked[aria-invalid=true],[type=radio][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week]{--icon-position:0.75rem;--icon-width:1rem;padding-right:calc(var(--icon-width) + var(--icon-position));background-image:var(--icon-date);background-position:center right var(--icon-position);background-size:var(--icon-width) auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time]{background-image:var(--icon-time)}[type=date]::-webkit-calendar-picker-indicator,[type=datetime-local]::-webkit-calendar-picker-indicator,[type=month]::-webkit-calendar-picker-indicator,[type=time]::-webkit-calendar-picker-indicator,[type=week]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}[dir=rtl] [type=date],[dir=rtl] [type=datetime-local],[dir=rtl] [type=month],[dir=rtl] [type=time],[dir=rtl] [type=week]{text-align:right}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:none;border-radius:0;background:0 0}[type=file]:active,[type=file]:focus,[type=file]:hover{border:none;background:0 0}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::file-selector-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::file-selector-button:active,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-ms-browse{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;margin-inline-start:0;margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);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;-ms-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-ms-browse:active,[type=file]::-ms-browse:focus,[type=file]::-ms-browse:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.25rem;background:0 0}[type=range]::-webkit-slider-runnable-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-webkit-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-moz-range-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-moz-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-ms-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-ms-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-webkit-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-moz-range-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-moz-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-ms-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-ms-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]:focus,[type=range]:hover{--range-border-color:var(--range-active-border-color);--range-thumb-color:var(--range-thumb-hover-color)}[type=range]:active{--range-thumb-color:var(--range-thumb-active-color)}[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}[type=range]:active::-moz-range-thumb{transform:scale(1.25)}[type=range]:active::-ms-thumb{transform:scale(1.25)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search]{padding-left:calc(var(--form-element-spacing-horizontal) + 1.75rem);border-radius:5rem;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display: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)}code,kbd,pre,samp{font-size:.875em;font-family:var(--font-family)}pre{-ms-overflow-style:scrollbar;overflow:auto}code,kbd,pre{border-radius:var(--border-radius);background:var(--code-background-color);color:var(--code-color);font-weight:var(--font-weight);line-height:initial}code,kbd{display:inline-block;padding:.375rem .5rem}pre{display:block;margin-bottom:var(--spacing);overflow-x:auto}pre>code{display:block;padding:var(--spacing);background:0 0;font-size:14px;line-height:var(--line-height)}code b{color:var(--code-tag-color);font-weight:var(--font-weight)}code i{color:var(--code-property-color);font-style:normal}code u{color:var(--code-value-color);text-decoration:none}code em{color:var(--code-comment-color);font-style:normal}kbd{background-color:var(--code-kbd-background-color);color:var(--code-kbd-color);vertical-align:baseline}hr{box-sizing:content-box;height:0;overflow:visible;border:none;border-top:1px solid var(--muted-border-color)}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:calc(var(--spacing));border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{line-height:1rem;list-style-type:none;cursor:pointer;transition:color var(--transition)}details summary:not([role=button]){color:var(--accordion-close-summary-color)}details summary::-webkit-details-marker{display:none}details summary::marker{display:none}details summary::-moz-list-bullet{list-style-type:none}details summary::after{display:block;width:1rem;height:1rem;float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0}details summary:focus:not([role=button]){color:var(--accordion-active-summary-color)}details summary[role=button]{width:100%;text-align:left}details summary[role=button]::after{height:calc(1rem * var(--line-height));background-image:var(--icon-chevron-button)}details summary[role=button]:not(.outline).contrast::after{background-image:var(--icon-chevron-button-inverse)}details[open]>summary{margin-bottom:calc(var(--spacing))}details[open]>summary:not([role=button]):not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary{text-align:right}[dir=rtl] details summary::after{float:left}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);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{--scrollbar-width:0px}dialog{display:flex;z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:inherit;min-width:100%;height:inherit;min-height:100%;padding:var(--spacing);border:none;background-color:var(--modal-overlay-background-color)}dialog article{max-height:calc(100vh - var(--spacing) * 2);overflow:auto}@media (min-width:576px){dialog article{max-width:510px}}@media (min-width:768px){dialog article{max-width:700px}}dialog article>footer,dialog article>header{padding:calc(var(--block-spacing-vertical) * .5) var(--block-spacing-horizontal)}dialog article>header .close{margin:0;margin-left:var(--spacing);float:right}dialog article>footer{text-align:right}dialog article>footer [role=button]{margin-bottom:0}dialog article>footer [role=button]:not(:first-of-type){margin-left:calc(var(--spacing) * .5)}dialog article p:last-of-type{margin:0}dialog article .close{display:block;width:1rem;height:1rem;margin-top:calc(var(--block-spacing-vertical) * -.5);margin-bottom:var(--typography-spacing-vertical);margin-left:auto;background-image:var(--icon-close);background-position:center;background-size:auto 1rem;background-repeat:no-repeat;opacity:.5;transition:opacity var(--transition)}dialog article .close:active,dialog article .close:focus,dialog article .close:hover,dialog article .close[aria-current]{opacity:1}dialog:not([open]),dialog[open=false]{display:none}.modal-is-open{padding-right:var(--scrollbar-width,0);overflow:hidden;pointer-events:none}.modal-is-open dialog{pointer-events:auto}.modal-is-closing dialog,.modal-is-closing dialog>article,.modal-is-opening dialog,.modal-is-opening dialog>article{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.modal-is-closing dialog,.modal-is-opening dialog{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:fadeIn;animation-name:fadeIn}.modal-is-closing dialog>article,.modal-is-opening dialog>article{-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-name:slideInDown;animation-name:slideInDown}.modal-is-closing dialog,.modal-is-closing dialog>article{-webkit-animation-delay:0s;animation-delay:0s;animation-direction:reverse}@-webkit-keyframes fadeIn{from{background-color:transparent}to{background-color:var(--modal-overlay-background-color)}}@keyframes fadeIn{from{background-color:transparent}to{background-color:var(--modal-overlay-background-color)}}@-webkit-keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}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(--nav-element-spacing-horizontal) * -1)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--nav-element-spacing-horizontal) * -1)}nav li{display:inline-block;margin:0;padding:var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal)}nav li>*{--spacing:0}nav a{display:inline-block;margin:calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);padding:var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);border-radius:var(--border-radius);text-decoration:none}nav a:active,nav a:focus,nav a:hover,nav a[aria-current]{text-decoration:none}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--nav-element-spacing-vertical) * .5) var(--nav-element-spacing-horizontal)}aside li a{display:block}aside li [role=button]{margin:inherit}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;-webkit-animation:progressIndeterminate 1s linear infinite;animation:progressIndeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@media (prefers-reduced-motion:no-preference){[dir=rtl] progress:indeterminate{animation-direction:reverse}}@-webkit-keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}details[role=list]{position:relative;padding:0;border-bottom:none}details[role=list] summary{height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);margin-bottom:0;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--form-element-border-color);border-radius:var(--border-radius);line-height:inherit;cursor:pointer}details[role=list] summary::after{height:100%;transform:rotate(0)}details[role=list] summary+ul{z-index:100;position:absolute;top:auto;right:0;left:0;margin:0;padding:0;border:var(--border-width) solid var(--form-element-border-color);border-top:none;border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);background-color:var(--background-color);list-style:none}details[role=list] summary+ul li{margin-bottom:0}details[role=list] summary+ul li::marker{content:""}details[role=list] summary+ul li label{position:relative;width:100%;margin:0;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);cursor:pointer}details[role=list] summary+ul li label:hover{background-color:var(--secondary-focus)}details[role=list] summary+ul li label input[type=checkbox],details[role=list] summary+ul li label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none}details[role=list].disabled summary,details[role=list][disabled] summary{color:var(--muted-color);cursor:not-allowed;pointer-events:none}details[role=list][open] summary{margin-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}details[role=list][open] summary::before{display:block;z-index:80;position:fixed;top:0;right:0;bottom:0;left:0;background:0 0;content:" ";cursor:default}details[role=list][open] summary::after{transform:rotate(180deg)}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input):not(select):not(textarea)::before{display:inline-block;width:1em;height:1em;border:.1875em solid currentColor;border-radius:1em;border-right-color:transparent;content:"";vertical-align:text-bottom;vertical-align:-.125em;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before{margin-right:calc(var(--spacing) * .5);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing) * .5);margin-inline-end:calc(var(--spacing) * .5)}[aria-busy=true]:not(input):not(select):not(textarea):empty{text-align:center}a[aria-busy=true],button[aria-busy=true],input[type=button][aria-busy=true],input[type=reset][aria-busy=true],input[type=submit][aria-busy=true]{pointer-events:none}@-webkit-keyframes spinner{to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a):not(button):not(input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::before{display:block;z-index:99;position:absolute;bottom:100%;left:50%;padding:.25rem .5rem;overflow:hidden;transform:translate(-50%,-.25rem);border-radius:var(--border-radius);background:var(--tooltip-background-color);content:attr(data-tooltip);color:var(--tooltip-color);font-style:normal;font-weight:var(--font-weight);font-size:.875rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none}[data-tooltip]::after{padding:0;transform:translate(-50%,0);border-top:.3rem solid;border-right:.3rem solid transparent;border-left:.3rem solid transparent;border-radius:0;background-color:transparent;content:"";color:var(--tooltip-background-color)}[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media (hover:hover) and (pointer:fine){[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide;animation-name:slide}[data-tooltip]:focus::after,[data-tooltip]:hover::after{-webkit-animation-name:slideCaret;animation-name:slideCaret}}@-webkit-keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@-webkit-keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}[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}@media (prefers-reduced-motion:reduce){:not([aria-busy=true]),:not([aria-busy=true])::after,:not([aria-busy=true])::before{background-attachment:initial!important;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
 /*# sourceMappingURL=pico.min.css.map */
\ No newline at end of file
diff --git a/css/pico.min.css.map b/css/pico.min.css.map
index 6af08872..12bb6fdf 100644
--- a/css/pico.min.css.map
+++ b/css/pico.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["scss/pico.scss","scss/themes/default/_styles.scss","css/pico.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/_container.scss","scss/layout/_section.scss","scss/layout/_grid.scss","scss/layout/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_form.scss","scss/content/_form-checkbox-radio.scss","scss/content/_form-alt-input-types.scss","scss/content/_table.scss","scss/content/_code.scss","scss/content/_miscs.scss","scss/components/_accordion.scss","scss/components/_card.scss","scss/components/_modal.scss","scss/components/_nav.scss","scss/components/_progress.scss","scss/components/_dropdown.scss","scss/utilities/_loading.scss","scss/utilities/_tooltip.scss","scss/utilities/_accessibility.scss","scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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/grid\"; // .grid\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/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/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n@import \"components/dropdown\"; // dropdown\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\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  // Spacings for nav component\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(255, 255, 255, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\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/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\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  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\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}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-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.headings {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > *,\n.headings > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child,\n.headings > *: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\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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,\n[role=button]:hover,\n[role=button]:active,\n[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  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[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\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset],\n[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button].secondary:hover,\n[role=button].secondary:active,\n[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n  --color: var(--secondary-inverse);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset]:focus,\n[role=button].secondary: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.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\n[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\n[role=button].contrast:hover,\n[role=button].contrast:active,\n[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\n[role=button].contrast: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\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\n[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\n[role=button].outline:hover,\n[role=button].outline:active,\n[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\n\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\n[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\n[role=button].outline.secondary:hover,\n[role=button].outline.secondary:active,\n[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\n\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\n[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\n[role=button].outline.contrast:hover,\n[role=button].outline.contrast:active,\n[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\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 * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: 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 * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary:not([role=button]) {\n  color: var(--accordion-close-summary-color);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n}\ndetails summary:focus:not([role=button]) {\n  color: var(--accordion-active-summary-color);\n}\ndetails summary[role=button] {\n  width: 100%;\n  text-align: left;\n}\ndetails summary[role=button]::after {\n  height: calc(1rem * var(--line-height));\n  background-image: var(--icon-chevron-button);\n}\ndetails summary[role=button]:not(.outline).contrast::after {\n  background-image: var(--icon-chevron-button-inverse);\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing));\n}\ndetails[open] > summary:not([role=button]):not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary {\n  text-align: right;\n}\n[dir=rtl] details summary::after {\n  float: left;\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  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/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog article .close {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: calc(var(--block-spacing-vertical) * -0.5);\n  margin-bottom: var(--typography-spacing-vertical);\n  margin-left: auto;\n  background-image: var(--icon-close);\n  background-position: center;\n  background-size: auto 1rem;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--transition);\n}\ndialog article .close:hover, dialog article .close:active, dialog article .close:focus {\n  opacity: 1;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n.modal-is-open {\n  padding-right: var(--scrollbar-width, 0px);\n  overflow: hidden;\n  pointer-events: none;\n}\n.modal-is-open dialog {\n  pointer-events: auto;\n}\n\n.modal-is-opening dialog,\n.modal-is-opening dialog > article,\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-duration: 0.2s;\n  animation-timing-function: ease-in-out;\n  animation-fill-mode: both;\n}\n.modal-is-opening dialog,\n.modal-is-closing dialog {\n  animation-duration: 0.8s;\n  animation-name: fadeIn;\n}\n.modal-is-opening dialog > article,\n.modal-is-closing dialog > article {\n  animation-delay: 0.2s;\n  animation-name: slideInDown;\n}\n\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-delay: 0s;\n  animation-direction: reverse;\n}\n\n@keyframes fadeIn {\n  from {\n    background-color: transparent;\n  }\n  to {\n    background-color: var(--modal-overlay-background-color);\n  }\n}\n@keyframes slideInDown {\n  from {\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\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(--nav-element-spacing-horizontal) * -1);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n}\nnav li > * {\n  --spacing: 0;\n}\nnav a {\n  display: inline-block;\n  margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n}\naside li a {\n  display: block;\n}\naside li [role=button] {\n  margin: inherit;\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  [dir=rtl] progress:indeterminate {\n    animation-direction: reverse;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\ndetails[role=list] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n}\ndetails[role=list] summary {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n  margin-bottom: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-radius: var(--border-radius);\n  line-height: inherit;\n  cursor: pointer;\n}\ndetails[role=list] summary::after {\n  height: 100%;\n  transform: rotate(0deg);\n}\ndetails[role=list] summary + ul {\n  z-index: 100;\n  position: absolute;\n  top: auto;\n  right: 0px;\n  left: 0px;\n  margin: 0;\n  padding: 0;\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-top: none;\n  border-bottom-right-radius: var(--border-radius);\n  border-bottom-left-radius: var(--border-radius);\n  background-color: var(--background-color);\n  list-style: none;\n}\ndetails[role=list] summary + ul li {\n  margin-bottom: 0;\n}\ndetails[role=list] summary + ul li::marker {\n  content: \"\";\n}\ndetails[role=list] summary + ul li label {\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  cursor: pointer;\n}\ndetails[role=list] summary + ul li label:hover {\n  background-color: var(--secondary-focus);\n}\ndetails[role=list] summary + ul li label input[type=radio],\ndetails[role=list] summary + ul li label input[type=checkbox] {\n  appearance: none;\n}\ndetails[role=list][disabled] summary, details[role=list].disabled summary {\n  color: var(--muted-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\ndetails[role=list][open] summary {\n  margin-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\ndetails[role=list][open] summary::before {\n  display: block;\n  z-index: 80;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: transparent;\n  content: \" \";\n  cursor: default;\n}\ndetails[role=list][open] summary::after {\n  transform: rotate(180deg);\n}\n\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\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 * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.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-chevron-button: 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($white, .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-chevron-button-inverse: 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($white, .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-chevron-button: 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($white, .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-chevron-button-inverse: 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($black, .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","@if ($enable-class-container and $enable-classes) {\n  /**\n * Container\n */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(--spacing);\n    padding-left: var(--spacing);\n  }\n\n  .container {\n    @if map-get($breakpoints, \"sm\") {\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\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        max-width: map-get($viewports, \"lg\");\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        max-width: map-get($viewports, \"xl\");\n      }\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","@if ($enable-classes and $enable-grid) {\n  /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n  .grid {\n    grid-column-gap: var(--grid-spacing-horizontal);\n    grid-row-gap: var(--grid-spacing-vertical);\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: 0;\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\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\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[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    --color: var(--primary-inverse);\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, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].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      --color: var(--secondary-inverse);\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  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].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      --color: var(--contrast-inverse);\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  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].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  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].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  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[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\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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 * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n    }\n  }\n}\n\n// Aria-invalid\n[type=\"checkbox\"],\n[type=\"checkbox\"]:checked,\n[type=\"radio\"],\n[type=\"radio\"]:checked,\n[type=\"checkbox\"][role=\"switch\"],\n[type=\"checkbox\"][role=\"switch\"]:checked {\n  \n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n  }\n}","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"date\"],\n  &[type=\"datetime-local\"],\n  &[type=\"month\"],\n  &[type=\"time\"],\n  &[type=\"week\"] {\n    --icon-position: 0.75rem;\n    --icon-width: 1rem;\n    padding-right: calc(var(--icon-width) + var(--icon-position));\n    background-image: var(--icon-date);\n    background-position: center right var(--icon-position);\n    background-size: var(--icon-width) auto;\n    background-repeat: no-repeat;\n  }\n\n  // Time\n  &[type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// Calendar picker\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"time\"],\n[type=\"week\"] {\n  &::-webkit-calendar-picker-indicator {\n    width: var(--icon-width);\n    margin-right: calc(var(--icon-width) * -1);\n    margin-left: var(--icon-position);\n    opacity: 0;\n  }\n}\n\n[dir=\"rtl\"] {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    text-align: right;\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\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(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"search\"] {\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n    border-radius: 5rem;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Cancel button\n[type=\"search\"] {\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\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 * Code\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. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n","/**\n * Miscs\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. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    \n    line-height: 1rem;\n    list-style-type: none;\n    cursor: pointer;\n\n    &:not([role=\"button\"]) {\n      color: var(--accordion-close-summary-color);\n    }\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n\n      &:not([role=\"button\"]) {\n        color: var(--accordion-active-summary-color);\n      }\n    }\n\n    // Type button\n    &[role=\"button\"] {\n      width: 100%;\n      text-align: left;\n      \n      // Marker\n      &::after {\n        height: calc(1rem * var(--line-height));\n        background-image: var(--icon-chevron-button);\n      }\n\n      @if $enable-classes {\n        \n        // .contrast\n        &:not(.outline).contrast {\n          \n          // Marker\n          &::after {\n            background-image: var(--icon-chevron-button-inverse);\n          }\n        }\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing));\n\n      &:not([role=\"button\"]) {\n        &:not(:focus) {\n          color: var(--accordion-open-summary-color);\n        }\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      text-align: right;\n\n      &::after {\n        float: left;\n      }\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  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","/**\n * Modal (<dialog>)\n */\n\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    max-height: calc(100vh - var(--spacing) * 2);\n    overflow: auto;\n\n    @if map-get($breakpoints, 'sm') {\n      @media (min-width: map-get($breakpoints, 'sm')) {\n        max-width: map-get($viewports, 'sm');\n      }\n    }\n\n    @if map-get($breakpoints, 'md') {\n      @media (min-width: map-get($breakpoints, 'md')) {\n        max-width: map-get($viewports, 'md');\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5)\n        var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role='button'] {\n        margin-bottom: 0;\n\n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    @if $enable-classes {\n      .close {\n        display: block;\n        width: 1rem;\n        height: 1rem;\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\n        margin-bottom: var(--typography-spacing-vertical);\n        margin-left: auto;\n        background-image: var(--icon-close);\n        background-position: center;\n        background-size: auto 1rem;\n        background-repeat: no-repeat;\n        opacity: 0.5;\n\n        @if $enable-transitions {\n          transition: opacity var(--transition);\n        }\n\n        &:hover,\n        &:active,\n        &:focus {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open='false'] {\n    display: none;\n  }\n}\n\n// Utilities\n@if $enable-classes {\n  .modal-is-open {\n    padding-right: var(--scrollbar-width, 0px);\n    overflow: hidden;\n    pointer-events: none;\n\n    dialog {\n      pointer-events: auto;\n    }\n  }\n}\n\n// Animations\n@if ($enable-classes and $enable-transitions) {\n  $animation-duration: 0.2s;\n\n  .modal-is-opening,\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-timing-function: ease-in-out;\n      animation-fill-mode: both;\n    }\n\n    dialog {\n      animation-duration: ($animation-duration * 4);\n      animation-name: fadeIn;\n\n      > article {\n        animation-delay: $animation-duration;\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-delay: 0s;\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n\n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\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(--nav-element-spacing-horizontal) * -1);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n    \n    // Minimal support for buttons and forms elements\n    > * {\n      --spacing: 0;\n    }\n  }\n\n  a {\n    display: inline-block;\n    margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n    padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n\n    a {\n      display: block;\n    }\n    \n    // Minimal support for links as buttons\n    [role=\"button\"] {\n      margin: inherit;\n    }\n  }\n}\n","/**\n * Progress\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. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  @media (prefers-reduced-motion: no-preference) {\n    progress:indeterminate {\n      animation-direction: reverse;\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","details[role='list'] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n\n  summary {\n    height: calc(\n      1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +\n        var(--border-width) * 2\n    );\n    margin-bottom: 0;\n    padding: var(--form-element-spacing-vertical)\n      var(--form-element-spacing-horizontal);\n    border: var(--border-width) solid var(--form-element-border-color);\n    border-radius: var(--border-radius);\n    line-height: inherit;\n    cursor: pointer;\n\n    &::after {\n      height: 100%;\n      transform: rotate(0deg);\n    }\n\n    & + ul {\n      z-index: 100;\n      position: absolute;\n      top: auto;\n      right: 0px;\n      left: 0px;\n      margin: 0;\n      padding: 0;\n      border: var(--border-width) solid var(--form-element-border-color);\n      border-top: none;\n      border-bottom-right-radius: var(--border-radius);\n      border-bottom-left-radius: var(--border-radius);\n      background-color: var(--background-color);\n      list-style: none;\n\n      li {\n        margin-bottom: 0;\n        &::marker {\n          content: '';\n        }\n\n        label {\n          position: relative;\n          width: 100%;\n          margin: 0;\n          padding: var(--form-element-spacing-vertical)\n            var(--form-element-spacing-horizontal);\n          cursor: pointer;\n          &:hover {\n            background-color: var(--secondary-focus);\n          }\n\n          input[type='radio'],\n          input[type='checkbox'] {\n            appearance: none;\n          }\n        }\n      }\n    }\n  }\n\n  &[disabled] summary,\n  &.disabled summary {\n    color: var(--muted-color);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  &[open] summary {\n    margin-bottom: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    &::before {\n      display: block;\n      z-index: 80;\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background: transparent;\n      content: ' ';\n      cursor: default;\n    }\n\n    &::after {\n      transform: rotate(180deg);\n    }\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\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","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["scss/pico.scss","scss/themes/default/_styles.scss","css/pico.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/_container.scss","scss/layout/_section.scss","scss/layout/_grid.scss","scss/layout/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_form.scss","scss/content/_form-checkbox-radio.scss","scss/content/_form-alt-input-types.scss","scss/content/_table.scss","scss/content/_code.scss","scss/content/_miscs.scss","scss/components/_accordion.scss","scss/components/_card.scss","scss/components/_modal.scss","scss/components/_nav.scss","scss/components/_progress.scss","scss/components/_dropdown.scss","scss/utilities/_loading.scss","scss/utilities/_tooltip.scss","scss/utilities/_accessibility.scss","scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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/grid\"; // .grid\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/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/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n@import \"components/dropdown\"; // dropdown\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\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  // Spacings for nav component\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\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  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(255, 255, 255, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\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/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\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  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na[aria-current], a:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary[aria-current], a.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast[aria-current], a.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-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.headings {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > *,\n.headings > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child,\n.headings > *: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\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton[aria-current], button:hover, button:active, button:focus,\ninput[type=submit][aria-current],\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button][aria-current],\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset][aria-current],\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button][aria-current],\n[role=button]:hover,\n[role=button]:active,\n[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  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[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\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset],\n[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary[aria-current], button.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary[aria-current],\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary[aria-current],\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset][aria-current],\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button].secondary[aria-current],\n[role=button].secondary:hover,\n[role=button].secondary:active,\n[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n  --color: var(--secondary-inverse);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset]:focus,\n[role=button].secondary: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.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\n[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast[aria-current], button.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast[aria-current],\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast[aria-current],\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast[aria-current],\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\n[role=button].contrast[aria-current],\n[role=button].contrast:hover,\n[role=button].contrast:active,\n[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\n[role=button].contrast: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\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\n[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline[aria-current], button.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline[aria-current],\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline[aria-current],\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline[aria-current],\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\n[role=button].outline[aria-current],\n[role=button].outline:hover,\n[role=button].outline:active,\n[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\n\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\n[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary[aria-current], button.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary[aria-current],\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary[aria-current],\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary[aria-current],\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\n[role=button].outline.secondary[aria-current],\n[role=button].outline.secondary:hover,\n[role=button].outline.secondary:active,\n[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\n\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\n[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast[aria-current], button.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast[aria-current],\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast[aria-current],\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast[aria-current],\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\n[role=button].outline.contrast[aria-current],\n[role=button].outline.contrast:hover,\n[role=button].outline.contrast:active,\n[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\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) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\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 * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\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  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: 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 * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary:not([role=button]) {\n  color: var(--accordion-close-summary-color);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n}\ndetails summary:focus:not([role=button]) {\n  color: var(--accordion-active-summary-color);\n}\ndetails summary[role=button] {\n  width: 100%;\n  text-align: left;\n}\ndetails summary[role=button]::after {\n  height: calc(1rem * var(--line-height));\n  background-image: var(--icon-chevron-button);\n}\ndetails summary[role=button]:not(.outline).contrast::after {\n  background-image: var(--icon-chevron-button-inverse);\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing));\n}\ndetails[open] > summary:not([role=button]):not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary {\n  text-align: right;\n}\n[dir=rtl] details summary::after {\n  float: left;\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  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/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog article .close {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: calc(var(--block-spacing-vertical) * -0.5);\n  margin-bottom: var(--typography-spacing-vertical);\n  margin-left: auto;\n  background-image: var(--icon-close);\n  background-position: center;\n  background-size: auto 1rem;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--transition);\n}\ndialog article .close[aria-current], dialog article .close:hover, dialog article .close:active, dialog article .close:focus {\n  opacity: 1;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n.modal-is-open {\n  padding-right: var(--scrollbar-width, 0px);\n  overflow: hidden;\n  pointer-events: none;\n}\n.modal-is-open dialog {\n  pointer-events: auto;\n}\n\n.modal-is-opening dialog,\n.modal-is-opening dialog > article,\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-duration: 0.2s;\n  animation-timing-function: ease-in-out;\n  animation-fill-mode: both;\n}\n.modal-is-opening dialog,\n.modal-is-closing dialog {\n  animation-duration: 0.8s;\n  animation-name: fadeIn;\n}\n.modal-is-opening dialog > article,\n.modal-is-closing dialog > article {\n  animation-delay: 0.2s;\n  animation-name: slideInDown;\n}\n\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-delay: 0s;\n  animation-direction: reverse;\n}\n\n@keyframes fadeIn {\n  from {\n    background-color: transparent;\n  }\n  to {\n    background-color: var(--modal-overlay-background-color);\n  }\n}\n@keyframes slideInDown {\n  from {\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\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(--nav-element-spacing-horizontal) * -1);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n}\nnav li > * {\n  --spacing: 0;\n}\nnav a {\n  display: inline-block;\n  margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a[aria-current], nav 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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n}\naside li a {\n  display: block;\n}\naside li [role=button] {\n  margin: inherit;\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  [dir=rtl] progress:indeterminate {\n    animation-direction: reverse;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\ndetails[role=list] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n}\ndetails[role=list] summary {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n  margin-bottom: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-radius: var(--border-radius);\n  line-height: inherit;\n  cursor: pointer;\n}\ndetails[role=list] summary::after {\n  height: 100%;\n  transform: rotate(0deg);\n}\ndetails[role=list] summary + ul {\n  z-index: 100;\n  position: absolute;\n  top: auto;\n  right: 0px;\n  left: 0px;\n  margin: 0;\n  padding: 0;\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-top: none;\n  border-bottom-right-radius: var(--border-radius);\n  border-bottom-left-radius: var(--border-radius);\n  background-color: var(--background-color);\n  list-style: none;\n}\ndetails[role=list] summary + ul li {\n  margin-bottom: 0;\n}\ndetails[role=list] summary + ul li::marker {\n  content: \"\";\n}\ndetails[role=list] summary + ul li label {\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  cursor: pointer;\n}\ndetails[role=list] summary + ul li label:hover {\n  background-color: var(--secondary-focus);\n}\ndetails[role=list] summary + ul li label input[type=radio],\ndetails[role=list] summary + ul li label input[type=checkbox] {\n  appearance: none;\n}\ndetails[role=list][disabled] summary, details[role=list].disabled summary {\n  color: var(--muted-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\ndetails[role=list][open] summary {\n  margin-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\ndetails[role=list][open] summary::before {\n  display: block;\n  z-index: 80;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: transparent;\n  content: \" \";\n  cursor: default;\n}\ndetails[role=list][open] summary::after {\n  transform: rotate(180deg);\n}\n\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\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 * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.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-chevron-button: 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($white, .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-chevron-button-inverse: 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($white, .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-chevron-button: 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($white, .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-chevron-button-inverse: 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($black, .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","@if ($enable-class-container and $enable-classes) {\n  /**\n * Container\n */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(--spacing);\n    padding-left: var(--spacing);\n  }\n\n  .container {\n    @if map-get($breakpoints, \"sm\") {\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\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        max-width: map-get($viewports, \"lg\");\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        max-width: map-get($viewports, \"xl\");\n      }\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","@if ($enable-classes and $enable-grid) {\n  /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n  .grid {\n    grid-column-gap: var(--grid-spacing-horizontal);\n    grid-row-gap: var(--grid-spacing-vertical);\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: 0;\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\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  &[aria-current],\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      &[aria-current],\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      &[aria-current],\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\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[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  &[aria-current],\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    --color: var(--primary-inverse);\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, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].secondary {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n      --color: var(--secondary-inverse);\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  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].contrast {\n    --background-color: var(--contrast);\n    --border-color: var(--contrast);\n    --color: var(--contrast-inverse);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--contrast-hover);\n      --border-color: var(--contrast-hover);\n      --color: var(--contrast-inverse);\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  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].outline {\n    --background-color: transparent;\n    --color: var(--primary);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: transparent;\n      --color: var(--primary-hover);\n    }\n  }\n\n  // Outline (secondary)\n  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].outline.secondary {\n    --color: var(--secondary);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--secondary-hover);\n    }\n  }\n\n  // Outline (contrast)\n  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[type=\"reset\"] {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &[aria-current],\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\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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 * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n    }\n  }\n}\n\n// Aria-invalid\n[type=\"checkbox\"],\n[type=\"checkbox\"]:checked,\n[type=\"radio\"],\n[type=\"radio\"]:checked,\n[type=\"checkbox\"][role=\"switch\"],\n[type=\"checkbox\"][role=\"switch\"]:checked {\n  \n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n  }\n}","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"date\"],\n  &[type=\"datetime-local\"],\n  &[type=\"month\"],\n  &[type=\"time\"],\n  &[type=\"week\"] {\n    --icon-position: 0.75rem;\n    --icon-width: 1rem;\n    padding-right: calc(var(--icon-width) + var(--icon-position));\n    background-image: var(--icon-date);\n    background-position: center right var(--icon-position);\n    background-size: var(--icon-width) auto;\n    background-repeat: no-repeat;\n  }\n\n  // Time\n  &[type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// Calendar picker\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"time\"],\n[type=\"week\"] {\n  &::-webkit-calendar-picker-indicator {\n    width: var(--icon-width);\n    margin-right: calc(var(--icon-width) * -1);\n    margin-left: var(--icon-position);\n    opacity: 0;\n  }\n}\n\n[dir=\"rtl\"] {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    text-align: right;\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\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(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"search\"] {\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n    border-radius: 5rem;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Cancel button\n[type=\"search\"] {\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\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 * Code\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. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n","/**\n * Miscs\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. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing));\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    \n    line-height: 1rem;\n    list-style-type: none;\n    cursor: pointer;\n\n    &:not([role=\"button\"]) {\n      color: var(--accordion-close-summary-color);\n    }\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n\n      &:not([role=\"button\"]) {\n        color: var(--accordion-active-summary-color);\n      }\n    }\n\n    // Type button\n    &[role=\"button\"] {\n      width: 100%;\n      text-align: left;\n      \n      // Marker\n      &::after {\n        height: calc(1rem * var(--line-height));\n        background-image: var(--icon-chevron-button);\n      }\n\n      @if $enable-classes {\n        \n        // .contrast\n        &:not(.outline).contrast {\n          \n          // Marker\n          &::after {\n            background-image: var(--icon-chevron-button-inverse);\n          }\n        }\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing));\n\n      &:not([role=\"button\"]) {\n        &:not(:focus) {\n          color: var(--accordion-open-summary-color);\n        }\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      text-align: right;\n\n      &::after {\n        float: left;\n      }\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  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","/**\n * Modal (<dialog>)\n */\n\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    max-height: calc(100vh - var(--spacing) * 2);\n    overflow: auto;\n\n    @if map-get($breakpoints, 'sm') {\n      @media (min-width: map-get($breakpoints, 'sm')) {\n        max-width: map-get($viewports, 'sm');\n      }\n    }\n\n    @if map-get($breakpoints, 'md') {\n      @media (min-width: map-get($breakpoints, 'md')) {\n        max-width: map-get($viewports, 'md');\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5)\n        var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role='button'] {\n        margin-bottom: 0;\n\n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    @if $enable-classes {\n      .close {\n        display: block;\n        width: 1rem;\n        height: 1rem;\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\n        margin-bottom: var(--typography-spacing-vertical);\n        margin-left: auto;\n        background-image: var(--icon-close);\n        background-position: center;\n        background-size: auto 1rem;\n        background-repeat: no-repeat;\n        opacity: 0.5;\n\n        @if $enable-transitions {\n          transition: opacity var(--transition);\n        }\n\n        &[aria-current],\n        &:hover,\n        &:active,\n        &:focus {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open='false'] {\n    display: none;\n  }\n}\n\n// Utilities\n@if $enable-classes {\n  .modal-is-open {\n    padding-right: var(--scrollbar-width, 0px);\n    overflow: hidden;\n    pointer-events: none;\n\n    dialog {\n      pointer-events: auto;\n    }\n  }\n}\n\n// Animations\n@if ($enable-classes and $enable-transitions) {\n  $animation-duration: 0.2s;\n\n  .modal-is-opening,\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-timing-function: ease-in-out;\n      animation-fill-mode: both;\n    }\n\n    dialog {\n      animation-duration: ($animation-duration * 4);\n      animation-name: fadeIn;\n\n      > article {\n        animation-delay: $animation-duration;\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-delay: 0s;\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n\n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\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(--nav-element-spacing-horizontal) * -1);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n    \n    // Minimal support for buttons and forms elements\n    > * {\n      --spacing: 0;\n    }\n  }\n\n  a {\n    display: inline-block;\n    margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n    padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &[aria-current],\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(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n\n    a {\n      display: block;\n    }\n    \n    // Minimal support for links as buttons\n    [role=\"button\"] {\n      margin: inherit;\n    }\n  }\n}\n","/**\n * Progress\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. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  @media (prefers-reduced-motion: no-preference) {\n    progress:indeterminate {\n      animation-direction: reverse;\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","details[role='list'] {\n  position: relative;\n  padding: 0;\n  border-bottom: none;\n\n  summary {\n    height: calc(\n      1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +\n        var(--border-width) * 2\n    );\n    margin-bottom: 0;\n    padding: var(--form-element-spacing-vertical)\n      var(--form-element-spacing-horizontal);\n    border: var(--border-width) solid var(--form-element-border-color);\n    border-radius: var(--border-radius);\n    line-height: inherit;\n    cursor: pointer;\n\n    &::after {\n      height: 100%;\n      transform: rotate(0deg);\n    }\n\n    & + ul {\n      z-index: 100;\n      position: absolute;\n      top: auto;\n      right: 0px;\n      left: 0px;\n      margin: 0;\n      padding: 0;\n      border: var(--border-width) solid var(--form-element-border-color);\n      border-top: none;\n      border-bottom-right-radius: var(--border-radius);\n      border-bottom-left-radius: var(--border-radius);\n      background-color: var(--background-color);\n      list-style: none;\n\n      li {\n        margin-bottom: 0;\n        &::marker {\n          content: '';\n        }\n\n        label {\n          position: relative;\n          width: 100%;\n          margin: 0;\n          padding: var(--form-element-spacing-vertical)\n            var(--form-element-spacing-horizontal);\n          cursor: pointer;\n          &:hover {\n            background-color: var(--secondary-focus);\n          }\n\n          input[type='radio'],\n          input[type='checkbox'] {\n            appearance: none;\n          }\n        }\n      }\n    }\n  }\n\n  &[disabled] summary,\n  &.disabled summary {\n    color: var(--muted-color);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  &[open] summary {\n    margin-bottom: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    &::before {\n      display: block;\n      z-index: 80;\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background: transparent;\n      content: ' ';\n      cursor: default;\n    }\n\n    &::after {\n      transform: rotate(180deg);\n    }\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\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","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
diff --git a/css/pico.slim.css b/css/pico.slim.css
index ca94f8e8..fc67fe53 100644
--- a/css/pico.slim.css
+++ b/css/pico.slim.css
@@ -618,7 +618,7 @@ a {
   -webkit-text-decoration: var(--text-decoration);
   text-decoration: var(--text-decoration);
 }
-a:hover, a:active, a:focus {
+a[aria-current], a:hover, a:active, a:focus {
   --color: var(--primary-hover);
   --text-decoration: underline;
 }
@@ -628,7 +628,7 @@ a:focus {
 a.secondary {
   --color: var(--secondary);
 }
-a.secondary:hover, a.secondary:active, a.secondary:focus {
+a.secondary[aria-current], a.secondary:hover, a.secondary:active, a.secondary:focus {
   --color: var(--secondary-hover);
 }
 a.secondary:focus {
@@ -637,7 +637,7 @@ a.secondary:focus {
 a.contrast {
   --color: var(--contrast);
 }
-a.contrast:hover, a.contrast:active, a.contrast:focus {
+a.contrast[aria-current], a.contrast:hover, a.contrast:active, a.contrast:focus {
   --color: var(--contrast-hover);
 }
 a.contrast:focus {
@@ -926,16 +926,20 @@ input[type=reset],
   text-align: center;
   cursor: pointer;
 }
-button:hover, button:active, button:focus,
+button[aria-current], button:hover, button:active, button:focus,
+input[type=submit][aria-current],
 input[type=submit]:hover,
 input[type=submit]:active,
 input[type=submit]:focus,
+input[type=button][aria-current],
 input[type=button]:hover,
 input[type=button]:active,
 input[type=button]:focus,
+input[type=reset][aria-current],
 input[type=reset]:hover,
 input[type=reset]:active,
 input[type=reset]:focus,
+[role=button][aria-current],
 [role=button]:hover,
 [role=button]:active,
 [role=button]:focus {
@@ -963,16 +967,20 @@ input[type=reset],
   --color: var(--secondary-inverse);
   cursor: pointer;
 }
-button.secondary:hover, button.secondary:active, button.secondary:focus,
+button.secondary[aria-current], button.secondary:hover, button.secondary:active, button.secondary:focus,
+input[type=submit].secondary[aria-current],
 input[type=submit].secondary:hover,
 input[type=submit].secondary:active,
 input[type=submit].secondary:focus,
+input[type=button].secondary[aria-current],
 input[type=button].secondary:hover,
 input[type=button].secondary:active,
 input[type=button].secondary:focus,
+input[type=reset][aria-current],
 input[type=reset]:hover,
 input[type=reset]:active,
 input[type=reset]:focus,
+[role=button].secondary[aria-current],
 [role=button].secondary:hover,
 [role=button].secondary:active,
 [role=button].secondary:focus {
@@ -998,16 +1006,20 @@ input[type=reset].contrast,
   --border-color: var(--contrast);
   --color: var(--contrast-inverse);
 }
-button.contrast:hover, button.contrast:active, button.contrast:focus,
+button.contrast[aria-current], button.contrast:hover, button.contrast:active, button.contrast:focus,
+input[type=submit].contrast[aria-current],
 input[type=submit].contrast:hover,
 input[type=submit].contrast:active,
 input[type=submit].contrast:focus,
+input[type=button].contrast[aria-current],
 input[type=button].contrast:hover,
 input[type=button].contrast:active,
 input[type=button].contrast:focus,
+input[type=reset].contrast[aria-current],
 input[type=reset].contrast:hover,
 input[type=reset].contrast:active,
 input[type=reset].contrast:focus,
+[role=button].contrast[aria-current],
 [role=button].contrast:hover,
 [role=button].contrast:active,
 [role=button].contrast:focus {
@@ -1032,16 +1044,20 @@ input[type=reset].outline,
   --background-color: transparent;
   --color: var(--primary);
 }
-button.outline:hover, button.outline:active, button.outline:focus,
+button.outline[aria-current], button.outline:hover, button.outline:active, button.outline:focus,
+input[type=submit].outline[aria-current],
 input[type=submit].outline:hover,
 input[type=submit].outline:active,
 input[type=submit].outline:focus,
+input[type=button].outline[aria-current],
 input[type=button].outline:hover,
 input[type=button].outline:active,
 input[type=button].outline:focus,
+input[type=reset].outline[aria-current],
 input[type=reset].outline:hover,
 input[type=reset].outline:active,
 input[type=reset].outline:focus,
+[role=button].outline[aria-current],
 [role=button].outline:hover,
 [role=button].outline:active,
 [role=button].outline:focus {
@@ -1056,16 +1072,20 @@ input[type=reset].outline.secondary,
 [role=button].outline.secondary {
   --color: var(--secondary);
 }
-button.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,
+button.outline.secondary[aria-current], button.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,
+input[type=submit].outline.secondary[aria-current],
 input[type=submit].outline.secondary:hover,
 input[type=submit].outline.secondary:active,
 input[type=submit].outline.secondary:focus,
+input[type=button].outline.secondary[aria-current],
 input[type=button].outline.secondary:hover,
 input[type=button].outline.secondary:active,
 input[type=button].outline.secondary:focus,
+input[type=reset].outline.secondary[aria-current],
 input[type=reset].outline.secondary:hover,
 input[type=reset].outline.secondary:active,
 input[type=reset].outline.secondary:focus,
+[role=button].outline.secondary[aria-current],
 [role=button].outline.secondary:hover,
 [role=button].outline.secondary:active,
 [role=button].outline.secondary:focus {
@@ -1079,16 +1099,20 @@ input[type=reset].outline.contrast,
 [role=button].outline.contrast {
   --color: var(--contrast);
 }
-button.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,
+button.outline.contrast[aria-current], button.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,
+input[type=submit].outline.contrast[aria-current],
 input[type=submit].outline.contrast:hover,
 input[type=submit].outline.contrast:active,
 input[type=submit].outline.contrast:focus,
+input[type=button].outline.contrast[aria-current],
 input[type=button].outline.contrast:hover,
 input[type=button].outline.contrast:active,
 input[type=button].outline.contrast:focus,
+input[type=reset].outline.contrast[aria-current],
 input[type=reset].outline.contrast:hover,
 input[type=reset].outline.contrast:active,
 input[type=reset].outline.contrast:focus,
+[role=button].outline.contrast[aria-current],
 [role=button].outline.contrast:hover,
 [role=button].outline.contrast:active,
 [role=button].outline.contrast:focus {
diff --git a/css/pico.slim.css.map b/css/pico.slim.css.map
index a209d5fa..b4dd7190 100644
--- a/css/pico.slim.css.map
+++ b/css/pico.slim.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../scss/pico.slim.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.slim.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_container.scss","../scss/layout/_section.scss","../scss/layout/_grid.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_table.scss","../scss/utilities/_accessibility.scss"],"names":[],"mappings":"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","file":"pico.slim.css","sourcesContent":["/*!\n * Pico.css v1.4.4 (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 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/grid\"; // .grid\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/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/table\"; // table, tr, td, ...\n\n// Utilities\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\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  // Spacings for nav component\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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.4 (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  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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}\na.secondary, a.contrast {\n  --text-decoration: underline;\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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(255, 255, 255, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\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/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\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}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-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.headings {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > *,\n.headings > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child,\n.headings > *: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\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[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,\n[role=button]:hover,\n[role=button]:active,\n[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  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[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\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset],\n[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button].secondary:hover,\n[role=button].secondary:active,\n[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n  --color: var(--secondary-inverse);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset]:focus,\n[role=button].secondary: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.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\n[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\n[role=button].contrast:hover,\n[role=button].contrast:active,\n[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\n[role=button].contrast: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\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\n[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\n[role=button].outline:hover,\n[role=button].outline:active,\n[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\n\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\n[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\n[role=button].outline.secondary:hover,\n[role=button].outline.secondary:active,\n[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\n\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\n[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\n[role=button].outline.contrast:hover,\n[role=button].outline.contrast:active,\n[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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 * 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 * 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/*# sourceMappingURL=pico.slim.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-chevron-button: 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($white, .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-chevron-button-inverse: 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($white, .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-chevron-button: 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($white, .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-chevron-button-inverse: 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($black, .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","@if ($enable-class-container and $enable-classes) {\n  /**\n * Container\n */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(--spacing);\n    padding-left: var(--spacing);\n  }\n\n  .container {\n    @if map-get($breakpoints, \"sm\") {\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\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        max-width: map-get($viewports, \"lg\");\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        max-width: map-get($viewports, \"xl\");\n      }\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","@if ($enable-classes and $enable-grid) {\n  /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n  .grid {\n    grid-column-gap: var(--grid-spacing-horizontal);\n    grid-row-gap: var(--grid-spacing-vertical);\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: 0;\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\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\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[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    --color: var(--primary-inverse);\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, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].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      --color: var(--secondary-inverse);\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  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].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      --color: var(--contrast-inverse);\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  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].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  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].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  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[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\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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 * 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 * 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"]}
\ No newline at end of file
+{"version":3,"sources":["../scss/pico.slim.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.slim.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_container.scss","../scss/layout/_section.scss","../scss/layout/_grid.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_table.scss","../scss/utilities/_accessibility.scss"],"names":[],"mappings":"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","file":"pico.slim.css","sourcesContent":["/*!\n * Pico.css v1.4.4 (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 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/grid\"; // .grid\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/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/table\"; // table, tr, td, ...\n\n// Utilities\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\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  // Spacings for nav component\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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.4 (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  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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}\na.secondary, a.contrast {\n  --text-decoration: underline;\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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(255, 255, 255, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\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/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\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[aria-current], a:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary[aria-current], a.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast[aria-current], a.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-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.headings {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > *,\n.headings > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child,\n.headings > *: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\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[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[aria-current], button:hover, button:active, button:focus,\ninput[type=submit][aria-current],\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button][aria-current],\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset][aria-current],\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button][aria-current],\n[role=button]:hover,\n[role=button]:active,\n[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  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[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\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset],\n[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary[aria-current], button.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary[aria-current],\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary[aria-current],\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset][aria-current],\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button].secondary[aria-current],\n[role=button].secondary:hover,\n[role=button].secondary:active,\n[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n  --color: var(--secondary-inverse);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset]:focus,\n[role=button].secondary: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.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\n[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast[aria-current], button.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast[aria-current],\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast[aria-current],\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast[aria-current],\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\n[role=button].contrast[aria-current],\n[role=button].contrast:hover,\n[role=button].contrast:active,\n[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\n[role=button].contrast: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\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\n[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline[aria-current], button.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline[aria-current],\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline[aria-current],\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline[aria-current],\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\n[role=button].outline[aria-current],\n[role=button].outline:hover,\n[role=button].outline:active,\n[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\n\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\n[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary[aria-current], button.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary[aria-current],\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary[aria-current],\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary[aria-current],\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\n[role=button].outline.secondary[aria-current],\n[role=button].outline.secondary:hover,\n[role=button].outline.secondary:active,\n[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\n\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\n[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast[aria-current], button.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast[aria-current],\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast[aria-current],\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast[aria-current],\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\n[role=button].outline.contrast[aria-current],\n[role=button].outline.contrast:hover,\n[role=button].outline.contrast:active,\n[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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 * 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 * 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/*# sourceMappingURL=pico.slim.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-chevron-button: 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($white, .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-chevron-button-inverse: 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($white, .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-chevron-button: 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($white, .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-chevron-button-inverse: 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($black, .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","@if ($enable-class-container and $enable-classes) {\n  /**\n * Container\n */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(--spacing);\n    padding-left: var(--spacing);\n  }\n\n  .container {\n    @if map-get($breakpoints, \"sm\") {\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\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        max-width: map-get($viewports, \"lg\");\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        max-width: map-get($viewports, \"xl\");\n      }\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","@if ($enable-classes and $enable-grid) {\n  /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n  .grid {\n    grid-column-gap: var(--grid-spacing-horizontal);\n    grid-row-gap: var(--grid-spacing-vertical);\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: 0;\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\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  &[aria-current],\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      &[aria-current],\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      &[aria-current],\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\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[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  &[aria-current],\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    --color: var(--primary-inverse);\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, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].secondary {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n      --color: var(--secondary-inverse);\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  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].contrast {\n    --background-color: var(--contrast);\n    --border-color: var(--contrast);\n    --color: var(--contrast-inverse);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--contrast-hover);\n      --border-color: var(--contrast-hover);\n      --color: var(--contrast-inverse);\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  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].outline {\n    --background-color: transparent;\n    --color: var(--primary);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: transparent;\n      --color: var(--primary-hover);\n    }\n  }\n\n  // Outline (secondary)\n  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].outline.secondary {\n    --color: var(--secondary);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--secondary-hover);\n    }\n  }\n\n  // Outline (contrast)\n  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[type=\"reset\"] {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &[aria-current],\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\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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 * 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 * 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"]}
\ No newline at end of file
diff --git a/css/pico.slim.min.css b/css/pico.slim.min.css
index ab25daba..d2c5c2fb 100644
--- a/css/pico.slim.min.css
+++ b/css/pico.slim.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);--grid-spacing-vertical:0;--grid-spacing-horizontal:var(--spacing);--form-element-spacing-vertical:0.75rem;--form-element-spacing-horizontal:1rem;--nav-element-spacing-vertical:1rem;--nav-element-spacing-horizontal:0.75rem;--nav-link-spacing-vertical:0.5rem;--nav-link-spacing-horizontal:0.5rem;--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}a.contrast,a.secondary{--text-decoration:underline}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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(255, 255, 255, 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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(0, 0, 0, 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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(0, 0, 0, 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) 0}.container,.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--spacing);padding-left:var(--spacing)}@media (min-width:576px){.container{max-width:510px;padding-right:0;padding-left:0}}@media (min-width:768px){.container{max-width:700px}}@media (min-width:992px){.container{max-width:920px}}@media (min-width:1200px){.container{max-width:1130px}}section{margin-bottom:var(--block-spacing-vertical)}.grid{grid-column-gap:var(--grid-spacing-horizontal);grid-row-gap:var(--grid-spacing-vertical);display:grid;grid-template-columns:1fr;margin:0}@media (min-width:992px){.grid{grid-template-columns:repeat(auto-fit,minmax(0%,1fr))}}.grid>*{min-width:0}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)}a.secondary{--color:var(--secondary)}a.secondary:active,a.secondary:focus,a.secondary:hover{--color:var(--secondary-hover)}a.secondary:focus{--background-color:var(--secondary-focus)}a.contrast{--color:var(--contrast)}a.contrast:active,a.contrast:focus,a.contrast:hover{--color:var(--contrast-hover)}a.contrast:focus{--background-color:var(--contrast-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)}.headings,hgroup{margin-bottom:var(--typography-spacing-vertical)}.headings>*,hgroup>*{margin-bottom:0}.headings>:last-child,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)}[role=button]{display:inline-block;text-decoration:none}[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}[role=button]:active,[role=button]:focus,[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));--color:var(--primary-inverse)}[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)}[role=button].secondary,button.secondary,input[type=button].secondary,input[type=reset],input[type=submit].secondary{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}[role=button].secondary:active,[role=button].secondary:focus,[role=button].secondary:hover,button.secondary:active,button.secondary:focus,button.secondary:hover,input[type=button].secondary:active,input[type=button].secondary:focus,input[type=button].secondary:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit].secondary:active,input[type=submit].secondary:focus,input[type=submit].secondary:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover);--color:var(--secondary-inverse)}[role=button].secondary:focus,button.secondary:focus,input[type=button].secondary:focus,input[type=reset]:focus,input[type=submit].secondary: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)}[role=button].contrast,button.contrast,input[type=button].contrast,input[type=reset].contrast,input[type=submit].contrast{--background-color:var(--contrast);--border-color:var(--contrast);--color:var(--contrast-inverse)}[role=button].contrast:active,[role=button].contrast:focus,[role=button].contrast:hover,button.contrast:active,button.contrast:focus,button.contrast:hover,input[type=button].contrast:active,input[type=button].contrast:focus,input[type=button].contrast:hover,input[type=reset].contrast:active,input[type=reset].contrast:focus,input[type=reset].contrast:hover,input[type=submit].contrast:active,input[type=submit].contrast:focus,input[type=submit].contrast:hover{--background-color:var(--contrast-hover);--border-color:var(--contrast-hover);--color:var(--contrast-inverse)}[role=button].contrast:focus,button.contrast:focus,input[type=button].contrast:focus,input[type=reset].contrast:focus,input[type=submit].contrast:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--contrast-focus)}[role=button].outline,button.outline,input[type=button].outline,input[type=reset].outline,input[type=submit].outline{--background-color:transparent;--color:var(--primary)}[role=button].outline:active,[role=button].outline:focus,[role=button].outline:hover,button.outline:active,button.outline:focus,button.outline:hover,input[type=button].outline:active,input[type=button].outline:focus,input[type=button].outline:hover,input[type=reset].outline:active,input[type=reset].outline:focus,input[type=reset].outline:hover,input[type=submit].outline:active,input[type=submit].outline:focus,input[type=submit].outline:hover{--background-color:transparent;--color:var(--primary-hover)}[role=button].outline.secondary,button.outline.secondary,input[type=button].outline.secondary,input[type=reset].outline.secondary,input[type=submit].outline.secondary{--color:var(--secondary)}[role=button].outline.secondary:active,[role=button].outline.secondary:focus,[role=button].outline.secondary:hover,button.outline.secondary:active,button.outline.secondary:focus,button.outline.secondary:hover,input[type=button].outline.secondary:active,input[type=button].outline.secondary:focus,input[type=button].outline.secondary:hover,input[type=reset].outline.secondary:active,input[type=reset].outline.secondary:focus,input[type=reset].outline.secondary:hover,input[type=submit].outline.secondary:active,input[type=submit].outline.secondary:focus,input[type=submit].outline.secondary:hover{--color:var(--secondary-hover)}[role=button].outline.contrast,button.outline.contrast,input[type=button].outline.contrast,input[type=reset].outline.contrast,input[type=submit].outline.contrast{--color:var(--contrast)}[role=button].outline.contrast:active,[role=button].outline.contrast:focus,[role=button].outline.contrast:hover,button.outline.contrast:active,button.outline.contrast:focus,button.outline.contrast:hover,input[type=button].outline.contrast:active,input[type=button].outline.contrast:focus,input[type=button].outline.contrast:hover,input[type=reset].outline.contrast:active,input[type=reset].outline.contrast:focus,input[type=reset].outline.contrast:hover,input[type=submit].outline.contrast:active,input[type=submit].outline.contrast:focus,input[type=submit].outline.contrast:hover{--color:var(--contrast-hover)}[role=button][disabled],a[role=button]:not([href]),button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{opacity:.5;pointer-events:none}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)}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)}[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}
+ */: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);--grid-spacing-vertical:0;--grid-spacing-horizontal:var(--spacing);--form-element-spacing-vertical:0.75rem;--form-element-spacing-horizontal:1rem;--nav-element-spacing-vertical:1rem;--nav-element-spacing-horizontal:0.75rem;--nav-link-spacing-vertical:0.5rem;--nav-link-spacing-horizontal:0.5rem;--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}a.contrast,a.secondary{--text-decoration:underline}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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(255, 255, 255, 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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(0, 0, 0, 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-chevron-button: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(255, 255, 255, 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-chevron-button-inverse: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(0, 0, 0, 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) 0}.container,.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--spacing);padding-left:var(--spacing)}@media (min-width:576px){.container{max-width:510px;padding-right:0;padding-left:0}}@media (min-width:768px){.container{max-width:700px}}@media (min-width:992px){.container{max-width:920px}}@media (min-width:1200px){.container{max-width:1130px}}section{margin-bottom:var(--block-spacing-vertical)}.grid{grid-column-gap:var(--grid-spacing-horizontal);grid-row-gap:var(--grid-spacing-vertical);display:grid;grid-template-columns:1fr;margin:0}@media (min-width:992px){.grid{grid-template-columns:repeat(auto-fit,minmax(0%,1fr))}}.grid>*{min-width:0}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,a[aria-current]{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-focus)}a.secondary{--color:var(--secondary)}a.secondary:active,a.secondary:focus,a.secondary:hover,a.secondary[aria-current]{--color:var(--secondary-hover)}a.secondary:focus{--background-color:var(--secondary-focus)}a.contrast{--color:var(--contrast)}a.contrast:active,a.contrast:focus,a.contrast:hover,a.contrast[aria-current]{--color:var(--contrast-hover)}a.contrast:focus{--background-color:var(--contrast-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)}.headings,hgroup{margin-bottom:var(--typography-spacing-vertical)}.headings>*,hgroup>*{margin-bottom:0}.headings>:last-child,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)}[role=button]{display:inline-block;text-decoration:none}[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}[role=button]:active,[role=button]:focus,[role=button]:hover,[role=button][aria-current],button:active,button:focus,button:hover,button[aria-current],input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=button][aria-current],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=reset][aria-current],input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover,input[type=submit][aria-current]{--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));--color:var(--primary-inverse)}[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)}[role=button].secondary,button.secondary,input[type=button].secondary,input[type=reset],input[type=submit].secondary{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}[role=button].secondary:active,[role=button].secondary:focus,[role=button].secondary:hover,[role=button].secondary[aria-current],button.secondary:active,button.secondary:focus,button.secondary:hover,button.secondary[aria-current],input[type=button].secondary:active,input[type=button].secondary:focus,input[type=button].secondary:hover,input[type=button].secondary[aria-current],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=reset][aria-current],input[type=submit].secondary:active,input[type=submit].secondary:focus,input[type=submit].secondary:hover,input[type=submit].secondary[aria-current]{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover);--color:var(--secondary-inverse)}[role=button].secondary:focus,button.secondary:focus,input[type=button].secondary:focus,input[type=reset]:focus,input[type=submit].secondary: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)}[role=button].contrast,button.contrast,input[type=button].contrast,input[type=reset].contrast,input[type=submit].contrast{--background-color:var(--contrast);--border-color:var(--contrast);--color:var(--contrast-inverse)}[role=button].contrast:active,[role=button].contrast:focus,[role=button].contrast:hover,[role=button].contrast[aria-current],button.contrast:active,button.contrast:focus,button.contrast:hover,button.contrast[aria-current],input[type=button].contrast:active,input[type=button].contrast:focus,input[type=button].contrast:hover,input[type=button].contrast[aria-current],input[type=reset].contrast:active,input[type=reset].contrast:focus,input[type=reset].contrast:hover,input[type=reset].contrast[aria-current],input[type=submit].contrast:active,input[type=submit].contrast:focus,input[type=submit].contrast:hover,input[type=submit].contrast[aria-current]{--background-color:var(--contrast-hover);--border-color:var(--contrast-hover);--color:var(--contrast-inverse)}[role=button].contrast:focus,button.contrast:focus,input[type=button].contrast:focus,input[type=reset].contrast:focus,input[type=submit].contrast:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--contrast-focus)}[role=button].outline,button.outline,input[type=button].outline,input[type=reset].outline,input[type=submit].outline{--background-color:transparent;--color:var(--primary)}[role=button].outline:active,[role=button].outline:focus,[role=button].outline:hover,[role=button].outline[aria-current],button.outline:active,button.outline:focus,button.outline:hover,button.outline[aria-current],input[type=button].outline:active,input[type=button].outline:focus,input[type=button].outline:hover,input[type=button].outline[aria-current],input[type=reset].outline:active,input[type=reset].outline:focus,input[type=reset].outline:hover,input[type=reset].outline[aria-current],input[type=submit].outline:active,input[type=submit].outline:focus,input[type=submit].outline:hover,input[type=submit].outline[aria-current]{--background-color:transparent;--color:var(--primary-hover)}[role=button].outline.secondary,button.outline.secondary,input[type=button].outline.secondary,input[type=reset].outline.secondary,input[type=submit].outline.secondary{--color:var(--secondary)}[role=button].outline.secondary:active,[role=button].outline.secondary:focus,[role=button].outline.secondary:hover,[role=button].outline.secondary[aria-current],button.outline.secondary:active,button.outline.secondary:focus,button.outline.secondary:hover,button.outline.secondary[aria-current],input[type=button].outline.secondary:active,input[type=button].outline.secondary:focus,input[type=button].outline.secondary:hover,input[type=button].outline.secondary[aria-current],input[type=reset].outline.secondary:active,input[type=reset].outline.secondary:focus,input[type=reset].outline.secondary:hover,input[type=reset].outline.secondary[aria-current],input[type=submit].outline.secondary:active,input[type=submit].outline.secondary:focus,input[type=submit].outline.secondary:hover,input[type=submit].outline.secondary[aria-current]{--color:var(--secondary-hover)}[role=button].outline.contrast,button.outline.contrast,input[type=button].outline.contrast,input[type=reset].outline.contrast,input[type=submit].outline.contrast{--color:var(--contrast)}[role=button].outline.contrast:active,[role=button].outline.contrast:focus,[role=button].outline.contrast:hover,[role=button].outline.contrast[aria-current],button.outline.contrast:active,button.outline.contrast:focus,button.outline.contrast:hover,button.outline.contrast[aria-current],input[type=button].outline.contrast:active,input[type=button].outline.contrast:focus,input[type=button].outline.contrast:hover,input[type=button].outline.contrast[aria-current],input[type=reset].outline.contrast:active,input[type=reset].outline.contrast:focus,input[type=reset].outline.contrast:hover,input[type=reset].outline.contrast[aria-current],input[type=submit].outline.contrast:active,input[type=submit].outline.contrast:focus,input[type=submit].outline.contrast:hover,input[type=submit].outline.contrast[aria-current]{--color:var(--contrast-hover)}[role=button][disabled],a[role=button]:not([href]),button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{opacity:.5;pointer-events:none}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)}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)}[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}
 /*# sourceMappingURL=pico.slim.min.css.map */
\ No newline at end of file
diff --git a/css/pico.slim.min.css.map b/css/pico.slim.min.css.map
index ba609cd6..4821f8a7 100644
--- a/css/pico.slim.min.css.map
+++ b/css/pico.slim.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["scss/pico.slim.scss","scss/themes/default/_styles.scss","css/pico.slim.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/_container.scss","scss/layout/_section.scss","scss/layout/_grid.scss","scss/layout/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_form.scss","scss/content/_table.scss","scss/utilities/_accessibility.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico.css v1.4.4 (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 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/grid\"; // .grid\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/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/table\"; // table, tr, td, ...\n\n// Utilities\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\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  // Spacings for nav component\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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.4 (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  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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}\na.secondary, a.contrast {\n  --text-decoration: underline;\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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(255, 255, 255, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\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/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\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}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-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.headings {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > *,\n.headings > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child,\n.headings > *: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\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[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,\n[role=button]:hover,\n[role=button]:active,\n[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  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[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\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset],\n[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button].secondary:hover,\n[role=button].secondary:active,\n[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n  --color: var(--secondary-inverse);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset]:focus,\n[role=button].secondary: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.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\n[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\n[role=button].contrast:hover,\n[role=button].contrast:active,\n[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\n[role=button].contrast: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\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\n[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\n[role=button].outline:hover,\n[role=button].outline:active,\n[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\n\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\n[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\n[role=button].outline.secondary:hover,\n[role=button].outline.secondary:active,\n[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\n\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\n[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\n[role=button].outline.contrast:hover,\n[role=button].outline.contrast:active,\n[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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 * 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 * 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/*# sourceMappingURL=pico.slim.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-chevron-button: 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($white, .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-chevron-button-inverse: 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($white, .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-chevron-button: 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($white, .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-chevron-button-inverse: 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($black, .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","@if ($enable-class-container and $enable-classes) {\n  /**\n * Container\n */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(--spacing);\n    padding-left: var(--spacing);\n  }\n\n  .container {\n    @if map-get($breakpoints, \"sm\") {\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\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        max-width: map-get($viewports, \"lg\");\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        max-width: map-get($viewports, \"xl\");\n      }\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","@if ($enable-classes and $enable-grid) {\n  /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n  .grid {\n    grid-column-gap: var(--grid-spacing-horizontal);\n    grid-row-gap: var(--grid-spacing-vertical);\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: 0;\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\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\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[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    --color: var(--primary-inverse);\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, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].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      --color: var(--secondary-inverse);\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  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].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      --color: var(--contrast-inverse);\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  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].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  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].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  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[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\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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 * 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 * 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"]}
\ No newline at end of file
+{"version":3,"sources":["scss/pico.slim.scss","scss/themes/default/_styles.scss","css/pico.slim.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/_container.scss","scss/layout/_section.scss","scss/layout/_grid.scss","scss/layout/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_form.scss","scss/content/_table.scss","scss/utilities/_accessibility.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico.css v1.4.4 (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 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/grid\"; // .grid\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/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/table\"; // table, tr, td, ...\n\n// Utilities\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\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  // Spacings for nav component\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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.4 (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  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\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}\na.secondary, a.contrast {\n  --text-decoration: underline;\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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(255, 255, 255, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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-chevron-button: 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(255, 255, 255, 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-chevron-button-inverse: 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(0, 0, 0, 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) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\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/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\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[aria-current], a:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary[aria-current], a.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast[aria-current], a.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-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.headings {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > *,\n.headings > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child,\n.headings > *: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\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[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[aria-current], button:hover, button:active, button:focus,\ninput[type=submit][aria-current],\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button][aria-current],\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset][aria-current],\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button][aria-current],\n[role=button]:hover,\n[role=button]:active,\n[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  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[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\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset],\n[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary[aria-current], button.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary[aria-current],\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary[aria-current],\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset][aria-current],\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button].secondary[aria-current],\n[role=button].secondary:hover,\n[role=button].secondary:active,\n[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n  --color: var(--secondary-inverse);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset]:focus,\n[role=button].secondary: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.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\n[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast[aria-current], button.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast[aria-current],\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast[aria-current],\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast[aria-current],\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\n[role=button].contrast[aria-current],\n[role=button].contrast:hover,\n[role=button].contrast:active,\n[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\n[role=button].contrast: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\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\n[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline[aria-current], button.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline[aria-current],\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline[aria-current],\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline[aria-current],\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\n[role=button].outline[aria-current],\n[role=button].outline:hover,\n[role=button].outline:active,\n[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\n\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\n[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary[aria-current], button.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary[aria-current],\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary[aria-current],\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary[aria-current],\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\n[role=button].outline.secondary[aria-current],\n[role=button].outline.secondary:hover,\n[role=button].outline.secondary:active,\n[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\n\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\n[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast[aria-current], button.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast[aria-current],\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast[aria-current],\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast[aria-current],\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\n[role=button].outline.contrast[aria-current],\n[role=button].outline.contrast:hover,\n[role=button].outline.contrast:active,\n[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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 * 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 * 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/*# sourceMappingURL=pico.slim.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-chevron-button: 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($white, .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-chevron-button-inverse: 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($white, .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-chevron-button: 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($white, .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-chevron-button-inverse: 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($black, .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","@if ($enable-class-container and $enable-classes) {\n  /**\n * Container\n */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(--spacing);\n    padding-left: var(--spacing);\n  }\n\n  .container {\n    @if map-get($breakpoints, \"sm\") {\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\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        max-width: map-get($viewports, \"lg\");\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        max-width: map-get($viewports, \"xl\");\n      }\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","@if ($enable-classes and $enable-grid) {\n  /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n  .grid {\n    grid-column-gap: var(--grid-spacing-horizontal);\n    grid-row-gap: var(--grid-spacing-vertical);\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: 0;\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\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  &[aria-current],\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      &[aria-current],\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      &[aria-current],\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\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[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  &[aria-current],\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    --color: var(--primary-inverse);\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, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].secondary {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n      --color: var(--secondary-inverse);\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  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].contrast {\n    --background-color: var(--contrast);\n    --border-color: var(--contrast);\n    --color: var(--contrast-inverse);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--contrast-hover);\n      --border-color: var(--contrast-hover);\n      --color: var(--contrast-inverse);\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  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].outline {\n    --background-color: transparent;\n    --color: var(--primary);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: transparent;\n      --color: var(--primary-hover);\n    }\n  }\n\n  // Outline (secondary)\n  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].outline.secondary {\n    --color: var(--secondary);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--secondary-hover);\n    }\n  }\n\n  // Outline (contrast)\n  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &[aria-current],\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[type=\"reset\"] {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &[aria-current],\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\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\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 * 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 * 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"]}
\ No newline at end of file
diff --git a/docs/accordions.html b/docs/accordions.html
index f8fde512..8c157867 100644
--- a/docs/accordions.html
+++ b/docs/accordions.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Accordions • Pico.css</title><meta name="description" content="Toggle sections of content in pure HTML, without JavaScript."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/accordions.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#accordions-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="accordions"><hgroup><h1>Accordions</h1><h2>Toggle sections of content in pure HTML, without JavaScript.</h2></hgroup><article aria-label="Accordions examples"><details><summary>Accordion 1</summary><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque urna diam, tincidunt nec porta sed, auctor id velit. Etiam venenatis nisl ut orci consequat, vitae tempus quam commodo. Nulla non mauris ipsum. Aliquam eu posuere orci. Nulla convallis lectus rutrum quam hendrerit, in facilisis elit sollicitudin. Mauris pulvinar pulvinar mi, dictum tristique elit auctor quis. Maecenas ac ipsum ultrices, porta turpis sit amet, congue turpis.</p></details><details open><summary>Accordion 2</summary><ul><li>Vestibulum id elit quis massa interdum sodales.</li><li>Nunc quis eros vel odio pretium tincidunt nec quis neque.</li><li>Quisque sed eros non eros ornare elementum.</li><li>Cras sed libero aliquet, porta dolor quis, dapibus ipsum.</li></ul></details><footer class="code"><pre><code>&lt;<b>details</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Accordions • Pico.css</title><meta name="description" content="Toggle sections of content in pure HTML, without JavaScript."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/accordions.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#accordions-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="accordions"><hgroup><h1>Accordions</h1><h2>Toggle sections of content in pure HTML, without JavaScript.</h2></hgroup><article aria-label="Accordions examples"><details><summary>Accordion 1</summary><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque urna diam, tincidunt nec porta sed, auctor id velit. Etiam venenatis nisl ut orci consequat, vitae tempus quam commodo. Nulla non mauris ipsum. Aliquam eu posuere orci. Nulla convallis lectus rutrum quam hendrerit, in facilisis elit sollicitudin. Mauris pulvinar pulvinar mi, dictum tristique elit auctor quis. Maecenas ac ipsum ultrices, porta turpis sit amet, congue turpis.</p></details><details open><summary>Accordion 2</summary><ul><li>Vestibulum id elit quis massa interdum sodales.</li><li>Nunc quis eros vel odio pretium tincidunt nec quis neque.</li><li>Quisque sed eros non eros ornare elementum.</li><li>Cras sed libero aliquet, porta dolor quis, dapibus ipsum.</li></ul></details><footer class="code"><pre><code>&lt;<b>details</b>&gt;
   &lt;<b>summary</b>&gt;Accordion 1&lt;/<b>summary</b>&gt;
   &lt;<b>p</b>&gt;…&lt;/<b>p</b>&gt;
 &lt;/<b>details</b>&gt;
diff --git a/docs/buttons.html b/docs/buttons.html
index 8b56b113..6f79c7e4 100644
--- a/docs/buttons.html
+++ b/docs/buttons.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Buttons • Pico.css</title><meta name="description" content="The essential button in pure HTML, without .classes for the default style."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/buttons.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#buttons-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="buttons"><hgroup><h1>Buttons</h1><h2>The essential button in pure HTML, without <code>.classes</code> for the default style.</h2></hgroup><article aria-label="Button example"><button aria-label="Button">Button</button> <input type="submit"><footer class="code"><pre><code>&lt;<b>button</b>&gt;Button&lt;/<b>button</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Buttons • Pico.css</title><meta name="description" content="The essential button in pure HTML, without .classes for the default style."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/buttons.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#buttons-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="buttons"><hgroup><h1>Buttons</h1><h2>The essential button in pure HTML, without <code>.classes</code> for the default style.</h2></hgroup><article aria-label="Button example"><button aria-label="Button">Button</button> <input type="submit"><footer class="code"><pre><code>&lt;<b>button</b>&gt;Button&lt;/<b>button</b>&gt;
 &lt;<b>input</b> <i>type</i>=<u>"submit"</u>&gt;</code></pre></footer></article><p>Buttons are <code><i>width</i>: <u>100%</u>;</code> by default. Use <code><i>role</i>=<u>"button"</u></code> on an inline element if you need an inline button.</p><article aria-label="Inline buttons examples"><a href="#" onclick="event.preventDefault()" role="button">Link</a> <a href="#" onclick="event.preventDefault()" role="button">Link</a><footer class="code"><pre><code>&lt;<b>a</b> <i>href</i>=<u>"#"</u> <i>role</i>=<u>"button"</u>&gt;Link&lt;/<b>a</b>&gt;
 &lt;<b>a</b> <i>href</i>=<u>"#"</u> <i>role</i>=<u>"button"</u>&gt;Link&lt;/<b>a</b>&gt;</code></pre></footer></article><p>Buttons come with <code>.secondary</code> and <code>.contrast</code> styles.</p><article aria-label="Buttons styles examples"><a href="#" onclick="event.preventDefault()" role="button" class="secondary">Secondary</a> <a href="#" onclick="event.preventDefault()" role="button" class="contrast">Contrast</a><footer class="code"><pre><code>&lt;<b>a</b> <i>href</i>=<u>"#"</u> <i>role</i>=<u>"button"</u> <i>class</i>=<u>"secondary"</u>&gt;Secondary&lt;/<b>a</b>&gt;
 &lt;<b>a</b> <i>href</i>=<u>"#"</u> <i>role</i>=<u>"button"</u> <i>class</i>=<u>"contrast"</u>&gt;Contrast&lt;/<b>a</b>&gt;</code></pre></footer></article><p>And a classic <code>.outline</code> variant.</p><article aria-label="Outline style examples"><a href="#" onclick="event.preventDefault()" role="button" class="outline">Primary</a> <a href="#" onclick="event.preventDefault()" role="button" class="secondary outline">Secondary</a> <a href="#" onclick="event.preventDefault()" role="button" class="contrast outline">Contrast</a><footer class="code"><pre><code>&lt;<b>a</b> <i>href</i>=<u>"#"</u> <i>role</i>=<u>"button"</u> <i>class</i>=<u>"outline"</u>&gt;Primary&lt;/<b>a</b>&gt;
diff --git a/docs/cards.html b/docs/cards.html
index af568068..218357f4 100644
--- a/docs/cards.html
+++ b/docs/cards.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Cards • Pico.css</title><meta name="description" content="A flexible container with graceful spacings across devices and viewports."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/cards.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#cards-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="cards"><hgroup><h1>Cards</h1><h2>A flexible container with graceful spacings across devices and viewports.</h2></hgroup><article aria-label="Card example">I'm a card!</article><pre><code>&lt;<b>article</b>&gt;I'm a card!&lt;/<b>article</b>&gt;</code></pre><p>You can use <code>&lt;<b>header</b>&gt;</code> and footer <code>&lt;<b>footer</b>&gt;</code> inside <code>&lt;<b>article</b>&gt;</code></p><article aria-label="Card sectioning example"><header>Header</header>Body<footer>Footer</footer></article><pre><code>&lt;<b>article</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Cards • Pico.css</title><meta name="description" content="A flexible container with graceful spacings across devices and viewports."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/cards.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#cards-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="cards"><hgroup><h1>Cards</h1><h2>A flexible container with graceful spacings across devices and viewports.</h2></hgroup><article aria-label="Card example">I'm a card!</article><pre><code>&lt;<b>article</b>&gt;I'm a card!&lt;/<b>article</b>&gt;</code></pre><p>You can use <code>&lt;<b>header</b>&gt;</code> and footer <code>&lt;<b>footer</b>&gt;</code> inside <code>&lt;<b>article</b>&gt;</code></p><article aria-label="Card sectioning example"><header>Header</header>Body<footer>Footer</footer></article><pre><code>&lt;<b>article</b>&gt;
   &lt;<b>header</b>&gt;Header&lt;/<b>header</b>&gt;
   Body
   &lt;<b>footer</b>&gt;Footer&lt;/<b>footer</b>&gt;
diff --git a/docs/classless.html b/docs/classless.html
index d9fac3a5..4fea8666 100644
--- a/docs/classless.html
+++ b/docs/classless.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Class-less version • Pico.css</title><meta name="description" content="For wild HTML purists, Pico provides a .classless version."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/classless.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#classless-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="classless"><hgroup><h1>Class-less version</h1><h2>For wild HTML purists!</h2></hgroup><p>Pico provides a <code>.classless</code> version (<a href="https://picocss.com/examples/classless/">example</a>).</p><p>In this version, <code>&lt;<b>header</b>&gt;</code>, <code>&lt;<b>main</b>&gt;</code>, and <code>&lt;<b>footer</b>&gt;</code> act as <a href="./containers.html">containers</a> to define a centered or a fluid viewport.</p><p><strong>Usage:</strong></p><p>Use the default <code>.classless</code> version if you need centered viewports:</p><pre><code>&lt;<b>link</b> <i>rel</i>=<u>"stylesheet</u>" <i>href</i>=<u>"css/pico.classless.min.css"</u>&gt;</code></pre><p>Or use the <code>.fluid.classless</code> version if you need a fluid container:</p><pre><code>&lt;<b>link</b> <i>rel</i>=<u>"stylesheet</u>" <i>href</i>=<u>"css/pico.fluid.classless.min.css"</u>&gt;</code></pre><p>These <code>.classless</code> versions are also available on <a href="https://unpkg.com/@picocss/pico@latest/">unpkg CDN</a>:</p><pre><code><em>// Centered viewport</em>
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Class-less version • Pico.css</title><meta name="description" content="For wild HTML purists, Pico provides a .classless version."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/classless.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#classless-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="classless"><hgroup><h1>Class-less version</h1><h2>For wild HTML purists!</h2></hgroup><p>Pico provides a <code>.classless</code> version (<a href="https://picocss.com/examples/classless/">example</a>).</p><p>In this version, <code>&lt;<b>header</b>&gt;</code>, <code>&lt;<b>main</b>&gt;</code>, and <code>&lt;<b>footer</b>&gt;</code> act as <a href="./containers.html">containers</a> to define a centered or a fluid viewport.</p><p><strong>Usage:</strong></p><p>Use the default <code>.classless</code> version if you need centered viewports:</p><pre><code>&lt;<b>link</b> <i>rel</i>=<u>"stylesheet</u>" <i>href</i>=<u>"css/pico.classless.min.css"</u>&gt;</code></pre><p>Or use the <code>.fluid.classless</code> version if you need a fluid container:</p><pre><code>&lt;<b>link</b> <i>rel</i>=<u>"stylesheet</u>" <i>href</i>=<u>"css/pico.fluid.classless.min.css"</u>&gt;</code></pre><p>These <code>.classless</code> versions are also available on <a href="https://unpkg.com/@picocss/pico@latest/">unpkg CDN</a>:</p><pre><code><em>// Centered viewport</em>
 &lt;<b>link</b> <i>rel</i>=<u>"stylesheet"</u> <i>href</i>=<u>"https://unpkg.com/@picocss/pico@latest/css/pico.classless.min.css"</u>&gt;
 </code></pre><pre><code><em>// Fluid viewport</em>
 &lt;<b>link</b> <i>rel</i>=<u>"stylesheet"</u> <i>href</i>=<u>"https://unpkg.com/@picocss/pico@latest/css/pico.fluid.classless.min.css"</u>&gt;
diff --git a/docs/containers.html b/docs/containers.html
index 29ca9553..9fd68343 100644
--- a/docs/containers.html
+++ b/docs/containers.html
@@ -1,3 +1,3 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Containers • Pico.css</title><meta name="description" content=".container enable a centered viewport, .container-fluid enable a 100% layout."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/containers.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#containers-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="containers"><hgroup><h1>Containers</h1><h2><code>.container</code> enable a centered viewport.<br><code>.container-fluid</code> enable a <code><u>100%</u></code> layout.</h2></hgroup><pre><code>&lt;<b>body</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Containers • Pico.css</title><meta name="description" content=".container enable a centered viewport, .container-fluid enable a 100% layout."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/containers.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#containers-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="containers"><hgroup><h1>Containers</h1><h2><code>.container</code> enable a centered viewport.<br><code>.container-fluid</code> enable a <code><u>100%</u></code> layout.</h2></hgroup><pre><code>&lt;<b>body</b>&gt;
   &lt;<b>main</b> <i>class</i>=<u>"container"</u>&gt;&lt;/<b>main</b>&gt;
 &lt;/<b>body</b>&gt;</code></pre><p>Pico uses the same breakpoints and viewports sizes as <a href="https://getbootstrap.com/docs/5.1/layout/breakpoints/#available-breakpoints">Bootstrap</a>.</p><figure><table role="grid"><thead><tr><th>Device</th><th>Extra&nbsp;small</th><th>Small</th><th>Medium</th><th>Large</th><th>Extra&nbsp;large</th></tr></thead><tbody><tr><th>Breakpoint</th><td>&lt;576<small>px</small></td><td>≥576<small>px</small></td><td>≥768<small>px</small></td><td>≥992<small>px</small></td><td>≥1200<small>px</small></td></tr><tr><th>Viewport</th><td>100<small>%</small></td><td>540<small>px</small></td><td>720<small>px</small></td><td>960<small>px</small></td><td>1140<small>px</small></td></tr></tbody></table></figure><p><code>&lt;<b>header</b>&gt;</code>, <code>&lt;<b>main</b>&gt;</code> and <code>&lt;<b>footer</b>&gt;</code> as direct childs of <code>&lt;<b>body</b>&gt;</code> provide a responsive vertical <code><i>padding</i></code></p><p><code>&lt;<b>section</b>&gt;</code> provides a responsive <code><i>margin-bottom</i></code> to separate your sections.</p></section><footer><hr><p><small>Code licensed <a href="https://github.com/picocss/pico/blob/master/LICENSE.md" class="secondary">MIT</a></small></p></footer></div></main><script src="js/commons.min.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/css/pico.docs.css b/docs/css/pico.docs.css
index 5d5d59a3..de98b93e 100644
--- a/docs/css/pico.docs.css
+++ b/docs/css/pico.docs.css
@@ -155,8 +155,8 @@ main > aside a.secondary:focus {
   background-color: transparent;
   color: var(--primary-hover);
 }
-main > aside a.active,
-main > aside a.active:hover {
+main > aside a[aria-current],
+main > aside a[aria-current]:hover {
   color: var(--primary);
 }
 main > aside details {
diff --git a/docs/css/pico.docs.css.map b/docs/css/pico.docs.css.map
index e110291d..4af4dbd2 100644
--- a/docs/css/pico.docs.css.map
+++ b/docs/css/pico.docs.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../scss/pico.docs.scss","../scss/themes/_docs.scss","../scss/themes/docs/_icons.scss","pico.docs.css","../scss/themes/docs/_light.scss","../scss/themes/docs/_dark.scss","../scss/layout/_document.scss","../scss/layout/_main.scss","../scss/layout/_aside.scss","../scss/layout/_documentation.scss","../scss/content/_typography.scss","../scss/content/_code.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_theme-switcher.scss"],"names":[],"mappings":"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","file":"pico.docs.css","sourcesContent":["/*!\n * Pico: Customs styles for Docs\n */\n\n// Config\n@import \"../../scss/variables\";\n\n// Theming\n@import \"themes/docs\";\n\n// Layout\n@import \"layout/document\";\n@import \"layout/main\";\n@import \"layout/aside\";\n@import \"layout/documentation\";\n\n// Content\n@import \"content/typography\";\n@import \"content/code\";\n\n// Components\n@import \"components/modal\";\n@import \"components/nav\";\n@import \"components/theme-switcher\";\n","/**\n * Theme: Additions for docs\n */\n\n@import \"../../../scss/themes/default/colors\";\n@import \"docs/icons\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"docs/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"docs/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","// Icons\n// Source: https://feathericons.com/\n:root {\n  --icon-external: 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)}' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: 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='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: 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(0, 0, 0, 0.75)' stroke-width='5' 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 * Pico: Customs styles for Docs\n */\n/**\n * Theme: Additions for docs\n */\n:root {\n  --icon-external: 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)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: 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='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: 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(0, 0, 0, 0.75)' stroke-width='5' 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=light],\n:root:not([data-theme=dark]) {\n  --invalid-color: #c62828;\n  --valid-color: #388e3c;\n  --nav-background-color: rgba(255, 255, 255, 0.7);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #fff;\n  --article-code-background-color: #f9fafb;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --invalid-color: rgba(183, 28, 28, 0.5);\n    --valid-color: rgba(46, 125, 50, 0.5);\n    --nav-background-color: rgba(16, 24, 30, 0.8);\n    --nav-border-color: rgba(115, 130, 140, 0.2);\n    --nav-logo-color: #0e1419;\n    --article-code-background-color: var(--code-background-color);\n  }\n}\n[data-theme=dark] {\n  --invalid-color: rgba(183, 28, 28, 0.5);\n  --valid-color: rgba(46, 125, 50, 0.5);\n  --nav-background-color: rgba(16, 24, 30, 0.8);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #0e1419;\n  --article-code-background-color: var(--code-background-color);\n}\n\n/**\n * Docs: Document\n */\nhtml {\n  scroll-behavior: smooth;\n}\n\n/**\n * Docs: Main (Grid)\n */\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + 3.5rem);\n}\n@media (min-width: 992px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n    grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n    display: grid;\n    grid-template-columns: 200px auto;\n  }\n}\n@media (min-width: 1200px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\nbody > main > aside,\nbody > main div[role=document] {\n  min-width: 0;\n}\n\ndiv[role=document] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\nsvg {\n  height: 1rem;\n}\n\n/**\n * Docs: Aside\n */\nmain > aside nav {\n  width: 100%;\n  padding-bottom: var(--block-spacing-vertical);\n}\n@media (min-width: 992px) {\n  main > aside nav {\n    position: fixed;\n    width: 200px;\n    max-height: calc(100vh - 5.5rem);\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\nmain > aside nav a#toggle-docs-navigation {\n  display: block;\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  padding-bottom: var(--spacing);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\nmain > aside nav a#toggle-docs-navigation svg {\n  margin-right: calc(var(--spacing) * 0.5);\n  vertical-align: -3px;\n}\n@media (min-width: 992px) {\n  main > aside nav a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.closed-on-mobile a#toggle-docs-navigation svg.collapse {\n  display: none;\n}\nmain > aside nav.closed-on-mobile details {\n  display: none;\n}\n@media (min-width: 992px) {\n  main > aside nav.closed-on-mobile details {\n    display: block;\n  }\n  main > aside nav.closed-on-mobile > a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.open a#toggle-docs-navigation svg.expand {\n  display: none;\n}\nmain > aside li,\nmain > aside summary {\n  padding-top: 0;\n  padding-bottom: 0;\n  font-size: 16px;\n}\nmain > aside ul {\n  padding-left: 0.25rem;\n}\nmain > aside li a {\n  --nav-link-spacing-vertical: 0.25rem;\n  --nav-link-spacing-horizontal: 0.75rem;\n}\nmain > aside li a svg {\n  vertical-align: middle;\n}\nmain > aside a.secondary:focus {\n  background-color: transparent;\n  color: var(--primary-hover);\n}\nmain > aside a.active,\nmain > aside a.active:hover {\n  color: var(--primary);\n}\nmain > aside details {\n  border-bottom: none;\n}\nmain > aside details summary {\n  color: var(--h1-color);\n  font-weight: 300;\n  font-size: 14px;\n  text-transform: uppercase;\n}\nmain > aside details summary::after {\n  display: none;\n}\nmain > aside details[open] > summary {\n  margin-bottom: 0;\n}\nmain > aside details[open] > summary:not(:focus) {\n  color: var(--h1-color);\n}\n\n/**\n * Docs: Documentation\n */\n#themes button.theme-switcher:first-of-type {\n  --font-weight: bold;\n}\n#themes button.theme-switcher i {\n  font-style: normal;\n}\n\n#customization figure {\n  display: grid;\n  grid-template-rows: repeat(2, 1fr);\n  grid-template-columns: repeat(9, 1fr);\n  margin-bottom: 0;\n  overflow: hidden;\n}\n@media (min-width: 576px) {\n  #customization figure {\n    grid-template-rows: 1fr;\n    grid-template-columns: repeat(18, 1fr);\n    border-top-right-radius: var(--border-radius);\n    border-top-left-radius: var(--border-radius);\n  }\n}\n#customization figure ~ article {\n  margin-top: 0;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n}\n#customization figure button {\n  margin-bottom: 0;\n  padding: 0;\n  padding-top: 100%;\n  border: none;\n  border-radius: 0;\n}\n#customization figure button:focus {\n  box-shadow: none;\n}\n#customization figure button.picked {\n  background-image: var(--icon-check);\n  background-position: center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n}\n#customization figure button[data-color=lime].picked, #customization figure button[data-color=yellow].picked, #customization figure button[data-color=amber].picked {\n  background-image: var(--icon-check-dark);\n}\n#customization h4 {\n  transition: color var(--transition);\n}\n#customization pre[data-theme=generated] {\n  border-color: var(--primary);\n}\n\n#grid {\n  --grid-spacing-vertical: 1rem;\n}\n#grid button {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n@media (min-width: 576px) {\n  #grid button {\n    display: inline-block;\n    width: auto;\n    margin-right: 0.5rem;\n  }\n}\n#grid button svg {\n  stroke: var(--secondary);\n  margin-right: 0.5rem;\n  border: 2px solid currentColor;\n  border-radius: 1rem;\n  background: currentColor;\n}\n#grid .grid > * {\n  padding: calc(var(--spacing) / 2) 0;\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  font-size: 87.5%;\n  text-align: center;\n}\n#grid details {\n  margin-top: calc(var(--typography-spacing-vertical) * 2);\n}\n#grid details svg {\n  vertical-align: bottom;\n}\n\n#buttons a[role=button] {\n  margin-right: calc(var(--spacing) * 0.5);\n}\n\n#forms div.grid {\n  grid-row-gap: 0;\n}\n\n#modal button {\n  --font-weight: bold;\n}\n\n/**\n * Docs: Typography\n */\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\n[role=document] section > h1,\n[role=document] section > h2,\n[role=document] section > h3 {\n  line-height: 1;\n}\n\n/**\n * Docs: Code\n */\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\n\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5) var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n[data-theme=invalid],\n[data-theme=valid] {\n  position: relative;\n  margin-bottom: 0 !important;\n}\n[data-theme=invalid]:before,\n[data-theme=valid]:before {\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 0.375rem 0.75rem;\n  border-radius: 0;\n  color: var(--primary-inverse);\n  font-size: 14px;\n  line-height: 1;\n}\n@media (min-width: 992px) {\n  [data-theme=invalid]:before,\n[data-theme=valid]:before {\n    top: var(--spacing);\n    right: var(--spacing);\n  }\n}\n[data-theme=invalid] code,\n[data-theme=valid] code {\n  padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem) var(--block-spacing-horizontal);\n}\n\n[data-theme=invalid]:before {\n  background: var(--invalid-color);\n  content: \"Not so great\";\n}\n\n[data-theme=valid]:before {\n  background: var(--valid-color);\n  content: \"Great\";\n}\n\n/**\n * Docs: Modal\n */\ndialog.example {\n  display: block;\n  z-index: inherit;\n  position: relative;\n  top: inherit;\n  right: inherit;\n  bottom: inherit;\n  left: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: inherit;\n  min-width: inherit;\n  height: inherit;\n  min-height: inherit;\n  padding: 0;\n  background-color: inherit;\n}\ndialog.example article {\n  max-width: inherit;\n}\ndialog.example:not([open]), dialog.example[open=false] {\n  display: none;\n}\n\n.dialog-is-open body > button {\n  filter: blur(0.125rem);\n}\n\n/**\n * Docs: Navs\n */\nbody > nav {\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 1rem;\n  --nav-link-spacing-horizontal: 0.75rem;\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n}\nbody > nav.container-fluid {\n  padding-right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n}\nbody > nav a {\n  border-radius: 0;\n}\nbody > nav svg {\n  vertical-align: text-bottom;\n}\nbody > nav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -1);\n}\nbody > nav ul:first-of-type li {\n  padding: 0;\n}\nbody > nav ul:first-of-type li:first-of-type a {\n  display: block;\n  margin: 0;\n  padding: 0;\n  background: var(--h1-color);\n  color: var(--nav-logo-color);\n}\nbody > nav ul:first-of-type li:first-of-type a svg {\n  display: block;\n  width: 3.5rem;\n  height: 3.5rem;\n}\nbody > nav ul:first-of-type li:nth-of-type(2) {\n  display: none;\n  margin-left: calc(var(--spacing) * 1.5);\n  color: var(--h1-color);\n}\n@media (min-width: 992px) {\n  body > nav ul:first-of-type li:nth-of-type(2) {\n    display: inline;\n  }\n}\n\n/**\n * Docs: Theme switcher\n */\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2 + var(--scrollbar-width, 0px));\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n}\n.switcher::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  border: 0.15rem solid currentColor;\n  border-radius: 50%;\n  background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%);\n  content: \"\";\n  vertical-align: bottom;\n  transition: transform var(--transition);\n}\n.switcher i {\n  display: inline-block;\n  max-width: 0;\n  padding: 0;\n  overflow: hidden;\n  font-style: normal;\n  font-size: 0.875rem;\n  white-space: nowrap;\n}\n.switcher:hover, .switcher:focus {\n  max-width: 100%;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n.switcher:hover::after {\n  transform: rotate(180deg);\n}\n.switcher:hover i {\n  max-width: 100%;\n  padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n  transition: max-width var(--transition), padding var(--transition);\n}\n.switcher:focus {\n  box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n}\n@media (min-width: 576px) {\n  .switcher {\n    right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n  }\n}\n\n/*# sourceMappingURL=pico.docs.css.map */\n","// Light theme (Default) [Additions for docs]\n// Can be forced with data-theme=\"light\"\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  --invalid-color: #{$red-800};\n  --valid-color: #{$green-700};\n  --nav-background-color: #{rgba($white, 0.7)};\n  --nav-border-color: #{rgba($grey-500, 0.2)};\n  --nav-logo-color: #{$white};\n  --article-code-background-color: #{mix($grey-50, $white, 33%)};\n}\n","// Dark theme [Additions for docs]\n@mixin dark {\n  --invalid-color: #{rgba($red-900, 0.5)};\n  --valid-color: #{rgba($green-800, 0.5)};\n  --nav-background-color: #{rgba(darken($grey-900, 6%), 0.8)};\n  --nav-border-color: #{rgba($grey-500, 0.2)};\n  --nav-logo-color: #{mix($black, $grey-900)};\n  --article-code-background-color: var(--code-background-color);\n}\n","/**\n * Docs: Document\n */\n\nhtml {\n  scroll-behavior: smooth;\n}\n","/**\n * Docs: Main (Grid)\n */\n\n// Config\n$navHeight: 3.5rem;\n\n// Main grid\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + #{$navHeight});\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      grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n      display: grid;\n      grid-template-columns: 200px auto;\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  > aside,\n  div[role=\"document\"] {\n    min-width: 0;\n  }\n}\n\n// External links\ndiv[role=\"document\"] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after\n{\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\n// Embedded SVG\nsvg {\n  height: 1rem;\n}\n","/**\n * Docs: Aside\n */\n\nmain > aside {\n\n  nav {\n    width: 100%;\n    padding-bottom: var(--block-spacing-vertical);\n  \n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      position: fixed;\n      width: 200px;\n      max-height: calc(100vh - 5.5rem);\n      overflow-x: hidden;\n      overflow-y: auto;\n    }\n\n    a#toggle-docs-navigation {\n      display: block;\n      margin: 0;\n      margin-bottom: var(--spacing);\n      padding: 0;\n      padding-bottom: var(--spacing);\n      border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n      svg {\n        margin-right: calc(var(--spacing) * 0.5);\n        vertical-align: -3px;\n      }\n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        display: none;\n      }\n    }\n\n    &.closed-on-mobile {\n\n      a#toggle-docs-navigation {\n        svg.collapse {\n          display: none;\n        }\n      }\n\n      details {\n        display: none;\n      } \n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        details {\n          display: block;\n        }\n\n        > a#toggle-docs-navigation {\n          display: none;\n        }\n      }\n    }\n\n    &.open {\n      a#toggle-docs-navigation {\n        svg.expand {\n          display: none;\n        }\n      }\n    }\n  }\n\n  li,\n  summary {\n    padding-top: 0;\n    padding-bottom: 0;\n    font-size: 16px;\n  }\n\n  ul {\n    padding-left: 0.25rem;\n  }\n\n  li a {\n    --nav-link-spacing-vertical: 0.25rem;\n    --nav-link-spacing-horizontal: 0.75rem;\n\n    svg {\n      vertical-align: middle;\n    }\n  }\n\n  a.secondary:focus {\n    background-color: transparent;\n    color: var(--primary-hover);\n  }\n\n  a.active,\n  a.active:hover {\n    color: var(--primary);\n  }\n\n  details {\n    border-bottom: none;\n\n    summary {\n      color: var(--h1-color);\n      font-weight: 300;\n      font-size: 14px;\n      text-transform: uppercase;\n\n      &::after {\n        display: none;\n      }\n    }\n\n    &[open] {\n      > summary {\n        margin-bottom: 0;\n\n        &:not(:focus) {\n          color: var(--h1-color);\n        }\n      }\n    }\n  }\n}\n","/**\n * Docs: Documentation\n */\n\n// Docs: Themes\n#themes {\n  button.theme-switcher {\n    &:first-of-type {\n      --font-weight: bold;\n    }\n    \n    i {\n      font-style: normal;\n    }\n  }\n}\n\n// Docs: Customization\n#customization {\n  figure {\n    display: grid;\n    grid-template-rows: repeat(2, 1fr);\n    grid-template-columns: repeat(9, 1fr);\n    margin-bottom: 0;\n    overflow: hidden;\n\n    @media (min-width: map-get($breakpoints, \"sm\")) {\n      grid-template-rows: 1fr;\n      grid-template-columns: repeat(18, 1fr);\n      border-top-right-radius: var(--border-radius);\n      border-top-left-radius: var(--border-radius);\n    }\n\n    ~ article {\n      margin-top: 0;\n      border-top-right-radius: 0;\n      border-top-left-radius: 0;\n    }\n\n    button {\n      margin-bottom: 0;\n      padding: 0;\n      padding-top: 100%;\n      border: none;\n      border-radius: 0;\n\n      &:focus {\n        box-shadow: none;\n      }\n\n      &.picked {\n        background-image: var(--icon-check);\n        background-position: center;\n        background-size: 0.66rem auto;\n        background-repeat: no-repeat;\n        box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n      }\n      &[data-color=\"lime\"],\n      &[data-color=\"yellow\"],\n      &[data-color=\"amber\"] {\n        &.picked {\n          background-image: var(--icon-check-dark);\n        }\n      }\n    }\n  }\n\n  h4 {\n    transition: color var(--transition);\n  }\n\n  pre[data-theme=\"generated\"] {\n    border-color: var(--primary);\n  }\n}\n\n// Docs: Grid\n#grid {\n  --grid-spacing-vertical: 1rem;\n\n  button {\n    display: block;\n    width: 100%;\n    margin-bottom: var(--spacing);\n\n    @media (min-width: map-get($breakpoints, \"sm\")) {\n      display: inline-block;\n      width: auto;\n      margin-right: 0.5rem;\n    }\n\n    svg {\n      stroke: var(--secondary);\n      margin-right: 0.5rem;\n      border: 2px solid currentColor;\n      border-radius: 1rem;\n      background: currentColor;\n    }\n  }\n\n  .grid {\n    > * {\n      padding: calc(var(--spacing) / 2) 0;\n      border-radius: var(--border-radius);\n      background: var(--code-background-color);\n      font-size: 87.5%;\n      text-align: center;\n    }\n  }\n\n  details {\n    margin-top: calc(var(--typography-spacing-vertical) * 2);\n\n    svg {\n      vertical-align: bottom;\n    }\n  }\n}\n\n// Docs: Buttons\n#buttons {\n  a[role=\"button\"] {\n    margin-right: calc(var(--spacing) * 0.5);\n  }\n}\n\n// Docs: Forms\n#forms div.grid {\n  grid-row-gap: 0;\n}\n\n// Docs: Modal\n#modal {\n  button {\n    --font-weight: bold;\n  }\n}\n","/**\n * Docs: Typography\n */\n\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\n[role=\"document\"] {\n  section > h1,\n  section > h2,\n  section > h3 {\n    line-height: 1;\n  }\n}\n","/**\n * Docs: Code\n */\n\n// Code block inside article\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\n// Code block outside article\n// Horizontally aligned with <article> content\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5)\n    var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n// Badge for Valid & Invalid code\n[data-theme=\"invalid\"],\n[data-theme=\"valid\"] {\n  position: relative;\n  margin-bottom: 0 !important;\n\n  // Label\n  &:before {\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 0.375rem 0.75rem;\n    border-radius: 0;\n    color: var(--primary-inverse);\n    font-size: 14px;\n    line-height: 1;\n\n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      top: var(--spacing);\n      right: var(--spacing);\n    }\n  }\n\n  // Spacing for Valid & Invalid badge\n  code {\n    padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem)\n      var(--block-spacing-horizontal);\n  }\n}\n\n// Color for Valid & Invalid code\n[data-theme=\"invalid\"] {\n  &:before {\n    background: var(--invalid-color);\n    content: \"Not so great\";\n  }\n}\n\n[data-theme=\"valid\"] {\n  &:before {\n    background: var(--valid-color);\n    content: \"Great\";\n  }\n}\n","/**\n * Docs: Modal\n */\n\ndialog.example {\n  display: block;\n  z-index: inherit;\n  position: relative;\n  top: inherit;\n  right: inherit;\n  bottom: inherit;\n  left: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: inherit;\n  min-width: inherit;\n  height: inherit;\n  min-height: inherit;\n  padding: 0;\n  background-color:inherit;\n\n  article {\n    max-width: inherit;\n  }\n\n  &:not([open]),\n  &[open=false] {\n    display: none;\n  }\n}\n\n.dialog-is-open body > button {\n  filter: blur(0.125rem);\n}","/**\n * Docs: Navs\n */\n\nbody > nav {\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 1rem;\n  --nav-link-spacing-horizontal: 0.75rem;\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n\n  &.container-fluid {\n    padding-right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n  }\n\n  a {\n    border-radius: 0;\n  }\n\n  svg {\n    vertical-align: text-bottom;\n  }\n\n  // Band & Title\n  ul:first-of-type {\n    margin-left: calc(var(--spacing) * -1);\n\n    li {\n      padding: 0;\n  \n      // Brand\n      &:first-of-type {\n        a {\n          display: block;\n          margin: 0;\n          padding: 0;\n          background: var(--h1-color);\n          color: var(--nav-logo-color);\n  \n          svg {\n            display: block;\n            width: 3.5rem;\n            height: 3.5rem;\n          }\n        }\n      }\n  \n      // Title\n      &:nth-of-type(2) {\n        display: none;\n        margin-left: calc(var(--spacing) * 1.5);\n        color: var(--h1-color);\n  \n        @media (min-width: map-get($breakpoints, \"lg\")) {\n          display: inline;\n        }\n      }\n    }\n  }\n}\n","/**\n * Docs: Theme switcher\n */\n\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2 + var(--scrollbar-width, 0px));\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n\n  &::after {\n    display: inline-block;\n    width: 1rem;\n    height: 1rem;\n    border: 0.15rem solid currentColor;\n    border-radius: 50%;\n    background: linear-gradient(\n      to right,\n      currentColor 0%,\n      currentColor 50%,\n      transparent 50%\n    );\n    content: \"\";\n    vertical-align: bottom;\n    transition: transform var(--transition);\n  }\n\n  i {\n    display: inline-block;\n    max-width: 0;\n    padding: 0;\n    overflow: hidden;\n    font-style: normal;\n    font-size: 0.875rem;\n    white-space: nowrap;\n  }\n\n  &:hover,\n  &:focus {\n    max-width: 100%;\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover {\n    &::after {\n      transform: rotate(180deg);\n    }\n\n    i {\n      max-width: 100%;\n      padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n      transition: max-width var(--transition), padding var(--transition);\n    }\n  }\n\n  &:focus {\n    box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n  }\n\n  @media (min-width: map-get($breakpoints, \"sm\")) {\n    right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["../scss/pico.docs.scss","../scss/themes/_docs.scss","../scss/themes/docs/_icons.scss","pico.docs.css","../scss/themes/docs/_light.scss","../scss/themes/docs/_dark.scss","../scss/layout/_document.scss","../scss/layout/_main.scss","../scss/layout/_aside.scss","../scss/layout/_documentation.scss","../scss/content/_typography.scss","../scss/content/_code.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_theme-switcher.scss"],"names":[],"mappings":"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","file":"pico.docs.css","sourcesContent":["/*!\n * Pico: Customs styles for Docs\n */\n\n// Config\n@import \"../../scss/variables\";\n\n// Theming\n@import \"themes/docs\";\n\n// Layout\n@import \"layout/document\";\n@import \"layout/main\";\n@import \"layout/aside\";\n@import \"layout/documentation\";\n\n// Content\n@import \"content/typography\";\n@import \"content/code\";\n\n// Components\n@import \"components/modal\";\n@import \"components/nav\";\n@import \"components/theme-switcher\";\n","/**\n * Theme: Additions for docs\n */\n\n@import \"../../../scss/themes/default/colors\";\n@import \"docs/icons\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"docs/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"docs/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","// Icons\n// Source: https://feathericons.com/\n:root {\n  --icon-external: 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)}' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: 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='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: 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(0, 0, 0, 0.75)' stroke-width='5' 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 * Pico: Customs styles for Docs\n */\n/**\n * Theme: Additions for docs\n */\n:root {\n  --icon-external: 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)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: 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='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: 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(0, 0, 0, 0.75)' stroke-width='5' 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=light],\n:root:not([data-theme=dark]) {\n  --invalid-color: #c62828;\n  --valid-color: #388e3c;\n  --nav-background-color: rgba(255, 255, 255, 0.7);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #fff;\n  --article-code-background-color: #f9fafb;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --invalid-color: rgba(183, 28, 28, 0.5);\n    --valid-color: rgba(46, 125, 50, 0.5);\n    --nav-background-color: rgba(16, 24, 30, 0.8);\n    --nav-border-color: rgba(115, 130, 140, 0.2);\n    --nav-logo-color: #0e1419;\n    --article-code-background-color: var(--code-background-color);\n  }\n}\n[data-theme=dark] {\n  --invalid-color: rgba(183, 28, 28, 0.5);\n  --valid-color: rgba(46, 125, 50, 0.5);\n  --nav-background-color: rgba(16, 24, 30, 0.8);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #0e1419;\n  --article-code-background-color: var(--code-background-color);\n}\n\n/**\n * Docs: Document\n */\nhtml {\n  scroll-behavior: smooth;\n}\n\n/**\n * Docs: Main (Grid)\n */\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + 3.5rem);\n}\n@media (min-width: 992px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n    grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n    display: grid;\n    grid-template-columns: 200px auto;\n  }\n}\n@media (min-width: 1200px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\nbody > main > aside,\nbody > main div[role=document] {\n  min-width: 0;\n}\n\ndiv[role=document] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\nsvg {\n  height: 1rem;\n}\n\n/**\n * Docs: Aside\n */\nmain > aside nav {\n  width: 100%;\n  padding-bottom: var(--block-spacing-vertical);\n}\n@media (min-width: 992px) {\n  main > aside nav {\n    position: fixed;\n    width: 200px;\n    max-height: calc(100vh - 5.5rem);\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\nmain > aside nav a#toggle-docs-navigation {\n  display: block;\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  padding-bottom: var(--spacing);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\nmain > aside nav a#toggle-docs-navigation svg {\n  margin-right: calc(var(--spacing) * 0.5);\n  vertical-align: -3px;\n}\n@media (min-width: 992px) {\n  main > aside nav a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.closed-on-mobile a#toggle-docs-navigation svg.collapse {\n  display: none;\n}\nmain > aside nav.closed-on-mobile details {\n  display: none;\n}\n@media (min-width: 992px) {\n  main > aside nav.closed-on-mobile details {\n    display: block;\n  }\n  main > aside nav.closed-on-mobile > a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.open a#toggle-docs-navigation svg.expand {\n  display: none;\n}\nmain > aside li,\nmain > aside summary {\n  padding-top: 0;\n  padding-bottom: 0;\n  font-size: 16px;\n}\nmain > aside ul {\n  padding-left: 0.25rem;\n}\nmain > aside li a {\n  --nav-link-spacing-vertical: 0.25rem;\n  --nav-link-spacing-horizontal: 0.75rem;\n}\nmain > aside li a svg {\n  vertical-align: middle;\n}\nmain > aside a.secondary:focus {\n  background-color: transparent;\n  color: var(--primary-hover);\n}\nmain > aside a[aria-current],\nmain > aside a[aria-current]:hover {\n  color: var(--primary);\n}\nmain > aside details {\n  border-bottom: none;\n}\nmain > aside details summary {\n  color: var(--h1-color);\n  font-weight: 300;\n  font-size: 14px;\n  text-transform: uppercase;\n}\nmain > aside details summary::after {\n  display: none;\n}\nmain > aside details[open] > summary {\n  margin-bottom: 0;\n}\nmain > aside details[open] > summary:not(:focus) {\n  color: var(--h1-color);\n}\n\n/**\n * Docs: Documentation\n */\n#themes button.theme-switcher:first-of-type {\n  --font-weight: bold;\n}\n#themes button.theme-switcher i {\n  font-style: normal;\n}\n\n#customization figure {\n  display: grid;\n  grid-template-rows: repeat(2, 1fr);\n  grid-template-columns: repeat(9, 1fr);\n  margin-bottom: 0;\n  overflow: hidden;\n}\n@media (min-width: 576px) {\n  #customization figure {\n    grid-template-rows: 1fr;\n    grid-template-columns: repeat(18, 1fr);\n    border-top-right-radius: var(--border-radius);\n    border-top-left-radius: var(--border-radius);\n  }\n}\n#customization figure ~ article {\n  margin-top: 0;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n}\n#customization figure button {\n  margin-bottom: 0;\n  padding: 0;\n  padding-top: 100%;\n  border: none;\n  border-radius: 0;\n}\n#customization figure button:focus {\n  box-shadow: none;\n}\n#customization figure button.picked {\n  background-image: var(--icon-check);\n  background-position: center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n}\n#customization figure button[data-color=lime].picked, #customization figure button[data-color=yellow].picked, #customization figure button[data-color=amber].picked {\n  background-image: var(--icon-check-dark);\n}\n#customization h4 {\n  transition: color var(--transition);\n}\n#customization pre[data-theme=generated] {\n  border-color: var(--primary);\n}\n\n#grid {\n  --grid-spacing-vertical: 1rem;\n}\n#grid button {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n@media (min-width: 576px) {\n  #grid button {\n    display: inline-block;\n    width: auto;\n    margin-right: 0.5rem;\n  }\n}\n#grid button svg {\n  stroke: var(--secondary);\n  margin-right: 0.5rem;\n  border: 2px solid currentColor;\n  border-radius: 1rem;\n  background: currentColor;\n}\n#grid .grid > * {\n  padding: calc(var(--spacing) / 2) 0;\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  font-size: 87.5%;\n  text-align: center;\n}\n#grid details {\n  margin-top: calc(var(--typography-spacing-vertical) * 2);\n}\n#grid details svg {\n  vertical-align: bottom;\n}\n\n#buttons a[role=button] {\n  margin-right: calc(var(--spacing) * 0.5);\n}\n\n#forms div.grid {\n  grid-row-gap: 0;\n}\n\n#modal button {\n  --font-weight: bold;\n}\n\n/**\n * Docs: Typography\n */\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\n[role=document] section > h1,\n[role=document] section > h2,\n[role=document] section > h3 {\n  line-height: 1;\n}\n\n/**\n * Docs: Code\n */\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\n\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5) var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n[data-theme=invalid],\n[data-theme=valid] {\n  position: relative;\n  margin-bottom: 0 !important;\n}\n[data-theme=invalid]:before,\n[data-theme=valid]:before {\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 0.375rem 0.75rem;\n  border-radius: 0;\n  color: var(--primary-inverse);\n  font-size: 14px;\n  line-height: 1;\n}\n@media (min-width: 992px) {\n  [data-theme=invalid]:before,\n[data-theme=valid]:before {\n    top: var(--spacing);\n    right: var(--spacing);\n  }\n}\n[data-theme=invalid] code,\n[data-theme=valid] code {\n  padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem) var(--block-spacing-horizontal);\n}\n\n[data-theme=invalid]:before {\n  background: var(--invalid-color);\n  content: \"Not so great\";\n}\n\n[data-theme=valid]:before {\n  background: var(--valid-color);\n  content: \"Great\";\n}\n\n/**\n * Docs: Modal\n */\ndialog.example {\n  display: block;\n  z-index: inherit;\n  position: relative;\n  top: inherit;\n  right: inherit;\n  bottom: inherit;\n  left: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: inherit;\n  min-width: inherit;\n  height: inherit;\n  min-height: inherit;\n  padding: 0;\n  background-color: inherit;\n}\ndialog.example article {\n  max-width: inherit;\n}\ndialog.example:not([open]), dialog.example[open=false] {\n  display: none;\n}\n\n.dialog-is-open body > button {\n  filter: blur(0.125rem);\n}\n\n/**\n * Docs: Navs\n */\nbody > nav {\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 1rem;\n  --nav-link-spacing-horizontal: 0.75rem;\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n}\nbody > nav.container-fluid {\n  padding-right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n}\nbody > nav a {\n  border-radius: 0;\n}\nbody > nav svg {\n  vertical-align: text-bottom;\n}\nbody > nav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -1);\n}\nbody > nav ul:first-of-type li {\n  padding: 0;\n}\nbody > nav ul:first-of-type li:first-of-type a {\n  display: block;\n  margin: 0;\n  padding: 0;\n  background: var(--h1-color);\n  color: var(--nav-logo-color);\n}\nbody > nav ul:first-of-type li:first-of-type a svg {\n  display: block;\n  width: 3.5rem;\n  height: 3.5rem;\n}\nbody > nav ul:first-of-type li:nth-of-type(2) {\n  display: none;\n  margin-left: calc(var(--spacing) * 1.5);\n  color: var(--h1-color);\n}\n@media (min-width: 992px) {\n  body > nav ul:first-of-type li:nth-of-type(2) {\n    display: inline;\n  }\n}\n\n/**\n * Docs: Theme switcher\n */\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2 + var(--scrollbar-width, 0px));\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n}\n.switcher::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  border: 0.15rem solid currentColor;\n  border-radius: 50%;\n  background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%);\n  content: \"\";\n  vertical-align: bottom;\n  transition: transform var(--transition);\n}\n.switcher i {\n  display: inline-block;\n  max-width: 0;\n  padding: 0;\n  overflow: hidden;\n  font-style: normal;\n  font-size: 0.875rem;\n  white-space: nowrap;\n}\n.switcher:hover, .switcher:focus {\n  max-width: 100%;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n.switcher:hover::after {\n  transform: rotate(180deg);\n}\n.switcher:hover i {\n  max-width: 100%;\n  padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n  transition: max-width var(--transition), padding var(--transition);\n}\n.switcher:focus {\n  box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n}\n@media (min-width: 576px) {\n  .switcher {\n    right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n  }\n}\n\n/*# sourceMappingURL=pico.docs.css.map */\n","// Light theme (Default) [Additions for docs]\n// Can be forced with data-theme=\"light\"\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  --invalid-color: #{$red-800};\n  --valid-color: #{$green-700};\n  --nav-background-color: #{rgba($white, 0.7)};\n  --nav-border-color: #{rgba($grey-500, 0.2)};\n  --nav-logo-color: #{$white};\n  --article-code-background-color: #{mix($grey-50, $white, 33%)};\n}\n","// Dark theme [Additions for docs]\n@mixin dark {\n  --invalid-color: #{rgba($red-900, 0.5)};\n  --valid-color: #{rgba($green-800, 0.5)};\n  --nav-background-color: #{rgba(darken($grey-900, 6%), 0.8)};\n  --nav-border-color: #{rgba($grey-500, 0.2)};\n  --nav-logo-color: #{mix($black, $grey-900)};\n  --article-code-background-color: var(--code-background-color);\n}\n","/**\n * Docs: Document\n */\n\nhtml {\n  scroll-behavior: smooth;\n}\n","/**\n * Docs: Main (Grid)\n */\n\n// Config\n$navHeight: 3.5rem;\n\n// Main grid\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + #{$navHeight});\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      grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n      display: grid;\n      grid-template-columns: 200px auto;\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  > aside,\n  div[role=\"document\"] {\n    min-width: 0;\n  }\n}\n\n// External links\ndiv[role=\"document\"] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after\n{\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\n// Embedded SVG\nsvg {\n  height: 1rem;\n}\n","/**\n * Docs: Aside\n */\n\nmain > aside {\n\n  nav {\n    width: 100%;\n    padding-bottom: var(--block-spacing-vertical);\n  \n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      position: fixed;\n      width: 200px;\n      max-height: calc(100vh - 5.5rem);\n      overflow-x: hidden;\n      overflow-y: auto;\n    }\n\n    a#toggle-docs-navigation {\n      display: block;\n      margin: 0;\n      margin-bottom: var(--spacing);\n      padding: 0;\n      padding-bottom: var(--spacing);\n      border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n      svg {\n        margin-right: calc(var(--spacing) * 0.5);\n        vertical-align: -3px;\n      }\n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        display: none;\n      }\n    }\n\n    &.closed-on-mobile {\n\n      a#toggle-docs-navigation {\n        svg.collapse {\n          display: none;\n        }\n      }\n\n      details {\n        display: none;\n      } \n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        details {\n          display: block;\n        }\n\n        > a#toggle-docs-navigation {\n          display: none;\n        }\n      }\n    }\n\n    &.open {\n      a#toggle-docs-navigation {\n        svg.expand {\n          display: none;\n        }\n      }\n    }\n  }\n\n  li,\n  summary {\n    padding-top: 0;\n    padding-bottom: 0;\n    font-size: 16px;\n  }\n\n  ul {\n    padding-left: 0.25rem;\n  }\n\n  li a {\n    --nav-link-spacing-vertical: 0.25rem;\n    --nav-link-spacing-horizontal: 0.75rem;\n\n    svg {\n      vertical-align: middle;\n    }\n  }\n\n  a.secondary:focus {\n    background-color: transparent;\n    color: var(--primary-hover);\n  }\n\n  a[aria-current],\n  a[aria-current]:hover {\n    color: var(--primary);\n  }\n\n  details {\n    border-bottom: none;\n\n    summary {\n      color: var(--h1-color);\n      font-weight: 300;\n      font-size: 14px;\n      text-transform: uppercase;\n\n      &::after {\n        display: none;\n      }\n    }\n\n    &[open] {\n      > summary {\n        margin-bottom: 0;\n\n        &:not(:focus) {\n          color: var(--h1-color);\n        }\n      }\n    }\n  }\n}\n","/**\n * Docs: Documentation\n */\n\n// Docs: Themes\n#themes {\n  button.theme-switcher {\n    &:first-of-type {\n      --font-weight: bold;\n    }\n    \n    i {\n      font-style: normal;\n    }\n  }\n}\n\n// Docs: Customization\n#customization {\n  figure {\n    display: grid;\n    grid-template-rows: repeat(2, 1fr);\n    grid-template-columns: repeat(9, 1fr);\n    margin-bottom: 0;\n    overflow: hidden;\n\n    @media (min-width: map-get($breakpoints, \"sm\")) {\n      grid-template-rows: 1fr;\n      grid-template-columns: repeat(18, 1fr);\n      border-top-right-radius: var(--border-radius);\n      border-top-left-radius: var(--border-radius);\n    }\n\n    ~ article {\n      margin-top: 0;\n      border-top-right-radius: 0;\n      border-top-left-radius: 0;\n    }\n\n    button {\n      margin-bottom: 0;\n      padding: 0;\n      padding-top: 100%;\n      border: none;\n      border-radius: 0;\n\n      &:focus {\n        box-shadow: none;\n      }\n\n      &.picked {\n        background-image: var(--icon-check);\n        background-position: center;\n        background-size: 0.66rem auto;\n        background-repeat: no-repeat;\n        box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n      }\n      &[data-color=\"lime\"],\n      &[data-color=\"yellow\"],\n      &[data-color=\"amber\"] {\n        &.picked {\n          background-image: var(--icon-check-dark);\n        }\n      }\n    }\n  }\n\n  h4 {\n    transition: color var(--transition);\n  }\n\n  pre[data-theme=\"generated\"] {\n    border-color: var(--primary);\n  }\n}\n\n// Docs: Grid\n#grid {\n  --grid-spacing-vertical: 1rem;\n\n  button {\n    display: block;\n    width: 100%;\n    margin-bottom: var(--spacing);\n\n    @media (min-width: map-get($breakpoints, \"sm\")) {\n      display: inline-block;\n      width: auto;\n      margin-right: 0.5rem;\n    }\n\n    svg {\n      stroke: var(--secondary);\n      margin-right: 0.5rem;\n      border: 2px solid currentColor;\n      border-radius: 1rem;\n      background: currentColor;\n    }\n  }\n\n  .grid {\n    > * {\n      padding: calc(var(--spacing) / 2) 0;\n      border-radius: var(--border-radius);\n      background: var(--code-background-color);\n      font-size: 87.5%;\n      text-align: center;\n    }\n  }\n\n  details {\n    margin-top: calc(var(--typography-spacing-vertical) * 2);\n\n    svg {\n      vertical-align: bottom;\n    }\n  }\n}\n\n// Docs: Buttons\n#buttons {\n  a[role=\"button\"] {\n    margin-right: calc(var(--spacing) * 0.5);\n  }\n}\n\n// Docs: Forms\n#forms div.grid {\n  grid-row-gap: 0;\n}\n\n// Docs: Modal\n#modal {\n  button {\n    --font-weight: bold;\n  }\n}\n","/**\n * Docs: Typography\n */\n\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\n[role=\"document\"] {\n  section > h1,\n  section > h2,\n  section > h3 {\n    line-height: 1;\n  }\n}\n","/**\n * Docs: Code\n */\n\n// Code block inside article\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\n// Code block outside article\n// Horizontally aligned with <article> content\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5)\n    var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n// Badge for Valid & Invalid code\n[data-theme=\"invalid\"],\n[data-theme=\"valid\"] {\n  position: relative;\n  margin-bottom: 0 !important;\n\n  // Label\n  &:before {\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 0.375rem 0.75rem;\n    border-radius: 0;\n    color: var(--primary-inverse);\n    font-size: 14px;\n    line-height: 1;\n\n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      top: var(--spacing);\n      right: var(--spacing);\n    }\n  }\n\n  // Spacing for Valid & Invalid badge\n  code {\n    padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem)\n      var(--block-spacing-horizontal);\n  }\n}\n\n// Color for Valid & Invalid code\n[data-theme=\"invalid\"] {\n  &:before {\n    background: var(--invalid-color);\n    content: \"Not so great\";\n  }\n}\n\n[data-theme=\"valid\"] {\n  &:before {\n    background: var(--valid-color);\n    content: \"Great\";\n  }\n}\n","/**\n * Docs: Modal\n */\n\ndialog.example {\n  display: block;\n  z-index: inherit;\n  position: relative;\n  top: inherit;\n  right: inherit;\n  bottom: inherit;\n  left: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: inherit;\n  min-width: inherit;\n  height: inherit;\n  min-height: inherit;\n  padding: 0;\n  background-color:inherit;\n\n  article {\n    max-width: inherit;\n  }\n\n  &:not([open]),\n  &[open=false] {\n    display: none;\n  }\n}\n\n.dialog-is-open body > button {\n  filter: blur(0.125rem);\n}","/**\n * Docs: Navs\n */\n\nbody > nav {\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 1rem;\n  --nav-link-spacing-horizontal: 0.75rem;\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n\n  &.container-fluid {\n    padding-right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n  }\n\n  a {\n    border-radius: 0;\n  }\n\n  svg {\n    vertical-align: text-bottom;\n  }\n\n  // Band & Title\n  ul:first-of-type {\n    margin-left: calc(var(--spacing) * -1);\n\n    li {\n      padding: 0;\n  \n      // Brand\n      &:first-of-type {\n        a {\n          display: block;\n          margin: 0;\n          padding: 0;\n          background: var(--h1-color);\n          color: var(--nav-logo-color);\n  \n          svg {\n            display: block;\n            width: 3.5rem;\n            height: 3.5rem;\n          }\n        }\n      }\n  \n      // Title\n      &:nth-of-type(2) {\n        display: none;\n        margin-left: calc(var(--spacing) * 1.5);\n        color: var(--h1-color);\n  \n        @media (min-width: map-get($breakpoints, \"lg\")) {\n          display: inline;\n        }\n      }\n    }\n  }\n}\n","/**\n * Docs: Theme switcher\n */\n\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2 + var(--scrollbar-width, 0px));\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n\n  &::after {\n    display: inline-block;\n    width: 1rem;\n    height: 1rem;\n    border: 0.15rem solid currentColor;\n    border-radius: 50%;\n    background: linear-gradient(\n      to right,\n      currentColor 0%,\n      currentColor 50%,\n      transparent 50%\n    );\n    content: \"\";\n    vertical-align: bottom;\n    transition: transform var(--transition);\n  }\n\n  i {\n    display: inline-block;\n    max-width: 0;\n    padding: 0;\n    overflow: hidden;\n    font-style: normal;\n    font-size: 0.875rem;\n    white-space: nowrap;\n  }\n\n  &:hover,\n  &:focus {\n    max-width: 100%;\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover {\n    &::after {\n      transform: rotate(180deg);\n    }\n\n    i {\n      max-width: 100%;\n      padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n      transition: max-width var(--transition), padding var(--transition);\n    }\n  }\n\n  &:focus {\n    box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n  }\n\n  @media (min-width: map-get($breakpoints, \"sm\")) {\n    right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n  }\n}\n"]}
\ No newline at end of file
diff --git a/docs/css/pico.docs.min.css b/docs/css/pico.docs.min.css
index 14523c79..faa6e46a 100644
--- a/docs/css/pico.docs.min.css
+++ b/docs/css/pico.docs.min.css
@@ -1,4 +1,4 @@
 /*!
  * Pico: Customs styles for Docs
- */:root{--icon-external: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)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E");--icon-check: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='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-check-dark: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(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}:root:not([data-theme=dark]),[data-theme=light]{--invalid-color:#c62828;--valid-color:#388e3c;--nav-background-color:rgba(255, 255, 255, 0.7);--nav-border-color:rgba(115, 130, 140, 0.2);--nav-logo-color:#fff;--article-code-background-color:#f9fafb}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){--invalid-color:rgba(183, 28, 28, 0.5);--valid-color:rgba(46, 125, 50, 0.5);--nav-background-color:rgba(16, 24, 30, 0.8);--nav-border-color:rgba(115, 130, 140, 0.2);--nav-logo-color:#0e1419;--article-code-background-color:var(--code-background-color)}}[data-theme=dark]{--invalid-color:rgba(183, 28, 28, 0.5);--valid-color:rgba(46, 125, 50, 0.5);--nav-background-color:rgba(16, 24, 30, 0.8);--nav-border-color:rgba(115, 130, 140, 0.2);--nav-logo-color:#0e1419;--article-code-background-color:var(--code-background-color)}html{scroll-behavior:smooth}body>main{padding-top:calc(var(--block-spacing-vertical) + 3.5rem)}@media (min-width:992px){body>main{--block-spacing-horizontal:calc(var(--spacing) * 1.75);grid-column-gap:calc(var(--block-spacing-horizontal) * 3);display:grid;grid-template-columns:200px auto}}@media (min-width:1200px){body>main{--block-spacing-horizontal:calc(var(--spacing) * 2)}}body>main div[role=document],body>main>aside{min-width:0}div[role=document] section a[href*="//"]:not([href*="https://picocss.com"]):not([role])::after{display:inline-block;width:1rem;height:1rem;background-image:var(--icon-external);background-position:top center;background-size:.66rem auto;background-repeat:no-repeat;content:""}svg{height:1rem}main>aside nav{width:100%;padding-bottom:var(--block-spacing-vertical)}@media (min-width:992px){main>aside nav{position:fixed;width:200px;max-height:calc(100vh - 5.5rem);overflow-x:hidden;overflow-y:auto}}main>aside nav a#toggle-docs-navigation{display:block;margin:0;margin-bottom:var(--spacing);padding:0;padding-bottom:var(--spacing);border-bottom:var(--border-width) solid var(--accordion-border-color)}main>aside nav a#toggle-docs-navigation svg{margin-right:calc(var(--spacing) * .5);vertical-align:-3px}@media (min-width:992px){main>aside nav a#toggle-docs-navigation{display:none}}main>aside nav.closed-on-mobile a#toggle-docs-navigation svg.collapse{display:none}main>aside nav.closed-on-mobile details{display:none}@media (min-width:992px){main>aside nav.closed-on-mobile details{display:block}main>aside nav.closed-on-mobile>a#toggle-docs-navigation{display:none}}main>aside nav.open a#toggle-docs-navigation svg.expand{display:none}main>aside li,main>aside summary{padding-top:0;padding-bottom:0;font-size:16px}main>aside ul{padding-left:.25rem}main>aside li a{--nav-link-spacing-vertical:0.25rem;--nav-link-spacing-horizontal:0.75rem}main>aside li a svg{vertical-align:middle}main>aside a.secondary:focus{background-color:transparent;color:var(--primary-hover)}main>aside a.active,main>aside a.active:hover{color:var(--primary)}main>aside details{border-bottom:none}main>aside details summary{color:var(--h1-color);font-weight:300;font-size:14px;text-transform:uppercase}main>aside details summary::after{display:none}main>aside details[open]>summary{margin-bottom:0}main>aside details[open]>summary:not(:focus){color:var(--h1-color)}#themes button.theme-switcher:first-of-type{--font-weight:bold}#themes button.theme-switcher i{font-style:normal}#customization figure{display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(9,1fr);margin-bottom:0;overflow:hidden}@media (min-width:576px){#customization figure{grid-template-rows:1fr;grid-template-columns:repeat(18,1fr);border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}}#customization figure~article{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}#customization figure button{margin-bottom:0;padding:0;padding-top:100%;border:none;border-radius:0}#customization figure button:focus{box-shadow:none}#customization figure button.picked{background-image:var(--icon-check);background-position:center;background-size:.66rem auto;background-repeat:no-repeat;box-shadow:inset 0 0 1rem 0 rgba(0,0,0,.25)}#customization figure button[data-color=amber].picked,#customization figure button[data-color=lime].picked,#customization figure button[data-color=yellow].picked{background-image:var(--icon-check-dark)}#customization h4{transition:color var(--transition)}#customization pre[data-theme=generated]{border-color:var(--primary)}#grid{--grid-spacing-vertical:1rem}#grid button{display:block;width:100%;margin-bottom:var(--spacing)}@media (min-width:576px){#grid button{display:inline-block;width:auto;margin-right:.5rem}}#grid button svg{stroke:var(--secondary);margin-right:.5rem;border:2px solid currentColor;border-radius:1rem;background:currentColor}#grid .grid>*{padding:calc(var(--spacing)/ 2) 0;border-radius:var(--border-radius);background:var(--code-background-color);font-size:87.5%;text-align:center}#grid details{margin-top:calc(var(--typography-spacing-vertical) * 2)}#grid details svg{vertical-align:bottom}#buttons a[role=button]{margin-right:calc(var(--spacing) * .5)}#forms div.grid{grid-row-gap:0}#modal button{--font-weight:bold}h1{margin-top:-.25em}section>hgroup{margin-bottom:calc(var(--typography-spacing-vertical) * 2)}[role=document] section>h1,[role=document] section>h2,[role=document] section>h3{line-height:1}article>footer.code{background:var(--article-code-background-color)}article pre,article pre code{margin-bottom:0;background:0 0}section>pre{margin:var(--block-spacing-vertical) 0;padding:calc(var(--block-spacing-vertical)/ 1.5) var(--block-spacing-horizontal);background:var(--article-code-background-color);box-shadow:var(--card-box-shadow)}[data-theme=invalid],[data-theme=valid]{position:relative;margin-bottom:0!important}[data-theme=invalid]:before,[data-theme=valid]:before{display:block;position:absolute;top:0;right:0;padding:.375rem .75rem;border-radius:0;color:var(--primary-inverse);font-size:14px;line-height:1}@media (min-width:992px){[data-theme=invalid]:before,[data-theme=valid]:before{top:var(--spacing);right:var(--spacing)}}[data-theme=invalid] code,[data-theme=valid] code{padding:calc(var(--block-spacing-vertical)/ 1.5 + 14px + .75rem) var(--block-spacing-horizontal)}[data-theme=invalid]:before{background:var(--invalid-color);content:"Not so great"}[data-theme=valid]:before{background:var(--valid-color);content:"Great"}dialog.example{display:block;z-index:inherit;position:relative;top:inherit;right:inherit;bottom:inherit;left:inherit;align-items:inherit;justify-content:inherit;width:inherit;min-width:inherit;height:inherit;min-height:inherit;padding:0;background-color:inherit}dialog.example article{max-width:inherit}dialog.example:not([open]),dialog.example[open=false]{display:none}.dialog-is-open body>button{filter:blur(.125rem)}body>nav{--nav-element-spacing-horizontal:0.75rem;--nav-link-spacing-vertical:1rem;--nav-link-spacing-horizontal:0.75rem;-webkit-backdrop-filter:saturate(180%) blur(20px);z-index:99;position:fixed;top:0;right:0;left:0;backdrop-filter:saturate(180%) blur(20px);background-color:var(--nav-background-color);box-shadow:0 1px 0 var(--nav-border-color)}body>nav.container-fluid{padding-right:calc(var(--spacing) + var(--scrollbar-width,0px))}body>nav a{border-radius:0}body>nav svg{vertical-align:text-bottom}body>nav ul:first-of-type{margin-left:calc(var(--spacing) * -1)}body>nav ul:first-of-type li{padding:0}body>nav ul:first-of-type li:first-of-type a{display:block;margin:0;padding:0;background:var(--h1-color);color:var(--nav-logo-color)}body>nav ul:first-of-type li:first-of-type a svg{display:block;width:3.5rem;height:3.5rem}body>nav ul:first-of-type li:nth-of-type(2){display:none;margin-left:calc(var(--spacing) * 1.5);color:var(--h1-color)}@media (min-width:992px){body>nav ul:first-of-type li:nth-of-type(2){display:inline}}.switcher{position:fixed;right:calc(var(--spacing)/ 2 + var(--scrollbar-width,0px));bottom:var(--spacing);width:auto;margin-bottom:0;padding:.75rem;border-radius:2rem;box-shadow:var(--card-box-shadow);line-height:1;text-align:right}.switcher::after{display:inline-block;width:1rem;height:1rem;border:.15rem solid currentColor;border-radius:50%;background:linear-gradient(to right,currentColor 0,currentColor 50%,transparent 50%);content:"";vertical-align:bottom;transition:transform var(--transition)}.switcher i{display:inline-block;max-width:0;padding:0;overflow:hidden;font-style:normal;font-size:.875rem;white-space:nowrap}.switcher:focus,.switcher:hover{max-width:100%;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}.switcher:hover::after{transform:rotate(180deg)}.switcher:hover i{max-width:100%;padding:0 calc(var(--spacing)/ 2) 0 calc(var(--spacing)/ 4);transition:max-width var(--transition),padding var(--transition)}.switcher:focus{box-shadow:var(--card-box-shadow),0 0 0 .2rem var(--secondary-focus)}@media (min-width:576px){.switcher{right:calc(var(--spacing) + var(--scrollbar-width,0px))}}
+ */:root{--icon-external: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)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E");--icon-check: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='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-check-dark: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(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}:root:not([data-theme=dark]),[data-theme=light]{--invalid-color:#c62828;--valid-color:#388e3c;--nav-background-color:rgba(255, 255, 255, 0.7);--nav-border-color:rgba(115, 130, 140, 0.2);--nav-logo-color:#fff;--article-code-background-color:#f9fafb}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){--invalid-color:rgba(183, 28, 28, 0.5);--valid-color:rgba(46, 125, 50, 0.5);--nav-background-color:rgba(16, 24, 30, 0.8);--nav-border-color:rgba(115, 130, 140, 0.2);--nav-logo-color:#0e1419;--article-code-background-color:var(--code-background-color)}}[data-theme=dark]{--invalid-color:rgba(183, 28, 28, 0.5);--valid-color:rgba(46, 125, 50, 0.5);--nav-background-color:rgba(16, 24, 30, 0.8);--nav-border-color:rgba(115, 130, 140, 0.2);--nav-logo-color:#0e1419;--article-code-background-color:var(--code-background-color)}html{scroll-behavior:smooth}body>main{padding-top:calc(var(--block-spacing-vertical) + 3.5rem)}@media (min-width:992px){body>main{--block-spacing-horizontal:calc(var(--spacing) * 1.75);grid-column-gap:calc(var(--block-spacing-horizontal) * 3);display:grid;grid-template-columns:200px auto}}@media (min-width:1200px){body>main{--block-spacing-horizontal:calc(var(--spacing) * 2)}}body>main div[role=document],body>main>aside{min-width:0}div[role=document] section a[href*="//"]:not([href*="https://picocss.com"]):not([role])::after{display:inline-block;width:1rem;height:1rem;background-image:var(--icon-external);background-position:top center;background-size:.66rem auto;background-repeat:no-repeat;content:""}svg{height:1rem}main>aside nav{width:100%;padding-bottom:var(--block-spacing-vertical)}@media (min-width:992px){main>aside nav{position:fixed;width:200px;max-height:calc(100vh - 5.5rem);overflow-x:hidden;overflow-y:auto}}main>aside nav a#toggle-docs-navigation{display:block;margin:0;margin-bottom:var(--spacing);padding:0;padding-bottom:var(--spacing);border-bottom:var(--border-width) solid var(--accordion-border-color)}main>aside nav a#toggle-docs-navigation svg{margin-right:calc(var(--spacing) * .5);vertical-align:-3px}@media (min-width:992px){main>aside nav a#toggle-docs-navigation{display:none}}main>aside nav.closed-on-mobile a#toggle-docs-navigation svg.collapse{display:none}main>aside nav.closed-on-mobile details{display:none}@media (min-width:992px){main>aside nav.closed-on-mobile details{display:block}main>aside nav.closed-on-mobile>a#toggle-docs-navigation{display:none}}main>aside nav.open a#toggle-docs-navigation svg.expand{display:none}main>aside li,main>aside summary{padding-top:0;padding-bottom:0;font-size:16px}main>aside ul{padding-left:.25rem}main>aside li a{--nav-link-spacing-vertical:0.25rem;--nav-link-spacing-horizontal:0.75rem}main>aside li a svg{vertical-align:middle}main>aside a.secondary:focus{background-color:transparent;color:var(--primary-hover)}main>aside a[aria-current],main>aside a[aria-current]:hover{color:var(--primary)}main>aside details{border-bottom:none}main>aside details summary{color:var(--h1-color);font-weight:300;font-size:14px;text-transform:uppercase}main>aside details summary::after{display:none}main>aside details[open]>summary{margin-bottom:0}main>aside details[open]>summary:not(:focus){color:var(--h1-color)}#themes button.theme-switcher:first-of-type{--font-weight:bold}#themes button.theme-switcher i{font-style:normal}#customization figure{display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(9,1fr);margin-bottom:0;overflow:hidden}@media (min-width:576px){#customization figure{grid-template-rows:1fr;grid-template-columns:repeat(18,1fr);border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}}#customization figure~article{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}#customization figure button{margin-bottom:0;padding:0;padding-top:100%;border:none;border-radius:0}#customization figure button:focus{box-shadow:none}#customization figure button.picked{background-image:var(--icon-check);background-position:center;background-size:.66rem auto;background-repeat:no-repeat;box-shadow:inset 0 0 1rem 0 rgba(0,0,0,.25)}#customization figure button[data-color=amber].picked,#customization figure button[data-color=lime].picked,#customization figure button[data-color=yellow].picked{background-image:var(--icon-check-dark)}#customization h4{transition:color var(--transition)}#customization pre[data-theme=generated]{border-color:var(--primary)}#grid{--grid-spacing-vertical:1rem}#grid button{display:block;width:100%;margin-bottom:var(--spacing)}@media (min-width:576px){#grid button{display:inline-block;width:auto;margin-right:.5rem}}#grid button svg{stroke:var(--secondary);margin-right:.5rem;border:2px solid currentColor;border-radius:1rem;background:currentColor}#grid .grid>*{padding:calc(var(--spacing)/ 2) 0;border-radius:var(--border-radius);background:var(--code-background-color);font-size:87.5%;text-align:center}#grid details{margin-top:calc(var(--typography-spacing-vertical) * 2)}#grid details svg{vertical-align:bottom}#buttons a[role=button]{margin-right:calc(var(--spacing) * .5)}#forms div.grid{grid-row-gap:0}#modal button{--font-weight:bold}h1{margin-top:-.25em}section>hgroup{margin-bottom:calc(var(--typography-spacing-vertical) * 2)}[role=document] section>h1,[role=document] section>h2,[role=document] section>h3{line-height:1}article>footer.code{background:var(--article-code-background-color)}article pre,article pre code{margin-bottom:0;background:0 0}section>pre{margin:var(--block-spacing-vertical) 0;padding:calc(var(--block-spacing-vertical)/ 1.5) var(--block-spacing-horizontal);background:var(--article-code-background-color);box-shadow:var(--card-box-shadow)}[data-theme=invalid],[data-theme=valid]{position:relative;margin-bottom:0!important}[data-theme=invalid]:before,[data-theme=valid]:before{display:block;position:absolute;top:0;right:0;padding:.375rem .75rem;border-radius:0;color:var(--primary-inverse);font-size:14px;line-height:1}@media (min-width:992px){[data-theme=invalid]:before,[data-theme=valid]:before{top:var(--spacing);right:var(--spacing)}}[data-theme=invalid] code,[data-theme=valid] code{padding:calc(var(--block-spacing-vertical)/ 1.5 + 14px + .75rem) var(--block-spacing-horizontal)}[data-theme=invalid]:before{background:var(--invalid-color);content:"Not so great"}[data-theme=valid]:before{background:var(--valid-color);content:"Great"}dialog.example{display:block;z-index:inherit;position:relative;top:inherit;right:inherit;bottom:inherit;left:inherit;align-items:inherit;justify-content:inherit;width:inherit;min-width:inherit;height:inherit;min-height:inherit;padding:0;background-color:inherit}dialog.example article{max-width:inherit}dialog.example:not([open]),dialog.example[open=false]{display:none}.dialog-is-open body>button{filter:blur(.125rem)}body>nav{--nav-element-spacing-horizontal:0.75rem;--nav-link-spacing-vertical:1rem;--nav-link-spacing-horizontal:0.75rem;-webkit-backdrop-filter:saturate(180%) blur(20px);z-index:99;position:fixed;top:0;right:0;left:0;backdrop-filter:saturate(180%) blur(20px);background-color:var(--nav-background-color);box-shadow:0 1px 0 var(--nav-border-color)}body>nav.container-fluid{padding-right:calc(var(--spacing) + var(--scrollbar-width,0px))}body>nav a{border-radius:0}body>nav svg{vertical-align:text-bottom}body>nav ul:first-of-type{margin-left:calc(var(--spacing) * -1)}body>nav ul:first-of-type li{padding:0}body>nav ul:first-of-type li:first-of-type a{display:block;margin:0;padding:0;background:var(--h1-color);color:var(--nav-logo-color)}body>nav ul:first-of-type li:first-of-type a svg{display:block;width:3.5rem;height:3.5rem}body>nav ul:first-of-type li:nth-of-type(2){display:none;margin-left:calc(var(--spacing) * 1.5);color:var(--h1-color)}@media (min-width:992px){body>nav ul:first-of-type li:nth-of-type(2){display:inline}}.switcher{position:fixed;right:calc(var(--spacing)/ 2 + var(--scrollbar-width,0px));bottom:var(--spacing);width:auto;margin-bottom:0;padding:.75rem;border-radius:2rem;box-shadow:var(--card-box-shadow);line-height:1;text-align:right}.switcher::after{display:inline-block;width:1rem;height:1rem;border:.15rem solid currentColor;border-radius:50%;background:linear-gradient(to right,currentColor 0,currentColor 50%,transparent 50%);content:"";vertical-align:bottom;transition:transform var(--transition)}.switcher i{display:inline-block;max-width:0;padding:0;overflow:hidden;font-style:normal;font-size:.875rem;white-space:nowrap}.switcher:focus,.switcher:hover{max-width:100%;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}.switcher:hover::after{transform:rotate(180deg)}.switcher:hover i{max-width:100%;padding:0 calc(var(--spacing)/ 2) 0 calc(var(--spacing)/ 4);transition:max-width var(--transition),padding var(--transition)}.switcher:focus{box-shadow:var(--card-box-shadow),0 0 0 .2rem var(--secondary-focus)}@media (min-width:576px){.switcher{right:calc(var(--spacing) + var(--scrollbar-width,0px))}}
 /*# sourceMappingURL=pico.docs.min.css.map */
\ No newline at end of file
diff --git a/docs/css/pico.docs.min.css.map b/docs/css/pico.docs.min.css.map
index ec285721..51068af2 100644
--- a/docs/css/pico.docs.min.css.map
+++ b/docs/css/pico.docs.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["docs/scss/pico.docs.scss","docs/scss/themes/docs/_icons.scss","docs/css/pico.docs.css","docs/scss/themes/docs/_light.scss","docs/scss/themes/_docs.scss","docs/scss/themes/docs/_dark.scss","docs/scss/layout/_document.scss","docs/scss/layout/_main.scss","docs/scss/layout/_aside.scss","docs/scss/layout/_documentation.scss","docs/scss/content/_typography.scss","docs/scss/content/_code.scss","docs/scss/components/_modal.scss","docs/scss/components/_nav.scss","docs/scss/components/_theme-switcher.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico: Customs styles for Docs\n */\n\n// Config\n@import \"../../scss/variables\";\n\n// Theming\n@import \"themes/docs\";\n\n// Layout\n@import \"layout/document\";\n@import \"layout/main\";\n@import \"layout/aside\";\n@import \"layout/documentation\";\n\n// Content\n@import \"content/typography\";\n@import \"content/code\";\n\n// Components\n@import \"components/modal\";\n@import \"components/nav\";\n@import \"components/theme-switcher\";\n","// Icons\n// Source: https://feathericons.com/\n:root {\n  --icon-external: 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)}' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: 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='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: 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(0, 0, 0, 0.75)' stroke-width='5' 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 * Pico: Customs styles for Docs\n */\n/**\n * Theme: Additions for docs\n */\n:root {\n  --icon-external: 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)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: 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='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: 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(0, 0, 0, 0.75)' stroke-width='5' 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=light],\n:root:not([data-theme=dark]) {\n  --invalid-color: #c62828;\n  --valid-color: #388e3c;\n  --nav-background-color: rgba(255, 255, 255, 0.7);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #fff;\n  --article-code-background-color: #f9fafb;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --invalid-color: rgba(183, 28, 28, 0.5);\n    --valid-color: rgba(46, 125, 50, 0.5);\n    --nav-background-color: rgba(16, 24, 30, 0.8);\n    --nav-border-color: rgba(115, 130, 140, 0.2);\n    --nav-logo-color: #0e1419;\n    --article-code-background-color: var(--code-background-color);\n  }\n}\n[data-theme=dark] {\n  --invalid-color: rgba(183, 28, 28, 0.5);\n  --valid-color: rgba(46, 125, 50, 0.5);\n  --nav-background-color: rgba(16, 24, 30, 0.8);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #0e1419;\n  --article-code-background-color: var(--code-background-color);\n}\n\n/**\n * Docs: Document\n */\nhtml {\n  scroll-behavior: smooth;\n}\n\n/**\n * Docs: Main (Grid)\n */\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + 3.5rem);\n}\n@media (min-width: 992px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n    grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n    display: grid;\n    grid-template-columns: 200px auto;\n  }\n}\n@media (min-width: 1200px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\nbody > main > aside,\nbody > main div[role=document] {\n  min-width: 0;\n}\n\ndiv[role=document] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\nsvg {\n  height: 1rem;\n}\n\n/**\n * Docs: Aside\n */\nmain > aside nav {\n  width: 100%;\n  padding-bottom: var(--block-spacing-vertical);\n}\n@media (min-width: 992px) {\n  main > aside nav {\n    position: fixed;\n    width: 200px;\n    max-height: calc(100vh - 5.5rem);\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\nmain > aside nav a#toggle-docs-navigation {\n  display: block;\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  padding-bottom: var(--spacing);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\nmain > aside nav a#toggle-docs-navigation svg {\n  margin-right: calc(var(--spacing) * 0.5);\n  vertical-align: -3px;\n}\n@media (min-width: 992px) {\n  main > aside nav a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.closed-on-mobile a#toggle-docs-navigation svg.collapse {\n  display: none;\n}\nmain > aside nav.closed-on-mobile details {\n  display: none;\n}\n@media (min-width: 992px) {\n  main > aside nav.closed-on-mobile details {\n    display: block;\n  }\n  main > aside nav.closed-on-mobile > a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.open a#toggle-docs-navigation svg.expand {\n  display: none;\n}\nmain > aside li,\nmain > aside summary {\n  padding-top: 0;\n  padding-bottom: 0;\n  font-size: 16px;\n}\nmain > aside ul {\n  padding-left: 0.25rem;\n}\nmain > aside li a {\n  --nav-link-spacing-vertical: 0.25rem;\n  --nav-link-spacing-horizontal: 0.75rem;\n}\nmain > aside li a svg {\n  vertical-align: middle;\n}\nmain > aside a.secondary:focus {\n  background-color: transparent;\n  color: var(--primary-hover);\n}\nmain > aside a.active,\nmain > aside a.active:hover {\n  color: var(--primary);\n}\nmain > aside details {\n  border-bottom: none;\n}\nmain > aside details summary {\n  color: var(--h1-color);\n  font-weight: 300;\n  font-size: 14px;\n  text-transform: uppercase;\n}\nmain > aside details summary::after {\n  display: none;\n}\nmain > aside details[open] > summary {\n  margin-bottom: 0;\n}\nmain > aside details[open] > summary:not(:focus) {\n  color: var(--h1-color);\n}\n\n/**\n * Docs: Documentation\n */\n#themes button.theme-switcher:first-of-type {\n  --font-weight: bold;\n}\n#themes button.theme-switcher i {\n  font-style: normal;\n}\n\n#customization figure {\n  display: grid;\n  grid-template-rows: repeat(2, 1fr);\n  grid-template-columns: repeat(9, 1fr);\n  margin-bottom: 0;\n  overflow: hidden;\n}\n@media (min-width: 576px) {\n  #customization figure {\n    grid-template-rows: 1fr;\n    grid-template-columns: repeat(18, 1fr);\n    border-top-right-radius: var(--border-radius);\n    border-top-left-radius: var(--border-radius);\n  }\n}\n#customization figure ~ article {\n  margin-top: 0;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n}\n#customization figure button {\n  margin-bottom: 0;\n  padding: 0;\n  padding-top: 100%;\n  border: none;\n  border-radius: 0;\n}\n#customization figure button:focus {\n  box-shadow: none;\n}\n#customization figure button.picked {\n  background-image: var(--icon-check);\n  background-position: center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n}\n#customization figure button[data-color=lime].picked, #customization figure button[data-color=yellow].picked, #customization figure button[data-color=amber].picked {\n  background-image: var(--icon-check-dark);\n}\n#customization h4 {\n  transition: color var(--transition);\n}\n#customization pre[data-theme=generated] {\n  border-color: var(--primary);\n}\n\n#grid {\n  --grid-spacing-vertical: 1rem;\n}\n#grid button {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n@media (min-width: 576px) {\n  #grid button {\n    display: inline-block;\n    width: auto;\n    margin-right: 0.5rem;\n  }\n}\n#grid button svg {\n  stroke: var(--secondary);\n  margin-right: 0.5rem;\n  border: 2px solid currentColor;\n  border-radius: 1rem;\n  background: currentColor;\n}\n#grid .grid > * {\n  padding: calc(var(--spacing) / 2) 0;\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  font-size: 87.5%;\n  text-align: center;\n}\n#grid details {\n  margin-top: calc(var(--typography-spacing-vertical) * 2);\n}\n#grid details svg {\n  vertical-align: bottom;\n}\n\n#buttons a[role=button] {\n  margin-right: calc(var(--spacing) * 0.5);\n}\n\n#forms div.grid {\n  grid-row-gap: 0;\n}\n\n#modal button {\n  --font-weight: bold;\n}\n\n/**\n * Docs: Typography\n */\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\n[role=document] section > h1,\n[role=document] section > h2,\n[role=document] section > h3 {\n  line-height: 1;\n}\n\n/**\n * Docs: Code\n */\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\n\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5) var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n[data-theme=invalid],\n[data-theme=valid] {\n  position: relative;\n  margin-bottom: 0 !important;\n}\n[data-theme=invalid]:before,\n[data-theme=valid]:before {\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 0.375rem 0.75rem;\n  border-radius: 0;\n  color: var(--primary-inverse);\n  font-size: 14px;\n  line-height: 1;\n}\n@media (min-width: 992px) {\n  [data-theme=invalid]:before,\n[data-theme=valid]:before {\n    top: var(--spacing);\n    right: var(--spacing);\n  }\n}\n[data-theme=invalid] code,\n[data-theme=valid] code {\n  padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem) var(--block-spacing-horizontal);\n}\n\n[data-theme=invalid]:before {\n  background: var(--invalid-color);\n  content: \"Not so great\";\n}\n\n[data-theme=valid]:before {\n  background: var(--valid-color);\n  content: \"Great\";\n}\n\n/**\n * Docs: Modal\n */\ndialog.example {\n  display: block;\n  z-index: inherit;\n  position: relative;\n  top: inherit;\n  right: inherit;\n  bottom: inherit;\n  left: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: inherit;\n  min-width: inherit;\n  height: inherit;\n  min-height: inherit;\n  padding: 0;\n  background-color: inherit;\n}\ndialog.example article {\n  max-width: inherit;\n}\ndialog.example:not([open]), dialog.example[open=false] {\n  display: none;\n}\n\n.dialog-is-open body > button {\n  filter: blur(0.125rem);\n}\n\n/**\n * Docs: Navs\n */\nbody > nav {\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 1rem;\n  --nav-link-spacing-horizontal: 0.75rem;\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n}\nbody > nav.container-fluid {\n  padding-right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n}\nbody > nav a {\n  border-radius: 0;\n}\nbody > nav svg {\n  vertical-align: text-bottom;\n}\nbody > nav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -1);\n}\nbody > nav ul:first-of-type li {\n  padding: 0;\n}\nbody > nav ul:first-of-type li:first-of-type a {\n  display: block;\n  margin: 0;\n  padding: 0;\n  background: var(--h1-color);\n  color: var(--nav-logo-color);\n}\nbody > nav ul:first-of-type li:first-of-type a svg {\n  display: block;\n  width: 3.5rem;\n  height: 3.5rem;\n}\nbody > nav ul:first-of-type li:nth-of-type(2) {\n  display: none;\n  margin-left: calc(var(--spacing) * 1.5);\n  color: var(--h1-color);\n}\n@media (min-width: 992px) {\n  body > nav ul:first-of-type li:nth-of-type(2) {\n    display: inline;\n  }\n}\n\n/**\n * Docs: Theme switcher\n */\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2 + var(--scrollbar-width, 0px));\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n}\n.switcher::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  border: 0.15rem solid currentColor;\n  border-radius: 50%;\n  background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%);\n  content: \"\";\n  vertical-align: bottom;\n  transition: transform var(--transition);\n}\n.switcher i {\n  display: inline-block;\n  max-width: 0;\n  padding: 0;\n  overflow: hidden;\n  font-style: normal;\n  font-size: 0.875rem;\n  white-space: nowrap;\n}\n.switcher:hover, .switcher:focus {\n  max-width: 100%;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n.switcher:hover::after {\n  transform: rotate(180deg);\n}\n.switcher:hover i {\n  max-width: 100%;\n  padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n  transition: max-width var(--transition), padding var(--transition);\n}\n.switcher:focus {\n  box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n}\n@media (min-width: 576px) {\n  .switcher {\n    right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n  }\n}\n\n/*# sourceMappingURL=pico.docs.css.map */\n","// Light theme (Default) [Additions for docs]\n// Can be forced with data-theme=\"light\"\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  --invalid-color: #{$red-800};\n  --valid-color: #{$green-700};\n  --nav-background-color: #{rgba($white, 0.7)};\n  --nav-border-color: #{rgba($grey-500, 0.2)};\n  --nav-logo-color: #{$white};\n  --article-code-background-color: #{mix($grey-50, $white, 33%)};\n}\n","/**\n * Theme: Additions for docs\n */\n\n@import \"../../../scss/themes/default/colors\";\n@import \"docs/icons\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"docs/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"docs/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","// Dark theme [Additions for docs]\n@mixin dark {\n  --invalid-color: #{rgba($red-900, 0.5)};\n  --valid-color: #{rgba($green-800, 0.5)};\n  --nav-background-color: #{rgba(darken($grey-900, 6%), 0.8)};\n  --nav-border-color: #{rgba($grey-500, 0.2)};\n  --nav-logo-color: #{mix($black, $grey-900)};\n  --article-code-background-color: var(--code-background-color);\n}\n","/**\n * Docs: Document\n */\n\nhtml {\n  scroll-behavior: smooth;\n}\n","/**\n * Docs: Main (Grid)\n */\n\n// Config\n$navHeight: 3.5rem;\n\n// Main grid\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + #{$navHeight});\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      grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n      display: grid;\n      grid-template-columns: 200px auto;\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  > aside,\n  div[role=\"document\"] {\n    min-width: 0;\n  }\n}\n\n// External links\ndiv[role=\"document\"] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after\n{\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\n// Embedded SVG\nsvg {\n  height: 1rem;\n}\n","/**\n * Docs: Aside\n */\n\nmain > aside {\n\n  nav {\n    width: 100%;\n    padding-bottom: var(--block-spacing-vertical);\n  \n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      position: fixed;\n      width: 200px;\n      max-height: calc(100vh - 5.5rem);\n      overflow-x: hidden;\n      overflow-y: auto;\n    }\n\n    a#toggle-docs-navigation {\n      display: block;\n      margin: 0;\n      margin-bottom: var(--spacing);\n      padding: 0;\n      padding-bottom: var(--spacing);\n      border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n      svg {\n        margin-right: calc(var(--spacing) * 0.5);\n        vertical-align: -3px;\n      }\n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        display: none;\n      }\n    }\n\n    &.closed-on-mobile {\n\n      a#toggle-docs-navigation {\n        svg.collapse {\n          display: none;\n        }\n      }\n\n      details {\n        display: none;\n      } \n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        details {\n          display: block;\n        }\n\n        > a#toggle-docs-navigation {\n          display: none;\n        }\n      }\n    }\n\n    &.open {\n      a#toggle-docs-navigation {\n        svg.expand {\n          display: none;\n        }\n      }\n    }\n  }\n\n  li,\n  summary {\n    padding-top: 0;\n    padding-bottom: 0;\n    font-size: 16px;\n  }\n\n  ul {\n    padding-left: 0.25rem;\n  }\n\n  li a {\n    --nav-link-spacing-vertical: 0.25rem;\n    --nav-link-spacing-horizontal: 0.75rem;\n\n    svg {\n      vertical-align: middle;\n    }\n  }\n\n  a.secondary:focus {\n    background-color: transparent;\n    color: var(--primary-hover);\n  }\n\n  a.active,\n  a.active:hover {\n    color: var(--primary);\n  }\n\n  details {\n    border-bottom: none;\n\n    summary {\n      color: var(--h1-color);\n      font-weight: 300;\n      font-size: 14px;\n      text-transform: uppercase;\n\n      &::after {\n        display: none;\n      }\n    }\n\n    &[open] {\n      > summary {\n        margin-bottom: 0;\n\n        &:not(:focus) {\n          color: var(--h1-color);\n        }\n      }\n    }\n  }\n}\n","/**\n * Docs: Documentation\n */\n\n// Docs: Themes\n#themes {\n  button.theme-switcher {\n    &:first-of-type {\n      --font-weight: bold;\n    }\n    \n    i {\n      font-style: normal;\n    }\n  }\n}\n\n// Docs: Customization\n#customization {\n  figure {\n    display: grid;\n    grid-template-rows: repeat(2, 1fr);\n    grid-template-columns: repeat(9, 1fr);\n    margin-bottom: 0;\n    overflow: hidden;\n\n    @media (min-width: map-get($breakpoints, \"sm\")) {\n      grid-template-rows: 1fr;\n      grid-template-columns: repeat(18, 1fr);\n      border-top-right-radius: var(--border-radius);\n      border-top-left-radius: var(--border-radius);\n    }\n\n    ~ article {\n      margin-top: 0;\n      border-top-right-radius: 0;\n      border-top-left-radius: 0;\n    }\n\n    button {\n      margin-bottom: 0;\n      padding: 0;\n      padding-top: 100%;\n      border: none;\n      border-radius: 0;\n\n      &:focus {\n        box-shadow: none;\n      }\n\n      &.picked {\n        background-image: var(--icon-check);\n        background-position: center;\n        background-size: 0.66rem auto;\n        background-repeat: no-repeat;\n        box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n      }\n      &[data-color=\"lime\"],\n      &[data-color=\"yellow\"],\n      &[data-color=\"amber\"] {\n        &.picked {\n          background-image: var(--icon-check-dark);\n        }\n      }\n    }\n  }\n\n  h4 {\n    transition: color var(--transition);\n  }\n\n  pre[data-theme=\"generated\"] {\n    border-color: var(--primary);\n  }\n}\n\n// Docs: Grid\n#grid {\n  --grid-spacing-vertical: 1rem;\n\n  button {\n    display: block;\n    width: 100%;\n    margin-bottom: var(--spacing);\n\n    @media (min-width: map-get($breakpoints, \"sm\")) {\n      display: inline-block;\n      width: auto;\n      margin-right: 0.5rem;\n    }\n\n    svg {\n      stroke: var(--secondary);\n      margin-right: 0.5rem;\n      border: 2px solid currentColor;\n      border-radius: 1rem;\n      background: currentColor;\n    }\n  }\n\n  .grid {\n    > * {\n      padding: calc(var(--spacing) / 2) 0;\n      border-radius: var(--border-radius);\n      background: var(--code-background-color);\n      font-size: 87.5%;\n      text-align: center;\n    }\n  }\n\n  details {\n    margin-top: calc(var(--typography-spacing-vertical) * 2);\n\n    svg {\n      vertical-align: bottom;\n    }\n  }\n}\n\n// Docs: Buttons\n#buttons {\n  a[role=\"button\"] {\n    margin-right: calc(var(--spacing) * 0.5);\n  }\n}\n\n// Docs: Forms\n#forms div.grid {\n  grid-row-gap: 0;\n}\n\n// Docs: Modal\n#modal {\n  button {\n    --font-weight: bold;\n  }\n}\n","/**\n * Docs: Typography\n */\n\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\n[role=\"document\"] {\n  section > h1,\n  section > h2,\n  section > h3 {\n    line-height: 1;\n  }\n}\n","/**\n * Docs: Code\n */\n\n// Code block inside article\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\n// Code block outside article\n// Horizontally aligned with <article> content\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5)\n    var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n// Badge for Valid & Invalid code\n[data-theme=\"invalid\"],\n[data-theme=\"valid\"] {\n  position: relative;\n  margin-bottom: 0 !important;\n\n  // Label\n  &:before {\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 0.375rem 0.75rem;\n    border-radius: 0;\n    color: var(--primary-inverse);\n    font-size: 14px;\n    line-height: 1;\n\n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      top: var(--spacing);\n      right: var(--spacing);\n    }\n  }\n\n  // Spacing for Valid & Invalid badge\n  code {\n    padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem)\n      var(--block-spacing-horizontal);\n  }\n}\n\n// Color for Valid & Invalid code\n[data-theme=\"invalid\"] {\n  &:before {\n    background: var(--invalid-color);\n    content: \"Not so great\";\n  }\n}\n\n[data-theme=\"valid\"] {\n  &:before {\n    background: var(--valid-color);\n    content: \"Great\";\n  }\n}\n","/**\n * Docs: Modal\n */\n\ndialog.example {\n  display: block;\n  z-index: inherit;\n  position: relative;\n  top: inherit;\n  right: inherit;\n  bottom: inherit;\n  left: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: inherit;\n  min-width: inherit;\n  height: inherit;\n  min-height: inherit;\n  padding: 0;\n  background-color:inherit;\n\n  article {\n    max-width: inherit;\n  }\n\n  &:not([open]),\n  &[open=false] {\n    display: none;\n  }\n}\n\n.dialog-is-open body > button {\n  filter: blur(0.125rem);\n}","/**\n * Docs: Navs\n */\n\nbody > nav {\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 1rem;\n  --nav-link-spacing-horizontal: 0.75rem;\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n\n  &.container-fluid {\n    padding-right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n  }\n\n  a {\n    border-radius: 0;\n  }\n\n  svg {\n    vertical-align: text-bottom;\n  }\n\n  // Band & Title\n  ul:first-of-type {\n    margin-left: calc(var(--spacing) * -1);\n\n    li {\n      padding: 0;\n  \n      // Brand\n      &:first-of-type {\n        a {\n          display: block;\n          margin: 0;\n          padding: 0;\n          background: var(--h1-color);\n          color: var(--nav-logo-color);\n  \n          svg {\n            display: block;\n            width: 3.5rem;\n            height: 3.5rem;\n          }\n        }\n      }\n  \n      // Title\n      &:nth-of-type(2) {\n        display: none;\n        margin-left: calc(var(--spacing) * 1.5);\n        color: var(--h1-color);\n  \n        @media (min-width: map-get($breakpoints, \"lg\")) {\n          display: inline;\n        }\n      }\n    }\n  }\n}\n","/**\n * Docs: Theme switcher\n */\n\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2 + var(--scrollbar-width, 0px));\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n\n  &::after {\n    display: inline-block;\n    width: 1rem;\n    height: 1rem;\n    border: 0.15rem solid currentColor;\n    border-radius: 50%;\n    background: linear-gradient(\n      to right,\n      currentColor 0%,\n      currentColor 50%,\n      transparent 50%\n    );\n    content: \"\";\n    vertical-align: bottom;\n    transition: transform var(--transition);\n  }\n\n  i {\n    display: inline-block;\n    max-width: 0;\n    padding: 0;\n    overflow: hidden;\n    font-style: normal;\n    font-size: 0.875rem;\n    white-space: nowrap;\n  }\n\n  &:hover,\n  &:focus {\n    max-width: 100%;\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover {\n    &::after {\n      transform: rotate(180deg);\n    }\n\n    i {\n      max-width: 100%;\n      padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n      transition: max-width var(--transition), padding var(--transition);\n    }\n  }\n\n  &:focus {\n    box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n  }\n\n  @media (min-width: map-get($breakpoints, \"sm\")) {\n    right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["docs/scss/pico.docs.scss","docs/scss/themes/docs/_icons.scss","docs/css/pico.docs.css","docs/scss/themes/docs/_light.scss","docs/scss/themes/_docs.scss","docs/scss/themes/docs/_dark.scss","docs/scss/layout/_document.scss","docs/scss/layout/_main.scss","docs/scss/layout/_aside.scss","docs/scss/layout/_documentation.scss","docs/scss/content/_typography.scss","docs/scss/content/_code.scss","docs/scss/components/_modal.scss","docs/scss/components/_nav.scss","docs/scss/components/_theme-switcher.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico: Customs styles for Docs\n */\n\n// Config\n@import \"../../scss/variables\";\n\n// Theming\n@import \"themes/docs\";\n\n// Layout\n@import \"layout/document\";\n@import \"layout/main\";\n@import \"layout/aside\";\n@import \"layout/documentation\";\n\n// Content\n@import \"content/typography\";\n@import \"content/code\";\n\n// Components\n@import \"components/modal\";\n@import \"components/nav\";\n@import \"components/theme-switcher\";\n","// Icons\n// Source: https://feathericons.com/\n:root {\n  --icon-external: 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)}' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: 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='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: 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(0, 0, 0, 0.75)' stroke-width='5' 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 * Pico: Customs styles for Docs\n */\n/**\n * Theme: Additions for docs\n */\n:root {\n  --icon-external: 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)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: 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='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: 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(0, 0, 0, 0.75)' stroke-width='5' 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=light],\n:root:not([data-theme=dark]) {\n  --invalid-color: #c62828;\n  --valid-color: #388e3c;\n  --nav-background-color: rgba(255, 255, 255, 0.7);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #fff;\n  --article-code-background-color: #f9fafb;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --invalid-color: rgba(183, 28, 28, 0.5);\n    --valid-color: rgba(46, 125, 50, 0.5);\n    --nav-background-color: rgba(16, 24, 30, 0.8);\n    --nav-border-color: rgba(115, 130, 140, 0.2);\n    --nav-logo-color: #0e1419;\n    --article-code-background-color: var(--code-background-color);\n  }\n}\n[data-theme=dark] {\n  --invalid-color: rgba(183, 28, 28, 0.5);\n  --valid-color: rgba(46, 125, 50, 0.5);\n  --nav-background-color: rgba(16, 24, 30, 0.8);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #0e1419;\n  --article-code-background-color: var(--code-background-color);\n}\n\n/**\n * Docs: Document\n */\nhtml {\n  scroll-behavior: smooth;\n}\n\n/**\n * Docs: Main (Grid)\n */\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + 3.5rem);\n}\n@media (min-width: 992px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n    grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n    display: grid;\n    grid-template-columns: 200px auto;\n  }\n}\n@media (min-width: 1200px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\nbody > main > aside,\nbody > main div[role=document] {\n  min-width: 0;\n}\n\ndiv[role=document] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\nsvg {\n  height: 1rem;\n}\n\n/**\n * Docs: Aside\n */\nmain > aside nav {\n  width: 100%;\n  padding-bottom: var(--block-spacing-vertical);\n}\n@media (min-width: 992px) {\n  main > aside nav {\n    position: fixed;\n    width: 200px;\n    max-height: calc(100vh - 5.5rem);\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\nmain > aside nav a#toggle-docs-navigation {\n  display: block;\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  padding-bottom: var(--spacing);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\nmain > aside nav a#toggle-docs-navigation svg {\n  margin-right: calc(var(--spacing) * 0.5);\n  vertical-align: -3px;\n}\n@media (min-width: 992px) {\n  main > aside nav a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.closed-on-mobile a#toggle-docs-navigation svg.collapse {\n  display: none;\n}\nmain > aside nav.closed-on-mobile details {\n  display: none;\n}\n@media (min-width: 992px) {\n  main > aside nav.closed-on-mobile details {\n    display: block;\n  }\n  main > aside nav.closed-on-mobile > a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.open a#toggle-docs-navigation svg.expand {\n  display: none;\n}\nmain > aside li,\nmain > aside summary {\n  padding-top: 0;\n  padding-bottom: 0;\n  font-size: 16px;\n}\nmain > aside ul {\n  padding-left: 0.25rem;\n}\nmain > aside li a {\n  --nav-link-spacing-vertical: 0.25rem;\n  --nav-link-spacing-horizontal: 0.75rem;\n}\nmain > aside li a svg {\n  vertical-align: middle;\n}\nmain > aside a.secondary:focus {\n  background-color: transparent;\n  color: var(--primary-hover);\n}\nmain > aside a[aria-current],\nmain > aside a[aria-current]:hover {\n  color: var(--primary);\n}\nmain > aside details {\n  border-bottom: none;\n}\nmain > aside details summary {\n  color: var(--h1-color);\n  font-weight: 300;\n  font-size: 14px;\n  text-transform: uppercase;\n}\nmain > aside details summary::after {\n  display: none;\n}\nmain > aside details[open] > summary {\n  margin-bottom: 0;\n}\nmain > aside details[open] > summary:not(:focus) {\n  color: var(--h1-color);\n}\n\n/**\n * Docs: Documentation\n */\n#themes button.theme-switcher:first-of-type {\n  --font-weight: bold;\n}\n#themes button.theme-switcher i {\n  font-style: normal;\n}\n\n#customization figure {\n  display: grid;\n  grid-template-rows: repeat(2, 1fr);\n  grid-template-columns: repeat(9, 1fr);\n  margin-bottom: 0;\n  overflow: hidden;\n}\n@media (min-width: 576px) {\n  #customization figure {\n    grid-template-rows: 1fr;\n    grid-template-columns: repeat(18, 1fr);\n    border-top-right-radius: var(--border-radius);\n    border-top-left-radius: var(--border-radius);\n  }\n}\n#customization figure ~ article {\n  margin-top: 0;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n}\n#customization figure button {\n  margin-bottom: 0;\n  padding: 0;\n  padding-top: 100%;\n  border: none;\n  border-radius: 0;\n}\n#customization figure button:focus {\n  box-shadow: none;\n}\n#customization figure button.picked {\n  background-image: var(--icon-check);\n  background-position: center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n}\n#customization figure button[data-color=lime].picked, #customization figure button[data-color=yellow].picked, #customization figure button[data-color=amber].picked {\n  background-image: var(--icon-check-dark);\n}\n#customization h4 {\n  transition: color var(--transition);\n}\n#customization pre[data-theme=generated] {\n  border-color: var(--primary);\n}\n\n#grid {\n  --grid-spacing-vertical: 1rem;\n}\n#grid button {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n@media (min-width: 576px) {\n  #grid button {\n    display: inline-block;\n    width: auto;\n    margin-right: 0.5rem;\n  }\n}\n#grid button svg {\n  stroke: var(--secondary);\n  margin-right: 0.5rem;\n  border: 2px solid currentColor;\n  border-radius: 1rem;\n  background: currentColor;\n}\n#grid .grid > * {\n  padding: calc(var(--spacing) / 2) 0;\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  font-size: 87.5%;\n  text-align: center;\n}\n#grid details {\n  margin-top: calc(var(--typography-spacing-vertical) * 2);\n}\n#grid details svg {\n  vertical-align: bottom;\n}\n\n#buttons a[role=button] {\n  margin-right: calc(var(--spacing) * 0.5);\n}\n\n#forms div.grid {\n  grid-row-gap: 0;\n}\n\n#modal button {\n  --font-weight: bold;\n}\n\n/**\n * Docs: Typography\n */\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\n[role=document] section > h1,\n[role=document] section > h2,\n[role=document] section > h3 {\n  line-height: 1;\n}\n\n/**\n * Docs: Code\n */\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\n\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5) var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n[data-theme=invalid],\n[data-theme=valid] {\n  position: relative;\n  margin-bottom: 0 !important;\n}\n[data-theme=invalid]:before,\n[data-theme=valid]:before {\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 0.375rem 0.75rem;\n  border-radius: 0;\n  color: var(--primary-inverse);\n  font-size: 14px;\n  line-height: 1;\n}\n@media (min-width: 992px) {\n  [data-theme=invalid]:before,\n[data-theme=valid]:before {\n    top: var(--spacing);\n    right: var(--spacing);\n  }\n}\n[data-theme=invalid] code,\n[data-theme=valid] code {\n  padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem) var(--block-spacing-horizontal);\n}\n\n[data-theme=invalid]:before {\n  background: var(--invalid-color);\n  content: \"Not so great\";\n}\n\n[data-theme=valid]:before {\n  background: var(--valid-color);\n  content: \"Great\";\n}\n\n/**\n * Docs: Modal\n */\ndialog.example {\n  display: block;\n  z-index: inherit;\n  position: relative;\n  top: inherit;\n  right: inherit;\n  bottom: inherit;\n  left: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: inherit;\n  min-width: inherit;\n  height: inherit;\n  min-height: inherit;\n  padding: 0;\n  background-color: inherit;\n}\ndialog.example article {\n  max-width: inherit;\n}\ndialog.example:not([open]), dialog.example[open=false] {\n  display: none;\n}\n\n.dialog-is-open body > button {\n  filter: blur(0.125rem);\n}\n\n/**\n * Docs: Navs\n */\nbody > nav {\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 1rem;\n  --nav-link-spacing-horizontal: 0.75rem;\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n}\nbody > nav.container-fluid {\n  padding-right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n}\nbody > nav a {\n  border-radius: 0;\n}\nbody > nav svg {\n  vertical-align: text-bottom;\n}\nbody > nav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -1);\n}\nbody > nav ul:first-of-type li {\n  padding: 0;\n}\nbody > nav ul:first-of-type li:first-of-type a {\n  display: block;\n  margin: 0;\n  padding: 0;\n  background: var(--h1-color);\n  color: var(--nav-logo-color);\n}\nbody > nav ul:first-of-type li:first-of-type a svg {\n  display: block;\n  width: 3.5rem;\n  height: 3.5rem;\n}\nbody > nav ul:first-of-type li:nth-of-type(2) {\n  display: none;\n  margin-left: calc(var(--spacing) * 1.5);\n  color: var(--h1-color);\n}\n@media (min-width: 992px) {\n  body > nav ul:first-of-type li:nth-of-type(2) {\n    display: inline;\n  }\n}\n\n/**\n * Docs: Theme switcher\n */\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2 + var(--scrollbar-width, 0px));\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n}\n.switcher::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  border: 0.15rem solid currentColor;\n  border-radius: 50%;\n  background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%);\n  content: \"\";\n  vertical-align: bottom;\n  transition: transform var(--transition);\n}\n.switcher i {\n  display: inline-block;\n  max-width: 0;\n  padding: 0;\n  overflow: hidden;\n  font-style: normal;\n  font-size: 0.875rem;\n  white-space: nowrap;\n}\n.switcher:hover, .switcher:focus {\n  max-width: 100%;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n.switcher:hover::after {\n  transform: rotate(180deg);\n}\n.switcher:hover i {\n  max-width: 100%;\n  padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n  transition: max-width var(--transition), padding var(--transition);\n}\n.switcher:focus {\n  box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n}\n@media (min-width: 576px) {\n  .switcher {\n    right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n  }\n}\n\n/*# sourceMappingURL=pico.docs.css.map */\n","// Light theme (Default) [Additions for docs]\n// Can be forced with data-theme=\"light\"\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  --invalid-color: #{$red-800};\n  --valid-color: #{$green-700};\n  --nav-background-color: #{rgba($white, 0.7)};\n  --nav-border-color: #{rgba($grey-500, 0.2)};\n  --nav-logo-color: #{$white};\n  --article-code-background-color: #{mix($grey-50, $white, 33%)};\n}\n","/**\n * Theme: Additions for docs\n */\n\n@import \"../../../scss/themes/default/colors\";\n@import \"docs/icons\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"docs/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"docs/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","// Dark theme [Additions for docs]\n@mixin dark {\n  --invalid-color: #{rgba($red-900, 0.5)};\n  --valid-color: #{rgba($green-800, 0.5)};\n  --nav-background-color: #{rgba(darken($grey-900, 6%), 0.8)};\n  --nav-border-color: #{rgba($grey-500, 0.2)};\n  --nav-logo-color: #{mix($black, $grey-900)};\n  --article-code-background-color: var(--code-background-color);\n}\n","/**\n * Docs: Document\n */\n\nhtml {\n  scroll-behavior: smooth;\n}\n","/**\n * Docs: Main (Grid)\n */\n\n// Config\n$navHeight: 3.5rem;\n\n// Main grid\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + #{$navHeight});\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      grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n      display: grid;\n      grid-template-columns: 200px auto;\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  > aside,\n  div[role=\"document\"] {\n    min-width: 0;\n  }\n}\n\n// External links\ndiv[role=\"document\"] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after\n{\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\n// Embedded SVG\nsvg {\n  height: 1rem;\n}\n","/**\n * Docs: Aside\n */\n\nmain > aside {\n\n  nav {\n    width: 100%;\n    padding-bottom: var(--block-spacing-vertical);\n  \n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      position: fixed;\n      width: 200px;\n      max-height: calc(100vh - 5.5rem);\n      overflow-x: hidden;\n      overflow-y: auto;\n    }\n\n    a#toggle-docs-navigation {\n      display: block;\n      margin: 0;\n      margin-bottom: var(--spacing);\n      padding: 0;\n      padding-bottom: var(--spacing);\n      border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n      svg {\n        margin-right: calc(var(--spacing) * 0.5);\n        vertical-align: -3px;\n      }\n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        display: none;\n      }\n    }\n\n    &.closed-on-mobile {\n\n      a#toggle-docs-navigation {\n        svg.collapse {\n          display: none;\n        }\n      }\n\n      details {\n        display: none;\n      } \n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        details {\n          display: block;\n        }\n\n        > a#toggle-docs-navigation {\n          display: none;\n        }\n      }\n    }\n\n    &.open {\n      a#toggle-docs-navigation {\n        svg.expand {\n          display: none;\n        }\n      }\n    }\n  }\n\n  li,\n  summary {\n    padding-top: 0;\n    padding-bottom: 0;\n    font-size: 16px;\n  }\n\n  ul {\n    padding-left: 0.25rem;\n  }\n\n  li a {\n    --nav-link-spacing-vertical: 0.25rem;\n    --nav-link-spacing-horizontal: 0.75rem;\n\n    svg {\n      vertical-align: middle;\n    }\n  }\n\n  a.secondary:focus {\n    background-color: transparent;\n    color: var(--primary-hover);\n  }\n\n  a[aria-current],\n  a[aria-current]:hover {\n    color: var(--primary);\n  }\n\n  details {\n    border-bottom: none;\n\n    summary {\n      color: var(--h1-color);\n      font-weight: 300;\n      font-size: 14px;\n      text-transform: uppercase;\n\n      &::after {\n        display: none;\n      }\n    }\n\n    &[open] {\n      > summary {\n        margin-bottom: 0;\n\n        &:not(:focus) {\n          color: var(--h1-color);\n        }\n      }\n    }\n  }\n}\n","/**\n * Docs: Documentation\n */\n\n// Docs: Themes\n#themes {\n  button.theme-switcher {\n    &:first-of-type {\n      --font-weight: bold;\n    }\n    \n    i {\n      font-style: normal;\n    }\n  }\n}\n\n// Docs: Customization\n#customization {\n  figure {\n    display: grid;\n    grid-template-rows: repeat(2, 1fr);\n    grid-template-columns: repeat(9, 1fr);\n    margin-bottom: 0;\n    overflow: hidden;\n\n    @media (min-width: map-get($breakpoints, \"sm\")) {\n      grid-template-rows: 1fr;\n      grid-template-columns: repeat(18, 1fr);\n      border-top-right-radius: var(--border-radius);\n      border-top-left-radius: var(--border-radius);\n    }\n\n    ~ article {\n      margin-top: 0;\n      border-top-right-radius: 0;\n      border-top-left-radius: 0;\n    }\n\n    button {\n      margin-bottom: 0;\n      padding: 0;\n      padding-top: 100%;\n      border: none;\n      border-radius: 0;\n\n      &:focus {\n        box-shadow: none;\n      }\n\n      &.picked {\n        background-image: var(--icon-check);\n        background-position: center;\n        background-size: 0.66rem auto;\n        background-repeat: no-repeat;\n        box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n      }\n      &[data-color=\"lime\"],\n      &[data-color=\"yellow\"],\n      &[data-color=\"amber\"] {\n        &.picked {\n          background-image: var(--icon-check-dark);\n        }\n      }\n    }\n  }\n\n  h4 {\n    transition: color var(--transition);\n  }\n\n  pre[data-theme=\"generated\"] {\n    border-color: var(--primary);\n  }\n}\n\n// Docs: Grid\n#grid {\n  --grid-spacing-vertical: 1rem;\n\n  button {\n    display: block;\n    width: 100%;\n    margin-bottom: var(--spacing);\n\n    @media (min-width: map-get($breakpoints, \"sm\")) {\n      display: inline-block;\n      width: auto;\n      margin-right: 0.5rem;\n    }\n\n    svg {\n      stroke: var(--secondary);\n      margin-right: 0.5rem;\n      border: 2px solid currentColor;\n      border-radius: 1rem;\n      background: currentColor;\n    }\n  }\n\n  .grid {\n    > * {\n      padding: calc(var(--spacing) / 2) 0;\n      border-radius: var(--border-radius);\n      background: var(--code-background-color);\n      font-size: 87.5%;\n      text-align: center;\n    }\n  }\n\n  details {\n    margin-top: calc(var(--typography-spacing-vertical) * 2);\n\n    svg {\n      vertical-align: bottom;\n    }\n  }\n}\n\n// Docs: Buttons\n#buttons {\n  a[role=\"button\"] {\n    margin-right: calc(var(--spacing) * 0.5);\n  }\n}\n\n// Docs: Forms\n#forms div.grid {\n  grid-row-gap: 0;\n}\n\n// Docs: Modal\n#modal {\n  button {\n    --font-weight: bold;\n  }\n}\n","/**\n * Docs: Typography\n */\n\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\n[role=\"document\"] {\n  section > h1,\n  section > h2,\n  section > h3 {\n    line-height: 1;\n  }\n}\n","/**\n * Docs: Code\n */\n\n// Code block inside article\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\n// Code block outside article\n// Horizontally aligned with <article> content\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5)\n    var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n// Badge for Valid & Invalid code\n[data-theme=\"invalid\"],\n[data-theme=\"valid\"] {\n  position: relative;\n  margin-bottom: 0 !important;\n\n  // Label\n  &:before {\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 0.375rem 0.75rem;\n    border-radius: 0;\n    color: var(--primary-inverse);\n    font-size: 14px;\n    line-height: 1;\n\n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      top: var(--spacing);\n      right: var(--spacing);\n    }\n  }\n\n  // Spacing for Valid & Invalid badge\n  code {\n    padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem)\n      var(--block-spacing-horizontal);\n  }\n}\n\n// Color for Valid & Invalid code\n[data-theme=\"invalid\"] {\n  &:before {\n    background: var(--invalid-color);\n    content: \"Not so great\";\n  }\n}\n\n[data-theme=\"valid\"] {\n  &:before {\n    background: var(--valid-color);\n    content: \"Great\";\n  }\n}\n","/**\n * Docs: Modal\n */\n\ndialog.example {\n  display: block;\n  z-index: inherit;\n  position: relative;\n  top: inherit;\n  right: inherit;\n  bottom: inherit;\n  left: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: inherit;\n  min-width: inherit;\n  height: inherit;\n  min-height: inherit;\n  padding: 0;\n  background-color:inherit;\n\n  article {\n    max-width: inherit;\n  }\n\n  &:not([open]),\n  &[open=false] {\n    display: none;\n  }\n}\n\n.dialog-is-open body > button {\n  filter: blur(0.125rem);\n}","/**\n * Docs: Navs\n */\n\nbody > nav {\n  --nav-element-spacing-horizontal: 0.75rem;\n  --nav-link-spacing-vertical: 1rem;\n  --nav-link-spacing-horizontal: 0.75rem;\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n\n  &.container-fluid {\n    padding-right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n  }\n\n  a {\n    border-radius: 0;\n  }\n\n  svg {\n    vertical-align: text-bottom;\n  }\n\n  // Band & Title\n  ul:first-of-type {\n    margin-left: calc(var(--spacing) * -1);\n\n    li {\n      padding: 0;\n  \n      // Brand\n      &:first-of-type {\n        a {\n          display: block;\n          margin: 0;\n          padding: 0;\n          background: var(--h1-color);\n          color: var(--nav-logo-color);\n  \n          svg {\n            display: block;\n            width: 3.5rem;\n            height: 3.5rem;\n          }\n        }\n      }\n  \n      // Title\n      &:nth-of-type(2) {\n        display: none;\n        margin-left: calc(var(--spacing) * 1.5);\n        color: var(--h1-color);\n  \n        @media (min-width: map-get($breakpoints, \"lg\")) {\n          display: inline;\n        }\n      }\n    }\n  }\n}\n","/**\n * Docs: Theme switcher\n */\n\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2 + var(--scrollbar-width, 0px));\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n\n  &::after {\n    display: inline-block;\n    width: 1rem;\n    height: 1rem;\n    border: 0.15rem solid currentColor;\n    border-radius: 50%;\n    background: linear-gradient(\n      to right,\n      currentColor 0%,\n      currentColor 50%,\n      transparent 50%\n    );\n    content: \"\";\n    vertical-align: bottom;\n    transition: transform var(--transition);\n  }\n\n  i {\n    display: inline-block;\n    max-width: 0;\n    padding: 0;\n    overflow: hidden;\n    font-style: normal;\n    font-size: 0.875rem;\n    white-space: nowrap;\n  }\n\n  &:hover,\n  &:focus {\n    max-width: 100%;\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover {\n    &::after {\n      transform: rotate(180deg);\n    }\n\n    i {\n      max-width: 100%;\n      padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n      transition: max-width var(--transition), padding var(--transition);\n    }\n  }\n\n  &:focus {\n    box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n  }\n\n  @media (min-width: map-get($breakpoints, \"sm\")) {\n    right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n  }\n}\n"]}
\ No newline at end of file
diff --git a/docs/customization.html b/docs/customization.html
index 751ed563..d462cbd2 100644
--- a/docs/customization.html
+++ b/docs/customization.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Customization • Pico.css</title><meta name="description" content="You can customize themes with SCSS or, you can edit the CSS variables. All Pico's styles and colors are set with CSS custom properties (variables)."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/customization.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#customization-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="customization"><hgroup><h1>Customization</h1><h2>You can customize themes with SCSS or, you can edit the CSS variables.</h2></hgroup><p>Example: <strong>pick a color!</strong></p><article data-theme="generated" aria-label="Generated theme example"><h3><span class="name">Custom theme</span></h3><form><div class="grid"><input type="text" name="login" placeholder="Login" aria-label="Login" autocomplete="nickname" required> <input type="password" name="password" placeholder="Password" aria-label="Password" autocomplete="current-password" required> <button type="submit" aria-label="Example button" onclick="event.preventDefault()">Login</button></div><fieldset><label for="remember"><input type="checkbox" role="switch" id="remember" name="remember" checked="checked"> Remember me</label></fieldset></form><footer class="code"><pre><code><em>// Simplified example</em>
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Customization • Pico.css</title><meta name="description" content="You can customize themes with SCSS or, you can edit the CSS variables. All Pico's styles and colors are set with CSS custom properties (variables)."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/customization.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#customization-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="customization"><hgroup><h1>Customization</h1><h2>You can customize themes with SCSS or, you can edit the CSS variables.</h2></hgroup><p>Example: <strong>pick a color!</strong></p><article data-theme="generated" aria-label="Generated theme example"><h3><span class="name">Custom theme</span></h3><form><div class="grid"><input type="text" name="login" placeholder="Login" aria-label="Login" autocomplete="nickname" required> <input type="password" name="password" placeholder="Password" aria-label="Password" autocomplete="current-password" required> <button type="submit" aria-label="Example button" onclick="event.preventDefault()">Login</button></div><fieldset><label for="remember"><input type="checkbox" role="switch" id="remember" name="remember" checked="checked"> Remember me</label></fieldset></form><footer class="code"><pre><code><em>// Simplified example</em>
 <b>:root</b> {
   <i>--primary</i>: <u class="c600">…</u>;
 }
diff --git a/docs/dropdown.html b/docs/dropdown.html
index 498e601d..f5c9d7db 100644
--- a/docs/dropdown.html
+++ b/docs/dropdown.html
@@ -1,5 +1,5 @@
 <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Dropdown • Pico.css</title><meta name="description" content="a dropdown
-    component, without JavaScript."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/dropdown.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#dropdown-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="dropdown"><hgroup><h1>Dropdown</h1><h2>single / multi select dropdown, without JavaScript.</h2></hgroup><article aria-label="Dropdown examples"><details role="list"><summary aria-haspopup="listbox">Single select</summary><ul role="listbox"><li><label for="01"><input type="radio" id="01" name="option1"/> Option 1</label></li><li><label for="02"><input type="radio" id="02" name="option1"/> Option 2</label></li></ul></details><details role="list"><summary aria-haspopup="listbox">Multi-select</summary><ul role="listbox"><li><label for="11"><input type="checkbox" id="11" name="option2"/> Option 1</label></li><li><label for="12"><input type="checkbox" id="12" name="option2"/> Option 2</label></li></ul></details></article><label><strong>Usage notes</strong></label><ul><li>in order to use dropdown component, use <code>role='list'</code> on details tag.</li><li>no need to use javascript to close the dropdown when clicked outside.</li><li>for both single / multi-select case, need javascript to update <code>summary</code> tag text when any option selected.</li><li>in case of single select, remove <code>open</code> attribute on <code>details</code> tag using javascript when an option is selected.</li></ul><footer class="code"><pre>
+    component, without JavaScript."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/dropdown.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#dropdown-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="dropdown"><hgroup><h1>Dropdown</h1><h2>single / multi select dropdown, without JavaScript.</h2></hgroup><article aria-label="Dropdown examples"><details role="list"><summary aria-haspopup="listbox">Single select</summary><ul role="listbox"><li><label for="01"><input type="radio" id="01" name="option1"/> Option 1</label></li><li><label for="02"><input type="radio" id="02" name="option1"/> Option 2</label></li></ul></details><details role="list"><summary aria-haspopup="listbox">Multi-select</summary><ul role="listbox"><li><label for="11"><input type="checkbox" id="11" name="option2"/> Option 1</label></li><li><label for="12"><input type="checkbox" id="12" name="option2"/> Option 2</label></li></ul></details></article><label><strong>Usage notes</strong></label><ul><li>in order to use dropdown component, use <code>role='list'</code> on details tag.</li><li>no need to use javascript to close the dropdown when clicked outside.</li><li>for both single / multi-select case, need javascript to update <code>summary</code> tag text when any option selected.</li><li>in case of single select, remove <code>open</code> attribute on <code>details</code> tag using javascript when an option is selected.</li></ul><footer class="code"><pre>
               <code>
                 <em>&lt;!-- For Single-select --&gt;</em>
                 &lt;<b>details role="list"</b>&gt;
diff --git a/docs/forms.html b/docs/forms.html
index 10e6c4eb..4491c67e 100644
--- a/docs/forms.html
+++ b/docs/forms.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Forms • Pico.css</title><meta name="description" content="All form elements are fully responsive in pure semantic HTML, allowing forms to scale gracefully across devices and viewports."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/forms.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#forms-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="forms"><hgroup><h1>Forms</h1><h2>All form elements are fully responsive in pure semantic HTML, allowing forms to scale gracefully across devices and viewports.</h2></hgroup><p>Inputs are <code><i>width</i>: <u>100%</u>;</code> by default. You can use <code>.grid</code> inside a form.</p><p>All natives form elements are fully customizable and themeable with CSS variables.</p><article aria-label="Form example"><form><div class="grid"><label for="firstname">First name <input type="text" id="firstname" name="firstname" placeholder="First name" required></label> <label for="lastname">Last name <input type="text" id="lastname" name="lastname" placeholder="Last name" required></label></div><label for="email">Email address</label> <input type="email" id="email" name="email" placeholder="Email address" required> <small>We'll never share your email with anyone else.</small> <button type="submit" aria-label="Example button" onclick="event.preventDefault()">Submit</button></form><footer class="code"><pre><code>&lt;<b>form</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Forms • Pico.css</title><meta name="description" content="All form elements are fully responsive in pure semantic HTML, allowing forms to scale gracefully across devices and viewports."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/forms.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#forms-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="forms"><hgroup><h1>Forms</h1><h2>All form elements are fully responsive in pure semantic HTML, allowing forms to scale gracefully across devices and viewports.</h2></hgroup><p>Inputs are <code><i>width</i>: <u>100%</u>;</code> by default. You can use <code>.grid</code> inside a form.</p><p>All natives form elements are fully customizable and themeable with CSS variables.</p><article aria-label="Form example"><form><div class="grid"><label for="firstname">First name <input type="text" id="firstname" name="firstname" placeholder="First name" required></label> <label for="lastname">Last name <input type="text" id="lastname" name="lastname" placeholder="Last name" required></label></div><label for="email">Email address</label> <input type="email" id="email" name="email" placeholder="Email address" required> <small>We'll never share your email with anyone else.</small> <button type="submit" aria-label="Example button" onclick="event.preventDefault()">Submit</button></form><footer class="code"><pre><code>&lt;<b>form</b>&gt;
 
   <em>&lt;!-- Grid --&gt;</em>
   &lt;<b>div</b> <i>class</i>=<u>"grid"</u>&gt;
diff --git a/docs/grid.html b/docs/grid.html
index d066dba7..3818c455 100644
--- a/docs/grid.html
+++ b/docs/grid.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Grid • Pico.css</title><meta name="description" content=".grid enable a minimal grid system with auto-layout columns."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/grid.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#grid-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="grid"><hgroup><h1>Grid</h1><h2><code>.grid</code> enable a minimal grid system with auto-layout columns.</h2></hgroup><article aria-label="Grid example"><div class="grid"><div>1</div><div>2</div><div>3</div><div>4</div></div><footer class="code"><pre><code>&lt;<b>div</b> <i>class</i>=<u>"grid"</u>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Grid • Pico.css</title><meta name="description" content=".grid enable a minimal grid system with auto-layout columns."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/grid.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#grid-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="grid"><hgroup><h1>Grid</h1><h2><code>.grid</code> enable a minimal grid system with auto-layout columns.</h2></hgroup><article aria-label="Grid example"><div class="grid"><div>1</div><div>2</div><div>3</div><div>4</div></div><footer class="code"><pre><code>&lt;<b>div</b> <i>class</i>=<u>"grid"</u>&gt;
   &lt;<b>div</b>&gt;1&lt;/<b>div</b>&gt;
   &lt;<b>div</b>&gt;2&lt;/<b>div</b>&gt;
   &lt;<b>div</b>&gt;3&lt;/<b>div</b>&gt;
diff --git a/docs/index.html b/docs/index.html
index 19c561bb..b980d69f 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Documentation • Pico.css</title><meta name="description" content="Pico works without package manager or dependencies! There are 3 ways to get started with pico.css: manually, from a CDN, with NPM."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#start-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="start"><hgroup><h1>Usage</h1><h2>Works without package manager or dependencies 🙂!</h2></hgroup><p>There are 3 ways to get started with pico.css:</p><h3>Install manually</h3><p><a href="https://github.com/picocss/pico/archive/refs/heads/master.zip">Download Pico</a> and link <code>/css/pico.min.css</code> in the <code>&lt;<b>head</b>&gt;</code> of your website.</p><pre><code>&lt;<b>link</b> <i>rel</i>=<u>"stylesheet"</u> <i>href</i>=<u>"css/pico.min.css"</u>&gt;</code></pre><h3>Install from CDN</h3><p>Alternatively, you can use <a href="https://unpkg.com/@picocss/pico@latest/">unpkg CDN</a> to link pico.css</p><pre><code>&lt;<b>link</b> <i>rel</i>=<u>"stylesheet"</u> <i>href</i>=<u>"https://unpkg.com/@picocss/pico@latest/css/pico.min.css"</u>&gt;</code></pre><h3>Install with NPM</h3><pre><code><b>npm</b> <i>install</i> <u>@picocss/pico</u></code></pre><p>Starter HTML template:</p><pre><code><em>&lt;!doctype html&gt;</em>
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Documentation • Pico.css</title><meta name="description" content="Pico works without package manager or dependencies! There are 3 ways to get started with pico.css: manually, from a CDN, with NPM."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#start-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="start"><hgroup><h1>Usage</h1><h2>Works without package manager or dependencies 🙂!</h2></hgroup><p>There are 3 ways to get started with pico.css:</p><h3>Install manually</h3><p><a href="https://github.com/picocss/pico/archive/refs/heads/master.zip">Download Pico</a> and link <code>/css/pico.min.css</code> in the <code>&lt;<b>head</b>&gt;</code> of your website.</p><pre><code>&lt;<b>link</b> <i>rel</i>=<u>"stylesheet"</u> <i>href</i>=<u>"css/pico.min.css"</u>&gt;</code></pre><h3>Install from CDN</h3><p>Alternatively, you can use <a href="https://unpkg.com/@picocss/pico@latest/">unpkg CDN</a> to link pico.css</p><pre><code>&lt;<b>link</b> <i>rel</i>=<u>"stylesheet"</u> <i>href</i>=<u>"https://unpkg.com/@picocss/pico@latest/css/pico.min.css"</u>&gt;</code></pre><h3>Install with NPM</h3><pre><code><b>npm</b> <i>install</i> <u>@picocss/pico</u></code></pre><p>Starter HTML template:</p><pre><code><em>&lt;!doctype html&gt;</em>
 &lt;<b>html</b> <i>lang</i>=<u>"en"</u>&gt;
   &lt;<b>head</b>&gt;
     &lt;<b>meta</b> <i>charset</i>=<u>"utf-8"</u>&gt;
diff --git a/docs/loading.html b/docs/loading.html
index 69f48007..cef815ba 100644
--- a/docs/loading.html
+++ b/docs/loading.html
@@ -1,2 +1,2 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Loading • Pico.css</title><meta name="description" content="aria-bus"><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/loading.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#loading-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="loading"><hgroup><h1>Loading</h1><h2><code><i>aria-busy</i>=<u>"true"</u></code> enable a loading indicator.</h2></hgroup><article aria-label="Loading buttons example"><button aria-busy="true">Please wait…</button> <button aria-busy="true" class="secondary"></button><footer class="code"><pre><code>&lt;<b>button</b> <i>aria-busy</i>=<u>"true"</u>&gt;Please wait…&lt;/<b>button</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Loading • Pico.css</title><meta name="description" content="aria-bus"><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/loading.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#loading-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="loading"><hgroup><h1>Loading</h1><h2><code><i>aria-busy</i>=<u>"true"</u></code> enable a loading indicator.</h2></hgroup><article aria-label="Loading buttons example"><button aria-busy="true">Please wait…</button> <button aria-busy="true" class="secondary"></button><footer class="code"><pre><code>&lt;<b>button</b> <i>aria-busy</i>=<u>"true"</u>&gt;Please wait…&lt;/<b>button</b>&gt;
 &lt;<b>button</b> <i>aria-busy</i>=<u>"true"</u> <i>class</i>=<u>"secondary"</u>&gt;&lt;/<b>button</b>&gt;</code></pre></footer></article><p>It can be applied to any block:</p><article aria-busy="true"></article><pre><code>&lt;<b>article</b> <i>aria-busy</i>=<u>"true"</u>&gt;&lt;/<b>article</b>&gt;</code></pre><p>Or any text element:</p><article aria-label="Loading paragraph example"><a href="#" aria-busy="true" onclick="event.preventDefault()">Generating link, please wait…</a><footer class="code"><pre><code>&lt;<b>a</b> <i>href</i>=<u>"#"</u> <i>aria-busy</i>=<u>"true"</u>&gt;Generating link, please wait…&lt;/<b>a</b>&gt;</code></pre></footer></article></section><footer><hr><p><small>Code licensed <a href="https://github.com/picocss/pico/blob/master/LICENSE.md" class="secondary">MIT</a></small></p></footer></div></main><script src="js/commons.min.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/modal.html b/docs/modal.html
index a2b977b1..0b0ef8fb 100644
--- a/docs/modal.html
+++ b/docs/modal.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Modal • Pico.css</title><meta name="description" content="A flexible container with graceful spacings across devices and viewports."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/modal.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#modal-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="modal"><hgroup><h1>Modal</h1><h2>The classic modal element with graceful spacings across devices and viewports.</h2></hgroup><p>Modals are built with <code>&lt;<b>dialog</b>&gt;</code> as a wrapper and <code>&lt;<b>article</b>&gt;</code> as a content container.</p><p>Inside <code>&lt;<b>header</b>&gt;</code>, <code>&lt;<b>a</b> <i>class</i>=<u>"close"</u>&gt;</code> is defined to <code><i>float</i>: <u>right</u>;</code> allowing a close icon to be top aligned with a title.</p><dialog class="example" open><article><header><a href="#close" aria-label="Close" class="close" onclick="event.preventDefault()"></a><p>Modal title</p></header><p>Nunc nec ligula a tortor sollicitudin dictum in vel enim. Quisque facilisis turpis vel eros dictum aliquam et nec turpis. Sed eleifend a dui nec ullamcorper. Praesent vehicula lacus ac justo accumsan ullamcorper.</p></article></dialog><pre><code>&lt;<b>dialog</b> <i>open</i>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Modal • Pico.css</title><meta name="description" content="A flexible container with graceful spacings across devices and viewports."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/modal.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#modal-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="modal"><hgroup><h1>Modal</h1><h2>The classic modal element with graceful spacings across devices and viewports.</h2></hgroup><p>Modals are built with <code>&lt;<b>dialog</b>&gt;</code> as a wrapper and <code>&lt;<b>article</b>&gt;</code> as a content container.</p><p>Inside <code>&lt;<b>header</b>&gt;</code>, <code>&lt;<b>a</b> <i>class</i>=<u>"close"</u>&gt;</code> is defined to <code><i>float</i>: <u>right</u>;</code> allowing a close icon to be top aligned with a title.</p><dialog class="example" open><article><header><a href="#close" aria-label="Close" class="close" onclick="event.preventDefault()"></a><p>Modal title</p></header><p>Nunc nec ligula a tortor sollicitudin dictum in vel enim. Quisque facilisis turpis vel eros dictum aliquam et nec turpis. Sed eleifend a dui nec ullamcorper. Praesent vehicula lacus ac justo accumsan ullamcorper.</p></article></dialog><pre><code>&lt;<b>dialog</b> <i>open</i>&gt;
   &lt;<b>article</b>&gt;
     &lt;<b>header</b>&gt;
       &lt;<b>a</b> <i>href</i>=<u>"#close"</u> <i>aria-label</i>=<u>"Close"</u> <i>class</i>=<u>"close"</u>&gt;&lt;/<b>a</b>&gt;
diff --git a/docs/navs.html b/docs/navs.html
index e5c7db9a..acb7a0d4 100644
--- a/docs/navs.html
+++ b/docs/navs.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Navs • Pico.css</title><meta name="description" content="The essential navbar component in pure semantic HTML."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/navs.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#navs-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="navs"><hgroup><h1>Navs</h1><h2>The essential navbar component in pure semantic HTML.</h2></hgroup><article aria-label="Nav example"><nav><ul><li><strong>Brand</strong></li></ul><ul><li><a href="#" onclick="event.preventDefault()">Link</a></li><li><a href="#" onclick="event.preventDefault()">Link</a></li><li><a href="#" onclick="event.preventDefault()">Link</a></li></ul></nav><footer class="code"><pre><code>&lt;<b>nav</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Navs • Pico.css</title><meta name="description" content="The essential navbar component in pure semantic HTML."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/navs.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#navs-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="navs"><hgroup><h1>Navs</h1><h2>The essential navbar component in pure semantic HTML.</h2></hgroup><article aria-label="Nav example"><nav><ul><li><strong>Brand</strong></li></ul><ul><li><a href="#" onclick="event.preventDefault()">Link</a></li><li><a href="#" onclick="event.preventDefault()">Link</a></li><li><a href="#" onclick="event.preventDefault()">Link</a></li></ul></nav><footer class="code"><pre><code>&lt;<b>nav</b>&gt;
   &lt;<b>ul</b>&gt;
     &lt;<b>li</b>&gt;&lt;<b>strong</b>&gt;Brand&lt;/<b>strong</b>&gt;&lt;/<b>li</b>&gt;
   &lt;/<b>ul</b>&gt;
diff --git a/docs/progress.html b/docs/progress.html
index 2756e23d..5b48f167 100644
--- a/docs/progress.html
+++ b/docs/progress.html
@@ -1,3 +1,3 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Progress • Pico.css</title><meta name="description" content="Progress bar element in pure HTML, without JavaScript."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/progress.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#progress-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="progress"><hgroup><h1>Progress</h1><h2>Progress bar element in pure HTML, without JavaScript.</h2></hgroup><article aria-label="Progress bar example"><progress value="25" max="100"></progress><footer class="code"><pre><code>&lt;<b>progress</b> <i>value</i>=<u>"25</u>" <i>max</i>=<u>"100"</u>&gt;&lt;/<b>progress</b>&gt;</code></pre></footer></article><p>You can change a progress bar to an indeterminate state by setting the <code><i>indeterminate</i></code> property to <code><u>true</u></code></p><article aria-label="Indeterminate progress bar example"><progress id="indeterminate-progress"></progress><script>document.getElementById("indeterminate-progress").indeterminate=!0</script><footer class="code"><pre><code>&lt;<b>script</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Progress • Pico.css</title><meta name="description" content="Progress bar element in pure HTML, without JavaScript."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/progress.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#progress-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="progress"><hgroup><h1>Progress</h1><h2>Progress bar element in pure HTML, without JavaScript.</h2></hgroup><article aria-label="Progress bar example"><progress value="25" max="100"></progress><footer class="code"><pre><code>&lt;<b>progress</b> <i>value</i>=<u>"25</u>" <i>max</i>=<u>"100"</u>&gt;&lt;/<b>progress</b>&gt;</code></pre></footer></article><p>You can change a progress bar to an indeterminate state by setting the <code><i>indeterminate</i></code> property to <code><u>true</u></code></p><article aria-label="Indeterminate progress bar example"><progress id="indeterminate-progress"></progress><script>document.getElementById("indeterminate-progress").indeterminate=!0</script><footer class="code"><pre><code>&lt;<b>script</b>&gt;
   <i>document</i>.<b>getElementById</b>(<u>'indeterminate-progress'</u>).<i>indeterminate</i> = <u>true</u>;
 &lt;/<b>script</b>&gt;</code></pre></footer></article></section><footer><hr><p><small>Code licensed <a href="https://github.com/picocss/pico/blob/master/LICENSE.md" class="secondary">MIT</a></small></p></footer></div></main><script src="js/commons.min.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/rtl.html b/docs/rtl.html
index efec33d6..e4518578 100644
--- a/docs/rtl.html
+++ b/docs/rtl.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>RTL (Right-To-Left) • Pico.css</title><meta name="description" content="Support for right-to-left text in Pico with di"><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/rtl.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#rtl-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="rtl"><hgroup><h1>RTL</h1><h2>Support for right-to-left text in Pico.</h2></hgroup><p>To enable RTL in Pico you need to set <code><i>dir</i>=<u>"rtl"</u></code>on the <code>&lt;<b>html</b>&gt</code> element.</p><pre><code><em>&lt;!doctype html&gt;</em>
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>RTL (Right-To-Left) • Pico.css</title><meta name="description" content="Support for right-to-left text in Pico with di"><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/rtl.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#rtl-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="rtl"><hgroup><h1>RTL</h1><h2>Support for right-to-left text in Pico.</h2></hgroup><p>To enable RTL in Pico you need to set <code><i>dir</i>=<u>"rtl"</u></code>on the <code>&lt;<b>html</b>&gt</code> element.</p><pre><code><em>&lt;!doctype html&gt;</em>
 &lt;<b>html</b> <i>dir</i>=<u>"rtl"</u> <i>lang</i>=<u>"ar"</u>&gt;
   <em>...</em>
 &lt;/<b>html</b>&gt;</code></pre><p>The RTL feature is still experimental and will probably evolve.</p></section><footer><hr><p><small>Code licensed <a href="https://github.com/picocss/pico/blob/master/LICENSE.md" class="secondary">MIT</a></small></p></footer></div></main><script src="js/commons.min.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/scroller.html b/docs/scroller.html
index abceb5fb..eadbf197 100644
--- a/docs/scroller.html
+++ b/docs/scroller.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Horizontal scroller • Pico.css</title><meta name="description" content="&lt;figure&gt; acts as a container to make any content scrollable horizontally."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/scroller.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#scroller-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="scroller"><hgroup><h1>Horizontal scroller</h1><h2><code>&lt;<b>figure</b>&gt;</code> acts as a container to make any content scrollable horizontally.</h2></hgroup><p>Useful to have responsive <code>&lt;<b>table</b>&gt;</code></p><figure><table role="grid"><thead><tr><th scope="col">#</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th></tr></thead><tbody><tr><th scope="row">1</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr><tr><th scope="row">2</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr><tr><th scope="row">3</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr></tbody></table></figure><pre><code>&lt;<b>figure</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Horizontal scroller • Pico.css</title><meta name="description" content="&lt;figure&gt; acts as a container to make any content scrollable horizontally."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/scroller.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#scroller-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="scroller"><hgroup><h1>Horizontal scroller</h1><h2><code>&lt;<b>figure</b>&gt;</code> acts as a container to make any content scrollable horizontally.</h2></hgroup><p>Useful to have responsive <code>&lt;<b>table</b>&gt;</code></p><figure><table role="grid"><thead><tr><th scope="col">#</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th></tr></thead><tbody><tr><th scope="row">1</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr><tr><th scope="row">2</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr><tr><th scope="row">3</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr></tbody></table></figure><pre><code>&lt;<b>figure</b>&gt;
   &lt;<b>table</b>&gt;
     …
   &lt;/<b>table</b>&gt;
diff --git a/docs/scss/layout/_aside.scss b/docs/scss/layout/_aside.scss
index e8dd616b..c4208133 100644
--- a/docs/scss/layout/_aside.scss
+++ b/docs/scss/layout/_aside.scss
@@ -91,8 +91,8 @@ main > aside {
     color: var(--primary-hover);
   }
 
-  a.active,
-  a.active:hover {
+  a[aria-current],
+  a[aria-current]:hover {
     color: var(--primary);
   }
 
diff --git a/docs/src/_sidebar.html b/docs/src/_sidebar.html
index ecdb19b9..a6eab849 100644
--- a/docs/src/_sidebar.html
+++ b/docs/src/_sidebar.html
@@ -68,7 +68,7 @@
   <script>
     const activeLink = document.querySelector(`aside a#${props.active}`);
     const parentAccordion = activeLink.closest('details');
-    activeLink.classList.add('active');
+    activeLink.setAttribute('aria-current', 'page');
     parentAccordion.setAttribute('open', 'true');
   </script>
 </aside>
\ No newline at end of file
diff --git a/docs/tables.html b/docs/tables.html
index 7e95b6b8..f2eb80f6 100644
--- a/docs/tables.html
+++ b/docs/tables.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Tables • Pico.css</title><meta name="description" content="Default styles for tables without .classes"><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/tables.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#tables-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="tables"><hgroup><h1>Tables</h1><h2>Default styles for tables without <code>.classes</code></h2></hgroup><figure><table><thead><tr><th scope="col">#</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th></tr></thead><tbody><tr><th scope="row">1</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr><tr><th scope="row">2</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr><tr><th scope="row">3</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr></tbody><tfoot><tr><th scope="row">#</th><td>Total</td><td>Total</td><td>Total</td><td>Total</td><td>Total</td></tr></tfoot></table></figure><pre><code>&lt;<b>table</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Tables • Pico.css</title><meta name="description" content="Default styles for tables without .classes"><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/tables.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#tables-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="tables"><hgroup><h1>Tables</h1><h2>Default styles for tables without <code>.classes</code></h2></hgroup><figure><table><thead><tr><th scope="col">#</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th><th scope="col">Heading</th></tr></thead><tbody><tr><th scope="row">1</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr><tr><th scope="row">2</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr><tr><th scope="row">3</th><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td><td>Cell</td></tr></tbody><tfoot><tr><th scope="row">#</th><td>Total</td><td>Total</td><td>Total</td><td>Total</td><td>Total</td></tr></tfoot></table></figure><pre><code>&lt;<b>table</b>&gt;
   &lt;<b>thead</b>&gt;
     &lt;<b>tr</b>&gt;
       &lt;<b>th</b> <i>scope</i>=<u>"col"</u>&gt;#&lt;/<b>th</b>&gt;
diff --git a/docs/themes.html b/docs/themes.html
index 5dac3173..84b556f7 100644
--- a/docs/themes.html
+++ b/docs/themes.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Themes • Pico.css</title><meta name="description" content="Pico is shipped with 2 consistent themes: Light & Dark. The Light theme is used by default. The Dark theme is automatically enabled if the user has dark mode enabled ('prefers-color-scheme: dark')."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/themes.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#themes-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="themes"><hgroup><h1>Themes</h1><h2>Pico is shipped with 2 consistent themes: Light & Dark.</h2></hgroup><p>The Light theme is used by default. The Dark theme is automatically enabled if the user has dark mode enabled <code><i>prefers-color-scheme</i>: <u>dark</u></code></p><article aria-label="Theme switcher"><button class="contrast theme-switcher">…</button></article><p>Themes can be forced on document level <code>&lt;<b>html</b> <i>data-theme</i>=<u>"light"</u>&gt;</code> or on any HTML element <code>&lt;<b>article</b> <i>data-theme</i>=<u>"dark"</u>&gt;</code></p><article data-theme="light" aria-label="Forced light theme example"><h3>Light theme</h3><form class="grid"><input type="text" name="login" placeholder="Login" aria-label="Login" autocomplete="nickname" required> <input type="password" name="password" placeholder="Password" aria-label="Password" autocomplete="current-password" required> <button type="submit" aria-label="Example button" onclick="event.preventDefault()">Login</button></form><footer class="code"><pre><code>&lt;<b>article</b> <i>data-theme</i>=<u>"light"</u>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Themes • Pico.css</title><meta name="description" content="Pico is shipped with 2 consistent themes: Light & Dark. The Light theme is used by default. The Dark theme is automatically enabled if the user has dark mode enabled ('prefers-color-scheme: dark')."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/themes.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#themes-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="themes"><hgroup><h1>Themes</h1><h2>Pico is shipped with 2 consistent themes: Light & Dark.</h2></hgroup><p>The Light theme is used by default. The Dark theme is automatically enabled if the user has dark mode enabled <code><i>prefers-color-scheme</i>: <u>dark</u></code></p><article aria-label="Theme switcher"><button class="contrast theme-switcher">…</button></article><p>Themes can be forced on document level <code>&lt;<b>html</b> <i>data-theme</i>=<u>"light"</u>&gt;</code> or on any HTML element <code>&lt;<b>article</b> <i>data-theme</i>=<u>"dark"</u>&gt;</code></p><article data-theme="light" aria-label="Forced light theme example"><h3>Light theme</h3><form class="grid"><input type="text" name="login" placeholder="Login" aria-label="Login" autocomplete="nickname" required> <input type="password" name="password" placeholder="Password" aria-label="Password" autocomplete="current-password" required> <button type="submit" aria-label="Example button" onclick="event.preventDefault()">Login</button></form><footer class="code"><pre><code>&lt;<b>article</b> <i>data-theme</i>=<u>"light"</u>&gt;
   …
 &lt;/<b>article</b>&gt;</code></pre></footer></article><article data-theme="dark" aria-label="Forced dark theme example"><h3>Dark theme</h3><form class="grid"><input type="text" name="login" placeholder="Login" aria-label="Login" autocomplete="nickname" required> <input type="password" name="password" placeholder="Password" aria-label="Password" autocomplete="current-password" required> <button type="submit" aria-label="Example button" onclick="event.preventDefault()">Login</button></form><footer class="code"><pre><code>&lt;<b>article</b> <i>data-theme</i>=<u>"dark"</u>&gt;
   …
diff --git a/docs/tooltips.html b/docs/tooltips.html
index d495d26f..e6377236 100644
--- a/docs/tooltips.html
+++ b/docs/tooltips.html
@@ -1,3 +1,3 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Tooltips • Pico.css</title><meta name="description" content="Enable tooltips everywhere in pure HTML, without JavaScript."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/tooltips.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#tooltips-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="tooltips"><hgroup><h1>Tooltips</h1><h2>Enable tooltips everywhere in pure HTML, without JavaScript.</h2></hgroup><article aria-label="Tooltips examples"><p>Tooltip on a <a href="#" onclick="event.preventDefault()" data-tooltip="Tooltip">link</a></p><p>Tooltip on <em data-tooltip="Tooltip">inline element</em></p><p><button data-tooltip="Tooltip" aria-label="Example button">Tooltip on a button</button></p><footer class="code"><pre><code>&lt;<b>p</b>&gt;Tooltip on a &lt;<b>a</b> <i>href</i>=<u>"#"</u> <i>data-tooltip</i>=<u>"Tooltip"</u>&gt;link&lt;/<b>a</b>&gt;&lt;/<b>p</b>&gt;
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Tooltips • Pico.css</title><meta name="description" content="Enable tooltips everywhere in pure HTML, without JavaScript."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/tooltips.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#tooltips-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="tooltips"><hgroup><h1>Tooltips</h1><h2>Enable tooltips everywhere in pure HTML, without JavaScript.</h2></hgroup><article aria-label="Tooltips examples"><p>Tooltip on a <a href="#" onclick="event.preventDefault()" data-tooltip="Tooltip">link</a></p><p>Tooltip on <em data-tooltip="Tooltip">inline element</em></p><p><button data-tooltip="Tooltip" aria-label="Example button">Tooltip on a button</button></p><footer class="code"><pre><code>&lt;<b>p</b>&gt;Tooltip on a &lt;<b>a</b> <i>href</i>=<u>"#"</u> <i>data-tooltip</i>=<u>"Tooltip"</u>&gt;link&lt;/<b>a</b>&gt;&lt;/<b>p</b>&gt;
 &lt;<b>p</b>&gt;Tooltip on &lt;<b>em</b> <i>data-tooltip</i>=<u>"Tooltip"</u>&gt;inline element&lt;/<b>em</b>&gt;&lt;/<b>p</b>&gt;
 &lt;<b>p</b>&gt;&lt;<b>button</b> <i>data-tooltip</i>=<u>"Tooltip"</u>&gt;Tooltip on a button&lt;/<b>button</b>&gt;&lt;/<b>p</b>&gt;</code></pre></footer></article></section><footer><hr><p><small>Code licensed <a href="https://github.com/picocss/pico/blob/master/LICENSE.md" class="secondary">MIT</a></small></p></footer></div></main><script src="js/commons.min.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/typography.html b/docs/typography.html
index d7845cce..fff46a83 100644
--- a/docs/typography.html
+++ b/docs/typography.html
@@ -1,6 +1,6 @@
 <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Typography • Pico.css</title><meta name="description" content="All typographic
     elements are responsive, allowing text to scale gracefully across devices
-    and viewports."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/typography.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#typography-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="typography"><hgroup><h1>Typography</h1><h2>All typographic elements are responsive, allowing text to scale gracefully across devices and viewports.</h2></hgroup><figure><table role="grid"><thead><tr><th>Device</th><th>Extra&nbsp;small</th><th>Small</th><th>Medium</th><th>Large</th><th>Extra&nbsp;large</th></tr></thead><tbody><tr><th>Base&nbsp;font</th><td>16<small>px</small></td><td>17<small>px</small></td><td>18<small>px</small></td><td>19<small>px</small></td><td>20<small>px</small></td></tr><tr><th><code>&lt;<b>h1</b>&gt;</code></th><td>32<small>px</small></td><td>34<small>px</small></td><td>36<small>px</small></td><td>38<small>px</small></td><td>40<small>px</small></td></tr><tr><th><code>&lt;<b>h2</b>&gt;</code></th><td>28<small>px</small></td><td>29<small>px</small></td><td>31<small>.5px</small></td><td>33<small>.25px</small></td><td>35<small>px</small></td></tr><tr><th><code>&lt;<b>h3</b>&gt;</code></th><td>24<small>px</small></td><td>25<small>.5px</small></td><td>27<small>px</small></td><td>28<small>.5px</small></td><td>30<small>px</small></td></tr><tr><th><code>&lt;<b>h4</b>&gt;</code></th><td>20<small>px</small></td><td>21<small>.25px</small></td><td>22<small>.5px</small></td><td>23<small>.75px</small></td><td>25<small>px</small></td></tr><tr><th><code>&lt;<b>h5</b>&gt;</code></th><td>18<small>px</small></td><td>19<small>.125px</small></td><td>20<small>.25px</small></td><td>21<small>.375px</small></td><td>22<small>.5px</small></td></tr><tr><th><code>&lt;<b>h6</b>&gt;</code></th><td>16<small>px</small></td><td>17<small>px</small></td><td>18<small>px</small></td><td>19<small>px</small></td><td>20<small>px</small></td></tr><tr><th><code>&lt;<b>small</b>&gt;</code></th><td>14<small>px</small></td><td>14<small>.875px</small></td><td>15<small>.75px</small></td><td>16<small>.625px</small></td><td>27<small>.5px</small></td></tr></tbody></table></figure><p>Headings:</p><article aria-label="Headings examples"><h1>Heading 1</h1><h2>Heading 2</h2><h3>Heading 3</h3><h4>Heading 4</h4><h5>Heading 5</h5><h6>Heading 6</h6><footer class="code"><pre><code>&lt;<b>h1</b>&gt;Heading 1&lt;/<b>h1</b>&gt;
+    and viewports."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/typography.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#typography-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="typography"><hgroup><h1>Typography</h1><h2>All typographic elements are responsive, allowing text to scale gracefully across devices and viewports.</h2></hgroup><figure><table role="grid"><thead><tr><th>Device</th><th>Extra&nbsp;small</th><th>Small</th><th>Medium</th><th>Large</th><th>Extra&nbsp;large</th></tr></thead><tbody><tr><th>Base&nbsp;font</th><td>16<small>px</small></td><td>17<small>px</small></td><td>18<small>px</small></td><td>19<small>px</small></td><td>20<small>px</small></td></tr><tr><th><code>&lt;<b>h1</b>&gt;</code></th><td>32<small>px</small></td><td>34<small>px</small></td><td>36<small>px</small></td><td>38<small>px</small></td><td>40<small>px</small></td></tr><tr><th><code>&lt;<b>h2</b>&gt;</code></th><td>28<small>px</small></td><td>29<small>px</small></td><td>31<small>.5px</small></td><td>33<small>.25px</small></td><td>35<small>px</small></td></tr><tr><th><code>&lt;<b>h3</b>&gt;</code></th><td>24<small>px</small></td><td>25<small>.5px</small></td><td>27<small>px</small></td><td>28<small>.5px</small></td><td>30<small>px</small></td></tr><tr><th><code>&lt;<b>h4</b>&gt;</code></th><td>20<small>px</small></td><td>21<small>.25px</small></td><td>22<small>.5px</small></td><td>23<small>.75px</small></td><td>25<small>px</small></td></tr><tr><th><code>&lt;<b>h5</b>&gt;</code></th><td>18<small>px</small></td><td>19<small>.125px</small></td><td>20<small>.25px</small></td><td>21<small>.375px</small></td><td>22<small>.5px</small></td></tr><tr><th><code>&lt;<b>h6</b>&gt;</code></th><td>16<small>px</small></td><td>17<small>px</small></td><td>18<small>px</small></td><td>19<small>px</small></td><td>20<small>px</small></td></tr><tr><th><code>&lt;<b>small</b>&gt;</code></th><td>14<small>px</small></td><td>14<small>.875px</small></td><td>15<small>.75px</small></td><td>16<small>.625px</small></td><td>27<small>.5px</small></td></tr></tbody></table></figure><p>Headings:</p><article aria-label="Headings examples"><h1>Heading 1</h1><h2>Heading 2</h2><h3>Heading 3</h3><h4>Heading 4</h4><h5>Heading 5</h5><h6>Heading 6</h6><footer class="code"><pre><code>&lt;<b>h1</b>&gt;Heading 1&lt;/<b>h1</b>&gt;
 &lt;<b>h2</b>&gt;Heading 2&lt;/<b>h2</b>&gt;
 &lt;<b>h3</b>&gt;Heading 3&lt;/<b>h3</b>&gt;
 &lt;<b>h4</b>&gt;Heading 4&lt;/<b>h4</b>&gt;
diff --git a/docs/we-love-classes.html b/docs/we-love-classes.html
index 2efaf883..6186964e 100644
--- a/docs/we-love-classes.html
+++ b/docs/we-love-classes.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>We love .classes • Pico.css</title><meta name="description" content="As a starting point, Pico chose to be as neutral and semantic as possible using very few .classes. But of course, .classes are not a bad practice at all. Feel free to use modifiers."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/we-love-classes.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#we-love-classes-link"),parentAccordion=activeLink.closest("details");activeLink.classList.add("active"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="we-love-classes"><h1>We love <code>.classes</code></h1><p>As a starting point, Pico chose to be as neutral and semantic as possible using very few <code>.classes</code></p><p>But of course, <code>.classes</code> are not a bad practice at all.</p><p>Feel free to use <em>modifiers</em>.</p><div data-theme="valid"><pre><code>&lt;<b>button</b> <i>class</i>=<u>"warning"</u>&gt;Action&lt;/<b>button</b>&gt;<br></code></pre></div><p>Just try to keep your HTML clean and semantic to keep the Pico spirit.</p><div data-theme="invalid"><pre><code>&lt;<b>button</b> <i>class</i>=<u>"button-red margin-large padding-medium"</u>&gt;Action&lt;/<b>button</b>&gt;<br></code></pre></div></section><footer><hr><p><small>Code licensed <a href="https://github.com/picocss/pico/blob/master/LICENSE.md" class="secondary">MIT</a></small></p></footer></div></main><script src="js/commons.min.js"></script></body></html>
\ No newline at end of file
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>We love .classes • Pico.css</title><meta name="description" content="As a starting point, Pico chose to be as neutral and semantic as possible using very few .classes. But of course, .classes are not a bad practice at all. Feel free to use modifiers."><link rel="shortcut icon" href="https://picocss.com/favicon.ico"><link rel="stylesheet" href="../css/pico.min.css"><link rel="stylesheet" href="css/pico.docs.min.css"><link rel="canonical" href="https://www.picocss.com/docs/we-love-classes.html"></head><body><nav class="container-fluid"><ul><li><a href="https://picocss.com" aria-label="Back home"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" height="56px"><path fill="currentColor" d="M633.43 429.23c0 118.38-49.76 184.72-138.87 184.72-53 0-92.04-25.37-108.62-67.32h-2.6v203.12H250V249.7h133.67v64.72h2.28c17.24-43.9 55.3-69.92 107-69.92 90.4 0 140.48 66.02 140.48 184.73zm-136.6 0c0-49.76-22.1-81.96-56.9-81.96s-56.9 32.2-57.24 82.28c.33 50.4 22.1 81.63 57.24 81.63 35.12 0 56.9-31.87 56.9-81.95zM682.5 547.5c0-37.32 30.18-67.5 67.5-67.5s67.5 30.18 67.5 67.5S787.32 615 750 615s-67.5-30.18-67.5-67.5z"/></svg></a></li><li>Documentation</li></ul><ul><li><a href="https://picocss.com#examples" class="secondary">Examples</a></li><li><a href="./" class="secondary">Docs</a></li><li><a href="https://github.com/picocss/pico" class="contrast" aria-label="Pico GitHub repository"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" height="16px"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav><main class="container" id="docs"><aside><nav class="closed-on-mobile"><a href="./" class="secondary" id="toggle-docs-navigation"><svg xmlns="http://www.w3.org/2000/svg" class="expand" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Expand</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" class="collapse" fill="currentColor" viewBox="0 0 16 16" height="16px"><title>Collapse</title><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path></svg> Table of content</a><details><summary>Getting started</summary><ul><li><a href="./" id="start-link" class="secondary">Usage</a></li><li><a href="./themes.html" id="themes-link" class="secondary">Themes</a></li><li><a href="./customization.html" id="customization-link" class="secondary">Customization</a></li><li><a href="./classless.html" id="classless-link" class="secondary">Class-less version</a></li><li><a href="./rtl.html" id="rtl-link" class="secondary">RTL</a></li></ul></details><details><summary>Layout</summary><ul><li><a href="./containers.html" id="containers-link" class="secondary">Containers</a></li><li><a href="./grid.html" id="grid-link" class="secondary">Grid</a></li><li><a href="./scroller.html" id="scroller-link" class="secondary">Horizontal scroller</a></li></ul></details><details><summary>Elements</summary><ul><li><a href="./typography.html" id="typography-link" class="secondary">Typography</a></li><li><a href="./buttons.html" id="buttons-link" class="secondary">Buttons</a></li><li><a href="./forms.html" id="forms-link" class="secondary">Forms</a></li><li><a href="./tables.html" id="tables-link" class="secondary">Tables</a></li></ul></details><details><summary>Components</summary><ul><li><a href="./accordions.html" id="accordions-link" class="secondary">Accordions</a></li><li><a href="./cards.html" id="cards-link" class="secondary">Cards</a></li><li><a href="./dropdown.html" id="dropdown-link" class="secondary">Dropdown</a></li><li><a href="./modal.html" id="modal-link" class="secondary">Modal</a></li><li><a href="./navs.html" id="navs-link" class="secondary">Navs</a></li><li><a href="./progress.html" id="progress-link" class="secondary">Progress</a></li></ul></details><details><summary>Utilities</summary><ul><li><a href="./loading.html" id="loading-link" class="secondary">Loading</a></li><li><a href="./tooltips.html" id="tooltips-link" class="secondary">Tooltips</a></li></ul></details><details><summary>Extend</summary><ul><li><a href="./we-love-classes.html" id="we-love-classes-link" class="secondary">We love .classes</a></li></ul></details></nav><script>const activeLink=document.querySelector("aside a#we-love-classes-link"),parentAccordion=activeLink.closest("details");activeLink.setAttribute("aria-current","page"),parentAccordion.setAttribute("open","true")</script></aside><div role="document"><section id="we-love-classes"><h1>We love <code>.classes</code></h1><p>As a starting point, Pico chose to be as neutral and semantic as possible using very few <code>.classes</code></p><p>But of course, <code>.classes</code> are not a bad practice at all.</p><p>Feel free to use <em>modifiers</em>.</p><div data-theme="valid"><pre><code>&lt;<b>button</b> <i>class</i>=<u>"warning"</u>&gt;Action&lt;/<b>button</b>&gt;<br></code></pre></div><p>Just try to keep your HTML clean and semantic to keep the Pico spirit.</p><div data-theme="invalid"><pre><code>&lt;<b>button</b> <i>class</i>=<u>"button-red margin-large padding-medium"</u>&gt;Action&lt;/<b>button</b>&gt;<br></code></pre></div></section><footer><hr><p><small>Code licensed <a href="https://github.com/picocss/pico/blob/master/LICENSE.md" class="secondary">MIT</a></small></p></footer></div></main><script src="js/commons.min.js"></script></body></html>
\ No newline at end of file
diff --git a/scss/components/_modal.scss b/scss/components/_modal.scss
index a3035625..24e4b9c5 100644
--- a/scss/components/_modal.scss
+++ b/scss/components/_modal.scss
@@ -92,6 +92,7 @@ dialog {
           transition: opacity var(--transition);
         }
 
+        &[aria-current],
         &:hover,
         &:active,
         &:focus {
diff --git a/scss/components/_nav.scss b/scss/components/_nav.scss
index b8449f5c..ef34b96f 100644
--- a/scss/components/_nav.scss
+++ b/scss/components/_nav.scss
@@ -44,6 +44,7 @@ nav {
     border-radius: var(--border-radius);
     text-decoration: none;
 
+    &[aria-current],
     &:hover,
     &:active,
     &:focus {
diff --git a/scss/content/_button.scss b/scss/content/_button.scss
index 66c92d82..fb5a3553 100644
--- a/scss/content/_button.scss
+++ b/scss/content/_button.scss
@@ -77,6 +77,7 @@ input[type="reset"],
       box-shadow var(--transition);
   }
 
+  &[aria-current],
   &:hover,
   &:active,
   &:focus {
@@ -106,6 +107,7 @@ input[type="reset"],
     --color: var(--secondary-inverse);
     cursor: pointer;
 
+    &[aria-current],
     &:hover,
     &:active,
     &:focus {
@@ -130,6 +132,7 @@ input[type="reset"],
     --border-color: var(--contrast);
     --color: var(--contrast-inverse);
 
+    &[aria-current],
     &:hover,
     &:active,
     &:focus {
@@ -153,6 +156,7 @@ input[type="reset"],
     --background-color: transparent;
     --color: var(--primary);
 
+    &[aria-current],
     &:hover,
     &:active,
     &:focus {
@@ -169,6 +173,7 @@ input[type="reset"],
   [role="button"].outline.secondary {
     --color: var(--secondary);
 
+    &[aria-current],
     &:hover,
     &:active,
     &:focus {
@@ -184,6 +189,7 @@ input[type="reset"],
   [role="button"].outline.contrast {
     --color: var(--contrast);
 
+    &[aria-current],
     &:hover,
     &:active,
     &:focus {
@@ -200,6 +206,7 @@ input[type="reset"],
     --color: var(--secondary-inverse);
     cursor: pointer;
 
+    &[aria-current],
     &:hover,
     &:active,
     &:focus {
diff --git a/scss/content/_typography.scss b/scss/content/_typography.scss
index 9fc5883b..725252fb 100644
--- a/scss/content/_typography.scss
+++ b/scss/content/_typography.scss
@@ -81,6 +81,7 @@ a {
       text-decoration var(--transition), box-shadow var(--transition);
   }
 
+  &[aria-current],
   &:hover,
   &:active,
   &:focus {
@@ -97,6 +98,7 @@ a {
     &.secondary {
       --color: var(--secondary);
 
+      &[aria-current],
       &:hover,
       &:active,
       &:focus {
@@ -112,6 +114,7 @@ a {
     &.contrast {
       --color: var(--contrast);
 
+      &[aria-current],
       &:hover,
       &:active,
       &:focus {