pico.css works

3 files changed, 25 insertions, 17 deletions

diff --git a/web/css/pico.css.map b/web/css/pico.css.map
new file mode 100644
index 0000000..2bf34b3
--- /dev/null
+++ b/web/css/pico.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["pico.css","../scss/pico.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","../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":["@charset \"UTF-8\";\n/*!\n * Pico CSS v1.5.9 (https://picocss.com)\n * Copyright 2019-2023 - 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.5rem;\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  --modal-overlay-backdrop-filter: blur(0.25rem);\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,\n  body > main,\n  body > footer,\n  section {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\n  body > main,\n  body > footer,\n  section {\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, 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  --background-color: #fff;\n  --color: hsl(205, 20%, 32%);\n  --h1-color: hsl(205, 30%, 15%);\n  --h2-color: #24333e;\n  --h3-color: hsl(205, 25%, 23%);\n  --h4-color: #374956;\n  --h5-color: hsl(205, 20%, 32%);\n  --h6-color: #4d606d;\n  --muted-color: hsl(205, 10%, 50%);\n  --muted-border-color: hsl(205, 20%, 94%);\n  --primary: hsl(195, 85%, 41%);\n  --primary-hover: hsl(195, 90%, 32%);\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: hsl(205, 15%, 41%);\n  --secondary-hover: hsl(205, 20%, 32%);\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: hsl(205, 30%, 15%);\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: hsl(205, 14%, 68%);\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: hsl(205, 18%, 86%);\n  --form-element-disabled-border-color: hsl(205, 14%, 68%);\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: hsl(205, 16%, 77%);\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: hsl(205, 18%, 86%);\n  --range-active-border-color: hsl(205, 16%, 77%);\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: hsl(205, 20%, 94%);\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: hsl(205, 14%, 68%);\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:\n    0.0145rem 0.029rem 0.174rem rgba(27, 40, 50, 0.01698),\n    0.0335rem 0.067rem 0.402rem rgba(27, 40, 50, 0.024),\n    0.0625rem 0.125rem 0.75rem rgba(27, 40, 50, 0.03),\n    0.1125rem 0.225rem 1.35rem rgba(27, 40, 50, 0.036),\n    0.2085rem 0.417rem 2.502rem rgba(27, 40, 50, 0.04302),\n    0.5rem 1rem 6rem rgba(27, 40, 50, 0.06),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.015);\n  --card-sectionning-background-color: #fbfbfc;\n  --dropdown-background-color: #fbfbfc;\n  --dropdown-border-color: #e1e6eb;\n  --dropdown-box-shadow: var(--card-box-shadow);\n  --dropdown-color: var(--color);\n  --dropdown-hover-background-color: hsl(205, 20%, 94%);\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.7);\n  --progress-background-color: hsl(205, 18%, 86%);\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='rgb(255, 255, 255)' 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='rgb(65, 84, 98)' stroke-width='2' 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='rgb(255, 255, 255)' stroke-width='2' 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='rgb(255, 255, 255)' stroke-width='2' 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='rgb(115, 130, 140)' 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='rgb(65, 84, 98)' 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='rgb(198, 40, 40)' 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='rgb(255, 255, 255)' 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='rgb(65, 84, 98)' 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='rgb(65, 84, 98)' 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='rgb(56, 142, 60)' 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  color-scheme: light;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme]) {\n    --background-color: #11191f;\n    --color: hsl(205, 16%, 77%);\n    --h1-color: hsl(205, 20%, 94%);\n    --h2-color: #e1e6eb;\n    --h3-color: hsl(205, 18%, 86%);\n    --h4-color: #c8d1d8;\n    --h5-color: hsl(205, 16%, 77%);\n    --h6-color: #afbbc4;\n    --muted-color: hsl(205, 10%, 50%);\n    --muted-border-color: #1f2d38;\n    --primary: hsl(195, 85%, 41%);\n    --primary-hover: hsl(195, 80%, 50%);\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: hsl(205, 15%, 41%);\n    --secondary-hover: hsl(205, 10%, 50%);\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: hsl(205, 20%, 94%);\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: hsl(205, 25%, 23%);\n    --form-element-disabled-border-color: hsl(205, 20%, 32%);\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: hsl(205, 25%, 23%);\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: hsl(330, 30%, 50%);\n    --code-property-color: hsl(185, 30%, 50%);\n    --code-value-color: hsl(40, 10%, 50%);\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: var(--card-background-color);\n    --card-box-shadow:\n      0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),\n      0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),\n      0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),\n      0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),\n      0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),\n      0.5rem 1rem 6rem rgba(0, 0, 0, 0.06),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.015);\n    --card-sectionning-background-color: #18232c;\n    --dropdown-background-color: hsl(205, 30%, 15%);\n    --dropdown-border-color: #24333e;\n    --dropdown-box-shadow: var(--card-box-shadow);\n    --dropdown-color: var(--color);\n    --dropdown-hover-background-color: rgba(36, 51, 62, 0.75);\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.8);\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='rgb(255, 255, 255)' 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='rgb(162, 175, 185)' stroke-width='2' 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='rgb(255, 255, 255)' stroke-width='2' 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='rgb(0, 0, 0)' stroke-width='2' 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='rgb(115, 130, 140)' 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='rgb(162, 175, 185)' 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='rgb(183, 28, 28)' 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='rgb(255, 255, 255)' 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='rgb(162, 175, 185)' 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='rgb(162, 175, 185)' 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='rgb(46, 125, 50)' 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    color-scheme: dark;\n  }\n}\n[data-theme=dark] {\n  --background-color: #11191f;\n  --color: hsl(205, 16%, 77%);\n  --h1-color: hsl(205, 20%, 94%);\n  --h2-color: #e1e6eb;\n  --h3-color: hsl(205, 18%, 86%);\n  --h4-color: #c8d1d8;\n  --h5-color: hsl(205, 16%, 77%);\n  --h6-color: #afbbc4;\n  --muted-color: hsl(205, 10%, 50%);\n  --muted-border-color: #1f2d38;\n  --primary: hsl(195, 85%, 41%);\n  --primary-hover: hsl(195, 80%, 50%);\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: hsl(205, 15%, 41%);\n  --secondary-hover: hsl(205, 10%, 50%);\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: hsl(205, 20%, 94%);\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: hsl(205, 25%, 23%);\n  --form-element-disabled-border-color: hsl(205, 20%, 32%);\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: hsl(205, 25%, 23%);\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: hsl(330, 30%, 50%);\n  --code-property-color: hsl(185, 30%, 50%);\n  --code-value-color: hsl(40, 10%, 50%);\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: var(--card-background-color);\n  --card-box-shadow:\n    0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),\n    0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),\n    0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),\n    0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),\n    0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),\n    0.5rem 1rem 6rem rgba(0, 0, 0, 0.06),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.015);\n  --card-sectionning-background-color: #18232c;\n  --dropdown-background-color: hsl(205, 30%, 15%);\n  --dropdown-border-color: #24333e;\n  --dropdown-box-shadow: var(--card-box-shadow);\n  --dropdown-color: var(--color);\n  --dropdown-hover-background-color: rgba(36, 51, 62, 0.75);\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.8);\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='rgb(255, 255, 255)' 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='rgb(162, 175, 185)' stroke-width='2' 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='rgb(255, 255, 255)' stroke-width='2' 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='rgb(0, 0, 0)' stroke-width='2' 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='rgb(115, 130, 140)' 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='rgb(162, 175, 185)' 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='rgb(183, 28, 28)' 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='rgb(255, 255, 255)' 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='rgb(162, 175, 185)' 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='rgb(162, 175, 185)' 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='rgb(46, 125, 50)' 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  color-scheme: dark;\n}\n\nprogress,\n[type=checkbox],\n[type=radio],\n[type=range] {\n  accent-color: var(--primary);\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  background-repeat: no-repeat;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\n:where(:root) {\n  -webkit-tap-highlight-color: transparent;\n  -webkit-text-size-adjust: 100%;\n  text-size-adjust: 100%;\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  text-rendering: optimizeLegibility;\n  overflow-wrap: break-word;\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\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[role=link] {\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:is([aria-current], :hover, :active, :focus),\n[role=link]:is([aria-current], :hover, :active, :focus) {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus,\n[role=link]:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary,\n[role=link].secondary {\n  --color: var(--secondary);\n}\na.secondary:is([aria-current], :hover, :active, :focus),\n[role=link].secondary:is([aria-current], :hover, :active, :focus) {\n  --color: var(--secondary-hover);\n}\na.secondary:focus,\n[role=link].secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast,\n[role=link].contrast {\n  --color: var(--contrast);\n}\na.contrast:is([aria-current], :hover, :active, :focus),\n[role=link].contrast:is([aria-current], :hover, :active, :focus) {\n  --color: var(--contrast-hover);\n}\na.contrast:focus,\n[role=link].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\n:where(address, blockquote, dl, figure, form, ol, p, pre, table, ul) ~ :is(h1, h2, h3, h4, h5, 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\n:where(dl, ol, ul) {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\n:where(dl, ol, ul) li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\n:where(dl, ol, ul) :is(dl, ol, ul) {\n  margin: 0;\n  margin-top: 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 */\n:where(audio, canvas, iframe, img, svg, video) {\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\n:where(iframe) {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\n:where(svg: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 {\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:is([aria-current], :hover, :active, :focus),\ninput[type=submit]:is([aria-current], :hover, :active, :focus),\ninput[type=button]:is([aria-current], :hover, :active, :focus),\ninput[type=reset]:is([aria-current], :hover, :active, :focus),\n[role=button]:is([aria-current], :hover, :active, :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\n:is(button, input[type=submit], input[type=button], [role=button]).secondary,\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\n:is(button, input[type=submit], input[type=button], [role=button]).secondary:is([aria-current], :hover, :active, :focus),\ninput[type=reset]:is([aria-current], :hover, :active, :focus) {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n  --color: var(--secondary-inverse);\n}\n:is(button, input[type=submit], input[type=button], [role=button]).secondary:focus,\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\n:is(button, input[type=submit], input[type=button], [role=button]).contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\n:is(button, input[type=submit], input[type=button], [role=button]).contrast:is([aria-current], :hover, :active, :focus) {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n  --color: var(--contrast-inverse);\n}\n:is(button, input[type=submit], input[type=button], [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\n:is(button, input[type=submit], input[type=button], [role=button]).outline,\ninput[type=reset].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\n:is(button, input[type=submit], input[type=button], [role=button]).outline:is([aria-current], :hover, :active, :focus),\ninput[type=reset].outline:is([aria-current], :hover, :active, :focus) {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\n\n:is(button, input[type=submit], input[type=button], [role=button]).outline.secondary,\ninput[type=reset].outline {\n  --color: var(--secondary);\n}\n:is(button, input[type=submit], input[type=button], [role=button]).outline.secondary:is([aria-current], :hover, :active, :focus),\ninput[type=reset].outline:is([aria-current], :hover, :active, :focus) {\n  --color: var(--secondary-hover);\n}\n\n:is(button, input[type=submit], input[type=button], [role=button]).outline.contrast {\n  --color: var(--contrast);\n}\n:is(button, input[type=submit], input[type=button], [role=button]).outline.contrast:is([aria-current], :hover, :active, :focus) {\n  --color: var(--contrast-hover);\n}\n\n:where(button, [type=submit], [type=button], [type=reset], [role=button])[disabled],\n:where(fieldset[disabled]) :is(button, [type=submit], [type=button], [type=reset], [role=button]),\na[role=button]:not([href]) {\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], [type=radio], [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], [type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox], [type=radio], [type=range], [type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\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], [type=button], [type=reset], [type=checkbox], [type=radio], [readonly]):is(:active, :focus),\n:where(select, textarea):is(:active, :focus) {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit], [type=button], [type=reset], [role=switch], [readonly]):is(:active, :focus),\n:where(select, textarea):is(:active, :focus) {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit], [type=button], [type=reset], [type=range], [type=file], [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], [type=button], [type=reset])[disabled],\nselect[disabled],\ntextarea[disabled],\n:where(fieldset[disabled]) :is(input:not([type=submit], [type=button], [type=reset]), select, textarea) {\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  pointer-events: none;\n}\n\n:where(input, select, textarea):not([type=checkbox], [type=radio], [type=date], [type=datetime-local], [type=month], [type=time], [type=week])[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}\n:where(input, select, textarea):not([type=checkbox], [type=radio], [type=date], [type=datetime-local], [type=month], [type=time], [type=week])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\n:where(input, select, textarea):not([type=checkbox], [type=radio], [type=date], [type=datetime-local], [type=month], [type=time], [type=week])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\n:where(input, select, textarea)[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n:where(input, select, textarea)[aria-invalid=false]:is(:active, :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}\n:where(input, select, textarea)[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n:where(input, select, textarea)[aria-invalid=true]:is(:active, :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] :where(input, select, textarea):not([type=checkbox], [type=radio]):is([aria-invalid], [aria-invalid=true], [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], [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], [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], [size]) {\n  background-position: center left 0.75rem;\n}\n\n:where(input, select, textarea, .grid) + 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 > :where(input, select, 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: 0;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: 0;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [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], [type=radio], [type=range], [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] :is([type=date], [type=datetime-local], [type=month], [type=time], [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: 0;\n  border-radius: 0;\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:is(:hover, :active, :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:is(:hover, :active, :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:is(:hover, :active, :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: none;\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], [type=radio], [type=range], [type=file])[type=search] {\n  padding-inline-start: 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}\ninput:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid] {\n  padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;\n  background-position: center left 1.125rem, center right 0.75rem;\n}\ninput:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid=false] {\n  background-image: var(--icon-search), var(--icon-valid);\n}\ninput:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid=true] {\n  background-image: var(--icon-search), var(--icon-invalid);\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n[dir=rtl] :where(input):not([type=checkbox], [type=radio], [type=range], [type=file])[type=search] {\n  background-position: center right 1.125rem;\n}\n[dir=rtl] :where(input):not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid] {\n  background-position: center right 1.125rem, center left 0.75rem;\n}\n\n/**\n * Table\n */\n:where(table) {\n  width: 100%;\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: none;\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  height: 0;\n  border: 0;\n  border-top: 1px solid var(--muted-border-color);\n  color: inherit;\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: 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]) {\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  margin-inline-start: calc(var(--spacing, 1rem) * 0.5);\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: right 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, 1.5));\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]):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  background-position: left center;\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  border-top-right-radius: var(--border-radius);\n  border-top-left-radius: var(--border-radius);\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  border-bottom-right-radius: var(--border-radius);\n  border-bottom-left-radius: var(--border-radius);\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: 0;\n  backdrop-filter: var(--modal-overlay-backdrop-filter);\n  background-color: var(--modal-overlay-background-color);\n  color: var(--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:is([aria-current], :hover, :active, :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  touch-action: none;\n}\n.modal-is-open dialog {\n  pointer-events: auto;\n}\n\n:where(.modal-is-opening, .modal-is-closing) dialog,\n:where(.modal-is-opening, .modal-is-closing) dialog > article {\n  animation-duration: 0.2s;\n  animation-timing-function: ease-in-out;\n  animation-fill-mode: both;\n}\n:where(.modal-is-opening, .modal-is-closing) dialog {\n  animation-duration: 0.8s;\n  animation-name: modal-overlay;\n}\n:where(.modal-is-opening, .modal-is-closing) dialog > article {\n  animation-delay: 0.2s;\n  animation-name: modal;\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 modal-overlay {\n  from {\n    backdrop-filter: none;\n    background-color: transparent;\n  }\n}\n@keyframes modal {\n  from {\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n}\n/**\n * Nav\n */\n:where(nav li)::before {\n  float: left;\n  content: \"​\";\n}\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 :where(a, [role=link]) {\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 :where(a, [role=link]):is([aria-current], :hover, :active, :focus) {\n  text-decoration: none;\n}\nnav[aria-label=breadcrumb] {\n  align-items: center;\n  justify-content: start;\n}\nnav[aria-label=breadcrumb] ul li:not(:first-child) {\n  margin-inline-start: var(--nav-link-spacing-horizontal);\n}\nnav[aria-label=breadcrumb] ul li:not(:last-child) ::after {\n  position: absolute;\n  width: calc(var(--nav-link-spacing-horizontal) * 2);\n  margin-inline-start: calc(var(--nav-link-spacing-horizontal) / 2);\n  content: \"/\";\n  color: var(--muted-color);\n  text-align: center;\n}\nnav[aria-label=breadcrumb] a[aria-current] {\n  background-color: transparent;\n  color: inherit;\n  text-decoration: none;\n  pointer-events: none;\n}\nnav [role=button] {\n  margin-right: inherit;\n  margin-left: inherit;\n  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\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[dir=rtl] nav[aria-label=breadcrumb] ul li:not(:last-child) ::after {\n  content: \"\\\\\";\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: none;\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: progress-indeterminate 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 progress-indeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Dropdown ([role=\"list\"])\n */\ndetails[role=list],\nli[role=list] {\n  position: relative;\n}\n\ndetails[role=list] summary + ul,\nli[role=list] > ul {\n  display: flex;\n  z-index: 99;\n  position: absolute;\n  top: auto;\n  right: 0;\n  left: 0;\n  flex-direction: column;\n  margin: 0;\n  padding: 0;\n  border: var(--border-width) solid var(--dropdown-border-color);\n  border-radius: var(--border-radius);\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n  background-color: var(--dropdown-background-color);\n  box-shadow: var(--card-box-shadow);\n  color: var(--dropdown-color);\n  white-space: nowrap;\n}\ndetails[role=list] summary + ul li,\nli[role=list] > ul li {\n  width: 100%;\n  margin-bottom: 0;\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) var(--form-element-spacing-horizontal);\n  list-style: none;\n}\ndetails[role=list] summary + ul li:first-of-type,\nli[role=list] > ul li:first-of-type {\n  margin-top: calc(var(--form-element-spacing-vertical) * 0.5);\n}\ndetails[role=list] summary + ul li:last-of-type,\nli[role=list] > ul li:last-of-type {\n  margin-bottom: calc(var(--form-element-spacing-vertical) * 0.5);\n}\ndetails[role=list] summary + ul li a,\nli[role=list] > ul li a {\n  display: block;\n  margin: calc(var(--form-element-spacing-vertical) * -0.5) calc(var(--form-element-spacing-horizontal) * -1);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) var(--form-element-spacing-horizontal);\n  overflow: hidden;\n  color: var(--dropdown-color);\n  text-decoration: none;\n  text-overflow: ellipsis;\n}\ndetails[role=list] summary + ul li a:hover,\nli[role=list] > ul li a:hover {\n  background-color: var(--dropdown-hover-background-color);\n}\n\ndetails[role=list] summary::after,\nli[role=list] > a::after {\n  display: block;\n  width: 1rem;\n  height: calc(1rem * var(--line-height, 1.5));\n  margin-inline-start: 0.5rem;\n  float: right;\n  transform: rotate(0deg);\n  background-position: right center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\ndetails[role=list] {\n  padding: 0;\n  border-bottom: none;\n}\ndetails[role=list] summary {\n  margin-bottom: 0;\n}\ndetails[role=list] summary:not([role]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\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  background-color: var(--form-element-background-color);\n  color: var(--form-element-placeholder-color);\n  line-height: inherit;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\ndetails[role=list] summary:not([role]):active, details[role=list] summary:not([role]):focus {\n  border-color: var(--form-element-active-border-color);\n  background-color: var(--form-element-active-background-color);\n}\ndetails[role=list] summary:not([role]):focus {\n  box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\ndetails[role=list][open] summary {\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: 1;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: none;\n  content: \"\";\n  cursor: default;\n}\n\nnav details[role=list] summary,\nnav li[role=list] a {\n  display: flex;\n  direction: ltr;\n}\n\nnav details[role=list] summary + ul,\nnav li[role=list] > ul {\n  min-width: fit-content;\n  border-radius: var(--border-radius);\n}\nnav details[role=list] summary + ul li a,\nnav li[role=list] > ul li a {\n  border-radius: 0;\n}\n\nnav details[role=list] summary,\nnav details[role=list] summary:not([role]) {\n  height: auto;\n  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\n}\nnav details[role=list][open] summary {\n  border-radius: var(--border-radius);\n}\nnav details[role=list] summary + ul {\n  margin-top: var(--outline-width);\n  margin-inline-start: 0;\n}\nnav details[role=list] summary[role=link] {\n  margin-bottom: calc(var(--nav-link-spacing-vertical) * -1);\n  line-height: var(--line-height);\n}\nnav details[role=list] summary[role=link] + ul {\n  margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));\n  margin-inline-start: calc(var(--nav-link-spacing-horizontal) * -1);\n}\n\nli[role=list]:hover > ul,\nli[role=list] a:active ~ ul,\nli[role=list] a:focus ~ ul {\n  display: flex;\n}\nli[role=list] > ul {\n  display: none;\n  margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));\n  margin-inline-start: calc(var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal));\n}\nli[role=list] > a::after {\n  background-image: var(--icon-chevron);\n}\n\nlabel > details[role=list] {\n  margin-top: calc(var(--spacing) * 0.25);\n  margin-bottom: var(--spacing);\n}\n\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input, select, 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, select, 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, select, 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, button, input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip][data-placement=top]::before, [data-tooltip][data-placement=top]::after, [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][data-placement=top]::after, [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][data-placement=bottom]::before, [data-tooltip][data-placement=bottom]::after {\n  top: 100%;\n  bottom: auto;\n  transform: translate(-50%, 0.25rem);\n}\n[data-tooltip][data-placement=bottom]:after {\n  transform: translate(-50%, -0.3rem);\n  border: 0.3rem solid transparent;\n  border-bottom: 0.3rem solid;\n}\n[data-tooltip][data-placement=left]::before, [data-tooltip][data-placement=left]::after {\n  top: 50%;\n  right: 100%;\n  bottom: auto;\n  left: auto;\n  transform: translate(-0.25rem, -50%);\n}\n[data-tooltip][data-placement=left]:after {\n  transform: translate(0.3rem, -50%);\n  border: 0.3rem solid transparent;\n  border-left: 0.3rem solid;\n}\n[data-tooltip][data-placement=right]::before, [data-tooltip][data-placement=right]::after {\n  top: 50%;\n  right: auto;\n  bottom: auto;\n  left: 100%;\n  transform: translate(0.25rem, -50%);\n}\n[data-tooltip][data-placement=right]:after {\n  transform: translate(-0.3rem, -50%);\n  border: 0.3rem solid transparent;\n  border-right: 0.3rem solid;\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][data-placement=bottom]:focus::before, [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::before, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: tooltip-slide-top;\n  }\n  [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: tooltip-caret-slide-top;\n  }\n  [data-tooltip][data-placement=bottom]:focus::before, [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover::before, [data-tooltip][data-placement=bottom]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: tooltip-slide-bottom;\n  }\n  [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover::after {\n    animation-name: tooltip-caret-slide-bottom;\n  }\n  [data-tooltip][data-placement=left]:focus::before, [data-tooltip][data-placement=left]:focus::after, [data-tooltip][data-placement=left]:hover::before, [data-tooltip][data-placement=left]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: tooltip-slide-left;\n  }\n  [data-tooltip][data-placement=left]:focus::after, [data-tooltip][data-placement=left]:hover::after {\n    animation-name: tooltip-caret-slide-left;\n  }\n  [data-tooltip][data-placement=right]:focus::before, [data-tooltip][data-placement=right]:focus::after, [data-tooltip][data-placement=right]:hover::before, [data-tooltip][data-placement=right]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: tooltip-slide-right;\n  }\n  [data-tooltip][data-placement=right]:focus::after, [data-tooltip][data-placement=right]:hover::after {\n    animation-name: tooltip-caret-slide-right;\n  }\n}\n@keyframes tooltip-slide-top {\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 tooltip-caret-slide-top {\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@keyframes tooltip-slide-bottom {\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 tooltip-caret-slide-bottom {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.5rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.3rem);\n    opacity: 1;\n  }\n}\n@keyframes tooltip-slide-left {\n  from {\n    transform: translate(0.75rem, -50%);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-0.25rem, -50%);\n    opacity: 1;\n  }\n}\n@keyframes tooltip-caret-slide-left {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(0.05rem, -50%);\n    opacity: 0;\n  }\n  to {\n    transform: translate(0.3rem, -50%);\n    opacity: 1;\n  }\n}\n@keyframes tooltip-slide-right {\n  from {\n    transform: translate(-0.75rem, -50%);\n    opacity: 0;\n  }\n  to {\n    transform: translate(0.25rem, -50%);\n    opacity: 1;\n  }\n}\n@keyframes tooltip-caret-slide-right {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-0.05rem, -50%);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-0.3rem, -50%);\n    opacity: 1;\n  }\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","/*!\n * Pico CSS v1.5.9 (https://picocss.com)\n * Copyright 2019-2023 - 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]) {\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\n// Accent-color\nprogress,\n[type=\"checkbox\"],\n[type=\"radio\"],\n[type=\"range\"] {\n  accent-color: var(--primary);\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.5rem;\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  // Modal (<dialog>)\n  --modal-overlay-backdrop-filter: blur(0.25rem);\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectioning\n  #{$semantic-root-element} > header,\n  #{$semantic-root-element} > main,\n  #{$semantic-root-element} > 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, 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","@import \"../../functions\";\n\n// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\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  $box-shadow-elevation: 1rem;\n  $box-shadow-blur-strengh: 6rem;\n  $box-shadow-opacity: 0.06;\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow:\n    #{($box-shadow-elevation * 0.5 * 0.029)} #{($box-shadow-elevation * 0.029)} #{($box-shadow-blur-strengh * 0.029)} #{rgba($grey-900, ($box-shadow-opacity * 0.283))},\n    #{($box-shadow-elevation * 0.5 * 0.067)} #{($box-shadow-elevation * 0.067)} #{($box-shadow-blur-strengh * 0.067)} #{rgba($grey-900, ($box-shadow-opacity * 0.4))},\n    #{($box-shadow-elevation * 0.5 * 0.125)} #{($box-shadow-elevation * 0.125)} #{($box-shadow-blur-strengh * 0.125)} #{rgba($grey-900, ($box-shadow-opacity * 0.5))},\n    #{($box-shadow-elevation * 0.5 * 0.225)} #{($box-shadow-elevation * 0.225)} #{($box-shadow-blur-strengh * 0.225)} #{rgba($grey-900, ($box-shadow-opacity * 0.6))},\n    #{($box-shadow-elevation * 0.5 * 0.417)} #{($box-shadow-elevation * 0.417)} #{($box-shadow-blur-strengh * 0.417)} #{rgba($grey-900, ($box-shadow-opacity * 0.717))},\n    #{($box-shadow-elevation * 0.5)} #{$box-shadow-elevation} #{$box-shadow-blur-strengh} #{rgba($grey-900, $box-shadow-opacity)},\n    0 0 0 0.0625rem #{rgba($grey-900, ($box-shadow-opacity * 0.25) )};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Dropdown (<details role=\"list\">)\n  --dropdown-background-color: #{mix($grey-50, $white, 25%)};\n  --dropdown-border-color: #{mix($grey-100, $grey-50)};\n  --dropdown-box-shadow: var(--card-box-shadow);\n  --dropdown-color: var(--color);\n  --dropdown-hover-background-color: #{$grey-50};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.7)};\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='#{to-rgb($white)}' 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='#{to-rgb($grey-700)}' stroke-width='2' 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='#{to-rgb($white)}' stroke-width='2' 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='#{to-rgb($white)}' stroke-width='2' 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='#{to-rgb($grey-500)}' 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='#{to-rgb($grey-700)}' 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='#{to-rgb($red-800)}' 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='#{to-rgb($white)}' 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='#{to-rgb($grey-700)}' 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='#{to-rgb($grey-700)}' 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='#{to-rgb($green-700)}' 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  // Document\n  color-scheme: light;\n}\n","@import \"../../functions\";\n\n// Default: Dark theme\n@mixin 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  $box-shadow-elevation: 1rem;\n  $box-shadow-blur-strengh: 6rem;\n  $box-shadow-opacity: 0.06;\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: var(--card-background-color);\n  --card-box-shadow:\n    #{($box-shadow-elevation * 0.5 * 0.029)} #{($box-shadow-elevation * 0.029)} #{($box-shadow-blur-strengh * 0.029)} #{rgba($black, ($box-shadow-opacity * 0.283))},\n    #{($box-shadow-elevation * 0.5 * 0.067)} #{($box-shadow-elevation * 0.067)} #{($box-shadow-blur-strengh * 0.067)} #{rgba($black, ($box-shadow-opacity * 0.4))},\n    #{($box-shadow-elevation * 0.5 * 0.125)} #{($box-shadow-elevation * 0.125)} #{($box-shadow-blur-strengh * 0.125)} #{rgba($black, ($box-shadow-opacity * 0.5))},\n    #{($box-shadow-elevation * 0.5 * 0.225)} #{($box-shadow-elevation * 0.225)} #{($box-shadow-blur-strengh * 0.225)} #{rgba($black, ($box-shadow-opacity * 0.6))},\n    #{($box-shadow-elevation * 0.5 * 0.417)} #{($box-shadow-elevation * 0.417)} #{($box-shadow-blur-strengh * 0.417)} #{rgba($black, ($box-shadow-opacity * 0.717))},\n    #{($box-shadow-elevation * 0.5)} #{$box-shadow-elevation} #{$box-shadow-blur-strengh} #{rgba($black, $box-shadow-opacity)},\n    0 0 0 0.0625rem #{rgba($black, ($box-shadow-opacity * 0.25) )};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Dropdown (<details role=\"list\">)\n  --dropdown-background-color: #{$grey-900};\n  --dropdown-border-color: #{mix($grey-900, $grey-800)};\n  --dropdown-box-shadow: var(--card-box-shadow);\n  --dropdown-color: var(--color);\n  --dropdown-hover-background-color: #{rgba(mix($grey-900, $grey-800), 0.75)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.8)};\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='#{to-rgb($white)}' 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='#{to-rgb($grey-300)}' stroke-width='2' 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='#{to-rgb($white)}' stroke-width='2' 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='#{to-rgb($black)}' stroke-width='2' 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='#{to-rgb($grey-500)}' 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='#{to-rgb($grey-300)}' 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='#{to-rgb($red-900)}' 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='#{to-rgb($white)}' 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='#{to-rgb($grey-300)}' 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='#{to-rgb($grey-300)}' 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='#{to-rgb($green-800)}' 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  // Document\n  color-scheme: dark;\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 v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add border box sizing in all browsers (opinionated)\n// 2. Backgrounds do not repeat by default (opinionated)\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n  background-repeat: no-repeat; // 2\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. Use the default cursor in all browsers (opinionated)\n// 2. Change the line height in all browsers (opinionated)\n// 3. Breaks words to prevent overflow in all browsers (opinionated)\n// 4. Use a 4-space tab width in all browsers (opinionated)\n// 5. Remove the grey highlight on links in iOS (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in iOS\n:where(:root) {\n  -webkit-tap-highlight-color: transparent; // 5\n  -webkit-text-size-adjust: 100%; // 6\n  text-size-adjust: 100%; // 6\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); // 2\n  font-family: var(--font-family);\n  text-rendering: optimizeLegibility;\n  overflow-wrap: break-word; // 3\n  cursor: default; // 1\n  tab-size: 4; // 4\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 v13.0.0 | 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\n// 1. Remove the margin in all browsers (opinionated)\n#{$semantic-root-element} {\n  width: 100%;\n  margin: 0; // 1\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 v13.0.0 | 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// 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[role=\"link\"] {\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  &:is([aria-current], :hover, :active, :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      &:is([aria-current], :hover, :active, :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      &:is([aria-current], :hover, :active, :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\n:where(address, blockquote, dl, figure, form, ol, p, pre, table, ul) {\n  ~ :is(h1, h2, h3, h4, h5, 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\n:where(dl, ol, ul) {\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\n// Margin-top for nested lists\n// 1. Remove the margin on nested lists in Chrome, Edge, IE, and Safari\n:where(dl, ol, ul) {\n  :is(dl, ol, ul) {\n    margin: 0; // 1\n    margin-top: 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 v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\n:where(audio, canvas, iframe, img, svg, video) {\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)\n:where(iframe) {\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)\n:where(svg: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 v13.0.0 | 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 on controls in 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 buttons in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\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  &:is([aria-current], :hover, :active, :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  :is(button, input[type=\"submit\"], input[type=\"button\"], [role=\"button\"]).secondary,\n  input[type=\"reset\"] {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &:is([aria-current], :hover, :active, :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  :is(button, input[type=\"submit\"], input[type=\"button\"], [role=\"button\"]).contrast {\n    --background-color: var(--contrast);\n    --border-color: var(--contrast);\n    --color: var(--contrast-inverse);\n\n    &:is([aria-current], :hover, :active, :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  :is(button, input[type=\"submit\"], input[type=\"button\"], [role=\"button\"]).outline,\n  input[type=\"reset\"].outline {\n    --background-color: transparent;\n    --color: var(--primary);\n\n    &:is([aria-current], :hover, :active, :focus) {\n      --background-color: transparent;\n      --color: var(--primary-hover);\n    }\n  }\n\n  // Outline (secondary)\n  :is(button, input[type=\"submit\"], input[type=\"button\"], [role=\"button\"]).outline.secondary,\n  input[type=\"reset\"].outline {\n    --color: var(--secondary);\n\n    &:is([aria-current], :hover, :active, :focus) {\n      --color: var(--secondary-hover);\n    }\n  }\n\n  // Outline (contrast)\n  :is(button, input[type=\"submit\"], input[type=\"button\"], [role=\"button\"]).outline.contrast {\n    --color: var(--contrast);\n\n    &:is([aria-current], :hover, :active, :focus) {\n      --color: var(--contrast-hover);\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    &:is([aria-current], :hover, :active, :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// Links without href are disabled by default\n:where(button, [type=\"submit\"], [type=\"button\"], [type=\"reset\"], [role=\"button\"])[disabled],\n:where(fieldset[disabled]) :is(button, [type=\"submit\"], [type=\"button\"], [type=\"reset\"], [role=\"button\"]),\na[role=\"button\"]:not([href]) {\n  opacity: 0.5;\n  pointer-events: none;\n}\n","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v13.0.0 | 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\"], [type=\"radio\"], [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\"], [type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"], [type=\"radio\"], [type=\"range\"], [type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\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\"], [type=\"button\"], [type=\"reset\"], [type=\"checkbox\"], [type=\"radio\"], [readonly]),\n:where(select, textarea) {\n  &:is(:active, :focus) {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"], [type=\"button\"], [type=\"reset\"], [role=\"switch\"], [readonly]),\n:where(select, textarea) {\n  &:is(:active, :focus) {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"], [type=\"button\"], [type=\"reset\"], [type=\"range\"], [type=\"file\"], [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\"], [type=\"button\"], [type=\"reset\"])[disabled],\nselect[disabled],\ntextarea[disabled],\n:where(fieldset[disabled]) :is(input:not([type=\"submit\"], [type=\"button\"], [type=\"reset\"]), select, textarea) {\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  pointer-events: none;\n}\n\n// Aria-invalid\n:where(input, select, textarea) {\n  &:not([type=\"checkbox\"], [type=\"radio\"], [type=\"date\"], [type=\"datetime-local\"], [type=\"month\"], [type=\"time\"], [type=\"week\"]) {\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      }\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    &:is(:active, :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      }\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    &:is(:active, :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      }\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  :where(input, select, textarea) {\n    &:not([type=\"checkbox\"], [type=\"radio\"]) {\n      &:is([aria-invalid], [aria-invalid=\"true\"], [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\"], [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], [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], [size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\n$inputs: \"input, select, textarea\";\n\n@if ($enable-classes and $enable-grid) {\n  $inputs: $inputs + \", .grid\";\n}\n\n:where(#{$inputs}) {\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  > :where(input, select, 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: 0;\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\"], [type=\"radio\"], [type=\"range\"], [type=\"file\"]) {\n  &:is([type=\"date\"], [type=\"datetime-local\"], [type=\"month\"], [type=\"time\"], [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  :is([type=\"date\"], [type=\"datetime-local\"], [type=\"month\"], [type=\"time\"], [type=\"week\"]) {\n  text-align: right;\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: 0;\n  border-radius: 0;\n  background: none;\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    &:is(:hover, :active, :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: none;\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\"], [type=\"radio\"], [type=\"range\"], [type=\"file\"]) {\n  &[type=\"search\"] {\n    padding-inline-start: 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    &[aria-invalid] {\n      @if $enable-important {\n        padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;\n      } \n      @else {\n        padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n      }\n      background-position: center left 1.125rem, center right 0.75rem;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-search), var(--icon-valid);\n    }\n\n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-search), var(--icon-invalid);\n    }\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[dir=\"rtl\"] {\n  :where(input) {\n    &:not([type=\"checkbox\"], [type=\"radio\"], [type=\"range\"], [type=\"file\"]) {\n      &[type=\"search\"] {\n        background-position: center right 1.125rem;\n        \n        &[aria-invalid] {\n          background-position: center right 1.125rem, center left 0.75rem;\n        }\n      }\n    }\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 v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated)\n// 2. Remove text indentation from table contents in Chrome, Edge, and Safari\n:where(table) {\n  width: 100%;\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 2\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 v13.0.0 | 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 odd `em` 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: none;\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 v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Correct the inheritance of border color in Firefox\n// 2. Add the correct box sizing in Firefox\nhr {\n  height: 0; // 2\n  border: 0;\n  border-top: 1px solid var(--muted-border-color);\n  color: inherit; // 1\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } \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: var(--spacing);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    line-height: 1rem;\n    list-style-type: none;\n    cursor: pointer;\n\n    &:not([role]) {\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      margin-inline-start: calc(var(--spacing, 1rem) * 0.5);\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: right 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, 1.5));\n        background-image: var(--icon-chevron-button);\n      }\n\n      @if $enable-classes {\n        // .contrast\n        &:not(.outline).contrast {\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]) {\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        background-position: left center;\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    border-top-right-radius: var(--border-radius);\n    border-top-left-radius: var(--border-radius);\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    border-bottom-right-radius: var(--border-radius);\n    border-bottom-left-radius: var(--border-radius);\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: 0;\n  backdrop-filter: var(--modal-overlay-backdrop-filter);\n  background-color: var(--modal-overlay-background-color);\n  color: var(--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        &:is([aria-current], :hover, :active, :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    touch-action: 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  :where(.modal-is-opening, .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: modal-overlay ;\n\n      > article {\n        animation-delay: $animation-duration;\n        animation-name: modal;\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 modal-overlay {\n    from {\n      backdrop-filter: none;\n      background-color: transparent;\n    }\n  }\n\n  @keyframes modal {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n  }\n}\n","/**\n * Nav\n */\n\n// Reboot based on :\n// - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n\n// Prevent VoiceOver from ignoring list semantics in Safari (opinionated)\n:where(nav li)::before {\n  float: left;\n  content: \"\\200B\";\n}\n\n// Pico\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)\n      var(--nav-element-spacing-horizontal);\n\n    // Minimal support for buttons and forms elements\n    > * {\n      --spacing: 0;\n    }\n  }\n\n  :where(a, [role=\"link\"]) {\n    display: inline-block;\n    margin: calc(var(--nav-link-spacing-vertical) * -1)\n      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    &:is([aria-current], :hover, :active, :focus) {\n      text-decoration: none;\n    }\n  }\n\n  // Breadcrumb\n  &[aria-label=\"breadcrumb\"] {\n    align-items: center;\n    justify-content: start;\n\n    & ul li {\n      &:not(:first-child) {\n        margin-inline-start: var(--nav-link-spacing-horizontal);\n      }\n\n      &:not(:last-child) {\n        ::after {\n          position: absolute;\n          width: calc(var(--nav-link-spacing-horizontal) * 2);\n          margin-inline-start: calc(var(--nav-link-spacing-horizontal) / 2);\n          content: \"/\";\n          color: var(--muted-color);\n          text-align: center;\n        }\n      }\n    }\n\n    & a[aria-current] {\n      background-color: transparent;\n      color: inherit;\n      text-decoration: none;\n      pointer-events: none;\n    }\n  }\n\n  // Minimal support for role=\"button\"\n  [role=\"button\"] {\n    margin-right: inherit;\n    margin-left: inherit;\n    padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\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)\n      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// Breadcrumb RTL\n[dir=\"rtl\"] {\n  nav {\n    &[aria-label=\"breadcrumb\"] {\n      & ul li {\n        &:not(:last-child) {\n          ::after {\n            content: \"\\\\\";\n          }\n        }\n      }\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 v13.0.0 | 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: none;\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: progress-indeterminate  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 progress-indeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","/**\n * Dropdown ([role=\"list\"])\n */\n\n// Menu\ndetails[role=\"list\"],\nli[role=\"list\"] {\n  position: relative;\n}\n\ndetails[role=\"list\"] summary + ul,\nli[role=\"list\"] > ul {\n  display: flex;\n  z-index: 99;\n  position: absolute;\n  top: auto;\n  right: 0;\n  left: 0;\n  flex-direction: column;\n  margin: 0;\n  padding: 0;\n  border: var(--border-width) solid var(--dropdown-border-color);\n  border-radius: var(--border-radius);\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n  background-color: var(--dropdown-background-color);\n  box-shadow: var(--card-box-shadow);\n  color: var(--dropdown-color);\n  white-space: nowrap;\n\n  li {\n    width: 100%;\n    margin-bottom: 0;\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      var(--form-element-spacing-horizontal);\n    list-style: none;\n\n    &:first-of-type {\n      margin-top: calc(var(--form-element-spacing-vertical) * 0.5);\n    }\n\n    &:last-of-type {\n      margin-bottom: calc(var(--form-element-spacing-vertical) * 0.5);\n    }\n\n    a {\n      display: block;\n      margin: calc(var(--form-element-spacing-vertical) * -0.5)\n        calc(var(--form-element-spacing-horizontal) * -1);\n      padding: calc(var(--form-element-spacing-vertical) * 0.5)\n        var(--form-element-spacing-horizontal);\n      overflow: hidden;\n      color: var(--dropdown-color);\n      text-decoration: none;\n      text-overflow: ellipsis;\n\n      &:hover {\n        background-color: var(--dropdown-hover-background-color);\n      }\n    }\n  }\n}\n\n// Marker\ndetails[role=\"list\"] summary,\nli[role=\"list\"] > a {\n  &::after {\n    display: block;\n    width: 1rem;\n    height: calc(1rem * var(--line-height, 1.5));\n    margin-inline-start: 0.5rem;\n    float: right;\n    transform: rotate(0deg);\n    background-position: right center;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n    content: \"\";\n  }\n}\n\n// Global dropdown only\ndetails[role=\"list\"] {\n  padding: 0;\n  border-bottom: none;\n\n  // Style <summary> as <select>\n  summary {\n    margin-bottom: 0;\n\n    &:not([role]) {\n      height: calc(\n        1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +\n          var(--border-width) * 2\n      );\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      background-color: var(--form-element-background-color);\n      color: var(--form-element-placeholder-color);\n      line-height: inherit;\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      &:active,\n      &:focus {\n        border-color: var(--form-element-active-border-color);\n        background-color: var(--form-element-active-background-color);\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n      }\n    }\n  }\n\n  // Close for details[role=\"list\"]\n  &[open] summary {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n\n    &::before {\n      display: block;\n      z-index: 1;\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background: none;\n      content: \"\";\n      cursor: default;\n    }\n  }\n}\n\n// All Dropdowns inside <nav>\nnav details[role=\"list\"] summary,\nnav li[role=\"list\"] a {\n  display: flex;\n  direction: ltr;\n}\n\nnav details[role=\"list\"] summary + ul,\nnav li[role=\"list\"] > ul {\n  min-width: fit-content;\n  border-radius: var(--border-radius);\n\n  li a {\n    border-radius: 0;\n  }\n}\n\n// Dropdowns inside <nav> as nested <details>\nnav details[role=\"list\"] {\n  summary,\n  summary:not([role]) {\n    height: auto;\n    padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\n  }\n\n  &[open] summary {\n    border-radius: var(--border-radius);\n  }\n\n  summary + ul {\n    margin-top: var(--outline-width);\n    margin-inline-start: 0;\n  }\n\n  summary[role=\"link\"] {\n    margin-bottom: calc(var(--nav-link-spacing-vertical) * -1);\n    line-height: var(--line-height);\n\n    + ul {\n      margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));\n      margin-inline-start: calc(var(--nav-link-spacing-horizontal) * -1);\n    }\n  }\n}\n\n// Dropdowns inside a <nav> without using <details>\nli[role=\"list\"] {\n  // Open on hover (for mobile)\n  // or on active/focus (for keyboard navigation)\n  &:hover > ul,\n  a:active ~ ul,\n  a:focus ~ ul {\n    display: flex;\n  }\n\n  > ul {\n    display: none;\n    margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));\n    margin-inline-start: calc(\n      var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal)\n    );\n  }\n\n  > a::after {\n    background-image: var(--icon-chevron);\n  }\n}\n\nlabel > details[role=\"list\"] {\n  margin-top: calc(var(--spacing) * .25);\n  margin-bottom: var(--spacing);\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, select, 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, button, input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &[data-placement=\"top\"]::before,\n  &[data-placement=\"top\"]::after,\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  &[data-placement=\"top\"]::after,\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  &[data-placement=\"bottom\"] {\n    &::before,\n    &::after {\n      top: 100%;\n      bottom: auto;\n      transform: translate(-50%, .25rem);\n    }\n    \n    &:after{\n      transform: translate(-50%, -.3rem);\n      border: .3rem solid transparent;\n      border-bottom: .3rem solid;\n    }\n  }\n\n  &[data-placement=\"left\"] {\n    &::before,\n    &::after {\n      top: 50%;\n      right: 100%;\n      bottom: auto;\n      left: auto;\n      transform: translate(-.25rem, -50%);\n    }\n    \n    &:after{\n      transform: translate(.3rem, -50%);\n      border: .3rem solid transparent;\n      border-left: .3rem solid;\n    }\n  }\n\n  &[data-placement=\"right\"] {\n    &::before,\n    &::after {\n      top: 50%;\n      right: auto;\n      bottom: auto;\n      left: 100%;\n      transform: translate(.25rem, -50%);\n    }\n    \n    &:after{\n      transform: translate(-.3rem, -50%);\n      border: .3rem solid transparent;\n      border-right: .3rem solid;\n    }\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  \n  @if $enable-transitions {\n\n    // Animations, excluding touch devices\n    @media (hover: hover) and (pointer: fine) {\n      &[data-placement=\"bottom\"]:focus,\n      &[data-placement=\"bottom\"]:hover\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: tooltip-slide-top;\n        }\n\n        &::after {\n          animation-name: tooltip-caret-slide-top; \n        }\n      }\n      \n      &[data-placement=\"bottom\"] {\n        &:focus,\n        &:hover {\n          &::before,\n          &::after {\n            animation-duration: .2s;\n            animation-name: tooltip-slide-bottom;\n          }\n  \n          &::after {\n            animation-name: tooltip-caret-slide-bottom; \n          }\n        }\n      }\n      \n      &[data-placement=\"left\"] {\n        &:focus,\n        &:hover {\n          &::before,\n          &::after {\n            animation-duration: .2s;\n            animation-name: tooltip-slide-left;\n          }\n  \n          &::after {\n            animation-name: tooltip-caret-slide-left; \n          }\n        }\n      }\n      \n      &[data-placement=\"right\"] {\n        &:focus,\n        &:hover {\n          &::before,\n          &::after {\n            animation-duration: .2s;\n            animation-name: tooltip-slide-right;\n          }\n  \n          &::after {\n            animation-name: tooltip-caret-slide-right; \n          }\n        }\n      }\n    }\n\n    @keyframes tooltip-slide-top {\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 tooltip-caret-slide-top {\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    @keyframes tooltip-slide-bottom {\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 tooltip-caret-slide-bottom {\n      from {\n        opacity: 0;\n      }\n      50% {\n        transform: translate(-50%, -.5rem);\n        opacity: 0;\n      }\n      to {\n        transform: translate(-50%, -.3rem);\n        opacity: 1;\n      }\n    }\n  \n    @keyframes tooltip-slide-left {\n      from {\n        transform: translate(.75rem, -50%);\n        opacity: 0;\n      }\n      to {\n        transform: translate(-.25rem, -50%);\n        opacity: 1;\n      }\n    }\n    \n    @keyframes tooltip-caret-slide-left {\n      from {\n        opacity: 0;\n      }\n      50% {\n        transform: translate(.05rem, -50%);\n        opacity: 0;\n      }\n      to {\n        transform: translate(.3rem, -50%);\n        opacity: 1;\n      }\n    }\n  \n    @keyframes tooltip-slide-right {\n      from {\n        transform: translate(-.75rem, -50%);\n        opacity: 0;\n      }\n      to {\n        transform: translate(.25rem, -50%);\n        opacity: 1;\n      }\n    }\n    \n    @keyframes tooltip-caret-slide-right {\n      from {\n        opacity: 0;\n      }\n      50% {\n        transform: translate(-.05rem, -50%);\n        opacity: 0;\n      }\n      to {\n        transform: translate(-.3rem, -50%);\n        opacity: 1;\n      }\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v13.0.0 | 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// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","@if $enable-transitions and $enable-important {\n  /**\n * Reduce Motion Features\n */\n\n  // Based on :\n  // - sanitize.css v13.0.0 | 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/web/view/brand/aging.scm b/web/view/brand/aging.scm
index 6d196ad..62b5df7 100644
--- a/web/view/brand/aging.scm
+++ b/web/view/brand/aging.scm
@@ -35,13 +35,14 @@
        (@ (rel "stylesheet")
           (media "screen")
           (type "text/css")
-          (href "/css/pico.min.css")
+          (href "/css/pico.css")
           ))
       ,@head)
      (body
-           (img (@ (src "/static/images/ole-farmer.jpg") (alt "ol farmer by hohumhobo is licensed under CC BY 2.0") (align "right") (width "400")))
+      (main (@ (class "container"))
+           (img (@ (src "/static/images/ole-farmer.jpg") (alt "ol farmer by hohumhobo is licensed under CC BY 2.0") (width "400")))
            (h1 ,title)
-           (p ,info)
+           (p ,info)))
            (footer
             (hr)
             (p "Copyright © 2005-2023 "
@@ -49,4 +50,4 @@
             (p "GeneNetwork and this website runs fully on free software. See status and download the "
                (a (@ (href "https://ci.genenetwork.org/"))
                   "source code") "."))
-           ))))
+           )))
diff --git a/web/webserver.scm b/web/webserver.scm
index fe4596b..05e842c 100755
--- a/web/webserver.scm
+++ b/web/webserver.scm
@@ -76,14 +76,15 @@ otherwise search for set/group data"
 
 
 (define file-mime-types
-  '(("css" . (text/css))
-    ("js"  . (text/javascript))
-    ("svg" . (image/svg+xml))
-    ("png" . (image/png))
-    ("gif" . (image/gif))
-    ("jpg" . (image/jpg))
+  '(("css"  . (text/css))
+    ("js"   . (text/javascript))
+    ("svg"  . (image/svg+xml))
+    ("png"  . (image/png))
+    ("gif"  . (image/gif))
+    ("jpg"  . (image/jpg))
     ("woff" . (application/font-woff))
     ("ttf"  . (application/octet-stream))
+    ("map"  . (text/json))
     ("html" . (text/html))))
 
 (define (file-extension file-name)
@@ -98,11 +99,14 @@ otherwise search for set/group data"
           (last-modified . ,(time-utc->date modified)))
         (call-with-input-file file-name get-bytevector-all))))
 
-(define* (render-file path page #:optional rec #:key (extra-headers '()))
-  (list (append extra-headers
-                '((content-type . (text/html))))
-        (lambda (port)
-          (sxml->html (view-doc path page rec) port))))
+(define* (render-static-file path #:optional rec #:key (extra-headers '()))
+  (let* ((stat (stat path #f))
+         (modified (and stat
+                        (make-time time-utc 0 (stat:mtime stat)))))
+  (list `((content-type . ,(assoc-ref file-mime-types
+                                      (file-extension path)))
+          (last-modified . ,(time-utc->date modified)))
+        (call-with-input-file path get-bytevector-all))))
 
 (define* (render-doc path page #:optional rec #:key (extra-headers '()))
   (list (append extra-headers
@@ -132,8 +136,10 @@ otherwise search for set/group data"
      (render-json info))
     (('GET "version")
      (render-json get-version))
-    (('GET "css" fn)
-     (render-file fn))
+    (('GET "css" fn )
+     (render-static-file (string-append "css/" fn)))
+    (('GET "map" fn )
+     (render-static-file (string-append "css/" fn)))
     (('GET "static" "images" fn)
      (render-static-image (string-append "static/images/" fn)))
     (('GET "home" path)